@font-face {
  font-family: ZDFType;
  src: url("fonts/zdf/ZDFMicro-Regular.woff") format("woff"),
    url("fonts/zdf/ZDFMicro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ZDFType;
  src: url("fonts/zdf/ZDFMicro-Bold.woff") format("woff"),
    url("fonts/zdf/ZDFMicro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ZDFTypeMedium;
  src: url("fonts/zdf/ZDFMicro-Medium.woff") format("woff"),
    url("fonts/zdf/ZDFMicro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  margin: 0;
  background: transparent;
  width: 1280px;
  height: 720px;
}

/* reset table */
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

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

td {
  vertical-align: top;
  color: #ffffff;
}

div {
  position: absolute;
  font-family: ZDFType, Tiresias, sans-serif;
  margin: 0;
  padding: 0;
  z-index: 0;
  overflow: hidden;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

div.zdfmlogo {
  left: 11px;
  top: 11px;
  width: 208px;
  height: 38px;
  background-image: url("icons.png");
  background-position: 0px -25px;
}

#appscreen,
#hidemsg,
#hideteaser,
#hideteaser2 {
  overflow: hidden;
}

#hideteaser2 {
  left: 0px;
  width: 328px;
}

div.hidemsgaddimg {
  left: 0px;
  width: 280px;
  height: 158px;
  background-repeat: no-repeat;
}

div.colbuttontxt {
  left: 14px;
  top: 8px;
  width: 230px;
  overflow: hidden;
  font-size: 22px;
  line-height: 25px;
  padding-left: 26px;
  padding-bottom: 4px;
  color: #ffffff;
}

div.colbuttonr,
div.colbuttong,
div.colbuttony,
div.colbuttonb {
  left: 0px;
  top: 2px;
  width: 20px;
  height: 20px;
  background-image: url("icons.png");
}

div.colbuttonr {
  background-position: 0px 0px;
}

div.colbuttong {
  background-position: -22px 0px;
}

div.colbuttony {
  background-position: -44px 0px;
}

div.colbuttonb {
  background-position: -66px 0px;
}

div.colbuttonbg {
  left: 0px;
  top: 0px;
  width: 280px;
  height: 42px;
  overflow: hidden;
  background-color: #25292e;
  opacity: 0.8;
}

div.zdfmlogobg {
  left: 0px;
  top: 0px;
  width: 280px;
  height: 60px;
  background-color: #25292e;
  opacity: 0.8;
}

div.shadebgtop {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 156px;
  background-image: url("vshades.png");
  background-position: 0px -370px;
}

div.shadebgbtn {
  left: 0px;
  top: 195px;
  width: 1280px;
  height: 525px;
  background-image: url("vshades.png");
  background-position: 0px -533px;
}

div.shadebgall {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
  background-color: #25292e;
  opacity: 0.8;
}

div.covers {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 374px;
  overflow: hidden;
}

div.coverbandtitle {
  left: 200px;
  top: 0px;
  font-size: 28px;
  line-height: 34px;
  color: #ffffff;
}

div.coverband {
  left: 0px;
  top: 40px;
  height: 334px;
}

div.coverbanditem {
  top: 12px;
  width: 244px;
  overflow: hidden;
  padding: 170px 16px 0px 16px;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
}

div.coverbanditem.withbg {
  background-color: #ffffff;
  color: #34393f;
}

div.coverbanditem.nobg {
  color: #ffffff;
}

div.coverbanditem.focus {
  margin-left: -8px;
  margin-top: -12px;
  width: 257px;
  padding: 184px 17px 2px 18px;
  font-size: 21px;
  border-style: solid;
  border-width: 0px 0px 8px 0px;
  border-color: #fa7d19;
}

div.coverbanditem img.main {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 276px;
  height: 155px;
}

div.coverbanditem.focus img.main {
  width: 292px;
  height: 164px;
}

div.coverbanditem div.hshade {
  left: 0px;
  top: 116px;
  width: 276px;
  height: 38px;
  background-image: url("vshades.png");
}

div.coverbanditem.focus div.hshade {
  width: 292px;
  top: 125px;
}

div.coverbanditem div.vidinfo {
  left: 16px;
  top: 128px;
  padding: 1px 1px 0px 28px;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  color: #ffffff;
}

div.coverbanditem.focus div.vidinfo {
  top: 137px;
}

div.coverbanditem div.vidinfo div.icon {
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  background-image: url("icons.png");
}

div.coverbanditem div.vidinfo div.icon.play {
  background-position: -100px 0px;
}

div.coverbanditem div.vidinfo div.icon.time {
  background-position: -125px 0px;
}

div.coverbanditem div.progbar {
  left: 0px;
  top: 151px;
  width: 276px;
  height: 4px;
  overflow: hidden;
}

div.coverbanditem.focus div.progbar {
  top: 160px;
  width: 292px;
}

div.coverbanditem div.progbar div.fg,
div.coverbanditem div.progbar div.bg {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 4px;
}

div.coverbanditem div.progbar div.fg {
  background-color: #fa7d19;
}

div.coverbanditem div.progbar div.bg {
  background-color: #ffffff;
  opacity: 0.75;
}

div.coverbanditem span.episode {
  font-weight: normal;
}

div.coverbanditem span.label {
  padding: 3px 9px;
  margin-right: 2px;
  color: #ffffff;
  background-color: #fa7d19;
}

div.coverbandapp div.coverbanditem {
  height: 74px;
}

div.coverbandstd div.coverbanditem {
  height: 100px;
  padding-top: 210px;
}

div.coverbandstd div.coverbanditem.focus {
  padding-top: 224px;
}

div.coverbandstd div.head {
  left: 16px;
  top: 171px;
  width: 260px;
  height: 23px;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  color: #34393f;
}

div.coverbandstd div.usergreet {
  left: 16px;
  top: 171px;
  width: 260px;
  height: 49px;
  font-size: 20px;
  line-height: 25px;
  font-weight: bold;
  color: #ffffff;
}

div.coverbandstd div.myproginfo {
  left: 16px;
  top: 236px;
  width: 260px;
  height: 23px;
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  color: #ffffff;
}

div.coverbandstd div.coverbanditem.focus div.head {
  left: 18px;
  top: 183px;
}

div.coverbandstd div.foot {
  left: 16px;
  top: 272px;
  width: 250px;
  height: 23px;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  color: #34393f;
}

div.coverbandstd div.coverbanditem.focus div.foot {
  left: 18px;
  top: 282px;
}

div.applist div.glow {
  left: 0px;
  bottom: 0px;
  width: 658px;
  height: 345px;
  background-image: url("glow_apps.png");
}

div.appband {
  left: 0px;
  top: 85px;
  height: 260px;
}

div.appitem {
  width: 110px;
  height: 183px;
  margin-top: 77px;
}

div.appitem.next {
  width: 140px;
  height: 212px;
  margin-top: 48px;
}

div.appitem.focus {
  width: 180px;
  height: 260px;
  margin-top: 0px;
}

div.appitem div.wrapper,
div.appitem img.main {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 110px;
  height: 110px;
}

div.appitem div.wrapper {
  background-color: #eaeaea;
}

div.appitem.next div.wrapper,
div.appitem.next img.main {
  width: 140px;
  height: 140px;
}

div.appitem.focus div.wrapper,
div.appitem.focus img.main {
  width: 160px;
  height: 160px;
}

div.appitem.focus div.wrapper {
  left: 10px;
  border-style: solid;
  border-width: 0px 0px 4px 0px;
  border-color: #fa7d19;
}

div.appitem div.txt {
  display: none;
  top: 176px;
  left: 4px;
  width: 172px;
  height: 48px;
  font-size: 20px;
  line-height: 24px;
  color: #ededed;
  font-family: ZDFTypeMedium, Tiresias, sans-serif;
  text-align: center;
  letter-spacing: -0.33px;
  overflow: hidden;
}

div.appitem.focus div.txt {
  display: block;
}

div.popup,
div.popupbg {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
}

div.popupbg {
  background-color: #34393f;
  opacity: 0.8;
}

div.popup div.button {
  top: 52px;
  left: 920px;
  width: 200px;
  text-align: center;
}

div.popup div.textcontainer {
  left: 180px;
  top: 0px;
  width: 700px;
  height: 720px;
  background-color: #34393f;
}

div.popup {
  left: 30px;
  width: 640px;
  font-size: 22px;
  line-height: 32px;
  color: #ffffff;
}

div.popuptext p {
  margin: 0px 0px 16px 0px;
}

div.popuptext h1 {
  font-size: 40px;
  margin: 20px 0px 16px 0px;
  font-weight: normal;
  line-height: 48px;
}

div.popuptext h2 {
  font-size: 32px;
  margin: 16px 0px 16px 0px;
  font-weight: normal;
  line-height: 38px;
}

div.popuptext h3 {
  font-size: 26px;
  margin: 16px 0px 16px 0px;
  font-weight: normal;
  line-height: 32px;
}

div.popuptext span.boldtxt {
  font-weight: bold;
}

div.button {
  margin-top: 6px;
  margin-left: 6px;
  padding-top: 14px;
  height: 40px;
  font-size: 22px;
  line-height: 27px;
  color: #404349;
  background-color: #d0d0d0;
}

div.button.focus {
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 20px;
  height: 46px;
  font-size: 23px;
  color: #ffffff;
  background-color: #fa7d19;
}

div.switchtxt {
  left: 0px;
  top: 90px;
  width: 560px;
  height: 52px;
  padding-top: 10px;
  padding-right: 80px;
  font-size: 22px;
  line-height: 27px;
  color: #ffffff;
}

div.switchelem {
  left: 520px;
  top: 8px;
  width: 54px;
  height: 29px;
  background-image: url("icons.png");
}

div.switchelem.nofocus.off {
  background-position: 0px -65px;
}

div.switchelem.focus.off {
  background-position: -55px -65px;
}

div.switchelem.nofocus.on {
  background-position: -110px -65px;
}

div.switchelem.focus.on {
  background-position: -165px -65px;
}

div.switchelemtxt {
  left: 580px;
  top: 10px;
  width: 100px;
  height: 30px;
  font-size: 22px;
  line-height: 27px;
  color: #ffffff;
}

div#infooverlay {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
  display: none;
}

div#infooverlay div.overlaywrapper {
  top: 307px;
  left: 348px;
  width: 584px;
  height: 106px;
  background: #343a3e;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
}

