*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f4ed;color:#242b29;font:16px/1.8 Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b28b47;outline-offset:6px}img{max-width:100%;display:block}.nav{height:104px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#f6f4ed}.brand{font:400 26px/1.3 Arial,sans-serif;letter-spacing:1px;white-space:nowrap}.nav>div{display:flex;gap:42px}.nav>div a{font-size:13px;padding:10px 0;letter-spacing:1px}.nav a[aria-current]{border-bottom:1px solid #a88b4e}.hero{min-height:680px;height:calc(100svh - 104px);max-height:950px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(14,29,33,.64),rgba(14,29,33,.04)),url('/karrer-berg.png') center 45%/cover;color:#fff}.hero-inner{padding:64px 9%;position:relative}.eyebrow{font:12px/1.6 Arial,sans-serif;letter-spacing:3.5px;font-weight:500;text-transform:uppercase}.hero .eyebrow{color:#e4d8b6;margin:0 0 28px}h1{font:clamp(48px,6.5vw,96px)/1.08 Georgia,serif;letter-spacing:-2px;font-weight:400;margin:0 0 32px}h1 em{font-weight:400}.subtitle{font-size:14px;letter-spacing:1.4px}.down{position:absolute;bottom:32px;right:6%;border:1px solid #ffffff66;width:48px;height:48px;border-radius:50%;text-align:center;font:28px/44px Georgia}.section{max-width:1280px;margin:auto;padding:100px 64px}.idea{display:grid;grid-template-columns:1fr 3fr;gap:60px;border-bottom:1px solid #d8d4c7}.idea h2{color:#8b713f}.lead{font:clamp(27px,3vw,42px)/1.45 Georgia,serif;margin:0;letter-spacing:-.4px}.passion{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.portrait{background:#e9e6dd}.portrait img{width:100%;max-height:600px;object-fit:cover;object-position:top}.passion h2{font:48px/1.2 Georgia,serif;font-weight:400;margin:0 0 32px}.passion-copy p{color:#5e655f;font-size:15px;line-height:2}.instagram{display:inline-block;border-bottom:1px solid #b49a60;font-size:12px;letter-spacing:1px;margin-top:20px}.quote{padding:110px 10%;background:#263932;color:#f2eee1;text-align:center}.quote blockquote{max-width:860px;margin:0 auto 30px;font:clamp(29px,3.8vw,50px)/1.45 Georgia,serif}.quote p{font-size:11px;letter-spacing:3px;color:#c7b37f}.firmen>h2{margin:0 0 48px;color:#8b713f}.companies{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.company{border-top:1px solid #cfc9b7;padding-top:22px;transition:transform .2s}.company:hover{transform:translateY(-5px)}.logo{background:#eeebe2;height:190px;display:flex;align-items:center;justify-content:center;padding:24px}.logo img{width:100%;height:100%;object-fit:contain}.company p{font-size:12px;letter-spacing:.3px;display:flex;justify-content:space-between}.company span{color:#947744}.footer{border-top:1px solid #d8d4c7;margin:0 6%;padding:45px 0;display:flex;justify-content:space-between;align-items:center}.footer>a:last-child{font-size:12px}.contact-hero{padding:90px 9% 80px;background:#263932;color:#f6f4ed}.contact-hero h1{margin-bottom:0}.contact-hero .eyebrow{color:#c7b37f}.contact-intro{max-width:920px;font:30px/1.5 Georgia,serif}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:64px}.contact-card img{height:150px;width:100%;object-fit:cover;margin-bottom:24px}.contact-card h2{font:25px Georgia,serif}.contact-card p,.contact-card a{font-size:14px}.contact-card a{text-decoration:underline;text-underline-offset:5px}.route{margin-top:64px;border-top:1px solid #d8d4c7;padding-top:36px}.route a{border-bottom:1px solid #947744}.contact-card address{font-style:normal;font-size:14px}@media(max-width:800px){.nav{height:84px;padding:0 6%}.hero{min-height:580px;height:80svh}.hero-inner{padding:48px 7%}.section{padding:64px 7%}.idea{grid-template-columns:1fr;gap:18px}.passion{gap:36px;grid-template-columns:1fr 1fr}.companies,.contact-grid{grid-template-columns:repeat(2,1fr)}.passion h2{font-size:38px}.quote{padding:72px 8%}}@media(max-width:540px){.nav>div{gap:25px}.hero{background-position:58% center}.hero h1{font-size:54px;letter-spacing:-1.5px}.subtitle{font-size:12px;max-width:250px}.passion{grid-template-columns:1fr}.portrait img{max-height:450px}.companies{gap:14px}.logo{height:145px;padding:18px}.company p{font-size:10px}.contact-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.contact-card p,.contact-card a,.contact-card address{font-size:12px}.contact-card img{height:120px}.contact-hero{padding:64px 7%}.contact-intro{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.company{transition:none}}[hidden]{display:none!important}#cookies{position:fixed;bottom:24px;left:24px;max-width:450px;z-index:100;background:#fff;padding:24px;box-shadow:0 12px 60px #0003;font-size:12px}button{font:inherit;cursor:pointer}#cookies button{background:#263932;color:#fff;border:0;padding:10px 14px;margin:4px}#cookies button+button{background:#eee;color:#263932}#cookie-settings{display:block;background:none;border:0;color:#687268;margin:0 auto 24px;font-size:10px}.instagram-media{margin:32px 0 0!important;min-width:0!important;width:100%!important}.route h2{font:30px Georgia,serif}@media(max-width:540px){#cookies{left:12px;right:12px;bottom:12px}}
@media(max-width:540px){.nav{height:auto;min-height:84px;padding-top:20px;padding-bottom:20px;flex-wrap:wrap;gap:14px 24px}.nav>div{gap:20px}.footer .brand{font-size:26px}}

.passion{display:block}.passion-copy{max-width:850px}.passion-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;margin-top:40px}.passion-media .instagram-media{margin:0!important}.passion-media .portrait img{max-height:520px;object-fit:contain}.hero{background-position:center center}@media(max-width:640px){.passion-media{grid-template-columns:1fr;gap:28px}.hero{background-position:62% center}}

.nav,.footer{justify-content:flex-end}.passion-copy{margin-inline:auto}.passion-media{display:flex;flex-direction:column;align-items:center;gap:28px}.portrait{background:transparent;border:0;box-shadow:none;width:min(100%,360px);margin-inline:auto}.passion-media .portrait img{width:100%;height:auto;max-height:none;object-fit:contain}.passion-media .instagram-media{max-width:540px!important;align-self:center}

/* Familienwappen und gemeinsame Fusszeile, 23.09.2026 */
.nav{justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:14px;font:400 25px/1.2 Arial,sans-serif;letter-spacing:.4px;flex-shrink:0}
.brand-crest{width:68px;height:70px;object-fit:contain;flex-shrink:0}
.brand span{display:inline}
.footer{justify-content:flex-end;gap:28px;flex-wrap:nowrap;padding:34px 0}
.footer>a,.footer #cookie-settings{font:400 12px/1.5 Arial,sans-serif;letter-spacing:.3px;white-space:nowrap;color:#59625a}
.footer #cookie-settings{display:inline-block;margin:0;padding:10px 0;background:none;border:0}
.footer a:hover,.footer #cookie-settings:hover{color:#242b29;text-decoration:underline;text-underline-offset:5px}
button:focus-visible{outline:3px solid #b28b47;outline-offset:6px}
@media(max-width:800px){.brand{font-size:22px;gap:11px}.brand-crest{width:55px;height:58px}.nav>div{gap:24px}}
@media(max-width:540px){.nav{min-height:128px;padding-block:12px;justify-content:center;gap:4px;flex-direction:column;flex-wrap:nowrap}.brand{font-size:23px}.brand-crest{width:53px;height:55px}.nav>div{gap:30px}.nav>div a{font-size:12px;padding:7px 0}.footer{justify-content:center;gap:24px;padding:24px 0}.footer>a,.footer #cookie-settings{font-size:11px}}

/* Passion: Text links, Portrait rechts, Instagram darunter */
.passion-row{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:64px;align-items:center}
.passion-row .passion-copy{max-width:none;margin:0;min-width:0}
.passion-row .portrait{width:100%;max-width:270px;margin:0;justify-self:end}
.passion-row .portrait img{width:100%;height:auto;max-height:320px;object-fit:contain}
.passion-media{margin-top:48px;text-align:center}
.passion-media .instagram-media,.passion-media iframe{margin:0 auto!important;max-width:540px!important}
.contact-card img{height:auto;aspect-ratio:3/2;object-fit:cover}
@media(max-width:900px){.passion-row{grid-template-columns:minmax(0,1fr) 220px;gap:32px}.passion-row .portrait{max-width:220px}}
@media(max-width:640px){.passion-row{grid-template-columns:1fr;gap:24px}.passion-row .portrait{width:210px;justify-self:center}.passion-media{margin-top:32px}}