Aileen
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aileen · Eröffnung</title>
<style>
*{margin:0;padding:0;box-sizing:border-box;}
body{background:#1a1410;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:'Segoe UI','Roboto',system-ui,sans-serif;padding:16px;}
.card{max-width:700px;width:100%;background:#f7efe8;border-radius:36px 36px 28px 28px;box-shadow:0 20px 40px rgba(0,0,0,0.7);overflow:hidden;}
.hero{position:relative;height:200px;background:linear-gradient(145deg,#3f2c1e,#6b4f3a);display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;border-bottom:2px solid #dac09a;}
.silhouette{position:relative;width:120px;height:150px;filter:drop-shadow(0 6px 12px rgba(0,0,0,0.5));}
.silhouette::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:52px;height:68px;background:#2d1f16;border-radius:30px 30px 20px 20px;box-shadow:0 0 0 2px #c9a87c;}
.silhouette::after{content:'';position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:86px;height:42px;background:#261a13;border-radius:100px 100px 0 0 / 60px 60px 0 0;box-shadow:0 -4px 0 #c9a87c,0 0 0 2px #c9a87c;}
.hat-brim{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:110px;height:14px;background:#342218;border-radius:50px 50px 8px 8px;box-shadow:0 3px 0 #c9a87c,0 0 0 2px #c9a87c;z-index:2;}
.hair-flow{position:absolute;bottom:12px;right:-36px;width:60px;height:76px;background:#1f130c;border-radius:0 50% 30% 0 / 0 40% 20% 0;transform:rotate(8deg);opacity:0.6;filter:blur(1px);}
.hair-flow2{left:-36px;right:auto;transform:rotate(-8deg);border-radius:50% 0 0 30% / 40% 0 0 20%;}
.ranch-tag{position:absolute;bottom:10px;right:16px;color:#dac09a;font-size:11px;letter-spacing:3px;text-transform:uppercase;background:rgba(20,14,10,0.5);padding:4px 14px;border-radius:30px;backdrop-filter:blur(4px);border:1px solid #b4946b;}
.content{padding:28px 26px 24px;}
.name-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px;}
.name{font-size:24px;font-weight:600;color:#2c1d14;}
.age{font-size:15px;font-weight:300;color:#8b6f5a;background:#e5d5c6;padding:0 14px;border-radius:30px;line-height:1.8;}
.subhead{font-size:14px;color:#7c604b;border-left:3px solid #bc9a7c;padding-left:14px;margin-bottom:18px;font-style:italic;}
.dialogue{background:#fcf8f2;padding:20px 22px;border-radius:24px 24px 24px 8px;border:1px solid #e4d4c4;margin-bottom:18px;}
.dialogue p{font-size:16px;line-height:1.9;color:#2f2219;font-weight:350;}
.footer-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a58772;border-top:1px dashed #dccbbc;padding-top:14px;flex-wrap:wrap;gap:6px;}
.chip{background:#e7d7c8;padding:2px 14px;border-radius:30px;color:#5f4534;font-size:11px;}
@media (max-width:500px){.content{padding:20px 16px 18px;}.hero{height:160px;}.silhouette{width:90px;height:120px;}.silhouette::before{width:40px;height:54px;}.silhouette::after{width:68px;height:34px;bottom:48px;}.hat-brim{width:88px;height:12px;}.dialogue p{font-size:15px;}.ranch-tag{font-size:10px;padding:2px 10px;}.hair-flow,.hair-flow2{display:none;}}
</style>
</head>
<body>
<div class="card">
<div class="hero">
<div class="silhouette">
<div class="hat-brim"></div>
<div class="hair-flow"></div>
<div class="hair-flow hair-flow2"></div>
</div>
<div class="ranch-tag">🌾 Sunset Ranch</div>
</div>
<div class="content">
<div class="name-title">
<span class="name">Aileen Vanderbilt</span>
<span class="age">25</span>
</div>
<div class="subhead">„Ein Name aus New York, eine Seele aus Montana“</div>
<div class="dialogue">
<p>
Als du das halb geöffnete Holzzauntor der Koppel aufstößt, hat sie dich noch nicht bemerkt.<br><br>
Mit dem Rücken zum Eingang steht sie links neben der rotbraunen Stute. In der einen Hand hält sie eine Mähnenbürste, die andere ruht auf dem Hals des Pferdes, während sie es in gleichmäßigen Zügen von den Schulterblättern abwärts striegelt. Ihre Bewegungen sind ruhig und bedacht, und das leise Rascheln der Borsten im Fell hallt deutlich durch die Abendluft. Der Rücken ihres dunkelblauen Arbeitshemds ist leicht verschwitzt und zeichnet die Konturen ihrer Schulterblätter nach. Die Ärmel sind bis über die Ellenbogen hochgekrempelt; im Rhythmus des Striegelns spannen sich die zarten Muskelstränge ihrer Unterarme an und entspannen sich wieder.<br><br>
Als sie mit einer Seite fertig ist, wechselt sie hinüber zur anderen. Ihre Schritte sind leise, ihre Stiefelsohlen knirschen kaum merklich auf dem Gemisch aus Heu und Sand. Das Pferd verhält sich ruhig, schlägt nur ab und zu mit dem Schweif und dreht die Ohren in ihre Richtung. Sie beugt sich hinunter, greift nach einem feuchten Tuch aus dem Wassereimer, wringt es aus und wischt damit über den Pferderücken – so routiniert, als hätte sie diesen Handgriff schon tausendmal ausgeführt. Die Abendsonne fällt von rechts auf sie herab und taucht ihre Silhouette in einen warmen, goldroten Schein, sodass selbst die Spitzen ihrer vom Wind verwehten Haarsträhnen glänzen.<br><br>
Sie weiß noch nicht, dass du sie beobachtest.
</p>
</div>
<div class="footer-meta">
<span>📍 Montana · Sunset Ranch · Koppel</span>
<span class="chip">🌅 Dämmerung · Heu & Staub</span>
</div>
</div>
</div>
</body>
</html>
<choice_group>
<choice id="1">Das Thema wechseln</choice>
<choice id="2">Aktuelle Details beobachten</choice>
<choice id="3">Die Handlung vorantreiben</choice>
</choice_group>Melde dich an, um den Chat fortzusetzen.