.subpage-hero-3_r {
		background:
			url("pics/3_r/full_intro_rest1.jpg")
			center / cover no-repeat;
	}

	.subpage-hero-3_r .brand {
		transform: translateY(112px);
	}

	.restaurant-hero-carousel {
		position: absolute;
		inset: 0;
		z-index: 0;
		overflow: hidden;
		background: transparent;
	}

	.restaurant-hero-slide {
		position: absolute;
		inset: 0;
		z-index: 0;
		opacity: 0;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		transition: opacity 1.6s ease-in-out;
	}

	.restaurant-hero-slide.is-active {
		z-index: 1;
		opacity: 1;
	}

	.restaurant-hero-slide.is-fading-in {
		z-index: 2;
		opacity: 1;
	}
	
	.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;
	}

	.topic-title {
		margin: 0 0 62px;
		color: var(--color-text-dark);
		font-family: Georgia, "Times New Roman", serif;
		font-size: clamp(2rem, 7vw, 4rem);
		font-weight: 400;
		line-height: 0.95;
		text-transform: uppercase;
		text-align: center;
	}
			
/* Rest - Anfang */ 

	.rest-intro {
		display: grid;
		grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
		gap: clamp(34px, 6vw, 76px);
		align-items: center;
		padding: 2%;
	}

	.rest-intro h3 {
		margin-bottom: 50px;
		font-size: 1.6rem;
	}
	
	.rest-intro p {
		font-size: clamp(1.05rem, 1.8vw, 1.2rem);
		font-weight: 400;
		line-height: 1.6;
		text-transform: none;
	}
	
	.rest-image1 {
		width: 100%;
		min-height: 300px;
		background:
			url("pics/3_r/1_alte_ziegelei/1_g_1.jpg")
			center / cover no-repeat;
	}

	.rest-image2 {
		width: 100%;
		min-height: 300px;
		background:
			url("pics/3_r/2_brunners_ziegelei/2_g_1.jpg")
			center / cover no-repeat;
	}
	
	.rest-image3 {
		width: 100%;
		min-height: 300px;
		background:
			url("pics/3_r/3_ziegelstudio/3_g_1.jpg")
			center / cover no-repeat;
	}
	
	.rest-image4 {
		width: 100%;
		min-height: 300px;
		background:
			url("pics/3_r/4_terrasse/1_foto_terrasse_web_extra_leicht.jpg")
			center / cover no-repeat;
	}
			
	.rest-text {
		padding-top: 5%;
		text-align: center;
	}
	
	.rest-text p {			
		font-size: 1.4rem;
	}

	.rest-facebook-link {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		margin-left: 8px;
		color: var(--surface-band);
		text-decoration: none;
		vertical-align: middle;
		transition: color 0.2s ease, transform 0.2s ease;
	}

	.rest-facebook-link:hover,
	.rest-facebook-link:focus {
		color: var(--color-text-dark);
		transform: translateY(-1px);
	}

	.rest-facebook-link .fa-arrow-right {
		font-size: 0.85em;
	}

	.rest-facebook-link .fa-square-facebook {
		font-size: 1.35em;
	}
	
	.rest-copy h2 {
		margin: 0;
		color: var(--color-text-dark);
		font-family: Georgia, "Times New Roman", serif;
		font-size: clamp(1.7rem, 3vw, 2.5rem);
		font-weight: 400;
		line-height: 1.1;
	}

	.rest-copy p {
		margin: 26px 0 0;
		color: var(--color-taupe-dark);
		font-size: clamp(1.05rem, 1.8vw, 1.2rem);
		font-weight: 400;
		line-height: 1.65;
		text-transform: none;
	}

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

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

	.timeline-card-3_r_1:nth-child(2) {
		background-image:
			url("pics/3_r/galerie/gal_rest_2.jpg");
	}

	.timeline-card-3_r_1:nth-child(3) {
		background-image:
			url("pics/3_r/galerie/gal_rest_3.jpg");
	}
	
	.timeline-card-3_r_1:nth-child(4) {
		background-image:
			url("pics/3_r/galerie/gal_rest_4.jpg");
	}

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

	.timeline-card-3_r_2:nth-child(2) {
		background-image:
			url("pics/3_r/galerie/gal_rest_6.jpg");
	}

	.timeline-card-3_r_2:nth-child(3) {
		background-image:
			url("pics/3_r/galerie/gal_rest_7.jpg");
	}
	
	.timeline-card-3_r_2:nth-child(4) {
		background-image:
			url("pics/3_r/galerie/gal_rest_8.jpg");
	}
			
@media (max-width: 575.98px) {

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

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

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

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

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

@media (orientation: portrait) {
	.rest-intro {
		grid-template-columns: 1fr;
	}

	.rest-intro > [class*="rest-image"] {
		order: 1;
	}

	.rest-intro > .rest-copy {
		order: 2;
	}
}