html
	{ 
		scroll-behavior: smooth;
	}
	body
	{
		margin:10px;
		margin-top: 0;
		padding: 0;
		color: #3F48CC;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 1rem;
		text-size-adjust: none;
		-webkit-size-adjust: none;
		size-adjust: none;
		overflow-x: hidden;
	}
	h1
	{
		margin-top:0px;
		font-size: 2em;		
	}
	h2
	{
		margin-top:0;
	}
	h5
	{
		margin-top: 0;		
	}
	ul
	{		
		padding-top: 3px;
		list-style-type: square;
		font-size: 100%;
	}
	li
	{
		padding-top: 3px;
		color: #3F48CC;
		font-size: 100%;
	}	
	a
	{ 
		color: #3F48CC;    
		transition: all 0.3s ease; 
	}
	a:active 
	{
		font-family:Verdana, Arial, Trebuchet MS, Helvetica,sans-serif;
		color: rgb(255, 0, 0);
	}
	p
	{ 
		font-size:1rem;
		margin-top: 0;
	}
	.linksbuendig
	{
		text-align: left;
	}
	.rechtsbuendig
	{
		text-align: right;
	}
	.mittig
	{
		text-align: center;
	}
	.blocksatz
	{
		text-align: justify;
	}
	
	/*************** Für den Bildwechsler  ****************/
	
	.gallery a
	{
		text-decoration: none;
	}

	[hidden]
	{
		display: none;
	}
	 
	dialog img
	{
	  padding: 0;
	  margin: 0;	
	  width: 100%;  /* Bild passt sich an verfügbaren Raum im dialog an */
	}

	dialog
	{
		position: relative;
	}

	dialog::backdrop
	{
		background-color: #337599;
		opacity:0.5;
	}
	figure
	{
		padding: 0em;
		margin: 0em;		
	}

	#lightbox
	{
		border: thin solid #aaa;
		left: 1em;
		position: fixed;
		top: 1em;
	}

	#lightbox img 
	{
		display: block;
		margin: auto;
		max-width: 90vw;
		max-height: 80vh;
	}

	#lightbox figcaption
	{
		font-style: italic;
		text-align: center;
	}

	#lightbox button
	{
		position: absolute;
		top: 0;
		right: 0;
		background-color: #3F48CC;
		color: white;
	}


	#lightbox button#prev
	{
		top: 50%;
		left: 1em;
		width: 5em;
		height: 2em
	}

	#lightbox button#next
	{
		top: 50%;
		right: 1em;
		width: 5em;
		height: 2em
	}
 
	[role=note]
	{
		border-left: medium solid #c82f04;
		padding-left: 0.5em;
		max-width: 40em;
	}

	[role=note]:before
	{
		content: 'Beachten:  ';
		color: #c82f04;
		font-weight: blod;
	}
		
	/********** Mobile configuration ***************************/
	@media (max-width: 980px) and (min-height: 1440px)
	{        
		body
		{            
			font-size: 2.25rem; /* Adjust font size for smaller screens */
			margin:10;
		}
		p
		{
			font-size: 2.00rem; /* Adjust font size for smaller screens */
			margin:10;
		}
	}
	
	/**************** Logbook configuration *********************/
	#logbook
	{
	  text-size-adjust: none;
	  -webkit-size-adjust: none;
	  size-adjust: none;
	  font-family:'Open Sans', Arial, Helvetica, sans-serif;
	  font-size: 100%;
	  border-collapse: collapse;
	  width: 100%;
	}

	#logbook td, #logbook th
	{
	  border: 1px solid #ddd;
	}

	#logbook tr:nth-child(even){background-color: #f2f2f2;}

	#logbook tr:hover {background-color: #ddd;}

	#logbook th
	{
	  /*font-weight: normal;*/
	  padding-top: 10x;
	  padding-bottom: 10px;
	  text-align: left;
	  background-color: #020DBD;
	  color: white;
	}