@font-face{font-family:Playfair;src:url(beispiel-fonts/playfair-display-latin-400-normal.woff2) format('woff2');font-display:swap}@font-face{font-family:Playfair;src:url(beispiel-fonts/playfair-display-latin-400-italic.woff2) format('woff2');font-style:italic;font-display:swap}@font-face{font-family:DM;src:url(beispiel-fonts/dm-sans-latin-400-normal.woff2) format('woff2');font-display:swap}@font-face{font-family:Mono;src:url(beispiel-fonts/dm-mono-latin-400-normal.woff2) format('woff2');font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.8 DM,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0 0 20px}h1,h2,h3{font:400 3rem/1.12 Playfair,Georgia,serif}h1{font-size:clamp(3.2rem,7vw,7.5rem);letter-spacing:-.045em}h2{font-size:clamp(2.1rem,4vw,4rem)}h3{font-size:1.6rem}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.demo-bar{padding:10px 24px;background:#c5a059;color:#1c2721;font:12px/1.5 Mono,monospace;display:flex;justify-content:space-between;gap:15px;position:relative;z-index:10}.demo-bar a{text-decoration:underline}.demo-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;gap:20px;border-bottom:1px solid var(--line)}.author-logo{font:1.7rem Playfair,serif}.demo-nav div{display:flex;gap:24px;font-size:.85rem}.container{width:min(1160px,calc(100% - 80px));margin:auto}.label{font:12px/1.5 Mono,monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}.button{display:inline-block;border:1px solid var(--accent);background:var(--accent);color:var(--button-text);padding:14px 25px;margin-top:15px;transition:transform .25s}.button:hover{transform:translateY(-3px);text-decoration:none}.line-link{border-bottom:1px solid var(--accent);padding-bottom:5px;display:inline-block;font-size:.9rem}.demo-footer{padding:45px 5vw;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;font-size:.8rem}.demo-footer>div{display:flex;gap:20px}.sample{padding:28px;border:1px solid var(--line);margin-top:30px}.sample summary{cursor:pointer;font:1.2rem Playfair,serif}.sample p{max-width:650px;margin:25px auto 0;font-family:Playfair,serif;font-size:1.1rem;line-height:1.9}.demo-note{font:.75rem Mono,monospace;opacity:.85;margin-top:20px}.dark-demo{--bg:#171417;--text:#f3ece6;--accent:#dbb4a9;--button-text:#21181c;--line:#66515b}.dark-hero{display:grid;grid-template-columns:1.12fr 1fr;min-height:700px;position:relative}.dark-hero .hero-copy{padding:80px 5vw;position:relative;z-index:1}.dark-hero h1{font-size:clamp(3.5rem,6.4vw,6.4rem)}.dark-hero h1 em{color:#dfa8a1}.dark-hero p:not(.label){max-width:470px;color:#d4c8ce}.dark-art{min-height:700px;background:linear-gradient(90deg,#17141740,transparent),url(beispiel-dark-romance.jpg) center 35%/cover;position:relative}.dark-art span{position:absolute;bottom:30px;right:25px;font:12px Mono,monospace;writing-mode:vertical-rl;letter-spacing:.2em}.dark-ticker{padding:20px 0;border-block:1px solid #70515e;overflow:hidden;background:#422533}.dark-ticker div{white-space:nowrap;width:max-content;animation:ticker 24s linear infinite;color:#ead4d8;font:1rem Mono,monospace;letter-spacing:.13em}.dark-book{padding:95px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.cover{min-height:440px;padding:45px 30px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(150deg,#552737,#131418);border:1px solid #a08086;box-shadow:12px 15px 0 #080909;transform:rotate(-5deg);text-align:center}.cover h2{font-size:3.2rem}.cover .rose{font-size:5rem;color:#d1a59d}.dark-book p{max-width:650px}.dark-about{background:#ede6df;color:#281e22;padding:85px 0}.dark-about .container{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.dark-about .label{color:#733647}.dark-about blockquote{font:2rem/1.5 Playfair,serif;margin:0}.content-notes{margin:30px 0;border-block:1px solid var(--line);padding:18px 0}.content-notes summary{cursor:pointer}.dark-journal{padding:80px 0}.journal-list{margin-top:35px;border-top:1px solid var(--line)}.journal-list details{border-bottom:1px solid var(--line);padding:22px 0}.journal-list summary{font-size:1.15rem;cursor:pointer}.journal-list p{max-width:700px;margin-top:20px;color:#d4c8ce}
.romantasy-demo{--bg:#fbf2ed;--text:#422d43;--accent:#885168;--button-text:#fff7f2;--line:#d4b7c2}.romantasy-demo .demo-nav{max-width:1200px;margin:auto;border:0;padding-block:28px}.romantic-hero{text-align:center;padding:50px 20px 0;position:relative;background:radial-gradient(ellipse at 50% 50%,#f6dbe4,transparent 65%)}.romantic-hero h1{font-size:clamp(3.5rem,7vw,7rem);max-width:850px;margin-inline:auto}.romantic-hero em{color:#975e7d}.romantic-hero p:not(.label){max-width:500px;margin-inline:auto}.romantic-arch{width:min(720px,90%);height:390px;margin:50px auto 0;border-radius:50% 50% 0 0/80% 80% 0 0;overflow:hidden;position:relative}.romantic-arch img{height:100%;object-fit:cover;object-position:center 35%;animation:breathe 14s ease-in-out infinite alternate}.star{position:absolute;color:#986b82;font-size:2rem;animation:star 7s ease-in-out infinite alternate}.star.one{top:30%;left:11%}.star.two{top:20%;right:13%;animation-delay:-4s}.romantic-letter{padding:75px 0;text-align:center;max-width:750px}.romantic-letter .salutation{font:2.7rem Playfair,serif;font-style:italic}.romantic-letter p{font-size:1.1rem}.romantic-books{padding:75px 0;background:#ecdce3}.romantic-books .container>h2,.romantic-books .container>.label{text-align:center}.book-open{display:grid;grid-template-columns:1fr 1fr;margin:45px 0;background:#fffaf4;box-shadow:0 15px 45px #855d7626}.book-open>div{padding:45px}.book-open>div:first-child{border-right:1px solid #d5b7c5;background:linear-gradient(90deg,#fffaf4 94%,#e9dcd0);display:flex;flex-direction:column;justify-content:center;text-align:center}.book-open h3{font-size:2.7rem}.book-open .moon{font-size:5rem;color:#9b6e82}.romantic-books .sample{border-color:#bb9ba9;background:#fbf2ed}.romantic-notes{padding:70px 0}.romantic-notes .notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.note-paper{padding:35px;background:#f0e4db;transform:rotate(-2deg);border:1px solid #d3c0b5}.note-paper:nth-child(2){transform:rotate(2deg);background:#eee0e9}.note-paper h3{font-style:italic}.romantic-signoff{text-align:center;padding:55px 20px;font:2.4rem Playfair,serif;font-style:italic}
.fantasy-demo{--bg:#152c29;--text:#eeeedd;--accent:#d6bf86;--button-text:#142c28;--line:#698074}.fantasy-demo .demo-nav{background:#102420}.fantasy-hero{min-height:780px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,#102a28e8,#102a2833),url(beispiel-fantasy.jpg) center 40%/cover;overflow:hidden}.fantasy-hero:before{content:'';position:absolute;width:140%;height:100%;left:-20%;background:radial-gradient(ellipse at bottom,#e5ece025,transparent 65%);animation:fog 15s ease-in-out infinite alternate}.fantasy-hero .container{position:relative;padding-block:70px}.fantasy-hero h1{max-width:800px;font-size:clamp(3.3rem,7vw,7rem)}.fantasy-hero h1 em{color:#d6bf86}.fantasy-hero p:not(.label){max-width:510px;font-size:1.1rem}.world-nav{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #809186;margin-top:0}.world-nav a{padding:30px;border-right:1px solid #809186;font:1.1rem Playfair,serif;display:flex;gap:25px}.world-nav span{color:#d6bf86}.atlas{padding:90px 0;background:#e6e4d8;color:#17372f}.atlas .label{color:#6d541e}.atlas-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px}.atlas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.atlas-card{border-top:2px solid #8f915e;padding:25px 0}.atlas-card>span{font:3rem Playfair,serif;color:#7b845e}.atlas-card h3{margin-top:25px}.fantasy-books{padding:85px 0}.fantasy-book-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.fantasy-cover{background:linear-gradient(150deg,#627660,#192d29);border:1px solid #d6bf86;padding:50px 25px;text-align:center;min-height:450px;display:flex;flex-direction:column;justify-content:space-around}.fantasy-cover h2{font-size:3rem}.fantasy-cover .compass{font-size:5rem;color:#d6bf86;animation:compass 18s ease-in-out infinite alternate}.fantasy-about{background:#274439;padding:75px 0}.fantasy-about .container{max-width:820px}.fantasy-about p{font-size:1.1rem}.fantasy-demo .sample{background:#203b32}.fantasy-demo .demo-note{color:#c8d7c4}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes breathe{to{transform:scale(1.07)}}@keyframes star{to{transform:rotate(30deg) translateY(-12px);opacity:.45}}@keyframes fog{to{transform:translateX(10%)}}@keyframes compass{to{transform:rotate(25deg)}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.demo-bar{font-size:10px;padding:10px 15px}.demo-nav{padding:20px;flex-wrap:wrap}.demo-nav div{gap:18px;font-size:.75rem}.dark-hero{grid-template-columns:1fr}.dark-hero .hero-copy{padding:50px 25px}.dark-hero h1{font-size:4rem}.dark-art{min-height:430px;max-height:500px;background-position:center 35%}.dark-book{grid-template-columns:1fr;gap:50px;padding-block:65px}.cover{width:min(310px,85%);margin:auto;min-height:400px}.dark-about .container{grid-template-columns:1fr;gap:25px}.dark-about blockquote{font-size:1.65rem}.dark-journal{padding-block:60px}.romantic-hero h1{font-size:3.8rem}.romantic-arch{height:300px;width:100%;max-width:550px}.star.one{left:3%;font-size:1.3rem}.star.two{right:3%;font-size:1.3rem}.romantic-letter{padding-block:55px}.book-open{grid-template-columns:1fr}.book-open>div{padding:30px}.book-open>div:first-child{border:0;border-bottom:1px solid #d5b7c5;background:#fffaf4}.romantic-notes .notes-grid{grid-template-columns:1fr}.fantasy-hero{min-height:700px;background-position:60% center}.fantasy-hero h1{font-size:4rem}.world-nav{grid-template-columns:1fr}.world-nav a{padding:20px;border-bottom:1px solid #809186;font-size:1.05rem}.atlas-intro{grid-template-columns:1fr;gap:10px}.atlas-grid{grid-template-columns:1fr}.atlas-card{display:grid;grid-template-columns:55px 1fr;gap:0 20px}.atlas-card>span{grid-row:1/3}.atlas-card h3{margin-top:0}.atlas-card p{grid-column:2}.fantasy-book-row{grid-template-columns:1fr;gap:40px}.fantasy-cover{max-width:330px;margin:auto}.demo-footer{flex-direction:column;align-items:start}.sample{padding:20px}.fantasy-about,.atlas,.fantasy-books{padding-block:60px}}
@media(max-width:380px){.author-logo{font-size:1.4rem}.demo-nav div{gap:12px}.dark-hero h1,.fantasy-hero h1{font-size:3.2rem}.romantic-hero h1{font-size:3.2rem}.demo-bar{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.romantic-letter .salutation{font-size:clamp(1.7rem,4.5vw,2.7rem);overflow-wrap:anywhere;hyphens:auto}.demo-footer>div{flex-wrap:wrap}
.book-open{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.book-open>div{min-width:0}.book-open h3{overflow-wrap:anywhere;hyphens:auto}@media(max-width:800px){.book-open{grid-template-columns:minmax(0,1fr)}}@media(max-width:380px){.book-open h3{font-size:2rem}}
#motionToggle{font:12px DM,sans-serif;padding:11px 15px;border:1px solid var(--line);background:transparent;color:inherit;min-height:44px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}