<div id="cass-stars-container">
<div id="cass-stars-header">
<div class="cass-stars-tagline"><div class="headline2">Katarina<br> von Dornhain</div></div>
<div class="headline1">Junge Adelige<br>mit Geheimnis</div>
</div>
<div id="main">
<section class="cass-stars-character cass-stars-left">
<div class="cass-stars-title">wanted</div>
<div class="cass-stars-borderelement">
<div class="cass-stars-img"><img src="https://fireandblood.thinking-out-loud.de/images/gesuche/katarina.jpg"></div>
</div>
<div class="headline1">Katarina von Dornhain</div>
<div class="cass-stars-fakten">
<ul>
<li>20-25 jahre</li>
<li>Mensch</li>
<li>Adelige</li>
<li>single</li>
<li>Kleinseite</li>
<li>Adel</li>
</ul>
</div>
<div class="cass-stars-info cass-stars-text">Man lernt früh, den Blick zu senken, wenn Männer mit Orden reden. Und noch früher, ihn wieder zu heben, wenn sie lügen. Ich habe Jahre damit verbracht, die Gesichter am Hof zu lesen, wie Seiten in einem Buch. Wien war glänzend, laut, voll von Parfum und Gift. Ich wusste, wie man lächelt, ohne etwas zu meinen, und wie man Gnade findet, indem man rechtzeitig den Mund hält.
Dann kam dieser... Vorfall. Niemand sagt es, aber jeder weiß etwas anderes. Ich habe aufgehört, die Geschichten zu zählen. Sie reichen von einer Affäre mit einem Magier bis zu einem Fluch, der angeblich den kaiserlichen Garten verdorren ließ. Schön wär’s, wenn ich so viel Macht hätte. Aber das mit dem Magier bleibt zwischen mir, ihm und dem Priester im Beichtstuhl.
Jetzt sitze ich in Prag im Haus meines Onkels und trinke Tee. Mein Onkel hält täglich Messe und ich halte täglich die Fassade. Meine Hände falten sich von allein, aber ich bete nicht mehr zu Gott. Ich fürchte er hört uns schon lange nicht mehr zu. Ich verbringe meine Tage mit lesen, beten und sticken unter der ständigen Beobachtung meiner Tante. Ich lausche dem Gerede über Ketzer, Hexen und Krieg, als ginge es um das Wetter, wenn sich die "Damen" im Salon versammeln und denke dann an meinen Magier.
Manchmal denke ich auch an Max. Mein ehrenwerter Cousin, der Soldat spielt irgendwo oben in der Burg, während ich hier brav die Rolle der Geläuterten übernehme. Wir sind uns ähnlicher, als ihm lieb wäre. Beide Dornhains, beide zu stolz, um uns beugen zu lassen.
Und nachts, wenn Prag schläft, frage ich mich, ob das Schlimmste, was man einer Frau antun kann, wirklich die Verbannung ist. Oder das Warten darauf, endlich frei zu sein.</div>
</section>
<section class="cass-stars-more">
<div class="cass-stars-tags">
<ul>
<li><a href="https://fireandblood.thinking-out-loud.de/lexicon.php?page=Storyline" target="_blank">Storyline</a></li>
<li><a href="https://discord.gg/5J4m4uAcDr" target="_blank">Discord</a></li>
<li>L3S3V3</li>
<li>Prag 1629</li>
<li>Fantasy RPG mit historischen Einflüssen </li>
</ul>
</div>
<div class="cass-stars-tagline"><div class="headline2">more information</div></div>
<div class="cass-stars-text">Ich suche einen engagierten Spieler, der diesen Charakter mit Leben füllt und langfristig aktiv am Inplay teilnimmt. Der Spieler hat die Freiheit, den Charakter nach eigenen Vorstellungen zu entwickeln, einschließlich der Wahl eines passenden Avatars und Namens. Das Team behält sich jedoch das Recht vor, bei der Auswahl des Avatars und Namens ein Veto einzulegen, falls diese nicht zum Charakter oder zum Gesamtbild des Spiels passen.
Das Bild dient lediglich der Veranschaulichung. Der Avatar ist also völlig flexibel.</div>
</section>
</div>
<div id="cass-stars-footer">
<a href="https://fireandblood.thinking-out-loud.de/" class="cass-stars-button" target="_blank">Forum</a>
<a href="https://fireandblood.thinking-out-loud.de/showthread.php?tid=196" class="cass-stars-button" target="_blank">Gesuch</a>
</div>
</div>
</div>
<a href="https://storming-gates.de/showthread.php?tid=1045937">✿</a>
<style> /** written in the stars code by cassiopeia // headerimage based on photo by alex simpson on unsplash **/ @import @import url('https://fonts.googleapis.com/css2?family=Almendra:ital,wght@0,400;0,700;1,400;1,700&family=Karla:ital,wght@0,300..800;1,300..800&display=swap'); #cass-stars-template { width: 100%; box-sizing: border-box; line-height: 12px; font-size: 12px; font-weight: 300; color: var(--lightgray); font-family: "Karla", sans-serif; --display: "Almendra", serif; --gold: #bba169; --darkgold: #947a40; --lightgray: #bfc4ba; --lightblue: #61916e; --midblue: #202020; --darkblue: #202f24; --black: #21211c; } #cass-stars-template *::-webkit-scrollbar { width: 8px; height: 8px; } #cass-stars-template *::-webkit-scrollbar-track { background: none; } #cass-stars-template *::-webkit-scrollbar-thumb { background: var(--black); box-shadow: none; } #cass-stars-template a:link { color: var(--lightgray); text-decoration: none; font-size: 0.8rem; font-weight: 300; transition: background 0.3s ease; } #cass-stars-template strong { color: var(--gold); text-decoration: none; } #cass-stars-template em { color: var(--lightblue); letter-spacing: 0.1rem; text-decoration: none; } #cass-stars-container { background: var(--midblue); width: 600px; height: auto; margin: 0 auto;border: 1px solid var(--darkgold); } #cass-stars-header { width: auto; height: 200px; border-top: 1px solid var(--darkgold); border-bottom: 1px solid var(--darkgold); background: url('https://i.postimg.cc/YCtDTRpv/writteninthestars-bg1.png') no-repeat center; display: flex; flex-flow: row nowrap; justify-content: left; align-items: flex-end; margin-bottom: 30px; } #cass-stars-template .headline1 { color: var(--gold); font-family: var(--display); font-weight: 400; margin: 0; } #cass-stars-header .headline1 { font-size: 3.5rem; line-height: 3rem; padding: 20px; } .cass-stars-tagline { width: 100px; height: 200px; border-right: 1px solid var(--darkgold); overflow: visible; text-wrap: nowrap; } .cass-stars-tagline .headline2 { position: relative; top: 120px; left: 30px; transform: rotate(270deg); font-weight: 300; font-size: 0.65rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.2rem; margin: 0; } #cass-stars-main { margin: 10px 0; } .cass-stars-character { height: 550px; width: auto; margin: 0px 20px; display: grid; } .cass-stars-left { grid-template-columns: 148px 74px 338px; grid-template-rows: 122px 60px 140px 1fr 60px; } .cass-stars-right { grid-template-columns: 338px 74px 148px; grid-template-rows: 122px 60px 140px 1fr 60px; } .cass-stars-borderelement { box-sizing: border-box; width: 220px; height: 320px; border: 1px solid var(--darkgold); border-radius: 110px 110px 0 0; padding: 10px; overflow: hidden; } .cass-stars-left .cass-stars-borderelement { grid-area: 1 / 1 / 2 / span 2; } .cass-stars-right .cass-stars-borderelement { grid-area: 1 / 2 / 2 / span 2; } .cass-stars-borderelement .cass-stars-img { width: 200px; height: 300px; border-radius: 100px 100px 0 0; overflow: hidden; } .cass-stars-img img { max-width: 220px; } .cass-stars-stars1 { grid-area: 4 / 2 / span 1 / span 1; margin-left: -90px; margin-top: -40px; z-index: 10; } .cass-stars-stars1 img { max-width: 220px; } .cass-stars-moon1 { grid-area: 4 / 2 / span 1 / span 2; margin-left: 35px; margin-top: -40px; z-index: 5; } #cass-stars-template section .headline1 { z-index: 10; font-size: 3rem; line-height: 2.5rem; margin: 0; text-wrap: nowrap; } .cass-stars-left .headline1 { grid-area: 2 / 2 / span 1 / span 2; } .cass-stars-right .headline1 { grid-area: 2 / 1 / span 1 / span 2; text-align: right; } .cass-stars-text { font-size: 0.9rem; line-height: 1.2rem; text-align: justify; } .cass-stars-info { background: var(--darkblue); border: solid var(--darkblue); border-width: 20px 10px; padding: 0 10px; overflow: auto; z-index: 5; } .cass-stars-left .cass-stars-info { grid-area: 3 / 3 / span 2 / span 2; margin-left: 10px; } .cass-stars-right .cass-stars-info { grid-area: 3 / 1 / span 2 / span 1; margin-right: 10px; } .cass-stars-fakten { padding-top: 10px; display: flex; flex-flow: column nowrap; z-index: 5; } .cass-stars-left .cass-stars-fakten { grid-area: 4 / 1 / span 2 / span 2; align-items: flex-end; text-align: right; } .cass-stars-right .cass-stars-fakten { grid-area: 4 / 2 / span 2 / span 2; align-items: flex-start; text-align: left; } .cass-stars-fakten ul { margin: 0; padding: 0; } .cass-stars-fakten li { list-style: none; font-family: var(--display); color: var(--gold);font-size: 1.3rem; line-height: 1.1rem; margin-bottom: 10px; } .cass-stars-title { color: var(--lightblue); font-size: 0.7rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.2rem; margin: 5px 0 0 0; } .cass-stars-left .cass-stars-title { grid-area: 4 / 1 / span 1 / span 1; } .cass-stars-right .cass-stars-title { grid-area: 4 / 3 / span 1 / span 1; text-align: right; } .cass-stars-more { box-sizing: border-box; width: auto; height: 250px; border-top: 1px solid var(--darkgold); border-bottom: 1px solid var(--darkgold); background: url('https://i.postimg.cc/YCtDTRpv/writteninthestars-bg1.png') no-repeat center; display: flex; flex-flow: row nowrap; justify-content: left; align-items: center; padding: 0px; } .cass-stars-more .cass-stars-text { max-height: 210px; padding: 0 10px; overflow: auto; z-index: 5; } .cass-stars-more .cass-stars-tagline { width: 50px; height: 100%; } .cass-stars-more .cass-stars-tagline .headline2 { top: 160px; left: 10px; } .cass-stars-more .cass-stars-tags { box-sizing: border-box; width: 160px; height: 100%; display: flex; flex-flow: column nowrap; gap: 10px; justify-content: center; padding: 20px; border-right: 1px solid var(--darkgold); } .cass-stars-tags ul { margin: 0; padding: 0; } .cass-stars-tags li { list-style: none; text-transform: uppercase; font-family: var(--text); font-size: 0.8rem; letter-spacing: 0.1rem; color: var(--gold); margin-bottom: 10px; text-align: center; } .cass-stars-tags li:last-child { margin: 0; } .cass-stars-button { height: fit-content; background: var(--darkgold); padding: 5px 10px; text-align: center; text-transform: uppercase; font-size: 0.8rem; line-height: 0.8rem; letter-spacing: 0.1rem; color: #000; text-decoration: none; outline: 1px solid var(--darkgold); outline-offset: 3px; margin: 3px; transition: background 0.3s ease; } .cass-stars-button:hover { background: var(--gold); color:#000; } #cass-stars-footer { box-sizing: border-box; height: 60px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; gap: 10px; padding: 20px; border-bottom: 1px solid var(--darkgold); } .cass-stars-stars2 { height: 100px; overflow: visible; z-index: 0; margin-top: -210px; margin-left: -20px; transform: rotate(340deg); } .cass-stars-stars2 img { width: 80%; } </style>
