<!DOCTYPE html>
<html lang="de">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
    body {
      margin: 0;
      padding: 0;
      background-color: #f6f5f0;
      font-family: system-ui, -apple-system, sans-serif;
    }
    
    .book-description {
      max-width: 100%;
      margin: 0 auto;
      font-family: system-ui, -apple-system, sans-serif;
      line-height: 1.6;
      color: #3a3a3a;
      background-color: #f6f5f0;
      padding: 2em;
      border-radius: 8px;
    }
    
    .title {
      font-size: 3em;
      text-align: center;
      color: #3f7d78;
      margin-bottom: 0.2em;
      font-weight: 700;
      letter-spacing: 1px;
    }
    
    .subtitle {
      font-size: 1.4em;
      text-align: center;
      color: #ce6348;
      margin-bottom: 2em;
      font-weight: 500;
    }
    
    .intro-quote {
      font-size: 1.3em;
      color: #3f7d78;
      margin: 2em 0;
      font-weight: 500;
      font-style: italic;
      text-align: center;
      padding: 1.5em;
      border-top: 2px solid #d9d4c5;
      border-bottom: 2px solid #d9d4c5;
      background-color: #ffffff;
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    }
    
    .main-text {
      margin-bottom: 1.5em;
      font-size: 1.1em;
      color: #3a3a3a;
    }
    
    .highlight {
      color: #ce6348;
      font-weight: 600;
    }
    
    .section {
      margin-bottom: 2.5em;
      padding: 2em;
      background-color: #ffffff;
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    }
    
    .section-title {
      color: #3f7d78;
      font-size: 1.5em;
      margin-bottom: 1em;
      padding-bottom: 0.5em;
      border-bottom: 2px solid #f0ece1;
    }
    
    .character-quote {
      background-color: #f0ece1;
      padding: 1.8em;
      border-radius: 8px;
      margin: 2em 0;
      position: relative;
      font-size: 1.2em;
      color: #3a3a3a;
      text-align: center;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    }
    
    .character-quote:before {
      content: """;
      font-size: 4em;
      color: #ce6348;
      position: absolute;
      left: 10px;
      top: -30px;
      opacity: 0.5;
    }
    
    .feature-list {
      list-style-type: none;
      padding-left: 0;
    }
    
    .feature-list li {
      margin-bottom: 1.2em;
      padding-left: 1.8em;
      position: relative;
    }
    
    .feature-list li:before {
      content: "❤";
      position: absolute;
      left: 0;
      color: #ce6348;
    }
    
    .cta {
      background-color: #3f7d78;
      color: #ffffff;
      font-weight: 600;
      text-align: center;
      padding: 1.2em;
      margin: 2em 0;
      border-radius: 8px;
      font-size: 1.2em;
      transition: all 0.3s ease;
      cursor: pointer;
    }
    
    .cta:hover {
      background-color: #ce6348;
      transform: translateY(-3px);
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    }
    
    .dual-section {
      display: flex;
      gap: 20px;
      margin-bottom: 2em;
    }
    
    .dual-column {
      flex: 1;
      background-color: #ffffff;
      padding: 1.5em;
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    }
    
    .column-title {
      color: #3f7d78;
      font-size: 1.3em;
      margin-bottom: 0.8em;
      padding-bottom: 0.5em;
      border-bottom: 2px solid #f0ece1;
    }
    
    .highlight-box {
      background-color: #f0ece1;
      padding: 1.5em;
      border-radius: 8px;
      margin: 2em 0;
      border-left: 4px solid #ce6348;
    }
    
    .highlight-title {
      color: #ce6348;
      font-size: 1.2em;
      margin-bottom: 0.8em;
    }
    
    .candle-icon {
      display: block;
      margin: 2em auto;
      width: 60px;
      height: 60px;
      opacity: 0.6;
    }
    
    .banner {
      background-color: #3f7d78;
      color: white;
      padding: 1.5em;
      text-align: center;
      margin: 2em 0;
      border-radius: 8px;
      font-size: 1.3em;
      font-weight: 600;
    }
    
    .quote-author {
      display: block;
      text-align: right;
      margin-top: 1em;
      font-weight: 600;
      font-style: normal;
      color: #ce6348;
    }
    
    .image-box {
      background-color: #ffffff;
      padding: 1em;
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
      margin: 2em 0;
      text-align: center;
    }
    
    .image-box img {
      max-width: 100%;
      border-radius: 4px;
    }
    
    .image-caption {
      margin-top: 1em;
      font-style: italic;
      color: #666;
    }
    
    @media screen and (max-width: 768px) {
      .book-description {
        padding: 1em;
      }
      
      .dual-section {
        flex-direction: column;
      }
      
      .title {
        font-size: 2em;
      }
      
      .section, .dual-column {
        padding: 1.2em;
      }
    }
</style>
</head>
<body>
<div class="book-description">
  <h1 class="title">»Tom und der Tod«</h1>
  <p class="subtitle">Eine berührende Geschichte über Abschied, Freundschaft und die Kraft der Erinnerung</p>
  
  <div class="intro-quote">
    „Sein Licht ist erloschen", sagt der Tod leise.<br>
    „Sein Licht ist erloschen?", flüstert Tom.<br>
    <span class="quote-author">— Aus »Tom und der Tod«</span>
  </div>
  
  <div class="section">
    <h2 class="section-title">Wenn Kinder dem Tod begegnen</h2>
    <p class="main-text">
      Was geschieht, wenn ein Kind mit Verlust konfrontiert wird? Wenn plötzlich der geliebte Opa nicht mehr da ist? In <span class="highlight">»Tom und der Tod«</span> begegnet der kleine Tom einer ungewöhnlichen Gestalt: dem Tod selbst. Doch statt beängstigend oder bedrohlich zu sein, eröffnet diese Begegnung für Tom eine Möglichkeit, seinen Kummer zu verarbeiten und Frieden zu finden.
    </p>
    <p class="main-text">
      Mit feinfühligen Illustrationen und behutsam gewählten Worten gelingt es Annina Weiß, eines der schwierigsten Themen überhaupt kindgerecht und tröstlich zu vermitteln: den Umgang mit Tod und Trauer. Eine Geschichte, die Kindern und Erwachsenen gleichermaßen hilft, Verlust zu verstehen und Trost zu finden.
    </p>
  </div>
  
  <div class="character-quote">
    „Freue Dich, dass Du all diese schönen Erlebnisse und Erinnerungen mit ihm hast. Freue Dich über jeden schönen Moment, den Du hast, dann ist er immer da."<br><br>
    „Wo denn?", fragt Tom.<br><br>
    „Hier!", sagt der Tod und deutet auf die Stelle, an der Toms Herz schlägt.
  </div>
  
  <div class="dual-section">
    <div class="dual-column">
      <h3 class="column-title">Eine Geschichte der Hoffnung</h3>
      <p class="main-text">
        Tom kann keine Wolkenbilder mehr sehen, seit sein Opa verstorben ist. Ihr gemeinsamer Lieblingsort scheint seine Magie verloren zu haben. Doch dann begegnet er dort einer seltsamen Gestalt mit einem Tierschädel als Kopf, die tatsächlich schwebt: dem Tod.
      </p>
      <p class="main-text">
        Was zunächst wie eine erschreckende Begegnung wirkt, entwickelt sich zu einem tiefsinnigen Gespräch. Der Tod erklärt Tom, dass jedes Leben wie eine Kerze in der „Halle der Lichter" brennt und irgendwann erlischt. Seine Aufgabe ist es, die Menschen auf ihrem letzten Weg zu begleiten, damit niemand allein sein muss.
      </p>
      <p class="main-text">
        Und während Tom seine Trauer mit dem Tod teilt, findet er nicht nur Verständnis, sondern auch einen unerwarteten Freund.
      </p>
    </div>
    
    <div class="dual-column">
      <h3 class="column-title">Einfühlsam illustriert</h3>
      <p class="main-text">
        Annina Weiß gelingt mit ihren zarten, feinfühligen Illustrationen ein Balanceakt: Sie stellt den Tod dar, ohne ihn beängstigend wirken zu lassen. Mit sanften Farben und weichen Linien erschafft sie eine Atmosphäre, die trotz des schweren Themas Geborgenheit vermittelt.
      </p>
      <p class="main-text">
        Besonders die Darstellung des Todes als freundliche, einsame Gestalt in einem zotteligen Mantel, die vor allem eines braucht – einen Freund – berührt Kinder wie Erwachsene gleichermaßen.
      </p>
      <p class="main-text">
        Die symbolträchtigen Bilder der „Halle der Lichter" mit ihren unzähligen, einzigartigen Kerzen und des „großen Tors" bieten Kindern anschauliche Bilder, die ihnen helfen, das Unbegreifliche zu verstehen.
      </p>
    </div>
  </div>
  
  <div class="highlight-box">
    <h3 class="highlight-title">Für Kinder, die Fragen haben</h3>
    <p class="main-text">
      Kinder stellen Fragen. Auch über den Tod. Oft fällt es Erwachsenen schwer, darauf altersgerechte Antworten zu finden. »Tom und der Tod« bietet eine wertvolle Gesprächsgrundlage für Familien, Pädagogen und alle, die Kinder durch Trauerprozesse begleiten.
    </p>
    <p class="main-text">
      Die berührende Geschichte eröffnet einen Raum, in dem Kinder ihre eigenen Gedanken und Gefühle zu diesem bedeutsamen Thema erforschen können, ohne überwältigt zu werden.
    </p>
  </div>
  
  <svg class="candle-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ce6348">
    <path d="M12 2C8.7 2 6 4.7 6 8c0 2.4 1.4 4.5 3 6v8h6v-8c1.6-1.5 3-3.6 3-6 0-3.3-2.7-6-6-6zm0 10c-.8 0-2.5-2.7-2.5-4.5C9.5 6.7 10.7 6 12 6s2.5.7 2.5 1.5c0 1.8-1.7 4.5-2.5 4.5z"/>
  </svg>
  
  <div class="banner">
    Ein Bilderbuch, das Kindern hilft, das schwierigste aller Themen zu verstehen
  </div>
  
  <div class="section">
    <h2 class="section-title">Warum dieses Buch besonders ist</h2>
    <ul class="feature-list">
      <li>
        <strong class="highlight">Sensibel und tröstlich:</strong> Der Tod wird nicht als beängstigende, sondern als verständnisvolle Figur dargestellt, die selbst nach Freundschaft sucht
      </li>
      <li>
        <strong class="highlight">Bildhafte Metaphern:</strong> Die „Halle der Lichter" und das „große Tor" bieten Kindern greifbare Bilder, die das Abstrakte begreifbar machen
      </li>
      <li>
        <strong class="highlight">Hoffnungsvolle Botschaft:</strong> Erinnerungen bleiben im Herzen lebendig, und Trauer darf sein – ebenso wie Freude über die schönen gemeinsamen Momente
      </li>
      <li>
        <strong class="highlight">Überraschende Wendung:</strong> Die unerwartete Freundschaft zwischen Tom und dem Tod zeigt Kindern, dass selbst aus schwierigen Situationen etwas Wertvolles entstehen kann
      </li>
      <li>
        <strong class="highlight">Gemeinsames Lesen verbindet:</strong> Das Buch schafft Gesprächsanlässe zwischen Kindern und Erwachsenen zu einem Thema, das oft tabuisiert wird
      </li>
    </ul>
  </div>
  
  <div class="character-quote">
    „Ich? Ich bin der Tod."<br><br>
    Einen Moment erstarrte Tom, dann platzte es aus ihm heraus:<br><br>
    „Du sitzt auf Opas Platz und du hast ihn mir weggenommen!"
  </div>
  
  <div class="section">
    <h2 class="section-title">Für wen ist dieses Buch gedacht?</h2>
    <div class="dual-section">
      <div class="dual-column">
        <h3 class="column-title">Für Kinder</h3>
        <p class="main-text">
          • Im Vorschul- und frühen Grundschulalter<br>
          • Die Fragen zum Tod und Sterben haben<br>
          • Die einen Verlust erlebt haben<br>
          • Die lernen möchten, dass Erinnerungen weiterleben<br>
          • Die verstehen wollen, dass Trauer und neue Freude nebeneinander existieren können
        </p>
      </div>
      
      <div class="dual-column">
        <h3 class="column-title">Für Erwachsene</h3>
        <p class="main-text">
          • Eltern und Großeltern<br>
          • Pädagogen in Kitas und Grundschulen<br>
          • Trauerbegleiter und Therapeuten<br>
          • Menschen, die einen kindgerechten Zugang zum Thema Tod suchen<br>
          • Alle, die Kindern helfen möchten, Verlust zu verarbeiten
        </p>
      </div>
    </div>
  </div>
  
  <div class="highlight-box">
    <h3 class="highlight-title">Das sagen unsere Testleser</h3>
    <p class="main-text" style="font-style: italic;">
      „Als Kita-Erzieherin habe ich schon viele Bilderbücher zum Thema Tod gesehen, aber selten eines, das so behutsam und gleichzeitig hoffnungsvoll mit dem Thema umgeht. Die Kinder in meiner Gruppe waren fasziniert von der Darstellung des Todes und haben sofort verstanden, dass sie keine Angst vor ihm haben müssen."
      <span class="quote-author">— Sonja M., Erzieherin</span>
    </p>
    
    <p class="main-text" style="font-style: italic;">
      „Nach dem Tod ihrer Großmutter hatte meine Tochter viele Fragen, auf die ich keine passenden Antworten fand. Dieses Buch hat uns geholfen, ins Gespräch zu kommen und ihrer Trauer Raum zu geben. Besonders die Idee, dass die Erinnerungen im Herzen weiterleben, hat ihr Trost gespendet."
      <span class="quote-author">— Michael K., Vater einer 6-Jährigen</span>
    </p>
  </div>
  
  <div class="cta">
    ENTDECKE »TOM UND DER TOD« JETZT
  </div>
  
  <div class="section">
    <p class="main-text" style="text-align: center; color: #3f7d78; font-size: 1.2em; font-weight: 500;">
      Manchmal sind es gerade die unerwarteten Begegnungen, die uns lehren, das Leben in all seinen Facetten zu schätzen.
    </p>
  </div>
</div>
</body>
</html>

Tom und der Tod

Eine berührende Geschichte über Abschied, Freundschaft und die Kraft der Erinnerung

Tom und der Tod

Eine berührende Geschichte über Abschied, Freundschaft und die Kraft der Erinnerung

Jetzt vorbestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch