/* tk, 17.09. - 18.09.2025, responsive */
#wrapper {
	max-width: 100%;
}
#header {
	max-width: 100%;
}
img {
	max-width: 100%;
	height: auto;
}
.entry {
	max-width: 100%;
}
@media (max-width: 999px) {
	#wrapper {
		box-shadow: none;
	}
	#footer {
		margin-bottom: 0;
	}
	#headline h1 {
		padding-right: 25px;
	}
	/* top navi */
	#menu-menue {
		left: 10px;
	}
	#main.table {
		display: block; /* table; */
		table-layout: auto; /* fixed; */
	}
	#main.table > .row {
		display: block; /* table-row; */
			display: flex;
			flex-direction: column;
	}
	/* left navi */
	#main #navigation {
		display: block; /* table-cell; */
		width: auto; /* 120px; */
			order: 2;
		padding: 0 10px;
		margin-top: 20px;
	}
	#menu-menue2 {
		text-align: center;
	}
	#menu-menue2 .menu-item {
		display: inline-block;
	}
	#main.table > .row > .td {
		display: block; /* table-cell; */
			order: 1;
		padding: 0 10px;
	}
	.entry {
		width: auto;
	}
	.entry table td {
		display: block !important; /* TODO, this is a quick hack for now */
		padding: 0 !important;
	}
}
@media (max-width: 820px) {
	.menu-menue-container {
		height: 100px;
	}
	#menu-menue .menu-item {
		margin-bottom: 18px;
	}
}
@media (max-width: 767px) {
	#headline h1 {
		padding-right: 10px;
		font-size: 1.7em;
	}
}
@media (max-width: 520px) {
	#headline h1 {
		font-size: 1.3em;
	}
	#logo-img {
		max-width: 88%;
	}
}
@media (max-width: 410px) {
	#headline h1 {
		font-size: 1em;
	}
	#menu-menue {
		text-align: center;
	}
	.menu-menue-container {
		height: 150px;
	}
}