<!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: #1a1116;
      color: #e2e8f0;
      font-family: system-ui, -apple-system, sans-serif;
    }
    
    .book-description {
      max-width: 100%;
      margin: 0 auto;
      line-height: 1.6;
      padding: 2em;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .title {
      font-size: 2.8em;
      text-align: center;
      color: #a88bc9;
      margin-bottom: 0.3em;
      font-weight: 700;
      letter-spacing: 1px;
      text-shadow: 1px 1px 3px #000;
    }
    
    .subtitle {
      font-size: 1.4em;
      text-align: center;
      color: #8a67a8;
      margin-bottom: 2em;
      font-style: italic;
    }
    
    .intro-quote {
      font-size: 1.2em;
      color: #a88bc9;
      margin: 1.5em 0;
      font-weight: 500;
      font-style: italic;
      text-align: center;
      padding: 1.5em;
      border-top: 1px solid #5a3d5a;
      border-bottom: 1px solid #5a3d5a;
    }
    
    .main-text {
      margin-bottom: 2em;
      font-size: 1.1em;
      color: #e2e8f0;
    }
    
    .highlight {
      color: #a88bc9;
      font-weight: 500;
    }
    
    .quote-author {
      color: #8a67a8;
      font-size: 0.9em;
      margin-top: 0.5em;
      display: block;
      text-align: right;
    }
    
    .section {
      margin-bottom: 2.5em;
      padding-left: 1em;
      border-left: 3px solid #8a67a8;
    }
    
    .timeline-quote {
      background-color: #271b27;
      padding: 1.5em;
      border-radius: 4px;
      margin: 2em 0;
      position: relative;
      font-size: 1.1em;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }
    
    .timeline-quote:before {
      content: """;
      font-size: 4em;
      color: #a88bc9;
      position: absolute;
      left: 10px;
      top: -30px;
      opacity: 0.5;
    }
    
    .era-feature {
      display: flex;
      flex-direction: column;
      margin-bottom: 2em;
      background-color: #271b27;
      padding: 1.5em;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
      transition: transform 0.3s ease;
    }
    
    .era-feature:hover {
      transform: translateY(-5px);
    }
    
    .era-title {
      color: #a88bc9;
      font-size: 1.3em;
      margin-bottom: 0.8em;
      font-weight: 600;
      border-bottom: 1px solid #5a3d5a;
      padding-bottom: 0.3em;
    }
    
    .theme-section {
      background-color: #271b27;
      padding: 1.5em;
      border-radius: 8px;
      margin: 2em 0;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }
    
    .theme-title {
      color: #a88bc9;
      font-size: 1.3em;
      margin-bottom: 0.5em;
      font-weight: 600;
      border-bottom: 1px solid #5a3d5a;
      padding-bottom: 0.3em;
    }
    
    .feature-list {
      list-style-type: none;
      padding-left: 0;
    }
    
    .feature-list li {
      margin-bottom: 1.2em;
      padding-left: 1.5em;
      position: relative;
    }
    
    .feature-list li:before {
      content: "●";
      position: absolute;
      left: 0;
      color: #a88bc9;
    }
    
    .cta {
      background-color: #8a67a8;
      color: #1a1116;
      font-weight: 600;
      text-align: center;
      padding: 1em;
      margin: 2em 0;
      border-radius: 4px;
      font-size: 1.2em;
      transition: all 0.3s ease;
      cursor: pointer;
    }
    
    .cta:hover {
      background-color: #a88bc9;
      transform: translateY(-3px);
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    }
    
    .mantra {
      font-family: serif;
      font-size: 1.5em;
      font-weight: 700;
      color: #a88bc9;
      text-align: center;
      line-height: 1.8;
      margin: 2em 0;
    }
    
    .review {
      background-color: #271b27;
      padding: 1.5em;
      border-radius: 4px;
      margin: 1.5em 0;
      font-style: italic;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }
    
    /* Timeline layout */
    .timeline {
      display: flex;
      flex-direction: column;
      margin: 3em 0;
    }
    
    .timeline-item {
      display: flex;
      margin-bottom: 2em;
    }
    
    .timeline-year {
      flex: 0 0 100px;
      font-weight: 700;
      color: #a88bc9;
      font-size: 1.2em;
      padding-top: 0.5em;
    }
    
    .timeline-content {
      flex: 1;
      border-left: 3px solid #5a3d5a;
      padding-left: 2em;
      position: relative;
    }
    
    .timeline-content:before {
      content: "";
      position: absolute;
      width: 15px;
      height: 15px;
      background-color: #a88bc9;
      border-radius: 50%;
      left: -9px;
      top: 10px;
    }
    
    .themes-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      margin: 2em 0;
    }
    
    .theme-box {
      background-color: #271b27;
      border: 1px solid #5a3d5a;
      border-radius: 8px;
      padding: 1.5em;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
      height: 100%;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .theme-box:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
      border-color: #a88bc9;
    }
    
    .identity-section {
      background-color: #271b27;
      padding: 2em;
      border-radius: 8px;
      margin: 3em 0;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
      position: relative;
      overflow: hidden;
      border-left: 5px solid #a88bc9;
    }
    
    .identity-section:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 150px;
      height: 150px;
      background: radial-gradient(circle at top right, rgba(168, 139, 201, 0.2), transparent 70%);
      border-bottom-left-radius: 100%;
      z-index: 0;
    }
    
    .identity-section > * {
      position: relative;
      z-index: 1;
    }
    
    .dual-columns {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2em;
      margin: 2em 0;
    }
    
    .cover-photo {
      max-width: 100%;
      height: auto;
      border-radius: 8px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
      margin-bottom: 2em;
    }
    
    .book-header {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 3em;
    }
    
    @media screen and (min-width: 768px) {
      .book-header {
        flex-direction: row;
        gap: 3em;
      }
      
      .cover-container {
        flex: 0 0 35%;
      }
      
      .header-content {
        flex: 1;
      }
    }
    
    /* Mobile Responsiveness */
    @media screen and (max-width: 768px) {
      .book-description {
        padding: 1em;
        margin: 0;
        border-radius: 0;
      }
      
      .title {
        font-size: 2em;
      }
      
      .subtitle {
        font-size: 1.1em;
      }
      
      .themes-grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      
      .theme-box {
        width: 100%;
        margin-bottom: 10px;
      }
      
      .dual-columns {
        display: block;
      }
      
      .timeline-item {
        flex-direction: column;
      }
      
      .timeline-year {
        margin-bottom: 0.5em;
      }
      
      .timeline-content {
        padding-left: 1.5em;
      }
      
      .section {
        padding-left: 0.5em;
        border-left-width: 2px;
      }
      
      .mantra {
        font-size: 1.2em;
      }
      
      .feature-list li {
        padding-left: 1.2em;
      }
    }
    
    @media (max-width: 480px) {
      .book-description {
        padding: 1em;
      }
      
      .title {
        font-size: 1.8em;
      }
      
      .subtitle {
        font-size: 1em;
      }
      
      .main-text {
        font-size: 1em;
      }
      
      .timeline-quote {
        padding: 1em;
      }
      
      .timeline-quote:before {
        font-size: 3em;
        top: -20px;
      }
    }
  </style>
</head>
<body>
<div class="book-description">
  <div class="book-header">
    <div class="header-content">
      <h1 class="title">»EREMIT DES ABSURDEN«</h1>
      <p class="subtitle">Eine Geschichte über Identität, Überleben und die Suche nach Wahrheit in einer Welt des Schweigens</p>
      
      <div class="timeline-quote">
        "Das Absurde hat in unserer Zeit Karriere gemacht"
        <span class="quote-author">— Albert Camus</span>
      </div>
    </div>
  </div>
  
  <div class="mantra">
    Ein Leben zwischen den Welten<br>
    Eine Kindheit im Schatten des Krieges<br>
    Ein Kampf um die eigene Identität
  </div>
  
  <div class="section">
    <p class="main-text">
      In <span class="highlight">»Eremit des Absurden«</span> erzählt Chris Miler eine Geschichte, die erzählt werden muss. Mit schonungsloser Ehrlichkeit schildert er eine Kindheit im Nachkriegsdeutschland – ein Leben geprägt von Gewalt, Unterdrückung und der verzweifelten Suche nach einer Identität in einer Welt, die kein Verständnis für Anderssein kennt.
    </p>
  </div>
  
  <div class="section">
    <p class="main-text">
      Von einem Nazi-Soldaten gezeugt und in die Wirren der Nachkriegszeit hineingeboren, entfaltet sich das Leben eines sensiblen Kindes, das früh lernen muss, in einer Welt der Brutalität zu überleben. <span class="highlight">„Dieses Schweigen wurde quasi zur Routine und so begann auch in anderen Dingen des Lebens eine Sprachlosigkeit. Wir Kinder wuchsen in einer schweigenden, besser verschwiegenen Welt auf."</span>
    </p>
  </div>
  
  <h2 style="color: #a88bc9; margin-top: 2em; text-align: center;">EINE KINDHEIT IM NACHKRIEGSDEUTSCHLAND</h2>
  
  <div class="dual-columns">
    <div class="era-feature">
      <h3 class="era-title">Geburt im Schrecken des Krieges</h3>
      <p class="main-text">
        <span class="highlight">„Im Sommerurlaub des August 1941 von einem Sudetendeutschen Nazi-Soldaten der Luftwaffe kurz vor dem Russland-Feldzug mit einer deutsch/franz. Frau gezeugt, wurde ich im Mai 1942 geboren."</span> So beginnt die Geschichte eines Kindes, dessen erste Lebensjahre von Bombenangriffen, Fliegeralarm und dem allgegenwärtigen Tod geprägt sind.
      </p>
      <p class="main-text">
        <span class="highlight">„Ich habe in diesen 3 Jahren seit meiner Geburt bis 1945 als Kleinkind viele Tote gesehen, was in mir bleibende und bis heute immer wieder auftauchende, schreckliche Erinnerungen wachruft."</span>
      </p>
    </div>
    
    <div class="era-feature">
      <h3 class="era-title">Im Schatten eines gewalttätigen Vaters</h3>
      <p class="main-text">
        Ein Vater, der seine Frustrationen an seinem Kind auslässt. Schläge als tägliche Routine, Demütigungen als Normalität. <span class="highlight">„Er drosch so weit, dass ich mich in diese Ecke kauerte, um seinen Schlägen zu entgehen. Aber er schlug weiter, bis ich reglos in der Dachecke lag. Dann hörte er auf und ging weg."</span>
      </p>
      <p class="main-text">
        Ein Kind, das gezwungen wird, gefährliche Munition zu sammeln, das als Arbeitskraft missbraucht wird, und dessen kreative Schöpfungen vom Vater zerstört werden: <span class="highlight">„Ging raus, fand den Drachen und brach ihn kurz krümmel klein zusammen, samt Laufkatze und Segelflugzeuge. Ich fing fürchterlich an zu weinen. Ich war ein Kind, dem der Vater seine mühevoll gebastelten und geliebten Sachen zerbrach."</span>
      </p>
    </div>
  </div>
  
  <div class="dual-columns">
    <div class="era-feature">
      <h3 class="era-title">Gefangen im Internat</h3>
      <p class="main-text">
        Mit elf Jahren kommt der junge Erzähler in ein katholisches Internat – ein Ort, den er als persönliche Hölle beschreibt: <span class="highlight">„Es war der Alptraum und das Trauma meines Lebens, bis heute noch."</span> Zwei Jahre unter strengster Aufsicht, geprägt von Hunger, körperlicher Züchtigung und emotionaler Kälte.
      </p>
      <p class="main-text">
        <span class="highlight">„An den 2 Stunden Ausgang am Samstagnachmittag von 2 bis 4 Uhr im Ort hing ich weinend am Telefon des örtlichen Postamts in einem ER-Gespräch mit meiner Mutter und Großmutter flehend: 'Holt mich hier raus.'"</span>
      </p>
    </div>
    
    <div class="era-feature">
      <h3 class="era-title">Die Flucht in die Wissenschaft</h3>
      <p class="main-text">
        Für ein Kind, das überall Ablehnung erfährt, wird die Astronomie zur Rettung. Während andere Kinder spielen, erforscht er den Nachthimmel, baut Teleskope und Theodoliten, verschlingt wissenschaftliche Literatur. <span class="highlight">„Stundenlang saß ich bei astronomischen Rechnungen. Zwischenzeitlich hatte ich mir diesbezügliche Bücher gekauft. Ich berechnete Sonnen-Mond-Auf-und Untergänge, die Planetenstellungen am Himmel..."</span>
      </p>
      <p class="main-text">
        In einer Welt, die ihn nicht versteht, findet er in den Sternen und der Technik einen Zufluchtsort: <span class="highlight">„Ich ahnte noch nicht, dass dies bestimmend für mein Leben und meinen Beruf würde."</span>
      </p>
    </div>
  </div>
  
  <div class="identity-section">
    <h2 style="color: #a88bc9; margin-top: 0;">GEFANGEN IM FALSCHEN KÖRPER</h2>
    
    <p class="main-text">
      Inmitten all dieser äußeren Kämpfe tobt ein innerer Krieg, der noch viel schmerzhafter ist. Schon früh spürt der Erzähler, dass etwas nicht stimmt, dass sein Körper und sein Geist nicht zueinander passen. <span class="highlight">„Ich empfand mich in Bezug auf die beiden Geschlechter eher neutral, im Kopf jedoch geisterte mir ständig herum, dass ich eigentlich ein Mädchen bin, also ein Mädchen in einem Jungen-Körper."</span>
    </p>
    
    <p class="main-text">
      In einer Zeit, als es für dieses Gefühl noch nicht einmal Worte gab, als Transgender-Identität ein völlig unbekanntes Konzept war, kämpft der junge Mensch mit Empfindungen, die niemand verstehen würde – am wenigsten er selbst. <span class="highlight">„Wie sollte das geschehen, innerlich ein Mädchen und äußerlich ein Junge. Unmöglich. Absurd."</span>
    </p>
    
    <p class="main-text">
      Diese tiefgreifende Geschlechtsdysphorie wird zu einer weiteren Schicht von Isolation und Schmerz in einem bereits von Trauma geprägten Leben. Eine Identitätskrise, für die es in den 50er und 60er Jahren keine Sprache, keine Hilfe und keine Möglichkeit der Auflösung gab.
    </p>
  </div>
  
  <h2 style="color: #a88bc9; margin-top: 2em; text-align: center;">DIE GROSSEN THEMEN</h2>
  
  <div class="themes-grid">
    <div class="theme-box">
      <p class="theme-title">Das kollektive Schweigen</p>
      <p class="main-text">
        Eine ganze Generation, die unter dem Gewicht unausgesprochener Schuld und Trauma erstickt. Eltern, die über ihre Vergangenheit schweigen, eine Nation, die ihre Verbrechen verdrängt, und Kinder, die in dieser erstickenden Atmosphäre aufwachsen müssen. <span class="highlight">„Bis auf heftige Auseinandersetzungen mit meinem Vater über seine Vergangenheit im 3. Reich gelang es weder mir noch irgendjemandem aus der engeren und weiteren Familie, ihn zur Offenheit zu bewegen."</span>
      </p>
    </div>
    
    <div class="theme-box">
      <p class="theme-title">Missbrauchte Kindheit</p>
      <p class="main-text">
        Die systematische Gewalt gegen Kinder in Familie, Schule und Kirche. Eine erschütternde Anklage gegen eine Gesellschaft, die wegschaute und mitmachte. <span class="highlight">„Man muss wissen, dass am Abend vor dem Zubettgehen die gesamte Unter- und Oberwäsche akkurat gefaltet auf einem Schemel neben dem Bett abgelegt werden musste. Eine typische Männerart, den Tages-Schweiß schön während der Nacht in den Falten der Klamotten zu konservieren."</span>
      </p>
    </div>
    
    <div class="theme-box">
      <p class="theme-title">Die Suche nach Identität</p>
      <p class="main-text">
        Ein Kind, das früh spürt, dass es anders ist – in seinem Denken, seinen Interessen, und am tiefgreifendsten: in seinem Geschlecht. Der schmerzhafte Prozess, sich selbst zu verstehen in einer Welt, die keine Worte dafür hat. <span class="highlight">„Es war dasselbe komische Gefühl, dass ich schon als Kind zwischen 6 und 10 Jahren hatte. Auch schien die Pubertät hier keinen Wechsel zu bewirken."</span>
      </p>
    </div>
    
    <div class="theme-box">
      <p class="theme-title">Flucht in die Wissenschaft</p>
      <p class="main-text">
        Wie ein Kind in Astronomie, Technik und Basteln Zuflucht vor einer feindlichen Welt findet. Die Sterne als Zufluchtsort, die Wissenschaft als Rettung. <span class="highlight">„Stundenlang saß ich bei astronomischen Rechnungen. Zwischenzeitlich hatte ich mir diesbezügliche Bücher gekauft. Ich berechnete Sonnen-Mond-Auf-und Untergänge, die Planetenstellungen am Himmel... "</span>
      </p>
    </div>
  </div>
  
  <div class="section">
    <p class="main-text">
      <span class="highlight">»Eremit des Absurden«</span> ist mehr als eine Autobiografie. Es ist ein schonungsloses Zeitdokument, das die dunklen Seiten einer Nation offenlegt, die sich nach dem Krieg in Schweigen hüllte. Es ist ein Plädoyer für die Anerkennung von Identität jenseits gesellschaftlicher Normen. Und es ist die Geschichte eines Menschen, der trotz aller Widrigkeiten seinen Weg fand.
    </p>
  </div>
  
  <h2 style="color: #a88bc9; margin-top: 2em;">WARUM DIESES BUCH LESEN?</h2>
  
  <ul class="feature-list">
    <li>
      <strong class="highlight">Historische Dimension:</strong> Ein einzigartiger Blick auf die Nachkriegszeit aus der Perspektive eines Kindes, das die Folgen des Krieges und des kollektiven Traumas der Nation am eigenen Leib erlebt hat.
    </li>
    <li>
      <strong class="highlight">Transgender-Geschichte:</strong> Ein frühes und außergewöhnliches Dokument eines Transgender-Lebens in einer Zeit, als es dafür noch nicht einmal einen Namen gab.
    </li>
    <li>
      <strong class="highlight">Kirchenkritik:</strong> Eine erschütternde Darstellung des Missbrauchs in katholischen Einrichtungen, lange bevor dieses Thema in den Fokus der Öffentlichkeit geriet.
    </li>
    <li>
      <strong class="highlight">Emotionale Tiefe:</strong> Mit schonungsloser Ehrlichkeit und erschütternden Details zeichnet der Autor ein Bild einer traumatisierten Kindheit, das unter die Haut geht.
    </li>
    <li>
      <strong class="highlight">Literarische Kraft:</strong> Trotz aller Schwere besticht das Buch durch sprachliche Präzision, eindringliche Bilder und einen Blick für das Absurde im menschlichen Dasein.
    </li>
  </ul>
  
  <div class="timeline-quote">
    "Die Mädchen waren in diesem Alter sehr viel reifer als die Jungen, was ja allgemein bekannt ist. Ich machte im kommenden Jahr nochmals einen Tanzkurs, bei dem ich die Rest-Tänze lernte. Am liebsten tanzte ich Rock and Roll und Charleston. Die klassischen Tänze liebte ich nicht."
  </div>
  
  <div class="cta">
    JETZT LESEN UND EINTAUCHEN IN EINE VERGANGENE WELT
  </div>
  
  <div class="section">
    <p class="main-text" style="text-align: center; font-style: italic; color: #8a67a8;">
      "Diesem Schweigen habe ich mit der Schilderung meines Lebens hier endlich ein Ende gesetzt." — Chris Miler, Pinsac/Frankreich, 11.8.2024
    </p>
  </div>
</div>
</body>
</html>

Eremit des Absurden

Eine Biographie über Identität, Überleben und die Suche nach Wahrheit in einer Welt des Schweigens

Eremit des Absurden

Eine Biographie über Identität, Überleben und die Suche nach Wahrheit in einer Welt des Schweigens

Jetzt vorbestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch