150 lines
3.9 KiB
Vue
150 lines
3.9 KiB
Vue
|
<template>
|
|||
|
<div class="ein-orden-fr-eine-gute-tat-container">
|
|||
|
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
|
|||
|
<h1 class="ein-orden-fr-eine-gute-tat-heading site-title">
|
|||
|
<span>Ein Orden für eine gute Tat</span>
|
|||
|
<br />
|
|||
|
</h1>
|
|||
|
<span class="ein-orden-fr-eine-gute-tat-caption">
|
|||
|
<span>Eine moralische Kurzgeschichte für Kinder</span>
|
|||
|
<br />
|
|||
|
</span>
|
|||
|
<div class="ein-orden-fr-eine-gute-tat-beschreibung round-borders">
|
|||
|
<span class="ein-orden-fr-eine-gute-tat-text04">
|
|||
|
<span class="ein-orden-fr-eine-gute-tat-text05">
|
|||
|
Ein brauner Schneehase besucht ein ein Rothörnchen und ein Grauhörnchen
|
|||
|
im vom Herbst bunt gefärbten Wald. Er hat einen Orden, den er für eine
|
|||
|
gute Tat vergeben möchte. Doch welches Hörnchen schafft es, diesen zu
|
|||
|
bekommen?
|
|||
|
</span>
|
|||
|
<br class="ein-orden-fr-eine-gute-tat-text06" />
|
|||
|
<br class="ein-orden-fr-eine-gute-tat-text07" />
|
|||
|
<span class="ein-orden-fr-eine-gute-tat-text08">
|
|||
|
Diese Kurzgeschichte für Kinder und Eltern stellt spielerisch eine
|
|||
|
moralische Frage dar, dessen Antwort das Elternteil oder das Kind selbst
|
|||
|
finden muss. Es soll das Kind unterhalten und zugleich mit einer
|
|||
|
einfachen aber doch spannenden Fragestellung bilden.
|
|||
|
</span>
|
|||
|
<br />
|
|||
|
<br />
|
|||
|
<span> · 28 Seiten</span>
|
|||
|
<br />
|
|||
|
<span> · 14 Illustrationen</span>
|
|||
|
<br />
|
|||
|
</span>
|
|||
|
<img
|
|||
|
alt="image"
|
|||
|
src="/playground_assets/buch-vorderseite-schrift-1400w.png"
|
|||
|
class="ein-orden-fr-eine-gute-tat-image"
|
|||
|
/>
|
|||
|
</div>
|
|||
|
<app-kontakt rootClassName="kontakt-root-class-name4"></app-kontakt>
|
|||
|
</div>
|
|||
|
</template>
|
|||
|
|
|||
|
<script>
|
|||
|
import AppNavigation from '../components/navigation'
|
|||
|
import AppKontakt from '../components/kontakt'
|
|||
|
|
|||
|
export default {
|
|||
|
name: 'EinOrdenFrEineGuteTat',
|
|||
|
components: {
|
|||
|
AppNavigation,
|
|||
|
AppKontakt,
|
|||
|
},
|
|||
|
metaInfo: {
|
|||
|
title: 'Ein-Orden-fr-eine-gute-Tat - Open Visor',
|
|||
|
meta: [
|
|||
|
{
|
|||
|
property: 'og:title',
|
|||
|
content: 'Ein-Orden-fr-eine-gute-Tat - Open Visor',
|
|||
|
},
|
|||
|
],
|
|||
|
},
|
|||
|
}
|
|||
|
</script>
|
|||
|
|
|||
|
<style scoped>
|
|||
|
.ein-orden-fr-eine-gute-tat-container {
|
|||
|
width: 100%;
|
|||
|
display: flex;
|
|||
|
overflow: auto;
|
|||
|
min-height: 100vh;
|
|||
|
overflow-x: hidden;
|
|||
|
align-items: center;
|
|||
|
flex-direction: column;
|
|||
|
background-size: cover;
|
|||
|
background-image: url("/playground_assets/forest-background-luca-dross-1500w.jpg");
|
|||
|
}
|
|||
|
.ein-orden-fr-eine-gute-tat-heading {
|
|||
|
color: rgb(255, 255, 255);
|
|||
|
font-size: 64px;
|
|||
|
font-style: normal;
|
|||
|
font-family: Poppins;
|
|||
|
font-weight: 600;
|
|||
|
}
|
|||
|
.ein-orden-fr-eine-gute-tat-caption {
|
|||
|
color: rgb(255, 255, 255);
|
|||
|
font-size: 20px;
|
|||
|
font-family: Poppins;
|
|||
|
line-height: 30px;
|
|||
|
}
|
|||
|
.ein-orden-fr-eine-gute-tat-beschreibung {
|
|||
|
width: 90%;
|
|||
|
max-width: 1080px;
|
|||
|
}
|
|||
|
.ein-orden-fr-eine-gute-tat-text04 {
|
|||
|
color: rgb(255, 255, 255);
|
|||
|
}
|
|||
|
.ein-orden-fr-eine-gute-tat-text05 {
|
|||
|
font-style: italic;
|
|||
|
}
|
|||
|
.ein-orden-fr-eine-gute-tat-text06 {
|
|||
|
font-style: italic;
|
|||
|
}
|
|||
|
.ein-orden-fr-eine-gute-tat-text07 {
|
|||
|
font-style: italic;
|
|||
|
}
|
|||
|
.ein-orden-fr-eine-gute-tat-text08 {
|
|||
|
font-style: italic;
|
|||
|
}
|
|||
|
.ein-orden-fr-eine-gute-tat-image {
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
margin-top: var(--dl-space-space-twounits);
|
|||
|
object-fit: cover;
|
|||
|
}
|
|||
|
@media(max-width: 991px) {
|
|||
|
.ein-orden-fr-eine-gute-tat-heading {
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
.ein-orden-fr-eine-gute-tat-caption {
|
|||
|
text-align: left;
|
|||
|
}
|
|||
|
.ein-orden-fr-eine-gute-tat-beschreibung {
|
|||
|
width: 90%;
|
|||
|
}
|
|||
|
}
|
|||
|
@media(max-width: 767px) {
|
|||
|
.ein-orden-fr-eine-gute-tat-heading {
|
|||
|
width: 70%;
|
|||
|
font-size: 40px;
|
|||
|
}
|
|||
|
.ein-orden-fr-eine-gute-tat-caption {
|
|||
|
color: rgb(255, 255, 255);
|
|||
|
font-size: 16px;
|
|||
|
font-family: Poppins;
|
|||
|
line-height: 24px;
|
|||
|
}
|
|||
|
.ein-orden-fr-eine-gute-tat-text04 {
|
|||
|
width: auto;
|
|||
|
}
|
|||
|
}
|
|||
|
@media(max-width: 479px) {
|
|||
|
.ein-orden-fr-eine-gute-tat-heading {
|
|||
|
max-width: 70%;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
}
|
|||
|
</style>
|