html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

a {
	text-decoration: none;
}

th, td {
	font-weight: normal;
}

h1 {
	font-family: Arial Black, Helvetica Black, sans-serif;
	color: #0C5373;
	font-size: 1.5em;
}
@media (min-width: 600px) {
	h1 {
		font-family: Arial Black, Helvetica Black, sans-serif;
		color: #0C5373;
		font-size: 2em;
	}
}

h2 {
	font-family: Arial Black, Helvetica Black, sans-serif;
	color: #0C5373;
	font-size: 1.1em;
	padding-left: 1em;
}
@media (min-width: 600px) {
	h2 {
		font-family: Arial Black, Helvetica Black, sans-serif;
		color: #0C5373;
		font-size: 1.5em;
	}
}

.simh2 {
	font-family: Arial Black, Helvetica Black, sans-serif;
	color: #0C5373;
	font-size: 1.1em;
	padding-left: 1em;
	display: block;
}
@media (min-width: 600px) {
	.simh2 {
		font-family: Arial Black, Helvetica Black, sans-serif;
		color: #0C5373;
		font-size: 1.3em;
	}
}

h3 {
	font-family: Arial Black, Helvetica Black, sans-serif;
	color: #0C5373;
	font-size: 1em;
	padding-left: 1em;
}
@media (min-width: 600px) {
	h3 {
		font-family: Arial Black, Helvetica Black, sans-serif;
		color: #0C5373;
		font-size: 1.2em;
	}
}

em {
	font-weight: italic;
}

strong {
	font-style: bold;
}

article {
	margin: 0 0.3em;
}
@media (min-width: 600px) {
	article {
		margin: 0.5em;
	}
}
article > section {
	background: rgba(20, 136, 189, 0.3);
	padding: 0.3em;
	margin: 0.2em;
}
@media (min-width: 600px) {
	article > section {
		padding: 0.3em 0.5em;
		margin: 0.5em;
	}
}

.centertext {
	text-align: center;
}

.einzug {
	margin-left: 0.1em;
}
@media (min-width: 600px) {
	.einzug {
		margin-left: 2em;
	}
}
@media (min-width: 1200px) {
	.einzug {
		margin-left: 3em;
	}
}

.rot {
	color: #EB2F48;
}

.dunkelrot {
	color: #990F22;
}

.gruen {
	background: #4EA667;
	padding: 0.3em;
}

.rottext {
	color: #990F22;
}

.mb1em {
	margin-bottom: 0.5em;
}
@media (min-width: 600px) {
	.mb1em {
		margin-bottom: 1em;
	}
}

.mt1em {
	margin-top: 0.5em;
}
@media (min-width: 600px) {
	.mt1em {
		margin-top: 1em;
	}
}

.bigger {
	font-size: 1.2em;
}
@media (min-width: 600px) {
	.bigger {
		font-size: 1.4em;
	}
}

.smaller {
	font-size: 0.8em;
}

.blocktext {
	display: inline-block;
	background: #73C8F0;
	padding: 0.3em 1em;
}

.fetttext {
	font-family: Arial Black, Helvetica Black, sans-serif;
}

.toptext {
	font-size: 80%;
	text-align: center;
	padding: 0.5em 0.2em 0.2em 0.2em;
	margin-top: 0.3em;
}
@media (min-width: 600px) {
	.toptext {
		text-align: left;
		padding: 0.5em 2em;
		margin-top: 0.5em;
	}
}
.toptext p {
	margin-bottom: 0.4em;
}

.italic {
	font-style: italic;
}

@media (max-width: 599px) {
	.hide {
		display: none;
	}
}

a.textlink, a.textlink:visited {
	color: #0C5373;
	font-weight: bold;
	text-shadow: 2px 2px 2px #1592CB;
}

a.textlink:hover, a.textlink:active {
	text-shadow: 1px 1px 2px #1592CB;
}

a.singlelink, a.singlelink:visited {
	color: #73C8F0;
	font-weight: bold;
	text-shadow: 3px 3px 2px rgba(5, 19, 30, 0.8);
}

a.singlelink:hover, a.singlelink:active, a.singlelinkdark:hover, a.singlelinkdark:active {
	text-shadow: 1px 1px 2px rgba(5, 19, 30, 0.8);
}

label {
	display: block;
	font-weight: bold;
	margin-bottom: 0.3em;
}
@media (min-width: 1200px) {
	label {
		float: left;
		width: 10em;
	}
}

input, textarea {
	background: #DAF1FB;
}

input:focus, textarea:focus {
	background: #CCFAE9;
}

input[type=text], input[type=tel], input[type=email], input[type=number], input[type=password], textarea {
	display: block;
	margin-bottom: 0.3em;
	padding: 0.1em;
	width: 90%;
}
@media (min-width: 600px) {
	input[type=text], input[type=tel], input[type=email], input[type=number], input[type=password], textarea {
		width: 70%;
		padding: 0.2em;
	}
}
@media (min-width: 1200px) {
	input[type=text], input[type=tel], input[type=email], input[type=number], input[type=password], textarea {
		width: 50%;
		padding: 0.3em;
	}
}

input[type=number] {
	width: 3em;
}

input[type=submit] {
	background: #73C8F0;
	padding: 0.5em;
	font-size: 120%;
	border: 2px solid rgba(20, 136, 189, 0.3);
	border-radius: 5px;
	margin-left: 1em;
}
@media (min-width: 600px) {
	input[type=submit] {
		margin-left: 3em;
	}
}

input[type=submit]:hover, input[type=submit]:active {
	background: #9ED9F5;
}

input[type=text]:valid, input[type=tel]:valid, input[type=email]:valid, input[type=number]:valid, input[type=password]:valid {
	background: rgba(167, 226, 189, 0.5);
}

input[type=text]:invalid, input[type=tel]:invalid, input[type=email]:invalid, input[type=number]:invalid, input[type=password]:invalid {
	background: rgba(240, 174, 168, 0.5);
}

::-webkit-input-placeholder {
	color: #F0F0F0;
}

::-moz-placeholder {
	color: #F0F0F0;
}

:-ms-input-placeholder {
	color: #F0F0F0;
}

::-ms-input-placeholder {
	color: #F0F0F0;
}

::placeholder {
	color: #F0F0F0;
}
@media (min-width: 600px) {
	::-webkit-input-placeholder {
		opacity: 0;
	}
	::-moz-placeholder {
		opacity: 0;
	}
	:-ms-input-placeholder {
		opacity: 0;
	}
	::-ms-input-placeholder {
		opacity: 0;
	}
	::placeholder {
		opacity: 0;
	}
}

/*html {
    @media only screen and (orientation: landscape) {
        background: url(../pics/mercateum-l.webp) no-repeat center center fixed;
        background-size: cover;
    }
    @media only screen and (orientation: portrait) {
        background: url(../pics/mercateum-p.webp) no-repeat center center fixed;
        background-size: cover;
    }

}*/
body {
	color: black;
	background-color: #DAF1FB;
	font-family: Arial, Helvetica, sans-serif;
	-ms-hyphens: auto;
	    hyphens: auto;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	min-height: 100vh;
	min-height: 100svh;
}
@media (min-width: 1200px) {
	body {
		width: 85%;
		margin: auto;
	}
}
@media (min-width: 1600px) {
	body {
		width: 70%;
		margin: auto;
	}
}

header {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: [burger] 60px [logo] auto;
	grid-template-columns: [burger] 60px [logo] auto;
}
@media (min-width: 600px) {
	header {
		-ms-grid-columns: [burger] 10px [logo] auto;
		grid-template-columns: [burger] 10px [logo] auto;
	}
}
header #burgerspace {
	-ms-grid-column: burger;
	    grid-column-start: burger;
	margin: 0.5em 0;
	background-color: #1592CB;
}
header #titelblock {
	-ms-grid-column: logo;
	    grid-column-start: logo;
	background-color: #73C8F0;
	margin: 0.5em 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
header #logo {
	height: 5em;
	margin: -0.5em 0 -0.5em 0.5em;
}
@media (min-width: 600px) {
	header #logo {
		margin: -0.5em 1em -0.5em 1em;
	}
}
@media (min-width: 900px) {
	header #logo {
		height: 7em;
	}
}
header #textzeile {
	color: white;
	font-family: Arial Black, Helvetica Black, sans-serif;
	font-size: 6vw;
	padding: 0.2em 0;
	text-align: center;
	line-height: 0.9;
	text-shadow: 1px 1px 2px black, -1px -1px 2px black;
}
@media (max-width: 599px) {
	header #textzeile {
		font-size: 8vw;
	}
}
@media (min-width: 1200px) {
	header #textzeile {
		font-size: 4vw;
	}
}

@media (max-width: 599px) {
	#sidebarMenu {
		height: auto;
		position: fixed;
		left: 0;
		width: 200px;
		margin-top: 7em;
		-webkit-transform: translateX(-250px);
		        transform: translateX(-250px);
		-webkit-transition: -webkit-transform 250ms ease-in-out;
		transition: -webkit-transform 250ms ease-in-out;
		transition: transform 250ms ease-in-out;
		transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
		background-color: #1592CB;
	}
	.sidebarMenuInner {
		margin: 0;
		padding: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	.sidebarMenuInner li {
		color: #fff;
		cursor: pointer;
		border-bottom: 2px solid rgba(255, 255, 255, 0.3);
	}
	.sidebarMenuInner li .aktuell {
		background: #9ED9F5;
	}
	.sidebarMenuInner li a {
		display: block;
		color: #fff;
		font-weight: bold;
		-ms-hyphens: none;
		    hyphens: none;
		padding: 0.6em 0 0.6em 0.6em;
		font-size: 110%;
		cursor: pointer;
		text-decoration: none;
	}
	.sidebarMenuInner li a:active {
		background-color: #9ED9F5;
	}
	input[type=checkbox]:checked ~ #sidebarMenu {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	input[type=checkbox] {
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		display: none;
	}
	.sidebarIconToggle {
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		cursor: pointer;
		position: absolute;
		z-index: 99;
		height: 100%;
		width: 100%;
		top: 30px;
		left: 15px;
		height: 25px;
		width: 25px;
	}
	.spinner {
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		position: absolute;
		height: 3px;
		width: 100%;
		background-color: #fff;
	}
	.horizontal {
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		position: relative;
		float: left;
		margin-top: 5px;
	}
	.diagonal.part-1 {
		position: relative;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		float: left;
	}
	.diagonal.part-2 {
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		position: relative;
		float: left;
		margin-top: 5px;
	}
	input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		opacity: 0;
	}
	input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-transform: rotate(135deg);
		        transform: rotate(135deg);
		margin-top: 10px;
	}
	input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-transform: rotate(-135deg);
		        transform: rotate(-135deg);
		margin-top: -11px;
	}
}
@media (min-width: 600px) {
	#openSidebarMenu {
		visibility: hidden;
		display: inline-block;
		height: 0;
	}
	label.sidebarIconToggle {
		visibility: hidden;
		display: inline-block;
		height: 0;
	}
	#sidebarMenu {
		font-family: Tahoma, Geneva, sans-serif;
		padding: 0.3em 0 0 0.4em;
		background-color: #1592CB;
		position: sticky;
		top: 0;
		border-bottom: 5px solid #DAF1FB;
	}
	#sidebarMenu ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#sidebarMenu li {
		background-color: #73C8F0;
		text-align: center;
		border-radius: 0.3em;
		margin: 0 0.4em 0.4em 0;
		width: 7.5em;
	}
	#sidebarMenu li .aktuell {
		background: #9ED9F5;
	}
	#sidebarMenu li a {
		-ms-hyphens: none;
		    hyphens: none;
		padding: 0.3em;
		border-radius: 0.3em;
		color: black;
		display: block;
	}
	#sidebarMenu li a:hover, #sidebarMenu li a:active {
		color: black;
		background: #9ED9F5;
	}
}
main {
	height: 100%;
}

.standardtitel {
	font-size: 1.2em;
	text-align: center;
	color: white;
	background: -webkit-gradient(linear, left top, right top, from(#DAF1FB), color-stop(20%, #73C8F0), color-stop(80%, #73C8F0), to(#DAF1FB));
	background: linear-gradient(90deg, #DAF1FB 0%, #73C8F0 20%, #73C8F0 80%, #DAF1FB 100%);
}
@media (min-width: 600px) {
	.standardtitel {
		font-size: 1.8em;
	}
}

#cookie {
	position: fixed;
	bottom: 3em;
	left: 10%;
	right: 10%;
	width: 80%;
	padding: 0.5em 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	background-color: #6BFAD1;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 2px 1px rgba(0, 0, 0, 0.5);
	        box-shadow: 5px 5px 2px 1px rgba(0, 0, 0, 0.5);
}
#cookie p {
	margin-bottom: 0.5em;
}

button.confirm {
	background-color: #1ECC5B;
	padding: 0.4em;
	border: none;
	color: white;
	border-radius: 2px;
	cursor: pointer;
	-webkit-box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.5);
	        box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.5);
}

button.confirm:hover, button.confirm:active {
	-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5);
	        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5);
}

footer {
	margin-top: auto;
	background-color: #73C8F0;
	font-size: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
@media (min-width: 900px) {
	footer {
		font-size: 100%;
	}
}

#footernav {
	margin: 0.5em 0.5em 0 0.5em;
	padding: 0.3em 0 0.5em 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
@media (min-width: 600px) {
	#footernav {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
}

ul.footerspalte {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	min-width: 8em;
}
@media (min-width: 900px) {
	ul.footerspalte {
		min-width: 9em;
	}
}
ul.footerspalte li a {
	color: #0C5373;
}
ul.footerspalte a.aktuell {
	color: #DAF1FB;
}
@media (min-width: 600px) {
	ul.footerspalte {
		margin-right: 3em;
	}
}

#footertext {
	margin: 0.3em 1em 1em 0.5em;
	text-align: right;
}

#aktuelles {
	display: block;
	margin-top: 0.5em;
	text-align: center;
}

.aktuellblock {
	padding: 0.2em;
	margin: 0.2em 0.3em 0.8em 0.3em;
	border: 2px solid #73C8F0;
	background: rgba(223, 242, 251, 0.4);
	border-radius: 6px;
}

.introtext {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin: 0.2em 0.4em 0.2em 0.4em;
}
@media (min-width: 600px) {
	.introtext {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin: 0.3em 0 0.2em 0;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}
.introtext p {
	padding: 0.5em;
	margin: 0.3em 0.3em;
	-ms-flex-item-align: stretch;
	    -ms-grid-row-align: stretch;
	    align-self: stretch;
	background: rgba(223, 242, 251, 0.4);
}
@media (min-width: 600px) {
	.introtext p {
		margin: 0.5em 0.4em;
		max-width: 48%;
	}
}
.introtext video {
	width: 100%;
}

#trm-boxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 95%;
	margin: auto;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
@media (min-width: 600px) {
	#trm-boxes {
		width: 70%;
	}
}

.trm-liste {
	color: white;
	background: #73C8F0;
	display: inline-block;
	font-size: 100%;
	margin-bottom: 0.3em;
	text-align: center;
}

.trm-past {
	background: #73C8F0;
	font-size: 90%;
	font-style: italic;
	padding: 0.3em 0.5em;
	color: #DAF1FB;
}

.trm-aktuell {
	padding: 0.5em 0.8em;
	background: #1592CB;
	min-width: 90%;
	font-size: 120%;
	font-weight: bold;
}

.trm-future {
	padding: 0.3em 0.5em;
	min-width: 30%;
	font-stretch: narrower;
}

table.daten {
	width: 100%;
}
@media (min-width: 600px) {
	table.daten {
		width: 90%;
		margin: auto;
	}
}
table.daten ul {
	list-style: disc;
	padding-left: 1em;
}
table.daten ul ul {
	list-style: circle;
	padding-left: 2em;
}
table.daten tr {
	background-color: #73C8F0;
}
table.daten tr:nth-child(even) {
	background-color: rgba(223, 242, 251, 0.4);
}
table.daten td {
	font-size: 100%;
	padding: 0.2em;
	border: none;
}
table.daten td.erstespalte {
	padding-left: 1em;
	width: 10em;
	max-width: 10em;
	font-size: large;
}
table.daten td.zweitezeile {
	height: 3em;
	text-align: start;
	padding-left: 2.5em;
	margin-bottom: 1em;
}

@media (min-width: 600px) {
	#verein section {
		font-size: 120%;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
}
#verein section p {
	margin-bottom: 0.6em;
}
@media (min-width: 600px) {
	#verein section p {
		margin-bottom: 1em;
	}
}

#downloadext {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
}
@media (min-width: 600px) {
	#downloadext {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
}
#downloadext > .dlcard {
	background: rgba(20, 136, 189, 0.3);
	width: 10em;
	height: 4em;
	margin: 0.5em 0.2em;
	padding: 0.3em;
}

#listen {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 600px) {
	#listen {
		width: 70%;
	}
}

.ausstattung {
	display: block;
	margin-bottom: 1em;
}

.technikliste {
	display: inline-block;
	width: auto;
	background: rgba(223, 242, 251, 0.4);
	border: 2px solid #73C8F0;
	border-radius: 5px;
	padding: 0.3em;
	margin: 0.2em;
}

#auszeichnungen {
	margin-top: 0.3em;
}
@media (min-width: 600px) {
	#auszeichnungen {
		margin-top: 0.8em;
	}
}

ul#preisealle {
	padding: 0.4em;
	margin: 0.5em 0;
}
@media (min-width: 600px) {
	ul#preisealle {
		padding: 0.5em 1em;
	}
}

.preisename {
	font-size: 130%;
	font-style: italic;
	font-weight: bold;
	background: #73C8F0;
	color: #F0F0F0;
	margin-bottom: 0.5em;
	padding: 0.2em 1em;
}
@media (min-width: 600px) {
	.preisename {
		font-size: 150%;
		margin-bottom: 1em;
	}
}

.preisefilme {
	display: block;
	margin-bottom: 0.5em;
}
@media (min-width: 600px) {
	.preisefilme {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 40% 60%;
		grid-template-columns: 40% 60%;
		-webkit-box-pack: stretch;
		    -ms-flex-pack: stretch;
		        justify-content: stretch;
	}
}

.filmename {
	display: block;
	padding-top: 0.4em;
	padding-left: 0.2em;
	border-top: 3px solid #1592CB;
	margin-bottom: 0.5em;
	background: rgba(20, 136, 189, 0.3);
}
@media (min-width: 600px) {
	.filmename {
		-ms-grid-column: 1;
		grid-column: 1;
		margin-bottom: 1em;
		padding: 0.2em 0.5em;
		border-top: none;
		border-left: 2px solid #73C8F0;
		border-bottom: 2px solid #73C8F0;
		border-bottom-left-radius: 10px;
	}
}
.filmename details summary {
	padding-bottom: 0.3em;
	font-weight: bold;
	color: #0C5373;
}

.filmepreise {
	display: block;
	margin-bottom: 1.3em;
	background: rgba(20, 136, 189, 0.3);
}
@media (min-width: 600px) {
	.filmepreise {
		-ms-grid-column: 2;
		grid-column: 2;
		margin-bottom: 1em;
		border-right: 2px solid #73C8F0;
		border-bottom: 2px solid #73C8F0;
	}
}

.preisepreise {
	width: 100%;
	border-collapse: collapse;
}
.preisepreise td {
	width: 60%;
	background: #73C8F0;
	padding: 0.2em;
	border-top: 2px solid #9ED9F5;
}
.preisepreise td:nth-child(even) {
	width: 40%;
	background: #9ED9F5;
	border-top: 2px solid #73C8F0;
}

.links {
	width: 95%;
	margin: auto;
	margin-bottom: 0.5em;
}
@media (min-width: 600px) {
	.links {
		margin-top: 1em;
		margin-bottom: 1em;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 40% 0.5em 60%;
		grid-template-columns: 40% 60%;
		-webkit-column-gap: 0.5em;
		   -moz-column-gap: 0.5em;
		        column-gap: 0.5em;
		-webkit-box-pack: stretch;
		    -ms-flex-pack: stretch;
		        justify-content: stretch;
	}
}
@media (min-width: 900px) {
	.links {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 30% 1em 70%;
		grid-template-columns: 30% 70%;
		-webkit-column-gap: 1em;
		   -moz-column-gap: 1em;
		        column-gap: 1em;
		-webkit-box-pack: stretch;
		    -ms-flex-pack: stretch;
		        justify-content: stretch;
	}
}

