*	{
	margin:0;/* setze außenabstände auf null*/
	padding:0;
	
	}

html, body {
	background-size: cover;
}
body 
	{font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:normal;
}

hr{
	width:100%;text-align:left;margin-left:0;color:lightgray;border:1px solid;
		}

div#container{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	background-color:    #fff;
	/*border:1px solid ;
	border-color:   #0cf;*/
	}
h1 	 
	{	
	color:  #000;
	font-size:10px;
	line-height:10px;
	text-indent:-9999px;
	}
h1 a:link,h1 a:visited{
	color:  #3cf;
	text-decoration:none;
	}
h1 a:link,a:hover,h1 a:link,a:focus{
	color: #3cf;
}

h2{font-family: serif;
	color:#339999;
	font-size:24px; 
	letter-spacing:0;
	font-weight:normal;
	padding-bottom: 8px;
	}


h3{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #333;
	font-size:1.4em;
	line-height:1em;
	letter-spacing:0;
	font-weight:normal;
	padding-bottom:10px;
	}
/*pfeil_oben*/
.pfeil_oben{	position:fixed;
	right:20px;
	bottom:50px;z-index: -999;	
}

.bilder	{
	width:100%;
padding-bottom:20px;
	
	}


/*-----------------------------------*/
/*hamburger menue 5.8.25

  /* Normales Menü */
  nav {
    overflow: hidden;
  }

  nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
  }

  nav li {
   /* padding: 14px 20px;*/
  }

  nav a {
    color: white;
    text-decoration: none;
  }

  /* Hamburger Menü Button */
  .hamburger {
    display: none;
    cursor: pointer;
    padding: 14px 20px;
  }

  .hamburger div {
    width: 25px;
    height: 3px;
    background-color: gray;
    margin: 4px 0;
  }

  /* Verstecktes Menü für Mobil */
  .mobile-menu {
    display: none;
    flex-direction: column;
    background-color: #fff;
  }

  .mobile-menu a {
    /*padding: 14px 20px;
    border-top: 1px solid #444;*/
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    nav ul {
      display: none; /* Normales Menü ausblenden */
    }
    .hamburger {
      display: block; /* Hamburger anzeigen */
    }
    .mobile-menu.show {
      display: flex; /* Mobile Menü anzeigen */
    }
  }

/*cookie overlay-----------------------------------*/


/* Overlay Styles */
  #cookieOverlay {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 95%;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9999;
  }

  #cookieOverlay p {
    margin: 0;
    max-width: 70%;color:white;
  }

  /* Button Styles */
  .cookie-button {
    margin-left: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
  }

  .accept {
    background-color: #4CAF50;
    color: white;width:120px;
  }

  .decline {
    background-color: #f44336;
    color: white;width:120px;
  }


/*------------------------------------



/*ab hier die alte site*/


ul.left1{
	color:#000;
	text-decoration:none;
	list-style:none;
	margin-top:10px;
	padding-left:0px;
	font-size:1.5em;
	line-height:1.2em;
}
.left1 li a:link,.left1 li a:visited{
	color: #999;
	text-decoration:none;
	list-style:none;
}

.left1 li a:hover,.left1 li a:focus{
	color: #000;
}
/*
	Link im Menu der aktiven Seite
*/
.left1 li a.menue_aktiv:link,.left1 li a.menue_aktiv:visited{
	color:#000;
	text-decoration:none;
	list-style:none;
}

.left1 li a.menue_aktiv:hover,.left1 li a.menue_aktiv:focus{
	color: #999;
}


/*
	kleine links
*/
ul.right{

	text-decoration:none;
	list-style:none;
	margin-top:10px;
	text-align:left;
}
ul.right li a.menue_spezial:link,ul.right li a.menue_spezial:visited{
	color: #666;
	text-decoration:none;
	list-style:none;
	font-size:.9em;
	line-height:25px;
	
}
ul.right li a.menue_spezial:hover,ul.right li a.menue_spezial:focus{
	color: #000;
}

/*
	kleine links aktiv
*/
ul.right li a.menue_spezial_aktiv:link,ul.right li a.menue_spezial_aktiv:visited{
	color: #000;
	text-decoration:none;
	list-style:none;
	font-size:.9em;
	line-height:25px;
}
ul.right li a.menue_spezial_aktiv:hover,ul.right li a.menue_spezial_aktiv:focus{
	color: #666;
}

p  {

  font-family: "Reddit Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
	color: #000;
	font-size:.9em;
	line-height:1.3em;
	padding-bottom:20px;
}
a {
	text-decoration:none;
	list-style:none;
}
p a:link,p a:visited{
	color: #284B55;
	text-decoration:none;
	list-style:none;
}
p a:hover,p a:focus{
	color:#3cc;
}
.right p {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #333;
	font-size:.9em;
	line-height:1.3em;
	font-weight:normal;
	padding-bottom:15px;
}
.hamburger p {
	color: #333;
	font-size:.6em;
	font-weight:normal;
	text-align:left;line-height: -10px;
}

.topten
	{
	padding-top: 50px;
	}

.topfive
	{
	margin-top: 15px;
	}
.rot	{
	color: #497E7E;
	font-size:20px;
	font-weight:normal;
font-family:"Courier New", Courier, mono;
	letter-spacing:-.07em;
	}


.blau	{
	color:#339999;/*#F44D35;*/
	
	}
div#mitte{
	text-align:center;
	margin-top: 20px;
	}
.mitte{
	text-align:center;
	}	

table{ 
	border: hidden;
	font-size:14px;
	line-height:20px;
	color: #666; 
	font-weight:normal;
	overflow:hidden;
vertical-align: text-top;
	width:100%;
	}
	
td {
	border: hidden;
	font-size:14px;
	line-height:20px;
	color: #666; 
	font-weight:normal;
vertical-align: text-top;
}
.tab1 {min-width:45px;vertical-align: text-top;}
.tab2 {vertical-align: text-top;}


.left {
	/*border:1px solid ;
	border-color:   #0cf;*/

  padding-left:10px;
padding-top:0px;
 padding-bottom:10px;
  float:left;
  width:93%; /* The width is 20%, by default */

}

.main {
margin-right:70px;
	padding-top:20px;
  padding-left:10px;
	padding-bottom:30px;
	padding-right:10px;
  float:left;
	text-align:left;
  width:45%; /* The width is 60%, by default */
}


.right {
color:#57acb7;
  padding-left:10px;
padding-bottom:20px;
  float:left;
  width:20%; /* The width is 20%, by default */
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
  .left, .main, .right {
    width:95%; /* The width is 100%, when the viewport is 800px or smaller */
  }

}