@media (max-width: 1600px){
  body{
    max-width: 100%;
  }
}

@media (max-width: 1440px) {
  .navbar-container {
    flex-direction: column;
  }

  body {
  width: 100%;
  }

  .nav-item {
    flex: 0 0 calc(33.333% - 12px);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mobile-column {
    flex-direction: column;
    gap: 20px;
  }

  .responsive-full {
    width: 100%;
    max-width: 100%;
  }

  .responsive-cover {
    height: 160px;
    object-fit: cover;
  }

  .responsive-box {
    height: auto;
    padding: 20px;
  }

  .motto_1 {
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: min(90%, 32rem);
  }

  .main-image {
    min-height: 30vh;
    height: 45vh;
  }

  .page-content {
    padding: 0 0.75rem 1rem;
  }

  .map_placeholder {
    height: min(55vh, 360px);
  }

  .pictures {
    flex-direction: column;
    align-items: stretch;
    margin-top: 20px;
  }

  .title_font {
    flex-basis: 0;
    max-width: 100%;
  }

  .button_content {
    justify-content: center;
    align-items: center;
    min-height: 48px;
    max-width: 320px;
    padding: 0 1rem;
  }

  .placeholder_item {
    flex-direction: column;
    align-items: stretch;
    padding: 18px;
  }

  .placeholder_img {
    order: 1;
    height: auto;
    max-width: 100%;
    margin-bottom: 1rem;
    border-radius: 16px;
  }

  .placeholder_separator {
    margin-left: 0;
  }

  .event_picture {
    height: auto;
  }
}

@media (max-width: 768px) {
  .font-mobile {
    text-align: center;
    margin: 1.2rem 3%;
    width: auto;
  }

  body {
  max-width: 100%;
  }

  .title_font {
    flex-basis: 0;
    max-width: 100%;
  }

  .motto_1 {
    font-size: clamp(1rem, 4vw, 1.6rem);
    padding: 0.85rem 1rem;
    width: min(90%, 28rem);
  }

  .common_textbox {
    padding: 16px;
  }

  .pic_content {
    max-width: 100%;
  }

  .button_content {
    width: 100%;
    max-width: 100%;
    border-radius: 30px;
  }

  .infocard_list {
    padding: 14px;
  }

  .placeholder_main_text {
    font-size: 0.95rem;
  }

  .event_template {
    padding: 14px;
  }

  .hamburger {
    display: block;
  }

  .navbar-container {
    flex-direction: column;
    align-items: stretch;
  }

  .nav-links {
    display: none;
    flex-direction: column;
    width: 100%;
  }

  .nav-links.active {
    display: flex;
  }

  .nav-item {
    flex: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .footer-container {
    padding: 12px;
    flex-wrap: nowrap;
  }

  .footer-column {
    min-width: 0px;
    text-align: start;
  }

  .footer-column p {
    font-size: 10px;
  }

  .footer-column h3 {
    font-size: 12px;
  }

  .font_large {
    font-size: 16px;
  }

  .font_medium {
    font-size: 14px;
  }

  .sidebar {
    width: 100%;
  }

  .mobile-title {
    font-size: 24px;
    margin: 0;
  }

  .medium-padding {
    padding: 16px;
  }

  .page-content {
    min-height: 0px;
  }

  .img-card {
    max-width: 400px;
  }

  .img-card img {
    width: 200px;
  }

  .flex-mobile-row {
    flex-direction: column;
  }

  .flex-multirow {
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 425px) {
  .hamburger {
    font-size: 1.5rem;
  }

  .button {
    height: 48px;
    font-size: small;
    padding: 4px;
  }

  .logo_text {
    font-size: 20px;
  }

  .footer-column a,
  .footer-column p {
    font-size: 8px;
  }

  .footer-column img {
    width: 20px;
    height: 20px;
  }

  .flex-button {
    width: 100%;
  }

  .mobile-title {
    font-size: 20px;
    margin: 0;
  }

  .topbar {
    justify-content: flex-start;
  }

  .img-card {
    max-width: 400px;
  }

  .img-card img {
    width: 96px;
  }

  .font_1 {
    font-size: medium;
  }
}

@media (min-aspect-ratio: 21/9) {
  body {
    max-width: 2000px;
  }
}