html{scroll-behavior:smooth}body{margin:0;font-family:'Roboto',sans-serif;color:#f0f7fb;background:#2e6f93;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:1060px;margin:0 auto;padding:0 24px}.site-header{position:relative;min-height:100vh}.top-bar{position:fixed;top:0;left:0;right:0;z-index:10000;background:rgba(34,34,34,.9);opacity:1;border-bottom:1px solid rgba(255,255,255,.08)}.top-bar .container{min-height:92px;display:flex;align-items:center;justify-content:space-between}.site-branding{display:flex;align-items:center;padding:0;float:none;text-decoration:none}.site-logo{display:block;width:auto;max-width:100px;max-height:70px;position:static}.main-navigation ul{list-style:none;margin:0;padding:0;display:flex;gap:0}.main-navigation li{float:none;padding:35px 10px}.main-navigation a{color:#fff;text-transform:uppercase;font-family:'Roboto Condensed',sans-serif;font-size:16px;font-weight:700;letter-spacing:0;text-decoration:none;transition:color .2s ease}.main-navigation a:hover{color:#ff6b53}.header-image{min-height:100vh;position:relative;background-image:url('../images/header.jpg');background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;display:flex!important;align-items:center;justify-content:center;text-align:center;overflow:hidden}.header-image:before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.12);z-index:1}.header-overlay{display:block;position:absolute;inset:0;z-index:2;opacity:.3;background-image:url('../images/pattern-theme.png'),url('../images/pattern.png');background-repeat:repeat;background-attachment:fixed;pointer-events:none}.welcome-info{position:relative;z-index:3;display:block;width:100%;padding:120px 30px 40px;margin:0 auto;text-align:center}.welcome-title,.welcome-info h1{font-family:'Roboto Condensed',sans-serif;font-size:80px;color:#fff;width:100%;text-align:center;text-shadow:0 0 2px #222,0 0 2px #222;font-weight:700;margin:0;line-height:1.2;text-transform:uppercase;letter-spacing:0}.site-content{position:relative;z-index:5;background:#2e6f93}.page-section{padding:86px 0;background:#2e6f93}.alt-section{background:#2e6f93}.content-area{background:transparent;color:#f0f7fb;padding-top:54px;padding-bottom:54px;box-sizing:border-box}.content-area h2{font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;font-size:38px;line-height:1.2;color:#fff;margin:0 0 30px;font-weight:700;text-align:center}.content-area h2:after{content:'';display:block;width:70px;height:3px;margin:18px auto 0;background:#ff6b53}.content-area h3{font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;font-size:28px;color:#fff;margin:54px 0 22px;font-weight:700}.content-area p{margin:0 0 22px;color:#f0f7fb}.content-area strong{color:#fff}.angebot-block{clear:both;margin-top:34px;background:rgba(255,255,255,.06);padding:26px 30px;margin-left:-30px;margin-right:-30px;border-radius:2px}.angebot-block:first-of-type{margin-top:24px}.image-row{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;margin:18px 0 30px}.image-row img,.ausflug-content img{height:auto;max-width:100%;border:none;box-shadow:none}.image-row.single img{width:300px}.ausflug-content{margin-top:10px}.ausflug-content img{display:block;width:300px;margin:0 0 16px}.site-footer{display:none!important}#ueber-uns-section,#angebot{scroll-margin-top:110px}@media(max-width:700px){.top-bar .container{min-height:74px}.site-logo{max-height:52px;max-width:82px}.main-navigation li{padding:26px 6px}.main-navigation a{font-size:14px}.welcome-title,.welcome-info h1{font-size:42px}.header-image,.header-overlay{background-attachment:scroll}.page-section{padding:52px 0}.content-area{padding-top:38px;padding-bottom:38px}.content-area h2{font-size:32px}.angebot-block{margin-left:0;margin-right:0;padding:22px}}


/* v6: unified blue content area and corrected anchor positioning */
body, .site-content, .page-section, .alt-section { background: #347fa6 !important; }
.content-area { background: transparent !important; }
.angebot-block {
  background: transparent !important;
  padding: 18px 0 28px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
}
#angebot, #ueber-uns { scroll-margin-top: 122px; }
.ueber-uns-section { background: #347fa6 !important; }

/* v8: equal-sized content image grid, no lightbox */
.image-row,
.apnoe-image-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 300px));
  gap: 22px;
  align-items: start;
  justify-content: start;
  margin: 24px 0 34px;
}

.image-row.single {
  grid-template-columns: repeat(auto-fit, minmax(300px, 300px));
}

.content-area img:not(.site-logo),
.image-row img,
.ausflug-content img {
  width: 300px !important;
  height: 208px !important;
  max-width: 100% !important;
  object-fit: cover;
  display: block;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
  cursor: default;
}

.content-area img:not(.site-logo):hover,
.image-row img:hover,
.ausflug-content img:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 38px rgba(0,0,0,.32);
  filter: saturate(1.04);
}

.ausflug-content {
  display: block !important;
}

.ausflug-content img {
  margin: 18px 0 34px;
}

@media(max-width:700px){
  .image-row,
  .apnoe-image-grid,
  .image-row.single {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .content-area img:not(.site-logo),
  .image-row img,
  .ausflug-content img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 300 / 208;
  }
}

/* v9: mobile navigation and layout polish */
.menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  padding: 10px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}
.menu-toggle span { display:block; width:22px; height:2px; background:#fff; border-radius:2px; transition:transform .2s ease, opacity .2s ease; }
.menu-toggle.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.is-open span:nth-child(2) { opacity: 0; }
.menu-toggle.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 860px) {
  .top-bar .container { min-height: 72px; padding-left: 18px; padding-right: 18px; }
  .site-logo { max-width: 82px; max-height: 54px; }
  .menu-toggle { display: flex; }
  .main-navigation { position:absolute; top:100%; left:0; right:0; width:100%; background:rgba(34,34,34,.96); border-top:1px solid rgba(255,255,255,.1); box-shadow:0 14px 28px rgba(0,0,0,.24); max-height:0; overflow:hidden; transition:max-height .25s ease; }
  .main-navigation.is-open { max-height: 260px; }
  .main-navigation ul { display:flex; flex-direction:column; gap:0; padding:8px 0; }
  .main-navigation li { padding:0 !important; width:100%; }
  .main-navigation a { display:block; padding:14px 24px; font-size:15px; border-bottom:1px solid rgba(255,255,255,.08); }
  .main-navigation li:last-child a { border-bottom:0; }
  .welcome-info { padding:96px 20px 34px; }
  .welcome-title, .welcome-info h1 { font-size:clamp(38px, 10vw, 58px); }
  #angebot, #ueber-uns { scroll-margin-top:84px; }
}

@media (max-width: 480px) {
  .container { padding-left:18px; padding-right:18px; }
  .content-area h2 { font-size:29px; }
  .content-area h3 { font-size:24px; }
  .page-section { padding:44px 0; }
  .image-row, .apnoe-image-grid, .image-row.single { justify-content:stretch; }
}

/* v10: responsive image grid without upscaling small images */
.image-row,
.apnoe-image-grid,
.image-row.single {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 300px)) !important;
  gap: clamp(14px, 3vw, 22px) !important;
  justify-content: start !important;
  align-items: start !important;
}

.content-area img:not(.site-logo),
.image-row img,
.ausflug-content img {
  width: min(300px, 100%) !important;
  max-width: 300px !important;
  height: auto !important;
  aspect-ratio: 300 / 208 !important;
  object-fit: cover !important;
  justify-self: start !important;
}

.ausflug-content img {
  display: block !important;
}

@media (max-width: 700px) {
  .image-row,
  .apnoe-image-grid,
  .image-row.single {
    grid-template-columns: repeat(auto-fit, minmax(160px, 300px)) !important;
    justify-content: center !important;
  }

  .content-area img:not(.site-logo),
  .image-row img,
  .ausflug-content img {
    width: min(300px, 100%) !important;
    max-width: 300px !important;
    height: auto !important;
    aspect-ratio: 300 / 208 !important;
    justify-self: center !important;
  }
}

@media (max-width: 360px) {
  .image-row,
  .apnoe-image-grid,
  .image-row.single {
    grid-template-columns: 1fr !important;
  }

  .content-area img:not(.site-logo),
  .image-row img,
  .ausflug-content img {
    width: 100% !important;
    max-width: 300px !important;
  }
}