/* MainWebLotse – statische Projekt-Informationsseite V2
   Markenwerte und Layoutgrundlagen aus dem ursprünglichen Website-Check.
   Keine JS-Dateien, Backend-Abhängigkeiten oder externen Schriftarten. */
:root{--blue:#1E3A5F;--blue-dark:#162F4E;--orange:#C34E00;--orange-dark:#A53E00;--dark:#111827;--text:#374151;--light:#F8F7F4;--white:#fff;--border:#CBD0D8;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--light);color:var(--dark);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}h1,h2,h3,p{margin-top:0}h2{font-weight:800;line-height:1.1;letter-spacing:-.035em}p{color:var(--text)}.eyebrow{margin:0 0 12px;color:var(--orange-dark);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.skip-link{position:absolute;z-index:100;top:-100px;left:16px;padding:12px 18px;background:var(--blue);color:#fff;border:2px solid var(--orange)}.skip-link:focus{top:12px}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
/* Header: original corporate colors and proportions */
.site-header{position:relative;z-index:10;background:var(--blue)}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo-link{display:inline-flex;align-items:center}.site-logo{display:block;width:255px;max-width:100%;height:auto;object-fit:contain}.header-link{font-size:.9rem;font-weight:700;color:#fff;text-decoration:none;white-space:nowrap}.header-link:hover{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:6px}
/* Residenz: preserve palace architecture in the crop, stronger original impact */
.regional-hero{position:relative;isolation:isolate;height:385px;display:flex;align-items:center;overflow:hidden;background-image:url("assets/Header-image.jpg");background-size:cover;background-position:center 33%;background-repeat:no-repeat}.regional-hero-overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(15,23,42,.96) 0%,rgba(15,23,42,.85) 38%,rgba(15,23,42,.61) 72%,rgba(15,23,42,.33) 100%);pointer-events:none}.regional-hero-content{position:relative;z-index:1;padding:30px 0 54px}.regional-eyebrow{margin:0 0 10px;color:#e97424;font-size:.82rem;font-weight:800;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 3px #000}.regional-title{max-width:620px;margin:0;color:#fff;font-size:clamp(2.25rem,3.4vw,3.15rem);font-weight:800;line-height:1.04;letter-spacing:-.045em;text-shadow:0 2px 8px rgba(0,0,0,.45)}.regional-subtitle{margin:17px 0 0;color:#fff;font-size:1.05rem;font-weight:650;text-shadow:0 1px 4px #000}
/* Original two-column structure and overlap, with stacking correctly separated from image overlay */
.overview{position:relative;z-index:2;padding:58px 0 52px;background-color:var(--light);background-image:radial-gradient(circle at 0 0,rgba(195,78,0,.09) 0,rgba(195,78,0,.09) 285px,transparent 286px)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:clamp(44px,6vw,88px);align-items:start}.overview-copy{max-width:650px;padding-top:5px}.overview-copy h2{margin:0 0 20px;font-size:clamp(1.95rem,2.7vw,2.55rem)}.overview-copy p:not(.eyebrow){font-size:1rem;line-height:1.67;margin-bottom:14px}.overview-copy strong{color:var(--dark)}.status-card{position:relative;z-index:3;margin-top:-126px;padding:29px 30px 32px;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 18px 42px rgba(17,24,39,.11)}.status-card h2{margin:0 0 16px;font-size:clamp(1.7rem,2.6vw,2.25rem)}.status-card>p:not(.eyebrow){margin:0 0 25px;font-size:.98rem;line-height:1.65}.main-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:11px 17px;color:#fff;background:var(--blue);border-radius:4px;font-size:.9rem;font-weight:750;text-decoration:none}.main-button:hover{background:var(--orange)}
/* Contact next – no informational detours */
.contact-section{padding:36px 0 30px;border-top:1px solid #e5e7eb;background:#fff}.contact-layout{display:grid;grid-template-columns:minmax(270px,.88fr) minmax(0,1.12fr);gap:clamp(30px,5vw,76px);align-items:start}.contact-intro h2{font-size:clamp(1.8rem,2.5vw,2.3rem);margin:0 0 14px}.contact-intro>p:last-child{font-size:.98rem;line-height:1.65;margin:0}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.person-card{min-width:0;padding:12px;background:var(--light);border:1px solid #d8dee5;border-radius:6px}.photo-placeholder,.person-photo{display:flex;width:100%;height:138px;object-fit:cover;border-radius:4px}.photo-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#687588;background:#eaf0f5;border:1px dashed #a8b2bd;text-align:center;font-size:.75rem}.photo-placeholder svg{width:42px;height:42px;fill:none;stroke:#8595a6;stroke-width:3;stroke-linecap:round}.person-details{padding:10px 2px 0}.person-details h3{margin:0 0 5px;font-size:.96rem;line-height:1.3}.link-placeholder,.person-details a{font-size:.81rem;font-weight:700;color:var(--blue)}.person-details a:hover{color:var(--orange)}.legal-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:32px;padding-top:14px;border-top:1px solid #e5e7eb;color:#697383;font-size:.75rem}.legal-links a:hover{color:var(--orange)}
@media(max-width:900px){.overview-grid{grid-template-columns:1fr;gap:22px}.status-card{margin-top:0;max-width:700px}.overview{padding:42px 0}.contact-layout{grid-template-columns:1fr;gap:22px}.people-grid{max-width:680px}.regional-hero{height:345px;background-position:center 32%}}
@media(max-width:680px){.container{width:min(calc(100% - 36px),var(--container))}.header-inner{height:72px;gap:12px}.site-logo{width:190px}.header-link{font-size:.76rem}.regional-hero{height:295px;background-position:52% 31%}.regional-hero-overlay{background:linear-gradient(90deg,rgba(15,23,42,.94),rgba(15,23,42,.78) 65%,rgba(15,23,42,.55))}.regional-hero-content{padding:25px 0}.regional-title{font-size:clamp(1.85rem,7.3vw,2.45rem)}.regional-eyebrow{font-size:.68rem}.regional-subtitle{font-size:.94rem}.overview{padding:34px 0}.overview-copy h2{font-size:clamp(1.75rem,6.5vw,2rem)}.status-card{padding:24px 20px}.status-card h2{font-size:1.75rem}.main-button{font-size:.83rem}.contact-section{padding:34px 0 22px}.contact-intro h2{font-size:1.85rem}.people-grid{gap:10px}.person-card{padding:9px}.photo-placeholder,.person-photo{height:132px}.person-details h3{font-size:.84rem}.link-placeholder,.person-details a{font-size:.72rem}.legal-links{margin-top:24px}}
@media(max-width:370px){.site-logo{width:150px}.header-link{font-size:.7rem}.regional-title{font-size:1.8rem}.person-card{padding:7px}.photo-placeholder,.person-photo{height:112px}}


/* Kontaktbereich V4: schmalere Karten, einheitliche Portrait-Ausschnitte.
   Fotos werden oben verankert; ueberstehende Bildteile unten beschnitten. */
.people-grid {
  max-width: 540px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}
.person-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  padding: 10px;
}
.person-photo,
.photo-placeholder {
  width: 100%;
  height: 235px;
  min-height: 0;
  aspect-ratio: auto;
  border-radius: 4px;
}
.person-photo {
  display: block;
  object-fit: cover;
  object-position: center top;
  background: transparent;
}
.photo-placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.person-details {
  margin-top: 12px;
}
@media (max-width: 680px) {
  .people-grid { max-width: 100%; gap: 10px; }
  .person-card { padding: 8px; }
  .person-photo, .photo-placeholder { height: clamp(160px, 43vw, 225px); }
}
@media (max-width: 370px) {
  .person-photo, .photo-placeholder { height: 155px; }
}