<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');

:root{
  --paper:#f4ede1;
  --paper-2:#ede4d5;
  --ink:#2b2621;
  --ink-soft:#5a5148;
  --ink-faint:#8a8177;
  --red:#b03a2b;
  --red-soft:#c9523f;
  --line:rgba(43,38,33,.14);
}

*{box-sizing:border-box;}

body{
  margin:0;
  padding:0;
  background:linear-gradient(180deg,#14161b 0%,#1c212a 60%,#15181e 100%);
  font-family:'Cardo', Georgia, serif;
  overflow-x:hidden;
}

/* ---------- Papierbogen ---------- */
.sheet{
  background:
    radial-gradient(circle at 88% 4%, rgba(176,58,43,.10) 0%, transparent 34%),
    radial-gradient(circle at 8% 55%, rgba(176,58,43,.06) 0%, transparent 30%),
    linear-gradient(180deg,#f6f0e6 0%,#f2ebdd 45%,#efe6d6 100%);
  color:var(--ink);
  font-size:17px;
  line-height:1.85;
  margin:1.1em;
  border-radius:16px;
  box-shadow:0 18px 50px rgba(0,0,0,.5), 0 0 0 1px rgba(43,38,33,.10);
}

.wrap{max-width:820px;margin:0 auto;padding:3.2em 2.6em 3.4em;}

/* ---------- Ornament ---------- */
.orn{display:flex;align-items:center;justify-content:center;gap:1em;margin:0 0 3em;}
.orn::before,.orn::after{
  content:'';height:1px;flex:1;max-width:180px;
  background:linear-gradient(90deg,transparent,rgba(43,38,33,.30));
}
.orn::after{background:linear-gradient(90deg,rgba(43,38,33,.30),transparent);}
.orn i{
  width:14px;height:14px;border-radius:50%;
  background:linear-gradient(90deg,var(--ink) 0 50%,var(--red) 50% 100%);
  display:block;
}

/* ---------- HERO ---------- */
.hero{text-align:center;margin-bottom:2.6em;}
.badge{
  display:inline-block;
  font-family:'Marcellus',serif;
  font-size:.78em;
  letter-spacing:3.5px;
  text-transform:uppercase;
  color:var(--red);
  border:1px solid rgba(176,58,43,.40);
  border-radius:999px;
  padding:.55em 1.4em;
  margin-bottom:1.6em;
}
.title{
  font-family:'Marcellus',serif;
  font-size:3.3em;
  font-weight:400;
  line-height:1.12;
  margin:0 0 .25em;
  color:var(--red);
  letter-spacing:1px;
}
.author{
  font-family:'Marcellus',serif;
  font-size:1.05em;
  letter-spacing:5px;
  text-transform:uppercase;
  color:var(--ink-faint);
  margin:0;
}

/* ---------- OPENING ---------- */
.opening{
  text-align:center;
  font-style:italic;
  font-size:1.4em;
  line-height:1.65;
  color:var(--ink);
  max-width:620px;
  margin:0 auto 1em;
}
.opening-src{
  text-align:center;
  font-family:'Marcellus',serif;
  font-size:.85em;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--ink-faint);
  margin:0 0 3em;
}

/* ---------- MANTRA ---------- */
.mantra{
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.42);
  padding:2.3em 2em;
  text-align:center;
  margin-bottom:3em;
  box-shadow:0 6px 20px rgba(43,38,33,.07);
}
.mantra p{
  font-family:'Marcellus',serif;
  font-size:1.65em;
  line-height:1.45;
  margin:0;
  color:var(--ink);
}
.mantra small{
  display:block;
  margin-top:1em;
  font-size:1.02em;
  color:var(--ink-soft);
  font-style:italic;
}

