:root{--ink:#172b40;--cream:#f5f7f9;--gold:#ad8b50;--line:#dce3e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.wrap{max-width:1180px;margin:auto;padding:0 25px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:110px}.logo{width:160px;height:auto;display:block}.nav{display:flex;gap:21px;align-items:center;flex-wrap:wrap}.nav a,.langs a{text-decoration:none;font-size:14px}.nav a:hover,.langs a:hover{color:#9b783e}.langs{display:flex;gap:9px;align-items:center}.langs a[aria-current=page]{font-weight:800;text-decoration:underline;text-underline-offset:5px}.hero{background:linear-gradient(90deg,rgba(12,30,52,.89),rgba(15,39,65,.40)),url('images/architektur-01.webp') center/cover;min-height:590px;display:flex;align-items:center;color:white}.hero .wrap{width:100%}.eyebrow{letter-spacing:.23em;text-transform:uppercase;font-size:12px;color:var(--gold);font-weight:750}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15}h1{font-size:clamp(44px,6.4vw,83px);max-width:850px;margin:20px 0}h2{font-size:clamp(34px,4vw,52px);margin:15px 0 24px}h3{font-size:27px}.hero p{font-size:20px;max-width:680px}.button{display:inline-block;background:var(--gold);color:#fff;text-decoration:none;padding:14px 24px;margin-top:17px;font-weight:650;border:0;cursor:pointer}.button:hover{background:#8f703c}.section{padding:95px 0}.soft{background:var(--cream)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tile{padding:35px;background:white;border:1px solid var(--line)}.tile p{min-height:88px}.tile a{color:#916e38}.lead{font-size:21px;max-width:760px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split img{width:100%;height:430px;object-fit:cover}.cta{background:#142f4a;color:white;padding:75px 0}.cta p{max-width:720px}.page-head{background:var(--cream);padding:85px 0}.page-head h1{font-size:clamp(42px,5vw,66px);max-width:900px}.page-head p{max-width:760px;font-size:20px}.content{max-width:860px}.content h2{font-size:30px;margin-top:42px}.content p,.content li{overflow-wrap:anywhere}.note{background:#fbf7ed;border-left:4px solid #ad8b50;padding:18px;margin:25px 0}footer{background:#0e2238;color:#fff;padding:65px 0 30px}footer a{color:#eee}footer .links{display:flex;gap:20px;flex-wrap:wrap}footer .small{font-size:13px;color:#ddd}label{display:block;margin:18px 0 6px}input,textarea,select{width:100%;max-width:650px;padding:12px;border:1px solid #bcb9b2;font:inherit}textarea{min-height:150px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:99}@media(max-width:800px){.top{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:22px}.nav{gap:12px}.grid,.split{grid-template-columns:1fr}.section{padding:60px 0}.hero{min-height:520px}.split img{height:290px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.privacy-feature{background:#183653;color:#f7f4ee}.privacy-feature .eyebrow{color:#dfc797}.privacy-inner{display:grid;grid-template-columns:3fr 1fr;gap:4rem;align-items:center}.privacy-mark{font-family:Georgia,serif;font-size:clamp(100px,16vw,240px);line-height:1;color:#c1a16a;text-align:center}.privacy-feature .lead{max-width:900px}.privacy-feature .button{background:#ad8b50}@media(max-width:700px){.privacy-inner{grid-template-columns:1fr}.privacy-mark{display:none}}

/* Dädler Immobilien | Premium editorial design, October 2026 */
:root{--ink:#18283a;--cream:#f7f5f0;--gold:#b59a68;--line:#e3ded3;--navy:#101f33;--muted:#647181}
body{color:var(--ink);background:#fffefa;font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:1240px;padding-left:clamp(22px,4.4vw,70px);padding-right:clamp(22px,4.4vw,70px)}
header{background:#fffefa;border-bottom:1px solid #e9e5dd;position:relative;z-index:5}
.top{min-height:112px;gap:26px}.logo{width:157px}.nav{gap:clamp(11px,1.5vw,24px)}
.nav a,.langs a{font-size:12px;letter-spacing:.055em;font-weight:550;transition:color .25s ease}
.nav a[aria-current=page]{color:#987c4e}.langs{padding-left:15px;border-left:1px solid var(--line)}
.eyebrow{font-size:11px;letter-spacing:.28em;color:#a88b59;font-weight:650}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.035em;font-weight:400}
h1{font-size:clamp(48px,6.2vw,92px);line-height:1.06;max-width:900px;margin:24px 0 28px}
h2{font-size:clamp(34px,4.4vw,58px);line-height:1.13;margin:15px 0 28px}
h3{font-size:clamp(25px,2.3vw,32px)}
.hero{min-height:min(730px,85vh);background:linear-gradient(90deg,rgba(9,22,38,.90) 0%,rgba(12,28,46,.69) 48%,rgba(14,29,46,.24) 100%),url('images/architektur-01.webp') center 52%/cover;position:relative}
.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#b59a68 38%,transparent)}
.hero .wrap{position:relative;z-index:1;padding-top:95px;padding-bottom:105px}
.hero .eyebrow{color:#e2c99b}.hero p{font-size:clamp(17px,1.8vw,21px);line-height:1.7;color:#f1eee9;max-width:630px}
.button{background:transparent;color:var(--ink);border:1px solid #b59a68;padding:14px 27px;font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:650;transition:background .25s,color .25s,border-color .25s}
.button:hover{background:#b59a68;color:#101f33;border-color:#b59a68}
.hero .button,.cta .button,.privacy-feature .button{color:#f7f2e8;border-color:#c5ab7d;background:transparent}
.hero .button:hover,.cta .button:hover,.privacy-feature .button:hover{color:#101f33;background:#c5ab7d}
.section{padding:clamp(75px,9vw,128px) 0}.experience-section{text-align:center;background:#fffefa}
.experience-section .wrap{max-width:890px}.experience-section h2{font-size:clamp(34px,4.2vw,54px)}.experience-section p{font-size:19px;color:#566272}
.soft{background:#f7f5f0}.grid{gap:0;margin-top:42px}
.tile{background:transparent;border:0;border-left:1px solid #d5c6ac;padding:18px 35px 20px;min-height:275px;transition:background .25s}
.tile:hover{background:rgba(255,255,255,.5)}.tile h3{margin-top:18px}.tile p{color:#596573;min-height:100px}.tile a{color:#947646;text-decoration:none;border-bottom:1px solid #b59a68;padding-bottom:5px;font-size:13px;letter-spacing:.05em}
.lead{font-size:clamp(18px,1.9vw,22px);line-height:1.8;color:#4c5968}.split{gap:clamp(40px,6vw,95px)}.split img{height:clamp(370px,37vw,520px);object-fit:cover;box-shadow:16px 16px 0 #e8e1d4}
.cta{background:#101f33;padding:clamp(80px,9vw,130px) 0;position:relative}.cta:before{content:"";display:block;width:66px;height:1px;background:#b59a68;margin-bottom:34px}.cta h2{max-width:780px}.cta p{color:#e0e5ea;font-size:19px}
.privacy-feature{background:#16283e;color:#f8f5ef}.privacy-feature .eyebrow{color:#c5ab7d}.privacy-feature .lead{color:#e5e4e0}.privacy-feature .button{background:transparent}.privacy-mark{color:#b59a68;opacity:.8}
.page-head{background:#f7f5f0;padding:clamp(72px,8vw,115px) 0;border-bottom:1px solid #e5ded1}.page-head h1{font-size:clamp(44px,5.4vw,72px)}.page-head p{color:#5d6876}
.content{max-width:880px}.content h2{font-size:clamp(27px,3vw,35px);padding-top:12px}.content p,.content li{line-height:1.85}
.note{background:#f8f4ec;border-left:2px solid #b59a68}
footer{background:#0d1b2b;padding:82px 0 35px}footer .links{gap:24px}footer a{color:#e9e4da}footer .small{color:#c2c8cf}
label{font-size:14px;font-weight:600;color:#25364b}input,textarea,select{background:#fffefa;border:1px solid #d8d2c7;border-radius:0;padding:15px 17px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:#b59a68;box-shadow:0 0 0 3px rgba(181,154,104,.14)}
@media(max-width:1000px){.top{gap:15px}.nav{gap:12px}.nav a{font-size:11px}.logo{width:140px}}
@media(max-width:800px){.top{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:22px}.nav{gap:13px}.langs{border-left:0;padding-left:0}.grid,.split{grid-template-columns:1fr}.tile{min-height:auto;padding:24px 25px;margin-bottom:12px}.tile p{min-height:auto}.section{padding:72px 0}.hero{min-height:570px}.hero .wrap{padding-top:95px;padding-bottom:95px}.split img{height:330px;box-shadow:10px 10px 0 #e8e1d4}}
@media(max-width:460px){.nav{row-gap:9px}.nav a{font-size:12px}.hero{min-height:570px}.hero h1{font-size:clamp(42px,11vw,56px)}.hero .eyebrow{font-size:10px}.hero p{font-size:17px}.button{letter-spacing:.06em;padding:13px 17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

/* Premium editorial finishing, October 2026 */
:root{--ink:#101f33;--cream:#f7f5f0;--gold:#b59a68;--line:#e4ddd0}
body{background:#fffdf9;color:var(--ink)}
.hero{background-image:linear-gradient(90deg,rgba(7,20,35,.88) 0%,rgba(9,23,39,.53) 43%,rgba(9,23,39,.08) 100%),url('images/architektur-01.webp');background-position:center,center 54%}
.button{background:transparent;color:var(--gold);border:1px solid var(--gold);letter-spacing:.09em;text-transform:uppercase;font-size:13px;transition:background .2s,color .2s}
.button:hover{background:var(--gold);color:#101f33}
.hero .button,.cta .button{color:#f3dfb7}
.hero .button:hover,.cta .button:hover{color:#101f33}
.tile{border:0;border-top:1px solid var(--gold);background:transparent;padding:35px 28px}
.soft{background:#f7f5f0}
.section{padding-top:105px;padding-bottom:105px}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em}
.eyebrow{color:#c5a46d}
.split img{box-shadow:0 18px 55px rgba(13,29,46,.12)}
input:focus,textarea:focus,select:focus{outline:2px solid #b59a68;outline-offset:2px}
@media(max-width:800px){.section{padding-top:65px;padding-bottom:65px}.hero{background-position:center,58% center}.tile{padding:25px 15px}}

/* 18 October 2026 – actual editorial luxury layout matching approved reference */
:root{--navy:#081f31;--gold:#b58c4e;--ivory:#faf8f4}
header{background:#082236!important;border:0!important;color:#f6f1e9!important}
header .top{max-width:1536px;min-height:72px;padding-left:clamp(18px,5vw,90px);padding-right:clamp(18px,5vw,90px);gap:22px}
header .top>a:first-child{background:#fff;padding:5px 9px;flex-shrink:0}
header .logo{width:143px;height:auto}
header .nav{justify-content:center;gap:clamp(13px,2.5vw,36px)}
header .nav a,header .langs a{color:#f5efe8;font-family:Georgia,serif;font-size:14px;letter-spacing:0;text-decoration:none}
header .nav a[aria-current=page],header .langs a[aria-current=page]{color:#d8b678!important;text-decoration:underline;text-underline-offset:9px}
header .langs{border-left:0;gap:12px}
header .nav a:hover,header .langs a:hover{color:#d8b678}
.lux-hero{min-height:430px;background:linear-gradient(90deg,rgba(4,24,39,.98) 0%,rgba(5,26,42,.92) 22%,rgba(7,28,44,.70) 37%,rgba(7,28,44,.07) 64%),url('images/luxus-hero.webp') center 53%/cover;display:flex;align-items:center;color:#fff}
.lux-hero-inner{width:min(1350px,100%);margin:0 auto;padding:40px clamp(25px,5.8vw,92px)}
.lux-kicker{color:#d9b67c;letter-spacing:.27em;font-size:12px;font-weight:500;line-height:1.7;margin:0 0 13px}
.lux-hero h1{font-family:Georgia,serif;font-size:clamp(44px,5vw,76px);line-height:.98;letter-spacing:-.045em;margin:0 0 15px;font-weight:400;max-width:640px}
.lux-gold-rule{height:2px;width:57px;background:#c7a06a;margin:17px 0}
.lux-hero-intro{font:clamp(16px,1.55vw,21px)/1.4 Georgia,serif;max-width:525px;margin:0 0 20px;color:#f6f4f0}
.lux-outline-button{display:inline-flex;gap:20px;align-items:center;justify-content:center;border:1px solid #c6a06a;color:#eac894!important;padding:12px 23px;text-decoration:none;font:600 11px/1.4 Arial,sans-serif;letter-spacing:.16em;background:rgba(5,22,36,.55);transition:background .2s}
.lux-outline-button:hover{background:#b58c4e;color:#071f32!important}
.lux-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1600px;margin:0 auto;padding:18px clamp(20px,3vw,46px);background:#faf8f4;gap:22px}
.lux-service{display:grid;grid-template-columns:49% 51%;min-width:0;align-items:stretch;gap:0}
.lux-service>img{width:100%;height:210px;object-fit:cover;display:block}
.lux-service-copy{padding:9px 13px 7px 23px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.lux-service:not(:last-child) .lux-service-copy{border-right:1px solid #decbb0}
.lux-line-icon{font:40px/1 Georgia,serif;color:#a77737;height:49px}
.lux-service h2{font:21px/1.2 Georgia,serif;letter-spacing:.015em;margin:6px 0 10px;color:#15273b}
.lux-service p{font:15px/1.4 Georgia,serif;margin:0 0 14px;color:#243140}
.lux-service a{align-self:flex-start;font:11px/1.3 Arial,sans-serif;letter-spacing:.16em;color:#1a2a3c;text-decoration:none;border-bottom:1px solid #b58c4e;padding-bottom:6px}
.lux-service a span{color:#a7783c}
.lux-discretion{display:grid;grid-template-columns:33% 67%;background:#082236;color:#fff;min-height:280px}
.lux-discretion-text{padding:clamp(25px,3vw,48px) clamp(24px,5vw,96px);display:flex;flex-direction:column;justify-content:center}
.lux-discretion-text .lux-kicker{margin-bottom:0}
.lux-discretion-text .lux-gold-rule{margin:7px 0 14px}
.lux-discretion h2{font:clamp(28px,3vw,43px)/1.07 Georgia,serif;color:#fff;margin:0 0 13px;letter-spacing:-.02em}
.lux-discretion-text>p:not(.lux-kicker){font:16px/1.42 Georgia,serif;margin:0 0 15px;color:#f1eee8}
.lux-discretion .lux-outline-button{align-self:flex-start}
.lux-discretion>img{width:100%;height:100%;min-height:280px;max-height:430px;object-fit:cover;display:block}
.lux-features{display:grid;grid-template-columns:repeat(5,1fr);background:#faf8f4;max-width:1600px;margin:auto;padding:22px clamp(20px,5vw,90px);gap:0}
.lux-feature{display:flex;align-items:center;justify-content:center;gap:15px;padding:6px 15px;border-right:1px solid #d9c8ae;font:11px/1.55 Georgia,serif;letter-spacing:.12em;color:#14283d}
.lux-feature:last-child{border-right:0}
.lux-feature-icon{font:40px/1 Georgia,serif;color:#a77737}
@media(max-width:1100px){.lux-service{grid-template-columns:1fr}.lux-service>img{height:190px}.lux-service-copy{padding:20px}.lux-discretion{grid-template-columns:42% 58%}.lux-feature{gap:8px;padding:8px}.lux-feature-icon{font-size:30px}}
@media(max-width:760px){header .top{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;min-height:auto}header .nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;padding:9px 0 4px}header .nav a{white-space:nowrap}header .langs{margin-left:auto}.lux-hero{min-height:510px;background-position:center,56% center;background-image:linear-gradient(90deg,rgba(4,24,39,.92),rgba(5,26,42,.50)),url('images/luxus-hero.webp')}.lux-hero-inner{padding:55px 24px}.lux-hero h1{font-size:clamp(43px,10vw,64px)}.lux-services{grid-template-columns:1fr;padding:20px}.lux-service{grid-template-columns:40% 60%;border-bottom:1px solid #d9c8ae}.lux-service>img{height:210px}.lux-service:not(:last-child) .lux-service-copy{border-right:0}.lux-discretion{grid-template-columns:1fr}.lux-discretion-text{padding:50px 25px}.lux-discretion>img{height:310px;min-height:0}.lux-features{grid-template-columns:repeat(2,1fr);padding:20px}.lux-feature{border-right:0;border-bottom:1px solid #e2d8c9;justify-content:flex-start}.lux-feature:last-child{grid-column:1/-1}}
@media(max-width:450px){.lux-service{grid-template-columns:1fr}.lux-service>img{height:210px}.lux-service-copy{padding:18px}.lux-hero .lux-kicker{font-size:10px}}

/* Logo-Korrektur 18.10.2026: transparentes Original auch im Header */
header .top > a:first-child { background: transparent !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; display: block; }
header .top > a:first-child .logo { width: clamp(168px, 14vw, 200px) !important; height: auto !important; max-width: none; }
@media(max-width:760px){header .top > a:first-child .logo { width: 168px !important; }}