/*----------------------------------------------------------------------*/
/*	Überschriften 	*/
/*----------------------------------------------------------------------*/
h1	{font-size: 14pt; color: #777777; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
h2	{font-size: 12pt; color: #777777; text-align: left; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
h3	{font-size: 10pt; color: #777777; text-align: left; font-style: italic; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

/*----------------------------------------------------------------------*/
/*	Input Tabellen	*/
/*----------------------------------------------------------------------*/
table.angebote 
	{ 
	border-collapse: collapse; 
	border: 1px solid #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
td.titel
	{
	border: 1px solid #FFFFFF; 
	font-size: 10pt; 
	font-weight : bold;
	color: navy;
	background-color : white;
	font-weight : bold;
	text-decoration: none;
	}

td.data
	{
	border: 1px solid #FFFFFF; 
	font-size: 10pt; 
	color: black;
	background-color : white;	
	text-decoration: none;
	}


/*----------------------------------------------------------------------*/
/*	Input Button	*/
/*----------------------------------------------------------------------*/
input[type=button], input[type=submit], input[type=reset] 
	{
	background-color: lightgrey;
	font-size: 14px;
	border: none;
	color: black;
	padding: 10px 50px;
	margin: 4px 4px;
	cursor: pointer;
	}

/*----------------------------------------------------------------------*/
/*--- Cookie Banner  ---*/
/*----------------------------------------------------------------------*/
#lfk_cookie {position: fixed; bottom: 0; left: 0; right: 0; background: #cccccc; padding: 20px; font-size: 14px; font-family: verdana, Arial;}
#lfk_cookie a.button {cursor: pointer; background: #02ba0b; padding: 8px 20px; margin-left: 10px; border-radius: 5px; font-weight: bold; float: right;}
#lfk_cookie a.button:hover {background-color: #0dff49;}
#lfk_cookie p.cookiemessage {display: block; color: black; padding: 0; margin: 0;}

/*----------------------------------------------------------------------*/
/*	Allgemeiner Text 	*/
/*----------------------------------------------------------------------*/
/*- Unterdrücken der Schriftgrößenwechsel von Landscape auf Portrait -*/
html { -webkit-text-size-adjust: none; }

/*- Standard-Absatz  -*/
p 			{ font-size: 14px; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px 2px; }
p.bildtitel	{ float: none; font-size: 12px; color: black; font-family: Verdana, Arial; color: black; font-style :italic; padding: 0px 0px; }

/*- Trennlinie  -*/
hr { border: 0; height: 2px; background-image: linear-gradient(to right, rgba(50,50,50,0), rgba(200,200,200,1), rgba(50,50,50,0)); }

/*- Listendarstellung mit Aufzählungspunkt  -*/
li  		{ font-size: 14px; padding: 5px; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px 0px; }
li a		{ font-size: 14px; text-decoration: none; color: blue; }
li a:hover	{ font-size: 14px; text-decoration: none; color: blue; }


/*----------------------------------------------------------------------*/
/*	URL in allgemeinem Text 	*/
/*----------------------------------------------------------------------*/
a.textlink 			{ font-size: 14px; color: blue; font-family: Verdana, Arial, Helvetica, sans-serif; }
a.textlink:hover	{ font-size: 14px; color: blue;  }

/*----------------------------------------------------------------------*/
/*	URL zu Weihanchtsangeboten 	*/
/*----------------------------------------------------------------------*/
a.weihnachtslink     	{ font-size: 14px; color: red; font-family: Verdana, Arial, Helvetica, sans-serif; }
a.weihnachtslink:hover	{ font-size: 14px; color: red;  }

/*----------------------------------------------------------------------*/
/*	URL in Gliedrung Text 	*/
/*----------------------------------------------------------------------*/
a.gliederung 			{ font-size: 14px; color: blue; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
a.gliederung:hover		{ font-size: 14px; color: blue; text-decoration: none; }

/*----------------------------------------------------------------------*/
/*	Seitendarstellung bei verschiedenen Bildschirm-Breiten 	*/
/*----------------------------------------------------------------------*/
body { background-color: #ffffff; }
* { box-sizing: border-box; }

/*----------------------------------------------------------------------*/
/*	Galerien 	*/
/*----------------------------------------------------------------------*/
/* Galeie 1 = 3 x Bilder, 1 x Video */
.galerie1 		{ max-width: 100%; display: flex; justify-content: center;  margin-left: auto; margin-right: auto; padding: 5px 5px;}
.galerie1 img 	{ width: 100%; height: 100%;  border:1px solid black; }
.galerie1 video	{ width: 100%; height: 100%; max-width: 100%;}

/* Ab Bildschirm-Breite unter 690 Pixel: zwei Spalten untereinander */
@media screen and (max-width: 690px) { .galerie1 { max-width: 100%; }}


/* Galeie 2 = n x Bilder, 2 x Video */
.galerie2 				{ float: left; width: 50%; padding: 2px 2px; }
.galerie2 img 			{ max-width: 100%; height: auto; padding: 2px 2px; }
.galerie2 video			{ width: 95%; height: auto;  max-width: 100%;}
.galerie2 p.bildtitel	{ float: none; font-size: 12px; color: black; font-family: Verdana, Arial; color: black; font-style :italic; padding: 0px 0px; }


/*----------------------------------------------------------------------*/
/*	Context-Spalten, die neben bzw. untereinander liegen 	*/
/*----------------------------------------------------------------------*/
/* Zwei Spalten, die nebeneinander schweben */
.column 			{ float: left; width: 50%; padding: 2px 2px; }
.column img 		{ max-width: 100%; height: auto; padding: 2px 2px; }
.column video		{ width: 100%; height: auto; }
.column p.bildtitel	{ float: none; font-size: 12px; color: black; font-family: Verdana, Arial; color: black; font-style :italic; padding: 0px 0px; }

/* Löschen Sie die Floats nach den Spalten */
.row:after 			{ content: ""; display: table; clear: both; padding: 2px 2px; }

/* Ab Bildschirm-Breite unter 690 Pixel: ein Spalte untereinander */
@media screen and (max-width: 690px) { .column { width: 100%; }}


/*----------------------------------------------------------------------*/
/*	Kopfzeile 	*/
/*----------------------------------------------------------------------*/
.header img { max-width: 100%; height: auto; padding: 0px; }

/*----------------------------------------------------------------------*/
/*	Fusszeile 	*/
/*----------------------------------------------------------------------*/
.footer 
	{ 
	text-align: center;
	background: #ffffff;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: black;
	padding: 3px;
	}

/*----------------------------------------------------------------------*/
/*	Website zentrieren	*/
/*----------------------------------------------------------------------*/
.wrapper { max-width: 1020px; margin-left: auto; margin-right: auto; }

/*----------------------------------------------------------------------*/
/*	DIV zentrieren	*/
/*----------------------------------------------------------------------*/
.zentrieren { display: flex; justify-content: center; width: 100%; }

/*----------------------------------------------------------------------*/
/*	Navigations-Menü 	*/
/*----------------------------------------------------------------------*/
.topnav { overflow: hidden; background-color:  #cccccc;}
.topnav a 
	{
	float: left;
	display: block;
	color: black;
	text-align: center;
	padding: 10px 12px;
	text-decoration: none;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}
.topnav a:hover  { background-color: #aaaaaa; color: black; }
.topnav a.active { background-color: #000000; color: white; }
.topnav .icon    { display: none; }

@media screen and (max-width: 690px) 
	{
	.topnav a:not(:first-child) {display: none;}
	.topnav a.icon { float: right; display: block; }
	.topnav a.img  { max-width: 100%; height: auto; padding: 0px 0px; }
	}
@media screen and (max-width: 690px) 
	{
	.topnav.responsive {position: relative;}
	.topnav.responsive .icon { position: absolute; right: 0; top: 0; }
	.topnav.responsive a { float: none; display: block; text-align: left; }
	}

/*----------------------------------------------------------------------*/
/*	Fusszeile 	*/
/*----------------------------------------------------------------------*/
.buttonnav { background-color: #cccccc; }
.buttonnav a 
	{
	float: left;
	color: black;
	padding: 10px 10px;
	text-decoration: none;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}
.buttonnav a:hover  { background-color: #aaaaaa; color: black; }
.buttonnav a.active { background-color: #000000; color: white; }