div#infooverlay div.infotext {
  position: relative;
  margin: 32px 32px 0 32px;
  text-align: center;
}

/* LOGO MEDIATHEK */
div.mediathek-logo {
  width: 102px;
  height: 18px;
  margin-bottom: 4px;
  background-image: url("icons.png");
  background-position: 0px -105px;
}

div.tivi div.mediathek-logo {
  width: 77px;
  height: 27px;
  margin-bottom: 0px;
  background-position: -120px -96px;
}

div.heute div.mediathek-logo {
  width: 71px;
  height: 16px;
  background-position: -120px -125px;
}
div.mediathek-logo.textual-logo {
  width: 272px;
  height: 24px;
  margin-bottom: 0;
  background-image: none;
  max-height: 48px;
  line-height: 24px;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}
div.mediathek-logo.textual-logo.right-aligned {
  text-align: right;
}

/* RED BUTTON */
div#red {
  display: none;
  top: 431px;
  left: 0px;
  width: 1280px;
  height: 289px;
  background-image: url("glow_middle.png");
}

div#red div.mediathek-logo {
  width: 191px;
  height: 25px;
  right: 261px;
  bottom: 150px;
  background-position: 0px -185px;
}

div#red div.btn {
  right: 262px;
  bottom: 51px;
  width: 756px;
  height: 90px;
  border-width: 4px 0 0 0;
  border-style: solid;
  border-color: #fa7d19;
  background-image: url("apps.png");
  background-repeat: no-repeat;
}

