.subpage-hero-5_n {
			background:
				url('pics/5_n/sustainability-3300898.webp')
				center / cover no-repeat;
		}

		.subpage-hero-5_n .brand p {
			width: min(980px, calc(100vw - 32px));
			max-width: min(980px, calc(100vw - 32px));
			margin-right: auto;
			margin-left: auto;
		}

		.topic-section-5_n[hidden] {
			display: none !important;
		}

		.topic-section-5_n {
			scroll-margin-top: 86px;
			color: var(--color-taupe);
			background: var(--surface-page);
		}
		
		.topic-inner-5_n {
			width: min(1180px, calc(100% - 48px));
			margin: 0 auto;
			padding: 82px 0 96px;
		}

		.topic-title-5_n {
			margin: 0 0 62px;
			color: var(--color-text-dark);
			font-family: Georgia, "Times New Roman", serif;
			font-size: clamp(2rem, 7vw, 3rem);
			font-weight: 400;
			line-height: 0.95;
			text-transform: uppercase;
			text-align: center;
		}
		
		.topic-text-5_n {
			color: var(--color-taupe);
			font-size: clamp(1.05rem, 2vw, 1.25rem);
			font-weight: 400;	
			line-height: 1.6;
		}

    .section-space{
      padding:100px 0;
    }

    .section-title{
      text-align:center;
      margin-bottom:70px;
    }

    .section-title h2{
      font-size:3rem;
      font-weight:700;
      color:var(--color-text-dark);
      margin-bottom:20px;
    }

    .section-title p {
      max-width:850px;
      margin:auto;
      color:var(--color-taupe);
      font-size:1.1rem;
    }
		
		.nachhalt-intro {
			text-align: center;
			width: 80%;
			margin: auto;
		}

    .sustain-card {
      background: var(--surface-card);
      border-radius:28px;
      overflow:hidden;
      box-shadow:0 15px 45px rgba(0,0,0,0.08);
      transition:0.3s ease;
    }

    .sustain-card:hover {
      transform:translateY(-5px);
    }

    .sustain-card img {
      width:100%;
      height:100%;
      object-fit:cover;
      min-height:420px;
    }

    .card-content {
      padding:50px;
    }

    .icon-box {
      width:70px;
      height:70px;
      border-radius:18px;
      background: var(--surface-subtle);
      display:flex;
      align-items:center;
      justify-content:center;
      margin-bottom:25px;
    }

    .icon-box i {
      font-size:2rem;
      color:var(--color-green);
    }

    .card-content h3 {
      font-size:1.2rem;
      font-weight:700;
      margin-bottom:25px;
      color:var(--color-text-dark);
    }

    .card-content p {
      color:var(--color-taupe);
      margin-bottom:20px;
      font-size:1.05rem;
      line-height:1.2;
    }

    .info-box {
      background: var(--surface-subtle);
      color:var(--color-taupe-dark);
      border-left:6px solid var(--color-green);
      padding:20px;
      border-radius:14px;
      margin-top:25px;
    }

    .info-box strong {
      display:block;
      margin-bottom:8px;
      color:var(--color-text-dark);
      font-size:1.05rem;
    }

    .image-info {
      margin-top:30px;
      font-size:0.95rem;
      opacity:0.85;
    }


      .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 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
      }

      .timeline-card {
        min-height: 250px;
        padding: 28px;
        border-radius: 0;
        color: var(--menu-white);
        background:
          url("pics/5_n/pexels-photo-414837-web.jpg")
          center / cover no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
      }

      .timeline-card:nth-child(2) {
        background-image:
          url("pics/5_n/mbr-815x556.webp");
      }

      .timeline-card:nth-child(3) {
        background-image:
          url("pics/5_n/photovoltaic-2138992-web.jpg");
      }

      .timeline-card strong {
        display: block;
        margin-bottom: 10px;
        font-size: 0.9rem;
        letter-spacing: var(--tracking-button);
      }

      .timeline-card span {
        font-family: Georgia, "Times New Roman", serif;
        font-size: 2rem;
        line-height: 1;
      }

      @media (max-width: 575.98px) {
				
				.subpage-hero-5_n {
					background:
						url("pics/5_n/sustainability-3300898.webp")
						center / cover no-repeat;
				}	

				.subpage-hero-5_n .brand p {
					width: calc(100vw - 16px);
					max-width: calc(100vw - 16px);
					letter-spacing: var(--tracking-tight);
				}

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

        .topic-title-5_n {
          margin-bottom: 38px;
        }

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

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

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