:root{
  --blue:#073f87; --blue2:#0d5cab; --ink:#0b315f; --text:#29496d; --muted:#6d8299;
  --line:#d9e5ef; --soft:#f3f8fc; --white:#fff; --max:1240px; --shadow:0 18px 45px rgba(18,63,105,.09);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.5}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,229,239,.75)}
.nav{height:78px;display:flex;align-items:center;gap:28px}.brand img{width:275px;max-height:62px;object-fit:contain;object-position:left center}.navlinks{margin-left:auto;display:flex;gap:25px;align-items:center;font-size:14px;font-weight:600;color:var(--ink)}.navlinks a:hover{color:var(--blue2)}.lang{border-left:1px solid var(--line);padding-left:18px;display:flex;gap:8px}.menuBtn{display:none;margin-left:auto;background:none;border:0;font-size:25px;color:var(--ink)}
.hero{background:linear-gradient(90deg,#f7fbfe 0%,#f7fbfe 40%,#eef7fd 100%);overflow:hidden;border-bottom:1px solid var(--line)}.heroGrid{min-height:590px;display:grid;grid-template-columns:.9fr 1.35fr;align-items:center}.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);font-weight:700;margin-bottom:16px}.hero h1{font-size:74px;line-height:.92;margin:0 0 24px;color:var(--ink);letter-spacing:-.045em;font-weight:760}.hero p.lead{font-size:21px;max-width:600px;margin:0 0 10px}.hero p.sub{font-size:16px;max-width:600px;color:#496887;margin:0 0 28px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:14px;padding:14px 22px;border-radius:4px;border:1px solid var(--blue);font-weight:700;font-size:14px;color:var(--blue);background:white}.btn.primary{background:var(--blue);color:white}.btn:after{content:'→';font-size:19px;line-height:1}.heroVisual{height:100%;min-height:560px;position:relative;display:flex;align-items:flex-end;justify-content:center}.heroVisual img{width:115%;max-width:none;filter:saturate(.8) contrast(1.03);mix-blend-mode:multiply}
.section{padding:72px 0}.section.soft{background:var(--soft)}.sectionTitle{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.sectionTitle h2{margin:0;color:var(--ink);font-size:36px;line-height:1.08;letter-spacing:-.025em}.sectionTitle p{max-width:630px;margin:10px 0 0;color:#58728c}.linkmore{font-weight:700;color:var(--blue);font-size:14px}
.competence{display:grid;grid-template-columns:repeat(4,1fr)}.comp{padding:8px 28px 18px;text-align:center;border-right:1px solid var(--line)}.comp:last-child{border-right:0}.iconCircle{width:92px;height:92px;margin:0 auto 22px;border-radius:50%;background:#f1f7fb;display:grid;place-items:center}.iconCircle svg{width:48px;height:48px;stroke:var(--blue);fill:none;stroke-width:1.65}.comp h3{color:var(--ink);font-size:18px;margin:0 0 10px}.comp p{margin:0;color:#55708a;font-size:15px}.arrow{margin-top:16px;color:var(--blue);font-size:26px}
.techIntro{display:grid;grid-template-columns:.72fr 1.28fr 1.28fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.techLead,.techCard{padding:42px 34px}.techCard{border-left:1px solid var(--line)}.techLead h2{font-size:38px;line-height:1.05;margin:10px 0 16px;color:var(--ink);letter-spacing:-.025em}.techLead p{color:#58728c}.techCard h3{font-size:27px;color:var(--ink);margin:0 0 5px}.techCard .desc{min-height:48px;margin:0 0 12px}.techImage{height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden}.techImage img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.products{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.pill{font-size:12px;font-weight:700;color:var(--blue);border:1px solid #c9dcec;background:#fff;padding:7px 10px;border-radius:99px}.techMeta{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--blue);font-weight:700}.techMeta span+span:before{content:'|';color:#9ab2c9;margin-right:10px}
.lifecycle{display:grid;grid-template-columns:repeat(8,1fr);gap:0;margin-top:36px;border-top:1px solid #b9cee0}.step{padding:24px 16px 0;position:relative}.step:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--blue);position:absolute;top:-4px;left:16px}.num{font-size:11px;letter-spacing:.16em;color:var(--blue);font-weight:800}.step strong{display:block;color:var(--ink);font-size:14px;margin-top:6px}
.researchGrid{display:grid;grid-template-columns:.85fr 1.55fr .65fr;gap:38px;align-items:center}.gubenSketch{position:relative;background:#eef7fd;border-radius:4px;overflow:hidden;min-height:310px}.gubenSketch img{width:100%;height:310px;object-fit:cover;filter:grayscale(1) contrast(1.45) brightness(1.22) sepia(.25) hue-rotate(165deg) saturate(3.4);opacity:.72;mix-blend-mode:multiply}.gubenSketch:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(225,242,252,.45));pointer-events:none}.researchCopy h2{font-size:36px;line-height:1.08;color:var(--ink);margin:7px 0 16px}.keywords{display:flex;flex-wrap:wrap;gap:0;margin-top:20px}.keywords span{padding:0 14px;border-right:1px solid #aac1d5;color:var(--blue);font-size:13px}.keywords span:first-child{padding-left:0}.proof{text-align:center}.proof img{width:185px;margin:0 auto 12px}.proof p{font-size:14px;color:#496887;margin:0}.rik{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;color:var(--ink);font-size:13px}.rik strong{display:block;font-size:16px;color:var(--blue)}
.video{position:relative;min-height:330px;background:url('../img/globatec-real.webp') center 48%/cover no-repeat;display:flex;align-items:center;color:white}.video:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,36,70,.86),rgba(4,36,70,.42),rgba(4,36,70,.12))}.video .wrap{position:relative}.videoBox{display:flex;align-items:center;gap:22px}.play{width:78px;height:78px;border:2px solid white;border-radius:50%;display:grid;place-items:center;font-size:30px}.video h2{margin:0 0 6px;font-size:34px}.video p{margin:0 0 16px;color:#e2ecf5}.btn.white{background:transparent;border-color:white;color:white}
.cta{padding:42px 0;border-bottom:1px solid var(--line)}.ctaGrid{display:grid;grid-template-columns:.7fr 1.7fr auto;align-items:center;gap:38px}.cta small{color:var(--blue);text-transform:uppercase;letter-spacing:.14em;font-weight:800}.cta h2{margin:0;color:var(--ink);font-size:27px}.cta p{margin:4px 0 0}.footer{padding:38px 0 54px;font-size:13px;color:#5e758b}.footerGrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.footer strong{color:var(--ink)}.footer a{color:var(--blue)}
.pageHero{padding:84px 0 62px;background:linear-gradient(135deg,#f7fbfe,#edf6fc);border-bottom:1px solid var(--line)}.pageHero h1{font-size:58px;line-height:1.0;color:var(--ink);margin:0 0 18px;letter-spacing:-.04em}.pageHero p{font-size:20px;max-width:760px}.prose{max-width:880px}.prose h2{color:var(--ink);font-size:32px;margin-top:46px}.prose h3{color:var(--ink)}.prose p{font-size:17px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:18px;margin:28px 0}.stat{padding:26px;border:1px solid var(--line);background:#fff}.stat b{display:block;font-size:42px;color:var(--blue);line-height:1}.gallery2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.gallery2 img{width:100%;height:330px;object-fit:cover}.funding{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.fund{padding:24px;border:1px solid var(--line);background:#fff}.fund b{color:var(--blue);font-size:20px}
@media(max-width:1020px){.navlinks{display:none}.menuBtn{display:block}.nav.open .navlinks{display:flex;position:absolute;left:0;right:0;top:78px;background:white;flex-direction:column;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--line)}.heroGrid{grid-template-columns:1fr;min-height:auto;padding-top:56px}.hero h1{font-size:58px}.heroVisual{min-height:370px}.heroVisual img{width:100%}.competence{grid-template-columns:1fr 1fr}.comp:nth-child(2){border-right:0}.comp{border-bottom:1px solid var(--line);padding-top:28px}.techIntro{grid-template-columns:1fr}.techCard{border-left:0;border-top:1px solid var(--line)}.lifecycle{grid-template-columns:1fr 1fr 1fr 1fr}.researchGrid{grid-template-columns:1fr 1.5fr}.proof{grid-column:1/-1;display:flex;align-items:center;gap:24px;text-align:left}.proof img{margin:0;width:140px}.ctaGrid{grid-template-columns:1fr}.footerGrid{grid-template-columns:1fr 1fr}.brand img{width:235px}}
@media(max-width:620px){.wrap{width:min(100% - 30px,var(--max))}.nav{height:68px}.brand img{width:205px}.nav.open .navlinks{top:68px}.heroGrid{padding-top:42px}.hero h1{font-size:48px}.hero p.lead{font-size:18px}.heroVisual{min-height:280px}.competence{grid-template-columns:1fr}.comp{border-right:0}.section{padding:54px 0}.sectionTitle h2,.researchCopy h2{font-size:30px}.techLead,.techCard{padding:34px 20px}.techLead h2{font-size:34px}.lifecycle{grid-template-columns:1fr 1fr}.researchGrid{grid-template-columns:1fr}.proof{grid-column:auto;display:block;text-align:center}.proof img{margin:auto}.gubenSketch,.gubenSketch img{min-height:230px;height:230px}.video{min-height:360px}.videoBox{align-items:flex-start}.play{width:62px;height:62px;flex:none}.video h2{font-size:27px}.pageHero h1{font-size:44px}.gallery2,.funding,.stats{grid-template-columns:1fr}.footerGrid{grid-template-columns:1fr}.cta{padding:34px 0}}

/* 2026 revision */

.funding{align-items:stretch}
.fund{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:320px;border:1px solid #cfe0ee;border-radius:4px}
.legal-note{font-size:14px;color:#61768b}
@media(max-width:620px){.fund{min-height:260px}}

/* v3 precision fixes */
.nav{height:104px}
.brandSplit{display:flex;align-items:center;gap:14px;flex:none}
.brandSplit img{width:92px;height:92px;object-fit:contain;object-position:center}
.brandWords{display:flex;flex-direction:column;line-height:1.05}
.brandWords strong{font-size:25px;color:var(--blue);font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.brandWords small{font-size:11px;color:#466887;margin-top:6px;white-space:nowrap}
.heroVisual img{width:112%;max-width:none;filter:saturate(.82) contrast(1.03);mix-blend-mode:multiply}
.recycleIcon{font-size:52px;line-height:1;color:var(--blue);font-family:Arial,sans-serif}
@media(max-width:1020px){
  .nav{height:92px}
  .brandSplit img{width:78px;height:78px}
  .brandWords strong{font-size:22px}
  .brandWords small{font-size:10px}
  .nav.open .navlinks{top:92px}
}
@media(max-width:620px){
  .nav{height:76px}
  .brandSplit{gap:8px}
  .brandSplit img{width:62px;height:62px}
  .brandWords strong{font-size:17px}
  .brandWords small{display:none}
  .nav.open .navlinks{top:76px}
}

/* ===== v4 exact corrections ===== */

/* Header: large full globe, company name to its right, nothing below the name */
.nav{height:132px;overflow:visible}
.brandSplit{display:flex;align-items:center;gap:18px;overflow:visible}
.brandSplit img{
  width:120px!important;
  height:120px!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  flex:0 0 120px;
}
.brandWords{display:block;line-height:1}
.brandWords strong{
  display:block;
  font-size:30px;
  color:var(--blue);
  font-weight:800;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.brandWords small{display:none!important}

/* Hero: restore the generous height and the exact approved industrial visual */
.heroGrid{
  min-height:590px!important;
  grid-template-columns:.88fr 1.42fr!important;
  align-items:center!important;
}
.heroVisual{
  height:590px!important;
  min-height:590px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  overflow:visible!important;
}
.heroVisual img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* Proper recycling icon; no font-dependent broken symbol */


/* Unternehmen images: equal, crisp, high-resolution technical treatment */


/* Technology cards stay exactly aligned to the same baseline */


/* Mobile */
@media(max-width:1020px){
  .nav{height:108px}
  .brandSplit img{width:94px!important;height:94px!important;flex-basis:94px}
  .brandWords strong{font-size:24px}
  .nav.open .navlinks{top:108px}
  .heroVisual{height:430px!important;min-height:430px!important}
}
@media(max-width:620px){
  .nav{height:88px}
  .brandSplit{gap:10px}
  .brandSplit img{width:76px!important;height:76px!important;flex-basis:76px}
  .brandWords strong{font-size:19px}
  .nav.open .navlinks{top:88px}
  .heroGrid{grid-template-columns:1fr!important}
  .heroVisual{height:320px!important;min-height:320px!important}
}

/* ===== v5 user-verified corrections ===== */
.nav{height:118px!important;overflow:visible!important}
.brandSplit{height:112px!important;display:flex!important;align-items:center!important;gap:14px!important;overflow:visible!important}
.brandSplit img{width:104px!important;height:104px!important;max-height:none!important;object-fit:contain!important;object-position:center!important;flex:0 0 104px!important;margin:0!important}
.brandWords{display:block!important;line-height:1!important;margin:0!important;padding:0!important}
.brandWords strong{font-size:30px!important;line-height:1!important;white-space:nowrap!important}
.brandWords small{display:none!important}
.heroGrid{min-height:620px!important;grid-template-columns:.82fr 1.48fr!important;align-items:stretch!important}
.heroGrid>div:first-child{align-self:center!important;padding-right:22px!important}
.heroVisual{height:620px!important;min-height:620px!important;overflow:hidden!important;display:flex!important;align-items:stretch!important;justify-content:center!important}
.heroVisual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;filter:none!important;mix-blend-mode:normal!important}
/* the reference crop already contains the German flag/Made in Germany once */

@media(max-width:1020px){.nav{height:96px!important}.brandSplit{height:92px!important}.brandSplit img{width:86px!important;height:86px!important;flex-basis:86px!important}.brandWords strong{font-size:24px!important}.heroGrid{min-height:auto!important;grid-template-columns:1fr!important}.heroVisual{height:430px!important;min-height:430px!important}.heroVisual img{object-fit:contain!important}}
@media(max-width:620px){.nav{height:78px!important}.brandSplit{height:74px!important;gap:8px!important}.brandSplit img{width:68px!important;height:68px!important;flex-basis:68px!important}.brandWords strong{font-size:19px!important}.heroVisual{height:300px!important;min-height:300px!important}}

/* MASTER v6 – compact vertical rhythm */
.section{padding:48px 0!important}
.sectionTitle{margin-bottom:26px!important}
.pageHero{padding:56px 0 42px!important}
.prose h2{margin-top:32px!important;margin-bottom:12px}
.prose p{margin-top:8px;margin-bottom:12px}
.gallery2{margin:22px 0!important}
.funding{margin-top:18px!important}
.techLead,.techCard{padding-top:30px!important;padding-bottom:30px!important}
.lifecycle{margin-top:26px!important}
.cta{padding:30px 0!important}
.footer{padding:28px 0 36px!important}
.researchGrid{gap:28px!important}
.keywords{margin-top:14px!important}
@media(max-width:1020px){
  .section{padding:42px 0!important}
  .pageHero{padding:48px 0 36px!important}
}
@media(max-width:620px){
  .section{padding:34px 0!important}
  .pageHero{padding:38px 0 30px!important}
}

/* ===== MASTER v8: only requested corrections ===== */
.topbar{overflow:visible!important}
.nav{height:118px!important;overflow:visible!important;padding-top:6px!important;padding-bottom:6px!important}
.brandSplit{height:106px!important;overflow:visible!important;align-items:center!important}
.brandSplit img{width:104px!important;height:104px!important;object-fit:contain!important;object-position:center!important;flex:0 0 104px!important;margin:0!important}
.brandWords strong{font-size:30px!important;line-height:1!important}
.brandWords small{display:none!important}

.heroGrid{min-height:620px!important;grid-template-columns:.82fr 1.48fr!important;align-items:stretch!important}
.heroVisual{height:620px!important;min-height:620px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
.heroVisual img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;filter:none!important;mix-blend-mode:normal!important}
.stats{width:min(760px,100%)!important;margin:24px auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.stat{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:145px!important;padding:20px!important}
.stat b{display:block!important;text-align:center!important;margin-bottom:6px!important}

@media(max-width:1020px){
  .nav{height:98px!important}.brandSplit{height:88px!important}.brandSplit img{width:84px!important;height:84px!important;flex-basis:84px!important}.brandWords strong{font-size:24px!important}
  .heroGrid{min-height:auto!important;grid-template-columns:1fr!important}.heroVisual{height:430px!important;min-height:430px!important}
}
@media(max-width:620px){
  .nav{height:80px!important}.brandSplit{height:72px!important}.brandSplit img{width:66px!important;height:66px!important;flex-basis:66px!important}.brandWords strong{font-size:19px!important}
  .heroVisual{height:300px!important;min-height:300px!important}
}

/* ===== MASTER v9 final local corrections ===== */

.stats{width:min(760px,100%)!important;margin-left:auto!important;margin-right:auto!important}
.stat{text-align:center!important;align-items:center!important;justify-content:center!important}

/* v10 — user-approved structural corrections */
.brandSplit img{object-fit:contain!important;object-position:center!important}
.stats{width:min(760px,100%)!important;margin:28px auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
.stat{text-align:center!important;align-items:center!important;justify-content:center!important}
@media(max-width:1020px){}
@media(max-width:620px){}

/* Sprachumschalter: aktive Sprache als gefuellte Kachel, wechselbare Sprache als
   erkennbarer Link. Klickflaeche mind. 32x28px (WCAG 2.5.8 verlangt 24x24px). */
.lang{align-items:center;gap:2px}
.lang b,.lang a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:28px;padding:0 8px;border-radius:4px;line-height:1;font-size:13px}
.lang b{background:var(--blue);color:#fff;font-weight:800}
.lang a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.lang a:hover,.lang a:focus-visible{color:var(--blue);background:#eaf2fa;text-decoration:none}
.lang a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* Lange deutsche Komposita wie "Technologiekompetenz" sind bei 44px rund 467px
   breit und laufen auf schmalen Displays aus dem Bild. overflow-wrap ist die
   Notbremse fuer jedes Wort, das nicht passt; die Silbentrennung greift nur auf
   deutschen Seiten, damit englische Ueberschriften keine Trennstriche bekommen. */
h1,h2,h3{overflow-wrap:break-word}
html[lang="de"] h1,html[lang="de"] h2,html[lang="de"] h3{hyphens:auto}

/* Bilder im Textbereich fuellen die Spalte, damit die Kante buendig bleibt.
   Ohne diese Regel stehen Bilder, die schmaler als die Spalte sind, eingerueckt
   und unterschiedlich breit nebeneinander. */
.prose > img{width:100%;height:auto}

/* Blocksatz fuer ausgewaehlte Absaetze. Die Silbentrennung gehoert zwingend dazu:
   ohne sie reisst der Blocksatz bei langen deutschen Woertern breite Luecken
   zwischen die Woerter. Getrennt wird nach der Sprache des lang-Attributs. */
.prose p.blocksatz{text-align:justify;hyphens:auto}

/* Abschlussblock: die mittlere Spalte bekommt mehr Platz. Der deutsche Satz
   "Sie planen ein Infrastruktur- oder Verwertungsprojekt?" braucht 700px, hatte
   aber nur 675px und brach deshalb mit Trennstrich um. Zusaetzlich ist der
   deutsche Button breiter als der englische und nahm der Mitte weitere 42px weg.
   Mit dieser Aufteilung stehen 43-49px Reserve zur Verfuegung. */
@media(min-width:1021px){.ctaGrid{grid-template-columns:.55fr 1.9fr auto;gap:32px}}

/* Standortbild im Forschungsabschnitt. Die urspruengliche Aufbereitung war fuer
   ein normales Farbfoto gedacht: entfaerben, blau einfaerben, auf 72% Deckkraft,
   multiplizierend ueberlagern, heller Verlauf darueber. Das gelieferte Bild ist
   bereits blau gestaltet und traegt eigenen Text - die Behandlung wuerde es
   auswaschen. "contain" statt "cover", weil der Kasten fast quadratisch ist und
   formatfuellend 20% der Bildbreite abschneiden wuerde, genau dort, wo links
   "Industriestandort Guben" und rechts der Claim stehen. */
.gubenSketch img{filter:none;opacity:1;mix-blend-mode:normal;object-fit:contain}
.gubenSketch:after{display:none}

/* Hauptueberschrift waechst mit dem Fenster mit, statt umzubrechen. Bei fester
   Groesse von 74px brach "Ressourcen Infrastruktur Zukunft" zwischen 1021 und
   1250px Fensterbreite auf vier bis fuenf Zeilen mit Trennstrichen um, weil die
   Textspalte dort nur 325 bis 390px breit ist. Die Untergrenze von 48px haelt
   die bisherige Groesse auf dem Handy, die Obergrenze die 74px am Desktop.
   Ueber 14 Fensterbreiten von 320 bis 1512px geprueft: durchgehend dreizeilig. */
@media(min-width:1021px){.hero h1{font-size:clamp(48px,5.8vw,74px)}}

/* Schaubilder zum Vergroessern. In der Textspalte werden sie auf 44 Prozent der
   Originalbreite verkleinert - am Desktop noch lesbar, auf dem Handy nicht mehr.
   Ein Klick oeffnet die Datei in voller Aufloesung.
   Die Breitenregel .prose > img greift hier nicht mehr, weil das Bild jetzt im
   Link steckt und damit kein direktes Kind des Textbereichs mehr ist. Ohne die
   folgende Zeile liefe das Schaubild in seiner vollen Breite aus dem Layout. */
.prose a.zoom{display:block}
.prose a.zoom img{width:100%;height:auto;cursor:zoom-in}
.prose p.zoomHinweis{font-size:13px;color:#5e758b;margin:8px 0 0;text-align:right}

/* Klappmenue exakt unter der Kopfzeile. Die bisherigen festen Werte (108px,
   88px) stammten aus einer frueheren Kopfzeilenhoehe und lagen 7 bis 9 Pixel
   zu tief - zwischen Kopfzeile und Menue schien der Seiteninhalt durch.
   100% bezieht sich auf die Hoehe der Kopfzeile und stimmt damit immer. */
.nav.open .navlinks{top:calc(100% + 1px)}