@import "fonts.css";
@import "navigation.css";
@import "frontpage.css";
@import "header.css";
@import "footer.css";
@import "slider-def.css";
/* Basiselemente */
:root {
	--headerfooterbg: rgba(0, 0, 0, 0.2);
	--akzentfarbe: rgb(20, 49, 92);
	--akzent2: rgb(84, 137, 195);
	--akzent3: rgb(40, 60, 74);
	--akzentSilber: rgba(0, 0, 0, 0.05);
	--akzent100: rgb(206, 212, 221);
  	--akzent200: rgb(124, 140, 164);
  	--akzent300: rgb(87, 108, 138);
  	--akzent400: rgb(63, 87, 122);
  	--akzent500: rgb(45, 72, 109);
  	--akzent600: rgb(30, 58, 99);
	font-size: clamp(0.6875rem, 0.6263rem + 0.3061vi, 0.875rem);
}

/* Basis-Layout */
* {
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
}
html,
body {
	height: 100%;
	font-family: 'Lato', sans-serif;
	font-size: 1rem;
	background-color: #fff;
	background-image: url("../images/Brushmetal-BG.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
header,
main,
footer {
	padding: 0px;
}
.container {
	max-width: 1600px;
	margin: 0px auto;
	padding: 20px 1em;
}
main {
	position: relative;
}


/* Schriften */
a {
	text-decoration: none;
	color: #000;
}
p {
	font-size: 1.2rem;
}
h1 {
	font-size: 2.4rem;
	font-weight: 300;
	text-align: center;
	border-bottom: 1px solid var(--akzent2);
	margin-bottom: 1em;
}
h2 {
	font-size: 1.5rem;
	font-weight: 300;
}
h3 {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}
dl {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 1.5rem;
	row-gap: 1rem;
	margin: 1.5rem 0px;
}
dt {
	display: inline-block;
	font-size: 1.2rem;
	text-align: right;
}
dd {
	display: inline-block;
	font-size: 1.2rem;
}
dd p {
	margin: 0px !important;
}
small {
	font-size: 1rem;
	font-style: italic;
	font-weight: 300;
}
.zeiten {
	margin-top: 2rem;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));
	gap: 2rem;
}
.zeiten div {
	display: grid;
	grid-template-columns: 100px 1fr;
	column-gap: 1.5rem;
	margin-bottom: 1.5rem;
}
.zeiten div p:nth-child(even) {
	text-align: right;
}
.zeiten h3,
.zeiten > p {
	grid-column: 1 / -1;
}