:root { --cream:#f8f4ec; --cream2:#eee6d9; --sand:#d8c9b8; --ink:#261b15; --muted:#655b53; --accent:#0d5e59; --accent2:#a8422c; --border:#dbd0c0; --dark:#24160e; --max:1160px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:78px; }
body { margin:0; background:var(--cream); color:var(--ink); font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; line-height:1.63; font-size:16px; }
img {max-width:100%; display:block;} a {color:inherit;} button {font:inherit;} .container {width:min(var(--max),calc(100% - 44px));margin-inline:auto;}
.skip-link {position:absolute;top:-80px;left:12px;z-index:100;padding:10px 16px;background:#fff;} .skip-link:focus {top:10px;}
.site-header {position:sticky;z-index:20;top:0;background:rgba(248,244,236,.97);backdrop-filter:blur(15px);border-bottom:1px solid var(--border);} .header-inner {display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px;}
.brand {display:flex;align-items:center;gap:11px;text-decoration:none;line-height:1.1;font-size:16px;letter-spacing:.015em;font-family:Georgia,serif;} .brand strong {font-weight:700;} .brand small {display:block;margin-top:5px;font:500 10px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.145em;text-transform:uppercase;color:var(--muted);}
.brand-mark {display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:var(--ink);color:#f0e7d8;letter-spacing:-.1em;font:600 22px Georgia,serif;border-radius:1px;}
.nav {display:flex;gap:28px;align-items:center;font-size:13px;font-weight:650;} .nav a{text-decoration:none;border-bottom:2px solid transparent;padding-block:10px;} .nav a:hover,.nav a:focus-visible{color:var(--accent);border-color:var(--accent);} .menu-toggle {display:none;border:0;background:none;color:var(--ink);font-size:26px;cursor:pointer;}
.eyebrow {font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:800;margin:0 0 18px;text-transform:uppercase;} .eyebrow.dark {color:var(--muted);} h1,h2,h3,p {margin-top:0;} h1,h2,h3 {font-family:Georgia,"Times New Roman",serif;line-height:1.16;font-weight:500;} em {font-weight:400;color:var(--accent);}
.hero {padding:72px 0 76px;background:linear-gradient(120deg,#f5eee3 0%,#f9f6f0 63%,#f1e7d7 100%);overflow:hidden;} .hero-grid {display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center;} .hero h1 {font-size:clamp(45px,5.6vw,77px);letter-spacing:-.042em;margin:0 0 28px;line-height:1.06;} .hero-lead {font-size:18px;max-width:540px;color:#57483d;line-height:1.7;margin-bottom:30px;} .button-row {display:flex;gap:12px;align-items:center;flex-wrap:wrap;} .button{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-align:center;padding:14px 21px;border-radius:2px;font-weight:700;text-decoration:none;font-size:13px;line-height:1.4;transition:transform .15s,background .15s,border-color .15s;} .button:hover {transform:translateY(-2px);} .button-primary {background:var(--accent);color:white;border:1px solid var(--accent);} .button-primary:hover{background:#08463f;} .button-secondary {border:1px solid #b8a792;background:transparent;} .button-secondary:hover{border-color:var(--accent);} .hero-note{font-size:12px;color:#80746a;margin:28px 0 0;}
.hero-photography {height:520px;position:relative;} .hero-image-main {position:absolute;object-fit:cover;width:80%;height:88%;right:1%;top:0;box-shadow:0 24px 55px rgba(61,35,16,.14);} .hero-image-small {position:absolute;object-fit:cover;width:50%;height:43%;left:0;bottom:0;border:10px solid var(--cream);box-shadow:0 18px 42px rgba(61,35,16,.13);} .photo-caption {position:absolute;right:0;bottom:0;font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--muted);}
.intro-band{background:#271a12;color:#f7eee0;padding:24px 0;} .intro-inner {display:flex;align-items:baseline;justify-content:space-between;gap:30px;} .intro-inner p {font:24px Georgia,serif;margin:0;} .intro-inner span {font-size:12px;letter-spacing:.025em;color:#d4c7b9;}
.section {padding:96px 0;} .section-top {display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;} .section-top p {margin:0;} .travel-section {background:#f9f6f0;} .travel-grid {display:grid;grid-template-columns:.94fr 1.06fr;gap:64px;align-items:center;} .travel-image-wrap{position:relative;} .travel-image-wrap img{width:100%;height:540px;object-fit:cover;} .image-tag{position:absolute;bottom:0;left:0;padding:14px 19px;background:var(--dark);color:#f9f2e7;font-size:11px;font-weight:700;letter-spacing:.085em;} .travel-content h2,.section-heading h2,.about-copy h2 {font-size:clamp(36px,4vw,57px);letter-spacing:-.025em;margin:0 0 15px;} .travel-subtitle {font-size:19px;font-family:Georgia,serif;color:#90634a;} .travel-content>p:not(.travel-subtitle):not(.travel-hint):not(.fineprint) {color:var(--muted);max-width:560px;} .facts {display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:19px 0;margin:26px 0;} .facts strong {display:block;font-size:16px;} .facts span {display:block;font-size:11px;color:var(--muted);margin-top:2px;} .travel-hint {font-size:13px;line-height:1.65;margin-bottom:26px;color:#544438;background:#eee5d7;padding:14px 17px;border-left:3px solid #b68d51;} .fineprint {font-size:11px;color:var(--muted);margin:16px 0 0;line-height:1.6;}
.research-section {background:var(--cream2);} .section-heading {max-width:820px;margin:0 auto 45px;text-align:center;} .section-heading h2 {margin-bottom:21px;} .section-heading>p:last-child {color:var(--muted);font-size:16px;} .research-cards {display:grid;grid-template-columns:1fr 1fr;gap:28px;} .research-card {background:#fcfaf6;border:1px solid #e0d6c6;overflow:hidden;} .research-card img {height:290px;width:100%;object-fit:cover;} .card-body {padding:32px 34px 35px;} .card-body h3 {font-size:30px;margin-bottom:17px;} .card-body>p:not(.eyebrow){color:var(--muted);font-size:14px;} .card-body .card-detail {font-size:12px!important;color:#756b60!important;margin-bottom:0;border-top:1px solid var(--border);padding-top:15px;} .research-footnote {text-align:center;max-width:720px;color:#786d62;font-size:12px;margin:28px auto 0;}
.about-section {background:#fcfaf6;} .about-grid {display:grid;grid-template-columns:340px 1fr;gap:90px;align-items:center;max-width:940px;margin:auto;} .portrait-frame{position:relative;background:#e6d9c8;padding:12px 12px 0;} .portrait-frame img {object-fit:cover;width:100%;height:348px;object-position:center top;} .portrait-frame span {display:block;padding:12px 0 13px;font-size:10px;letter-spacing:.18em;text-align:center;} .about-copy h2{margin-bottom:8px;} .about-subtitle {color:#8e6145;font-family:Georgia,serif;font-size:20px;margin-bottom:28px;} .about-copy p:not(.eyebrow):not(.about-subtitle){color:var(--muted);} .text-link{display:inline-block;color:var(--accent);font-weight:750;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:3px;margin-top:9px;}
.contact-section {background:#26180f;color:#f9f4e9;} .contact-grid {display:grid;grid-template-columns:1fr 1fr;gap:95px;} .contact-section h2 {font-size:clamp(33px,4vw,54px);margin-bottom:24px;} .contact-section p {color:#cbbcaf;max-width:470px;} .eyebrow.light {color:#c9b48f;} .contact-email {display:inline-block;color:#fff;font-weight:700;font-size:20px;margin-top:18px;text-decoration:none;border-bottom:1px solid #c9b48f;padding-bottom:4px;overflow-wrap:anywhere;} .contact-side {padding:34px 0 0 45px;border-left:1px solid #5c4b3c;} .contact-side h3 {font:500 27px Georgia,serif;margin-bottom:24px;} .contact-side a{color:#f9f4e9;}
.footer {padding:28px 0;background:#1d120c;color:#d0c3b5;} .footer-grid {display:flex;align-items:center;justify-content:space-between;gap:20px;} .footer-title {font:20px Georgia,serif;} .footer p {font-size:11px;margin:3px 0 0;} .footer-links {display:flex;gap:25px;font-size:12px;} .footer-links a {text-decoration:none;}.footer-links a:hover{text-decoration:underline;}
.legal-main {min-height:60vh;background:var(--cream);padding:84px 0;}.legal-main .container{max-width:830px;}.legal-main h1 {font:52px Georgia,serif;}.legal-main h2{font:29px Georgia,serif;margin-top:35px;}.legal-main p,.legal-main li{color:#564b40;}.warning-box{background:#fff1dc;border-left:4px solid #b86319;padding:18px 24px;margin:28px 0;}
@media(max-width:960px){.nav{gap:14px;font-size:12px;}.hero-grid{gap:30px;}.travel-grid{gap:32px;}.about-grid{gap:45px;}}
@media(max-width:750px){html{scroll-padding-top:64px;}.container{width:min(100% - 32px,var(--max));}.header-inner{min-height:65px;}.menu-toggle{display:block;}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:#f8f4ec;border-bottom:1px solid var(--border);padding:17px 22px 20px;flex-direction:column;align-items:flex-start;gap:2px;box-shadow:0 12px 17px rgba(0,0,0,.08);}.nav.open{display:flex;}.nav a{width:100%;padding:9px 0;}.hero {padding:52px 0 54px;}.hero-grid,.travel-grid,.about-grid,.contact-grid{grid-template-columns:1fr;}.hero-grid{gap:35px;}.hero h1{font-size:clamp(44px,11vw,65px);}.hero-lead{font-size:16px;}.hero-photography {height:310px;}.hero-image-main {height:95%;width:76%;}.hero-image-small{height:47%;border-width:6px;}.intro-inner{display:block;}.intro-inner p {font-size:22px;margin-bottom:6px;}.intro-inner span{font-size:11px;}.section{padding:66px 0;}.section-top{align-items:flex-start;gap:10px;}.travel-image-wrap img{height:330px;}.travel-content h2,.section-heading h2,.about-copy h2{font-size:41px;}.research-cards{grid-template-columns:1fr;}.research-card img{height:240px;}.about-grid{max-width:520px;gap:32px;}.portrait-frame {max-width:280px;}.contact-grid{gap:28px;}.contact-side{border-left:0;border-top:1px solid #5c4b3c;padding:29px 0 0;}.footer-grid{align-items:start;flex-direction:column;gap:19px;}}
@media(max-width:420px){.facts{grid-template-columns:1fr 1fr;}.button-row .button{width:100%;}.research-card img{height:210px;}.card-body{padding:26px;}.hero-photography{height:260px;}}
@media(prefers-reduced-motion:reduce){html {scroll-behavior:auto;} .button{transition:none;}}

/* v2: more conservative portrait presentation. Source crop contains no white Wix margin. */
.about-grid {grid-template-columns:minmax(200px,255px) minmax(0,1fr);gap:70px;max-width:960px;}
.portrait-frame {width:100%;max-width:255px;padding:13px 13px 0;background:#e6d9c8;justify-self:start;}
.portrait-frame img {height:auto;width:100%;aspect-ratio:143/188;object-fit:cover;object-position:center center;background:#d3c1b3;}
.portrait-frame span {font-size:11px;letter-spacing:.17em;padding:14px 0 16px;}
#hauptmenue {flex-wrap:wrap;row-gap:0;}
.expedition-section {padding:77px 0;background:#f3eee5;border-top:1px solid #e3d8ca;border-bottom:1px solid #e3d8ca;}
.expedition-grid {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:7%;align-items:center;}
.expedition-copy h2 {font-family:Georgia,serif;font-weight:500;line-height:1.11;letter-spacing:-.02em;font-size:clamp(36px,4vw,53px);margin:12px 0 24px;}
.expedition-copy h2 em {font-weight:400;color:#905941;}
.expedition-copy p:not(.eyebrow) {color:#584e46;max-width:650px;}
.expedition-copy .expedition-note {font-size:13px;color:#725e4e;background:#eee4d7;border-left:3px solid #bd9d70;padding:12px 16px;margin:20px 0 27px;}
.expedition-image {position:relative;max-width:460px;justify-self:end;}
.expedition-image img {display:block;width:100%;height:335px;object-fit:cover;object-position:center;}
.expedition-image span {display:block;color:#756755;font-size:10px;letter-spacing:.13em;text-align:right;padding-top:9px;}
.legal-draft {background:#fff3df;border-left:4px solid #ae6c2b;padding:16px 21px;margin:26px 0;color:#5c422d;}
.legal-note {color:#5b5148;font-size:14px;}
@media(max-width:1030px) {
  .nav {font-size:11px;gap:12px;}
  .brand {flex:0 0 auto;}
  .header-inner {gap:18px;}
}
@media(max-width:750px) {
  .about-grid {grid-template-columns:1fr;gap:30px;}
  .portrait-frame {width:225px;max-width:100%;margin:0 auto;}
  .expedition-section {padding:58px 0;}
  .expedition-grid {grid-template-columns:1fr;gap:28px;}
  .expedition-image {max-width:none;justify-self:stretch;}
  .expedition-image img {height:225px;}
  .expedition-copy h2 {font-size:38px;}
  .nav {font-size:14px;}
  .hero-photography {max-width:510px;}
}
@media(max-width:420px) {
  .expedition-copy h2 {font-size:34px;}
  .expedition-image img {height:190px;}
  .footer-links {gap:18px;flex-wrap:wrap;}
  .section-top {flex-wrap:wrap;}
  .contact-email {font-size:17px;}
}

/* v3: mobile, focus and performance refinements */
html { overflow-x: clip; }
body { overflow-wrap: break-word; }
:focus-visible { outline: 3px solid #a56432; outline-offset: 3px; }
.nav a, .footer a, .text-link, .contact-email {text-underline-offset:4px;}
.menu-toggle {padding:10px 12px;min-height:44px;min-width:56px;font:700 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase;}
.legal-main mark {background:#f5e0ac;color:#342313;padding:0 2px;}
.legal-main .legal-draft strong {color:#5e3312;}
.legal-main a {color:var(--accent);}
@media(max-width:750px) {
  .menu-toggle {display:inline-flex;align-items:center;justify-content:center;}
  .header-inner {position:relative;}
  .brand {font-size:15px;min-width:0;}
  .brand-mark {flex:none;}
  .hero h1 {overflow-wrap:normal;word-break:normal;}
  .photo-caption {letter-spacing:.07em;}
  .intro-band {padding:22px 0;}
  .legal-main {padding:55px 0;}
  .legal-main h1 {font-size:clamp(36px,10vw,50px);}
  .legal-main h2 {font-size:26px;}
}
@media(max-width:375px) {
  .container {width:calc(100% - 28px);}
  .brand {font-size:13px;}
  .brand-mark {width:37px;height:37px;font-size:18px;}
  .brand small {font-size:9px;letter-spacing:.07em;}
  .hero h1 {font-size:40px;}
  .travel-content h2,.section-heading h2,.about-copy h2 {font-size:37px;}
}

/* v4: typographic DaÄ sigil. No external fonts or images needed. */
.brand-mark {font-family:Georgia,"Times New Roman",serif;font-size:19px;letter-spacing:-.065em;font-weight:700;line-height:1;white-space:nowrap;}
@media(max-width:375px){.brand-mark {font-size:17px;}}

/* v5: DAÄ wordmark and image gallery */
.brand-mark {letter-spacing:-0.095em; font-size:18px;}
.gallery-section {padding-top:0;}
.section-heading-narrow {max-width:760px;}
.gallery-grid {display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:24px;align-items:start;}
.gallery-item {margin:0;background:#fff;border:1px solid #e7dacb;box-shadow:0 10px 28px rgba(38,25,14,.06);}
.gallery-item img {display:block;width:100%;height:250px;object-fit:cover;object-position:center;}
.gallery-item figcaption {padding:14px 16px 16px;color:#6b5d51;font-size:13px;line-height:1.45;}
.gallery-item.gallery-wide img {height:360px;}
@media(max-width:900px){
  .gallery-grid {grid-template-columns:1fr;gap:18px;}
  .gallery-item img,.gallery-item.gallery-wide img {height:240px;}
}


/* v7: Bilddramaturgie und überprüfte Bildausschnitte */
.hero-image-main {object-position:50% 56%;}
.hero-image-small {object-position:50% 57%;}
.travel-image-wrap img {object-position:49% 55%;}
.travel-photo-caption {font-size:12px; color:#7b6d5d; margin:12px 0 0; line-height:1.45; letter-spacing:.015em;}
.expedition-image img {object-position:50% 54%;}
.research-card:first-child img {object-position:50% 51%;}
.research-card:last-child img {object-position:50% 54%;}
.gallery-item:first-child img {object-position:50% 53%;}
.gallery-item:nth-child(2) img {object-position:50% 51%;}
.gallery-item:nth-child(3) img {object-position:50% 53%;}
@media(max-width:750px){
 .travel-image-wrap img {object-position:48% 53%;}
 .hero-image-small {object-position:49% 52%;}
 .expedition-image img {object-position:50% 51%;}
}


/* Version 8: native mobile details menu, no JavaScript required. */
.mobile-disclosure { display: none; }
@media (max-width: 750px) {
  .header-inner { position: relative; }
  .nav#hauptmenue { display: none; }
  .menu-toggle { display: none; }
  .mobile-disclosure { display: block; margin-left: auto; flex: none; position: relative; z-index: 100; }
  .mobile-disclosure > summary {
    display: flex; align-items: center; gap: 11px; min-height: 44px;
    cursor: pointer; padding: 10px 13px;
    border: 1px solid var(--border); border-radius: 3px;
    background: #efe7db; color: var(--ink);
    font: 700 12px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    letter-spacing: .035em; text-transform: uppercase;
    list-style: none; -webkit-tap-highlight-color: transparent;
  }
  .mobile-disclosure > summary::-webkit-details-marker { display: none; }
  .mobile-disclosure > summary::marker { content: ''; }
  .mobile-disclosure > summary span { font-size: 18px; line-height: 1; transition: transform .15s ease; }
  .mobile-disclosure[open] > summary span { transform: rotate(180deg); }
  .mobile-disclosure > summary:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
  .mobile-nav {
    position: absolute; top: calc(100% + 8px); right: 0;
    width: min(280px, calc(100vw - 32px));
    display: flex; flex-direction: column; gap: 0;
    padding: 11px 18px; background: #f9f5ee;
    border: 1px solid #ddd0c0; border-radius: 4px;
    box-shadow: 0 14px 32px rgba(28, 18, 11, .17);
  }
  .mobile-nav a {
    display: block; padding: 10px 3px; min-height: 44px;
    color: var(--ink); text-decoration: none;
    border-bottom: 1px solid #e6ddd1; font-size: 14px; font-weight: 650;
  }
  .mobile-nav a:last-child { border-bottom: none; }
  .mobile-nav a:focus-visible, .mobile-nav a:hover { color: var(--accent); text-decoration: underline; }
}

@media (max-width: 375px) {
  .header-inner { gap: 7px; }
  .brand { gap: 6px; font-size: 11.5px; }
  .brand-mark { width: 34px; height: 34px; font-size: 16px; }
  .brand small { font-size: 8px; letter-spacing: .015em; }
  .mobile-disclosure > summary { gap: 6px; padding: 9px 10px; font-size: 11px; }
}

/* v10: historical map in gallery, full document remains available on click */
.gallery-item.gallery-map img { object-fit: contain; background:#f6efe3; padding:8px; }
.gallery-map a { display:block; }
.gallery-map a:focus-visible { outline-offset: 4px; }
.gallery-map .map-note { display:block; font-size:11px; margin-top:6px; color:#866f5c; }


/* v11: one-image hero, map card, and removed gallery */
.hero-image-main {width:100%;height:100%;right:0;top:0;}
.hero-photography {max-width:520px;justify-self:end;}
.research-card.map-card img {object-fit:contain;background:#f6efe3;padding:8px;object-position:center center;}
.research-card.map-card a {display:block;}
@media(max-width:750px){
  .hero-photography {max-width:none;}
  .hero-image-main {width:100%;height:100%;}
}


/* v12: hero image visible on all screen sizes, even with a sole absolutely-positioned image. */
.hero-photography {width:100%;min-width:0;}
.hero-image-main {width:100%;height:100%;right:0;left:0;top:0;object-fit:cover;}
.photo-caption {bottom:-23px;right:0;text-align:right;max-width:100%;line-height:1.45;letter-spacing:.035em;}
@media(max-width:750px){.hero-photography{width:100%;}.photo-caption{font-size:10px;}}