div#red div.btn div.txt {
  right: 0;
  bottom: 20px;
  width: 288px;
  height: 48px;
  line-height: 24px;
  font-size: 20px;
  color: #b3b1b1;
  font-family: ZDFTypeMedium, Tiresias, sans-serif;
}

div#red div.btn div.txt span.bold {
  color: #ffffff;
  font-family: ZDFTypeHeavy, Tiresias, sans-serif;
}

div#red div.btn div.icon {
  margin: 6px 0 5px 8px;
  display: inline;
  width: 32px;
  height: 13px;
  background-color: #ff1717;
  border-radius: 3px;
}

/* RESTART BUTTON */
div#restart {
  display: none;
  top: 285px;
  left: 0px;
  width: 569px;
  height: 435px;
  background-image: url("glow_left.png");
}

div#restart div.btn {
  left: 64px;
  top: 270px;
  height: 89px;
  border-width: 4px 0 0 0;
  border-style: solid;
  border-color: #fa7d19;
}

div#restart div.btn.full {
  top: 214px;
  height: 217px;
}

div#restart div.btn div.background {
  width: 100%;
  height: 100%;
  background-color: #25292e;
  opacity: 0.8;
}

div#restart div.btn div.content {
  position: relative;
  padding: 0 20px;
  height: 89px;
}

div#restart div.btn.full div.content {
  position: relative;
  padding: 30px 20px 0px 20px;
  height: 147px;
}

div#restart div.btn table {
  /* width: 100%; */
  height: 100%;
}

div#restart div.btn td {
  vertical-align: middle;
}

div#restart div.btn div.icon {
  position: relative;
  width: 50px;
  height: 42px;
  float: left;
  background-image: url("icons.png");
  background-position: 0px -125px;
}

div#restart div.btn div.icon.dgs {
  width: 46px;
  height: 51px;
  margin: 0 2px;
  background-position: -62px -125px;
}

div#restart div.btn div.txt {
  position: relative;
  height: 52px;
  line-height: 26px;
  font-size: 20px;
  color: #b3b1b1;
  margin-left: 20px;
  font-family: ZDFTypeMedium, Tiresias, sans-serif;
}

div#restart div.btn div.txt span.bold {
  color: #ffffff;
  font-family: ZDFTypeHeavy, Tiresias, sans-serif;
}

div#restart div.btn div.txt .color {
  position: relative;
  margin-left: 8px;
  display: inline-block;
  width: 32px;
  height: 13px;
  border-radius: 3px;
}

div#restart div.btn div.txt .color.blue {
  background-color: #4391ff;
}

div#restart div.btn div.txt .color.yellow {
  background-color: #ffd704;
}

div#restart div.btn div.delimiter {
  position: relative;
  width: 100%;
  height: 2px;
  margin: 18px 0px;
  background-color: #888888;
  opacity: 0.8;
}

/* GREEN BUTTON */
div#green {
  display: none;
  top: 0;
  right: 0;
  width: 659px;
  height: 720px;
  background-image: url("glow_right.png");
}

div#green div.mediathek-logo {
  right: 68px;
  bottom: 400px;
}

div#green div.btn {
  bottom: 0;
  right: 68px;
  width: 272px;
  height: 391px;
  border-width: 4px 0 0 0;
  border-style: solid;
  border-color: #fa7d19;
}

div#green div.wrapper {
  width: 100%;
  height: 100%;
  opacity: 0.85;
}

div#green div.btn div.teaser {
  width: 272px;
  height: 306px;
  overflow: hidden;
}

div#green div.btn div.teaser img {
  width: 100%;
}

div#green div.btn div.gradient {
  top: 215px;
  width: 272px;
  height: 91px;
  background-image: url("green_gradient.png");
}

div#green div.btn div.bottom {
  top: 305px;
  width: 272px;
  height: 86px;
  background-color: #25292e;
}

div#green div.btn div.overline {
  top: 127px;
  left: 20px;
  width: 232px;
  height: 30px;
  margin-top: 9px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  display: none;
}

div#green div.btn div.overline.alert {
  margin-top: 0px;
}

div#green div.btn div.overline.alert span {
  padding: 3px 6px;
  background-color: #fa7d19;
}

div#green div.btn div.txt {
  left: 20px;
  bottom: 100px;
  width: 232px;
  max-height: 48px;
  line-height: 24px;
  font-size: 20px;
  color: #ffffff;
  overflow: hidden;
  font-family: ZDFTypeHeavy, Tiresias, sans-serif;
}

div#green div.btn div.hint {
  top: 298px;
  left: 20px;
  width: 232px;
  height: 48px;
  line-height: 24px;
  font-size: 18px;
  color: #b3b1b1;
  font-family: ZDFTypeMedium, Tiresias, sans-serif;
}

div#green div.btn div.hint div.icon {
  margin: 6px 0 5px 8px;
  display: inline;
  width: 29px;
  height: 13px;
  background-color: #38ff26;
  border-radius: 3px;
}

/*
 * PUSH GREEN BUTTON
 */
div#green.push div.btn div.teaser {
  height: 153px;
}

div#green.push div.btn div.gradient {
  top: 62px;
}

div#green.push div.btn div.bottom {
  top: 152px;
  height: 239px;
}

div#green.push div.btn div.overline {
  display: block;
}

div#green.push div.btn div.txt {
  top: 166px;
  max-height: 120px;
  font-family: ZDFType, Tiresias, sans-serif;
  font-weight: 500;
}

div#green.push.txtonly div.mediathek-logo {
  bottom: 296px;
}

div#green.push.txtonly div.btn {
  height: 287px;
}

div#green.push.txtonly div.btn div.teaser {
  display: none;
}

div#green.push.txtonly div.btn div.gradient {
  top: 0;
  display: none;
}

div#green.push.txtonly div.btn div.bottom {
  top: 0px;
  height: 287px;
}

div#green.push.txtonly div.btn div.overline {
  top: 20px;
}

div#green.push.txtonly div.btn div.txt {
  top: 60px;
}

div#green.push.txtonly div.btn div.hint {
  top: 190px;
}

/*
 * Option(s) overlay
 */
div#optionsoverlay {
  left: 485px;
  top: 294px;
  width: 330px;
  height: 138px;
  background-color: #34393d;
  display: none;
}

div#optionsoverlay div.title,
div#optionsoverlay div.button {
  left: 15px;
  width: 300px;
  height: 30px;
  padding-top: 4px;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  background-color: #ffffff;
  color: #343638;
  margin: 0;
}

div#optionsoverlay div.title {
  padding-top: 0;
  font-weight: bold;
  line-height: 30px;
  color: #ffffff;
  background-color: transparent;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div#optionsoverlay div.button.focused {
  background-color: #fa7d19;
  color: #ffffff;
}

/*
 * Version overlay
 */
div#versionoverlay {
  right: 64px;
  top: 36px;
  color: #ffffff;
  display: none;
}

div#versionoverlay div.bg {
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #34393d;
  opacity: 0.6;
  z-index: 0;
}

div#versionoverlay table {
  position: relative;
  margin: 16px;
  z-index: 1;
}

div#versionoverlay td.label {
  white-space: nowrap;
  padding-right: 16px;
}

div#versionoverlay td.value {
  max-width: 640px;
}

/*
 * CMP overlay
 */
div.cmpoverlay-button.focused {
  background-color: #fa7d19;
}

div.cmpoverlay-arrow.focused {
  opacity: 1;
}

/*
 * CMP
 */
div.cmpoverlay-line {
  width: 1280px;
  height: 5.3px;
  background-color: #fa7d19;
}

.agf div.cmpoverlay-line {
  width: 1280px;
  height: 4px;
  background-color: #FBFAFA;
}

div.cmp-window,
div.cmp-bg {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
  overflow: visible;
}

div.cmp-window {
  display: none;
}

