#cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 15px;
    z-index: 1000;
    display: flex; /* Für bessere Button-Anordnung */
    justify-content: space-between;
    align-items: center;
}

#cookie-banner.hidden {
    display: none;
}

#cookie-banner p {
    margin: 0;
}

#cookie-banner a {
    color: #4da6ff;
    text-decoration: none;
}

#cookie-banner .buttons button {
    padding: 10px 20px;
    margin-left: 10px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

#accept-cookies {
    background-color: #28a745; /* Grün für Akzeptieren */
    color: #fff;
}

#reject-cookies {
    background-color: #dc3545; /* Rot für Ablehnen */
    color: #fff;
}

#settings-cookies {
    background-color: #fff;
    color: #333;
}
.head-container {
	display:grid;
	grid-template-columns: 6fr 2fr 1fr;
	grid-template-rows: auto;
	gap: 1.5em;
	align-items: end;
	grid-template-areas:"head-item-1 head-item-2 head-item-3";
}

.head-item-1{
	padding: 0em;
	text-align: left;
}

.head-item-2{
	padding: 0em;
	text-align: right;
}

.head-item-3{
	padding: 0em;
	text-align: right;
}

.nav-container {
	display:grid;
	grid-template-columns: auto auto auto auto auto auto auto;
	grid-template-rows: auto;
	justify-content: end;
	gap: 1em;
	grid-template-areas:"nav-item-1 nav-item-2 nav-item-3 nav-item-4 nav-item-5 nav-item-6 nav-item-7";
}

.main-container {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	align-items: center;
	justify-items: center;
	gap: 0.5em;
	grid-template-areas:"main-item-1 main-item-2";
}

@media(max-width: 56em){
	.head-container{
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		grid-template-areas:"head-item-1 head-item-1";
		grid-template-areas:"head-item-2 head-item-3";
		gap: 1.5em;
		align-items: center;
	}
	.nav-container{
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto auto auto auto;
		grid-template-areas:"nav-item-1 nav-item-2";
		grid-template-areas:"nav-item-3 nav-item-4";
		grid-template-areas:"nav-item-5 nav-item-5";
		grid-template-areas:"nav-item-6 nav-item-6";
		grid-template-areas:"nav-item-7 nav-item-7";
		align-items: left;
	}
	.main-container{
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		grid-template-areas:"main-item-1";
		grid-template-areas:"main-item-2";
		align-items: center;
	}
}

@media(max-width: 42em){
	.head-container{
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
		grid-template-areas:"head-item-1";
		grid-template-areas:"head-item-2";
		grid-template-areas:"head-item-3";
		gap: 1.5em;
		align-items: center;
	}
	.nav-container{
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto auto auto auto;
		grid-template-areas:"nav-item-1";
		grid-template-areas:"nav-item-2";
		grid-template-areas:"nav-item-3";
		grid-template-areas:"nav-item-4";
		grid-template-areas:"nav-item-5";
		grid-template-areas:"nav-item-6";
		grid-template-areas:"nav-item-7 ";
		align-items: left;
	}
	.main-container{
		grid-template-columns: 1fr;
		grid-template-areas:"main-item-1";
		grid-template-areas:"main-item-2";
		align-items: left;
	}
}


body {
	display: grid;
	gap: 1em;
}

header img {
	width: 400px
	height: 128px
}


main {
	background: #ffede0;
	border-color: #df6c20;
}


footer {
	background: #e4ebf2;
	border-color: #8a9da8;
}

footer * {
	float: right;
	clear: right;
	margin: 1em auto;
}

body {
	margin: 1em auto;
	max-width: 60em;
	font-family: sans-serif;
}

header,
nav,
main,
article,
section,
aside,
footer {
	background: #ffffff;
	border-color: 1px solid black;
}

table,
th,
td,
caption {
	border: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border-width: thin 0 0 thin;
	table-layout: auto;
	/* Prevents HTML tables from becoming too wide */
	
	max-width: 100%;
}

th,
td {
	font-weight: normal;
}

th,
caption {
	background-color: #f1f3f4;
	font-weight: 700;
}

th,
td,
caption {
	padding: .4em .6em;
}

caption {
	text-align: center;
	border-width: thin thin 0 thin;
}

table.kopfbereich td {
	text-align: right;
}

table.kopfbereich tr.result > * {
	border-top-width: medium;
}

nav ul {
    text-align: right;
	justify-content: space-between;
    /* weitere Angaben */
}

nav li {
    display: inline-block;
    margin-left: 15px; /* weitere Angaben */
}

nav a {
  	color: #000000; 
	text-decoration:none
}


nav a:hover {
  	color: #DE0043; 
	text-decoration:none
}

nav a:active {
  color: #FFAAAA; 
	text-decoration:none
}

a {
  	color: #000000; 
	text-decoration:none
}


a:hover {
  	color: #DE0043; 
	text-decoration:none
}

a:active {
  color: #FFAAAA; 
	text-decoration:none
}


hr{
    border:0;
    margin:0;
    width:100%;
    height:1px;
    background:#DE0043;
}

}