<>
.accordion {
padding: 0;
}
.accordion-panel {
visibility: hidden;
transition: max-height 2s cubic-bezier(0101) 0svisibility 0s ease 2s;
}
.accordion-panel.expanded {
visibility: visible;
}
.accordion-header {
border-bottom: 1px solid rgba(2552552550.5);
}
.accordion h1 a:focus-visibleh2 a:focus-visibleh3 a:focus-visibleh4 a:focus-visibleh5 a:focus-visibleh6 a:focus-visiblep a:focus-visible {
color: #007bff;
}
<>
/* temp solution */
.iMfDiX {
overflow: unset;
}
.iMfDiX p,
.sports-interlinking-module .iMfDiX a {
font-weight: 400;
}
.iMfDiX p,
.iMfDiX .accordion {
line-height: 1.6;
}
<>
nav {
background-color: rgba(0001);
}
/*
.skip-content {
background-color: rgba(0000);
}
*/
@font-face {
font-display: swap;
font-family: "Max Sans";
font-: normal;
font-weight: 300;
src: url("https://braze-images.com/appboy/communication/assets/font_assets/files/645d2129e40b0015c8e2e858/original.woff2") format("woff2"),
url("https://braze-images.com/appboy/communication/assets/font_assets/files/645d21292361b943a7d1981b/original.woff") format("woff"),
url("https://braze-images.com/appboy/communication/assets/font_assets/files/645d2129d1706840436774aa/original.ttf") format("truetype");
}
h1>em,
h2>em,
h3>em,
h4>em,
h5>em,
h6>em {
font-: normal !important;
font-weight: bold;
letter-spacing: .1em;
text-transform: uppercase;
}
div[id*="Code"] {
width: 100%;
}
@media (max-width: 991px) {
.image-grid .row {
padding-left: 7px;
padding-right: 7px;
}
.image-grid .col.col-custom {
margin-bottom: 15px;
padding-left: 7px;
padding-right: 7px;
}
}
/* remove clickable titles */
.image-grid .col.col-custom a {
cursor: not-allowed;
pointer-events: none;
text-decoration: none;
}
/* remove titles as text below images */
.image-grid .col.col-custom h6 {
display: none;
}
.image-grid img.img-collection {
border: none !important;
}
/**
* ----------------------------------------
* Hero & Spotlight Intro
* ----------------------------------------
*/
.max-section-hero-3col-parent {
padding-top: 56px;
position: relative;
}
.max-section-hero-3col-parent::after {
background: linear-gradient(0degrgba(0001) 5%rgba(000.7) 35%rgba(0000) 45%);
bottom: 0;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.max-section-hero-3col .rich-text,
.max-section-hero-3col a {
z-index: 1;
}
.max-section-hero-3col .col-md-4 {
background-repeat: no-repeat;
}
.max-section-hero-3col .col-md-4 h3 {
font-weight: bold;
margin: 0;
letter-spacing: .1em;
line-height: 1.1;
text-shadow: 0 0 .6em #000;
text-transform: uppercase;
}
.max-section-hero-3col .col-md-4 p {
font-size: 1.25rem;
font-weight: 500;
margin: 0;
letter-spacing: .1em;
line-height: 1.1;
text-shadow: 0 0 .6em #000;
text-transform: uppercase;
}
.max-section-hero-3col .col-md-4 img {
margin: .5rem auto;
max-width: 200px;
}
.max-section-hero-3col .col-md-12 p {
font-size: 1.6rem;
}
.max-section-hero-3col .col-md-12 h5 {
font-size: .8rem;
color: #888888;
margin-bottom: 0rem;
font-weight: normal;
}
@media (min-width: 576px) {
.max-section-hero-3col .row .flex-column {
background-position-y: -50px;
}
.max-section-hero-3col .col-sm-4 {
padding-top: 40vh !important;
}
.max-section-hero-3col .col-md-4>div:nth-child(2) {
margin-bottom: 14rem;
text-align: center;
}
.max-section-hero-3col .col-md-4>div:nth-child(2) img {
z-index: 1;
position: relative;
}
.max-section-hero-3col .col-md-12 {
bottom: 0vw;
left: 0;
position: absolute;
}
}
@media (max-width: 575px) {
.max-section-hero-3col .col-md-4 {
background-position: 10vw -5vw !important;
background-size: 118% !important;
min-height: 120px;
}
.max-section-hero-3col-parent::after {
display: none;
}
.max-section-hero-3col .col-md-4 {
background-position: 250% 10%;
background-size: 90%;
}
.max-section-hero-3col .col-md-4::after {
background: linear-gradient(90degrgba(0001) 25%rgba(0000) 60%);
bottom: 0;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.max-section-hero-3col .col-md-4>div:nth-child(1){
position: relative;
left: -25%;
}
.max-section-hero-3col .col-md-4>div:nth-child(2) {
position: relative;
left: -25%;
z-index: 1;
}
.max-section-hero-3col .col-md-4 img {
margin: 0rem auto;
max-width: 140px;
}
.max-section-hero-3col .col-md-12 {
margin: 1rem auto 4rem;
}
}
/**
* ----------------------------------------
* Feature Sections
* ----------------------------------------
*/
.max-section-feature {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.max-section-originals {
padding-top: 10rem !important;
}
@media (max-width: 575px) {
.max-section-originals-parent {
background-position: calc(70%) -80px;
}
.max-section-originals {
padding-top: 7rem !important;
}
}
/* left gradient */
.max-section-feature::before {
background: linear-gradient(90degrgba(000.8) 0%rgba(0000) 60%);
content: '';
bottom: 0;
display: block;
height: 100%;
left: calc(50% - 50vw);
width: 100vw;
position: absolute;
z-index: 2;
}
@media (max-width: 991px) {
/* left gradient */
.max-section-feature::before {
background: linear-gradient(90degrgba(000.8) 0%rgba(0000) 30%);
}
}
/* bottom gradient */
.max-section-feature::after {
background: linear-gradient(0degrgb(000) 40%rgba(0000) 55%);
content: '';
bottom: 0;
display: block;
height: 100%;
left: calc(50% - 50vw);
width: 100vw;
position: absolute;
z-index: 1;
}
.max-section-feature .row {
position: relative;
}
.max-section-feature .col-md-12>.text {
padding-bottom: 6rem;
padding-top: 6rem;
position: relative;
z-index: 2;
}
/* headline for content modules */
.max-section-feature h2 {
font-size: calc(1.575rem + 2.5vw);
font-weight: 300;
margin: 0;
line-height: 1.1;
}
@media (min-width: 576px) {
.max-section-feature h2 {
margin: 0;
max-width: 580px;
}
}
@media (min-width: 992px) {
.max-section-feature h2 {
font-size: calc(1.575rem + 4vw);
line-height: 4.5rem;
}
}
@media (min-width: 1200px) {
.max-section-feature h2 {
font-size: 4.5rem;
}
}
.max-section-feature h3 {
margin: 0;
}
/* lead image */
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
display: block;
height: auto;
position: absolute;
right: 0;
top: -34%;
width: 50%;
z-index: 1;
}
/* for The Penguin */
.max-section-originals .layout .flex-column>.initial-img-wrapper:nth-child(1) {
top: -30%;
width: 45%;
}
/* lead image for sport */
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: -12%;
top: -46%;
width: 75%;
}
/* logo for lead image title - left bottom corner */
.max-section-feature .col-md-12>.text::after {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
content: "";
bottom: 1%;
display: block;
filter: drop-shadow(3px 3px 3px #000);
height: 30%;
right: 0;
position: absolute;
width: 10%;
z-index: 2;
}
.max-section-originals .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2025-04/TT_ENG.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-life .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2025-02/TheFallofDiddy_S1_PA_TT_ENG_01.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-family .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2025-05/Teen%20Titans%20Go!.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
width: 10%;
}
.max-section-originals .col-md-12>.text::after {
width: 15%;
}
/* show image grid above the gradient */
.max-section-feature .image-grid {
padding-bottom: 2rem;
position: relative;
z-index: 2;
}
/* lead image sizes for content modules */
@media (max-width: 1199px) {
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 60%;
}
}
@media (max-width: 991px) {
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 70%;
}
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 90%;
}
.max-section-feature .col-md-12>.text {
padding-bottom: 2rem !important;
width: 15%;
}
}
@media (max-width: 767px) {
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 80%;
}
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 110%;
}
.max-section-life::after {
background: linear-gradient(0degrgba(0001) 40%rgba(0000) 55%);
}
}
@media (max-width: 575px) {
.max-section-feature::before {
background: none;
}
.max-section-feature::after {
background: linear-gradient(0degrgb(000) 65%rgba(0000) 75%);
}
.max-section-originals::after {
background: linear-gradient(0degrgb(000) 55%rgba(0000) 70%);
}
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
height: auto;
right: -10%;
top: -20%;
width: 120%;
}
/* for The Penguin */
.max-section-originals .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: 0%;
top: -15%;
width: 100%;
}
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: 0%;
top: -10%;
width: 100%;
}
/* temp solution for athletes blue background image
extra code to decrease padding above the module */
.max-section-feature.max-section-sports {
padding-top: 0rem !important;
}
.max-section-feature h2,
.max-section-feature h3 {
text-align: center !important;
}
.max-section-feature .col-md-12>.text {
padding-bottom: 1rem !important;
padding-top: 65vw !important;
text-align: center !important;
}
.max-section-feature .col-md-12>.text::after {
bottom: 30%;
height: 30%;
left: 50%;
transform: translate(-50%);
width: 30%;
}
.max-section-originals .col-md-12>.text::after {
width: 45%;
}
}
.max-section-feature.max-section-olympics .col-md-12>div[id*="Code"]>.row {
padding-bottom: 3rem;
padding-top: 5.5rem;
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.max-section-feature.max-section-olympics .col-md-12>div[id*="Code"]>.row {
padding-bottom: 3rem;
padding-top: 15.5rem;
position: relative;
z-index: 2;
}
}
.max-section-feature.max-section-sports .col-md-12>div[id*="Code"]>.row {
padding-bottom: 0;
padding-top: 2.5rem;
position: relative;
z-index: 2;
}
@media (max-width: 575px) {
.max-section-feature.max-section-sports::before {
background: none;
}
.max-section-feature.max-section-sports .col-md-12>div[id*="Code"]>.row {
padding-bottom: 1rem !important;
padding-top: 55vw !important;
text-align: center;
}
}
@media (min-width: 576px) {
.max-section-feature .col-md-12>.text {
padding-bottom: 0rem;
padding-top: 0rem;
height: 280px;
}
.max-section-sports .col-md-12>.text {
height: auto;
}
.max-section-feature .col-md-12>.text>div {
position: relative;
z-index: 2;
transform: translateY(0%);
top: 50%;
}
}
@media (min-width: 992px) {
.max-section-feature .col-md-12>.text>div {
transform: translateY(-50%);
}
}
/**
* ----------------------------------------
* Olympics Section
* ----------------------------------------
*/
.max-section-olympics::after {
background: linear-gradient(0degrgb(000) 0%rgba(0000) 30%);
}
.max-section-olympics h2 {
font-size: 3.3rem !important;
font-weight: 600;
letter-spacing: .1em;
margin: .5rem 0 1rem 0;
text-align: left;
text-transform: uppercase;
line-height: 3rem;
}
.max-section-olympics h2 svg,
.max-section-olympics h2 span {
display: inline-block;
}
.max-section-olympics h2 img {
max-width: 300px;
margin-top: 3rem;
}
@media (max-width: 1199px) {
.max-section-olympics h2 img {
margin-top: auto;
}
}
.max-section-olympics p {
margin-bottom: 2rem;
}
.max-section-olympics h5 {
font-size: .8rem;
color: #888888;
margin-bottom: 2rem;
font-weight: normal;
}
.max-section-olympics h5 {
font-size: .8rem;
color: #888888;
margin-bottom: 0rem;
font-weight: normal;
margin-bottom: 2rem;
}
.max-section-olympics h2>svg:first-of-type {
border-right: 3px solid #fff;
margin: 0 .5em 0 0;
padding: .25em .5em .25em 0;
width: 140px;
}
.max-section-olympics h2>svg#sports-logo-bleacher-report {
height: 44px;
margin: 0 .3em 0 0;
}
@media (max-width: 991px) {
.max-section-olympics p {
margin-bottom: 1rem;
}
.max-section-olympics h2 img {
max-width: 250px;
margin-top: 6rem;
}
}
@media (max-width: 767px) {
.max-section-olympics::after {
background: linear-gradient(0degrgb(000) 40%rgba(0000) 80%);
}
}
@media (max-width: 575px) {
.max-section-olympics h2 {
justify-content: center;
}
.max-section-olympics p {
margin-bottom: .5rem;
}
.max-section-olympics h2 img {
max-width: 250px;
margin-top: 4rem;
}
.max-section-olympics::after {
background: linear-gradient(0degrgb(000) 25%rgba(0000) 60%);
}
}
/**
* ----------------------------------------
* Sports Section
* ----------------------------------------
*/
.max-section-sports h2 {
font-size: 2.3rem !important;
font-weight: 600;
letter-spacing: .1em;
margin: 0 0 1rem 0;
text-align: center;
text-transform: uppercase;
}
.max-section-sports h2 svg,
.max-section-sports h2 span {
display: inline-block;
}
.max-section-sports h2 img {
max-width: 300px;
margin-top: 3rem;
}
@media (max-width: 1199px) {
.max-section-sports h2 img {
margin-top: auto;
}
}
.max-section-sports p {
margin-bottom: 3rem;
}
.max-section-sports h2>svg:first-of-type {
border-right: 3px solid #fff;
margin: 0 .5em 0 0;
padding: .25em .5em .25em 0;
width: 140px;
}
.max-section-sports h2>svg#sports-logo-bleacher-report {
height: 44px;
margin: 0 .3em 0 0;
}
/* Sports legal line */
.max-section-sports .image-grid::after {
content: "*Sportveranstaltungen in 2026. Die Verfügbarkeit des Sport-Add-ons variiert je nach Abo-Anbieterist jedoch nicht für Abonnenten des RTL+ HBO Max Bundles verfügbar.";
font-size: .8rem;
color: #999999;
text-align: left;
display: block;
line-height: 1rem;
}
.max-section-feature.max-section-sports .content-tray {
padding-bottom: 2rem;
position: relative;
z-index: 2;
}
.max-section-feature.max-section-sports .content-tray .event-title-container {
display: block;
}
@media (max-width: 991px) {
.image-grid .col-sm {
margin-bottom: 15px;
padding-left: 7px;
padding-right: 7px;
}
.max-section-sports p {
margin-bottom: 1rem;
}
.max-section-sports h2 img {
max-width: 220px;
margin-top: 6rem;
}
}
@media (max-width: 767px) {
.max-section-sports::after {
background: linear-gradient(0degrgb(000) 40%rgba(0000) 80%);
}
}
@media (max-width: 575px) {
.max-section-sports h2 {
justify-content: center;
}
.max-section-sports p {
margin-bottom: .5rem;
}
.max-section-sports h2 img {
max-width: 250px;
margin-top: 4rem;
}
.max-section-sports::after {
background: linear-gradient(0degrgb(000) 55%rgba(0000) 80%);
}
}
.max-section-sports .image-grid img {
border-radius: 10px;
}
.max-section-sports .image-grid h6 {
margin-top: .4rem;
margin-bottom: 0rem;
text-align: center;
font-weight: bold;
}
/* remove clickable titles */
.max-section-sports .image-grid .col.col-custom a {
cursor: not-allowed;
pointer-events: none;
text-decoration: none;
}
/**
* ----------------------------------------
* Numbered Questions
* ----------------------------------------
*/
.faq-headline>div {
width: 100%;
}
.faq-headline h2 {
text-align: center;
}
.faq-headline img {
max-width: 220px;
width: 45%;
}
.max-section-numbered-question .accordion {
padding: 0;
}
.max-section-numbered-question .accordion-header {
border: 0;
color: #4f8bff;
font-size: 1rem;
font-weight: bold;
padding: 0;
}
.max-section-numbered-question .accordion-panel {
border: 0;
}
.max-section-numbered-question .accordion-header svg {
display: none;
}
.max-section-numbered-question .col-lg-10 {
padding-left: 5rem;
}
.max-section-numbered-question .col-lg-10>.rich-text {
position: relative;
}
.max-section-numbered-question .col-lg-10>div:nth-child(n + 1) {
counter-increment: question-counter;
}
.max-section-numbered-question .col-lg-10>div:nth-child(n + 1)::before {
--size: 3rem;
background: linear-gradient(#2E3F4D 50%#4F6984);
border-radius: 50%;
color: #fff;
content: counter(question-counter);
font-size: calc(var(--size) - 1rem);
font-weight: 700;
height: var(--size);
left: calc(-1 * var(--size) - 1rem);
line-height: var(--size);
position: absolute;
text-align: center;
top: 1rem;
width: var(--size);
}
<>
/* remove camel text formating in fiiter legal links */
.max-section-footer .btn--legal-link {
text-transform: none;
}
<>
/* temp solution for HBO Max | Sports logo */
.max-plan-picker-promo-banner #hbomax-sports-logo {
max-width: 200px;
}
Geschichtendie dich nicht mehr loslassen
Wähle einen unserer HBO Max Tarife oder entscheide dich für das RTL+ und HBO Max Bundle.
Abonnement erforderlich. Tarif wird bis zur Kündigung fortgesetzt. Jederzeit kündbarmit Wirkung zum Ende des Abrechnungszeitraums. Aktuelle Inhalte auf HBO Max können mit der Zeit Änderungen unterliegen. Es gelten die AGB. Ab 18 Jahren.
<>
/**
* ----------------------------------------
* Hero
* ----------------------------------------
*/
.max-section-hero-parent {
position: relative;
}
.max-section-hero-parent::before {
/*background: linear-gradient(0degblack 30%transparent 120%);*/
background: linear-gradient(0degrgba(0001) 10%rgba(000.8) 60%rgba(0000) 120%);
bottom: 0;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.max-section-hero-parent.aos-animate {
transform: none !important;
}
.max-section-hero a {
position: relative;
z-index: 1;
}
.max-section-hero .btn {
min-width: calc(14ch + 48px);
}
.max-section-hero .btn--secondary:hover {
color: #ffffff;
}
.max-section-hero img {
max-height: 60px;
}
.max-section-hero img#hbomax-rtl-plus-bundle-logo {
max-height: 52px;
margin: 4px auto;
}
.max-section-hero h1 {
font-size: clamp(2rem10vw4rem);
font-weight: bold;
margin-bottom: 1rem;
margin-top: 8rem;
line-height: 1.1;
}
.max-section-hero h3 {
font-weight: normal;
margin-top: 0;
}
.max-section-hero h4 {
margin-bottom: 0;
}
.max-section-hero h5 {
font-weight: normal;
letter-spacing: .05em;
margin-bottom: .9rem;
}
.max-section-hero .hero-bundle-plans h5 span:nth-child(2) {
font-size: 1.2rem;
text-decoration: line-through;
}
.max-section-hero h5 strong {
font-size: 1.5rem;
}
.max-section-hero .hero-hbomax-plans,
.max-section-hero .hero-bundle-plans {
align-content: end;
align-items: end;
align-self: end;
justify-content: end;
}
.max-section-hero .hero-hbomax-plans h5 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.max-section-hero .hero-bundle-plans h5 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.max-section-hero .hero-bundle-plans h6 {
font-weight: normal;
letter-spacing: .05em;
margin-top: 0rem;
margin-bottom: .9rem;
}
.max-section-hero h5 sup {
font-size: 55%;
}
.max-section-hero .legal {
margin-top: 2rem;
}
@media (max-width: 575px) {
.max-section-hero-parent::before {
background: linear-gradient(0degrgba(0001) 10%rgba(000.7) 80%rgba(0000) 120%);
}
.max-section-hero h1 {
margin-top: 3rem;
margin-bottom: .5rem;
line-height: 1.1 !important;
}
.max-section-hero h3 {
font-size: 1.2rem;
}
.max-section-hero h5 {
margin-top: .7rem;
}
.max-section-hero img {
max-height: 55px;
}
.max-section-hero img#hbomax-rtl-plus-bundle-logo {
max-height: 40px;
margin: 1.5rem auto 0rem;
}
.max-section-hero .legal {
font-size: .7rem;
line-height: 1rem;
margin-top: 2rem;
opacity: .7;
}
}
HBO Max Basis mit Werbung und RTL+ Premium
Streame auf 2 Geräten gleichzeitig
Full HD Auflösung (je nach Verfügbarkeit)
Downloads auf RTL+
Du möchtest noch Live-Sport dazubuchen? Erfahre mehr
11,99 € Der Einzelpreis des Tarifs beträgt 15,98 €/Monat.
HBO Max Standard und RTL+ Premium Werbefrei
Streame auf 2 Geräten gleichzeitig
Full HD Auflösung (je nach Verfügbarkeit)
30 Downloads auf HBO Max (Einschränkungen gelten)
Downloads auf RTL+
Du möchtest noch Live-Sport dazubuchen? Erfahre mehr
17,99 € Der Einzelpreis des Tarifs beträgt 24,98 €/Monat.
Unbefristete Laufzeitmonatliche Abrechnung (inkl. MwSt.)sofern nicht gekündigt. Auf HBO Max enthaltene KanäleLive-Inhalte und Wiederholungen (sofern im Tarif enthalten) Werbung. Alle Tarife können Sponsoring- und Cross-Promotion-Inhalte enthalten. Bei RTL+: Werbung in Live-StreamsRadio-StreamsPodcastsam Rand des laufenden Players und Werbeanzeigen im Umfeld des Players. Informationen zu den technischen Anforderungen für HBO Max gibt es im Hilfe-Center. Es gelten die Nutzungsbedingungen von HBO Max und RTL+. Für jeden Dienst ist eine separate Registrierung erforderlich.
Basis mit Werbung
Auf 2 Geräten gleichzeitig streamen
Videoauflösung in Full-HD
Du möchtest noch Live-Sport dazubuchen? Erfahre mehr
5,99 €/Monat
Standard
Auf 2 Geräten gleichzeitig streamen
Videoauflösung in Full-HD
30 Downloads (es gelten Beschränkungen)
Du möchtest noch Live-Sport dazubuchen? Erfahre mehr
11,99 €/Monat
PERFEKT FÜR FAMILIEN
Premium
Auf 4 Geräten gleichzeitig streamen
4K UHD & Dolby Atmos (nach Verfügbarkeit)
100 Downloads (es gelten Beschränkungen)
Du möchtest noch Live-Sport dazubuchen? Erfahre mehr
16,99 €/Monat
Unbefristete Laufzeitmonatliche Abrechnung (inkl. MwSt.)sofern nicht gekündigt. KanäleLive-Inhalte und Wiederholungen (sofern in Ihrem Tarif enthalten) enthalten Werbung. Alle Tarife können Sponsoring- und Cross-Promotion-Inhalte enthalten. Die technischen Anforderungen finden Sie in unserem Hilfecenter
<>
.max-section-intro {
padding-top: 3rem !important;
padding-bottom: .5rem !important;
padding-inline: 2rem !important;
}
@media (min-width: 576px) {
.max-section-intro {
padding-top: 5rem !important;
padding-bottom: 1rem !important;
}
}
Bei diesen Geschichten werden deine anderen Apps neidisch
<>
.max-section-portraits {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.overflow-x-scroll {
overflow-x: scroll !important;
}
.genre-characters .row {
min-width: 1200px;/*1890px;*/
}
.genre-characters .col {
background-position: top center;
background-size: cover;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
height: 30vw;
margin-bottom: 1rem;
min-height: 360px;
min-width: 170px;
position: relative;
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.genre-characters .coming-soon {
display: none; /** temp hidden **/
position: absolute;
letter-spacing: 1px;
top: 4px;
background-color: white;
text-transform: uppercase;
padding: 0px 10px;
border-radius: 2px;
color: rgb(243231);
font-size: 12px;
font-weight: 700;
box-shadow: 0px 5px 8px rgb(2432310.7);
}
.genre-characters .col::after {
background-image: linear-gradient(180degrgba(0000) 70%rgb(000) 95%);
content: "";
height: 100%;
position: absolute;
width: 100%;
}
.genre-characters h4,
.genre-characters p,
.genre-characters img {
z-index: 1;
}
.genre-characters p {
font-size: 0.6rem;
font-weight: 300;
letter-spacing: 0.05rem;
text-transform: uppercase;
color: rgba(2312312310.8);
}
.genre-characters p span.fw-medium {
font-weight: 600;
}
.genre-characters img {
max-width: 100px;
}
.genre-characters .row>.col:nth-child(4) h4:before {
content: "";
font-size: .9rem;
display: block;
position: relative;
text-align: center;
margin-bottom: .7rem;
line-height: 1.1rem;
font-weight: 500;
}
Filme
Warner Bros.
One Battle After Another
Deutsche Originals
4 Blocks
Familie
Warner Bros.
Harry Potter 8-Film Collection
Drama
HBO Original
Euphoria
Comedy
Warner Bros.
Friends
Action
HBO Original
The Penguin
True Crime
ID
The Fall of Diddy
Ein Preis. Doppelte Unterhaltung.
Erlebe spannende Seriendie neuesten Blockbusterdramatische Reality-Momentedeutsche Originals und Live-Sport.
<>
.max-section-bundle-reminder-parent {
position: relative;
}
.max-section-bundle-reminder-parent::before {
background: linear-gradient(-215deg#00dccb70 30%#7900f770 100%);
bottom: 0;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.max-section-bundle-reminder {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.max-section-bundle-reminder h2 {
margin: 0rem auto .3rem;
}
.max-section-bundle-reminder h3 img {
width: 320px;
}
.max-section-bundle-reminder .image-grid .col-custom:nth-child(n + 4) img {
background: linear-gradient(#9629bc80#4e505b50);
border-radius: .25rem;
box-shadow: 0 -5px 30px #9629bc50;
padding: .5%;
}
.max-section-bundle-reminder .image-grid .col-custom:nth-child(-n + 3) img {
background: linear-gradient(hsl(21125%31%)hsl(21125%11%));
border-radius: .25rem;
box-shadow: 0 -5px 30px rgb(79105132.8);
padding: .5%;
}
.max-section-bundle-reminder .btn--secondary:hover {
color: #ffffff;
}
.max-section-bundle-reminder .image-grid-item {
margin: 12px auto 12px;
}
@media (max-width: 767px) {
.max-section-bundle-reminder h2,
.max-section-bundle-reminder h3,
.max-section-bundle-reminder p {
text-align: center !important;
}
.max-section-bundle-reminder a {
align-self: center;
}
}
@media (max-width: 575px) {
.max-section-bundle-reminder {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.max-section-bundle-reminder h3 img {
width: 260px;
}
.max-section-bundle-reminder h2 {
margin: 1rem auto .3rem;
}
.max-section-bundle-reminder p {
margin: 0rem auto 1rem;
}
}
/* disclaimer */
.max-section-bundle-reminder .image-grid::after {
content: "Aktuelle Inhalte auf HBO Max können mit der Zeit Änderungen unterliegen.";
font-size: .8rem;
color: #999999;
text-align: right;
display: block;
line-height: 1rem;
}
ENTDECKE
<>
/* only for experiment */
.code-for-genre-carousel-parent {
display: none;
}
.genre-carousel-container-parent {
margin-bottom: 6rem;
}
.genre-carousel-container {
padding-inline: 0 !important;
padding-right: 15px !important;
padding-left: 15px !important;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.genre-carousel-container .carousel {
overflow: visible !important;
}
/* Indicators */
.genre-carousel-container .carousel-indicators {
bottom: unset;
margin: 0;
position: absolute;
top: -6.3rem;
z-index: 10 !important;
scrollbar-width: none;
justify-content: flex-start;
overflow: scroll;
opacity: 1;
}
.genre-carousel-container .carousel-indicators::-webkit-scrollbar {
width: 0 !important
}
.genre-carousel-container .carousel {
opacity: 0;
}
.carousel.show {
opacity: 1 !important;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.genre-carousel-container .carousel-indicators li {
text-indent: 0 !important;
color: white;
background-color: transparent !important;
width: auto !important;
height: auto !important;
padding: 0 3.5rem;
font-size: 3.5rem;
font-weight: 100;
opacity: 0.5;
transform: scale(0.9);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
white-space: pre; /* no break text */
}
.genre-carousel-container .carousel-indicators li:focus-visible {
box-shadow: rgb(000) 0px 0px 0px 2pxrgb(255255255) 0px 0px 0px 5px;
border-radius: 12px;
outline: none;
opacity: 1;
}
.genre-carousel-container .carousel-indicators .active {
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.genre-carousel-container .carousel-indicators li:first-child {
margin-left: 500px;
}
.genre-carousel-container .carousel-indicators li:last-child::after {
/* use this for Safari compatibility */
position: absolute;
content: '';
width: 500px;
height: 100%;
}
.genre-carousel-container .carousel-indicators {
-webkit-mask-image: linear-gradient(to righttransparent 0%black 20% 80%transparent 100%);
mask-image: linear-gradient(to righttransparent 0%black 20% 80%transparent 100%);
}
/* Carousel Prev/Next Arrows */
.genre-carousel-container .carousel-control-prev,
.genre-carousel-container .carousel-control-next {
opacity: 0.5 !important;
align-items: flex-start;
top: -3.6rem;
z-index: 20;
overflow: visible;
background-image: none !important;
}
.genre-carousel-container .carousel-control-prev:focus-visible svg,
.genre-carousel-container .carousel-control-next:focus-visible svg {
box-shadow: rgb(000) 0px 0px 0px 2pxrgb(255255255) 0px 0px 0px 5px;
border-radius: 12px;
outline: none;
}
.genre-carousel-container .carousel-control-prev:focus-visible,
.genre-carousel-container .carousel-control-next:focus-visible {
outline: none;
opacity: 1 !important;
}
.genre-carousel-container .carousel-control-prev:hover,
.genre-carousel-container .carousel-control-next:hover {
opacity: 1 !important;
}
.genre-carousel-container .carousel-control-prev {
justify-content: flex-start;
}
.genre-carousel-container .carousel-control-prev svg {
transform: rotate(-180deg);
}
.genre-carousel-container .carousel-control-next {
justify-content: flex-end;
}
/* General */
.genre-carousel-container .row {
margin-inline: -8px;
}
.genre-carousel-container .carousel-inner>.carousel-item {
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.genre-carousel-container h2 {
font-size: 1.5rem;
margin-bottom: 6rem;
text-transform: uppercase;
}
.genre-carousel-container h4 {
font-size: 2.2rem;
font-weight: 300;
margin-top: 1.5rem;
margin-bottom: 0;
}
.genre-carousel-container p {
font-size: 1.6rem;
font-weight: 500;
margin-top: 0.5rem;
}
.genre-carousel-container .carousel-inner .col-3 {
padding: 8px;
}
.genre-carousel-container .carousel-item img {
opacity: 1;
}
.genre-carousel-container .carousel-item .img-anim-out {
animation-name: animateOut;
animation-duration: .2s;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
}
.genre-carousel-container .carousel-item .img-anim-in {
animation-name: animateIn;
animation-duration: .4s;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
}
/* Accesability Reduce Motion */
@media (prefers-reduced-motion: reduce){
.genre-carousel-container .carousel-item .img-anim-out {
animation-name: null;
}
.genre-carousel-container .carousel-item .img-anim-in {
animation-name: null;
}
}
@keyframes animateIn {
0% {
opacity: 0;
transform: scale(0.95) translateX(15px);
}
25% {
opacity: 1;
transform: scale(0.95) translateX(15px);
}
100% {
opacity: 1;
transform: scale(1) translateX(0px);
}
}
@keyframes animateOut {
0% {
opacity: 1;
transform: scale(1) translateX(0px);
}
100% {
opacity: 0;
transform: scale(0.95) translateX(15px);
}
}
@media (max-width: 767px) {
.genre-carousel-container {
padding-top: 0 !important;
}
.genre-carousel-container .carousel-indicators {
top: -4.4rem;
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.genre-carousel-container .carousel-indicators li {
font-size: 1.8rem;
padding: 0 1em;
}
.genre-carousel-container .carousel-inner {
padding-inline: 0;
padding-top: 0 !important;
}
.genre-carousel-container h2 {
font-size: 1.1rem;
margin-bottom: 4rem;
}
.genre-carousel-container h4 {
font-size: 1.6rem;
}
.genre-carousel-container p {
font-size: 1.3rem;
}
.genre-carousel-container .carousel-inner .col-3 {
padding: 4px;
}
.genre-carousel-container .carousel .carousel-control-prev,
.carousel .carousel-control-next {
top: -3rem !important;
}
}
@media (max-width: 575px) {
.genre-carousel-container .carousel-inner .col-3 {
flex: 0 0 50%;
max-width: 50%;
}
}
Sichere dir deinen Platz in der ersten Reihe für renommierte Live-Sport-Eventsdie spannendsten Ligen und Turniere – von Tennis über Radsport bis Snooker und mehr. Abonniere dafür einfach unser Sport-Add-on zusätzlich zum HBO Max Basistarif.*
<>
/* lead image for sport */
.max-section-feature.max-section-sports.grid-1-row .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: -18%;
top: -26%;
width: 90%;
}
@media (max-width: 991px) {
.max-section-feature.max-section-sports.grid-1-row .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: -18%;
top: -35%;
width: 110%;
}
}
@media (max-width: 767px) {
.max-section-feature.max-section-sports.grid-1-row .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: -15%;
top: -30%;
width: 120%;
}
}
@media (max-width: 575px) {
.max-section-feature.max-section-sports.grid-1-row .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: 0%;
top: -10%;
width: 100%;
}
}
Was ist HBO Max?
HBO Max ist das Zuhause von Geschichtendie dich nicht mehr loslassen. Wo Lieblingscharaktere von HBOWarner Bros.dem DC-UniversumHarry Potter und exklusiven deutschen Originals zusammen leben (und manchmal auch sterben). Wo Drachen auf Live-Sport treffen und Ikonen auf Legenden – in den SerienFilmen und Sportveranstaltungenüber die jeder spricht.
Was ist das RTL+ und HBO Max Bundle?
Das RTL+ und HBO Max Bundle ist ein neues Angebot und enthält alle Vorteile von HBO Max Basis mit Werbung oder HBO Max Standard. Hinzu kommen die besten Entertainment-Inhalten von RTL+ Premium oder RTL+ Premium Werbefrei.
Wie registriere ich mich für HBO Max?
Weitere Informationen findest du unter So erhältst du HBO Max
Hast du weitere Fragen zu HBO Max?
<>
/**********************************************/
/* */
/* Plan Picker v212 | Brand Refresh July 2025 */
/* */
/* Sports Add-on Modal Window */
/* */
/**********************************************/
#hbomax-sports-add-on-info-modal {
background-color: rgba(0000.3);
backdrop-filter: blur(0.5em);
}
#hbomax-sports-add-on-info-modal .modal-header img {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px);
}
#hbomax-sports-add-on-info-modal .modal-header img+.close {
margin: 0;
position: absolute;
right: 0;
}
#hbomax-sports-add-on-info-modal .modal-content {
container-type: inline-size;
}
#hbomax-sports-add-on-info-modal h3 {
font-size: 1.5rem;
margin: 0rem;
}
#hbomax-sports-add-on-info-modal p {
font-size: .9rem;
margin: 1rem 0rem;
}
#hbomax-sports-add-on-info-modal p.disclaimers {
line-height: .9rem;
}
#hbomax-sports-add-on-info-modal ul>li>p {
font-size: .9rem;
margin: 0rem;
}
#hbomax-sports-add-on-info-modal h4 {
font-size: 1.2rem;
margin-bottom: 1rem;
}
#hbomax-sports-add-on-info-modal .sports-logos-proportional {
--sports-logo-max-height: 50cqi;
display: flex;
gap: 2.5rem;
align-items: center;
justify-content: center;
margin: 1rem 0rem 0rem 0rem;
flex-wrap: wrap;
}
.sports-logos-proportional #sports-logo-1 {
height: calc(var(--sports-logo-max-height) * var(--sports-logo-1-scale) * var(--extra-resize));
width: auto;
}
.sports-logos-proportional #sports-logo-2 {
height: calc(var(--sports-logo-max-height) * var(--sports-logo-2-scale) * var(--extra-resize));
width: auto;
}
.sports-logos-proportional #sports-logo-3 {
height:calc(var(--sports-logo-max-height) * var(--sports-logo-3-scale) * var(--extra-resize));
width: auto;
}
.sports-logos-proportional #sports-logo-4 {
height:calc(var(--sports-logo-max-height) * var(--sports-logo-4-scale) * var(--extra-resize));
width: auto;
}
/* ADJUSTMENTS FOR STRIPE IN PLAN PICKER */
.max-plan-picker-group ul>li a {
float: none;
color: #002be7;
}
/* EXTRA SPACE AFTER PLAN PICKER */
.max-plan-picker-group.max-plan-picker-group-t1 {
padding-bottom: 4rem;
}
Sports Add-on
Volle Action. Pure Leidenschaft. Echter Ruhm. Eurosport.
Sichere dir deinen Platz in der ersten Reihe für renommierte Live-Sport-Eventsdie größten Wettkämpfe und Top-Turniere wie die Australian Open und die Tour de France. Abonniere dafür einfach unser Sport-Add-on zusätzlich zum HBO Max Basistarif.*
-
Eurosport 1 und Eurosport 2 streamen
-
2026 RadfahrenTennis und mehr
-
Auf 2 deiner verfügbaren streams begrenzt
Sport-Add-on für 3 €/Monatzu deinem Basistarif hinzufügen*
*Preis für das Sport-Add-on. Basistarif ab 5,99 €/Monat erforderlich. Unbefristete Laufzeitmonatliche Abrechnung (inkl. MwSt.)sofern kein Add-on oder Grundtarif gekündigt wird. Alle Sportarten enthalten Werbung und können Sponsoren- und Cross-Promotion-Inhalte enthalten. Die Verfügbarkeit des Sport-Add-ons variiert je nach Abo-Anbieterist jedoch nicht für Abonnenten des RTL+ HBO Max Bundles verfügbar.
Wähle deine SpracheDEUTSCH