<!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=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@300;400;500&display=swap');

:root{
  --plum:#1d1218;
  --plum-2:#2f1e26;
  --rose:#c99a99;
  --rose-soft:#e3bdb8;
  --gold:#c9a04e;
  --gold-soft:#e6c684;
  --bone:#f2e9e6;
  --bone-dim:#c8b8b5;
  --grey:#95817f;
  --line:rgba(242,233,230,.13);
}

*{box-sizing:border-box;}

body{
  margin:0;padding:0;
  background:
    radial-gradient(circle at 76% 5%, rgba(227,189,184,.20) 0%, transparent 38%),
    radial-gradient(circle at 12% 44%, rgba(201,160,78,.14) 0%, transparent 34%),
    radial-gradient(circle at 60% 96%, rgba(201,154,153,.16) 0%, transparent 46%),
    linear-gradient(180deg,#1d1218 0%,#2f1e26 52%,#1e1319 100%);
  color:var(--bone);
  font-family:'Inter', -apple-system, sans-serif;
  font-size:16.5px;
  font-weight:300;
  line-height:1.85;
  overflow-x:hidden;
}

.wrap{max-width:820px;margin:0 auto;padding:3.2em 2.6em 3.4em;}
.rule{height:1px;background:linear-gradient(90deg,transparent,rgba(201,160,78,.6),transparent);margin:0 0 3em;}

/* HERO */
.hero{text-align:center;margin-bottom:2.4em;}
.badge{
  display:inline-block;font-family:'Inter',sans-serif;font-size:.72em;font-weight:500;
  letter-spacing:3.5px;text-transform:uppercase;color:var(--rose-soft);
  border:1px solid rgba(227,189,184,.4);border-radius:999px;padding:.5em 1.3em;margin-bottom:1.6em;
}
.author-top{
  font-family:'Inter',sans-serif;font-weight:400;font-size:.9em;letter-spacing:5px;
  text-transform:uppercase;color:var(--bone-dim);margin:0 0 1.1em;
}
.script{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;
  font-size:2.1em;line-height:1;color:var(--bone);margin:0 0 -.12em;
}
.title{
  font-family:'Cormorant Garamond',serif;font-weight:400;font-size:4.2em;line-height:1;
  margin:0 0 .25em;color:var(--gold-soft);letter-spacing:10px;
  text-shadow:0 0 34px rgba(201,160,78,.35);
}
.subtitle{
  font-family:'Inter',sans-serif;font-size:.82em;font-weight:400;letter-spacing:4px;
  text-transform:uppercase;color:var(--bone);margin:0;
}

/* OPENING */
.opening{
  text-align:center;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1.65em;line-height:1.5;color:var(--bone);max-width:600px;margin:2.6em auto .8em;
}
.opening-src{
  text-align:center;font-size:.75em;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--grey);margin:0 0 3em;
}

