.subpage-hero-2_h {
        background:
          url("pics/2_h/full_intro_hot.jpg")
          center / cover no-repeat;
      }
			
      .topic-section[hidden] {
        display: none !important;
      }

      .topic-section {
        scroll-margin-top: 86px;
        color: var(--color-taupe);
        background: var(--surface-page);
      }

      .topic-inner {
        width: min(1180px, calc(100% - 48px));
        margin: 0 auto;
        padding: 82px 0 96px;
      }
			
/* Hotel - Anfang */ 

      .hotel-intro {
        text-align: center;
				padding: 2%;
        font-size: clamp(1rem, 4.4vw, 3rem);
        font-weight: 400;
        line-height: 1;
      }

      .hotel-intro h3 {
				margin-bottom: 50px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.6rem;
      }
			
      .hotel-intro p {
        font-size: 1.2rem;
        font-weight: 400;
				text-transform: uppercase;
      }

      .hotel-image1 {
        min-height: 300px;
        background:
          url("pics/2_h/hotel_zimmer.jpg")
          center / cover no-repeat;
      }

      .hotel-image2 {
        min-height: 200px;
        background:
          url("pics/2_h/fruehstueck_kaffee-web.jpg")
          center / cover no-repeat;
      }
			
      .hotel-image3 {
        min-height: 300px;
        background:
          url("pics/2_h/fruehstueck_buffet_hot-web.jpg")
          center / cover no-repeat;
      }
			
			.hotel-text {
				padding: 5% 10%;
				text-align: center;
			}

			.hotel-text p {			
				font-size: 1.4rem;
			}
			
      .hotel-copy {
        margin: 2%;
      }
			
      .hotel-copy h3,
      .timeline-heading h3 {
        margin: 0;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(2rem, 4.4vw, 4.2rem);
        font-weight: 400;
        line-height: 1;
      }

      .hotel-copy p {
        margin: 26px 0 0;
        font-size: 1.05rem;
        font-weight: 700;
        line-height: 1.75;
      }

      .oeffnung-card img {
				margin-bottom: 30px;
      }
			
      .timeline-section {
        margin-top: 100px;
      }

      .timeline-heading {
        display: grid;
        grid-template-columns: minmax(0, 0.8fr) minmax(260px, 0.7fr);
        gap: 34px;
        align-items: end;
        margin-bottom: 38px;
      }

      .timeline-heading p {
        margin: 0;
        color: var(--color-taupe-muted);
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.7;
      }

      .timeline-grid-2_h_1 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
      }

      .timeline-grid-2_h_2 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
				padding-top: 5%;
      }
			
      .timeline-card-2_h_1 {
        min-height: 250px;
        padding: 28px;
        border-radius: 0;
        color: var(--menu-white);
        background:
          url("pics/2_h/gallery/h_1.jpg")
          center / cover no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
      }

      .timeline-card-2_h_1:nth-child(2) {
        background-image:
          url("pics/2_h/gallery/h_2.jpg");
      }

      .timeline-card-2_h_1:nth-child(3) {
        background-image:
          url("pics/2_h/gallery/h_3.jpg");
      }
			
      .timeline-card-2_h_1:nth-child(4) {
        background-image:
          url("pics/2_h/gallery/h_4.jpg");
      }

      .timeline-card-2_h_2 {
        min-height: 250px;
        padding: 28px;
        border-radius: 0;
        color: var(--menu-white);
        background:
          url("pics/2_h/gallery/h_5.jpg")
          center / cover no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
      }

      .timeline-card-2_h_2:nth-child(2) {
        background-image:
          url("pics/2_h/gallery/h_6.jpg");
      }

      .timeline-card-2_h_2:nth-child(3) {
        background-image:
          url("pics/2_h/gallery/h_7.jpg");
      }
			
      .timeline-card-2_h_2:nth-child(4) {
        background-image:
          url("pics/2_h/gallery/h_8.jpg");
      }
			
      @media (max-width: 575.98px) {

        .topic-inner {
          width: min(100% - 32px, 1180px);
          padding: 58px 0 72px;
        }

        .hotel-intro,
        .timeline-heading,
        .timeline-grid {
          grid-template-columns: 1fr;
        }

        .hotel-image {
          min-height: 340px;
        }

        .timeline-section {
          margin-top: 64px;
        }
      }