/* WERSCHEN.DE – Historische Zeitreise, Version 1.0
   Keine externen Fonts, Frameworks oder Tracking-Dienste.
   Hauptfarben und Schriftarten hier ändern. */
:root{--forest:#202d25;--forest2:#304333;--gold:#b68f52;--goldlight:#e4c38b;--ink:#312c24;--muted:#756b5d;--paper:#f0e1c4;--paperlite:#f8eed8;--line:#cbb995;--max:1140px;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#eaddbf;color:var(--ink);font:16px/1.7 var(--sans)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.16;background-image:radial-gradient(#715b39 .45px,transparent .9px),radial-gradient(#fff8e6 .5px,transparent 1px);background-position:0 0,8px 8px;background-size:14px 14px}img{max-width:100%;display:block}a{color:inherit}button,input{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 50px),var(--max));margin-inline:auto}.container-wide{width:min(calc(100% - 60px),1300px);margin-inline:auto}.skip{position:absolute;z-index:200;top:-100px;left:20px;background:#fff;padding:12px}.skip:focus{top:15px}:focus-visible{outline:3px solid #ae7933;outline-offset:4px}
.site-header{height:76px;position:relative;z-index:10;background:#1c2823;color:#f5e7cc;box-shadow:0 3px 12px #1d251c4d;border-bottom:1px solid #ad90534f}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{text-decoration:none;font-family:var(--serif);font-weight:700;letter-spacing:2px;font-size:25px;white-space:nowrap;display:flex;gap:15px;align-items:center}.brand-mark{font-size:24px;color:var(--goldlight);border:1px solid #e1c08777;width:38px;height:38px;line-height:35px;text-align:center;border-radius:50%}.brand-point,.footer-brand span{color:var(--goldlight)}.navigation{display:flex;align-items:center;gap:clamp(15px,2.5vw,35px)}.navigation a{text-decoration:none;text-transform:uppercase;letter-spacing:1.45px;font-family:var(--serif);font-size:12px;white-space:nowrap;color:#e9dcc3;transition:color .2s}.navigation a:hover,.navigation a.active{color:#f2cf90}.menu-toggle{display:none;background:transparent;border:1px solid #ad925e;color:#f1e4cd;padding:5px 12px;font-size:25px}
.hero{height:580px;min-height:540px;position:relative;overflow:hidden;background:#4f5141;color:#fff2d5;text-align:center;display:grid;place-items:center}.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,#171e1c60 0%,#19272138 24%,#15201ca6 93%),url('../bilder/rippachtal-kuenstlerisch.webp') center 54%/cover no-repeat;transform:scale(1.012)}.hero-inner{position:relative;z-index:1;padding:25px 0 85px}.hero-eyebrow{letter-spacing:4px;font:12px var(--sans);display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:15px;color:#edd2a1}.ornamental-line{width:45px;border-top:1px solid #dbc18e88}.hero h1{font:normal clamp(78px,12vw,162px)/1 var(--serif);letter-spacing:12px;margin:5px 0 7px;text-shadow:0 4px 18px #1118}.hero-subtitle{font:italic clamp(23px,3vw,35px)/1.3 var(--serif);margin:0 0 25px;color:#f2ddaf}.hero-places{font:13px var(--serif);letter-spacing:2px;text-transform:uppercase;color:#e3d4b6}.hero-places span{color:#dab97a;padding:0 15px}.hero-scroll{display:inline-flex;gap:14px;align-items:center;margin-top:45px;font-size:12px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #d7bd8e;padding-bottom:8px}.hero-scroll:hover{color:#efce9a}.scroll-chevron{font:26px var(--serif)}.hero-caption{font-size:11px;position:absolute;right:20px;bottom:2px;color:#f5e5cd99}
.time-section{position:relative;z-index:2;margin-top:-46px;padding-bottom:105px}.paper-panel{background:var(--paperlite);border:1px solid #ac956b;box-shadow:0 18px 40px #48391f38, inset 0 0 0 8px #f4e7cf,inset 0 0 0 9px #ab93685e;position:relative}.paper-panel:before,.paper-panel:after{content:'✧';position:absolute;color:#ae8651;top:11px;font:25px var(--serif)}.paper-panel:before{left:20px}.paper-panel:after{right:20px}.time-panel{padding:60px 55px 54px}.section-header{margin-bottom:36px}.section-header.centered{text-align:center}.eyebrow{color:#806a47;letter-spacing:3px;font-size:11px;font-weight:700}.section-header h2,.feature-copy h2,.map-text h3,.bottom-inner h2,.article-page h1,.article-page h2{font:normal clamp(31px,4vw,49px)/1.22 var(--serif);margin:10px 0 0;color:#352b20}.section-header p{color:#6f6250;max-width:640px;margin:7px auto 0}.flourish{font:35px/1 var(--serif);color:#aa8c5b;margin-top:11px}.time-controls{padding:2px 22px 27px}.range-label{display:flex;justify-content:space-between;gap:5px;color:#7b6c52;font-size:10px;letter-spacing:1.6px;font-weight:700}.range-label span:nth-child(2){color:#605034;letter-spacing:.3px;text-transform:none;font-size:12px}.time-range{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:14px 0 1px;cursor:pointer}.time-range::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,#a57e47,#b6a37e)}.time-range::-moz-range-track{height:4px;background:linear-gradient(90deg,#a57e47,#b6a37e)}.time-range::-webkit-slider-thumb{-webkit-appearance:none;width:25px;height:25px;border-radius:50%;background:#8c6134;box-shadow:0 0 0 4px #f3e4c8,0 0 0 6px #9f8057;border:3px solid #e7c78d;margin-top:-11px}.time-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#8c6134;border:4px solid #e7c78d;box-shadow:0 0 0 2px #9f8057}.range-hint{text-align:center;color:#887962;font-size:11px}.milestones{display:flex;justify-content:space-between;gap:5px;margin-top:19px;border-bottom:1px solid #c9b792;padding-bottom:15px}.milestones button{border:0;background:none;padding:4px 3px;color:#756148;font-family:var(--serif);font-size:13px;white-space:nowrap}.milestones button:hover,.milestones button.current{color:#784d25;font-weight:700;text-decoration:underline;text-underline-offset:5px}.era-card{display:grid;grid-template-columns:1.06fr 1fr;min-height:372px;box-shadow:0 5px 22px #826c4e25;border:1px solid #cab691;background:#f9f0dd}.era-figure{margin:0;position:relative;min-height:380px;overflow:hidden;background:#9a8864}.era-figure>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.era-figure figcaption{position:absolute;bottom:0;left:0;right:0;background:#1d2825cd;color:#f6ecd9;font-size:11px;line-height:1.4;padding:9px 15px}.era-content{padding:38px 37px 31px;display:flex;flex-direction:column;align-items:flex-start}.era-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.event-date{font:700 20px var(--serif);color:#9b6a32}.research-tag{border:1px solid #ac9b7a;border-radius:50px;font-size:10px;padding:2px 9px;color:#695c47}.event-epoch{font-size:10px;letter-spacing:2.8px;font-weight:700;color:#8b7650;margin:21px 0 2px}.era-content :is(h2,h3){font:normal clamp(25px,2.7vw,34px)/1.22 var(--serif);margin:0;color:#312a21}.era-lead{font:italic 17px/1.5 var(--serif);color:#5d503f;margin:15px 0 9px}.era-long{font-size:13px;color:#544d40;line-height:1.7;margin:0 0 14px}.source-line{font-size:11px;color:#74694e;margin:auto 0 14px;line-height:1.45}.source-line a{color:#78603c}.source-line a:hover{color:#333}.era-actions{display:flex;gap:9px;align-items:center;margin-top:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;text-decoration:none;letter-spacing:1px;font-size:12px;font-weight:700;text-transform:uppercase;padding:13px 20px;transition:background .2s,color .2s,border .2s}.button-primary{color:#ffefce;background:var(--forest);border:1px solid #1e3024}.button-primary:hover{background:#455e45}.arrow-button{width:40px;height:40px;background:#f0e4ce;border:1px solid #c4b08d;color:#52442e}.arrow-button:disabled{opacity:.35;cursor:default}.arrow-button:hover:not(:disabled){background:#ddccaa}
.places-section{padding-bottom:108px}.place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.place-card{background:#f4e9d2;border:1px solid #bdac8a;box-shadow:0 6px 15px #69573b1f;transition:transform .2s}.place-card:hover{transform:translateY(-5px)}.place-photo{height:235px;overflow:hidden;position:relative}.place-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.place-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#1c251a80)}.place-photo span{position:absolute;bottom:10px;left:17px;z-index:1;color:#fff0c8;text-transform:uppercase;font:12px var(--serif);letter-spacing:1px}.place-body{padding:23px 25px 28px}.place-body h3{font:normal 29px var(--serif);margin:0 0 5px}.place-body p{font:14px/1.75 var(--sans);color:#6b5c48;min-height:73px;margin:0 0 23px}.text-link{font:700 12px var(--sans);text-transform:uppercase;letter-spacing:1px;color:#876238;text-decoration:none;border-bottom:1px solid #b28e5e;padding-bottom:5px}.text-link:hover{color:#3a5139}.small-disclaimer{font-size:11px;color:#7b6d57;margin:20px 0 0}.centered{text-align:center}
.feature-section{background:var(--forest);color:#e5dcc6;padding:95px 0;position:relative}.feature-section:before,.bottom-callout:before{content:"";pointer-events:none;position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(57deg,transparent 0 20px,#ffffff0c 21px 22px)}.feature-inner{position:relative;display:grid;grid-template-columns:1.13fr 1fr;gap:60px;align-items:center}.feature-image{position:relative;border:8px solid #c6ac7f;box-shadow:0 10px 25px #121e1699}.feature-image img{width:100%;height:auto}.feature-stamp{position:absolute;top:16px;left:16px;background:#1d2b23e8;color:#ebd4a1;padding:7px 12px;font:13px var(--serif);letter-spacing:1.5px}.eyebrow.gold{color:#d4b37c}.feature-copy h2{color:#fff0d3;margin:11px 0 22px}.feature-copy p{color:#d5d6c7;font-size:15px}.button-outline{border:1px solid #c7a975;color:#f5e7c9;margin-top:20px}.button-outline:hover{background:#c7a975;color:var(--forest)}
.map-section{padding-block:107px}.map-frame{display:grid;grid-template-columns:1.32fr 1fr;border:1px solid #b8a27e;background:#f8ebd0;box-shadow:0 8px 24px #69573b26}.map-display{background:#dbca9e;padding:15px;min-height:350px}.map-display img{height:auto;min-height:340px;width:100%;object-fit:cover;border:1px solid #a58c62}.map-text{padding:40px 39px}.map-text h3{font-size:37px;margin:7px 0 19px}.map-text p{font-size:14px;color:#635a4c;margin-bottom:17px}.map-text .text-link{display:inline-block;margin-top:15px}.bottom-callout{position:relative;background:#2a3c30;color:#e8e2cb;padding:55px 0}.bottom-inner{position:relative;display:flex;align-items:center;gap:29px}.bottom-inner .big-star{font:85px var(--serif);color:#b6a070}.bottom-inner h2{color:#f4e7d0;font-size:39px}.bottom-inner p{max-width:590px;font-size:14px;color:#dad7c9}.bottom-inner .button{margin:0 0 0 auto;white-space:nowrap}
.footer{background:#1a2721;color:#c2c8b9;padding:45px 0 0}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-brand{font:30px var(--serif);letter-spacing:3px;color:#f4e8cc}.footer p{font:13px/1.8 var(--sans);color:#a9b3a6}.footer nav{display:flex;gap:24px;align-items:flex-start;margin-top:17px}.footer a{font-size:12px;text-decoration:none;color:#d4c9ab}.footer a:hover{text-decoration:underline}.footer-bottom{font-size:11px;text-align:center;color:#9da99c;border-top:1px solid #50614d4c;padding:17px;margin-top:25px}
/* Unterseiten */
.subpage-hero{background:linear-gradient(135deg,#243428,#45513d);color:#f6e7ca;padding:77px 0 65px;position:relative;overflow:hidden}.subpage-hero:after{content:"✣";font:300px var(--serif);color:#e4cea213;position:absolute;right:9%;top:-155px}.subpage-hero h1{font:normal clamp(48px,7vw,79px)/1.1 var(--serif);margin:7px 0 13px}.subpage-hero p{max-width:750px;color:#e0d9c5}.breadcrumbs{font-size:12px;color:#dcc293;position:relative;z-index:1}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.article-page{padding:66px 0 95px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:54px}.article-main{min-width:0}.article-main h2{font-size:34px;margin:30px 0 13px}.article-main p{line-height:1.9;color:#453e35}.article-main .lead{font:italic 22px/1.6 var(--serif);color:#65523b}.article-main figure{margin:28px 0;background:#f4e8cf;border:1px solid #bb9d74;padding:8px}.article-main figure img{width:100%;max-height:480px;object-fit:cover}.article-main figcaption{padding:9px 10px;font-size:12px;color:#776952}.article-main blockquote{font:italic 21px/1.7 var(--serif);border-left:4px solid #b48d54;margin:24px 0;padding:16px 24px;background:#f4e7cc}.article-side{background:#f5e7cb;border:1px solid #c7b18b;padding:28px;align-self:start}.article-side h3{font:26px var(--serif);margin:0 0 15px}.article-side p{font-size:13px;color:#665b4c}.article-side a{font-size:13px;color:#77582d;overflow-wrap:anywhere}.side-links{display:flex;flex-direction:column;gap:8px}.source-card{border-left:3px solid #ad8852;background:#f5e8d0;padding:20px 21px;margin:0 0 16px;overflow-wrap:anywhere}.source-card h3{font:normal 23px/1.3 var(--serif);margin:0 0 7px}.source-card p{font-size:13px;color:#6a5d4c;margin:0 0 8px}.source-card a{color:#745328;font-size:13px;word-break:break-word}.legal-warning{background:#f8e6c6;border:2px solid #a65a33;color:#673a28;padding:18px 22px;margin-bottom:25px}.small{font-size:12px}.related-places{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0}.related-places a{padding:9px 14px;text-decoration:none;border:1px solid #c6af86;background:#f7e9ca;font:14px var(--serif)}.related-places a:hover{background:#dfd0b2}
/* Editor (nicht veröffentlichen) */
.editor-ui{background:#f5eddd;min-height:100vh}.editor-head{background:#25352c;color:#f4e1c0;padding:25px}.editor-head h1{margin:0;font:33px var(--serif)}.editor-shell{width:min(1200px,calc(100% - 32px));margin:30px auto}.editor-alert{padding:15px 19px;background:#fff2cc;border:1px solid #c79b54;margin-bottom:24px}.editor-layout{display:grid;grid-template-columns:300px 1fr;gap:23px}.editor-list{background:white;border:1px solid #ccb996;max-height:730px;overflow:auto;padding:13px}.editor-list button{display:block;width:100%;text-align:left;background:#f4eddf;border:0;border-bottom:1px solid #d4c5aa;padding:11px 9px;color:#40392f}.editor-list button.selected{background:#304535;color:#f6ebd5}.editor-form{background:white;border:1px solid #ccb996;padding:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.editor-form label{display:block;font-size:12px;font-weight:700;color:#5a4b38;margin:12px 0 5px}.editor-form input,.editor-form textarea,.editor-form select{width:100%;border:1px solid #ac9a7c;background:#fffdf6;color:#302c25;padding:9px}.editor-form textarea{height:125px;resize:vertical}.editor-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:17px}.editor-btn{border:1px solid #bda277;background:#f0e3c9;color:#312c24;padding:9px 14px}.editor-btn.primary{background:#283b2f;color:#fff1d4;border-color:#283b2f}.editor-btn.danger{background:#f9e7de;color:#8f3b24}.form-note{font-size:12px;color:#786a55}.editor-message{min-height:22px;color:#2c6334;font-weight:700}.hidden{display:none!important}
@media(max-width:980px){.navigation{gap:14px}.navigation a{font-size:11px;letter-spacing:.6px}.hero{height:520px}.time-panel{padding:50px 29px 35px}.era-content{padding:27px}.era-long{font-size:12px}.map-text{padding:27px}.feature-inner{gap:31px}.bottom-inner{gap:17px}.bottom-inner .button{padding-inline:10px}}
@media(max-width:760px){.site-header{height:68px}.container,.container-wide{width:min(calc(100% - 30px),var(--max))}.brand{font-size:22px}.menu-toggle{display:block}.navigation{display:none;position:absolute;top:68px;left:0;right:0;background:#1c2823;padding:14px 20px 23px;flex-direction:column;align-items:flex-start;gap:0;box-shadow:0 8px 12px #19251d55}.navigation.open{display:flex}.navigation a{display:block;padding:10px;width:100%;font-size:14px}.hero{height:480px;min-height:unset}.hero-inner{padding-bottom:45px}.hero h1{font-size:clamp(50px,13vw,90px);letter-spacing:4px}.hero-eyebrow{font-size:9px;letter-spacing:2px}.hero-places{font-size:10px;letter-spacing:0}.hero-places span{padding:0 5px}.hero-scroll{margin-top:29px}.hero-caption{font-size:8px;right:10px}.time-section{margin-top:-18px;padding-bottom:65px}.time-panel{padding:42px 17px 22px}.time-controls{padding:0 4px 17px}.milestones{overflow-x:auto;justify-content:flex-start;gap:17px}.milestones button{flex:0 0 auto}.era-card{grid-template-columns:1fr}.era-figure{min-height:260px}.era-figure>img{position:absolute}.era-content{padding:25px}.era-long{font-size:14px}.range-label{font-size:9px}.place-grid{grid-template-columns:1fr;gap:19px}.place-photo{height:235px}.place-body p{min-height:auto}.places-section{padding-bottom:70px}.feature-section{padding:65px 0}.feature-inner{grid-template-columns:1fr}.feature-image{max-width:590px}.map-section{padding-block:70px}.map-frame{grid-template-columns:1fr}.map-display{min-height:0}.map-display img{max-height:450px;min-height:0}.bottom-inner{display:block}.big-star{display:none}.bottom-inner .button{margin-top:16px}.footer-inner{flex-direction:column}.footer nav{flex-wrap:wrap;gap:20px}.article-grid{grid-template-columns:1fr;gap:25px}.article-page{padding:38px 0}.editor-layout{grid-template-columns:1fr}.editor-list{max-height:220px}.form-grid{grid-template-columns:1fr}}
@media(max-width:380px){.hero h1{font-size:47px}.hero-eyebrow{letter-spacing:1px}.section-header h2{font-size:29px}.time-panel{padding-inline:10px}.era-content{padding:19px}.research-tag{font-size:9px}.era-actions{gap:5px}.button{gap:5px;padding-inline:11px}.brand-mark{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.external-link-icon { white-space: nowrap; font-size: .85em; }
.external-link-accessible { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
.buzzard-sun-shadow { position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: 0; background: linear-gradient(90deg,#182018 0%,#182018 22%,rgb(24 32 24 / 55%) 45%,transparent 68%); }
@media(prefers-reduced-motion:reduce) { .buzzard-sun-shadow { display:none; } }