body {
margin: 0 auto;
background-color:black;
}

hintergrund{
margin: 0 auto;
height:100vh;
width:100vw;
position:fixed;
z-index:2;
display:block;
background:linear-gradient(180deg,rgba(30,31,25,1), rgba(177,176,158,1));
}

kopfbereich{
margin: 0 auto;
position: absolute;
display:block;
text-align:left;
width:auto;
z-index:5;
background: url("gfx/back_header.gif");
background-repeat: repeat-x;
left:0;
top:0;
right:0;
}


#logo{
margin-left:0;
float:left;
height:260px;
}



#kopfbild{
margin-left:0;
/*/float:left;*/
height:103px;
text-align:center;
/*display:none;*/
}


#enversion{
margin-left:0;
float:right;
height:103px;
margin-right:0;
padding:0;
}

#enversion img{
margin-right:1rem;
}




.guestbook{
margin: 0 auto;
padding-top:270px;
position: relative;
/*left:3rem;
right:3rem;*/
z-index:4;
height:auto;
}

derfooter{
margin: 0 auto;
position: relative;
z-index:4;
height:auto;
display:block;
padding:1.5rem;
}

gbentry{
margin: 0 auto;
color:rgba(30,31,25,1);
background-color:rgba(255,255,255,0.85);
padding:1.5rem;
margin-bottom:2rem;
border-radius:1rem;
display:block;
max-width:900px;
text-align:left;
margin-left:2rem;
margin-right:2rem;
}

gbentry .stamp{
margin: 0 auto;
right:1em;
float:right;
margin-top:1em;
margin-left:1em;
margin-bottom:1em;
width:70px;
}

gbentrycont{
margin: 0 auto;
display:block;
margin-left:1rem;
padding-top:2rem;
}

p {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.Stil15 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.strong {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	line-height: 20px;
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 2px;
}
.bildunterschrift {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 2px;
}
.smalltext {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 12px;
	font-weight: 100;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 2px;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-style: normal;
	line-height: 28px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF3AE;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 2px;
    text-shadow: 0 0 10px #000;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
    text-shadow: 0 0 8px #000;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 19px;
	font-style: normal;
	/*line-height: 16px;*/
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF3AE;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 15px;
    text-shadow: 0 0 6px #000;
}
h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 19px;
	
	/*line-height: 16px;*/
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: rgb(129,4,2);
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 15px;
    text-shadow: 0 0 4px #000;
}
img {
	/*
	box-shadow: 0 0 20px rgb(255, 255, 200);
	*/
}
a:link {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF3AE;
	text-decoration: underline;
    text-shadow: 0 0 2px #000;
}
a:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF3AE;
	text-decoration: underline;
}
a:active {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF3AE;
	text-decoration: underline;
}
a:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF3AE;
	text-decoration: underline;
}
a img {
	border-color: #E0DFD6;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 14px;
	font-weight: 100;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 2px;
}
/*.footer a:link {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 14px;
	font-weight: 100;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: underline;
	margin-top: 2px;
	margin-bottom: 2px;
}
.footer a:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 14px;
	font-weight: 100;
	font-variant: normal;
	text-decoration: underline;
	color: #666666;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 2px;
}*/
.footer a {
	font-family: "Times New Roman", Times, serif;
	font-size: 125%;
	font-style: normal;
	line-height: 1.8em;
	/*font-weight: 100;
	font-variant: normal;
	text-transform: none;*/
	color: #999999;
	text-decoration: underline;
	/*margin-top: 2px;
	margin-bottom: 2px;*/
	margin:0.3em;
}
.footer a:hover {
	/*font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 14px;
	font-weight: 100;
	font-variant: normal;
	text-transform: none;*/
	color: #FFF3AE;
	text-decoration: underline;
	/*margin-top: 2px;
	margin-bottom: 2px;*/
}
/*.footer a:active {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 14px;
	font-weight: 100;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: underline;
	margin-top: 2px;
	margin-bottom: 2px;
}*/

.THOrderHeader {font-family: verdana,arial,helvetica; color:#FFFFFF; font-size: 9pt; font-weight: bold; background: #E3B809;}
.TDOrderBody {font-family: verdana, arial, helvetica; font-size: 9pt; background: #FFF3AE;}
.taste_ort:link, .taste_ort:hover, .taste_ort:visited, .taste_ort:active {
	display: block;
	/*float: left;*/
	background-image: url(gfx/klavier_taste_l.gif);
	background-repeat: no-repeat;
	width: 130px;
	height: 25px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align:middle;
	padding:3px;
	padding-left:0px;
	padding-right:0px;
}
.taste_datum:link, .taste_datum:hover, .taste_datum:visited, .taste_datum:active {
	display: block;
	/*float: right;*/
	background-image: url(gfx/klavier_taste_r.gif);
	background-repeat: no-repeat;
	width: 90px;
	height: 25px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align:middle;
	padding:3px;
	padding-left:0px;
	padding-right:0px;
}

@-webkit-keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

@-moz-keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

@-o-keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

.marquee {
    width: 770px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
	-webkit-animation: marquee 30s linear infinite;
	-moz-animation: marquee 30s linear infinite;
	-o-animation: marquee 30s linear infinite;
	animation: marquee 30s linear infinite;
}

.marquee span:hover {
    animation-play-state: paused
}

.menu-item {
	position: relative;
	display: block;
}

@-webkit-keyframes glowing {
	0% { background-color: rgba(255, 180, 0, 0.01); -webkit-box-shadow: 0px 0px 1px rgb(255, 162, 0); }
	50% { background-color: rgba(255, 180, 0, 0.25); -webkit-box-shadow: 0px 0px 10px rgb(255, 162, 0); }
	100% { background-color: rgba(255, 180, 0, 0.01); -webkit-box-shadow: 0px 0px 1px rgb(255, 162, 0); }
}

@-moz-keyframes glowing {
	0% { background-color: rgba(255, 180, 0, 0.01); -moz-box-shadow: 0px 0px 1px rgb(255, 162, 0); }
	50% { background-color: rgba(255, 180, 0, 0.25); -moz-box-shadow: 0px 0px 10px rgb(255, 162, 0); }
	100% { background-color: rgba(255, 180, 0, 0.01); -moz-box-shadow: 0px 0px 1px rgb(255, 162, 0); }
}

@-o-keyframes glowing {
	0% { background-color: rgba(255, 180, 0, 0.01); box-shadow: 0px 0px 1px rgb(255, 162, 0); }
	50% { background-color: rgba(255, 180, 0, 0.25); box-shadow: 0px 0px 10px rgb(255, 162, 0); }
	100% { background-color: rgba(255, 180, 0, 0.01); box-shadow: 0px 0px 1px rgb(255, 162, 0); }
}

@keyframes glowing {
	0% { background-color: rgba(255, 180, 0, 0.01); box-shadow: 0px 0px 1px rgb(255, 162, 0); }
	50% { background-color: rgba(255, 180, 0, 0.25); box-shadow: 0px 0px 10px rgb(255, 162, 0); }
	100% { background-color: rgba(255, 180, 0, 0.01); box-shadow: 0px 0px 1px rgb(255, 162, 0); }
}

.glow {
	height: 20px;
	position: absolute;
	left: 34px;
	top: 2px;
	z-index: 1000;
	width: 111px;
	/*-webkit-animation: glowing 3s infinite;
	-moz-animation: glowing 3s infinite;
	-o-animation: glowing 3s infinite;
	animation: glowing 3s infinite;
    pointer-events: none;*/

	-webkit-box-shadow: 0 4px 10px rgba(178,136,55, 0.8);
	-moz-box-shadow: 0 4px 10px rgba(178,136,55, 0.8);
	box-shadow: 0 4px 10px rgba(178,136,55, 0.8);
}

a.Hnavipunkt{
margin: 0 auto;
display:table;
height:39px;
padding:7px;
padding-top:11px;
font-size:19px;
color:rgb(70,70,50);
font-weight:bold;
text-decoration:none;
margin-left:10px;
font-family:
}

a.Hnavipunkt:hover, a#Haktiv{
color:rgb(250,180,40);
text-shadow: -1px 0 #666, 0 1px #666, 1px 0 #666, 0 -1px #666;
}

h1.LH1{
margin: 0 auto;
margin-left:-90px;
margin-top:50px;
margin-bottom:30px;
text-align:center;
font-size:350%;
color:#FFF3AE;
}


h2.cop{
margin: 0 auto;
margin-top:2em;
margin-bottom:1.5em;
text-align:center;
font-size:150%;
color:#FFF3AE;
width:500px;
}

h2.cop span{
margin: 0 auto;
/*width:100%;*/
text-align:left;
margin-left:0;
display:table;
}


div.Dleft{
text-align:left;
margin-left:30px;
}
div.Dleft ul{
line-height:1.7em;
display:table;
}

td#midtd{
/*margin-top:0;*/
}