div.cmp-window div.cmp-bg.settings {
  background-image: none;
  background-color: #25292e;
  opacity: 0.8;
}

/* disable background image */
/* div.cmp-window div.cmp-bg.mediathek {
  background-image: url(bg.jpg);
}

div.cmp-window div.cmp-bg.heute {
  background-image: url(cmp_bg_heute.jpg);
}

div.cmp-window div.cmp-bg.tivi {
  background-image: url(cmp_bg_tivi.jpg);
} */

div.cmp-entry {
  left: 0px;
  top: 433px;
  width: 1280px;
  height: 287px;
  background-color: #25292e;
  position: relative;
  color: #ffffff;
  display: none;
  opacity: 0.9;
}

.agf div.cmp-entry {
  background-color: #1F2830;
  opacity: 1;
  background-image: url("logo-agf.png");
  background-repeat: no-repeat;
  background-position: 60px 207px;
}

div.cmp-settings {
  top: 0px;
  left: 0px;
  width: 1280px;
  height: 720px;
}

div.cmp-settings div.gradient-left {
  left: 0;
  height: 100%;
  width: 50%;
  background-image: url("cmpSettingsGradientLeft.png");
  opacity: 0.5;
}

div.cmp-settings div.gradient-right {
  right: 0;
  height: 100%;
  width: 50%;
  background-image: url("cmpSettingsGradientRight.png");
  opacity: 0.5;
}

div.cmp-window div.cmp-entry div.headline {
  position: relative;
  width: 200px;
  height: 26px;
  font-size: 26px;
  color: #ffffff;
  font-weight: bold;
}

div.cmp-window div.cmp-entry div.subline {
  width: 938px;
  height: 56px;
  left: 52px;
  top: 104px;
  font-size: 18px;
  line-height: 28px;
}

div.cmp-window div.buttons {
  width: 414px;
  height: 39px;
  left: 812px;
  bottom: 41px;
}

div.cmp-window div.buttons div.button {
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 0px;
  font-size: 15px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  color: #ffffff;
}

div.cmp-window div.buttons div.button div.button-title {
  display: inline-block;
  line-height: 39px;
  text-align: center;
  font-weight: 800;
  color: #FBFAFA;
  background-color: #343e46;
}

div.cmp-window.agf div.buttons div.button div.button-title {
  color: #FBFAFA;
  background-color: #343e46;
}

div.cmp-window div.buttons div.button.focus {
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 0px;
  color: #0D1118;
  background-color: #FBFAFA;
}

div.cmp-window div.buttons div.button.focus div.button-title,
div.cmp-window.agf div.buttons div.button.focus div.button-title {
  color: #0D1118;
  background-color: #FBFAFA;
}

div.cmp-window div.buttons div.button div.round-border-right {
  display: inline-block;
  right: 0px;
  /* background-image: url(buttonRoundPartRight.png); */
  background-image: url("AGFbuttonRoundPartRight.png");
  height: 39px;
  width: 19.5px;
}

div.cmp-window.agf div.buttons div.button div.round-border-right {
  background-image: url("AGFbuttonRoundPartRight.png");
}

div.cmp-window div.buttons div.button div.round-border-left {
  display: inline-block;
  left: 0px;
  /* background-image: url(buttonRoundPartLeft.png); */
  background-image: url("AGFbuttonRoundPartLeft.png");
  height: 39px;
  width: 19.5px;
}

div.cmp-window.agf div.buttons div.button div.round-border-left {
  background-image: url("AGFbuttonRoundPartLeft.png");
}

div.cmp-window div.buttons div.button.focus div.round-border-right {
  display: inline-block;
  right: 0px;
  /* background-image: url(buttonRoundPartrightFocus.png); */
  background-image: url("AGFbuttonRoundPartrightFocus.png");
  height: 39px;
  width: 19.5px;
}

div.cmp-window.agf div.buttons div.button.focus div.round-border-right {
  background-image: url("AGFbuttonRoundPartrightFocus.png");
}

div.cmp-window div.buttons div.button.focus div.round-border-left {
  display: inline-block;
  left: 0px;
  /* background-image: url(buttonRoundPartLeftFocus.png); */
  background-image: url("AGFbuttonRoundPartLeftFocus.png");
  height: 39px;
  width: 19.5px;
}

div.cmp-window.agf div.buttons div.button.focus div.round-border-left {
  background-image: url("AGFbuttonRoundPartLeftFocus.png");
}

div.cmp-window div.buttons div.button.left {
  background-color: transparent;
  width: 125px;
  height: 39px;
  margin-right: 9px;
}

div.cmp-window div.buttons div.button.left div.button-title {
  width: 88px;
  height: 39px;
  left: 19px;
}

div.cmp-window div.buttons div.button.middle {
  background-color: transparent;
  width: 125px;
  height: 39px;
  margin-right: 9px;
  left: 134px;
}

div.cmp-window div.buttons div.button.middle div.button-title {
  width: 88px;
  height: 39px;
  left: 18.5px;
}

