70 lines
3.8 KiB
HTML
70 lines
3.8 KiB
HTML
<section class="popup-day popup-3part day01">
|
||
<!-- === Titelzeile === -->
|
||
<header class="popup-header">
|
||
<h2>🎁 1. Dezember – Der Anfang vom Zauber</h2>
|
||
</header>
|
||
|
||
<!-- === Hauptbereich mit zwei Spalten === -->
|
||
<div class="popup-body">
|
||
<!-- Linke Spalte: Story (dein bisheriger Text 1:1 übernommen) -->
|
||
<div class="story">
|
||
<p>Draußen riecht die Luft nach kaltem Holz und ersten Plätzchen.<br>
|
||
Über den Dächern von Bratonien hängt ein dünner Dunst aus Zucker und Geheimnissen,<br>
|
||
und im Schloss knistert das Kaminfeuer wie eine Erinnerung daran,<br>
|
||
dass jeder Anfang ein kleines bisschen Mut braucht.</p>
|
||
|
||
<p>Erna steht am Fenster, eine Tasse Kaffee in der Hand,<br>
|
||
und beobachtet, wie Barney im Hof versucht, die Lichterkette zu entwirren.<br>
|
||
„Das Jahr geht nie leise zu Ende“, murmelt sie –<br>
|
||
und er antwortet, ohne aufzusehen: „Dann fangen wir besser laut an.“</p>
|
||
|
||
<p>Ein Lächeln huscht über beide Gesichter.<br>
|
||
Denn irgendwo, zwischen goldenen Schleifen und kalten Fingern,<br>
|
||
beginnt genau jetzt das, worauf ganz Bratonien gewartet hat:<br>
|
||
<strong>die Adventszeit.</strong></p>
|
||
|
||
<p class="note">
|
||
Und wer genau hinsieht, entdeckt: das kleine Daumenkino verändert sich.<br>
|
||
Mit jedem neuen Tag kommt ein Stück bratonische Weihnacht hinzu – bis am Ende alles zusammenfindet.<br>
|
||
Also lohnt es sich, wiederzukommen … jeden Tag.
|
||
</p>
|
||
</div>
|
||
|
||
<!-- Rechte Spalte: dein Daumenkino-Video -->
|
||
<div class="addon">
|
||
<video
|
||
class="thumbkino-video"
|
||
autoplay
|
||
loop
|
||
muted
|
||
playsinline
|
||
preload="auto"
|
||
poster="/2025/assets/images/1366/jpeg/Basisbild.jpeg">
|
||
<!-- WEBM-Varianten -->
|
||
<source src="/2025/assets/videos/nHD/webm/01.webm" type="video/webm" media="(max-width: 640px)">
|
||
<source src="/2025/assets/videos/FWVGA/webm/01.webm" type="video/webm" media="(max-width: 854px)">
|
||
<source src="/2025/assets/videos/qHD/webm/01.webm" type="video/webm" media="(max-width: 960px)">
|
||
<source src="/2025/assets/videos/HD/webm/01.webm" type="video/webm" media="(max-width: 1280px)">
|
||
<source src="/2025/assets/videos/HDplus/webm/01.webm" type="video/webm" media="(max-width: 1600px)">
|
||
<source src="/2025/assets/videos/FullHD/webm/01.webm" type="video/webm" media="(max-width: 1920px)">
|
||
<source src="/2025/assets/videos/1440p/webm/01.webm" type="video/webm" media="(max-width: 2560px)">
|
||
<source src="/2025/assets/videos/4K/webm/01.webm" type="video/webm" media="(min-width: 2561px)">
|
||
<!-- MP4-Fallbacks -->
|
||
<source src="/2025/assets/videos/nHD/mp4/01.mp4" type="video/mp4" media="(max-width: 640px)">
|
||
<source src="/2025/assets/videos/FWVGA/mp4/01.mp4" type="video/mp4" media="(max-width: 854px)">
|
||
<source src="/2025/assets/videos/qHD/mp4/01.mp4" type="video/mp4" media="(max-width: 960px)">
|
||
<source src="/2025/assets/videos/HD/mp4/01.mp4" type="video/mp4" media="(max-width: 1280px)">
|
||
<source src="/2025/assets/videos/HDplus/mp4/01.mp4" type="video/mp4" media="(max-width: 1600px)">
|
||
<source src="/2025/assets/videos/FullHD/mp4/01.mp4" type="video/mp4" media="(max-width: 1920px)">
|
||
<source src="/2025/assets/videos/1440p/mp4/01.mp4" type="video/mp4" media="(max-width: 2560px)">
|
||
<source src="/2025/assets/videos/4K/mp4/01.mp4" type="video/mp4" media="(min-width: 2561px)">
|
||
Dein Browser unterstützt dieses Videoformat nicht.
|
||
</video>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- === Hintergrundmusik === -->
|
||
<audio id="bgmusic" loop preload="auto">
|
||
<source src="/2025/assets/sounds/FallingSnow.mp3" type="audio/mpeg">
|
||
</audio>
|
||
</section> |