/* MSPB PATCH 034
   Einheitliches Unterseiten-Layout wie Über-uns/Impressum/Kontakt-Vorlage.
   Startseite bleibt unberührt.
*/

/* Nur Innen-Seiten, nicht die Startseite */
body.mspb-modern.mspb-inner{
  overflow-x:hidden;
}

/* Gemeinsamer äußerer Rahmen/Seitenblock wie bei den guten Unterseiten */
body.mspb-modern.mspb-inner .mspb-content,
body.mspb-modern.mspb-inner .mspb-printpage{
  width:calc(100% - 120px)!important;
  max-width:1800px!important;
  margin:24px auto 34px!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#050a11!important;
  box-shadow:0 18px 45px rgba(0,0,0,.24)!important;
  padding:22px!important;
  overflow:hidden!important;
}

/* Headerbilder der betroffenen Unterseiten gleich breit und mit feinem Rahmen */
body.mspb-modern.mspb-inner .mspb-subpage-hero,
body.mspb-modern.mspb-inner .mspb-info-hero{
  width:100%!important;
  max-width:none!important;
  height:430px!important;
  min-height:430px!important;
  margin:0 auto 24px!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  overflow:hidden!important;
  background:#05080d!important;
  box-shadow:none!important;
}

/* Falls ein Header vor mspb-content eingefügt wurde, gleicher Außenrahmen */
body.mspb-modern.mspb-inner > .mspb-subpage-hero,
body.mspb-modern.mspb-inner > .mspb-info-hero{
  width:calc(100% - 120px)!important;
  max-width:1800px!important;
  margin:24px auto 0!important;
  border-radius:18px!important;
}

/* Bildfüllung */
body.mspb-modern.mspb-inner .mspb-subpage-hero img,
body.mspb-modern.mspb-inner .mspb-info-hero img{
  display:block!important;
  width:100%!important;
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:brightness(.72) contrast(1.08)!important;
}

/* Text im Header wie Vorlage */
body.mspb-modern.mspb-inner .mspb-subpage-hero__text,
body.mspb-modern.mspb-inner .mspb-info-hero__text{
  position:absolute!important;
  left:clamp(38px,4vw,82px)!important;
  bottom:clamp(38px,4vw,72px)!important;
  z-index:2!important;
  max-width:900px!important;
  color:#fff!important;
}

body.mspb-modern.mspb-inner .mspb-subpage-hero__text p,
body.mspb-modern.mspb-inner .mspb-info-hero__text p{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}

body.mspb-modern.mspb-inner .mspb-subpage-hero__text p::before,
body.mspb-modern.mspb-inner .mspb-info-hero__text p::before{
  content:""!important;
  display:inline-block!important;
  width:8px!important;
  height:34px!important;
  background:#ff1024!important;
}

body.mspb-modern.mspb-inner .mspb-subpage-hero__text h1,
body.mspb-modern.mspb-inner .mspb-info-hero__text h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(44px,5vw,78px)!important;
  line-height:.95!important;
  font-weight:1000!important;
  font-style:italic!important;
  text-transform:uppercase!important;
  letter-spacing:-.045em!important;
  text-shadow:0 16px 40px rgba(0,0,0,.85)!important;
}

/* Wenn Header außerhalb vom Content steht, Content direkt darunter bündig */
body.mspb-modern.mspb-inner > .mspb-subpage-hero + .mspb-content,
body.mspb-modern.mspb-inner > .mspb-info-hero + .mspb-content,
body.mspb-modern.mspb-inner > .mspb-info-hero + .mspb-printpage{
  margin-top:18px!important;
}