div.cmp-window div.buttons div.button.right {
  background-color: transparent;
  width: 124px;
  height: 39px;
  left: 268px;
}

div.cmp-window div.buttons div.button.right div.button-title {
  width: 88px;
  height: 39px;
  left: 18.5px;
}

div.cmp-window div.scroll {
  right: 20px;
  width: 34.6px;
  height: 34.6px;
  display: none;
}

div.cmp-window div.scroll div.icon {
  width: 20px;
  height: 13px;
  background-size: cover;
  opacity: 0.2;
}

div.cmp-window div.scroll.active div.icon {
  opacity: 1;
}

div.cmp-window div.scroll.up {
  top: 38px;
}

div.cmp-window div.scroll.up div.icon {
  background-image: url("arrowup.png");
}

div.cmp-window div.scroll.down {
  bottom: 96px;
}

div.cmp-window div.scroll.down div.icon {
  bottom: 0px;
  background-image: url("arrowdown.png");
}

div.cmp-window div.container div.text {
  font-style: normal;
}

div.cmp-window div.container div.text p,
div.cmp-window div.container div.text ul {
  margin: 0 0 28px 0;
}

div.cmp-window div.container div.overlay {
  left: 0px;
  width: 1160px;
  height: 128px;
  z-index: 1;
}

div.cmp-window div.container div.overlay.bottom {
  bottom: 0;
  background-image: url("overlayBottomCmpEntry.png");
}

div.cmp-window div.cmp-entry div.container {
  position: relative;
  top: 40px;
  width: 1160px;
  height: 143px;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  left: 60px;
  line-height: 22px;
  letter-spacing: 0.37px;
}

div.cmp-window div.cmp-settings div.headline {
  width: 600px;
  font-size: 32px;
  font-weight: 800;
  height: 38px;
  letter-spacing: 1px;
  line-height: 38px;
  margin-bottom: 16px;
  color: #fbfafa;
}

div.cmp-window div.cmp-settings div.container div.subline1 {
  width: 100%;
  height: 92px;
  top: 52px;
  font-size: 18px;
  line-height: 23px;
  color: #d4d5d5;
}

div.cmp-window div.cmp-settings div.subline2 {
  margin: 0;
  padding: 12px 20px;
  width: 1168px;
  height: 92px;
  top: 340px;
  left: -20px;
  font-size: 18px;
  line-height: 24px;
  color: #d4d5d5;
  font-weight: 500;
  background: transparent;
  border: 2px solid transparent;
}

div.cmp-window div.cmp-settings div.subline2 .readmore,
div.cmp-window div.cmp-settings div.subline2 .close,
div.cmp-window div.cmp-settings div.subline2 .headline {
  font-weight: bold;
}

div.cmp-window div.cmp-settings div.subline2 .headline {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
}

div.cmp-window div.cmp-settings div.subline2.focus {
  margin: 0;
  padding: 12px 20px;
  height: 92px;
  font-size: 18px;
  line-height: 24px;
  color: #d4d5d5;
  background-color: transparent;
  border: 2px solid #FFF;
}

div.cmp-window div.cmp-settings.showtext div.subline2.focus {
   height: 272px;
 }

div.cmp-window div.cmp-settings div.subline2.focus .readmore,
div.cmp-window div.cmp-settings div.subline2.focus .close {
  text-decoration: underline;
}