/* MANTRA */
.mantra{
  border:1px solid rgba(201,160,78,.3);border-radius:20px;background:rgba(227,189,184,.06);
  padding:2.2em 2em;text-align:center;margin-bottom:3em;
  box-shadow:0 14px 42px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
}
.mantra p{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.75em;line-height:1.35;margin:0;color:#fff;}
.mantra small{display:block;margin-top:1em;font-size:1em;color:var(--bone-dim);}

/* TEXT */
h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.9em;color:var(--rose-soft);margin:0 0 .8em;letter-spacing:1px;}
.story{margin-bottom:3em;}
.story p{margin:0 0 1.2em;color:#ded1ce;}
.hl{color:#fff;font-weight:500;}
.hl-g{color:var(--gold-soft);font-weight:500;}

/* FIGUREN */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2em;margin-bottom:3em;}
.card{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:18px;padding:1.7em 1.4em;}
.card.a{border-color:rgba(227,189,184,.35);}
.card.b{border-color:rgba(201,160,78,.32);}
.card.c{border-color:rgba(201,154,153,.3);}
.card h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.25em;margin:0 0 .4em;letter-spacing:1px;}
.card.a h3{color:var(--rose-soft);}
.card.b h3{color:var(--gold-soft);}
.card.c h3{color:var(--rose);}
.card p{margin:0;font-size:.95em;color:#cdbfbc;line-height:1.7;}

/* 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:'Cormorant Garamond',serif;font-style:italic;font-size:1.7em;line-height:1.45;color:#fff;quotes:'\201E' '\201C';}
.pull small{display:block;margin-top:1.1em;color:var(--grey);font-size:.78em;letter-spacing:2.5px;text-transform:uppercase;}

/* TROPES */
.tropes{margin-bottom:3em;}
.pills{display:flex;flex-wrap:wrap;gap:.6em;}
.pill{
  border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:999px;
  padding:.48em 1.1em;font-size:.9em;color:var(--bone-dim);
  font-family:'Inter',sans-serif;letter-spacing:1.5px;text-transform:uppercase;
}
.pill.accent{border-color:rgba(201,160,78,.45);color:var(--gold-soft);}

/* AUTORIN */
.author-box{background:rgba(29,18,24,.6);border:1px solid rgba(227,189,184,.24);border-radius:20px;padding:2.1em 2em;margin-bottom:3em;}
.author-box h2{margin-bottom:.7em;}
.author-box p{margin:0 0 1em;color:#ded1ce;}
.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:.95em;color:#ded1ce;}
.features li:last-child{margin-bottom:0;}
.features li::before{
  content:'';position:absolute;left:.3em;top:.72em;width:9px;height:9px;border-radius:50%;
  background:var(--gold);
}
.features li:nth-child(2)::before{background:var(--rose);}
.features li:nth-child(4)::before{background:var(--rose-soft);}

/* NOTE */
.note{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);padding:1.6em 1.7em;margin-bottom:3em;}
.note h4{font-family:'Cormorant Garamond',serif;font-size:1.1em;letter-spacing:1px;color:var(--rose-soft);margin:0 0 .5em;font-weight:500;}
.note p{margin:0;font-size:.96em;color:var(--bone-dim);line-height:1.72;}

/* 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,.04);border-radius:999px;
  padding:.5em 1.2em;font-size:.85em;color:var(--grey);letter-spacing:.8px;
}

/* CLOSING */
.closing{text-align:center;padding:2.4em 1.4em .4em;}
.closing p{font-family:'Cormorant Garamond',serif;font-size:1.7em;line-height:1.4;color:#fff;margin:0 0 .8em;}
.closing p em{font-style:italic;color:var(--gold-soft);}
.closing small{display:block;color:var(--grey);font-size:1em;}

/* MOBILE */
@media screen and (max-width:768px){
  body{font-size:15.5px;line-height:1.78;}
  .wrap{padding:2em 1.2em 2.4em;}
  .author-top{font-size:.8em;letter-spacing:3.5px;}
  .script{font-size:1.5em;}
  .title{font-size:2.7em;letter-spacing:6px;}
  .subtitle{font-size:.72em;letter-spacing:2.5px;}
  .opening{font-size:1.3em;margin-top:2.2em;}
  .opening-src{margin-bottom:2.2em;}
  .rule{margin-bottom:2.2em;}
  .mantra{padding:1.6em 1.2em;margin-bottom:2.2em;}
  .mantra p{font-size:1.35em;}
  h2{font-size:1.5em;}
  .story,.tropes,.features,.facts,.note{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.28em;}
  .author-box{padding:1.6em 1.2em;margin-bottom:2.2em;}
  .closing p{font-size:1.3em;}
}

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

  <div class="hero">
    <div class="badge">Liebesroman &middot; Auftakt einer Trilogie</div>
    <p class="author-top">Theresa Hofbauer</p>
    <p class="script">thinking</p>
    <h1 class="title">LOVE</h1>
    <p class="subtitle">Vergiss den Verstand</p>
  </div>

  <p class="opening">In Sachen Liebe bin ich ein absoluter Kopfmensch.</p>
  <p class="opening-src">Olivia, bevor alles kippt</p>

  <div class="rule"></div>

  <div class="mantra">
    <p>Sie erkl&auml;rt anderen den ganzen Tag ihre Gef&uuml;hle.<br>Bei den eigenen h&auml;lt sie lieber Abstand.</p>
    <small>Und dann steht Noah in ihrer Praxis.</small>
  </div>

  <div class="story">
    <h2>Die Geschichte</h2>
    <p>Olivia hat ihr Leben im Griff. Eigene Praxis, sch&ouml;ne Altbauwohnung, Freundinnen, die sie auffangen, und ein Liebesleben, das sie bewusst so f&uuml;hrt, wie sie es f&uuml;hren will: <span class="hl">unverbindlich, selbstbestimmt, ohne dass ihr jemand zu nahe kommt.</span> Sie kennt jede psychologische Erkl&auml;rung daf&uuml;r. Sie hat sie nur nie auf sich selbst angewendet.</p>
    <p>Dann taucht Noah auf. Grübchen, raue Stimme, ein Blick, der l&auml;nger bleibt, als er sollte. Und ausgerechnet er ist derjenige, der ihr innerhalb weniger Minuten sagt, wovor sie eigentlich davonl&auml;uft.</p>
    <p>Was daraus wird, ist keine ruhige Ann&auml;herung, sondern ein St&uuml;ck f&uuml;r St&uuml;ck einst&uuml;rzendes Verteidigungssystem. <span class="hl-g">Je n&auml;her Olivia ihm kommt, desto weniger n&uuml;tzt ihr alles, was sie &uuml;ber Gef&uuml;hle wei&szlig;.</span></p>
  </div>

  <div class="grid">
    <div class="card a">
      <h3>Olivia</h3>
      <p>Schlagfertig, eigensinnig, komplett unromantisch veranlagt &mdash; jedenfalls behauptet sie das. Erz&auml;hlt die Geschichte selbst, mit einem inneren Monolog, der kein Blatt vor den Mund nimmt.</p>
    </div>
    <div class="card b">
      <h3>Noah</h3>
      <p>Ruhig, direkt, unangenehm treffsicher. Stellt genau die Fragen, die Olivia sonst anderen stellt &mdash; und l&auml;sst sich von ihrer Abwehr nicht beeindrucken.</p>
    </div>
    <div class="card c">
      <h3>Lenni</h3>
      <p>Die beste Freundin: derselbe Humor, dieselbe Frechheit, und die Einzige, die Olivia auch sagt, wenn sie gerade Mist baut.</p>
    </div>
  </div>

  <div class="pull">
    <q>Du bist die Psychologin &mdash; aber ich w&uuml;rde mal sagen, du l&auml;ufst vor irgendetwas davon.</q>
    <small>Noah zu Olivia</small>
  </div>

  <div class="tropes">
    <h2>Was dich erwartet</h2>
    <div class="pills">
      <span class="pill accent">Ich-Perspektive</span>
      <span class="pill">Slow Burn mit Tempo</span>
      <span class="pill accent">Forbidden Attraction</span>
      <span class="pill">Emotional Unavailable Heroine</span>
      <span class="pill accent">Explizite Szenen</span>
      <span class="pill">Best Friend Energy</span>
      <span class="pill">Wien als Kulisse</span>
    </div>
  </div>

  <div class="author-box">
    <h2>Theresa Hofbauer</h2>
    <p>Mit 29 hatte sie alles, was man erreicht haben soll: den Beruf, den Partner, das Haus, zwei Kinder. Und trotzdem die Frage, ob das schon alles gewesen sei. Am 27. April 2023 tippte sie die ersten Seiten in ihren Laptop und schrieb ihren Freundinnen: &raquo;Leute, merkt euch diesen Tag.&laquo;</p>
    <p>Aus einer Idee wurden drei B&uuml;cher. <span class="hl">&raquo;Thinking Love&laquo; ist der Auftakt ihrer Trilogie</span> und ihr Debüt &mdash; geschrieben in jeder freien Minute, neben allem anderen.</p>
  </div>

  <div class="features">
    <h2>F&uuml;r wen dieses Buch ist</h2>
    <ul>
      <li>F&uuml;r Leserinnen zeitgen&ouml;ssischer Liebesromane, die eine Heldin wollen, die austeilt statt zu seufzen.</li>
      <li>F&uuml;r alle, die Geschichten &uuml;ber Bindungsangst m&ouml;gen, in denen niemand geheilt, sondern jemand gesehen wird.</li>
      <li>F&uuml;r Leserinnen von New Adult, die Sp&auml;tzwanziger-Figuren mit Job und Wohnung den Studierenden vorziehen.</li>
      <li>F&uuml;r alle, die eine Reihe von Band eins an mitlesen wollen.</li>
    </ul>
  </div>

  <div class="note">
    <h4>Inhaltshinweis</h4>
    <p>Der Roman enth&auml;lt explizite Sexszenen und richtet sich an erwachsene Leserinnen und Leser. Die Autorin sagt es im Vorwort selbst &mdash; und k&uuml;ndigt gleich an, dass sie dazu keine Fragen beantwortet.</p>
  </div>

  <div class="facts">
    <div class="fact">21 Kapitel</div>
    <div class="fact">Rund 425 Seiten</div>
    <div class="fact">Band 1 der Trilogie</div>
    <div class="fact">Taschenbuch &middot; Hardcover &middot; eBook</div>
  </div>

  <div class="rule"></div>

  <div class="closing">
    <p>Sie hat f&uuml;r alles eine Erkl&auml;rung.<br><em>Nur nicht f&uuml;r ihn.</em></p>
    <small>Der Auftakt einer Trilogie &uuml;ber Kontrolle, N&auml;he und den Moment, in dem der Kopf verliert.</small>
  </div>

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

thinking LOVE

Vergiss den Verstand

thinking LOVE

Vergiss den Verstand

Jetzt vorbestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch