* { box-sizing: border-box; }
html { font-family: Arial,Helvetica,sans-serif; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
div.content { margin: 15pt; line-height: 1.5; }
div.content li { margin-top: 2pt; margin-bottom: 2pt; }
div.overflow { overflow: auto; }
div.vertical-margin { margin-top: 15pt; margin-bottom: 15pt; }
table.extended-padding td { padding: 4pt; }
td.top_right { vertical-align: top; text-align: right; }
input, textarea { font-family: inherit; font-size: inherit; }
input[type=text], input[type=email], textarea { width: 300pt; }
input[type=submit] { width: 11em; height: 3em; }
textarea { height: 80pt; }
p.first-paragraph { margin-top: 0; }
a.no-decoration { text-decoration: none; color: inherit; }
figure { font-style: italic; }

img { object-fit: contain; }
img { border-style: none; } /* for old versions of Internet Explorer */

img#img-index1 { aspect-ratio: 2144 / 1424; }
img#img-index2 { aspect-ratio: 1112 / 1672; }
img#img-inhalt { aspect-ratio: 24564 / 15127; width: 227.644mm; padding: 10pt; border: 1px solid gray; }
img#img-bestellung { aspect-ratio: 2164 / 1654; }
img#img-kontakt { aspect-ratio: 2144 / 1424; }
img#img-impressum { aspect-ratio: 1672 / 1112; }

img#logo-kulturstiftung { aspect-ratio: 815 / 205; width: 150pt; margin: 3pt; }

img.center { display: block; margin-left: auto; margin-right: auto; max-width: 100%; width: 100%; max-height: 75vh; }
img.center-overflow { display: block; margin-left: auto; margin-right: auto; }

figure.center { display: table; margin-left: auto; margin-right: auto; }
figure.center img { display: block; max-width: 100%; /*width: 100%;*/ max-height: 75vh; }

figure.float-left { float: left; display: table; max-width: 45%; width: 100%; margin-left: 0; margin-top: 0; margin-right: 30pt; margin-bottom: 30pt; }
figure.float-left img { display: block; width: 100%; }

@media screen and (max-width: 600px) {
	figure.float-left { float: none; max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; }
}

figure.float-right { float: right; display: table; max-width: 50%; width: 100%; margin-left: 15pt; margin-top: 0; margin-right: 0; margin-bottom: 15pt; }
figure.float-right img { display: block; width: 100%; /*max-height: 75vh;*/ }

@media screen and (max-width: 600px) {
	figure.float-right { float: none; max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; }
}

figcaption { display: table-caption; caption-side: bottom; margin-top: 8pt; }

.text { padding-top: 15pt; margin-top: 30pt; }

.uppercase {
	text-transform: uppercase;
}

.text_stollen {
	font-weight: bold;
}
.text_luft {
	font-weight: normal;
}

div.bestellen_link { text-align: center; margin-bottom: 30pt; }
div.bestellen_link a { padding-top: 16px; padding-bottom: 16px; }

.clear { clear: both; }

.vergriffen { color: red; border: solid red; padding-left: 50pt; padding-right: 50pt; padding-top: 10pt; padding-bottom: 10pt; width: fit-content; }


/* Forms */

@media screen and (max-width: 600px) {
	form table tr td {
		display: block;
	}

	form table {
		width: 100%;
	}

	form table tr td.top_right {
		text-align: left;
	}

	form table.extended-padding td {
		padding: 0;
	}

	form table td input[type=text], form table td input[type=email], form table td textarea {
		width: 100%;
		margin-bottom: 15pt;
	}
}


/* Navigation */

ul.navigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #777;
}

ul.navigation li { float: left; }

ul.navigation li a {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	/*text-decoration: none;*/
}

ul.navigation li a:hover:not(.active), ul.navigation li a:focus:not(.active) { background-color: #555; }

ul.navigation li a.active { background-color: darkgreen; }

ul.navigation li.right { float: right; }

@media screen and (max-width: 600px) {
	ul.navigation li.right, 
	ul.navigation li { float: none; }
}