/* Prevent horizontal page overflow — keep logo overlap with slider intact */
html {
  overflow-x: hidden;
  max-width: 100%;
}

body {
  overflow-x: hidden;
  max-width: 100%;
  position: relative;
}

img,
video,
iframe,
embed,
object {
  max-width: 100%;
}

/* Only shrink logo width on narrow screens; do not change top/height (overlap design) */
@media screen and (max-width: 1200px) {
  #masthead .hgroup .logo img {
    width: min(420px, calc(100vw - 32px)) !important;
    right: 0 !important;
  }
}

@media screen and (max-width: 800px) {
  #masthead .hgroup .logo img {
    width: min(280px, calc(100vw - 24px)) !important;
    right: 0 !important;
  }
}

ss3-force-full-width {
  max-width: 100vw;
}

#main,
#main-slider,
.n2-section-smartslider,
.panel-grid,
.siteorigin-panels-stretch {
  max-width: 100%;
  box-sizing: border-box;
}

#programm,
#programm table {
  max-width: 100%;
  overflow-x: auto;
}