/* tablet */
@media (max-width: 1080px) {
  .inner-text-image {
    display: none !important;
  }

  #main-content aside {
    position: relative !important;
    width: 100% !important;
    margin-bottom: 2rem;
  }

  #main-content aside ul,
  #main-content aside h3 {
    font-size: 1.5rem;
    line-height: 130%;
    margin-top: 1.5rem;
  }

  aside img {
    width: 50% !important;
  }
  #main-content {
    width: 100vw !important;
    padding: 0;
    margin: 0;
  }
  #main-content section {
    width: auto !important;
    margin: 0 2vw !important;
    padding: 2vw !important;
  }
  #main-footer {
    width: 92vw !important;
    padding: 3vw 4vw 6vw 4vw !important;
    font-size: 1.2rem;
    margin-top: 2.5rem;
    line-height: 160%;
  }

  #main-header {
    width: 92vw !important;
    padding: 1.5vw 0 0 4vw !important;
    margin: 0;
  }
  #main-header section {
    height: 100%;
    margin-bottom: 0.5rem;
  }

  h1 {
    font-size: 1.7rem;
    line-height: 120%;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 120%;
  }

  p,
  em,
  li,
  strong,
  label,
  #main-header section {
    font-size: 1.2rem;
    line-height: 130%;
  }

  #main-header section {
    text-align: left !important;
  }

  table {
    width: auto !important;
    margin: 0 2vw !important;
    padding: 2vw !important;
    border-collapse: collapse;
    display: block;
  }
  table tr {
    display: block; /* Make each row a block */
    width: 100% !important ;
  }

  table tr {
    margin-bottom: 2.5rem;
  }

  .quotes tr,
  .photos tr {
    margin-bottom: 0 !important;
  }

  tr div {
    width: auto !important;
  }

  table td {
    display: block; /* Stack cells vertically */
    width: auto !important;
    padding: 0 !important;
  }

  table
    td
    img:not(#main-content table.quotes td img):not(
      #main-content table.photos td img
    ):not(.inner-text-image) {
    width: 50% !important;
    margin-bottom: 1.5rem !important;
    margin: auto;
    height: auto;
    display: block;
  }
  address {
    width: calc(100% - 8vw) !important;
    padding: 4vw !important;
    text-align: center;
  }
}

@media (max-width: 768px) {
  #in-page-nav {
    display: none !important;
  }

  aside img {
    width: 90% !important;
  }

  table
    td
    img:not(#main-content table.quotes td img):not(
      #main-content table.photos td img
    ) {
    width: 90% !important;
  }

  /* mobile-only accordion styles */
  .accordion-check {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .accordion-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #4f3e2a;
    font-weight: bold;
    text-decoration: none !important;
  }

  td h1:not(.accordion-trigger h1, .non-accordion) {
    display: none;
  }

  h2:not(.accordion-content h2) {
    display: none;
  }

  table tr {
    margin: 0;
  }

  .non-accordion {
    margin-top: 0.7rem;
  }

  .accordion-trigger::after {
    content: "＋";
    float: right;
  }
  .accordion-check:checked + .accordion-trigger::after {
    content: "−";
  }
  .accordion-content {
    display: none;
    padding: 0.5rem 0 1rem 0;
    line-height: 130%;
  }
  .accordion-check:checked + .accordion-trigger + .accordion-content {
    display: block;
  }

  /* hide duplicate headings inside accordion when on mobile */
  #sprachen + .accordion-check + .accordion-trigger {
    margin-top: 0.25rem;
  }

  .inner-text-image {
    display: block !important;
    margin-bottom: 1rem;
  }
  .marginal {
    display: none !important;
  }
  #trauerreden {
    margin-bottom: 1rem;
    display: block;
  }
  #trauerreden::after {
    content: "" !important;
  }
}

/* desktop/tablet: keep content expanded and hide mobile triggers */
@media (min-width: 769px) {
  .accordion-check,
  .accordion-trigger {
    display: none !important;
  }

  .accodion .accordion-content {
    display: block !important;
  }
}

.inner-text-image {
  display: none;
}

#in-page-nav {
  display: block;
}

/* fullscreen-gallery (preventing scrolling (on mobile)) */
.mfp-bg,
.mfp-wrap,
.mfp-container {
  overflow: hidden !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 10000 !important;
  touch-action: none !important;
  -webkit-overflow-scrolling: auto !important;
}

#trauerreden::after {
  content: ":";
}

.inner-text-image {
  margin-top: 2.5rem !important;
  margin-bottom: 0rem !important;
  margin: auto;
}

body tr:first-of-type .inner-text-image {
  margin-top: 0 !important;
}