.linkbutton {
	width: 100%;
	height: 2em;
	margin: 0.3em 0.1em;
}
@media (min-width: 600px) {
	.linkbutton {
		-ms-grid-column: 1;
		grid-column: 1;
		min-height: 3em;
		margin-bottom: 1em;
	}
}
.linkbutton a {
	display: block;
	color: black;
	font-weight: bold;
	background: #73C8F0;
	padding: 0.5em 0.3em;
	border-radius: 0.3em;
}
@media (min-width: 600px) {
	.linkbutton a {
		padding: 1em 0.7em;
		border-radius: 0.5em;
	}
}
.linkbutton a:hover, .linkbutton a:active {
	background: #9ED9F5;
}

.linktext {
	margin-bottom: 0.6em;
}
@media (min-width: 600px) {
	.linktext {
		-ms-grid-column: 2;
		grid-column: 2;
		padding: 0.5em 0.3em;
	}
}

#kontaktdaten {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding-top: 0.5em;
}
@media (min-width: 900px) {
	#kontaktdaten {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
	}
}
#kontaktdaten > div {
	background: rgba(223, 242, 251, 0.4);
	padding: 0.3em 0.5em;
	margin-bottom: 0.3em;
}

#adressfeld {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media (min-width: 600px) {
	#adressfeld {
		padding: 0.4em 1em;
		margin-left: 0.3em;
		margin-right: 0.3em;
	}
}

.teiladresse {
	min-width: 50%;
}

.teiladresse:nth-child(even) {
	text-align: right;
}

#vorstandtabellen {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
@media (min-width: 900px) {
	#vorstandtabellen {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
}

.vorstand th, .vorstand td {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0 0.5em 0.2em 0.5em;
}
.vorstand th {
	font-weight: bolder;
}
.vorstand td {
	font-size: 120%;
}

#kontakt, #changename {
	margin: 2em 3em;
}
@media (max-width: 599px) {
	#kontakt, #changename {
		margin: 1em 0.3em;
	}
}
@media (min-width: 1200px) {
	#kontakt, #changename {
		margin-left: 6em;
	}
}

#nachricht {
	margin-bottom: 1em;
}

#fussformular {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0.3em 0;
}
@media (min-width: 600px) {
	#fussformular {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
}

label[for=sicher] {
	padding-top: 0.5em;
	width: 21em;
}
@media (max-width: 599px) {
	label[for=sicher] {
		font-size: 80%;
	}
}

#lageplan {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media (min-width: 1200px) {
	#lageplan {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
}

#frame {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-bottom: 0.5em;
}
@media (min-width: 1200px) {
	#frame {
		margin-left: 1em;
		width: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}

#openkarte {
	aspect-ratio: 2/1;
	width: 100%;
	border: 1px solid black;
}

#adressfeld2 {
	width: 17em;
	-ms-flex-item-align: start;
	    align-self: flex-start;
	padding: 0 1em;
}
@media (min-width: 1200px) {
	#adressfeld2 {
		text-align: right;
	}
}

#nomitglied {
	width: 95%;
	margin: auto;
	margin-top: 0.5em;
	padding: 0.5em;
}
@media (min-width: 900px) {
	#nomitglied {
		width: 70%;
		padding: 0.5em 1em;
	}
}
#nomitglied > div {
	margin-bottom: 0.5em;
}
#nomitglied section {
	font-size: 80%;
	margin-bottom: 1em;
	padding: 0.3em;
}
@media (min-width: 600px) {
	#nomitglied section {
		padding: 0.5em;
		font-size: 100%;
	}
}

#mitglied {
	width: 95%;
	margin: auto;
	margin-top: 0.5em;
	padding: 0.5em;
}
@media (min-width: 900px) {
	#mitglied {
		padding: 0.5em 1em;
	}
}
#mitglied section {
	padding: 0.3em;
	margin-bottom: 0.5em;
}
@media (min-width: 600px) {
	#mitglied section {
		padding: 0.3em 0.6em;
	}
}

.mitgliednav {
	width: 90%;
	height: 2.5em;
	margin: 0.3em 0.2em;
}
@media (min-width: 600px) {
	.mitgliednav {
		height: 2em;
		-ms-grid-column: 1;
		grid-column: 1;
		margin-bottom: 1em;
	}
}
.mitgliednav a {
	display: block;
	color: black;
	font-weight: bold;
	background: #73C8F0;
	padding: 0.5em 0.3em;
	border-radius: 0.3em;
}
@media (min-width: 600px) {
	.mitgliednav a {
		border-radius: 0.5em;
	}
}
.mitgliednav a:hover, .mitgliednav a:active {
	background: #9ED9F5;
}

#zugang {
	margin-top: 2em;
}
#zugang input {
	margin-bottom: 1em;
}

@media (min-width: 1200px) {
	#sendpass, #sendnewpass, #absenden {
		margin-left: 45%;
	}
}

#mtable {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	background: rgba(20, 136, 189, 0.3);
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
}
@media (max-width: 599px) {
	#mtable {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}
#mtable .adcard {
	background: #F0F0F0;
	color: black;
	/*font-family: $adcard-font;*/
	padding: 0.3em 0.3em 0.3em 0.6em;
	margin: 0.2em;
	min-width: 17em;
}
@media (max-width: 599px) {
	#mtable .adcard {
		font-size: 90%;
	}
}

#mkontaktfeld {
	width: 90%;
}
@media (max-width: 599px) {
	#mkontaktfeld {
		width: 100%;
	}
}

#kontaktint {
	margin: 0.5em 1em 0.3em 1em;
}
@media (max-width: 599px) {
	#kontaktint {
		margin-left: 0.3em;
	}
}

#namenwahl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
@media (min-width: 600px) {
	#namenwahl {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}

#intnachricht {
	margin-left: 2em;
	margin-right: 2em;
}
@media (max-width: 599px) {
	#intnachricht {
		margin: 0;
	}
}
@media (min-width: 1200px) {
	#intnachricht {
		margin-left: 4em;
		margin-right: 4em;
	}
}

.mailwahl {
	width: auto;
	font-weight: normal;
	margin-left: 2em;
}

input.mailcheck {
	display: inline;
}

#intnachricht textarea, #intnachricht input[type=text] {
	width: 90%;
	margin: auto;
	margin-bottom: 0.5em;
}
@media (max-width: 599px) {
	#intnachricht textarea, #intnachricht input[type=text] {
		width: 98%;
		margin-bottom: 0.3em;
	}
}

#download {
	font-size: 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
}
@media (min-width: 600px) {
	#download {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
}

.dlcard {
	background: #1592CB;
	min-width: 9em;
	max-width: 10em;
	height: 5em;
	padding: 0.3em;
	margin: 0.2em auto;
	border-radius: 0.5em;
}
@media (min-width: 600px) {
	.dlcard {
		margin: 0.3em 0.4em;
	}
}
.dlcard a {
	color: black;
	display: block;
	height: 100%;
}
.dlcard a:hover, .dlcard a:active {
	background: #9ED9F5;
}
.dlcard .datei {
	color: white;
	display: block;
	margin-bottom: 0.3em;
}
.dlcard .PDF {
	background: #C51616;
}
.dlcard .Powerpoint {
	background: #C43B20;
}
.dlcard .Excel {
	background: #3E8F34;
}
.dlcard .Word {
	background: #295CAE;
}
.dlcard .JPG, .dlcard .PNG, .dlcard .SVG, .dlcard .WEBP {
	background: #DDA108;
}
.dlcard span {
	display: block;
}

.datum {
	background: #42B6EB;
	padding: 0.2em;
	padding-left: 1em;
}

#letztes section {
	border-top: none;
	border-left: 2px solid #9ED9F5;
	border-bottom: 2px solid #9ED9F5;
	border-bottom-left-radius: 5px;
	border-bottom-left-radius: 10px;
}
#videofeld {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media (min-width: 600px) {
	#videofeld {
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
}

.singlevideo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 90%;
	padding: 0.3em;
	z-index: 5;
}
@media (min-width: 600px) {
	.singlevideo {
		max-width: 48%;
		padding: 0.3em 0.6em;
	}
}
@media (min-width: 1200px) {
	.singlevideo {
		max-width: 30%;
	}
}

.videocontainer {
	-ms-flex-item-align: end;
	    align-self: flex-end;
	width: 90%;
	margin: auto;
	margin-bottom: 0;
	margin-top: 0.5em;
}
@media (min-width: 1200px) {
	.videocontainer {
		margin-top: 1em;
	}
}

video {
	width: 100%;
	z-index: 1;
}

#karteikasten {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
@media (min-width: 600px) {
	#karteikasten {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: space-evenly;
		    -ms-flex-pack: space-evenly;
		        justify-content: space-evenly;
	}
}

.bookcard {
	width: 95%;
	padding: 0.3em 0 0 0;
	margin: auto;
	margin-bottom: 0.5em;
	background: #F0F0F0;
	color: black;
}
@media (min-width: 600px) {
	.bookcard {
		margin: 0;
		margin-right: 0.5em;
		margin-bottom: 0.5em;
		min-width: 17em;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		-ms-flex-negative: 1;
		    flex-shrink: 1;
		-ms-flex-preferred-size: 0;
		    flex-basis: 0;
		max-width: 20em;
	}
}
.bookcard .titelbox {
	background: #9ED9F5;
	padding: 0.2em 0.5em;
}
.bookcard span {
	display: block;
	margin-bottom: 0.3em;
}
.bookcard .titel {
	margin-bottom: 0.2em;
}
.bookcard .inhalt {
	padding: 0.2em 0.4em;
	background: #DAF1FB;
	border-bottom: 2px solid #1592CB;
}
.bookcard .buchdaten {
	padding: 0.2em 0.2em 0.2em 0.5em;
}

#impressum, #datenschutz, #sitemap {
	width: 95%;
	margin: auto;
	margin-top: 0.5em;
	padding: 0.3em;
}
@media (min-width: 900px) {
	#impressum, #datenschutz, #sitemap {
		width: 75%;
		padding: 0.3em 0.5em;
	}
}
#impressum h2, #impressum h3, #impressum h4, #datenschutz h2, #datenschutz h3, #datenschutz h4, #sitemap h2, #sitemap h3, #sitemap h4 {
	font-size: 100%;
}
@media (min-width: 900px) {
	#impressum h2, #impressum h3, #impressum h4, #datenschutz h2, #datenschutz h3, #datenschutz h4, #sitemap h2, #sitemap h3, #sitemap h4 {
		font-size: 120%;
	}
}
#impressum p, #datenschutz p, #sitemap p {
	margin-top: 0.5em;
	margin-bottom: 1em;
}
#impressum ul, #datenschutz ul, #sitemap ul {
	margin-top: 0.5em;
	width: 100%;
}
@media (min-width: 900px) {
	#impressum ul, #datenschutz ul, #sitemap ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
}
#impressum li.listlink, #datenschutz li.listlink, #sitemap li.listlink {
	background-color: #73C8F0;
	text-align: center;
	border-radius: 0.3em;
	margin: 0 0.4em 0.4em 0;
	width: 10em;
}
@media (min-width: 900px) {
	#impressum li.listlink, #datenschutz li.listlink, #sitemap li.listlink {
		min-width: 20%;
	}
}
#impressum li.listlink a, #datenschutz li.listlink a, #sitemap li.listlink a {
	-ms-hyphens: none;
	    hyphens: none;
	padding: 0.3em;
	border-radius: 0.3em;
	color: black;
	display: block;
}
#impressum li.listlink a:hover, #impressum li.listlink a:active, #datenschutz li.listlink a:hover, #datenschutz li.listlink a:active, #sitemap li.listlink a:hover, #sitemap li.listlink a:active {
	color: black;
	background: #9ED9F5;
}
#impressum li.listinfo, #datenschutz li.listinfo, #sitemap li.listinfo {
	margin-bottom: 0.3em;
	padding-left: 0.4em;
}
@media (min-width: 900px) {
	#impressum li.listinfo, #datenschutz li.listinfo, #sitemap li.listinfo {
		padding: 0;
		margin-bottom: 1em;
		width: 75%;
	}
}