/* DDR 1985 v2.1 – konsistentes fotorealistisches Seitendesign */
:root{--paper:#f3e4c9;--ink:#32231c;--wine:#741b20;--gold:#b08b53}
body{background:radial-gradient(ellipse at top,#f7e9d0 0%,#e4cfac 100%)!important;color:var(--ink)!important}
body>header{background:linear-gradient(105deg,#581419,#8d282b)!important;border-bottom:3px solid #b9935e!important;box-shadow:0 3px 12px #3a1b1533}
.v21-nav{display:flex;flex-wrap:wrap;gap:0;background:#6b1b20;border-bottom:3px solid #b99260;padding:0 max(14px,calc((100vw - 1440px)/2));position:relative;z-index:3}
.v21-nav a{padding:13px 15px;color:#fff1d8!important;text-decoration:none;font-weight:700;font-size:14px;border-right:1px solid #ffffff22;white-space:nowrap}
.v21-nav a:hover,.v21-nav a:focus{background:#993539;color:white!important}
.v21-hero{position:relative;overflow:hidden;min-height:210px;margin:15px auto 18px;max-width:1400px;border:1px solid #96754c;border-radius:9px;box-shadow:0 5px 18px #48301d30;background:#4c3a30}
.v21-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.13) saturate(.83)}
.v21-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1c1010e8,#291716b0 46%,#27140c0a)}
.v21-hero-content{position:relative;z-index:1;padding:35px 32px;color:#fff1d9;max-width:730px}
.v21-hero .v21-kicker{font-size:12px;letter-spacing:.17em;color:#e9c998;font-weight:800;text-transform:uppercase}
.v21-hero h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,49px);line-height:1.08;color:#fff2d8!important;margin:9px 0}
.v21-hero p{font-size:16px;color:#ffeed7;line-height:1.55;margin:0}
main .panel,main section.panel{background:#f8ead3!important;border:1px solid #b19469!important;box-shadow:0 2px 10px #6b442015}
main .panel h2{border-bottom:1px solid #b99b70;padding-bottom:9px;color:#791e23!important}
main h1,main h2,main h3{color:#781e22!important}
main button,main a.small,main .citylaunch{background:#7d2025!important;color:#fff0d6!important;border-color:#64171a!important}
main button:hover,main a.small:hover{background:#9a3535!important}
.v21-placephoto{width:138px;height:100px;object-fit:cover;border-radius:6px;border:1px solid #b9986b;flex:none}
.v21-photo-row{display:flex;align-items:center;gap:15px}
.v21-photo-row>div{min-width:0;flex:1}
.v21-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px auto;max-width:1400px}
.v21-gallery a{display:block;position:relative;height:155px;overflow:hidden;border-radius:8px;border:1px solid #aa865a;box-shadow:0 2px 9px #53331e33}
.v21-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.v21-gallery a:hover img{transform:scale(1.04)}
.v21-gallery span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#2b1414e8);color:white;padding:30px 15px 12px;font-weight:800}
@media(max-width:850px){.v21-nav{overflow-x:auto;flex-wrap:nowrap;padding:0}.v21-nav a{font-size:13px;padding:12px}.v21-hero{min-height:185px;margin:8px}.v21-hero-content{padding:26px 18px}.v21-gallery{grid-template-columns:1fr 1fr}.v21-placephoto{width:105px;height:85px}}
@media(max-width:520px){.v21-gallery{grid-template-columns:1fr}.v21-gallery a{height:130px}}
