<!DOCTYPE html>
<html lang="de">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
    .book-description {
      max-width: 100%;
      margin: 0 auto;
      font-family: system-ui, -apple-system, sans-serif;
      line-height: 1.6;
      color: #2c3e50;
      background: linear-gradient(135deg, #e74c3c 0%, #f39c12 50%, #3498db 100%);
      padding: 2em;
      border-radius: 0;
      position: relative;
      overflow: hidden;
    }
    
    .book-description::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M0,100 Q250,50 500,100 T1000,100 L1000,0 L0,0 Z" fill="rgba(255,255,255,0.1)"/><path d="M0,200 Q250,150 500,200 T1000,200 L1000,100 L0,100 Z" fill="rgba(255,255,255,0.05)"/></svg>') no-repeat center/cover;
      opacity: 0.3;
      z-index: 0;
    }
    
    .content-wrapper {
      position: relative;
      z-index: 1;
      background: rgba(255, 255, 255, 0.95);
      border-radius: 12px;
      padding: 2em;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    }
    
    .title {
      font-size: 3.5em;
      text-align: center;
      background: linear-gradient(45deg, #e74c3c, #c0392b);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 0.3em;
      font-weight: 900;
      letter-spacing: 2px;
      text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
      text-transform: uppercase;
    }
    
    .subtitle {
      font-size: 1.8em;
      text-align: center;
      color: #34495e;
      margin-bottom: 2em;
      font-weight: 500;
      font-style: italic;
    }
    
    .hero-quote {
      font-size: 1.4em;
      color: #e74c3c;
      margin-bottom: 2em;
      font-weight: 600;
      font-style: italic;
      text-align: center;
      padding: 1.5em;
      background: linear-gradient(135deg, #fff5f5, #ffeaa7);
      border-left: 5px solid #e74c3c;
      border-radius: 8px;
      position: relative;
    }
    
    .hero-quote::before {
      content: "🏍️";
      position: absolute;
      top: -15px;
      right: 20px;
      font-size: 2em;
      filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.2));
    }
    
    .main-text {
      margin-bottom: 1.5em;
      font-size: 1.1em;
      color: #2c3e50;
      text-align: justify;
    }
    
    .highlight {
      color: #e74c3c;
      font-weight: 700;
      background: linear-gradient(120deg, transparent 0%, rgba(231, 76, 60, 0.1) 0%);
    }
    
    .quote-author {
      color: #e74c3c;
      font-size: 1em;
      margin-top: 1em;
      display: block;
      text-align: right;
      font-weight: 600;
    }
    
    .section {
      margin-bottom: 2.5em;
      padding: 1.5em;
      background: rgba(116, 185, 255, 0.05);
      border-radius: 8px;
      border-left: 4px solid #f39c12;
    }
    
    .journey-quote {
      background: linear-gradient(135deg, #f39c12, #e67e22);
      padding: 2em;
      border-radius: 12px;
      margin: 2em 0;
      color: white;
      font-size: 1.2em;
      font-weight: 500;
      text-align: center;
      box-shadow: 0 10px 30px rgba(243, 156, 18, 0.3);
      position: relative;
      overflow: hidden;
    }
    
    .journey-quote::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.3)"/><circle cx="80" cy="40" r="1" fill="rgba(255,255,255,0.4)"/><circle cx="40" cy="80" r="1.5" fill="rgba(255,255,255,0.2)"/></svg>') repeat;
      animation: float 6s ease-in-out infinite;
    }
    
    @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-10px); }
    }
    
    .country-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 25px;
      margin: 2.5em 0;
    }
    
    .country-card {
      background: linear-gradient(135deg, #ffffff, #f8f9fa);
      border: 2px solid #ddd;
      border-radius: 15px;
      padding: 2em;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }
    
    .country-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, #e74c3c, #f39c12, #3498db);
    }
    
    .country-card:hover {
      transform: translateY(-8px) scale(1.02);
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
      border-color: #f39c12;
    }
    
    .country-name {
      color: #e74c3c;
      font-size: 1.5em;
      margin-bottom: 0.8em;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    
    .country-flag {
      font-size: 1.8em;
      filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.1));
    }
    
    .feature-list {
      list-style-type: none;
      padding-left: 0;
      margin: 2em 0;
    }
    
    .feature-list li {
      margin-bottom: 1.2em;
      padding: 1em 1.5em;
      background: linear-gradient(135deg, #fdeaa7, #fdcb6e);
      border-radius: 8px;
      border-left: 4px solid #f39c12;
      position: relative;
      transition: all 0.3s ease;
    }
    
    .feature-list li:hover {
      transform: translateX(5px);
      box-shadow: 0 4px 15px rgba(243, 156, 18, 0.2);
    }
    
    .feature-list li:before {
      content: "🏍️";
      position: absolute;
      left: -8px;
      top: 50%;
      transform: translateY(-50%);
      background: white;
      border-radius: 50%;
      padding: 5px;
      font-size: 1.2em;
    }
    
    .cta {
      background: linear-gradient(45deg, #e74c3c, #c0392b);
      color: #ffffff;
      font-weight: 700;
      text-align: center;
      padding: 1.5em 2em;
      margin: 3em 0;
      border-radius: 50px;
      font-size: 1.3em;
      text-transform: uppercase;
      letter-spacing: 1px;
      transition: all 0.4s ease;
      cursor: pointer;
      box-shadow: 0 10px 30px rgba(231, 76, 60, 0.3);
      position: relative;
      overflow: hidden;
    }
    
    .cta::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
      transition: left 0.5s;
    }
    
    .cta:hover::before {
      left: 100%;
    }
    
    .cta:hover {
      transform: translateY(-3px);
      box-shadow: 0 15px 40px rgba(231, 76, 60, 0.4);
    }
    
    .inspiration-quote {
      font-family: 'Georgia', serif;
      font-size: 1.4em;
      font-weight: 600;
      color: #2c3e50;
      text-align: center;
      line-height: 1.8;
      margin: 3em 0;
      padding: 2em;
      background: linear-gradient(135deg, #ffecd2, #fcb69f);
      border-radius: 15px;
      position: relative;
    }
    
    .inspiration-quote::before {
      content: '"';
      font-size: 4em;
      color: rgba(231, 76, 60, 0.3);
      position: absolute;
      left: 20px;
      top: -10px;
      font-family: serif;
    }
    
    .inspiration-quote::after {
      content: '"';
      font-size: 4em;
      color: rgba(231, 76, 60, 0.3);
      position: absolute;
      right: 20px;
      bottom: -20px;
      font-family: serif;
    }
    
    .author-section {
      background: linear-gradient(135deg, #3498db, #2980b9);
      border-radius: 15px;
      padding: 2.5em;
      margin: 3em 0;
      color: white;
      position: relative;
      overflow: hidden;
    }
    
    .author-section::before {
      content: '';
      position: absolute;
      top: -50%;
      right: -50%;
      width: 100%;
      height: 100%;
      background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
      animation: pulse 4s ease-in-out infinite;
    }
    
    @keyframes pulse {
      0%, 100% { opacity: 0.5; transform: scale(1); }
      50% { opacity: 0.8; transform: scale(1.1); }
    }
    
    .author-title {
      font-size: 1.8em;
      margin-bottom: 1em;
      font-weight: 700;
      text-align: center;
    }
    
    .age-highlight {
      background: linear-gradient(45deg, #f39c12, #e67e22);
      color: white;
      padding: 0.8em 1.5em;
      border-radius: 25px;
      font-weight: 700;
      font-size: 1.1em;
      display: inline-block;
      margin: 1em 0;
      box-shadow: 0 6px 20px rgba(243, 156, 18, 0.3);
    }
    
    .journey-stats {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 20px;
      margin: 2em 0;
    }
    
    .stat-card {
      background: white;
      padding: 1.5em;
      border-radius: 12px;
      text-align: center;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
      border-top: 4px solid #f39c12;
    }
    
    .stat-number {
      font-size: 2.5em;
      font-weight: 900;
      color: #e74c3c;
      display: block;
    }
    
    .stat-label {
      color: #34495e;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 0.9em;
    }
    
    /* Mobile Responsiveness */
    @media screen and (max-width: 768px) {
      .book-description {
        padding: 1em;
      }
      
      .content-wrapper {
        padding: 1.5em;
      }
      
      .title {
        font-size: 2.5em;
        letter-spacing: 1px;
      }
      
      .subtitle {
        font-size: 1.3em;
      }
      
      .country-grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }
      
      .journey-stats {
        grid-template-columns: repeat(2, 1fr);
      }
      
      .hero-quote {
        font-size: 1.2em;
        padding: 1em;
      }
    }
</style>
</head>
<body>
<div class="book-description">
  <div class="content-wrapper">
    <h1 class="title">FREE</h1>
    <p class="subtitle">Eine Roadstory</p>
    
    <div class="hero-quote">
      "Mit 80 Jahren nochmal alles hinter sich lassen? Dieser Mann hat es gewagt!"
    </div>
    
    <div class="journey-stats">
      <div class="stat-card">
        <span class="stat-number">80</span>
        <span class="stat-label">Jahre Alt</span>
      </div>
      <div class="stat-card">
        <span class="stat-number">4</span>
        <span class="stat-label">Länder</span>
      </div>
      <div class="stat-card">
        <span class="stat-number">∞</span>
        <span class="stat-label">Freiheit</span>
      </div>
    </div>
    
    <div class="inspiration-quote">
      Es gilt: No risk – no fun! Und ich möchte noch ein wenig 'Fun' haben, bevor ich abkratze.
    </div>
    
    <div class="section">
      <p class="main-text">
        Wer träumt nicht davon, dem <span class="highlight">durchregulierten Alltag zu entfliehen</span>? Nach einem bewegten Leben als Arzt und der langjährigen Pflege seiner an Alzheimer erkrankten Frau entscheidet sich der Autor für einen radikalen Neuanfang. Seine Route: Malaysia, Thailand, Vietnam, Kambodscha. Sein Gefährt: ein <span class="highlight">Motorroller</span>. Seine Mission: <span class="highlight">Freiheit und Abenteuer</span> in einer Welt jenseits westlicher Konventionen.
      </p>
    </div>
    
    <h2 style="color: #e74c3c; font-size: 2.2em; text-align: center; margin: 2em 0;">🌏 DIE ROUTE DER FREIHEIT</h2>
    
    <div class="country-grid">
      <div class="country-card">
        <div class="country-name">
          <span class="country-flag">🇲🇾</span>
          Malaysia
        </div>
        <p class="main-text">
          Der erste Stopp seiner außergewöhnlichen Reise. Hier beginnt das Abenteuer zwischen modernen Metropolen und ursprünglichem Dschungel. Kuala Lumpur wird zum Startpunkt einer Reise, die alles verändern wird.
        </p>
      </div>
      
      <div class="country-card">
        <div class="country-name">
          <span class="country-flag">🇹🇭</span>
          Thailand
        </div>
        <p class="main-text">
          Das Land des Lächelns empfängt den Abenteurer mit offenen Armen. Zwischen buddhistischen Tempeln und quirligen Märkten entdeckt er eine Lebensweise fernab deutscher "Sachzwänge".
        </p>
      </div>
      
      <div class="country-card">
        <div class="country-name">
          <span class="country-flag">🇻🇳</span>
          Vietnam
        </div>
        <p class="main-text">
          Ein Land im Wandel zwischen Tradition und Moderne. Hier erlebt der Autor hautnah, wie Geschichte und Zukunft aufeinandertreffen, während er auf seinem Roller durch lebendige Straßen navigiert.
        </p>
      </div>
      
      <div class="country-card">
        <div class="country-name">
          <span class="country-flag">🇰🇭</span>
          Kambodscha
        </div>
        <p class="main-text">
          Der krönende Abschluss einer transformativen Reise. In diesem geheimnisvollen Land findet er nicht nur spektakuläre Tempel, sondern auch neue Perspektiven auf das Leben im Alter.
        </p>
      </div>
    </div>
    
    <div class="journey-quote">
      "Aus diesem System würde ich gerne aussteigen" – und genau das hat er getan!
    </div>
    
    <h2 style="color: #e74c3c; font-size: 2em; text-align: center; margin: 2em 0 1em 0;">WARUM DIESES BUCH BEGEISTERT:</h2>
    
    <ul class="feature-list">
      <li>
        <strong class="highlight">Mut machende Geschichte:</strong> Beweist, dass auch mit 80 Jahren neue Träume verwirklicht werden können – ein inspirierendes Beispiel für alle Generationen.
      </li>
      <li>
        <strong class="highlight">Authentische Abenteuer:</strong> Scharfsinnige Beobachtungen eines Mannes, der nach einem Leben voller Pflichterfüllung endlich seine Freiheit lebt.
      </li>
      <li>
        <strong class="highlight">Kulturelle Entdeckungen:</strong> Tiefe Einblicke in südostasiatische Kulturen und kritische Reflexionen über westliche Lebensweisen.
      </li>
      <li>
        <strong class="highlight">Praktische Inspiration:</strong> Zeigt konkret, wie man auch im hohen Alter noch zu neuen Ufern aufbrechen kann.
      </li>
      <li>
        <strong class="highlight">Gesellschaftskritik mit Humor:</strong> Trockener Humor gepaart mit scharfsinnigen Analysen zur "Vergreisung" der Gesellschaft.
      </li>
    </ul>
    
    <div class="author-section">
      <h3 class="author-title">🏍️ ÜBER DEN AUTOR: DIRK FEIKE</h3>
      <p class="main-text">
        Ein pensionierter deutscher Arzt, der nach einem Leben voller Verantwortung und der aufopferungsvollen Pflege seiner Frau den Mut fasste, <span class="age-highlight">mit 80 Jahren</span> noch einmal alles hinter sich zu lassen. Seine Reise wird zu einer faszinierenden Mischung aus Abenteuer, Gesellschaftskritik und Lebensweisheit.
      </p>
      <p class="main-text">
        Fernab von deutschen "Sachzwängen" entdeckt er eine Welt voller Freiheit und Möglichkeiten. Mit scharfem Blick und trockenem Humor beschreibt er seine Begegnungen und hinterfragt kritisch die westliche Lebensweise.
      </p>
    </div>
    
    <div class="section">
      <p class="main-text" style="font-size: 1.2em; font-style: italic; text-align: center;">
        Ein mitreißender Reisebericht, der mehr ist als eine bloße Routenbeschreibung – er ist ein leidenschaftliches <span class="highlight">Plädoyer für mehr Mut zum Leben</span> und gegen die "Vergreisung" der Gesellschaft.
      </p>
    </div>
    
    <div class="cta">
      🚀 JETZT BESTELLEN UND SELBST ZUM ABENTEURER WERDEN!
    </div>
    
    <div class="inspiration-quote">
      Für Träume und Abenteuer ist man nie zu alt – man muss sie nur ergreifen!
    </div>
  </div>
</div>
</body>
</html>

Free - Eine Roadstory

Der Weg zu mir

Free - Eine Roadstory

Der Weg zu mir

Jetzt vorbestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch