

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:'Open Sans','Segoe UI',Arial,sans-serif;font-weight:300}a{color:inherit}img{display:block;max-width:100%}.shell{max-width:1100px;margin:auto;padding:0 24px}
.hero{min-height:100vh;position:relative;background:url('images/hero.jpg') center center/cover no-repeat}.header{position:absolute;top:0;left:0;width:100%;z-index:5}.header-inner{height:108px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:325px;max-width:45vw}.nav{display:flex;gap:56px;align-items:center}.nav a{font-size:15px;font-weight:400;text-decoration:none}.nav a:hover,.nav a.active{color:#c54d47}.hero-content{padding-top:clamp(155px,21vh,230px);padding-bottom:120px}.hero-copy{max-width:520px}.hero h1{font-size:clamp(36px,3.2vw,60px);line-height:1.4;font-weight:300;letter-spacing:.01em;margin:0 0 25px}.hero-tag{font-size:18px;font-weight:400;margin:20px 0 32px}.btn{background:#c44c45;color:white;text-decoration:none;text-transform:uppercase;display:inline-block;padding:18px 32px;font-size:16px;font-weight:400}.btn:hover{background:#a93c38}.intro{background:#000;text-align:center;padding:70px 24px 75px}.intro-inner{max-width:940px;margin:auto}.intro h2,.contact-panel h2{font-size:32px;font-weight:300;margin:0 0 22px}.intro p{font-size:14px;line-height:1.75;color:#b5b5b5;margin:10px 0}.split{display:grid;grid-template-columns:1fr 1fr;background:#fff;color:#888;min-height:570px}.split-text{display:flex;align-items:center;justify-content:flex-end}.split-text-inner{max-width:525px;padding:70px 55px 70px 25px}.split h2{font-size:24px;line-height:1.5;font-weight:300;color:#858585;margin:0 0 22px}.split p{font-size:15px;line-height:1.75}.split-image{background:url('images/HGRow1.jpg') center/cover no-repeat}.split .btn{margin-top:20px;font-size:13px;padding:14px 25px}.gallery{padding:70px 24px;background:#000}.gallery-inner{max-width:1050px;margin:auto}.gallery img{width:100%;height:auto;margin:0 0 18px;filter:grayscale(100%)}.contact-band{background:#858585;padding:90px 24px;display:flex;justify-content:center}.contact-panel{background:#222;text-align:center;width:590px;max-width:100%;padding:55px 60px 60px}.contact-panel p{font-size:14px;line-height:1.65;color:#ddd}.contact-panel .btn{font-size:13px;margin-top:24px}.footer{background:#050505}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:42px 0}.footer h3{font-size:14px;font-weight:700;text-transform:uppercase;margin:0 0 20px}.footer p,.footer a{font-size:13px;line-height:1.7;color:#b9b9b9;text-decoration:none}.footer a:hover{color:#fff}.footer-bottom{background:#c44c45;font-size:12px}.footer-bottom .shell{padding-top:18px;padding-bottom:18px;display:flex;justify-content:space-between}.page-header{min-height:370px;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.24)),url('images/hero.jpg') center/cover;position:relative}.page-header .page-title{padding-top:160px;padding-bottom:60px}.page-title h1{font-size:clamp(30px,4vw,52px);font-weight:300;margin:0}.page-main{background:#fff;color:#666;padding:75px 24px}.page-main-inner{max-width:1000px;margin:auto}.page-main h2{font-weight:300;font-size:30px;color:#555}.page-main h3{font-weight:400;color:#555}.page-main p,.page-main li{font-size:16px;line-height:1.85}.page-main a{color:#bb4943}.page-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:start}.page-cols img{width:100%;filter:grayscale(1)}.menu-button{display:none}.additional{padding:70px 24px;background:#111}.additional-inner{max-width:1050px;margin:auto}.additional h2{font-weight:300;font-size:29px}.additional-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.additional-grid a{display:block;border:1px solid #444;padding:22px;text-decoration:none;font-size:17px;line-height:1.5}.additional-grid a:hover{border-color:#c44c45}.additional-grid small{display:block;color:#aaa;font-size:12px;margin-top:8px}.input{display:block;width:100%;padding:13px;border:1px solid #ccc;margin:7px 0 18px;font:inherit}.form-note{font-size:13px}.skip{position:absolute;left:-9999px}.skip:focus{left:5px;top:5px;z-index:99;background:#fff;color:#000;padding:10px}
@media(max-width:850px){.hero{min-height:650px}.header-inner{height:88px}.logo{width:240px}.menu-button{display:block;background:#222;color:white;border:1px solid #666;padding:10px 14px}.nav{display:none;position:absolute;top:85px;left:0;right:0;background:#161616;padding:20px 30px;flex-direction:column;align-items:flex-start;gap:20px}.nav.open{display:flex}.hero-content{padding-top:165px}.hero-copy{max-width:440px}.split{grid-template-columns:1fr}.split-text{justify-content:center}.split-text-inner{max-width:700px;padding:55px 24px}.split-image{min-height:420px}.page-cols{grid-template-columns:1fr}.additional-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hero{min-height:610px;background-position:60% center}.hero h1{font-size:34px}.hero-tag{font-size:14px}.hero-content{padding-top:150px}.logo{width:210px}.intro{padding:55px 20px}.gallery{padding:40px 14px}.contact-band{padding:65px 15px}.contact-panel{padding:42px 25px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-bottom .shell{gap:15px;flex-wrap:wrap}}

/* Header: six links fit without changing the original visual identity. */
.header-inner{max-width:1440px;gap:18px}
.nav{gap:clamp(12px,1.65vw,28px)}
.nav a{font-size:clamp(11px,.88vw,14px);white-space:nowrap}
.logo{width:clamp(190px,19vw,325px)}
@media(max-width:1120px){
 .header-inner{height:88px}
 .menu-button{display:block;background:#222;color:white;border:1px solid #666;padding:10px 14px;cursor:pointer}
 .nav{display:none;position:absolute;top:85px;left:0;right:0;background:#161616;padding:20px 30px;flex-direction:column;align-items:flex-start;gap:20px}
 .nav.open{display:flex}
 .nav a{font-size:15px}
}

/* PDF-based editorial sections, retaining the original Foto Braune design */
.pdf-intro{margin-bottom:52px}.pdf-lead{font-size:20px!important;line-height:1.7!important;color:#555}
.pdf-section{margin:0 0 46px}.pdf-section h2{font-size:27px;line-height:1.4;margin:0 0 15px}
.pdf-section p{margin:0 0 15px}.faq-item{padding:13px 0;border-bottom:1px solid #e4e4e4}
.faq-item h3{font-size:18px;margin:0 0 5px}.faq-item p{margin:0 0 8px}
@media(min-width:850px){.pdf-intro img{max-height:380px;object-fit:cover}}

.contact-form label{display:block;margin:13px 0 6px;color:#555;font-weight:400}.contact-form .input{width:100%;padding:13px;font-size:16px;background:#fff;color:#222}.contact-form textarea{resize:vertical}.contact-form .consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6}.contact-form .consent input{margin-top:5px}.contact-form .trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-submit{border:0;cursor:pointer}.form-note{font-size:13px!important;color:#777}

.legal-content{max-width:950px}.legal-content h2{margin-top:35px}.legal-content p{line-height:1.8}
