body {
		background-color:black;
		background-image:url("img/background.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		font-family:arial;
	}
	a {
		color:white;
		text-decoration:none;
	}
	
	.container {
		margin: 0 auto; max-width: 900px;
		text-align: center;
	}
	.modal {
		background-color: #fff;
		color: #333;
		max-width:760px;
	}
	.modal__inner {
		text-align:center;
		padding-top: 1rem;
		padding-left: 2rem;
		padding-bottom: 1rem;
		padding-right: 2rem;
	}
	.modal__inner div {
		max-width:100%;
	}
	.modal__inner img {
		max-width:100%;
	}

	h1 {
		font-size:350%;
		text-align: center;
		text-decoration: underline;
		color:white;
	}

/*	div {
		border:1px solid red;
		text-align: center;
	}*/
	
	.boxen {
		text-align: center;
		margin: 0 auto;
		margin-top: 1em;
		max-width: 900px;
	}
	.box {
		position: relative;
		text-align: center;
		color: white;
		display:inline-block;
		margin:10px;
	}
	.boxcentered, .boxcenteredgelb {
		position: absolute;
		top: 75%;
		left: 35%;
		transform: translate(-50%, -50%);
		font-size:150%
	}
	.boxcentered {
		color:white;
	}
	.boxcenteredgelb {
		color:yellow;
	}

	.modal__inner video, .modal__inner source, .modal__inner img {
		max-width:900px !important;
		max-height:900px !important;

	}