.brand {
		position: relative;
		z-index: 1;
		text-align: center;
		text-transform: uppercase;
	}

	.brand img {
		width: 300px;
		height: 200px;				
	}
	
	.brand-home {
		display: inline-block;
		color: inherit;
	}

	.brand-home:hover,
	.brand-home:focus {
		color: inherit;
	}

	.brand-home:focus-visible {
		outline: 2px solid rgba(255, 255, 255, 0.9);
		outline-offset: 10px;
	}

	.brand-mark {
		margin-bottom: 18px;
		font-family: Georgia, "Times New Roman", serif;
		font-size: clamp(2.6rem, 7vw, 5.2rem);
		line-height: 1;
	}

	.brand h1 {
		margin: 0;
		font-family: Georgia, "Times New Roman", serif;
		font-size: clamp(4rem, 12vw, 7.5rem);
		line-height: 0.9;
		font-weight: 400;
	}

	.brand p {
		margin: 18px 100px 0 100px;
		font-size: clamp(1rem, 2.4vw, 1.35rem);
		font-weight: 600;
		letter-spacing: var(--tracking-hero);
	}

	.brand h1,
	.brand-mark,
	.brand p {
		text-shadow:
			0 2px 4px rgba(0,0,0,0.35),
			0 4px 12px rgba(0,0,0,0.25);	
	}

/*			
			.brand::before h1,
			.brand::before p
			{
				backdrop-filter: blur(4px);
				background: rgba(0,0,0,0.05);
				z-index: -1;
				border-radius: 4px;
			}			
	*/		
			
/* eingefügt - blur hinter brand und text shaddow */

	.brand::before {
		content: "";
		position: absolute;
		inset: 0;
		backdrop-filter: blur(4px);
		background: rgba(0,0,0,0.05);
		z-index: -1;
		border-radius: 4px;
	}

/* ende - blur hinter brand */

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

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

/*			
      .topic-title {
        color: var(--bs-grau);
				font-size: clamp(2rem, 7vw, 4rem); 
        font-weight: 400;
        line-height: 0.95;
      }
*/			
	.topic-inner-home {
		width: min(1180px, calc(100% - 48px));
		margin: 0 auto;
		padding: 1%;
	}

/* 0 - Das Haus */
						
	.haus-heading h3 {
		margin: 0;
		color: var(--color-text-dark);
		font-family: Georgia, "Times New Roman", serif;
		font-size: clamp(2rem, 4.4vw, 4.2rem);
		font-weight: 400;
		line-height: 1;
	}

	.haus-section {
		margin-top: 50px;
	}

	.haus-pair {
		min-width: 0;
		display: flex;
		flex-direction: column;
		gap: 18px;
						background: var(--surface-subtle);
						padding-bottom: 20px;
	}

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

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


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

	.haus-card {
		min-height: 250px;
		padding: 28px;
		border-radius: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}
	
	.haus-card strong {
		display: block;
		margin-bottom: 10px;
		font-size: 0.9rem;
		letter-spacing: var(--tracking-button);
	}

	.haus-card-title {
		margin: 0;
		font-size: 1.6rem;
		line-height: 1;
		font-weight: 700;
		letter-spacing: var(--tracking-button);
		text-transform: uppercase;
	}
	
	.haus-button {
		display: flex;
		flex-wrap: wrap;
		margin-left: 20px;
		/* justify-content: center; 
		gap: 10px;
		margin: 0 0 42px;*/
	}

	.action-button {
		display: inline-block;
	}
			
/* Hotel */

	.haus-card1 {
		background:
			url("pics/0_home/hot_lang.jpg")
			center / cover no-repeat;
	}
			
/* Restaurant */
	.haus-card2 {
		background:
			url("pics/0_home/rest_lang.jpg")
			center / cover no-repeat;
	}

/* Öffnungszeiten */
	.oeffnung-section {
		margin-top: 50px;
		background:
			url("pics/0_home/zeit_1620x1080.jpg")
			center / cover no-repeat;				
	}
	
	.oeffnung-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}
	
	.oeffnung-grid .oeffnung-card img {
		width: 58px;
		height: 58px;
	}
	
	.oeffnung-section .oeffnung-card {
		margin: clamp(24px, 5vw, 56px);
	}	

/* Urlaub */
	.home-urlaub-section {
		margin-top: 50px;
		margin-bottom: 50px;					
		text-align: center;
	}			

	.home-urlaub {
		margin: 0;
		padding: 5%;
		color: var(--bs-grau);			
	}
	
	.home-urlaub-intro h2 {
		margin: 0;
		color: var(--bs-grau);
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1;
		letter-spacing: var(--tracking-button);
		text-transform: uppercase;				
	}

	.home-urlaub-intro p {
		max-width: 760px;
		margin: 18px auto 34px;
		color: var(--color-taupe-dark);
		font-size: 1.2rem;
		font-weight: 400;
		line-height: 1.6;
	}
			
	.home-urlaub-button {
		display: flex;
		flex-wrap: wrap;
		margin-left: 20px;
		justify-content: center; 
		gap: 10px;
		margin: 0 0 42px;
	}

	.home-urlaub-image {
		min-height: 500px;
		background:
			url("pics/0_home/Urlaub.gif")
			center / cover no-repeat;
	}
			
@media (max-width: 575.98px) {
	.hero.home-hero {
		background:
			url("pics/0_home/full_intro_port_.jpg")
			center / cover no-repeat;
	}	
}