Commit 5cccfefb authored by Jonas Heinrich's avatar Jonas Heinrich

fix styling episode view

parent 7dd7f09f
...@@ -136,7 +136,8 @@ h1, h2, h3, h4, h5, h6 { ...@@ -136,7 +136,8 @@ h1, h2, h3, h4, h5, h6 {
h2 { h2 {
font-size: 22px; font-size: 22px;
margin-bottom: 20px; margin-bottom: 15px;
line-height: 30px;
} }
h3 { h3 {
...@@ -144,6 +145,21 @@ h3 { ...@@ -144,6 +145,21 @@ h3 {
line-height: 20px; line-height: 20px;
} }
.subtitle {
margin-top: -10px;
font-size: 14px;
margin-bottom: 15px;
color: rgb(198, 198, 198);
font-style: italic;
}
.mapboxgl-popup {
max-width: 400px;
font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
color: black;
}
@media only screen and (max-device-width: 480px) { @media only screen and (max-device-width: 480px) {
.container { .container {
...@@ -197,9 +213,3 @@ h3 { ...@@ -197,9 +213,3 @@ h3 {
padding-bottom: 2em; padding-bottom: 2em;
} }
} }
.mapboxgl-popup {
max-width: 400px;
font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
color: black;
}
...@@ -31,14 +31,14 @@ ...@@ -31,14 +31,14 @@
</div> </div>
</navigation> </navigation>
<map> <map>
<!-- <div id='map' style='width: 100%; height: 100%;'></div> --> <!-- <div id='map' style='width: 100%; height: 100%;'></div> -->
</map> </map>
<content> <content>
<div class='episode-wrapper'> <div class='episode-wrapper'>
<div class='empty'></div> <div class='empty'></div>
<div class="description"> <div class="description">
<h2>Werkübersicht</h2> <h2>Werkübersicht</h2>
Unsere Virtuelle-Ausstellung beginnt mit velit magni aliquid minus. Repellendus et harum consectetur alias ad. Suscipit vel assumenda quia similique et quia doloribus. Maiores sed animi voluptate et perferendis eum quia. Et est veniam temporibus quia ipsa repudiandae autem quo. Sed harum assumenda accusantium mollitia. Unsere Virtuelle-Ausstellung beginnt mit velit magni aliquid minus. Repellendus et harum consectetur alias ad. Suscipit vel assumenda quia similique et quia doloribus. Maiores sed animi voluptate et perferendis eum quia. Et est veniam temporibus quia ipsa repudiandae autem quo. Sed harum assumenda accusantium mollitia.
......
...@@ -2,10 +2,10 @@ ...@@ -2,10 +2,10 @@
<body> <body>
<div class="description"> <div class="description">
<h2>Werkübersicht</h2> <h2>Werkübersicht</h2>
In zehn verschiedenen Filmepisoden widmen wir uns epochenübergriefend dem Thema Folge und Varianz in der Kunstgeschichte. In zehn verschiedenen Filmepisoden widmen wir uns epochenübergreifend dem Thema Folge und Varianz in der Kunstgeschichte.
Die ausgewählten Exponate sind aus verschiedenen Sammlungen der Museen Karlsruhes zusammengestellt und hier in unserem Die ausgewählten Exponate sind aus verschiedenen Sammlungen der Karlsruher Museen zusammengestellt und hier in unserem
virtuellen Ausstellungsraum ausgestellt. virtuellen Ausstellungsraum ausgestellt.
Es werden Werke gegenübergestellt, die zeitlich und stilistisch weit auseinanderliegen. Es werden Werke gegenübergestellt, die zeitlich und stilistisch teilweise Jahrhunderte auseinanderliegen.
Sie gleichen sich aber in ihrer Methodik, Bildmotive zu wiederholen und zu variieren. Sie gleichen sich aber in ihrer Methodik, Bildmotive zu wiederholen und zu variieren.
</div> </div>
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<div class="video-img" style="background-image: url('video/video1.jpg');"></div> <div class="video-img" style="background-image: url('video/video1.jpg');"></div>
<a href='#' src='video/video1.html'> <a href='#' src='video/video1.html'>
<span class="video-title">Ehrung des Quadrats: Gelbes Zentrum</span> <span class="video-title">Ehrung des Quadrats: Gelbes Zentrum</span>
<p class="video-description">Die ineinander geschachtelten, farbigen Quadrate in dem Werk von Josef Albers, erinnern an das Spiel mit Matrjoschka-Puppen.</span> <p class="video-description">Die ineinander geschachtelten, farbigen Quadrate in dem Werk von Josef Albers erinnern an das Spiel mit Matrjoschka-Puppen.</span>
</a> </a>
</div> </div>
<div class="video-item"> <div class="video-item">
...@@ -34,8 +34,8 @@ ...@@ -34,8 +34,8 @@
<div class="video-item"> <div class="video-item">
<div class="video-img" style="background-image: url('video/video4.jpg');"></div> <div class="video-img" style="background-image: url('video/video4.jpg');"></div>
<a href='#' src='video/video4.html'> <a href='#' src='video/video4.html'>
<span class="video-title">Abendessen in der Scheune</span> <span class="video-title">Abendessen in der Scheune & co.</span>
<p class="video-description">Der flämische Maler David Teniers der Jüngere inszeniert ausgelassene Dorffeste und Altagsszenen. In seinen Werken finden sich zudem zahlreiche Stilleben.</span> <p class="video-description">Der flämische Maler David Teniers der Jüngere inszeniert ausgelassene Dorffeste und Alltagsszenen. In seinen Werken finden sich zudem zahlreiche Stillleben.</span>
</a> </a>
</div> </div>
<div class="video-item"> <div class="video-item">
...@@ -49,28 +49,28 @@ ...@@ -49,28 +49,28 @@
<div class="video-img" style="background-image: url('video/video6.jpg');"></div> <div class="video-img" style="background-image: url('video/video6.jpg');"></div>
<a href='#' src='video/video6.html'> <a href='#' src='video/video6.html'>
<span class="video-title">Großes Stillleben mit Kerzen und Spiegel</span> <span class="video-title">Großes Stillleben mit Kerzen und Spiegel</span>
<p class="video-description">Der breite Spiegel hinter dem Stillleben in dem Ölgemälde von Max Beckmann reflektiert die Gegenstände auf ungewöhnliche Weise. Sie entwickeln scheinbar ein Eigenleben.</span> <p class="video-description">Der breite Spiegel hinter dem Stillleben im Ölgemälde von Max Beckmanns reflektiert die Gegenstände auf ungewöhnliche Weise. Sie entwickeln scheinbar ein Eigenleben.</span>
</a> </a>
</div> </div>
<div class="video-item"> <div class="video-item">
<div class="video-img" style="background-image: url('video/video7.jpg');"></div> <div class="video-img" style="background-image: url('video/video7.jpg');"></div>
<a href='#' src='video/video7.html'> <a href='#' src='video/video7.html'>
<span class="video-title">Van Gogh als verkannter Hochstapler</span> <span class="video-title">Van Gogh als verkannter Hochstapler</span>
<p class="video-description">Der Künstler Arnulf Rainer übermalt Fotografien von van Gogh Gemälden. Was zuerst zerstörerisch anmutet, eröffnet auf den zweiten Blick neue thematische Aspekte.</span> <p class="video-description">Der Künstler Arnulf Rainer übermalt Fotografien von van Goghs Gemälden. Was zuerst zerstörerisch anmutet, eröffnet auf den zweiten Blick neue thematische Aspekte.</span>
</a> </a>
</div> </div>
<div class="video-item"> <div class="video-item">
<div class="video-img" style="background-image: url('video/video8.jpg');"></div> <div class="video-img" style="background-image: url('video/video8.jpg');"></div>
<a href='#' src='video/video8.html'> <a href='#' src='video/video8.html'>
<span class="video-title">Die heilige Elisabeth von Thüringen</span> <span class="video-title">Die heilige Elisabeth von Thüringen</span>
<p class="video-description">Täuschend echt stellt Grünewald zwei Heilige als Steinfiguren auf den Tafeln des Hellar-Alter dar. Ein einheitlicher Bildaufbau erweckt den Eindruck einer Zusammengehörigkeit.</span> <p class="video-description">Täuschend echt stellt Grünewald zwei Heilige als Steinfiguren auf den Tafeln des Heller-Altars dar. Ein einheitlicher Bildaufbau erweckt den Eindruck einer Zusammengehörigkeit.</span>
</a> </a>
</div> </div>
<div class="video-item"> <div class="video-item">
<div class="video-img" style="background-image: url('video/video9.jpg');"></div> <div class="video-img" style="background-image: url('video/video9.jpg');"></div>
<a href='#' src='video/video9.html'> <a href='#' src='video/video9.html'>
<span class="video-title">Markgraf Christoph I. von Baden mit seiner Familie</span> <span class="video-title">Markgraf Christoph I. von Baden mit seiner Familie</span>
<p class="video-description">Hans Baldung Grien portraitiert in dem Werk die 16 köpfige Familie des Markgraf von Baden. Im Gegensatz zum heutigen Gruppenportrait wirken die dargestellten Personen fast identisch.</span> <p class="video-description">Hans Baldung Grien portraitiert in dem Werk die 16-köpfige Familie des Markgraf von Baden. Im Gegensatz zum heutigen Gruppenporträt wirken die dargestellten Personen fast identisch.</span>
</a> </a>
</div> </div>
<div class="video-item"> <div class="video-item">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<style> <style>
......
...@@ -38,15 +38,34 @@ ...@@ -38,15 +38,34 @@
<div class="description"> <div class="description">
<h2>Josef Albers - Ehrung des Quadrats: Gelbe Zentrum (1954)</h2> <h2>Josef Albers - Ehrung des Quadrats: Gelbe Zentrum (1954)</h2>
<p class="prose-big">Öl auf Hartfaserplatte, 109,5 x 109,5 cm</p> <p class="subtitle">Öl auf Hartfaserplatte, 109,5 x 109,5 cm</p>
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla <div style="text-align: justify;">
Bla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Nam distinctio voluptates quidem possimus unde quidem alias. Non nam qui molestias eveniet eos optio minus.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Esse magni hic et quae culpa. Autem harum aut sequi expedita a nisi.
Bla bla bla Bla bla bla Bla bla bla </p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Iusto fugit laborum eveniet tempore. Quia molestias neque ratione excepturi facere occaecati quam aut.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Et eum ducimus autem libero voluptas et quia cumque. Architecto sit iste enim voluptatem consequatur non omnis.
Fuga iusto odit id.
</p>
<p>
Quae qui natus tempore omnis consequatur fugit expedita id. Dignissimos molestiae dolores quasi.
Ducimus facere esse architecto ipsam qui illum autem nihil. Rerum ratione cum quod est corrupti vel.
Ipsum aliquam beatae perspiciatis veniam et modi et voluptatem. Fuga doloremque quia omnis accusamus
incidunt maxime.
</p>
<p>
Quia molestiae fugiat odit. Molestiae eius qui numquam. Quo sit odit voluptas inventore at.
</p>
<p>
Dolores voluptatem magnam repellat sed neque. Velit ea cum vitae animi ad quidem officiis et.
In ut eius exercitationem similique atque non sunt ab. Est delectus neque temporibus sint temporibus
quibusdam sed. Cum aspernatur omnis provident reiciendis sunt nemo autem et. Suscipit repellendus
voluptatem numquam recusandae et recusandae.
</p>
</div>
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
......
...@@ -38,15 +38,33 @@ ...@@ -38,15 +38,33 @@
<div class="description"> <div class="description">
<h2>Wolfgang Münch/Kiyoshi Furukawa - Bubbles (2000)</h2> <h2>Wolfgang Münch/Kiyoshi Furukawa - Bubbles (2000)</h2>
<p class="prose-big">Bla bla</p> <p class="subtitle">Öl auf Hartfaserplatte, 109,5 x 109,5 cm</p>
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla <div style="text-align: justify;">
Bla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Nam distinctio voluptates quidem possimus unde quidem alias. Non nam qui molestias eveniet eos optio minus.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Esse magni hic et quae culpa. Autem harum aut sequi expedita a nisi.
Bla bla bla Bla bla bla Bla bla bla </p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Iusto fugit laborum eveniet tempore. Quia molestias neque ratione excepturi facere occaecati quam aut.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Et eum ducimus autem libero voluptas et quia cumque. Architecto sit iste enim voluptatem consequatur non omnis.
Fuga iusto odit id.
</p>
<p>
Quae qui natus tempore omnis consequatur fugit expedita id. Dignissimos molestiae dolores quasi.
Ducimus facere esse architecto ipsam qui illum autem nihil. Rerum ratione cum quod est corrupti vel.
Ipsum aliquam beatae perspiciatis veniam et modi et voluptatem. Fuga doloremque quia omnis accusamus
incidunt maxime.
</p>
<p>
Quia molestiae fugiat odit. Molestiae eius qui numquam. Quo sit odit voluptas inventore at.
</p>
<p>
Dolores voluptatem magnam repellat sed neque. Velit ea cum vitae animi ad quidem officiis et.
In ut eius exercitationem similique atque non sunt ab. Est delectus neque temporibus sint temporibus
quibusdam sed. Cum aspernatur omnis provident reiciendis sunt nemo autem et. Suscipit repellendus
voluptatem numquam recusandae et recusandae.
</p>
</div>
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
......
...@@ -38,15 +38,34 @@ ...@@ -38,15 +38,34 @@
<div class="description"> <div class="description">
<h2>Heinz Mack - Dynmaische Struktur (1958)</h2> <h2>Heinz Mack - Dynmaische Struktur (1958)</h2>
<p class="prose-big">Kunstharzfarben auf Nessel</p> <p class="subtitle">Kunstharzfarben auf Nessel</p>
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla <div style="text-align: justify;">
Bla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Nam distinctio voluptates quidem possimus unde quidem alias. Non nam qui molestias eveniet eos optio minus.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Esse magni hic et quae culpa. Autem harum aut sequi expedita a nisi.
Bla bla bla Bla bla bla Bla bla bla </p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Iusto fugit laborum eveniet tempore. Quia molestias neque ratione excepturi facere occaecati quam aut.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Et eum ducimus autem libero voluptas et quia cumque. Architecto sit iste enim voluptatem consequatur non omnis.
Fuga iusto odit id.
</p>
<p>
Quae qui natus tempore omnis consequatur fugit expedita id. Dignissimos molestiae dolores quasi.
Ducimus facere esse architecto ipsam qui illum autem nihil. Rerum ratione cum quod est corrupti vel.
Ipsum aliquam beatae perspiciatis veniam et modi et voluptatem. Fuga doloremque quia omnis accusamus
incidunt maxime.
</p>
<p>
Quia molestiae fugiat odit. Molestiae eius qui numquam. Quo sit odit voluptas inventore at.
</p>
<p>
Dolores voluptatem magnam repellat sed neque. Velit ea cum vitae animi ad quidem officiis et.
In ut eius exercitationem similique atque non sunt ab. Est delectus neque temporibus sint temporibus
quibusdam sed. Cum aspernatur omnis provident reiciendis sunt nemo autem et. Suscipit repellendus
voluptatem numquam recusandae et recusandae.
</p>
</div>
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
......
...@@ -38,15 +38,33 @@ ...@@ -38,15 +38,33 @@
<div class="description"> <div class="description">
<h2>Sebastian Vrancx - Überfall auf einen Geleitzug (1618)</h2> <h2>Sebastian Vrancx - Überfall auf einen Geleitzug (1618)</h2>
<p class="prose-big">Bla bla</p> <p class="subtitle">Öl auf Hartfaserplatte, 109,5 x 109,5 cm</p>
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla <div style="text-align: justify;">
Bla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Nam distinctio voluptates quidem possimus unde quidem alias. Non nam qui molestias eveniet eos optio minus.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Esse magni hic et quae culpa. Autem harum aut sequi expedita a nisi.
Bla bla bla Bla bla bla Bla bla bla </p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Iusto fugit laborum eveniet tempore. Quia molestias neque ratione excepturi facere occaecati quam aut.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Et eum ducimus autem libero voluptas et quia cumque. Architecto sit iste enim voluptatem consequatur non omnis.
Fuga iusto odit id.
</p>
<p>
Quae qui natus tempore omnis consequatur fugit expedita id. Dignissimos molestiae dolores quasi.
Ducimus facere esse architecto ipsam qui illum autem nihil. Rerum ratione cum quod est corrupti vel.
Ipsum aliquam beatae perspiciatis veniam et modi et voluptatem. Fuga doloremque quia omnis accusamus
incidunt maxime.
</p>
<p>
Quia molestiae fugiat odit. Molestiae eius qui numquam. Quo sit odit voluptas inventore at.
</p>
<p>
Dolores voluptatem magnam repellat sed neque. Velit ea cum vitae animi ad quidem officiis et.
In ut eius exercitationem similique atque non sunt ab. Est delectus neque temporibus sint temporibus
quibusdam sed. Cum aspernatur omnis provident reiciendis sunt nemo autem et. Suscipit repellendus
voluptatem numquam recusandae et recusandae.
</p>
</div>
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
......
...@@ -38,15 +38,33 @@ ...@@ -38,15 +38,33 @@
<div class="description"> <div class="description">
<h2>David Teniers d. J. - In der Schenke (1648), Abendessen in der Scheune (1634), Dorffest (1648)</h2> <h2>David Teniers d. J. - In der Schenke (1648), Abendessen in der Scheune (1634), Dorffest (1648)</h2>
<p class="prose-big">Bla bla</p> <p class="subtitle">Öl auf Hartfaserplatte, 109,5 x 109,5 cm</p>
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla <div style="text-align: justify;">
Bla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Nam distinctio voluptates quidem possimus unde quidem alias. Non nam qui molestias eveniet eos optio minus.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Esse magni hic et quae culpa. Autem harum aut sequi expedita a nisi.
Bla bla bla Bla bla bla Bla bla bla </p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Iusto fugit laborum eveniet tempore. Quia molestias neque ratione excepturi facere occaecati quam aut.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Et eum ducimus autem libero voluptas et quia cumque. Architecto sit iste enim voluptatem consequatur non omnis.
Fuga iusto odit id.
</p>
<p>
Quae qui natus tempore omnis consequatur fugit expedita id. Dignissimos molestiae dolores quasi.
Ducimus facere esse architecto ipsam qui illum autem nihil. Rerum ratione cum quod est corrupti vel.
Ipsum aliquam beatae perspiciatis veniam et modi et voluptatem. Fuga doloremque quia omnis accusamus
incidunt maxime.
</p>
<p>
Quia molestiae fugiat odit. Molestiae eius qui numquam. Quo sit odit voluptas inventore at.
</p>
<p>
Dolores voluptatem magnam repellat sed neque. Velit ea cum vitae animi ad quidem officiis et.
In ut eius exercitationem similique atque non sunt ab. Est delectus neque temporibus sint temporibus
quibusdam sed. Cum aspernatur omnis provident reiciendis sunt nemo autem et. Suscipit repellendus
voluptatem numquam recusandae et recusandae.
</p>
</div>
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
......
...@@ -38,15 +38,33 @@ ...@@ -38,15 +38,33 @@
<div class="description"> <div class="description">
<h2>Marijke van Warmerdam - Take a long break I, II (2006)</h2> <h2>Marijke van Warmerdam - Take a long break I, II (2006)</h2>
<p class="prose-big">Bla bla</p> <p class="subtitle">Öl auf Hartfaserplatte, 109,5 x 109,5 cm</p>
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla <div style="text-align: justify;">
Bla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Nam distinctio voluptates quidem possimus unde quidem alias. Non nam qui molestias eveniet eos optio minus.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Esse magni hic et quae culpa. Autem harum aut sequi expedita a nisi.
Bla bla bla Bla bla bla Bla bla bla </p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Iusto fugit laborum eveniet tempore. Quia molestias neque ratione excepturi facere occaecati quam aut.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Et eum ducimus autem libero voluptas et quia cumque. Architecto sit iste enim voluptatem consequatur non omnis.
Fuga iusto odit id.
</p>
<p>
Quae qui natus tempore omnis consequatur fugit expedita id. Dignissimos molestiae dolores quasi.
Ducimus facere esse architecto ipsam qui illum autem nihil. Rerum ratione cum quod est corrupti vel.
Ipsum aliquam beatae perspiciatis veniam et modi et voluptatem. Fuga doloremque quia omnis accusamus
incidunt maxime.
</p>
<p>
Quia molestiae fugiat odit. Molestiae eius qui numquam. Quo sit odit voluptas inventore at.
</p>
<p>
Dolores voluptatem magnam repellat sed neque. Velit ea cum vitae animi ad quidem officiis et.
In ut eius exercitationem similique atque non sunt ab. Est delectus neque temporibus sint temporibus
quibusdam sed. Cum aspernatur omnis provident reiciendis sunt nemo autem et. Suscipit repellendus
voluptatem numquam recusandae et recusandae.
</p>
</div>
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
......
...@@ -38,15 +38,33 @@ ...@@ -38,15 +38,33 @@
<div class="description"> <div class="description">
<h2>Max Beckmann - Großes Stillleben mit Kerzen und Spiegeln (1930)</h2> <h2>Max Beckmann - Großes Stillleben mit Kerzen und Spiegeln (1930)</h2>
<p class="prose-big">Bla bla</p> <p class="subtitle">Öl auf Hartfaserplatte, 109,5 x 109,5 cm</p>
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla <div style="text-align: justify;">
Bla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Nam distinctio voluptates quidem possimus unde quidem alias. Non nam qui molestias eveniet eos optio minus.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Esse magni hic et quae culpa. Autem harum aut sequi expedita a nisi.
Bla bla bla Bla bla bla Bla bla bla </p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Iusto fugit laborum eveniet tempore. Quia molestias neque ratione excepturi facere occaecati quam aut.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Et eum ducimus autem libero voluptas et quia cumque. Architecto sit iste enim voluptatem consequatur non omnis.
Fuga iusto odit id.
</p>
<p>
Quae qui natus tempore omnis consequatur fugit expedita id. Dignissimos molestiae dolores quasi.
Ducimus facere esse architecto ipsam qui illum autem nihil. Rerum ratione cum quod est corrupti vel.
Ipsum aliquam beatae perspiciatis veniam et modi et voluptatem. Fuga doloremque quia omnis accusamus
incidunt maxime.
</p>
<p>
Quia molestiae fugiat odit. Molestiae eius qui numquam. Quo sit odit voluptas inventore at.
</p>
<p>
Dolores voluptatem magnam repellat sed neque. Velit ea cum vitae animi ad quidem officiis et.
In ut eius exercitationem similique atque non sunt ab. Est delectus neque temporibus sint temporibus
quibusdam sed. Cum aspernatur omnis provident reiciendis sunt nemo autem et. Suscipit repellendus
voluptatem numquam recusandae et recusandae.
</p>
</div>
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
......
...@@ -38,15 +38,33 @@ ...@@ -38,15 +38,33 @@
<div class="description"> <div class="description">
<h2>Arnulf Rainer - Van Gogh als verkannter Hochstapler (1977), Van Gogh im schwarzen Schein (1977-79)</h2> <h2>Arnulf Rainer - Van Gogh als verkannter Hochstapler (1977), Van Gogh im schwarzen Schein (1977-79)</h2>
<p class="prose-big">Bla bla</p> <p class="subtitle">Öl auf Hartfaserplatte, 109,5 x 109,5 cm</p>
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla <div style="text-align: justify;">
Bla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Nam distinctio voluptates quidem possimus unde quidem alias. Non nam qui molestias eveniet eos optio minus.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Esse magni hic et quae culpa. Autem harum aut sequi expedita a nisi.
Bla bla bla Bla bla bla Bla bla bla </p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Iusto fugit laborum eveniet tempore. Quia molestias neque ratione excepturi facere occaecati quam aut.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Et eum ducimus autem libero voluptas et quia cumque. Architecto sit iste enim voluptatem consequatur non omnis.
Fuga iusto odit id.
</p>
<p>
Quae qui natus tempore omnis consequatur fugit expedita id. Dignissimos molestiae dolores quasi.
Ducimus facere esse architecto ipsam qui illum autem nihil. Rerum ratione cum quod est corrupti vel.
Ipsum aliquam beatae perspiciatis veniam et modi et voluptatem. Fuga doloremque quia omnis accusamus
incidunt maxime.
</p>
<p>
Quia molestiae fugiat odit. Molestiae eius qui numquam. Quo sit odit voluptas inventore at.
</p>
<p>
Dolores voluptatem magnam repellat sed neque. Velit ea cum vitae animi ad quidem officiis et.
In ut eius exercitationem similique atque non sunt ab. Est delectus neque temporibus sint temporibus
quibusdam sed. Cum aspernatur omnis provident reiciendis sunt nemo autem et. Suscipit repellendus
voluptatem numquam recusandae et recusandae.
</p>
</div>
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
......
...@@ -38,15 +38,33 @@ ...@@ -38,15 +38,33 @@
<div class="description"> <div class="description">
<h2>Matthias Grünewald - Die heilige Elisabeth von Thüringen, Heilige Märtyrerin (1511/12)</h2> <h2>Matthias Grünewald - Die heilige Elisabeth von Thüringen, Heilige Märtyrerin (1511/12)</h2>
<p class="prose-big">Bla bla</p> <p class="subtitle">Öl auf Hartfaserplatte, 109,5 x 109,5 cm</p>
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla <div style="text-align: justify;">
Bla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Nam distinctio voluptates quidem possimus unde quidem alias. Non nam qui molestias eveniet eos optio minus.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Esse magni hic et quae culpa. Autem harum aut sequi expedita a nisi.
Bla bla bla Bla bla bla Bla bla bla </p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Iusto fugit laborum eveniet tempore. Quia molestias neque ratione excepturi facere occaecati quam aut.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Et eum ducimus autem libero voluptas et quia cumque. Architecto sit iste enim voluptatem consequatur non omnis.
Fuga iusto odit id.
</p>
<p>
Quae qui natus tempore omnis consequatur fugit expedita id. Dignissimos molestiae dolores quasi.
Ducimus facere esse architecto ipsam qui illum autem nihil. Rerum ratione cum quod est corrupti vel.
Ipsum aliquam beatae perspiciatis veniam et modi et voluptatem. Fuga doloremque quia omnis accusamus
incidunt maxime.
</p>
<p>
Quia molestiae fugiat odit. Molestiae eius qui numquam. Quo sit odit voluptas inventore at.
</p>
<p>
Dolores voluptatem magnam repellat sed neque. Velit ea cum vitae animi ad quidem officiis et.
In ut eius exercitationem similique atque non sunt ab. Est delectus neque temporibus sint temporibus
quibusdam sed. Cum aspernatur omnis provident reiciendis sunt nemo autem et. Suscipit repellendus
voluptatem numquam recusandae et recusandae.
</p>
</div>
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
......
...@@ -38,15 +38,33 @@ ...@@ -38,15 +38,33 @@
<div class="description"> <div class="description">
<h2>Hans Baldung, gen. Grien - Markgraf Christoph I. von Baden mit seiner Familie in Anbetung vor der heiligen Anna Selbdritt (um 1510)</h2> <h2>Hans Baldung, gen. Grien - Markgraf Christoph I. von Baden mit seiner Familie in Anbetung vor der heiligen Anna Selbdritt (um 1510)</h2>
<p class="prose-big">Bla bla</p> <p class="subtitle">Öl auf Hartfaserplatte, 109,5 x 109,5 cm</p>
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla <div style="text-align: justify;">
Bla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Nam distinctio voluptates quidem possimus unde quidem alias. Non nam qui molestias eveniet eos optio minus.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Esse magni hic et quae culpa. Autem harum aut sequi expedita a nisi.
Bla bla bla Bla bla bla Bla bla bla </p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla <p>
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Iusto fugit laborum eveniet tempore. Quia molestias neque ratione excepturi facere occaecati quam aut.
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Et eum ducimus autem libero voluptas et quia cumque. Architecto sit iste enim voluptatem consequatur non omnis.
Fuga iusto odit id.
</p>
<p>
Quae qui natus tempore omnis consequatur fugit expedita id. Dignissimos molestiae dolores quasi.
Ducimus facere esse architecto ipsam qui illum autem nihil. Rerum ratione cum quod est corrupti vel.
Ipsum aliquam beatae perspiciatis veniam et modi et voluptatem. Fuga doloremque quia omnis accusamus
incidunt maxime.
</p>
<p>
Quia molestiae fugiat odit. Molestiae eius qui numquam. Quo sit odit voluptas inventore at.
</p>
<p>
Dolores voluptatem magnam repellat sed neque. Velit ea cum vitae animi ad quidem officiis et.
In ut eius exercitationem similique atque non sunt ab. Est delectus neque temporibus sint temporibus
quibusdam sed. Cum aspernatur omnis provident reiciendis sunt nemo autem et. Suscipit repellendus
voluptatem numquam recusandae et recusandae.
</p>
</div>
Bei dem Beitrag zu Hans Baldung Griens Markgrafentafel ist folgender Satzteil in der Videobeschreibung zu vermerken: Bei dem Beitrag zu Hans Baldung Griens Markgrafentafel ist folgender Satzteil in der Videobeschreibung zu vermerken:
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment