/*
Theme Name: Straßengeschichte
Theme URI: https://strassengeschichte.eu/
Author: Straßengeschichte.eu
Description: Eigenständiges, responsives Erscheinungsbild für Straßengeschichte.eu.
Version: 1.0.2
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.2
Text Domain: strassengeschichte
*/

:root{--sg-forest:#193d35;--sg-forest-deep:#102c27;--sg-moss:#46675b;--sg-paper:#f4f1e8;--sg-cream:#fffdf7;--sg-ink:#20332e;--sg-muted:#64716b;--sg-copper:#b36446;--sg-brass:#c5a873;--sg-blue:#758b8c;--sg-rule:#dedbd0;--sg-shadow:0 24px 70px #18382a14;--sg-display:Georgia,'Times New Roman',serif;--sg-ui:Inter,'Segoe UI',Arial,sans-serif;--sg-width:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sg-paper);color:var(--sg-ink);font:16px/1.65 var(--sg-ui);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto}button,input{font:inherit}:focus-visible{outline:3px solid var(--sg-copper);outline-offset:4px}.sg-wrap{width:min(var(--sg-width),calc(100% - 56px));margin-inline:auto}.sg-header{position:relative;z-index:5;background:#f8f6eff2;border-bottom:1px solid #d9d8cf;backdrop-filter:blur(14px)}.sg-header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px}.sg-brand{display:inline-flex;align-items:center;gap:13px;min-width:245px;color:var(--sg-forest);text-decoration:none}.sg-brand img,.custom-logo{display:block;width:250px;height:auto}.sg-brand-fallback{display:flex;align-items:center;gap:12px}.sg-brand-fallback img{width:48px;height:48px}.sg-brand-name{display:block;font:700 21px/1.06 var(--sg-display);letter-spacing:-.04em}.sg-brand-name em{font-style:normal;color:var(--sg-copper)}.sg-brand-tag{display:block;margin-top:5px;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.18em;color:#69756d}.sg-header nav ul{display:flex;align-items:center;gap:30px;padding:0;margin:0;list-style:none}.sg-header nav a{font-size:12px;font-weight:650;text-decoration:none;color:#4e5d55}.sg-header nav a:hover{color:var(--sg-copper)}.sg-nav-cta,.sg-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;background:var(--sg-forest);color:#fffdf7;border:1px solid var(--sg-forest);border-radius:3px;font-size:12px;font-weight:700;text-decoration:none;letter-spacing:.025em;transition:transform .18s,background .18s}.sg-nav-cta:hover,.sg-button:hover{background:var(--sg-copper);border-color:var(--sg-copper);transform:translateY(-1px)}.sg-button-light{background:var(--sg-cream);color:var(--sg-forest);border-color:#c9c7bb}.sg-button-light:hover{color:white}.sg-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--sg-copper);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.sg-eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.sg-hero{position:relative;overflow:hidden;padding:88px 0 94px;background:var(--sg-forest);color:#fffdf6}.sg-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 25%,#66807156,transparent 42%),linear-gradient(115deg,#112e29 5%,#1b4137 56%,#314f42);pointer-events:none}.sg-hero:after{content:"";position:absolute;inset:18px;border:1px solid #ddcc9b20;pointer-events:none}.sg-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(390px,.9fr) minmax(470px,1.1fr);align-items:center;gap:65px}.sg-hero-copy{max-width:560px}.sg-hero .sg-eyebrow{color:#e3c995}.sg-hero h1{margin:22px 0 22px;max-width:630px;color:#fffdf7;font:500 clamp(52px,6.2vw,82px)/.99 var(--sg-display);letter-spacing:-.052em;text-wrap:balance}.sg-hero h1 span{color:#d9bc86;font-style:italic}.sg-hero-copy>p{max-width:505px;margin:0;color:#e0e5dd;font-size:17px;line-height:1.75}.sg-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.sg-hero .sg-button{background:#e0c48d;color:#203b32;border-color:#e0c48d}.sg-hero .sg-button:hover{background:#f2ead7;border-color:#f2ead7}.sg-hero .sg-button-light{background:transparent;color:#f4f1e8;border-color:#ffffff55}.sg-hero .sg-button-light:hover{background:#ffffff12;border-color:#fff}.sg-hero-note{display:flex;gap:12px;align-items:center;margin-top:26px;color:#c6d0c6;font-size:11px}.sg-hero-note b{width:22px;height:22px;border:1px solid #c2ac78;border-radius:50%;display:grid;place-items:center;color:#dfc68f;font-family:var(--sg-display)}.sg-map-art{position:relative;min-height:400px;border:1px solid #d9d0b251;background:#f1ecdd;border-radius:3px;box-shadow:0 22px 65px #071b1770;transform:rotate(.6deg);overflow:hidden}.sg-map-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#596c5c0e 1px,transparent 1px),linear-gradient(90deg,#596c5c0e 1px,transparent 1px);background-size:34px 34px}.sg-map-art svg{position:absolute;inset:0;width:100%;height:100%}.sg-map-label{position:absolute;left:20px;bottom:18px;padding:11px 14px;background:#fffdf3ed;border:1px solid #d7d1c2;color:#607067;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.sg-map-label strong{display:block;margin-bottom:4px;color:var(--sg-forest);font:500 18px var(--sg-display);letter-spacing:0;text-transform:none}.sg-route-main{fill:none;stroke:#b36446;stroke-width:5;stroke-linecap:round;stroke-dasharray:1 0}.sg-route-secondary{fill:none;stroke:#73887c;stroke-width:2}.sg-route-halo{fill:none;stroke:#b3644630;stroke-width:18}.sg-map-dot{fill:#b36446;stroke:#fffdf7;stroke-width:4}.sg-street-grid{fill:none;stroke:#b7b8aa;stroke-width:1.6}.sg-section{padding:88px 0}.sg-section-tint{background:#e9e7dc}.sg-section-dark{background:var(--sg-forest-deep);color:#fffdf6}.sg-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.sg-section-head>div{max-width:620px}.sg-section h2,.sg-story h2,.sg-cta h2{margin:12px 0 0;font:500 clamp(36px,4.4vw,54px)/1.06 var(--sg-display);letter-spacing:-.04em;text-wrap:balance}.sg-section-head>p{max-width:420px;margin:0;color:var(--sg-muted);font-size:14px;line-height:1.7}.sg-section-dark .sg-section-head>p{color:#c8d0c9}.sg-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sg-card{position:relative;min-height:245px;padding:28px;background:var(--sg-cream);border:1px solid var(--sg-rule);box-shadow:0 6px 25px #25382c08}.sg-card-mark{display:grid;place-items:center;width:43px;height:43px;margin-bottom:32px;border:1px solid #c5a87380;border-radius:50%;color:var(--sg-copper);font:500 19px var(--sg-display)}.sg-card h3{margin:0 0 10px;font:500 25px/1.1 var(--sg-display);letter-spacing:-.02em}.sg-card p{margin:0;color:var(--sg-muted);font-size:13px;line-height:1.7}.sg-card small{display:block;margin-top:18px;color:#8a8d81;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.sg-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:80px;align-items:center}.sg-story-art{min-height:380px;position:relative;overflow:hidden;background:#dfd7c4;border:1px solid #d0c8b6}.sg-story-art svg{width:100%;height:100%;min-height:380px;display:block}.sg-story-copy{max-width:515px}.sg-story-copy>p{margin:20px 0 0;color:var(--sg-muted);font-size:15px;line-height:1.8}.sg-story-copy .sg-button{margin-top:28px}.sg-principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff2c;margin-top:46px;padding-top:27px;gap:18px}.sg-principle{display:flex;gap:11px;align-items:flex-start;color:#d7dfd7;font-size:11px;line-height:1.5}.sg-principle b{color:#e1c58f;font:500 17px var(--sg-display)}.sg-cta{position:relative;overflow:hidden;padding:66px 70px;background:#dfd5bf;display:flex;justify-content:space-between;align-items:center;gap:32px}.sg-cta:after{content:"";position:absolute;right:-80px;top:-170px;width:350px;height:350px;border:1px solid #a6583c2c;border-radius:50%;box-shadow:0 0 0 28px #a6583c10,0 0 0 56px #a6583c08;pointer-events:none}.sg-cta-copy{position:relative;z-index:1;max-width:620px}.sg-cta-copy>p{margin:12px 0 0;color:#57665e;font-size:14px}.sg-cta .sg-button{position:relative;z-index:1;white-space:nowrap}.sg-footer{background:#102a25;color:#d6ddd5;padding:50px 0 23px}.sg-footer-main{display:flex;justify-content:space-between;gap:50px;padding-bottom:34px}.sg-footer-brand{max-width:350px}.sg-footer-brand .sg-brand{color:#fffdf7}.sg-footer-brand .sg-brand-tag{color:#aab8ae}.sg-footer-brand p{max-width:310px;color:#b8c3bb;font-size:12px;line-height:1.7}.sg-footer-links{display:flex;gap:68px}.sg-footer-links strong{display:block;margin-bottom:13px;color:#e2c991;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.sg-footer-links a{display:block;margin:8px 0;color:#d3ddd4;font-size:11px;text-decoration:none}.sg-footer-bottom{display:flex;justify-content:space-between;gap:22px;border-top:1px solid #ffffff22;padding-top:17px;color:#aab6ad;font-size:10px}.sg-site-content{min-height:55vh;padding:70px 0 100px}.sg-content-panel{max-width:900px;margin:0 auto;padding:45px;background:var(--sg-cream);border:1px solid var(--sg-rule)}.sg-content-panel h1,.sg-post-title{font:500 clamp(38px,5vw,62px)/1.05 var(--sg-display);letter-spacing:-.04em;color:var(--sg-forest)}.sg-content-panel h2,.sg-entry-content h2{font:500 34px/1.1 var(--sg-display);margin-top:1.6em}.sg-entry-content{font-size:17px;line-height:1.85}.sg-entry-content>*{max-width:740px}.sg-entry-content a{color:var(--sg-copper)}.sg-search{display:flex;gap:8px;max-width:525px;margin-top:27px;padding:6px;background:#fffdf7;border:1px solid #d8d4c8;border-radius:3px;box-shadow:0 10px 32px #081b1526}.sg-search input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:10px;color:var(--sg-ink);outline:none}.sg-search button{border:0;padding:0 18px;background:var(--sg-copper);color:#fff;border-radius:2px;font-weight:700;font-size:12px;cursor:pointer}.sg-search button:hover{background:var(--sg-forest)}.sg-note-card{padding:19px 20px;background:#fffdf8;border-left:3px solid var(--sg-copper);color:#657168;font-size:12px;line-height:1.7}.sg-brand-ledger{font-size:12px;color:var(--sg-muted)}.wp-block-search{margin:28px 0}.wp-block-search__input{min-height:48px;border-color:#d8d4c8}.wp-block-search__button{background:var(--sg-forest);color:#fff}.wp-block-post-title a{text-decoration:none;color:var(--sg-forest)}.wp-block-post-title{font:500 25px/1.15 var(--sg-display)}.wp-block-post-date,.wp-block-post-excerpt{color:var(--sg-muted);font-size:13px}.wp-block-separator{border-color:var(--sg-rule)}.wp-block-button__link{background:var(--sg-forest);color:white}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}
@media(max-width:1000px){.sg-wrap{width:min(100% - 40px,var(--sg-width))}.sg-header-inner{min-height:76px;gap:20px}.sg-brand img,.custom-logo{width:214px}.sg-header nav ul{gap:18px}.sg-header nav a{font-size:11px}.sg-nav-cta{display:none}.sg-hero{padding:65px 0}.sg-hero-grid{grid-template-columns:1fr 1fr;gap:35px}.sg-map-art{min-height:340px}.sg-section{padding:68px 0}.sg-story{gap:45px}.sg-principles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sg-wrap{width:calc(100% - 32px)}.sg-header-inner{min-height:auto;padding:14px 0;align-items:flex-start;flex-direction:column;gap:13px}.sg-brand img,.custom-logo{width:220px}.sg-header nav{width:100%;overflow-x:auto;scrollbar-width:none}.sg-header nav::-webkit-scrollbar{display:none}.sg-header nav ul{width:max-content;gap:23px;padding:2px 1px 5px}.sg-hero{padding:52px 0 56px}.sg-hero-grid{grid-template-columns:1fr;gap:35px}.sg-hero h1{font-size:clamp(48px,12vw,70px);max-width:570px}.sg-hero-copy>p{font-size:15px}.sg-map-art{min-height:285px;transform:none}.sg-section{padding:56px 0}.sg-section-head{display:block;margin-bottom:27px}.sg-section h2,.sg-story h2,.sg-cta h2{font-size:38px}.sg-section-head>p{margin-top:12px;font-size:13px}.sg-grid-3{grid-template-columns:1fr;gap:12px}.sg-card{min-height:0;padding:23px}.sg-card-mark{margin-bottom:20px}.sg-story{grid-template-columns:1fr;gap:30px}.sg-story-art,.sg-story-art svg{min-height:275px}.sg-principles{margin-top:30px;padding-top:21px;gap:15px}.sg-principle{font-size:10px}.sg-cta{display:block;padding:38px 25px}.sg-cta .sg-button{margin-top:22px}.sg-footer{padding:38px 0 20px}.sg-footer-main{display:block}.sg-footer-links{margin-top:28px;gap:38px}.sg-footer-bottom{display:block;line-height:1.8}.sg-content-panel{padding:27px 22px}.sg-site-content{padding:40px 0 70px}.sg-search{flex-direction:column}.sg-search button{min-height:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Main content navigation */
.sg-main-nav{display:flex;align-items:center;gap:26px;padding:0;margin:0;list-style:none}.sg-main-nav>li{position:relative}.sg-main-nav>li>a,.sg-main-nav summary{font-size:12px;font-weight:650;text-decoration:none;color:#4e5d55;cursor:pointer;list-style:none}.sg-main-nav summary::-webkit-details-marker{display:none}.sg-main-nav summary:after{content:'⌄';margin-left:6px;color:var(--sg-copper)}.sg-main-nav details[open] summary{color:var(--sg-copper)}.sg-nav-panel{position:absolute;z-index:20;top:calc(100% + 18px);left:-24px;width:min(620px,calc(100vw - 40px));display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:24px;background:#fffdf7;border:1px solid var(--sg-rule);box-shadow:0 22px 55px #102c2730}.sg-nav-panel-epochs{width:min(560px,calc(100vw - 40px))}.sg-nav-panel strong{display:block;margin-bottom:11px;color:var(--sg-forest);font:500 17px var(--sg-display)}.sg-nav-panel a{display:block;padding:7px 0;color:#53635a;font-size:12px;text-decoration:none;border-top:1px solid #ebe8de}.sg-nav-panel a:hover{color:var(--sg-copper)}.sg-road-index{background:#fffdf7}.sg-road-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sg-road-columns>section{padding:29px;background:#f5f2e9;border:1px solid var(--sg-rule)}.sg-road-columns h3{margin:0 0 12px;color:var(--sg-forest);font:500 27px/1.1 var(--sg-display)}.sg-road-columns ul{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:0;padding:0;list-style:none}.sg-road-columns li{border-top:1px solid #dedbd0}.sg-road-columns li a{display:block;padding:10px 0;color:#53635a;font-size:13px;text-decoration:none}.sg-road-columns li a:after{content:'↗';float:right;color:var(--sg-copper)}.sg-road-columns li a:hover{color:var(--sg-copper)}.sg-index-note{margin:17px 0 0;color:var(--sg-muted);font-size:11px;line-height:1.7}
@media(max-width:1000px){.sg-nav-panel{left:auto;right:-20px}}
@media(max-width:720px){.sg-nav-panel,.sg-nav-panel-epochs{position:fixed;top:140px;left:16px;right:16px;width:auto;max-height:calc(100vh - 165px);overflow-y:auto;gap:18px;padding:17px}.sg-nav-panel strong{font-size:15px}.sg-nav-panel a{font-size:11px}.sg-road-columns{grid-template-columns:1fr;gap:12px}.sg-road-columns>section{padding:22px}.sg-road-columns ul{grid-template-columns:1fr 1fr;gap:0 14px}}