@charset "utf-8";
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
h3 {
	margin-bottom:10px;
	margin-top:5px;
}
a {
	color:#fff;
}
html, body {
	height:100%;
	margin:0;
}
body  {
	/* font: 100% Verdana, Arial, Helvetica, sans-serif; */
	font-family: 'Federo', sans-serif;
	background: #9f080f; /*#b31818*/
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #fff;
}
.container {
	border-right: 2px solid #ce868b;
	width:900px;
	margin:auto;
	padding: 50px 0;
	text-align: center;
	min-height:100%;
	
	background: #9f080f;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmMDgwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZjA3MGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #9f080f 0%, #7f070b 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9f080f), color-stop(100%,#7f070b));
	background: -webkit-linear-gradient(left,  #9f080f 0%,#7f070b 100%);
	background: -o-linear-gradient(left,  #9f080f 0%,#7f070b 100%);
	background: -ms-linear-gradient(left,  #9f080f 0%,#7f070b 100%);
	background: linear-gradient(to right,  #9f080f 0%,#7f070b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f080f', endColorstr='#7f070b',GradientType=1 );

}
.containerleft {
	float:left;
	width:300px;
}
.containerright {
	float:right;
	width:580px;
	margin-left:16px;
	color: #EEE;
	text-align: left;
	padding-top:20px;
}
.navigation {
	list-style: none;
	margin: 0 10px;
	margin-top:40px;
}
.navigation li {
	float: left;
	width: 50%;
	text-align: center;
}
.navigation li a {
	display:block;
	width:100%;
	text-decoration: none;
}
.navigation li a:hover {
	font-weight: bold;
}
.impressumlink {
	margin-top:50px;
	display:block;
}
.data {
	list-style: none;
	margin-top:40px;
}
.data li {
	margin-top:20px;
}
.opening-hours {
	border: none;
	border-collapse: collapse;
	margin: 0 auto;
}
.opening-hours td {
	border: none;
	padding: 0 12px 0 0;
}
.location-button {
	display: inline-block;
	padding: 8px 14px;
	background: #ce868b;
	color: #fff;
	text-decoration: none;
}
.location-button:hover,
.location-button:focus {
	background: #b96f75;
}
.schriftzugrechts {
	position: fixed;
	background: url("schriftzug-seite.png") no-repeat;
	width: 186px;
	height: 800px;
	left: 50%;
	top:0;
	margin-left: 451px;
	margin-top: 50px;
}
.impressumbild {
	margin:0 20px 50px 50px; 
	display:block;
}
.impressum {
	margin: 0 50px;
}
.impressum h2 { margin-bottom:10px;}
.bildtextblock {
	margin-bottom:50px;
	float:right;
	margin-right:100px;
}
.bildtextblock img {
	display:block;
}
.bildtextblock p {
	width: 290px;
	padding:0 5px;
}
.grossbuchstabe {
    position: absolute;
    margin-left: -54px;
    font-size: 48pt;
    margin-top: -20px;
}
.fotos {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	text-align: center;
	padding:0 30px;
	width:520px;
}
.fotos a {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}
.fotos .highslide img {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#anker { margin-top:-70px; display:block; margin-bottom:70px; }
@media screen and (max-width: 1200px) {
	.schriftzugrechts { display: none; }
}
/*
@media screen and (min-height: 900px) {
	.containerleft { position:fixed; }
}
*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.containerleft { float:none; width:100%; }
	.containerright { float:none; width:100%; margin-top:100px; margin-left:0; }
	.container { width:400px; border:none; }
	.bildtextblock { margin-right: 23px; }
	.fotos { grid-template-columns: 1fr; width:380px; padding:0 10px; }
	.fotos .highslide img { border: 1px solid #bbb; background: white; }
	.navigation li a {  }
	.impressumbild { display:none; }
	.impressum { margin: 0 10px; }
	#anker { margin-top:0; margin-bottom:0; }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.container { border:none; }
}