:root{font:17px/1.75 Georgia,serif;color:#233b2c;background:#fffefb}*{box-sizing:border-box}body{margin:0}a{color:#315d3d;text-underline-offset:4px}button,select,input{font:14px system-ui,sans-serif}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #35623f;outline-offset:4px}.testbar{padding:8px 5%;display:flex;justify-content:space-between;background:#23462f;color:#fff;font:11px system-ui,sans-serif;gap:12px}.testbar a{color:#fff}header{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font:800 29px/1.1 system-ui,sans-serif;letter-spacing:-1px}.brand small{display:block;font:10px system-ui,sans-serif;letter-spacing:2px;margin-top:9px}select{border:1px solid #d5ded0;background:#fff;color:#233b2c;padding:10px;border-radius:5px;max-width:100%}nav{padding:15px 5%;display:flex;gap:25px;flex-wrap:wrap;border-block:1px solid #dce3d6;font:13px system-ui,sans-serif}nav a{text-decoration:none}nav details{position:relative}nav summary{cursor:pointer}nav details>div{position:absolute;top:30px;left:0;background:#fffefb;border:1px solid #d5ded0;min-width:210px;padding:12px;z-index:5;box-shadow:0 10px 25px #0002}nav details a{display:block;padding:8px}main{max-width:1160px;margin:0 auto;padding:35px 35px 55px}h1{font-size:clamp(32px,4.5vw,53px);font-weight:400;line-height:1.13;letter-spacing:-1.2px;margin:13px 0 20px;max-width:950px}.lead{font-size:21px;line-height:1.55;color:#59695c;max-width:850px}.eyebrow,.byline,.crumb{font:11px/1.6 system-ui,sans-serif;color:#526558}.eyebrow{letter-spacing:1.2px;text-transform:uppercase}.byline{margin:15px 0 25px}.crumb{margin-bottom:20px}figure{margin:24px 0}figure img{width:100%;height:auto;border-radius:5px;display:block}main>figure img{max-height:500px;object-fit:cover}figcaption{font:12px/1.5 system-ui,sans-serif;color:#56665a;padding-top:8px}.reading{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:40px;margin-top:30px}article{min-width:0;overflow-wrap:anywhere}article h2{font-size:29px;font-weight:400;line-height:1.25;margin:35px 0 17px}article h3{font-size:22px;font-weight:400;line-height:1.35}article p{margin:0 0 18px}article img{max-width:100%;height:auto}article iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}article ul,article ol{padding-left:24px}.artikel-verzeichnis{background:#f0f4e9;border-radius:4px;padding:22px 22px 22px 40px;line-height:1.7}aside{background:#f0f4e9;padding:22px;align-self:start;border-radius:5px;font:13px/1.65 system-ui,sans-serif}aside h3{margin-top:0;font-size:16px}aside a{display:block;margin-bottom:12px;text-decoration:none}aside .quiet{font-size:11px;overflow-wrap:anywhere}.quiet{font:12px/1.7 system-ui,sans-serif;color:#58665a}.newsletter{background:#244730;color:#fff;padding:25px;border-radius:6px;margin:30px 0}.newsletter small,.newsletter .quiet{color:#d8e6d0}.newsletter h3{font:400 28px/1.2 Georgia,serif;margin:10px 0}.newsletter p{font:14px/1.7 system-ui,sans-serif}.search{display:flex;gap:8px;margin:25px 0}.search input{min-width:0;flex:1;padding:11px;border:1px solid #ced8c7;border-radius:5px}.search button{padding:10px 18px;background:#315d3d;color:#fff;border:0;border-radius:5px}.stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.story{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-bottom:1px solid #d5ded0;padding-bottom:25px;min-width:0}.story img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:5px;background:#eef2e7}.story h2{font-size:25px;font-weight:400;line-height:1.25;margin:12px 0}.story small{font:11px system-ui,sans-serif;color:#526558}.story>div{padding:15px 0}.story p{font-size:15px;color:#59695c}.story span{font:12px system-ui,sans-serif;color:#315d3d}.story:first-child{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:center}.story:first-child h2{font-size:32px}.story:first-child img{height:100%;min-height:250px}.story:first-child>div{background:#f0f4e9;padding:20px;border-radius:5px}.home-heading{max-width:850px}.pagination{display:flex;justify-content:space-between;margin-top:25px}.pagination a{font:14px system-ui,sans-serif}footer{background:#f0f4e9;padding:30px 5%;font:13px/1.7 system-ui,sans-serif}.share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:12px/1.5 system-ui,sans-serif;margin:25px 0}.share a,.share button{padding:9px 12px;border:1px solid #d5ded0;background:#fffefb;border-radius:5px;color:#315d3d;text-decoration:none}.video-placeholder{padding:30px;background:#f0f4e9;border-radius:5px;text-align:center;margin:25px 0}.video-placeholder button{padding:12px 18px;background:#315d3d;color:#fff;border:0;border-radius:5px}.skip{position:absolute;left:20px;top:-80px;background:#fff;padding:10px;z-index:10}.skip:focus{top:0}table{border-collapse:collapse;max-width:100%}td,th{padding:8px;border:1px solid #d5ded0}details summary{cursor:pointer}article table{display:block;overflow:auto}
@media(max-width:800px){.stories{grid-template-columns:repeat(2,minmax(0,1fr))}.story:first-child{grid-column:span 2}.reading{grid-template-columns:1fr}.reading>aside{grid-row:1}header{flex-wrap:wrap}main{padding:25px 20px}.lead{font-size:19px}nav{gap:17px}.brand{font-size:25px}}@media(max-width:520px){.stories{grid-template-columns:1fr}.story:first-child{grid-column:auto;display:flex;gap:0}.story:first-child img{min-height:0;aspect-ratio:1.5}.story:first-child h2{font-size:28px}.testbar{font-size:10px}header form{width:100%}header select{width:100%}article h2{font-size:25px}select,input{font-size:16px}}

.brand .magazine-logo{display:block;width:clamp(180px,30vw,300px);max-width:100%;height:auto;max-height:150px;object-fit:contain;object-position:left center}.brand{flex-shrink:0;max-width:100%}
/* Shared front pages: existing and future roof/city magazines. */
.modern-intro{max-width:100%;padding:15px 0 38px;border-bottom:1px solid #dce3d6;margin-bottom:35px}.modern-intro h1{max-width:960px}.modern-intro .lead{max-width:880px;margin-bottom:0}.home-section-title{margin-bottom:22px}.home-section-title p{font:400 30px/1.25 Georgia,serif;margin:5px 0}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.topic-column{min-width:0;border:1px solid #dce3d6;border-radius:15px;overflow:hidden;background:#fff}.topic-heading{padding:21px 22px;background:#edf2e8;border-bottom:1px solid #dce3d6}.topic-heading>span{font:600 9px/1.5 system-ui,sans-serif;letter-spacing:1.8px}.topic-heading h2{font:400 clamp(24px,2.5vw,30px)/1.2 Georgia,serif;margin:7px 0 0}.events .topic-heading{background:#f6eedf}.recipes .topic-heading{background:#eeeaf3}.topic-story{display:block;text-decoration:none;color:inherit}.topic-lead>img{width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;display:block}.topic-story>div{padding:19px 22px}.topic-date{font:11px/1.5 system-ui,sans-serif;color:#526558}.topic-story h3{font:400 24px/1.24 Georgia,serif;letter-spacing:-.3px;margin:8px 0 12px}.topic-story p{font:14px/1.65 system-ui,sans-serif;color:#56665a;margin:0 0 17px}.topic-read{font:600 11px/1.5 system-ui,sans-serif;display:flex;justify-content:space-between;color:#315d3d}.topic-compact{display:grid;grid-template-columns:78px minmax(0,1fr);gap:13px;border-top:1px solid #e5eae1;margin:0 22px;padding:17px 0}.topic-compact>img{width:78px;height:78px;object-fit:cover;border-radius:6px}.topic-compact>div{padding:0}.topic-compact h3{font-size:17px;margin:5px 0 0}.topic-compact.no-photo{grid-template-columns:1fr}.topic-more{display:flex;justify-content:space-between;padding:15px 22px;background:#f5f7f1;border-top:1px solid #dce3d6;font:600 12px system-ui,sans-serif;text-decoration:none}.topic-empty{padding:22px;font:14px/1.7 system-ui,sans-serif}.topic-story:hover h3,.discovery-card:hover h3{text-decoration:underline;text-underline-offset:4px}.more-discoveries{margin:55px 0 35px}.discoveries-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:22px}.discoveries-heading h2{font:400 33px/1.2 Georgia,serif;margin:5px 0}.discoveries-heading>a{font:12px system-ui,sans-serif;white-space:nowrap}.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.discovery-card{display:block;border:1px solid #dce3d6;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;background:#fff}.discovery-card>img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;display:block}.discovery-card>div{padding:20px}.discovery-card h3{font:400 24px/1.25 Georgia,serif;margin:8px 0}.discovery-card p{font:14px/1.6 system-ui,sans-serif;color:#56665a}.home-search{align-items:center;background:#edf2e8;padding:24px;border-radius:12px;flex-wrap:wrap}.home-search label{font:600 14px system-ui,sans-serif;width:100%}@media(max-width:950px){.topic-grid{gap:14px}.topic-heading,.topic-story>div{padding:16px}.topic-compact{margin:0 16px;grid-template-columns:55px minmax(0,1fr);gap:9px}.topic-compact>img{width:55px;height:60px}.topic-compact>div{padding:0}.topic-compact h3{font-size:16px}.topic-lead h3{font-size:21px}.discovery-grid{gap:15px}}@media(max-width:700px){.topic-grid{grid-template-columns:1fr;gap:24px}.topic-heading{padding:20px}.topic-heading h2{font-size:29px}.topic-story>div{padding:20px}.topic-compact{grid-template-columns:80px minmax(0,1fr);margin:0 20px}.topic-compact>img{width:80px;height:75px}.topic-compact>div{padding:0}.topic-compact h3{font-size:19px}.topic-lead h3{font-size:27px}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-intro{padding-top:0}.discoveries-heading{align-items:start}}@media(max-width:460px){.discovery-grid{grid-template-columns:1fr}.home-section-title p{font-size:26px}.home-search{padding:18px}.home-search button{width:100%}}

/* Shared, touch-friendly magazine menu. */
nav details>summary{min-height:32px;display:list-item}nav details>div{max-width:calc(100vw - 32px)}@media(max-width:700px){nav{display:flex;flex-direction:column;gap:0}nav>a,nav summary{padding:12px 0;min-height:44px}nav details>div{position:static;min-width:0;width:100%;max-width:100%;box-shadow:none;margin:0 0 12px}nav details a{min-height:44px;padding:10px 12px}}

.magazine-services{margin:40px 0 48px}.magazine-services>h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0 0 10px}.service-region{margin:0 0 22px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d7e1df;border-radius:14px;overflow:hidden;color:#18382e;text-decoration:none;box-shadow:0 6px 20px #132f2310}.service-card:hover{border-color:#397365;box-shadow:0 9px 26px #132f2320}.service-card:focus-visible{outline:3px solid #a86000;outline-offset:4px}.service-card>img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.service-copy{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.service-copy h3{font-size:22px;line-height:1.2;margin:0}.service-copy p{font:15px/1.55 system-ui,sans-serif;margin:0}.service-button{margin-top:auto;font:700 14px/1.5 system-ui,sans-serif;text-decoration:underline;text-underline-offset:4px}.service-copy small{font:12px/1.5 system-ui,sans-serif;color:#52675c}@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.service-grid{grid-template-columns:1fr}.magazine-services{margin:30px 0}.service-copy{padding:18px}}

.ai-disclosure{font-size:.95rem;padding:.65rem .9rem;border-left:3px solid currentColor;background:transparent;color:inherit;line-height:1.6}.ai-disclosure a{color:inherit;text-decoration:underline}
.ai-preview-label{display:block;font-size:.8rem;padding:.3rem .6rem;border:0}

/* Kompakte Angebotskacheln */
.magazine-services{margin:28px 0}
.magazine-services>h2{font-size:26px}
.service-region{margin-bottom:16px}
.service-card>img{
    height:130px;
    max-height:130px;
    aspect-ratio:auto;
    flex-shrink:0;
    object-fit:cover;
}
.service-copy{padding:14px;gap:8px}
.service-copy h3{font-size:18px}
.service-copy p{font-size:13px}
.service-copy small{font-size:11px}

/* Update 59: compact city introductions; regional umbrella keeps its size. */
.home-heading.modern-intro.home-intro-compact{padding-block:22px;margin-bottom:24px}
.home-heading.modern-intro.home-intro-compact h1{font-size:clamp(28px,3vw,38px);line-height:1.17;letter-spacing:-.7px;margin:10px 0 14px;max-width:100%}
.home-heading.modern-intro.home-intro-compact .lead{font-size:17px;line-height:1.55;margin:0;max-width:900px}
.home-section-title h2{font-size:clamp(25px,3vw,32px);line-height:1.2;margin:0 0 20px}
@media(max-width:700px){.home-heading.modern-intro.home-intro-compact{padding-block:18px}.home-heading.modern-intro.home-intro-compact h1{font-size:28px}.home-heading.modern-intro.home-intro-compact .lead{font-size:16px}}
/* Keep the header height; enlarge only the visible Rhine logo. */
.brand .magazine-logo.magazine-logo-rhein{transform:scale(1.3);transform-origin:left center}
@media(max-width:700px){.brand .magazine-logo.magazine-logo-rhein{transform:scale(1.15)}}