div.cmp-window div.cmp-settings div.subline2.focus .close {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

div.cmp-window div.cmp-settings.showtext div.buttons,
div.cmp-window div.cmp-settings.showtext div.sideButtons {
  display: none;
}
div.cmp-window div.cmp-settings div.container {
  top: 60px;
  left: 66px;
  width: 1184px;
  height: 582px;
  overflow: visible;
  position: relative;
}

div.cmp-window div.cmp-settings div.container div.overlay {
  left: 18px;
  display: none;
}

div.cmp-window div.cmp-settings div.container div.overlay.bottom {
  height: 24px;
  background-image: url("cmp_overlay_small_bottom.png");
}

div.cmp-window div.cmp-settings div.container div.option-buttons {
  top: 157px;
  left: 0;
  width: 1148px;
  height: 182px;
  overflow: visible;
  position: relative;
}

div.cmp-window div.cmp-settings div.sideButtons {
  display: inline-block;
  width: 212px;
  height: 65px;
  bottom: 32px;
  left: 1056px;
}

div.cmp-window div.cmp-settings div.sideButtons div.button {
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  background: transparent;
  height: 28px;
}

div.cmp-window div.cmp-settings div.sideButtons div.button.focus {
  text-decoration: underline;
}

div.cmp-window div.cmp-settings div.sideButtons div.button.top {
  display: inline-block;
  width: 212px;
  top: 0px;
}

div.cmp-window div.cmp-settings div.sideButtons div.button.bottom {
  display: inline-block;
  width: 212px;
  bottom: 0px;
}

div.cmp-window
  div.cmp-settings
  div.sideButtons
  div.button
  div.sideButton-icon-focus-wrapper {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: inline-block;
  right: 0px;
}

div.cmp-window
  div.cmp-settings
  div.sideButtons
  div.button.focus
  div.sideButton-icon-focus-wrapper {
  background-color: #fa7d19;
}

div.cmp-window div.cmp-settings div.sideButtons div.button div.sideButton-icon {
  width: 11px;
  height: 16px;
  top: 6px;
  left: 9px;
  background-size: contain;
  background-image: url("arrow-right.png");
}

div.cmp-window div.cmp-settings div.button.option {
  display: inline-block;
  width: 232px;
  height: 172px;
  top: 8.5px;
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 0px;
  background: transparent;
  color: #ffffff;
  overflow: hidden
}

div.cmp-window div.cmp-settings div.button.option div.option-icon {
  top: 0;
  left: 0;
  width: 252.5px;
  height: 192px;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 86.14% 83.33%;
  background-image: url("switch/an.png");
  background-position: 5px 5px;
}

div.cmp-window div.cmp-settings div.button.option.focus div.option-icon {
  background-size: 100% 100%;
  background-position: -12px -11px;
}

div.cmp-window div.cmp-settings div.button.option.focus div.option-icon {
  top: 0;
  left: 0;
  background-image: url("switch/an-focus.png");
}

div.cmp-window div.cmp-settings div.button.option.inactive div.option-icon.hide {
  display: block;
  top: 0;
  left: 0;
  background-image: url("switch/aus.png");
}

div.cmp-window div.cmp-settings div.button.option.inactive.focus div.option-icon.hide {
  display: block;
  top: 0;
  left: 0;
  background-image: url("switch/aus-focus.png");
}

div.cmp-window div.cmp-settings div.button.option.inactive div.title {
  color: #96999c;
}

div.cmp-window div.cmp-settings div.button.option div.option-icon.disabled {
  background-image: url("switch/immeran.png");
  background-position: 5px 5px;
}
div.cmp-window div.cmp-settings div.button.option.focus div.option-icon.disabled {
  background-image: url("switch/immeran-focus.png");
  background-position: -12px -11px;
}

div.cmp-window div.cmp-settings div.button.option.first {
  left: -2px;
}

div.cmp-window div.cmp-settings div.button.option.second {
  /* calc(236px * 1 - 4px); */
  left: 232px;
}

div.cmp-window div.cmp-settings div.button.option.third {
   /* calc(236px * 2 - 4px); */
  left: 468px;
}

div.cmp-window div.cmp-settings div.button.option.fourth {
  /* calc(236px * 3 - 4px); */
  left: 704px;
}

div.cmp-window div.cmp-settings div.button.option.fifth {
  /* calc(236px * 4 - 4px); */
  left: 940px;
}

div.cmp-window
div.cmp-settings
div.container
div.option-buttons.option-length-3 {
  left: 140px;
  width: 475px;
}
div.cmp-window
  div.cmp-settings
  div.option-buttons.option-length-3
  div.button.option.fourth {
  left: 328px;
}

div.cmp-window div.cmp-settings div.button.option div.label {
  top: 23px;
  left: 686px;
  width: 64px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  text-align: right;
}

div.cmp-window div.cmp-settings div.button.option div.toggle {
  top: 23px;
  left: 758px;
  width: 64px;
  height: 32px;
  background-image: url("iconsMediathek.png");
  background-position: -100px -435px;
}

div.cmp-window div.cmp-settings div.button.option div.toggle.sel {
  background-position: -170px -245px;
}

div.cmp-window div.cmp-settings div.button.option div.toggle.disabled {
  background-position: 0px -630px;
}

div.cmp-window div.cmp-settings div.button.option div.icon {
  left: 774px;
  top: 28px;
  width: 31px;
  height: 23px;
  background-image: url("iconsMediathek.png");
  background-position: -170px -435px;
}

div.cmp-window div.cmp-settings div.button.option div.title {
  top: 20px;
  left: 4px;
  width: 186px;
  text-align: left;
  height: 72px;
  color: #ffffff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin: 0 16px;
}

div.cmp-window div.cmp-settings div.button.option.focus div.txt {
  display: block;
}

div.cmp-window div.cmp-settings div.button.option.focus div.icon {
  left: 818px;
  top: 89px;
}

div.cmp-window div.cmp-settings div.button.option.focus div.label {
  top: 105px;
  left: 732px;
}

div.cmp-window div.cmp-settings div.button.option.focus div.toggle {
  top: 105px;
  left: 804px;
}

div.cmp-window div.cmp-settings div.container.top div.button.option.middle {
  top: 274px;
}

div.cmp-window div.cmp-settings div.container.top div.button.option.bottom {
  top: 362px;
}

div.cmp-window div.cmp-settings div.container.top div.overlay.bottom {
  display: block;
}

div.cmp-window div.cmp-settings div.container.middle div.button.option.bottom {
  top: 363px;
}

div.cmp-window div.cmp-settings div.container.middle div.overlay.top,
div.cmp-window div.cmp-settings div.container.middle div.overlay.bottom {
  display: block;
}

div.cmp-window div.cmp-settings div.container.bottom div.button.option.top {
  top: -23px;
}

div.cmp-window div.cmp-settings div.container.bottom div.button.option.middle {
  top: 65px;
}

div.cmp-window div.cmp-settings div.container.bottom div.button.option.bottom {
  top: 153px;
}

div.cmp-window div.cmp-settings div.container.bottom div.overlay.top {
  display: block;
}

div.cmp-window div.cmp-settings div.buttons {
  width: 560px;
  height: 39px;
  bottom: 0px;
  left: 0;
}

div.cmp-window div.cmp-settings div.buttons div.button {
  /* display: inline-block; */
  height: 39px;
}

div.cmp-window div.cmp-settings div.buttons div.button.left {
  width: 170px;
  margin-right: 16px;
  background-color: transparent;
}

div.cmp-window div.cmp-settings div.buttons div.button.left div.button-title {
  width: 132px;
  left: 19px;
}

div.cmp-window div.cmp-settings div.buttons div.button.middle {
  background-color: transparent;
  width: 149px;
  margin-right: 16px;
  left: 186px;
}

div.cmp-window div.cmp-settings div.buttons div.button.middle div.button-title {
  width: 112px;
  left: 19px;
}

div.cmp-window div.cmp-settings div.buttons div.button.right {
  background-color: transparent;
  width: 190px;
  left: 352px;
}

div.cmp-window div.cmp-settings div.buttons div.button.right div.button-title {
  width: 152px;
  left: 19px;
}

div.hide {
  display: none;
}

div.delete-user-data-popup {
  width: 1280px;
  height: 720px;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.9);
}