/* ---------- TEXT ---------- */
h2{
  font-family:'Marcellus',serif;
  font-weight:400;
  font-size:1.9em;
  color:var(--red);
  margin:0 0 .8em;
  letter-spacing:.8px;
}
.story{margin-bottom:3em;}
.story p{margin:0 0 1.2em;color:#3b352e;}
.hl{color:var(--ink);font-weight:700;}

/* ---------- GRID ---------- */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4em;margin-bottom:3em;}
.card{
  background:rgba(255,255,255,.40);
  border:1px solid var(--line);
  border-radius:18px;
  padding:1.8em 1.6em;
}
.card h3{
  font-family:'Marcellus',serif;
  font-weight:400;
  font-size:1.3em;
  margin:0 0 .5em;
  color:var(--ink);
}
.card h3 span{color:var(--red);}
.card p{margin:0;font-size:1em;color:#4a4239;line-height:1.75;}

/* ---------- PULL ---------- */
.pull{
  text-align:center;
  padding:2.6em 1.6em;
  margin-bottom:3em;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.pull q{
  font-family:'Marcellus',serif;
  font-size:1.6em;
  line-height:1.5;
  color:var(--ink);
  quotes:'\201E' '\201D';
}
.pull small{
  display:block;margin-top:1.1em;color:var(--ink-faint);
  font-size:.92em;letter-spacing:2px;text-transform:uppercase;font-family:'Marcellus',serif;
}

/* ---------- PILLS ---------- */
.chapters{margin-bottom:3em;}
.pills{display:flex;flex-wrap:wrap;gap:.65em;}
.pill{
  border:1px solid var(--line);
  background:rgba(255,255,255,.38);
  border-radius:999px;
  padding:.5em 1.15em;
  font-size:.98em;
  color:var(--ink-soft);
  font-style:italic;
}
.pill.accent{border-color:rgba(176,58,43,.42);color:var(--red);}

/* ---------- AUTOR ---------- */
.author-box{
  background:rgba(255,255,255,.42);
  border:1px solid rgba(176,58,43,.22);
  border-radius:20px;
  padding:2.2em 2em;
  margin-bottom:3em;
}
.author-box h2{margin-bottom:.7em;}
.author-box p{margin:0 0 1em;color:#3b352e;}
.author-box p:last-child{margin-bottom:0;}

/* ---------- FEATURES ---------- */
.features{margin-bottom:3em;}
.features ul{list-style:none;margin:0;padding:0;}
.features li{position:relative;padding-left:1.9em;margin-bottom:1em;color:#3b352e;}
.features li:last-child{margin-bottom:0;}
.features li::before{
  content:'';position:absolute;left:.2em;top:.78em;
  width:9px;height:9px;border-radius:50%;
  background:linear-gradient(90deg,var(--ink) 0 50%,var(--red) 50% 100%);
}

/* ---------- FACTS ---------- */
.facts{display:flex;flex-wrap:wrap;gap:.7em;justify-content:center;margin-bottom:3em;}
.fact{
  border:1px solid var(--line);
  background:rgba(255,255,255,.38);
  border-radius:999px;
  padding:.55em 1.25em;
  font-size:.93em;
  color:var(--ink-soft);
  font-family:'Marcellus',serif;
  letter-spacing:.6px;
}

/* ---------- CLOSING ---------- */
.closing{text-align:center;padding:2.4em 1.4em .4em;}
.closing p{
  font-family:'Marcellus',serif;
  font-size:1.5em;
  line-height:1.5;
  color:var(--red);
  margin:0 0 .7em;
}
.closing small{display:block;color:var(--ink-soft);font-style:italic;font-size:1.05em;}

/* ---------- MOBILE ---------- */
@media screen and (max-width:768px){
  .sheet{font-size:16px;line-height:1.78;margin:.6em;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.45);}
  .wrap{padding:2em 1.2em 2.4em;}
  .title{font-size:2.25em;}
  .author{font-size:.92em;letter-spacing:3.5px;}
  .opening{font-size:1.18em;}
  .opening-src{margin-bottom:2.2em;}
  .orn{margin-bottom:2.2em;}
  .orn::before,.orn::after{max-width:90px;}
  .mantra{padding:1.6em 1.2em;margin-bottom:2.2em;}
  .mantra p{font-size:1.3em;}
  h2{font-size:1.5em;}
  .story,.chapters,.features,.facts{margin-bottom:2.2em;}
  .grid{grid-template-columns:1fr;gap:1em;margin-bottom:2.2em;}
  .card{padding:1.4em 1.2em;}
  .pull{padding:1.9em 1em;margin-bottom:2.2em;}
  .pull q{font-size:1.25em;}
  .author-box{padding:1.6em 1.2em;margin-bottom:2.2em;}
  .closing p{font-size:1.25em;}
}

@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important;}
}
</style>
</head>
<body>
<div class="sheet">
<div class="wrap">

  <div class="hero">
    <div class="badge">Spiritualit&auml;t &middot; Aphorismen</div>
    <h1 class="title">Alle Wege gehen</h1>
    <p class="author">Ryu Shin</p>
  </div>

  <div class="orn"><i></i></div>

  <p class="opening">Geht man alle Wege der Realit&auml;t, so lebt man in der totalen Entfaltung der Ewigkeit und der Unendlichkeit der Liebe.</p>
  <p class="opening-src">Der Satz, aus dem dieses Buch entstanden ist</p>

  <div class="mantra">
    <p>Was, wenn das, wogegen du am l&auml;ngsten gek&auml;mpft hast, deine St&auml;rke ist?</p>
    <small>Kein Ratgeber, der dir sagt, wie du werden sollst. Ein Buch, das dich fragt, wer du schon bist.</small>
  </div>

  <div class="story">
    <h2>Ein Buch, das man nicht durchliest</h2>
    <p>&raquo;Alle Wege gehen&laquo; versammelt knapp 300 kurze Texte: manche zwei Zeilen, manche eine Seite. Jeder tr&auml;gt einen eigenen Titel, jeder steht f&uuml;r sich. <span class="hl">Du liest nicht von vorne nach hinten, du schl&auml;gst auf.</span></p>
    <p>Was sie verbindet, ist eine Grundbewegung: Nichts in dir wird weggesperrt. Nicht die Furcht, nicht die Traurigkeit, nicht die Dunkelheit. Ryu Shin schreibt aus dem Taoismus heraus, aber ohne Fachsprache und ohne Zeigefinger &mdash; er beschreibt, was er selbst durchgegangen ist, und l&auml;sst dich damit allein genug, dass du es auf dein eigenes Leben legen kannst.</p>
    <p>Es ist ein Buch f&uuml;r den Nachttisch, die Jackentasche, die Schwelle zwischen zwei Tagen. Eines, das man Jahre beh&auml;lt und immer wieder an einer anderen Stelle aufschl&auml;gt.</p>
  </div>

  <div class="grid">
    <div class="card">
      <h3>Das <span>Dunkle</span></h3>
      <p>Furcht, Zweifel, Wut, Trauer. Sie werden hier nicht &uuml;berwunden, sondern angesehen &mdash; als Teil dessen, was einen Menschen ganz macht.</p>
    </div>
    <div class="card">
      <h3>Das <span>Helle</span></h3>
      <p>Liebe, Mitgef&uuml;hl, Geduld, Vertrauen. Nicht als Ziel am Ende eines Weges, sondern als etwas, das jetzt schon da ist und nur bemerkt werden will.</p>
    </div>
  </div>

  <div class="pull">
    <q>Die Liebe ist der Herzschlag des Lebens. Und sie ist der Weg, um alle Wesen zu vereinen.</q>
    <small>Aus &raquo;Die Liebe&laquo;</small>
  </div>

  <div class="chapters">
    <h2>Woran du liest, wohin es geht</h2>
    <div class="pills">
      <span class="pill accent">Der wahre Freund</span>
      <span class="pill">Das Annehmen und das Loslassen</span>
      <span class="pill">Die erschaffene Identit&auml;t</span>
      <span class="pill accent">Ein kleines Licht der Liebe</span>
      <span class="pill">Die Geduld</span>
      <span class="pill">Ein friedlicher Geist</span>
      <span class="pill accent">Mein wahres Zuhause</span>
      <span class="pill">Die rohe Sch&ouml;nheit</span>
      <span class="pill">Der Hase und die Schildkr&ouml;te</span>
      <span class="pill accent">Werde es, &uuml;berwinde es</span>
    </div>
  </div>

  <div class="author-box">
    <h2>Wer ist Ryu Shin</h2>
    <p>&raquo;Ryu&laquo; hei&szlig;t Drache. In der taoistischen Bildsprache steht er f&uuml;r das Selbst, das aus dem Ende eines alten Selbst neu hervorgeht. Genau dort setzt dieses Buch an: bei einem Menschen, der durch Leid und Kampf gegangen ist und daraus nicht Bitterkeit mitgenommen hat, sondern eine Haltung.</p>
    <p>Ryu Shin schreibt aus dem Taoismus, greift aber weit dar&uuml;ber hinaus &mdash; er sucht den einen Kern, den er in allen gro&szlig;en &Uuml;berlieferungen wiederfindet. Sein erkl&auml;rtes Anliegen ist einfach: <span class="hl">anderen zu helfen und sie ein St&uuml;ck weit zu leiten.</span></p>
  </div>

  <div class="features">
    <h2>F&uuml;r wen dieses Buch ist</h2>
    <ul>
      <li>F&uuml;r alle, die in einer Umbruchphase stehen und S&auml;tze brauchen, die kurz genug sind, um sie an einem schweren Tag zu lesen.</li>
      <li>F&uuml;r Leserinnen und Leser des Tao Te King, die eine heutige, pers&ouml;nliche Stimme suchen statt einer weiteren &Uuml;bersetzung.</li>
      <li>F&uuml;r Menschen in Meditation, Achtsamkeitspraxis oder Yoga, die einen Impuls f&uuml;r den Tag wollen.</li>
      <li>F&uuml;r alle, die mit klassischen Ratgebern fremdeln, weil dort immer jemand genau zu wissen scheint, wie es geht.</li>
      <li>Zum Verschenken an jemanden, dem man gerade nicht sagen kann, was man sagen m&ouml;chte.</li>
    </ul>
  </div>

  <div class="facts">
    <div class="fact">Knapp 300 Texte</div>
    <div class="fact">Zum Aufschlagen, nicht zum Durchlesen</div>
    <div class="fact">Taschenbuch &middot; Hardcover &middot; eBook</div>
    <div class="fact">Litego Verlag, Wien</div>
  </div>

  <div class="orn"><i></i></div>

  <div class="closing">
    <p>Es gibt nicht den einen Weg.<br>Es gibt deinen.</p>
    <small>&raquo;Alle Wege gehen&laquo; &mdash; ein Begleiter f&uuml;r die Zeit, in der du ihn brauchst.</small>
  </div>

</div>
</div>
</body>
</html>

Alle Wege gehen

Alle Wege gehen

Jetzt bestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch