/* CONTAO */

.invisible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* FORMATIERUNG */

p, h1, h2, h3, h4, h5, h6, td, th, li {
	color: #534f4f;
	line-height:1.0;
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-weight: 300;
}

p, th, td, li {
	font-size: 1.8rem;
	line-height:1.5;
}

p {
	margin-bottom:1.5rem;
}

#main h2 {
	font-size: 2.5rem;
	/* margin: 4rem 0; */
}
a {
	color: inherit;
	font-size: inherit;
}

span {
	display:inline-block;
}


/* LAYOUT */

body {
	background-image: url("/files/themes/images/bg/bg-Innenaufnahmen_abends-Gastraum-Gaus_Blur_10px-50p_schwarz-01.jpg");
	background-size: cover;
	background-position: center center;
	background-attachment:fixed;
}

#header {
	background-color:#534f4f;
	padding-bottom: 1rem;
	position: sticky;
	top:0;
	z-index:999;
	box-shadow: 0 3px 10px #dec6af;
	}
	
#container {
	margin-top: 4rem;
}
	
.inside {
	width:90%;
	max-width:1200px;
	margin: 0 auto;
	}
	
#main .inside {
	/* background-color:#fff; */
	/* padding: 4rem; */
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 5rem;
}

#footer .inside {
	background-image: url('/files/themes/images/bg/bg-oak-01-2036_1020.jpg');
	margin-top:4rem;
	background-size:cover;
	background-position: center center;
}
	
/* HEADER */

#header .inside {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 5rem;
	padding:0 4rem;
}

#header #logo_zuhause {
	grid-column: 1 / 3;
	grid-row: 1 / 3;
}

#header #logo_zuhause a {
	display: block;
	height: 100%;
	background-image: url("/files/themes/images/logos/zuhause/zuhause-Logo-01-weiss_beige.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.nav_header ul {
	display: flex;
	justify-content: flex-end;
	column-gap:2rem;
}

.nav_header a, .nav_header span {
	padding: 1rem 0;
	margin-top: 2px;
	border-bottom: 2px solid #534f4f;
}

#header #nav_main {
	grid-column: 3 / -1;
	grid-row: 2 / 3;
}

#header #nav_main a, #header #nav_main span {
	font-size: 2rem;
	font-weight: 400;
	color: #fff;
}

#header #nav_main .topic span, #header #nav_main a:hover {
	border-bottom: 2px solid #fff;
}

#header #nav_meta {
	grid-column: 3 / -1;
	grid-row: 1 / 2;
}

#header #nav_meta a {
	font-size: 1.4rem;
	font-weight: 400;
	color: #dec6af;
}

#header #nav_meta span.active, #header #nav_meta a:hover {
	border-bottom: 2px solid #dec6af;
}

/* HERO SECTION */

.hero_section {
	background-image: url("/files/themes/images/bg/zuhause-Bilder-Innenaufnahmen.jpg");
	aspect-ratio: 3.5 / 1;
	background-size: cover;
	grid-column: 1/-1;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding:4rem;
}

.hero_section div {
	display:flex;
	flex-direction:column;
}

.hero_section h1 {
	font-size:5rem;
	color:#fff;
	padding:0.5rem;
	align-self:start;
	background-color:#534f4f;
}

.hero_section p {
	font-size:2.5rem;
	color:#dec6af;
	padding:0 0.5rem 0.5rem 0.5rem;
	align-self:start;
	background-color:#534f4f;
	margin:0;
}

.page_heading {
	grid-column:1/-1;
}

.page_heading h1 {
	font-size:5rem;
	color:#fff;
	padding:2rem 4rem;
	background-color:#534f4f;
	display:inline-block;
}

/* CARDS */
.card {
	background-color: #fff;
	padding: 4rem;
}

.card h2 {
	margin-bottom: 2rem;
}

.card_full_width {
	grid-column:1/-1;
}

.card_two_columns {
	grid-column:span 6;
}

.card_three_columns {
	grid-column:span 4;
}