Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
23 lines (23 loc) · 29.6 KB
/
Copy pathindex.html
File metadata and controls
23 lines (23 loc) · 29.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><title>Netflix</title><meta name="twitter:description" content="Die Netflix Serie, "die Räuber""><meta name="twitter:image" content="https://ancientxfire.github.io/assets/img/sincerely-media-c1YrcFYW66s-unsplash.jpg"><meta property="og:type" content="website"><meta name="description" content="Die Netflix Serie, "die Räuber""><meta property="og:image" content="https://ancientxfire.github.io/assets/img/sincerely-media-c1YrcFYW66s-unsplash.jpg"><meta name="twitter:title" content="Netflix"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"><link rel="stylesheet" href="assets/css/styles.min.css"><link rel="stylesheet" href="https://vjs.zencdn.net/7.21.1/video-js.css"><script src="https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js"></script>
</head><body id="main-body" style="justify-content: center;padding-top: 50px;background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url("assets/img/clipboard-image-1.png") bottom / cover repeat-y fixed;display: flex;"><div id="main-container" style="background: #181818;border-style: hidden;border-radius: 10px;color: #141414;overflow: hidden;width: 900px;"><div id="main_image" style="background: url("assets/img/WhatsApp%20Bild%202023-02-09%20um%2020.01.48-Verbessert.jpg") right / cover;height: 500px;"><div id="controls-container" style="background-image: linear-gradient(0deg, rgb(24, 24, 24), transparent 50%);height: 100%;position: relative;"><div id="controlls" style="position: absolute;bottom: 40px;left: 25px;"><button class="btn btn-primary" type="button" style="border-radius: 99px;width: 29px;height: 29px;position: absolute;margin-left: 158px;background: rgba(0,0,0,.25);border: 0.1px solid rgba(255, 255, 255, 0.7);margin-top: 4px;color: rgb(255, 255, 255);"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="font-size: 20px;color: var(--semi-transperent-white);padding-right: 0px;margin-left: -3.49px;padding-top: 0px;margin-top: -0.26px;">
<path d="M12 4C11.4477 4 11 4.44772 11 5V11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H11V19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19V13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11H13V5C13 4.44772 12.5523 4 12 4Z" fill="currentColor"></path>
</svg></button><button class="btn btn-primary" id="rick-role" type="button" style="background: var(--white);width: 153px;color: var(--bs-black);height: 36px;font-size: 18px;font-weight: 500;"><i class="fas fa-play" style="font-size: 20px;padding-right: 0px;margin-right: 14px;"></i>Abspielen</button><button class="btn btn-primary" type="button" style="border-radius: 99px;width: 29px;height: 29px;position: absolute;background: rgba(0,0,0,.25);border: 0.1px solid rgba(255, 255, 255, 0.7);margin-top: 4px;margin-left: 39px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-hand-thumbs-up" style="font-size: 18px;color: var(--semi-transperent-white);padding-top: 0px;margin-top: -0.26px;padding-right: 0px;padding-left: 0px;margin-left: -3px;">
<path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"></path>
</svg></button></div></div></div><div id="main_content" style="height: 700px;padding-bottom: 0px;"><div id="first-people-box" style="float: right;padding-right: 0px;margin-right: 69px;padding-bottom: 0px;"><p style="padding-right: 0px;height: 141px;width: 252.3281px;font-size: 11px;font-family: 'Noto Sans JP', sans-serif;"><strong><span style="color: rgb(164, 164, 164);">Besetzung</span><span style="color: rgb(119, 119, 119);">:</span></strong><span style="color: rgb(119, 119, 119);"> </span><span style="color: rgb(255, 255, 255);">Max Bachschmidt, Sinan Acar, Jakob Wildmann </span><a href="#about_this"><em><span style="color: rgb(255, 255, 255);">mehr</span></em></a><br><br><strong><span style="color: rgb(164, 164, 164);">Genres:</span></strong><span style="color: rgb(164, 164, 164);"> </span><span style="color: rgb(255, 255, 255);">Liebe, Rivalen, Theater, Action, Drama</span><br><br><strong><span style="color: rgb(164, 164, 164);">Diese Serie ist: </span></strong><span style="color: rgb(255, 255, 255);">Spannend, Traurig, Emotional</span><br><br><br><br></p></div><div id="simple_info" style="margin-top: 11px;margin-left: 27px;text-align: left;"><p style="font-family: 'Noto Sans JP', sans-serif;color: #60c659;font-weight: bold;float: left;font-size: 14px;padding-top: 0px;width: 166px;">94 % Übereinstimmung</p><p style="width: 34px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);font-size: 14px;float: left;height: 23px;margin-right: 11px;">2023</p><p style="width: 31px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);font-size: 14px;float: left;height: 23px;border: 1px solid var(--semi-transperent-white);margin-left: 0px;padding-right: 0px;padding-left: 6px;">16</p><p style="width: 60px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);font-size: 14px;float: left;height: 23px;padding-left: 0px;margin-left: 14px;">5 Folgen</p><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-badge-hd" style="color: var(--white);font-size: 22px;padding-left: 0px;margin-left: 7px;">
<path d="M7.396 11V5.001H6.209v2.44H3.687V5H2.5v6h1.187V8.43h2.522V11h1.187zM8.5 5.001V11h2.188c1.811 0 2.685-1.107 2.685-3.015 0-1.894-.86-2.984-2.684-2.984H8.5zm1.187.967h.843c1.112 0 1.622.686 1.622 2.04 0 1.353-.505 2.02-1.622 2.02h-.843v-4.06z"></path>
<path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"></path>
</svg></div><div id="descr-total" style="padding-top: 0px;padding-left: 27px;margin-top: 21px;"><p style="text-align: left;color: var(--white);width: 525px;font-family: 'Noto Sans JP', sans-serif;font-size: 11px;"></p><p style="color: var(--white);font-size: 14px;font-family: 'Noto Sans JP', sans-serif;">Franz und Karl von Moor sind zwei Brüder, wie sie unterschiedlicher nicht sein könnten. Der beliebte Karl wird als Erstgeborener das große Erbe und Amalia, die große Liebe beider bekommen. Neid und falsche Ideale lassen einen Kampf entflammt, dessen Flammen weit um sich zu schlagen drohen.</p></div><div id="Folgen-header" style="margin-top: 31px;padding-top: 80px;"><p style="border-color: var(--white);font-family: 'Noto Sans JP', sans-serif;font-size: 23px;margin-left: 27px;width: 125px;margin-top: -4px;padding-top: 0px;padding-bottom: 0px;margin-bottom: 2px;"><strong><span style="color: rgb(255, 255, 255);">Folgen</span></strong></p><p style="float: right;width: 287px;margin-left: 27px;padding-top: 0px;font-size: 20px;font-family: 'Noto Sans JP', sans-serif;margin-right: 25px;color: var(--white);margin-bottom: 2px;margin-top: -32px;">Die Räuber - Das Drama</p><hr style="color: #8d959c;width: 799.688px;margin-left: 27px;margin-top: 6px;"></div><div id="Folgen"><div id="folge"><p style="font-size: 23px;font-family: 'Noto Sans JP', sans-serif;color: rgb(164,164,164);float: left;margin-left: 45px;width: 20px;padding-bottom: 0px;margin-bottom: 0px;margin-top: 21px;">1</p><img style="float: left;margin-bottom: 10px;margin-left: 17px;width: 119px;height: 80px;border-radius: 5px;" src="assets/img/Folgen/WhatsApp%20Bild%202023-02-09%20um%202d0.01.49.jpg"><p style="font-size: 18px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);float: left;margin-left: 12px;font-weight: bold;padding-bottom: 0px;margin-bottom: 0px;margin-top: -3px;width: 269.297px;">Die List</p><p style="float: left;color: #dcdbdb;font-size: 13px;font-family: 'Noto Sans JP', sans-serif;margin-bottom: -5px;margin-top: 10px;margin-left: 14px;width: 611.82812px;height: 44px;">Der Streit erreicht einen neuen Höhepunkt. Franz, der sich das gesamte Erbe des Grafen von Moor erschleichen will, probiert es mit einer List die dem Bruder schwer zusetzt.</p><p style="font-size: 16px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);float: right;margin-top: -75px;margin-bottom: -36px;padding-bottom: 0px;margin-right: 93px;font-weight: 500;">20 Min.</p><hr style="color: #8d959c;width: 799.688px;margin-left: 27px;margin-top: 6px;"></div><div id="folge-1"><p style="font-size: 23px;font-family: 'Noto Sans JP', sans-serif;color: rgb(164,164,164);float: left;margin-left: 45px;width: 20px;padding-bottom: 0px;margin-bottom: 0px;margin-top: 21px;">2</p><img class="rounded" style="float: left;object-fit: cover;margin-bottom: 10px;margin-left: 17px;width: 119px;height: 80px;border-radius: 5px;" src="assets/img/Folgen/WhatsApp%20Bild%202023-02-09%20um%2020.01.48.jpg"><p style="font-size: 18px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);float: left;margin-left: 12px;font-weight: bold;padding-bottom: 0px;margin-bottom: 0px;margin-top: -3px;width: 269.297px;">Ein schrecklicher Plan</p><p style="float: left;color: #dcdbdb;font-size: 13px;font-family: 'Noto Sans JP', sans-serif;margin-bottom: -5px;margin-top: 10px;margin-left: 14px;width: 611.82812px;height: 44px;">Franz von Moor versucht nun, sich seinem Vater zu entledigen, indem er ihm schreckliche Lügen über Karl erzählt, die den Vater so erschüttern sollen das er stirbt.</p><p style="font-size: 16px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);float: right;margin-top: -75px;margin-bottom: -36px;padding-bottom: 0px;margin-right: 93px;font-weight: 500;">24 Min.</p><hr style="color: #8d959c;width: 799.688px;margin-left: 27px;margin-top: 6px;"></div><div id="folge-2"><p style="font-size: 23px;font-family: 'Noto Sans JP', sans-serif;color: rgb(164,164,164);float: left;margin-left: 45px;width: 20px;padding-bottom: 0px;margin-bottom: 0px;margin-top: 21px;">3</p><img style="/*top: 90;*/object-fit: cover;float: left;margin-bottom: 10px;margin-left: 17px;width: 119px;height: 80px;border-radius: 5px;" src="assets/img/Folgen/WhatsApp%20Bild%202023-02-09%20um%2020.01d.50.jpg"><p style="font-size: 18px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);float: left;margin-left: 12px;font-weight: bold;padding-bottom: 0px;margin-bottom: 0px;margin-top: -3px;width: 269.297px;">Die Räuber</p><p style="float: left;color: #dcdbdb;font-size: 13px;font-family: 'Noto Sans JP', sans-serif;margin-bottom: -5px;margin-top: 10px;margin-left: 14px;width: 611.82812px;height: 44px;">Nun da der Vater tot ist probiert Franz die Geliebte von Karl auf seine Seite zu ziehen und sie zu verführen. Karl indess gründet eine Räuberbande.</p><p style="font-size: 16px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);float: right;margin-top: -75px;margin-bottom: -36px;padding-bottom: 0px;margin-right: 93px;font-weight: 500;">33 Min.</p><hr style="color: #8d959c;width: 799.688px;margin-left: 27px;margin-top: 6px;"></div><div id="folge-3"><p style="font-size: 23px;font-family: 'Noto Sans JP', sans-serif;color: rgb(164,164,164);float: left;margin-left: 45px;width: 20px;padding-bottom: 0px;margin-bottom: 0px;margin-top: 21px;">4</p><img style="float: left;object-fit: cover;margin-bottom: 10px;margin-left: 17px;width: 119px;height: 80px;border-radius: 5px;" src="assets/img/Folgen/WhatsApp%20Bild%202023-02-09%20um%2020.a01.49.jpg"><p style="font-size: 18px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);float: left;margin-left: 12px;font-weight: bold;padding-bottom: 0px;margin-bottom: 0px;margin-top: -3px;width: 269.297px;">Die Heimkehr </p><p style="float: left;color: #dcdbdb;font-size: 13px;font-family: 'Noto Sans JP', sans-serif;margin-bottom: -5px;margin-top: 10px;margin-left: 14px;width: 611.82812px;height: 44px;">Karl kehrt verkleidet nach Hause zurück und besucht seine geliebte. Er findet heraus was sein Bruder alles getan hat. Er befiehlt den Räubern den Angriff auf das Schloss.</p><p style="font-size: 16px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);float: right;margin-top: -75px;margin-bottom: -36px;padding-bottom: 0px;margin-right: 93px;font-weight: 500;">25 Min.</p><hr style="color: #8d959c;width: 799.688px;margin-left: 27px;margin-top: 6px;"></div><div id="folge-4"><p style="font-size: 23px;font-family: 'Noto Sans JP', sans-serif;color: rgb(164,164,164);float: left;margin-left: 45px;width: 20px;padding-bottom: 0px;margin-bottom: 0px;margin-top: 21px;">5</p><img style="float: left;object-fit: cover;margin-bottom: 10px;margin-left: 17px;width: 119px;height: 80px;border-radius: 5px;" src="assets/img/Folgen/WhatsApp%20Bild%202023-02-09%20um%2020.01.49.jpg"><p style="font-size: 18px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);float: left;margin-left: 12px;font-weight: bold;padding-bottom: 0px;margin-bottom: 0px;margin-top: -3px;width: 269.297px;">Das bittere Ende</p><p style="float: left;color: #dcdbdb;font-size: 13px;font-family: 'Noto Sans JP', sans-serif;margin-bottom: -5px;margin-top: 10px;margin-left: 14px;width: 611.82812px;height: 44px;">Franz bringt sich um, da er erkennt das seine Lage aussichtslos ist und er seinem Bruder und seiner Rache nicht ausgeliefert sein will.</p><p style="font-size: 16px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);float: right;margin-top: -75px;margin-bottom: -36px;padding-bottom: 0px;margin-right: 93px;font-weight: 500;">18 Min.</p><hr style="color: #8d959c;width: 799.688px;margin-left: 27px;margin-top: 6px;"></div></div></div><div id="simmilar_shows" style="height: 335px;margin-top: 11px;padding-left: 27px;"><p style="color: var(--white);font-size: 19px;font-family: 'Noto Sans JP', sans-serif;padding-top: 0px;margin-top: 95px;">Ähnliche Titel</p><div class="container" style="width: 792px;"><div class="row"><div class="col-md-3" style="border-radius: 5px;width: 194.25px;height: 240px;"><div id="card" style="border-radius: 4px;height: 244px;background: var(--bs-gray-900);overflow: hidden;"><div style="height: 107px;background: linear-gradient(-148deg, black, var(--bs-border-color-translucent) 39%), url("assets/img/IMG_0726.jpg") center / cover;width: 200.25px;"><p style="color: var(--white);float: right;font-weight: bold;font-size: 12px;padding-top: 3px;font-family: 'Noto Sans JP', sans-serif;margin-right: 30px;"><span style="font-weight: normal !important;">20 Folgen</span></p></div><div style="margin-left: 9px;margin-top: 4px;"><p style="color: #60c659;font-size: 10px;font-family: 'Noto Sans JP', sans-serif;font-weight: bold;float: left;margin-top: 7px;">79 % Übereinstimmung</p><button class="btn btn-primary" type="button" style="border-radius: 99px;width: 24px;height: 24px;position: absolute;background: rgba(0,0,0,.25);border: 0.1px solid rgba(255, 255, 255, 0.7);margin-top: 4px;float: right;margin-right: 0px;margin-left: 27px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="font-size: 17px;color: var(--semi-transperent-white);padding-right: 0px;padding-top: 0px;margin-top: -3px;margin-left: -5px;margin-right: 0px;">
<path d="M12 4C11.4477 4 11 4.44772 11 5V11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H11V19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19V13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11H13V5C13 4.44772 12.5523 4 12 4Z" fill="currentColor"></path>
</svg></button></div><p style="width: 24px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);font-size: 9.5px;float: left;height: 18px;border: 1px solid var(--semi-transperent-white);margin-top: -7px;margin-left: 8px;margin-right: 30px;text-align: center;">12</p><p style="color: var(--white);font-family: 'Noto Sans JP', sans-serif;padding-left: 0px;float: right;padding-right: 0px;margin-right: 82px;margin-top: 26px;position: absolute;margin-left: 37px;">1992</p><p style="color: var(--white);font-family: 'Noto Sans JP', sans-serif;font-size: 8px;margin-top: 58px;margin-left: 9px;">Romeo und Julia ist eine Tragödie von William Shakespeare. Das Werk schildert die Geschichte zweier junger Liebender, die verfeindeten Familien angehören und unter unglücklichen Umständen durch Selbstmord zu Tode kommen.</p></div></div><div class="col-md-3" style="border-radius: 5px;width: 194.25px;height: 240px;"><div id="card-1" style="border-radius: 4px;height: 244px;background: var(--bs-gray-900);overflow: hidden;"><div style="height: 107px;background: linear-gradient(-148deg, black, var(--bs-border-color-translucent) 39%), url("assets/img/27C0F979-79FD-41FB-B8F6-AC2s317179F5A.jpg") top / cover;width: 200.25px;"><p style="color: var(--white);float: right;font-weight: bold;font-size: 12px;padding-top: 3px;font-family: 'Noto Sans JP', sans-serif;margin-right: 30px;"><span style="font-weight: normal !important;">23 Folgen</span></p></div><div style="margin-left: 9px;margin-top: 4px;"><p style="color: #60c659;font-size: 10px;font-family: 'Noto Sans JP', sans-serif;font-weight: bold;float: left;margin-top: 7px;">85 % Übereinstimmung</p><button class="btn btn-primary" type="button" style="border-radius: 99px;width: 24px;height: 24px;position: absolute;background: rgba(0,0,0,.25);border: 0.1px solid rgba(255, 255, 255, 0.7);margin-top: 4px;float: right;margin-right: 0px;margin-left: 27px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="font-size: 17px;color: var(--semi-transperent-white);padding-top: 0px;margin-top: -3px;margin-right: 0px;padding-right: 0px;margin-left: -5px;">
<path d="M12 4C11.4477 4 11 4.44772 11 5V11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H11V19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19V13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11H13V5C13 4.44772 12.5523 4 12 4Z" fill="currentColor"></path>
</svg></button></div><p style="width: 24px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);font-size: 9.5px;float: left;height: 18px;border: 1px solid var(--semi-transperent-white);margin-top: -7px;margin-left: 8px;margin-right: 30px;text-align: center;padding-left: 1px;">16 </p><p style="color: var(--white);font-family: 'Noto Sans JP', sans-serif;padding-left: 0px;float: right;padding-right: 0px;margin-right: 82px;margin-top: 26px;position: absolute;margin-left: 37px;">1992</p><p style="color: var(--white);font-family: 'Noto Sans JP', sans-serif;font-size: 8px;margin-top: 58px;margin-left: 9px;">In einer Dystopischen Zukunft müssen Katniss und Peeta bei einem live übertragenen Wettkampf antreten, bei dem sich junge Menschen bis zum Tod bekämpfen.</p></div></div><div class="col-md-3" style="border-radius: 5px;width: 194.25px;height: 240px;"><div id="card-2" style="border-radius: 4px;height: 244px;background: var(--bs-gray-900);overflow: hidden;"><div style="height: 107px;background: linear-gradient(-148deg, black, var(--bs-border-color-translucent) 39%), url("assets/img/77D1DFB3-45FB-4756-972F-4F3536797F14.jpg") 0% 112% / cover;width: 200.25px;"><p style="color: var(--white);float: right;font-weight: bold;font-size: 12px;padding-top: 3px;font-family: 'Noto Sans JP', sans-serif;margin-right: 30px;"><span style="font-weight: normal !important;">12 Folgen</span></p></div><div style="margin-left: 9px;margin-top: 4px;"><p style="color: #60c659;font-size: 10px;font-family: 'Noto Sans JP', sans-serif;font-weight: bold;float: left;margin-top: 7px;">20 % Übereinstimmung</p><button class="btn btn-primary" type="button" style="border-radius: 99px;width: 24px;height: 24px;position: absolute;background: rgba(0,0,0,.25);border: 0.1px solid rgba(255, 255, 255, 0.7);margin-top: 4px;float: right;margin-right: 0px;margin-left: 27px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="font-size: 17px;color: var(--semi-transperent-white);padding-right: 0px;padding-top: 0px;margin-top: -3px;margin-left: -5px;margin-right: 0px;">
<path d="M12 4C11.4477 4 11 4.44772 11 5V11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H11V19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19V13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11H13V5C13 4.44772 12.5523 4 12 4Z" fill="currentColor"></path>
</svg></button></div><p style="width: 24px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);font-size: 9.5px;float: left;height: 18px;border: 1px solid var(--semi-transperent-white);margin-top: -7px;margin-left: 8px;margin-right: 30px;text-align: center;">18</p><p style="color: var(--white);font-family: 'Noto Sans JP', sans-serif;padding-left: 0px;float: right;padding-right: 0px;margin-right: 82px;margin-top: 26px;position: absolute;margin-left: 37px;">1933</p><p style="color: var(--white);font-family: 'Noto Sans JP', sans-serif;font-size: 8px;margin-top: 58px;margin-left: 9px;">Ein Chemielehrer mit Lungenkrebs im Endstadium entschließt sich Methamphitamin herzustellen und zu Verkaufen um seine Famillie über die Runden zu bringen.</p></div></div><div class="col-md-3" style="border-radius: 5px;width: 194.25px;height: 240px;"><div id="card-3" style="border-radius: 4px;height: 244px;background: var(--bs-gray-900);overflow: hidden;"><div style="height: 107px;background: linear-gradient(-148deg, black, var(--bs-border-color-translucent) 39%), url("assets/img/27C0F979-79FD-41FB-B8F6-AC2317179F5A.jpg") 0% 93% / cover;width: 200.25px;"><p style="color: var(--white);float: right;font-weight: bold;font-size: 12px;padding-top: 3px;font-family: 'Noto Sans JP', sans-serif;margin-right: 30px;"><span style="font-weight: normal !important;"> </span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-infinity" style="font-size: 14px;margin-bottom: 1px;margin-right: 1px;font-weight: bold;">
<path fill-rule="evenodd" d="M5.68 5.792a2.75 2.75 0 1 0 0 3.916L7.345 7.75 5.681 5.792ZM8 6.978 6.416 5.113l-.014-.015a3.75 3.75 0 1 0 0 5.304l.014-.015L8 8.522l1.584 1.865.014.015a3.75 3.75 0 1 0 0-5.304l-.014.015L8 6.978Zm.656.772 1.663 1.958a2.75 2.75 0 1 0 0-3.916L8.656 7.75Z"></path>
</svg><span style="font-weight: normal !important;">Folgen</span></p></div><div style="margin-left: 9px;margin-top: 4px;"><p style="color: #60c659;font-size: 10px;font-family: 'Noto Sans JP', sans-serif;font-weight: bold;float: left;margin-top: 7px;">12 % Übereinstimmung</p><button class="btn btn-primary" type="button" style="border-radius: 99px;width: 24px;height: 24px;position: absolute;background: rgba(0,0,0,.25);border: 0.1px solid rgba(255, 255, 255, 0.7);margin-top: 4px;float: right;margin-right: 0px;margin-left: 27px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="font-size: 17px;color: var(--semi-transperent-white);padding-right: 0px;padding-top: 0px;margin-top: -3px;margin-left: -5px;margin-right: 0px;">
<path d="M12 4C11.4477 4 11 4.44772 11 5V11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H11V19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19V13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11H13V5C13 4.44772 12.5523 4 12 4Z" fill="currentColor"></path>
</svg></button></div><p style="width: 24px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);font-size: 9.5px;float: left;height: 18px;border: 1px solid var(--semi-transperent-white);margin-top: -7px;margin-left: 8px;margin-right: 30px;text-align: center;">9</p><p style="color: var(--white);font-family: 'Noto Sans JP', sans-serif;padding-left: 0px;float: right;padding-right: 0px;margin-right: 82px;margin-top: 26px;position: absolute;margin-left: 37px;">2052</p><p style="color: var(--white);font-family: 'Noto Sans JP', sans-serif;font-size: 8px;margin-top: 58px;margin-left: 9px;">Ein Flugzeug stürzt im Pazifik ab und die Überlebenden versuchen, auf einer Insel zu überleben. Dabei ist der Arzt Jack und Kate, die sich zunächst um die Verletzten kümmern. Doch schon bald stellt sich die Insel als äußerst mysteriös heraus.</p></div></div></div></div></div><div id="trailer-und-mehr" style="padding-left: 27px;"><hr style="color: #8d959c;width: 838.688px;margin-left: 1px;margin-top: 6px;margin-bottom: 33px;"><p style="color: var(--white);font-size: 19px;font-family: 'Noto Sans JP', sans-serif;margin-top: -19px;">Trailer und mehr</p><div class="container"><div class="row"><div class="col-md-3"><div id="card-trailer" style="border-radius: 3px;overflow: hidden;"><div id="trailer-img" class="play-icon" style="background: url("assets/img/WhatsApp%20Bild%202023-02-09%20um%2020.01.48-Verbessert.jpg") 100% 57% / cover;width: 100%;height: 99px;display: flex;justify-content: center;"><button class="btn btn-primary pulse animated play-icon-btn" id="the-trailer" type="button" style="height: 40px;width: 40px;margin-top: 31px;background: rgba(0,0,0,.25);border-radius: 99px;border: 0.1px solid rgba(255, 255, 255, 0.7);"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-play-fill" style="font-size: 17px;">
<path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>
</svg></button></div><p style="color: var(--white);font-family: 'Noto Sans JP', sans-serif;font-size: 8px;margin-top: 7px;margin-left: 9px;font-weight: 600;">Staffel 1 (Trailer): Peng</p></div></div><div class="col-md-3"><div id="card-trailer-1" style="border-radius: 3px;overflow: hidden;"><div id="rick-role_1" class="play-icon" style="background: url("assets/img/E73424EE-90A7-4D07-9BA1-9A11BCC35509.jpg") 0% 28% / cover;width: 100%;height: 99px;display: flex;"><button class="btn btn-primary pulse animated play-icon-btn" type="button" style="height: 40px;width: 40px;margin-top: 31px;background: rgba(0,0,0,.25);border-radius: 99px;border: 0.1px solid rgba(255, 255, 255, 0.7);"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-play-fill" style="font-size: 17px;">
<path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>
</svg></button></div><p style="color: var(--white);font-family: 'Noto Sans JP', sans-serif;font-size: 8px;margin-top: 7px;margin-left: 9px;font-weight: 600;">Staffel 1 (Outtakes): Behind the scenes</p></div></div></div></div></div><div id="about_this" style="height: 200px;padding-left: 27px;padding-right: 27px;"><hr style="color: #8d959c;width: 838.688px;margin-left: 1px;margin-top: 6px;margin-bottom: 33px;"><p style="color: var(--white);font-size: 18px;font-family: 'Noto Sans JP', sans-serif;">Über <strong>die Räuber</strong></p><p><strong><span style="color: rgb(164, 164, 164);">Besetzung</span><span style="color: rgb(119, 119, 119);">:</span></strong><span style="color: rgb(119, 119, 119);"> </span><span style="color: rgb(255, 255, 255);">Max Bachschmidt, Sinan Acar, Jakob Wildmann, Luna Rupp, Ferdinan Gronki, Lucia Geisler, Bastian Satter, Acelya Özcan, Markus Leinweber</span><br><br><strong><span style="color: rgb(164, 164, 164);">Genres:</span></strong><span style="color: rgb(164, 164, 164);"> </span><span style="color: rgb(255, 255, 255);">Liebe, Rivalen, Theater, Action, Drama</span><br><br><strong><span style="color: rgb(164, 164, 164);">Diese Serie ist: </span></strong><span style="color: rgb(255, 255, 255);">Spannend, Traurig, Emotional</span><br><br><strong><span style="color: rgb(164, 164, 164);">Altersfreigabe: </span></strong><span style="color: rgb(255, 255, 255);">Empfohlen ab 16</span></p><p style="width: 22px;font-family: 'Noto Sans JP', sans-serif;color: var(--white);font-size: 9.5px;float: left;height: 17px;border: 1px solid var(--semi-transperent-white);padding-top: 0px;margin-top: -24px;margin-right: 30px;padding-right: 9px;padding-left: 4.8px;margin-bottom: -5px;padding-bottom: 0px;margin-left: 75px;">16</p></div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script><script src="https://vjs.zencdn.net/7.21.1/video.min.js"></script><script src="assets/js/script.min.js"></script></body></html>