div.delete-user-data-popup div.container {
  display: block;
  width: 760px;
  height: 324px;
  top: 198px;
  left: 260px;
  background-color: #25292e;
  color: #d4d5d5;
}

div.delete-user-data-popup div.container div.title {
  width: 299px;
  left: 82px;
  top: 60px;
  height: 31px;
  font-size: 26px;
  font-weight: 400;
  line-height: 31px;
}

div.delete-user-data-popup div.container div.text {
  left: 82px;
  top: 102px;
  height: 79px;
  width: 545px;
  font-size: 18.3px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.16px;
}

div.delete-user-data-popup div.container div.buttons {
  display: inline-block;
  left: 252px;
  bottom: 64px;
  width: 244px;
  height: 40px;
}

div.delete-user-data-popup div.container div.button {
  display: block;
  height: 40px;
  color: #fff;
  background-color: #5c6166;
  border-radius: 27px;
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  line-height: 40px;
  margin: 0;
  padding: 0;
}

div.delete-user-data-popup div.container div.button.focus {
  background-color: #fa7d19;
}

div.delete-user-data-popup div.container div.buttons div.abort-button {
  width: 124px;
  margin-right: 16px;
  left: 0px;
}

div.delete-user-data-popup div.container div.buttons div.delete-button {
  width: 104px;
  right: 0px;
}

div.data-privacy-page {
  width: 1280px;
  height: 720px;
  background-image: url("zdfstartDataPrivacyBg.png");
  z-index: 10;
}

div.data-privacy-page div.scroll {
  right: 94px;
  width: 34.6px;
  height: 34.6px;
  display: none;
}

div.data-privacy-page div.scroll div.icon {
  width: 20px;
  height: 13px;
  background-size: cover;
  opacity: 0.2;
}

div.data-privacy-page div.scroll.active div.icon {
  opacity: 1;
}

div.data-privacy-page div.scroll.up {
  top: 120px;
}

div.data-privacy-page div.scroll.up div.icon {
  background-image: url("arrowup.png");
}

div.data-privacy-page div.scroll.down {
  bottom: 120px;
}

div.data-privacy-page div.scroll.down div.icon {
  bottom: 0px;
  background-image: url("arrowdown.png");
}

div.data-privacy-page div.container {
  top: 148px;
  right: 215px;
  width: 747px;
  height: 380px;
  overflow: hidden;
}

div.data-privacy-page div.container div.title {
  width: 544px;
  height: 25px;
  font-size: 21px;
  font-weight: 400;
  top: 0px;
  color: #fff;
}

div.data-privacy-page div.container div.text {
  width: 100%;
  /* height: 357px; */
  color: #d4d5d5;
  top: 44px;
  font-size: 18.3px;
  font-style: normal;
  line-height: 22.3px;
  letter-spacing: -0.163px;
}

div.data-privacy-page div.data-privacy-button {
  height: 40px;
  width: 116px;
  text-align: center;
  line-height: 40px;
  bottom: 80px;
  right: 531px;
  border-radius: 27px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
}

.boldtxt {
  font-weight: bold;
}

#console hr {
  margin: 0;
  padding: 0;
  border-width: 0.5px;
  border-color: grey;
}

/* debug stuff */

#adTarget {
  width: 0px !important;
  height: 0px !important;
}