.askoe-fg-root,.askoe-fg-root *,.askoe-album-page,.askoe-album-page *{box-sizing:border-box}.askoe-fg-latest-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;width:100%!important}.askoe-fg-card{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 26px rgba(0,0,0,.10)!important}.askoe-fg-cover{position:relative!important;display:block!important;width:100%!important;height:240px!important;min-height:240px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#e8edf4!important;overflow:hidden!important}.askoe-fg-cover img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;object-fit:contain!important;background:#e8edf4!important}.askoe-fg-card-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;padding:26px 26px 28px!important;background:#fff!important;color:#111827!important}.askoe-fg-tag{display:inline-block!important;padding:7px 14px!important;border-radius:999px!important;background:#b70f7c!important;color:#fff!important;font-size:13px!important;font-weight:900!important;line-height:1.2!important;text-transform:uppercase!important}.askoe-fg-tag.blue{background:#0069b4!important}.askoe-fg-card-body h3{width:100%!important;margin:18px 0 12px!important;color:#003f7f!important;font-size:26px!important;line-height:1.2!important;font-weight:900!important;overflow-wrap:anywhere!important}.askoe-fg-card-body p{width:100%!important;margin:0 0 18px!important;color:#333!important;font-size:17px!important;line-height:1.55!important}.askoe-fg-meta{display:grid!important;gap:8px!important;width:100%!important;margin:0 0 20px!important;color:#4b5563!important;font-size:15px!important;font-weight:700!important}.askoe-fg-link{display:inline-block!important;margin-top:auto!important;color:#0069b4!important;font-size:17px!important;font-weight:900!important;line-height:1.4!important;text-decoration:underline!important}.askoe-fg-moments-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:220px!important;grid-auto-flow:dense!important;gap:20px!important;width:100%!important}.askoe-fg-moment{position:relative!important;display:block!important;overflow:hidden!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:#dfe7f1!important;box-shadow:0 8px 22px rgba(0,0,0,.08)!important}.askoe-fg-moment.size-1x1{grid-column:span 1!important;grid-row:span 1!important}.askoe-fg-moment.size-2x1{grid-column:span 2!important;grid-row:span 1!important}.askoe-fg-moment.size-2x2{grid-column:span 2!important;grid-row:span 2!important}.askoe-fg-moment img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;transition:transform .25s ease!important}.askoe-fg-moment:hover img{transform:scale(1.035)!important}.askoe-fg-moment:after{content:"";position:absolute;z-index:1;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.askoe-fg-moment span{position:absolute!important;z-index:2!important;left:24px!important;right:20px!important;bottom:20px!important;color:#fff!important;font-size:26px!important;line-height:1.1!important;font-weight:900!important;text-align:left!important;text-shadow:0 2px 5px rgba(0,0,0,.65)!important}.askoe-fg-empty{padding:28px;border-radius:12px;background:#f5f7fb;color:#333;text-align:center}

html.askoe-lightbox-open,body.askoe-lightbox-open{overflow:hidden!important}.askoe-lightbox[hidden]{display:none!important}.askoe-lightbox{position:fixed!important;z-index:2147483647!important;inset:0!important;display:grid!important;place-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:24px!important;transform:none!important}.askoe-lightbox-backdrop{position:absolute!important;inset:0!important;background:rgba(5,12,24,.94)!important}.askoe-lightbox-dialog{position:relative!important;z-index:1!important;width:min(1500px,96vw)!important;height:min(920px,94vh)!important;margin:auto!important;padding:22px!important;border-radius:16px!important;background:#111827!important;box-shadow:0 25px 80px rgba(0,0,0,.55)!important;color:#fff!important;display:flex!important;flex-direction:column!important}.askoe-lightbox-close{position:absolute!important;z-index:5!important;top:12px!important;right:14px!important;width:46px!important;height:46px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.15)!important;color:#fff!important;font-size:34px!important;line-height:1!important;cursor:pointer!important}.askoe-lightbox-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:0 56px 16px 2px!important;flex:0 0 auto!important}.askoe-lightbox-head h3{margin:0!important;color:#fff!important;font-size:25px!important}.askoe-lightbox-stage{position:relative!important;display:flex!important;flex:1 1 auto!important;min-height:0!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:12px!important;background:#050912!important}.askoe-lightbox-stage img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.askoe-lightbox-nav{position:absolute!important;z-index:3!important;top:50%!important;width:58px!important;height:76px!important;transform:translateY(-50%)!important;border:0!important;border-radius:8px!important;background:rgba(0,0,0,.48)!important;color:#fff!important;font-size:52px!important;line-height:1!important;cursor:pointer!important}.askoe-lightbox-nav.prev{left:12px!important}.askoe-lightbox-nav.next{right:12px!important}

.askoe-album-body{margin:0!important;background:#f5f7fb!important;color:#111827!important;font-family:Arial,Helvetica,sans-serif!important}.askoe-album-page{min-height:100vh;background:#f5f7fb}.askoe-album-container{width:min(1500px,calc(100% - 48px));margin:0 auto}.askoe-album-header{background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.06)}.askoe-album-header-inner{width:min(1500px,calc(100% - 48px));min-height:90px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.askoe-album-brand img{display:block;width:310px;max-width:100%;height:auto}.askoe-album-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:22px}.askoe-album-nav a{color:#111827!important;text-decoration:none!important;text-transform:uppercase;font-size:13px;font-weight:900}.askoe-album-nav a:hover,.askoe-album-nav a.active{color:#0069b4!important}.askoe-album-hero{min-height:370px;padding:72px 0;background-position:center,center;background-size:cover,contain;background-repeat:no-repeat,no-repeat;background-color:#0b2545;color:#fff;display:flex;align-items:center}.askoe-album-back{display:inline-block;margin-bottom:22px;color:#fff!important;font-weight:800;text-decoration:none!important}.askoe-album-category{display:table;margin-bottom:14px;padding:7px 14px;border-radius:999px;background:#b70f7c;color:#fff;font-size:13px;font-weight:900;text-transform:uppercase}.askoe-album-hero h1{max-width:1000px;margin:0 0 16px;color:#fff!important;font-size:58px;line-height:1.08;font-weight:900}.askoe-album-hero p{max-width:900px;margin:0 0 18px;color:#fff;font-size:20px;line-height:1.55}.askoe-album-meta{display:flex;flex-wrap:wrap;gap:18px;color:#fff;font-size:16px;font-weight:800}.askoe-album-main{padding:64px 0 82px}.askoe-album-main h2{margin:0 0 28px;color:#111827!important;font-size:38px;font-weight:900}.askoe-album-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.askoe-album-thumb{display:block;width:100%;aspect-ratio:1/1;margin:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:#dfe7f1;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.10)}.askoe-album-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.askoe-album-thumb:hover img{transform:scale(1.045)}.askoe-album-footer{padding:28px 0;background:linear-gradient(135deg,#003f7f,#0069b4);color:#fff;text-align:center;font-size:14px}

@media(max-width:1100px){.askoe-fg-latest-grid{grid-template-columns:1fr!important}.askoe-fg-cover{height:320px!important}.askoe-fg-moments-grid{grid-template-columns:repeat(2,1fr)!important}.askoe-fg-moment.size-2x2,.askoe-fg-moment.size-2x1{grid-column:span 2!important}.askoe-album-header-inner{flex-direction:column;align-items:flex-start;padding:16px 0}.askoe-album-nav{justify-content:flex-start}.askoe-album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.askoe-album-hero h1{font-size:46px}}
@media(max-width:700px){.askoe-fg-cover{height:210px!important;min-height:210px!important}.askoe-fg-card-body{padding:22px!important}.askoe-fg-moments-grid{grid-template-columns:1fr!important;grid-auto-rows:220px!important}.askoe-fg-moment.size-1x1,.askoe-fg-moment.size-2x1,.askoe-fg-moment.size-2x2{grid-column:span 1!important;grid-row:span 1!important}.askoe-fg-moment span{font-size:22px!important}.askoe-lightbox{padding:8px!important}.askoe-lightbox-dialog{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;padding:12px!important}.askoe-lightbox-head h3{font-size:19px!important}.askoe-lightbox-nav{width:46px!important;height:62px!important;font-size:42px!important}.askoe-album-container,.askoe-album-header-inner{width:min(100% - 30px,1500px)}.askoe-album-brand img{width:270px}.askoe-album-nav{gap:10px 14px}.askoe-album-nav a{font-size:12px}.askoe-album-hero{min-height:320px;padding:52px 0}.askoe-album-hero h1{font-size:38px}.askoe-album-hero p{font-size:18px}.askoe-album-main{padding:42px 0 58px}.askoe-album-main h2{font-size:30px}.askoe-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Version 1.8: Vollbild-Fotoansicht wie bei Google Fotos */
.askoe-lightbox{
  padding:0!important;
  background:#050912!important;
}
.askoe-lightbox-backdrop{
  background:#050912!important;
}
.askoe-lightbox-dialog{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:#050912!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.askoe-lightbox-head{
  position:absolute!important;
  z-index:20!important;
  top:0!important;
  left:0!important;
  right:0!important;
  min-height:72px!important;
  padding:16px 92px 16px 24px!important;
  background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,0))!important;
  pointer-events:none!important;
}
.askoe-lightbox-head h3,
.askoe-lightbox-head [data-counter]{
  position:relative!important;
  z-index:21!important;
  color:#fff!important;
  pointer-events:auto!important;
  text-shadow:0 2px 8px rgba(0,0,0,.75)!important;
}
.askoe-lightbox-head h3{
  max-width:calc(100vw - 220px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:22px!important;
}
.askoe-lightbox-close{
  position:absolute!important;
  z-index:30!important;
  top:14px!important;
  right:18px!important;
  width:48px!important;
  height:48px!important;
  background:rgba(18,24,39,.72)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.askoe-lightbox-close:hover,
.askoe-lightbox-close:focus-visible{
  background:rgba(55,65,81,.92)!important;
  outline:2px solid rgba(255,255,255,.85)!important;
  outline-offset:2px!important;
}
.askoe-lightbox-stage{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  min-height:0!important;
  border-radius:0!important;
  background:#050912!important;
  overflow:hidden!important;
}
.askoe-lightbox-stage img{
  position:relative!important;
  z-index:1!important;
  width:auto!important;
  height:auto!important;
  max-width:100vw!important;
  max-height:100vh!important;
  object-fit:contain!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.askoe-lightbox-nav{
  position:absolute!important;
  z-index:30!important;
  top:50%!important;
  width:56px!important;
  height:72px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;
  background:rgba(18,24,39,.70)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.40)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  color:#fff!important;
  font-size:48px!important;
  line-height:1!important;
  opacity:.92!important;
  transition:background .18s ease,opacity .18s ease,transform .18s ease!important;
}
.askoe-lightbox-nav.prev{left:18px!important}
.askoe-lightbox-nav.next{right:18px!important}
.askoe-lightbox-nav:hover,
.askoe-lightbox-nav:focus-visible{
  background:rgba(55,65,81,.95)!important;
  opacity:1!important;
  outline:2px solid rgba(255,255,255,.85)!important;
  outline-offset:2px!important;
}

@media(max-width:700px){
  .askoe-lightbox-head{
    min-height:62px!important;
    padding:14px 76px 14px 14px!important;
  }
  .askoe-lightbox-head h3{
    max-width:calc(100vw - 150px)!important;
    font-size:17px!important;
  }
  .askoe-lightbox-close{
    top:10px!important;
    right:10px!important;
    width:44px!important;
    height:44px!important;
    font-size:30px!important;
  }
  .askoe-lightbox-nav{
    width:44px!important;
    height:58px!important;
    font-size:38px!important;
  }
  .askoe-lightbox-nav.prev{left:8px!important}
  .askoe-lightbox-nav.next{right:8px!important}
}

/* Version 1.9: exakt zentrierte Pfeile und Play/Pause-Diashow */
.askoe-lightbox-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:0!important;
}
.askoe-lightbox-nav svg{
  display:block!important;
  width:30px!important;
  height:30px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
.askoe-lightbox-play{
  position:absolute!important;
  z-index:30!important;
  top:14px!important;
  right:80px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:50%!important;
  background:rgba(18,24,39,.72)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.35)!important;
  color:#fff!important;
  cursor:pointer!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.askoe-lightbox-play:hover,
.askoe-lightbox-play:focus-visible{
  background:rgba(55,65,81,.92)!important;
  outline:2px solid rgba(255,255,255,.85)!important;
  outline-offset:2px!important;
}
.askoe-lightbox-play svg{
  display:block!important;
  width:24px!important;
  height:24px!important;
  fill:currentColor!important;
  pointer-events:none!important;
}
.askoe-lightbox-play .askoe-pause-icon{display:none!important}
.askoe-lightbox-play.is-playing .askoe-play-icon{display:none!important}
.askoe-lightbox-play.is-playing .askoe-pause-icon{display:block!important}
@media(max-width:700px){
  .askoe-lightbox-play{
    top:10px!important;
    right:64px!important;
    width:44px!important;
    height:44px!important;
  }
  .askoe-lightbox-nav svg{
    width:26px!important;
    height:26px!important;
  }
}


/* Version 2.0: Play/Pause links neben Albumtitel und Fotozaehler im Titel */
.askoe-lightbox-head{
  justify-content:flex-start!important;
  gap:14px!important;
  padding:14px 82px 14px 18px!important;
}
.askoe-lightbox-head h3{
  max-width:calc(100vw - 180px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.askoe-lightbox-head [data-counter]{display:none!important}
.askoe-lightbox-play{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  flex:0 0 48px!important;
}
@media(max-width:700px){
  .askoe-lightbox-head{
    gap:10px!important;
    padding:10px 64px 10px 10px!important;
  }
  .askoe-lightbox-head h3{
    max-width:calc(100vw - 132px)!important;
    font-size:16px!important;
  }
  .askoe-lightbox-play{
    top:auto!important;
    right:auto!important;
    flex-basis:44px!important;
  }
}


/* Version 2.1: Play/Pause wieder links vom X, Intervall 3/5/10 Sekunden */
.askoe-lightbox-head{
  justify-content:flex-start!important;
  gap:0!important;
  padding:16px 250px 16px 24px!important;
}
.askoe-lightbox-head h3{
  max-width:calc(100vw - 300px)!important;
}
.askoe-lightbox-controls{
  position:absolute!important;
  z-index:40!important;
  top:14px!important;
  right:18px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.askoe-lightbox-controls .askoe-lightbox-play,
.askoe-lightbox-controls .askoe-lightbox-close{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  flex:0 0 auto!important;
}
.askoe-lightbox-speed-label{
  display:block!important;
  margin:0!important;
}
.askoe-lightbox-speed{
  width:auto!important;
  height:48px!important;
  min-width:92px!important;
  margin:0!important;
  padding:0 34px 0 14px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px!important;
  background-color:rgba(18,24,39,.72)!important;
  color:#fff!important;
  font:700 14px/1 Arial,Helvetica,sans-serif!important;
  box-shadow:0 4px 18px rgba(0,0,0,.35)!important;
  cursor:pointer!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.askoe-lightbox-speed option{
  background:#111827!important;
  color:#fff!important;
}
.askoe-lightbox-speed:hover,
.askoe-lightbox-speed:focus-visible{
  background-color:rgba(55,65,81,.92)!important;
  outline:2px solid rgba(255,255,255,.85)!important;
  outline-offset:2px!important;
}
@media(max-width:700px){
  .askoe-lightbox-head{
    padding:14px 204px 14px 14px!important;
  }
  .askoe-lightbox-head h3{
    max-width:calc(100vw - 220px)!important;
    font-size:16px!important;
  }
  .askoe-lightbox-controls{
    top:10px!important;
    right:10px!important;
    gap:7px!important;
  }
  .askoe-lightbox-speed{
    height:44px!important;
    min-width:78px!important;
    padding:0 28px 0 10px!important;
    font-size:12px!important;
  }
}


/* =========================================================
   Album-Detailansicht – einheitlicher ASKÖ-bfi Seitenstandard
   Version 2.3.0
   ========================================================= */
.askoe-album-page{
  width:calc(100% - 20px)!important;
  max-width:calc(100% - 20px)!important;
  margin:0 10px!important;
  overflow-x:hidden!important;
}

.askoe-album-header{
  width:100%!important;
  max-width:100%!important;
  background:#fff!important;
  border-bottom:1px solid rgba(0,0,0,.06)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.06)!important;
  position:relative!important;
  z-index:50!important;
}

.askoe-album-header-inner{
  width:100%!important;
  max-width:1600px!important;
  min-height:112px!important;
  margin:0 auto!important;
  padding:14px 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:34px!important;
  box-sizing:border-box!important;
}

.askoe-album-brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 320px!important;
  max-width:320px!important;
}

.askoe-album-brand img{
  display:block!important;
  width:310px!important;
  max-width:100%!important;
  height:auto!important;
}

.askoe-album-nav{
  flex:1 1 auto!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(120px,1fr))!important;
  align-items:stretch!important;
  gap:12px!important;
}

.askoe-album-nav a{
  min-width:0!important;
  min-height:62px!important;
  padding:12px 14px!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.10)!important;
  color:#003f7f!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  transition:.2s ease!important;
  box-sizing:border-box!important;
}

.askoe-album-nav a:hover,
.askoe-album-nav a.active{
  color:#0069b4!important;
  transform:translateY(-2px)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.14)!important;
}

.askoe-album-hero{
  width:100%!important;
  max-width:100%!important;
  min-height:560px!important;
  padding:90px 20px!important;
  margin:0!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  place-items:center!important;
  overflow:hidden!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  box-sizing:border-box!important;
}

.askoe-album-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at center,rgba(255,255,255,.08),rgba(0,0,0,.25))!important;
  pointer-events:none!important;
}

.askoe-album-hero .askoe-album-container{
  width:min(1200px,100%)!important;
  min-height:380px!important;
  margin:0 auto!important;
  padding:0 28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  position:relative!important;
  z-index:2!important;
  box-sizing:border-box!important;
}

.askoe-album-back{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  margin:0 0 18px!important;
  padding:0 20px!important;
  border-radius:7px!important;
  background:#0069b4!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}

.askoe-album-back:hover{
  background:#005a9a!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}

.askoe-album-category{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  margin:0 0 14px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:#d0007f!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

.askoe-album-hero h1{
  width:100%!important;
  max-width:1200px!important;
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:66px!important;
  line-height:1.05!important;
  font-weight:900!important;
  text-align:center!important;
  overflow-wrap:break-word!important;
  word-break:break-word!important;
  hyphens:auto!important;
}

.askoe-album-hero p{
  width:100%!important;
  max-width:1000px!important;
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.5!important;
  font-weight:700!important;
  text-align:center!important;
  overflow-wrap:break-word!important;
}

.askoe-album-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  width:100%!important;
  gap:18px!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.4!important;
  font-weight:800!important;
  text-align:center!important;
}

.askoe-album-container{
  width:100%!important;
  max-width:1600px!important;
  margin:0 auto!important;
  padding-left:28px!important;
  padding-right:28px!important;
  box-sizing:border-box!important;
}

@media(max-width:1450px){
  .askoe-album-header-inner{
    flex-direction:column!important;
    align-items:center!important;
    gap:16px!important;
  }
  .askoe-album-brand{
    flex:0 0 auto!important;
    max-width:320px!important;
  }
  .askoe-album-nav{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  .askoe-album-page{
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
    margin-left:6px!important;
    margin-right:6px!important;
  }
  .askoe-album-header-inner{
    min-height:auto!important;
    padding:14px 18px 18px!important;
  }
  .askoe-album-brand{
    max-width:280px!important;
  }
  .askoe-album-brand img{
    width:260px!important;
  }
  .askoe-album-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .askoe-album-nav a{
    min-height:58px!important;
    padding:11px 8px!important;
    font-size:14px!important;
  }
  .askoe-album-hero{
    min-height:auto!important;
    padding:70px 20px!important;
  }
  .askoe-album-hero .askoe-album-container{
    min-height:320px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .askoe-album-hero h1{
    font-size:42px!important;
  }
  .askoe-album-hero p{
    font-size:18px!important;
  }
  .askoe-album-meta{
    font-size:15px!important;
  }
  .askoe-album-container{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* Verhindert, dass LiteSpeed kurz veraltete Galeriekarten zeigt. */
[data-askoe-gallery-section]{opacity:0!important;transition:opacity .12s ease!important}
[data-askoe-gallery-section].askoe-gallery-ready{opacity:1!important}

/* Version 2.4.3: Startseite und Galerie identische, vollflächige Titelbilder mit Hover-Zoom */
.askoe-fg-cover img{
  object-fit:cover!important;
  object-position:center center!important;
  transition:transform .28s ease!important;
  transform:scale(1)!important;
}
.askoe-fg-card:hover .askoe-fg-cover img,
.askoe-fg-card:focus-within .askoe-fg-cover img{
  transform:scale(1.045)!important;
}
.askoe-fg-card{
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.askoe-fg-card:hover,
.askoe-fg-card:focus-within{
  transform:translateY(-6px)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.16)!important;
}

/* Version 2.5.1: Originalgroesse ohne Hochskalierung und Google-Drive-Videoplayer */
.askoe-lightbox-stage img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#050912!important;
}
.askoe-lightbox-stage img[hidden],
.askoe-lightbox-stage iframe[hidden]{display:none!important}
.askoe-lightbox-stage iframe[data-video-frame]{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:min(1280px,100%)!important;
  height:min(720px,100%)!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:16/9!important;
  border:0!important;
  background:#000!important;
}
.askoe-album-thumb{position:relative!important}
.askoe-video-badge{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding-left:4px!important;
  background:rgba(0,0,0,.68)!important;
  border:2px solid rgba(255,255,255,.9)!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1!important;
  box-shadow:0 6px 22px rgba(0,0,0,.4)!important;
  pointer-events:none!important;
}
.askoe-album-thumb.is-video:hover .askoe-video-badge{transform:translate(-50%,-50%) scale(1.08)!important}

/* Version 2.5.4: sichtbare Galerieabschnitte, Originalbildgroesse und gestreamte Videos */
.askoe-lightbox-stage video[data-video]{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:calc(100vw - 120px)!important;
  max-height:calc(100vh - 110px)!important;
  background:#000!important;
}
.askoe-lightbox-stage video[data-video][hidden]{display:none!important}

/* Bilder nie hochskalieren; nur verkleinern, wenn sie nicht in den Bildschirm passen */
.askoe-lightbox-stage img[data-image]{
  flex:0 0 auto!important;
  max-width:none!important;
  max-height:none!important;
  width:auto;
  height:auto;
  object-fit:contain!important;
}
.askoe-lightbox-stage img[data-image][hidden]{display:none!important}

/* Version 2.5.5: mobile Vollbilddarstellung ohne Beschnitt */
.askoe-lightbox-stage img[data-image]{
  width:auto!important;
  height:auto!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100dvh - 96px)!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.askoe-lightbox-stage{
  touch-action:pan-y!important;
}
@supports not (height:100dvh){
  .askoe-lightbox-stage img[data-image]{
    max-height:calc(100vh - 96px)!important;
  }
}
@media(max-width:700px){
  .askoe-lightbox-stage{
    padding:72px 8px max(10px,env(safe-area-inset-bottom))!important;
  }
  .askoe-lightbox-stage img[data-image]{
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 92px - env(safe-area-inset-bottom))!important;
  }
}


/* =========================================================
   Album-Header exakt wie auf den HTML-Seiten
   ========================================================= */
@media(max-width:1450px){
  .askoe-album-header-inner{
    flex-direction:column!important;
    align-items:center!important;
    gap:16px!important;
  }

  .askoe-album-brand{
    flex:0 0 auto!important;
    max-width:320px!important;
  }

  .askoe-album-nav{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
}

@media(max-width:700px){
  .askoe-album-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
}

/* =========================================================
   Version 2.6.2: Mobile Lightbox Pro
   - runde, unverzerrte Navigation
   - echter Hintergrund-Scroll-Lock auf iOS/Android
   - Pinch-to-Zoom, Pan und Double-Tap
   - sichere Viewport-/Safe-Area-Abstaende
   ========================================================= */
html.askoe-lightbox-open,
body.askoe-lightbox-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:none!important;
}
.askoe-lightbox{
  overscroll-behavior:contain!important;
  touch-action:none!important;
}
.askoe-lightbox-dialog{
  overscroll-behavior:none!important;
}
.askoe-lightbox-stage{
  touch-action:none!important;
  overscroll-behavior:none!important;
  -webkit-overflow-scrolling:auto!important;
}
.askoe-lightbox-stage img[data-image]{
  transform-origin:center center!important;
  will-change:transform!important;
  touch-action:none!important;
  -webkit-touch-callout:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.askoe-lightbox-stage img[data-image].is-zoomed{
  cursor:grab!important;
}
.askoe-lightbox-nav{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  padding:0!important;
  flex:0 0 54px!important;
}
.askoe-lightbox-nav svg{
  width:26px!important;
  height:26px!important;
}
.askoe-lightbox-zoomed .askoe-lightbox-nav{
  opacity:.35!important;
}

@media(max-width:700px){
  .askoe-lightbox-dialog{
    width:100dvw!important;
    height:100dvh!important;
  }
  .askoe-lightbox-stage{
    width:100dvw!important;
    height:100dvh!important;
    padding:calc(72px + env(safe-area-inset-top)) 6px calc(10px + env(safe-area-inset-bottom))!important;
  }
  .askoe-lightbox-stage img[data-image]{
    max-width:calc(100dvw - 12px)!important;
    max-height:calc(100dvh - 92px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  }
  .askoe-lightbox-head{
    top:env(safe-area-inset-top)!important;
    min-height:58px!important;
    padding:12px 198px 10px max(12px,env(safe-area-inset-left))!important;
  }
  .askoe-lightbox-head h3{
    max-width:calc(100dvw - 210px)!important;
    font-size:15px!important;
    line-height:1.2!important;
  }
  .askoe-lightbox-controls{
    top:calc(8px + env(safe-area-inset-top))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    gap:6px!important;
  }
  .askoe-lightbox-speed{
    height:42px!important;
    min-width:72px!important;
    padding:0 24px 0 9px!important;
    font-size:12px!important;
  }
  .askoe-lightbox-controls .askoe-lightbox-play,
  .askoe-lightbox-controls .askoe-lightbox-close{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    flex:0 0 42px!important;
    border-radius:50%!important;
    padding:0!important;
  }
  .askoe-lightbox-close{
    font-size:29px!important;
    line-height:42px!important;
  }
  .askoe-lightbox-nav{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    flex-basis:48px!important;
    border-radius:50%!important;
    background:rgba(18,24,39,.64)!important;
    box-shadow:0 3px 14px rgba(0,0,0,.38)!important;
  }
  .askoe-lightbox-nav.prev{left:max(8px,env(safe-area-inset-left))!important}
  .askoe-lightbox-nav.next{right:max(8px,env(safe-area-inset-right))!important}
  .askoe-lightbox-nav svg{
    width:24px!important;
    height:24px!important;
  }
}

@supports not (height:100dvh){
  @media(max-width:700px){
    .askoe-lightbox-dialog,
    .askoe-lightbox-stage{height:100vh!important}
    .askoe-lightbox-stage{width:100vw!important}
    .askoe-lightbox-stage img[data-image]{max-width:calc(100vw - 12px)!important;max-height:calc(100vh - 92px)!important}
  }
}


/* Version 2.6.3: Fokusbasierter mobiler Zoom */
.askoe-lightbox-stage img[data-image]{
  transform-origin:center center!important;
  will-change:transform!important;
}
@media(max-width:700px){
  .askoe-lightbox-stage{
    touch-action:none!important;
    overscroll-behavior:contain!important;
  }
  .askoe-lightbox-stage img[data-image]{
    -webkit-user-drag:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
}