body {
 	background-color: rgb(240, 235, 240); 
	font-family: Helvetica, sans-serif;
}

article {
	border: 0px solid;
	background: rgb(255, 255, 255);
}

section {
	border: 0px solid;
	padding: 0.3em;
}

nav ul {
	list-style: none;
}

article {
	display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	section {
		grid-column-start: auto;
	}

.startmenudiv {
	display:flex; 
	justify-content: flex-end; 
	font-size:13pt;
}

nav {
	color: gray;
	font-size:1.3em;
}

nav ul {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-align:center;
}

nav ul li {
	width:95%;
}

footer {
	text-align: center;
}


.burgersummary {
	text-align: right;
}

.burgericon {
	cursor: pointer;
	font-size:3em;
	align:center;

}

.burgerhr {
	border-top:1px solid darkgray;
}

.headerlogo {
	border-radius: 10%;
	width:2.7em; 
	height:2.8em;
}

.startelsterdiv {
	display:flex; 
	justify-content: center;
}

.startelsterimg {
	width: 16em; 
	max-width: 60vw;
	border-radius: 10%;
}

.startsuchfelddiv {
	display:flex; 
	text-align: center; 
	height: 3em; 
	border: 1px solid; 
	border-radius: 0.4em; 
	margin: 0px auto;
}

.suchform {
	display:flex; 
	align-items: center; 
	width: 100%;
}

.suchforminnen {
	display:flex; 
	align-items: center; 
	width: 100%;
}

.startsuchfeld {
	width: 26em; 
	max-width: 85%; 
	height: 100%; 
	font-size: 14pt; 
	border: none; 
	border-radius: 0.4em; 
	border-width: 0px; 
	outline:none; 
	flex-grow: 1;
}

.startsuchbutton {
	width: 4.7em; 
	height: 100%; 
	max-width: 10%; 
	border-width: 0px; 
	border:none; 
	background-image:url(https://pctag.net/it/img/Lupe.svg); 
	background-color: transparent; 
	background-repeat:no-repeat; 
	background-size: contain; 
	background-position: right; 
	cursor: pointer; 
	border-radius: 0.4em; 
	flex-grow: 0;
}

/* Suchfeld-Breite mobil und Desktop */
@media only screen and (max-width: 42em) { 
	.eingabefeld {width:65vw;}
	.startsuchfelddiv {max-width:95vw;}
	.suchforminnen {width:90vw;}
}

@media only screen and (min-width: 42em) { 
.eingabefeld {width:27em;}
.startsuchfeld {width:26em;}
.startsuchfelddiv {width: 30em;}
}

	
/* Farbe von Links */
a.kopflink {
		text-decoration:none;
		#color: gray;
		#font-size:1.3em;
			}
a.kopflink:hover {
		color: DarkSlateGray;
	}

a:link {
	text-decoration: none;
	color: mediumblue;
}
a:hover {
color: steelblue;
}




/* Ergebnistabelle */
table.ergebnistable {
	width: 90%; 
	background-color: rgb(255, 255, 255);
	border-color: rgb(222, 222, 222);
}

/* öffnen von Details: verstecken des Dreiecks in Google Chrome und Firefox */
details > summary {
  list-style: none;
}

details summary::-webkit-details-marker {
  display:none;
}

/* öffnen von Details: einfliegen */
details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 0px}
}