/* Colors: Gold #d4af35; Lato Trirong Spectral*/
html, body{color:rgb(51,51,51); font-family:Spectral, 'Times New Roman', serif; padding:0px; margin:0px; font-size:20px; background-color:#fefefe;}
h1{margin-top:40px;	 margin-bottom:1em; color:rgb(51,51,51); padding-bottom:5px; text-align:center; font-variant:small-caps; font-family: 'Century Gothic', Verdana, Helvetica, sans-serif;
  background:linear-gradient(to right, transparent, rgb(51,51,51), transparent);
  background-size:100% 3px; background-position:bottom 50% left 0; background-repeat:no-repeat;}
@media (max-width:632px){
	h1{margin-top:15px;}
}
h1>span{background-color:#ffffff; padding:0px 5px;}
h2{font-size:1.3em; color:rgb(51,51,51); font-family: 'Century Gothic', Verdana, Helvetica, sans-serif;}
h3{font-size:1.1em; color:rgb(51,51,51); font-family: 'Century Gothic', Verdana, Helvetica, sans-serif;}
header{display:block; text-align:right;}
footer{display:block; text-align:center; padding-top:10px; padding-bottom:10px;}
ol{padding-left:25px;}
#content{padding:4px 5px; max-width:1000px; min-height:300px; width:80%; margin-right:auto; margin-left: auto;}
.content{padding:4px 5px; max-width:1000px; min-height:300px; width:80%; margin-right:auto; margin-left: auto;}
#logo{max-width:40%;}
a{color:#222222; text-decoration:none;}
a:hover{color:rgb(251, 185, 0);}
input, button, select{font-size:16px; line-height:150%; border:1px solid gray; border-radius:4px; padding:4px 5px; margin:4px 2px;}
/* Cookie-Banner */
#cookie-law{position:fixed; width:100%; min-height:300px; box-sizing:border-box; display:flex; justify-content:space-between;
  align-items:center; gap:30px; bottom:0; background-color:rgb(51,51,51); color:#fefefe; z-index:2000; text-align:center; font-size:0.9em; padding:1px 15px;}
#cookie-law div:nth-child(1){padding-left:20px; padding-right:20px; font-size:1rem; text-align:left;}
.close-cookie-banner{border:1px solid #fefefe; padding:8px 10px; background-color:black; color:#fefefe !important; border-radius:8px; text-decoration:none;}
.close-cookie-banner:hover{color:white !important;}
#cookie-law>div>p>a{color:#cccccc;}
#cookie-law p{margin:10px 0;}
/* Header mit Diashow */
nav{position:fixed; top:0;
  background-color:#fefefe;
  /*background-color:rgb(214, 175, 48);
  background:linear-gradient(rgb(253, 235, 179), rgb(214, 175, 48));
  background-color:transparent; background-position:center; background-repeat:repeat-x; background-size:20%;
		background-image:url('../testimg/seamless-pattern-based-on-traditional-600w-196116707.webp');
    box-shadow:0px 1px 1px 1px rgba(214, 175, 48, 1);*/
  width:100%; display:block; font-size:20px; font-family:Helvetica, sans-serif; z-index:1100;
  }
#name{position:absolute; left:20px; color:rgb(51,51,51);}
.headershow{display:block; z-index:200; width:100%; height:560px; text-align:center; position:relative;}
.headershow div{background-position:center center; background-size:cover; background-attachment:scroll; width:100%;}
.overlay{position:absolute; overflow-y:scroll; background-color:transparent; width:100%; height:100%; top:0; left:0; color:white; text-align:left; font-weight:bold;}
/* Horizontales Dropdown Menü */
#menu{border:none; list-style:none;}
#menu>li{border:none; text-align:center; position:relative; font-variant:small-caps; padding:0; margin:0px 1px;}
#menu>li.nolnk{color:rgb(51,51,51);}
#menu>li>a{text-decoration:none; color:rgb(51,51,51);}
#menu>li>a:hover, #menu>li.nolnk:hover, #menu>li>a:focus, #menu>li.nolnk:focus{color:rgb(251, 185, 0); background-color:white;}
/* Untermenü */
#menu>li>ul>li{background-color:rgb(51,51,51); font-size:1rem; border-bottom:1px solid white;}
#menu>li>ul>li>a{text-decoration:none; color:rgb(51,51,51);}
#menu>li>ul>li>a:hover, #menu>li>ul>li>a:focus{color:rgb(251, 185, 0); background-color:white;}
.spacer{height:0px; padding:0; margin:0}