* {
  box-sizing: border-box;
}

.gesamte_seite{
	max-width: 1000px;
	margin: 0 auto;
}

hr.unterstrich {
  border: 2px solid #ff6600;
  border-radius: 5px;	
  width: 75%;
  margin: 0px;
}

.trennstrich{ 
    margin: 0px;
	width: 80%;
    height: 4px;
    background: black;
    /*background: -webkit-gradient(linear, 0 0, 100% 0, from(#ff6600), to(white), color-stop(10%, #ff6600));*/
	background: linear-gradient(90deg, #ff6600, #fff);
}



.img-text{
	max-width: 100%;
}

body {
  font-family: Arial;
  padding: 1px;
  background: #e2e2e2; /*#f1f1f1; /* original: f1f1f1  */
  overflow-y: scroll;
}

/* Header Title */
.header {
  padding: 5px;
  text-align: center;
  background: #ffffff;
  border-radius: 10px;
  vertical-align: middle;
}

.header h1 {
  font-size: 50px;
  
}

.header h2 {
	font-size: 30px;	
}

/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: #ff6600; /* #aaa; /* orig: 333 */
  border-radius: 10px;
  position: sticky;
  top:0;
  margin-bottom: 20px;
  font-weight: bold;	
  z-index: 997;
}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: #fff; /* orig: f2f2f2 */
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  
}

/* Change color on hover */
.topnav a:hover {
  background-color: #ff6600;
  color: black;
}

.nav_aktuell {
	/* font-weight: bold; */
	text-decoration: underline;
}

/* Style the mini navigation bar */
.mininav {
  overflow: hidden;
  background-color: #aaa; /* #aaa; /* orig: 333 */
  border-radius: 10px;
  top:0;
  font-weight: bold;
  z-index: 997;
}

/* Style the topnav links */
.mininav a {
  float: left;
  display: block;
  color: #fff; /* orig: f2f2f2 */
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  
}

/* Change color on hover */
.mininav a:hover {
  background-color: #ff6600;
  color: black;
}

.mininav_aktuell {
	/* font-weight: bold; */
	text-decoration: underline;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {   
  float: left;
  width: 75%;

}

/* Right column */
.rightcolumn {
  float: left;
  width: 25%;
  /*background-color: #f1f1f1; /* Original: f1f1f1 */
  padding-left: 20px;
}

/* Add a card effect for articles */
.card {
  background-color: white;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  
}

.tabelle_scroll {
  overflow-x: scoll;
  overflow-y: hidden;	
	
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Footer */
.footer {
  overflow: hidden;
  background-color: #aaa; /* orig: 333 */
  border-radius: 10px;
  z-index: 997;
  position: sticky;
  max-width: 100%;
  bottom: 0;

}


.footer a {
  float: left;
  display: block;
  color: #fff; /* orig: f2f2f2 */
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;

}


.footer a:hover {
  background-color: #ff6600;
  color: black;
}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
  .leftcolumn, .rightcolumn {   
    width: 100%;
    padding: 0;
  }
}

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
  .topnav a {
    float: none;
    width: 100%;
	z-index: 999;
  }
}


table {
  border-collapse: separate;
  border-spacing: 0.2em;
}
  
th,td {
  padding: 0.2em 0.5em;
  border-radius: 0.1em;  
}  

thead th {
  background-color: #ffe6cc;
  color: #000;
}

td {
  text-align: right;

}   

tbody tr:nth-child(even) { 
  background-color: #aaa; 
  color: #000; 
}

td:empty{
  box-shadow: none;
  background-color:none;
}

































.container
{
	width: 100%;
	height: 100%;
}
.trans
{
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.top
{
	display: flex;
}
.top ul
{
	list-style: none;
	width: 100%;
	height: 100%;
	z-index: 1;
	box-sizing: border-box;
}
.top ul li
{
	position: relative;
	float: left;
	width: 15%;
	overflow: hidden;
	margin-right: 10px;
}

.top ul li::before
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	content: '';
	color: white;
	opacity: 0.4;
	text-align: center;
	box-sizing: border-box;
	pointer-events: none;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.top ul li:hover::before
{
	opacity: 0;
	background-color: rgba(0,0,0,0.90);
}
.top ul li img
{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.lightbox
{
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.75);
	z-index: 998;
	opacity: 0;
	pointer-events: none;
}
.lightbox img
{
	max-width: 90%;
	max-height: 80%;
	position: relative;
	top: -100%;
	/* Transition */
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.lightbox:target
{
	outline: none;
	top: 0;
	opacity: 1;
	pointer-events: auto;
	transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	-webkit-transition: all 1.2s ease;
}
.lightbox:target img
{
	top: 0;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/********** Hinweis Popup  **********/
.recent-bloglist{margin:3em 0;}
.hinweis_popup{cursor:pointer;}
.popupinput{display:none;}
.modalwrap{position:fixed; top:0; left:0; bottom:0; right:0; display:none;z-index: 9991; font-size:14px;}
input.popupinput[type="checkbox"]:checked + .modalwrap{ display:block;}
.modalwrap:after{content:"";position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5);}
.modalwrap .modalwrap-content{width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: rgb(0,0,0); z-index: 2; padding: 16px; border-radius: 6px; max-height: 80%; overflow: auto; border-color: rgb(255,0,0)}
label.outclickhide{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;}


.hinweis_popup{
	color: black;
text-decoration: dotted underline #ff6600;
}