/* ========================================= Geländeordnung – nur Seiten-spezifische Styles Basis-Design kommt aus /assets/site.css Gilt nur auf ========================================= */ body.page-gelaendeordnung .hero-gelaendeordnung{ min-height: 280px; } body.page-gelaendeordnung .hero-gelaendeordnung::before{ opacity: 0.72; /* wie im Original Gelaende.html */ } body.page-gelaendeordnung .hero-gelaendeordnung .hero-inner{ padding: 40px 22px; max-width: 820px; } body.page-gelaendeordnung .hero-gelaendeordnung p{ font-size: 15.5px; line-height: 1.6; } /* Lesemodus/TOC wie im Original */ body.page-gelaendeordnung .satzung-wrap{ display:grid; grid-template-columns: 0.85fr 1.15fr; gap: var(--gap); align-items:start; } @media (max-width: 980px){ body.page-gelaendeordnung .satzung-wrap{ grid-template-columns: 1fr; } } /* TOC */ body.page-gelaendeordnung .toc{ padding: 16px; position: sticky; top: 92px; } body.page-gelaendeordnung .toc h3{ margin: 0 0 8px; } body.page-gelaendeordnung .toc a{ display:flex; gap:10px; align-items:baseline; padding: 10px 10px; border-radius: 14px; color: rgba(245,255,252,0.78); border: 1px solid transparent; transition: background .15s ease, border-color .15s ease, transform .15s ease; } body.page-gelaendeordnung .toc a:hover{ text-decoration:none; background: rgba(255,255,255,0.04); border-color: rgba(50,214,198,0.22); transform: translateY(-1px); color: rgba(245,255,252,0.92); } body.page-gelaendeordnung .toc .k{ font-weight: 900; color: var(--seafoam); letter-spacing: .08em; text-transform: uppercase; font-size: 12px; min-width: 52px; opacity: 0.95; } /* Dokument */ body.page-gelaendeordnung .doc{ padding: 18px; } body.page-gelaendeordnung .doc .intro{ padding: 12px 14px; border-radius: var(--radius-lg); border:1px solid rgba(50,214,198,0.22); background: rgba(50,214,198,0.08); box-shadow: var(--glow-aqua); color: rgba(245,255,252,0.88); line-height: 1.75; font-size: 14.5px; margin-bottom: 14px; } /* Akkordeon */ body.page-gelaendeordnung details.par{ border-top: 1px solid rgba(255,255,255,0.08); padding: 8px 0; } body.page-gelaendeordnung details.par:first-of-type{ border-top: 0; padding-top: 0; } body.page-gelaendeordnung summary{ cursor:pointer; list-style:none; display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding: 10px 10px; border-radius: 16px; border: 1px solid transparent; transition: background .15s ease, border-color .15s ease; } body.page-gelaendeordnung summary:hover{ background: rgba(255,255,255,0.04); border-color: rgba(50,214,198,0.18); } body.page-gelaendeordnung summary::-webkit-details-marker{ display:none; } body.page-gelaendeordnung .par-title{ display:flex; gap:10px; align-items:baseline; font-weight: 900; letter-spacing: 0.2px; } body.page-gelaendeordnung .par-title .sig{ color: var(--seafoam); opacity: 0.95; font-weight: 900; min-width: 58px; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; } body.page-gelaendeordnung .par-title .t{ font-size: 16px; color: rgba(245,255,252,0.92); } body.page-gelaendeordnung .chev{ color: rgba(245,255,252,0.70); font-weight: 900; transform: translateY(-1px); } body.page-gelaendeordnung details[open] summary .chev{ transform: rotate(180deg) translateY(1px); } body.page-gelaendeordnung .par-body{ padding: 8px 12px 14px 12px; color: rgba(245,255,252,0.82); line-height: 1.85; font-size: 15px; } body.page-gelaendeordnung .par-body ul{ margin: 10px 0 0; padding-left: 18px; } body.page-gelaendeordnung .par-body li{ margin: 6px 0; color: rgba(245,255,252,0.78); } body.page-gelaendeordnung .note{ margin-top: 14px; color: var(--muted); font-size: 13.5px; line-height: 1.6; } /* Druckansicht */ @media print{ header, footer, .grain{ display:none !important; } body{ background: #fff !important; color: #111 !important; } body.page-gelaendeordnung .container{ width: 100% !important; margin: 0 !important; } body.page-gelaendeordnung main.container{ padding: 0 !important; } body.page-gelaendeordnung .hero{ display:none !important; } body.page-gelaendeordnung .satzung-wrap{ grid-template-columns: 1fr !important; } body.page-gelaendeordnung .toc{ display:none !important; } body.page-gelaendeordnung .panel{ border: 0 !important; background: transparent !important; backdrop-filter: none !important; overflow: visible !important; } body.page-gelaendeordnung details.par{ border-top: 1px solid #ddd !important; padding: 10px 0 !important; } body.page-gelaendeordnung details.par > summary{ display:none !important; } body.page-gelaendeordnung details.par .par-body{ display:block !important; padding: 0 !important; color: #111 !important; font-size: 12pt !important; line-height: 1.55 !important; } body.page-gelaendeordnung .doc .intro{ border: 1px solid #ddd !important; background: #f7f7f7 !important; box-shadow: none !important; color:#111 !important; margin-bottom: 12px !important; } body.page-gelaendeordnung a[href]::after{ content: " (" attr(href) ")"; font-size: 10pt; color: #555; } }