cookieinfo{
margin: 0 auto;
background-color:rgba(124,125,128,0.95);
border:0.2em solid rgb(255,255,255);
display:table;
position:fixed;
bottom:2em;
left:2em;
right:2em;
z-index:100;
padding:0.4em;
max-width:400px;
text-align:center;
color:rgb(255,255,255);
font-size:65%;
}

cookieinfo a{
color:rgb(255,255,255);
font-weight:bold;
text-decoration:underline;
}

.Cclose{
margin: 0 auto;
background-image:url("gfx/close.png");
width:40px;
height:40px;
display:table;
right:-10px;
top:-10px;
z-index:12;
position:absolute;
}
tr#remail{
display:none;
}

.menu {
    position: relative;
	overflow: hidden;
}
a.Hnavipunkt {
	text-shadow: none;
}
.menu a {
    background-repeat: no-repeat;
	background-image: url(gfx/key.png);
    width: 100%;
	padding: 13px 0 0 20px;
    height: 44px;
	/*
    text-shadow: -1px 0 rgb(250,180,40), 0 1px rgb(250,180,40), 1px 0 rgb(250,180,40), 0 -1px rgb(250,180,40);
	*/
	text-shadow: none;
}
.menu .keyS {
	position: absolute;
    user-select: none;
    pointer-events: none;
	top: 0;
	left: 0;
    background-repeat: no-repeat;
	background-image: url(gfx/keyS.png);
    width: 100%;
    height: 56px;
}

.content-1, .content-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    place-items: end center;
}

.album {
	margin-bottom: 40px;
	cursor: pointer;
	width: 200px;
}

.content-1 .album:first-child {
	margin-left: 150px;
}
.content-1 .album:last-child {
	margin-right: 150px;
}

.album span {
	display: block;
	font-family: "Times New Roman", Times, serif;
    font-size: 25px;
	margin-top: 10px;
    text-shadow: 0 0 10px #B1B094;
}

.album img {
	width: 200px;
    border: 5px solid #FFF3AE;
    border-radius: 5px;
    box-shadow: 4px 5px 17px #000;
}

.album:hover img {
    border-color: rgb(250,180,40);
    box-shadow: 7px 8px 20px #000;
}
.album:hover span {
    text-shadow: 1px 2px 5px #000;
    color: rgb(250,180,40);
}

/*
#alben {
	display: grid;
	grid-template-columns: 100px 100px 100px 100px 100px 100px;
	grid-template-rows: 220px 220px 220px;
	align-items: center;
	justify-content:center;
	gap: 5px;
}
*/
#alben {
	min-height: 800px;
}


a:link.tonavi{
margin: 0 auto;
position:absolute;
font-size:230%;
right:2rem;
top:145px;
z-index:6;
}

a:link.tonavi:hover{
opacity:0.7;

}

#navigation {
background-color:rgb(0,0,0);
    width: 204px;
    overflow: hidden;
    position:absolute;
    /*display:none;*/
    z-index:7;
    border-right:9px solid black;
}

/*#kopf{
margin: 0 auto;
display:block;
text-align:left;
background: url("gfx/back_header.gif");
width:100vw;
height:103px;
}

#logo{
margin-left:0;
float:left;
height:103px;
}

#kopfbild{
margin-left:0;
float:left;
height:103px;
}


#enversion{
margin-left:0;
float:left;
height:103px;
}*/