/*
Theme Name: Book of Ra – Editorial
Theme URI: https://onlinebookofraspielen.net/
Author: OpenAI
Description: Helles, redaktionelles WordPress-Theme für einen unabhängigen Book-of-Ra-Informationsguide.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: book-of-ra-editorial
*/
:root{--sand:#f4ead7;--cream:#fffaf1;--paper:#f8f1e5;--bronze:#a86b2c;--bronze-dark:#784719;--green:#263d34;--ink:#2b2b24;--muted:#76634e;--line:#e7d2b4;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--bronze-dark);text-decoration:none}a:hover{color:var(--green);text-decoration:underline}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{background:rgba(255,250,241,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:700 25px/1 Georgia,serif;letter-spacing:.04em;color:var(--green)}.brand small{display:block;font:11px/1.5 system-ui;letter-spacing:.14em;color:var(--muted);margin-top:6px}.main-nav ul{display:flex;gap:20px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.main-nav a{font-size:14px;font-weight:650;color:var(--green)}.hero{margin:26px auto 30px;min-height:390px;border-radius:28px;overflow:hidden;background:linear-gradient(90deg,rgba(248,232,203,.96),rgba(248,232,203,.68) 48%,rgba(248,232,203,.08)),url('') center/cover,var(--sand);display:flex;align-items:center;padding:clamp(30px,6vw,76px);border:1px solid var(--line)}.hero-copy{max-width:610px}.eyebrow{color:var(--bronze-dark);font-size:13px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.hero h1{font:700 clamp(42px,6vw,76px)/.98 Georgia,serif;color:var(--green);margin:14px 0}.hero p{font:clamp(18px,2vw,23px)/1.45 Georgia,serif;color:#594630;max-width:580px}.btn,.wp-block-button__link{display:inline-block;background:var(--bronze-dark);color:#fff!important;padding:12px 24px;border-radius:999px;font-weight:700;border:0;cursor:pointer}.btn:hover{background:var(--green);text-decoration:none}.section{padding:24px 0 34px}.section-title{text-align:center;color:var(--green);font:700 clamp(28px,3vw,40px)/1.2 Georgia,serif;margin:0 0 8px}.section-intro{text-align:center;color:var(--muted);margin:0 auto 24px;max-width:720px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.tile,.content-card,.tool-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:23px;box-shadow:0 5px 18px rgba(91,62,29,.045)}.tile{text-align:center}.tile .symbol{font-size:36px;color:var(--bronze);display:block;margin-bottom:8px}.tile h3,.content-card h2,.content-card h3,.tool-card h2{font:700 23px/1.25 Georgia,serif;color:var(--green);margin:0 0 10px}.tile p{margin:0 0 12px;color:var(--muted);font-size:15px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;padding:38px 0}.article{background:#fffdf8;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,4vw,48px);min-width:0}.article h1{font:700 clamp(34px,4vw,52px)/1.1 Georgia,serif;color:var(--green);margin:0 0 20px}.article h2{font:700 30px/1.2 Georgia,serif;color:var(--green);margin:38px 0 12px}.article h3{font:700 22px Georgia,serif;color:var(--green)}.article p,.article li{max-width:78ch}.sidebar{align-self:start;position:sticky;top:100px}.sidebar .content-card{margin-bottom:16px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:18px}.notice{border-left:4px solid var(--bronze);background:#f7eddd;padding:15px 18px;border-radius:0 12px 12px 0;margin:22px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fffdf8}th,td{padding:12px 14px;border:1px solid var(--line);text-align:left}th{background:#efe1c9;color:var(--green)}.calculator{background:#fffaf1;border:1px solid var(--line);border-radius:18px;padding:22px;margin:24px 0}.calculator label{display:block;font-weight:650;color:var(--green);margin:12px 0 5px}.calculator input,.calculator select{width:100%;max-width:360px;border:1px solid #cdb895;border-radius:9px;padding:11px;background:white;font:inherit}.calc-result{background:#f0e3ce;border-radius:12px;padding:15px;margin-top:16px;font-weight:700;color:var(--green)}.site-footer{margin-top:45px;background:var(--green);color:#f8edda;padding:38px 0}.site-footer a{color:#f1d3a7}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-nav{display:flex;gap:16px;flex-wrap:wrap}.mobile-menu{display:none}.menu-toggle{display:none;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--green);padding:10px 13px;font:650 14px system-ui;cursor:pointer}.menu-toggle-icon{display:grid;gap:4px;width:19px}.menu-toggle-icon i{display:block;height:2px;width:19px;border-radius:2px;background:var(--green);transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] .menu-toggle-icon i:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-toggle-icon i:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] .menu-toggle-icon i:last-child{transform:translateY(-6px) rotate(-45deg)}.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--paper)}.post-card h3{margin-top:0;font:700 21px Georgia;color:var(--green)}
@media(max-width:900px){.grid.five{grid-template-columns:repeat(3,1fr)}.content-layout{grid-template-columns:1fr}.sidebar{position:static}.main-nav ul{gap:10px}.main-nav a{font-size:12px}}
@media(max-width:640px){.wrap{width:min(100% - 26px,1160px)}.header-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;min-height:72px}.brand{font-size:21px}.brand small{font-size:9px}.menu-toggle{display:inline-flex;justify-self:end}.main-nav{display:none;grid-column:1/-1;width:100%;padding:8px 0 12px;border-top:1px solid var(--line)}.main-nav.is-open{display:block}.main-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav li{border-bottom:1px solid rgba(168,107,44,.15)}.main-nav li:last-child{border-bottom:0}.main-nav a{display:block;padding:12px 8px;font-size:15px}.main-nav .sub-menu{display:block;padding:0 0 6px 16px}.main-nav .sub-menu a{font-size:14px;padding:9px 8px;color:var(--muted)}.hero{min-height:340px;padding:28px}.grid,.grid.five,.post-list{grid-template-columns:1fr 1fr}.tile,.content-card{padding:17px}.article{padding:22px}.footer-inner{display:block}}
@media(max-width:420px){.grid,.grid.five,.post-list{grid-template-columns:1fr}}