/* Tabellen auf Unterseiten vereinheitlichen */
body.mspb-modern.mspb-inner .mspb-content > table,
body.mspb-modern.mspb-inner .mspb-printpage > table,
body.mspb-modern.mspb-inner .mspb-content > table > tbody > tr > td,
body.mspb-modern.mspb-inner .mspb-printpage > table > tbody > tr > td{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

body.mspb-modern.mspb-inner .mspb-content table,
body.mspb-modern.mspb-inner .mspb-printpage table{
  max-width:100%!important;
  box-sizing:border-box!important;
}

body.mspb-modern.mspb-inner .mspb-content td,
body.mspb-modern.mspb-inner .mspb-printpage td{
  box-sizing:border-box!important;
  overflow-wrap:anywhere!important;
}

/* Kategorie-Tabelle/alte Photokorn-Tabelle im gleichen dunklen Rahmen */
body.mspb-modern.mspb-inner .mspb-category-panel,
body.mspb-modern.mspb-inner .mspb-static-panel,
body.mspb-modern.mspb-inner .mspb-print-shell,
body.mspb-modern.mspb-inner .mspb-print-article{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Formulare auf Kontakt sauber breit */
body.mspb-modern.mspb-inner .mspb-content input[type="text"],
body.mspb-modern.mspb-inner .mspb-content input[type="email"],
body.mspb-modern.mspb-inner .mspb-content input[type="search"],
body.mspb-modern.mspb-inner .mspb-content textarea,
body.mspb-modern.mspb-inner .mspb-content select,
body.mspb-modern.mspb-inner .mspb-printpage input[type="text"],
body.mspb-modern.mspb-inner .mspb-printpage textarea,
body.mspb-modern.mspb-inner .mspb-printpage select{
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Tablet */
@media(max-width:1100px){
  body.mspb-modern.mspb-inner .mspb-content,
  body.mspb-modern.mspb-inner .mspb-printpage,
  body.mspb-modern.mspb-inner > .mspb-subpage-hero,
  body.mspb-modern.mspb-inner > .mspb-info-hero{
    width:calc(100% - 40px)!important;
  }

  body.mspb-modern.mspb-inner .mspb-subpage-hero,
  body.mspb-modern.mspb-inner .mspb-info-hero,
  body.mspb-modern.mspb-inner .mspb-subpage-hero img,
  body.mspb-modern.mspb-inner .mspb-info-hero img{
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
  }
}

/* iPhone */
@media(max-width:760px){
  body.mspb-modern.mspb-inner .mspb-content,
  body.mspb-modern.mspb-inner .mspb-printpage,
  body.mspb-modern.mspb-inner > .mspb-subpage-hero,
  body.mspb-modern.mspb-inner > .mspb-info-hero{
    width:calc(100% - 20px)!important;
    padding:12px!important;
    border-radius:14px!important;
  }

  body.mspb-modern.mspb-inner .mspb-subpage-hero,
  body.mspb-modern.mspb-inner .mspb-info-hero,
  body.mspb-modern.mspb-inner .mspb-subpage-hero img,
  body.mspb-modern.mspb-inner .mspb-info-hero img{
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
  }

  body.mspb-modern.mspb-inner .mspb-subpage-hero__text,
  body.mspb-modern.mspb-inner .mspb-info-hero__text{
    left:20px!important;
    right:20px!important;
    bottom:26px!important;
  }

  body.mspb-modern.mspb-inner .mspb-subpage-hero__text h1,
  body.mspb-modern.mspb-inner .mspb-info-hero__text h1{
    font-size:clamp(34px,11vw,52px)!important;
  }
}


/* MSPB PATCH 010: Mobile / iPad / iPhone Optimierung */
body.mspb-modern .mspb-footer--compact{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:28px!important;
}
body.mspb-modern .mspb-footer-bottom--links{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px 22px!important;
  flex-wrap:wrap!important;
}
body.mspb-modern .mspb-footer-linknav{
  display:flex!important;
  align-items:center!important;
  gap:10px 18px!important;
  flex-wrap:wrap!important;
}
body.mspb-modern .mspb-footer-linknav a{white-space:nowrap!important;}

/* Einheitliche Unterseiten-Header ohne störende Rahmen, sauberer Crop */
body.mspb-modern.mspb-inner .mspb-subpage-hero,
body.mspb-modern.mspb-inner .mspb-info-hero,
body.mspb-modern.mspb-inner .mspb-ueber-hero{
  border:none!important;
  box-shadow:none!important;
  background:#050a11!important;
}
body.mspb-modern.mspb-inner .mspb-subpage-hero img,
body.mspb-modern.mspb-inner .mspb-info-hero img,
body.mspb-modern.mspb-inner .mspb-ueber-hero img{
  object-fit:cover!important;
  object-position:center center!important;
}

/* iPad / Tablet */
@media (max-width: 1180px){
  body.mspb-modern .mspb-topbar{
    gap:12px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body.mspb-modern .mspb-top-search{
    width:min(100%, 360px)!important;
  }
  body.mspb-modern.mspb-inner .mspb-content,
  body.mspb-modern.mspb-inner .mspb-printpage,
  body.mspb-modern.mspb-inner > .mspb-subpage-hero,
  body.mspb-modern.mspb-inner > .mspb-info-hero,
  body.mspb-modern.mspb-inner > .mspb-ueber-hero{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
  body.mspb-modern.mspb-inner .mspb-subpage-hero,
  body.mspb-modern.mspb-inner .mspb-info-hero,
  body.mspb-modern.mspb-inner .mspb-ueber-hero,
  body.mspb-modern.mspb-inner .mspb-subpage-hero img,
  body.mspb-modern.mspb-inner .mspb-info-hero img,
  body.mspb-modern.mspb-inner .mspb-ueber-hero img{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }
  body.mspb-modern.mspb-inner .mspb-subpage-hero__text,
  body.mspb-modern.mspb-inner .mspb-info-hero__text,
  body.mspb-modern.mspb-inner .mspb-ueber-hero-text{
    left:28px!important;
    right:28px!important;
    bottom:26px!important;
    max-width:70%!important;
  }
  body.mspb-modern.mspb-inner .mspb-subpage-hero__text h1,
  body.mspb-modern.mspb-inner .mspb-info-hero__text h1,
  body.mspb-modern.mspb-inner .mspb-ueber-hero h1{
    font-size:clamp(34px,5vw,52px)!important;
  }
  body.mspb-modern.mspb-inner .mspb-subpage-hero__text p,
  body.mspb-modern.mspb-inner .mspb-info-hero__text p,
  body.mspb-modern.mspb-inner .mspb-ueber-hero-lead{
    font-size:13px!important;
  }
}

/* iPhone / kleine Tablets */
@media (max-width: 820px){
  body.mspb-modern .mspb-topbar{
    min-height:auto!important;
    padding:10px 14px!important;
  }
  body.mspb-modern .mspb-logo a{gap:8px!important;}
  body.mspb-modern .mspb-logo span{font-size:28px!important;}
  body.mspb-modern .mspb-logo em{font-size:17px!important;}
  body.mspb-modern .mspb-top-search{width:100%!important; order:4!important;}
  body.mspb-modern.mspb-inner .mspb-content,
  body.mspb-modern.mspb-inner .mspb-printpage,
  body.mspb-modern.mspb-inner > .mspb-subpage-hero,
  body.mspb-modern.mspb-inner > .mspb-info-hero,
  body.mspb-modern.mspb-inner > .mspb-ueber-hero{
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
  }
  body.mspb-modern.mspb-inner .mspb-content,
  body.mspb-modern.mspb-inner .mspb-printpage{
    padding:14px!important;
    border-radius:14px!important;
  }
  body.mspb-modern.mspb-inner .mspb-subpage-hero,
  body.mspb-modern.mspb-inner .mspb-info-hero,
  body.mspb-modern.mspb-inner .mspb-ueber-hero,
  body.mspb-modern.mspb-inner .mspb-subpage-hero img,
  body.mspb-modern.mspb-inner .mspb-info-hero img,
  body.mspb-modern.mspb-inner .mspb-ueber-hero img{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    border-radius:12px!important;
  }
  body.mspb-modern.mspb-inner .mspb-subpage-hero__text,
  body.mspb-modern.mspb-inner .mspb-info-hero__text,
  body.mspb-modern.mspb-inner .mspb-ueber-hero-text{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    max-width:85%!important;
  }
  body.mspb-modern.mspb-inner .mspb-subpage-hero__text p,
  body.mspb-modern.mspb-inner .mspb-info-hero__text p{
    margin:0 0 8px!important;
    gap:8px!important;
    font-size:11px!important;
    letter-spacing:.06em!important;
  }
  body.mspb-modern.mspb-inner .mspb-subpage-hero__text p::before,
  body.mspb-modern.mspb-inner .mspb-info-hero__text p::before{
    width:5px!important;
    height:20px!important;
  }
  body.mspb-modern.mspb-inner .mspb-subpage-hero__text h1,
  body.mspb-modern.mspb-inner .mspb-info-hero__text h1,
  body.mspb-modern.mspb-inner .mspb-ueber-hero h1{
    font-size:clamp(26px,9vw,40px)!important;
    line-height:.96!important;
  }

  /* Bildausschnitt auf Mobilgeräten weiter nach rechts verschieben */
  body.mspb-modern.mspb-inner.page-index.action-showgal .mspb-subpage-hero img,
  body.mspb-modern.mspb-inner.page-search .mspb-subpage-hero img,
  body.mspb-modern.mspb-inner.page-contact .mspb-subpage-hero img,
  body.mspb-modern.mspb-inner.page-printfile .mspb-info-hero img,
  body.mspb-modern.mspb-inner.page-help .mspb-info-hero img,
  body.mspb-modern.mspb-inner.page-ueberuns .mspb-ueber-hero img,
  body.mspb-modern.mspb-inner.page-impressum .mspb-ueber-hero img{
    object-position:64% center!important;
  }
  body.mspb-modern.mspb-inner.page-index.action-showgal .mspb-subpage-hero img{
    object-position:72% center!important;
  }

  body.mspb-modern .mspb-footer--compact{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:24px 16px!important;
  }
  body.mspb-modern .mspb-footer-bottom--links{
    justify-content:center!important;
    text-align:center!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.mspb-modern .mspb-footer-copy{width:100%!important;}
  body.mspb-modern .mspb-footer-linknav{
    justify-content:center!important;
    width:100%!important;
    gap:8px 14px!important;
  }
}

/* Sehr kleine iPhones */
@media (max-width: 430px){
  body.mspb-modern.mspb-inner .mspb-subpage-hero,
  body.mspb-modern.mspb-inner .mspb-info-hero,
  body.mspb-modern.mspb-inner .mspb-ueber-hero,
  body.mspb-modern.mspb-inner .mspb-subpage-hero img,
  body.mspb-modern.mspb-inner .mspb-info-hero img,
  body.mspb-modern.mspb-inner .mspb-ueber-hero img{
    height:200px!important;
    min-height:200px!important;
    max-height:200px!important;
  }
  body.mspb-modern.mspb-inner .mspb-subpage-hero__text h1,
  body.mspb-modern.mspb-inner .mspb-info-hero__text h1,
  body.mspb-modern.mspb-inner .mspb-ueber-hero h1{
    font-size:clamp(24px,8.5vw,34px)!important;
  }
}