/*Stylesheet für Ostern 2026 (Dungeon)*/

body{background-color: #c8d4fa;
	background-image: url(../../Hausseite/Bilder/background.jpg);
	text-align: center;}	

/*Titelbanner*/
#banner {width: 650px; height: 150px;}


/*Haupt-div mit Seiteninhalt*/
#main {width: calc(100% - (100% - 1075px));
	margin: 0 auto;
	text-align: center;}


/*Spalten links und rechts (leer; nur für Seitenaufteilung)*/
.td {height: 470px; width: 176px;
	display: inline-block;}
/*Adler mit Schriftrolle (linke Spalte)*/
#scroll {height: 470px; width: 176px;
	background-image: url(../../Hausseite/Bilder/scroll.png);
	background-size: cover;
	position: absolute; z-index: 1;}
/*div mit Infotext und Links auf Schriftrolle*/
#links {height: 190px; width: 105px;
	margin: 260px 0 0 35px;
	position: absolute; z-index: 2;}
/*Infotext, Eier-Zähler, Links*/
p, a {text-decoration: none;
	color: #042949;}
a:hover {color: #ca8905;
	font-weight: bold;}
/*Lösung für die Suchbilder; Link wird erst zu Ostern des Folgejahres sichtbar*/
#loesung {display: none;} 	


/*div fürs Zählen der Eier*/
#counter {position: absolute; z-index: 5;
    margin: -463px 0 0 796px;
    height: 35px;
    width: 60px;
    text-align: center;
    border: thin solid #042949;
    background-color: #e5d587;
    font-family: Verdana, sans-serif;    
    font-weight: bold;
    font-size: 95%;
    line-height: 0.3em;
}

/*mittlere Spalte mit Suchbild bzw. iframe für Lösung/Walkthrough*/
#bild, iframe {height: 470px; width: 665px;
	text-align: center;
	margin: 0 20px;
	display: inline-block;
	position: relative;}
/*Suchbild*/
#suche {height: 450px; width: 645px;
	position: absolute; z-index: 1;
	border: 10px ridge #e5d587;
	left: 50%; transform: translateX(-50%);
	border-radius: 5px;}	
/*Markierungskreise für gefundene Eier*/
.found {display: none;						
	position: absolute; z-index: 4; 
	width: 40px; height: 40px;}
/*kein Pointer auf Eierkoordinaten*/
area{cursor: default;}


/*spezielle Bilder in Dungeon-Räumen*/	
/*Feuer bei der Teufelsschlinge*/
#feuer {height: 450px;
	position: absolute; z-index: 2;
	margin: 10px;
	left: 50%; transform: translateX(-50%);}
		
/*Figuren auf dem Schachbrett*/
#springer, #dame, #laufer, #konig {
    position: absolute; 
    z-index: 2;
    display: block;}
#springer {left: 178px; top: 230px; height: 94px; width: 61px;}
@keyframes springerMove1{
	from {left: 178px;}
	to {left: 88px;}
}
@keyframes springerMove2{
    from {left: 88px; top: 230px;}
    to {left: 140px; top: 175px; height: 84px; width: 54px;}
}

#dame {height: 100px; width: 45px; left: 290px; top: 110px;}
@keyframes dameMove {
    to {left: 140px; top: 140px; height: 120px; width: 54px;}
}

#laufer {left: 440px; top: 300px; height: 160px; width: 80px;}
@keyframes lauferMove{
	to {left: 178px; top: 195px; height: 128px; width: 64px;}
}

#konig {translate: 260px 160px;}

/*Pergament mit dem Flaschenrätsel*/
#pergament {
    width: 400px; height: 260px;
    background-image: url(pergament.png);
    background-repeat: no-repeat;
    background-size: 400px 260px;
    position: absolute; z-index: 2;
    margin: 15px 0 0 15px;
    padding: 15px 10px 10px 55px; /*o r u l*/
    text-align: left;
    font-size: 0.7em;
    display: none;
}