
@font-face {
	font-family: 'Gotham';
	src: url('_fonts/Gotham-Book.otf') format('opentype');
	font-weight: 400;
}

@font-face {
	font-family: 'Gotham';
	font-weight: 500;
	src: url('_fonts/Gotham-Medium.otf') format('opentype');
}
@font-face {
	font-family: 'Gotham';
	font-weight: 700;
	src: url('_fonts/Gotham-Bold.otf') format('opentype');
}
/* -------------------------------------------------- */

* {
	margin:0;
	padding:0;
}
img { border:0;border-style: none;}
html, body {
	margin:0;
	padding:0;
	height:100%;

	font-family: 'Gotham', 'Times New Roman',sans-serif;
	text-decoration: none;
	font-weight:400;
	color:#000000;
	font-size:18px;
	line-height:26px;
}
body {
	background-color:#ffffff;
	background-color:#eadede;
	
	background-repeat:no-repeat;
	background-size:cover;
	background-image: url(fotos2026/hg1.jpg);
	background-attachment: fixed;
}
#container {
	min-height:100%;
	position:relative;
}

.hor {
	position:relative;
	margin:0 auto;
	text-align:left;
	max-width:1300px;
	clear:left;
	max-height:50000px;
}
.hor2 {
	position:relative;
	margin-left:5%;
	margin-right:5%;
	max-height:40000px;
}
.hor2b {
	position:relative;
	margin-left:5%;
	margin-right:0px;
	max-height:40000px;
}
@media all and (max-width:1099px) {
	.hor2 {
		margin-left:20px;
		margin-right:20px;
	}
}
/* -------------------------------------------------- */
#log {
	position:fixed;
	left:0px;
	bottom:0px;

	text-decoration: none;
	font-size: 12px;
	color: #ffffff;
	background-color:#000000;
	line-height:14px;
	padding:0px;
	padding-left:4px;
	padding-right:4px;
	z-index:40010;

}
.ku {
	white-space:nowrap;
}
/* -------------------------------------------------- */
.abschnitt {
	position:relative;
	min-height:200px;
	width:100%;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
	overflow:hidden;
}
/* -------------------------------------------------- */
.fog {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}
.fog img {
	position: absolute;
	bottom: 0px;
	max-width: 100%;
	animation: fog_effect calc(3s * var(--i)) ease-in infinite;
}
@keyframes fog_effect {
  0% {
	opacity: 0;
	transform: scale(1);
  }
  25%,
  75% {
	opacity: 0.8;
  }
  100% {
	transform: scale(3);
	opacity: 0;
  }
}
@media screen and (orientation:portrait) {
	.fog img {
		left:-50%;
		max-width: 200%;
		animation: fog_effect calc(3s * var(--i)) ease-in infinite;
	}
}
/* -------------------------------------------------- */
.fotobreit {
	width:100%;
	height:auto;
	overflow:hidden;
}
/* -------------------------------------------------- */
#menue {
	position:relative;
	z-index:40000;
	font-size:18px;
	line-height:28px;
	
	background-color:#b07209;
	background-repeat:no-repeat;
	background-size:cover;
	background-image: url(fotos2026/hg_menue.jpg);

}
#menue_platzhalter {
	position:relative;
	height:37px;
	display:none;
}
#menue_ersatz {
	position:relative;
	background-color:#b07209;
	height:10px;
	display:none;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.menue {
	display:inline-block;
	text-decoration:none;
	color:#ffffff;

	font-weight:400;
	padding-top:6px;
	padding-bottom:7px;
	padding-left:18px;
	padding-right:18px;

	border-left:1px solid #eadede;
	border-right:1px solid #eadede;
	margin-left:-1px;
	
	text-transform:uppercase;
	font-weight:500;
}
.menueaktiv {
	background-color:#d0d0d0;
	color:#000000;

	background-color:#202020;
	color:#ffffff;
}
.menue:hover {
	background-color:#d0d0d0;
	color:#000000;
	
	background-color:#202020;
	color:#ffffff;
}
@media all and (max-width:1200px) {
	.menue {
		padding-left:11px;
		padding-right:11px;
	}
}
@media all and (max-width:1000px) {
	.menue {
		padding-left:10px;
		padding-right:10px;
	}
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
#menuesymbol {
	position:fixed;
	right:10px;
	top:5px;
	width:60px;
	height:60px;
	background-repeat:no-repeat;
	background-size:contain;
	background-image: url(grafik/menuesymbol.png);
	cursor:pointer;
	display:none;
	z-index:40009;
}

@media all and (max-width:979px) {
	#menuesymbol {
		display:block;
	}
	#menue {
		display:none;
	}
	#menue_ersatz {
		display:block;
	}
	#logo {
		margin-left:5%;
		left:0px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

}
/* -------------------------------------------------- */
.abstand {
	position:relative;
	height:0px;
	margin-top:0px;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
#gmenue {
	position:fixed;
	right:0px;
	top:20px;
	width:360px;
	max-width:100%;
	height:100%;
	font-size:14px;
	line-height:24px;
	
	font-size:18px;
	line-height:26px;
	
	background-color:#ffffff;
	
	box-shadow: 0px 0px 30px #606060;
	display:none;
	z-index:40019;
	font-weight:400;
}
#gmenue_abstand {
	position:relative;
	height:20px;
	min-height:0px;
}
#gmenue_inhalt {
	position:relative;
	height:100%;
	overflow:auto;
}
#gmenue_inhalt1 {
	position:relative;
	margin:0 auto;
	width:90%;

	padding-bottom:20px;
}
#gmenue_x {
	position:relative;
	float:right;
	width:20px;
	height:20px;
	margin-bottom:0px;
}
#gmenue_x img {
	width:100%;
	height:100%;
}
#gmenue_x img:hover {
	opacity:0.5;
}
#gmenue p {
	color:#000000;
	font-weight:400;
	margin-bottom:10px;
	margin-top:20px;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.gmenue0,.gmenue0_aktiv {
	display:block;
	margin-right:20px;
	text-transform: uppercase;
	color:#000000;
	text-decoration:none;
}
.gmenue0:hover,.gmenue0_aktiv:hover {
	text-decoration:underline;
}
.gmenue0_aktiv {
	font-weight:500;
}
.gmenue_strich {
	position:relative;
	height:1px;
	background-color:#404040;
	margin-top:4px;
	margin-bottom:10px;
}
.gmenue_strich2 {
	position:relative;
	height:0px;
	border-top:1px dotted #404040;

}
/* -------------------------------------------------- */
.gmenue_wrapper {
	margin-left:18px;
	padding-top:0px;
	padding-bottom:16px;
	opacity:0;
	overflow:hidden;
	display:none;
}

.gmenue1,.gmenue1_aktiv {
	position:relative;
	display:block;
	left:0px;
	padding-left:20px;
	padding-right:2px;
	line-height:34px;

	background-repeat:no-repeat;
	background-size:12px 12px;
	background-position:3px 11px;
	
}
.gmenue1_aktiv {
	font-weight:500;
}
.gmenue2,.gmenue2_aktiv {
	display:block;
	font-size:14px;
	line-height:19px;
	padding-left:22px;
	padding-right:2px;
	padding-top:3px;
	padding-bottom:3px;
}
.gmenue2_aktiv {
	font-weight:500;
}

/* -------------------------------------------------- */
.gmenue1,.gmenue1_aktiv {
	text-decoration:none;
	color:#000000;
}
.gmenue1:hover,.gmenue1_aktiv:hover {
	background-color:#f0f0f0;
}


.gmenue2,.gmenue2_aktiv {
	text-decoration:none;
	color:#000000;
}
.gmenue2:hover,.gmenue2_aktiv:hover {
	background-color:#f0f0f0;
	color:#000000;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.layout1 {
	position:relative;
}
.layout1 h1 {
	font-weight:700;
	font-size:45px;
	line-height:50px;
	color:#b07209;
	color:#b07209;
	
	word-wrap:break-word;
	margin-bottom:40px;
	
	background: url("fotos2026/hg_schrift.jpg") center/cover no-repeat;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.layout1 h2 {
	font-weight:500;
	font-size:35px;
	line-height:40px;
	color:#b07209;

	margin-bottom:22px;
	word-wrap:break-word;
	
	background: url("fotos2026/hg_schrift.jpg") center/cover no-repeat;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.layout1 h3 {
	font-weight:500;
	color:#000000;
	font-size:20px;
	line-height:28px;
}
.layout1 h3 span{
	font-weight:500;
	color:#b07209;
	
	background: url("fotos2026/hg_schrift.jpg") center/cover no-repeat;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;

}
.layout1 p b {
	font-weight:700;
}
.layout1 p a {
	color:#b07209;

}
.layout1 p a:hover {
	color:#e13c67;
	color:#202020;
}
.layout1 ul {
	margin-left:20px;
}
.layout1 ul li {
	border-bottom:1px dotted #000000;
	padding-top:9px;
	padding-bottom:9px;
}
.layout1 ul li:last-child {
	border-bottom:0px;
	padding-bottom:0px;
}
@media all and (max-width:599px) {
	.layout1 h1 {
		font-size:28px;
		line-height:35px;
	}
	.layout1 h2 {
		font-size:23px;
		line-height:26px;
	}
	.layout1 h3 {
		font-size:18px;
		line-height:26px;
		word-wrap:break-word;
	}
	.layout1 h3 span {
		display:block;
		margin-top:26px;
	}
}
/* -------------------------------------------------- */
.zweierfoto {
	position:relative;
}
.zweierfoto1,.zweierfoto2 {
	position:relative;
	float:left;
	width:27%;
	line-height:24px;
}
.zweierfoto1 {
	margin-right:9.9%;
}
.zweierfoto1 img,.zweierfoto2 img {
	width:100%;
	height:auto;
}
@media all and (max-width:790px) {
	.zweierfoto1,.zweierfoto2 {
		width:38%;
	}
}
.zweierfoto a {
	color:#b07209;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
#links {
	position:fixed;
	position:absolute;
	width:25%;
}
#rechts {
	position:relative;
	margin-left:30%;
	float:left;
}
#umenue {
	position:relative;
	border:0px solid #808080;
	overflow:hidden;
	margin-bottom:40px;
}
#umenue span span:first-child {
	position:absolute;
}
#umenue span span:last-child {
	display:block;
	margin-left:55px;
}
#umenue h2 {
	border-bottom:1px solid #b07209;
	color:#ffffff;
	color:#b07209;
	font-weight:500;
	font-size:16px;
	line-height:22px;
	padding:6px;
	padding-left:8px;
	padding-right:8px;
	padding-top:9px;
	padding-bottom:9px;
	background-size:100% 16px;
	background-position:50% 100%;
	word-wrap:break-word;
	letter-spacing:6px;
	
	background-color:#b07209;
	color:#000000;

}
#umenue a {
	display:block;
	color:#000000;
	font-size:16px;
	line-height:22px;
	
	padding-left:8px;
	padding-right:8px;
	
	border-bottom:1px solid #b07209;
	padding-top:9px;
	padding-bottom:9px;
	text-decoration:none;
}
#umenue a:last-child {
	border-bottom:0px;
}

#umenue a:hover {
	color:#b07209;
}
.umenue_aktiv span {
	color:#b07209;
	
}
.umenue_aktiv {
	background-color:#f3eaea;
	background-color:#ffffff;
}

@media all and (max-width:1099px) {
	#rechts {
	position:relative;
	margin-right:30px;

	}
}
@media all and (max-width:979px) {
	#links {
		display:none;
	}
	#rechts {
		margin-left:0px;
		float:none;
		margin-right:30px;
	}
}
/* -------------------------------------------------- */
@media all and (max-width:930px) {
	#links {
		float:none;
		width:auto;
		margin-right:0px;
	}
	#rechts {
		float:none;
		width:auto;
		margin-right:30px;
	}
}
@media all and (max-width:499px) {
	#rechts {
		float:none;
		width:auto;
		margin-right:0px;
	}
}
/* -------------------------------------------------- */
#abstand_unten {
	position:relative;
	height:400px;
}
#unten {
	position:absolute;
	width:100%;
	bottom:0px;
	overflow:hidden;
	background-color:#b07209;
	
	background-color:#b07209;
	background-repeat:no-repeat;
	background-size:cover;
	background-image: url(fotos2026/hg_fussleiste.jpg);
}

#unten p {
	color:#ffffff;
	max-width:400px;
}
#unten p a {
	color:#ffffff;
	text-decoration:none;
}
#unten p a:hover {
	text-decoration:underline;
}
.unten_tab {
	width:60px;
	display:inline-block;
}
#unten1 {
	position:relative;
	float:left;
	width:45%;
	padding-top:30px;
	padding-bottom:30px;
}
#unten2 {
	position:relative;
	float:left;
	width:45%;
	padding-top:30px;
	padding-bottom:30px;
}
#unten3 {
	position:relative;
	float:left;
	width:55%;
	padding-top:30px;
	padding-bottom:30px;
}
#unten4 {
	position:relative;
	float:left;
	width:55%;
	padding-top:30px;
	padding-bottom:30px;
}


@media all and (max-width:780px) {
	#unten1 {
		width:auto;
		float:none;
		padding-bottom:0px;
	}
	#unten2 {
		width:auto;
		float:none;
		max-width:400px;
	}
	#unten3,#unten4 {
		width:auto;
		float:none;
		padding-top:0px;
		padding-bottom:0px;
	}
	#unten4 {
		padding-bottom:40px;
	}
	
	#unten p {
		max-width:4000px;
		
	}
}
@media all and (max-width:440px) {
	#unten1,#unten2,#unten3,#unten4 {
		margin-right:30px;
	}
	
}
/* -------------------------------------------------- */
.strich {
	position:relative;

	margin-top:44px;
	margin-bottom:38px;
	height:2px;
	
	background-color:#b07209;
}
.strich2 {
	position:relative;

	margin-top:44px;
	margin-bottom:38px;
	height:2px;
	
	background-color:#b07209;

}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.ensemble {
	position:relative;
	min-height:320px;

}
.ensemble_text {
	position:relative;
	color:#000000;
	margin-left:260px;
	max-height:300px;
	overflow:hidden;

}
.ensemble_foto {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	max-width:220px;
	height:auto;
	margin-bottom:10px;
	overflow:hidden;
	line-height:0px;
	margin-right:20px;
	margin-bottom:20px;
}
.ensemble_foto img {
	width:100%;
	height:auto;
}
.ensemble_fotocredit {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;

	color:#ffffff;
	font-weight:400;
	font-size:9px;
	line-height:14px;
	padding:1px;
	padding-left:4px;
	letter-spacing:0.5px;
	opacity:0.7;
}
.ensemble_strich {
	position:relative;
	height:1px;
	background-color:#b07209;
	margin-top:40px;
	margin-bottom:40px;
}
@media all and (max-width:699px) {
	.ensemble_foto {
		position:relative;
		width:100%;
		max-width:10000px;
	}
	.ensemble_text {
		margin-left:0px;
	}
}
/* -------------------------------------------------- */
.ensemble_verlauf {
	position:absolute;
	height:180px;
	left:0px;
	width:100%;
	bottom:0px;
	background-image: url(grafik/ensemble_verlauf2025.png);
	background-size: 100% 180px;
	background-repeat:no-repeat;
}
.ensemble_weiter {
	position:absolute;
	bottom:0px;
	color:#b07209;
	font-size:16px;
	line-height:30px;
	font-weight:500;

	padding-right:34px;
	background-image: url(grafik/pfeil_runter2025.png);
	background-size: 22px 13px;
	background-repeat:no-repeat;
	background-position:100% 54%;
	cursor:pointer;
}

/* -------------------------------------------------- */
#tickets_online {
	position:fixed;
	right:-80px;
	bottom:20px;
	background-color:#b07209;
	box-shadow: -7px 0px 15px rgba(24, 24, 24, 1);
	z-index:40001;
}
#tickets_online img {
	width:40px;
	height:auto;
	padding:10px;
}
@media all and (max-width:1320px) {
	#tickets_online img {
		width:30px;
	}
}
@media all and (max-width:1100px) {
	#tickets_online img {
		width:20px;
	}
}
/* -------------------------------------------------- */
#vergangen {
	position:relative;
	line-height:0px;
	background-color:#eadede;
	padding:1%;
}
#vergangen img {
	position:relative;
	width:100%;
	height:auto;
	width:31.333%;
	height:auto;
	float:left;
	margin:1%;
}
@media all and (max-width:790px) {
	#vergangen img {
		width:48%;
	}
}
/* -------------------------------------------------- */
.p_eins img {
	max-width:600px;
	width:100%;
	height:auto;
}
.p_zwei {
	background-color:#ffffff;
	padding:1%;
	line-height:0px;
}
.p_zwei img {
	position:relative;
	width:48%;
	height:auto;
	float:left;
	margin:1%;
}
.p_drei {
	position:relative;
	line-height:0px;
	background-color:#ffffff;
	padding:1%;
}
.p_drei img {
	position:relative;
	width:100%;
	height:auto;
	width:31.333%;
	height:auto;
	float:left;
	margin:1%;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.fleder {
	position:fixed;
	left:-400px;
	top:400px;
	
	width:20px;

z-index:99000;
	transform:rotate(0deg);
	transform-origin:50% 50%;
	
	background-position:50% 50%;
	background-size:100% auto;
	background-image: url(grafik/fleder_mitte1.png);
	background-repeat:no-repeat;
	cursor: crosshair;
	user-select: none;
	
	filter: grayscale(100%) brightness(0%);
	
}
.fleder:hover {
	filter:grayscale(100%) brightness(60%);
}
.fleder_links {
	position:absolute;
	left:-250%;
	top:-20%;

	left:-182%;
	top:-16%;
	
	
	width:267px;
	height:149px;
	
	width:329.63%;
	height:114.62%;
	
	transform:rotate(0deg);
	transform-origin:86% 76%;
	transform-origin:65% 62%;
	
	background-position:50% 50%;
	background-size:100% auto;
	background-image: url(grafik/fleder_links1.png);
	background-repeat:no-repeat;
	animation:fleder_anim1 0.8s ease infinite;
	

}
.fleder_rechts {
	position:absolute;
	left:-42%;
	top:-16%;
	
	width:267px;
	height:149px;
	
	width:329.63%;
	height:114.62%;
	
	transform:rotate(-0deg);
	transform-origin:35% 62%;
	
	background-position:50% 50%;
	background-size:100% auto;
	background-image: url(grafik/fleder_rechts1.png);
	background-repeat:no-repeat;
	animation:fleder_anim2 0.8s ease infinite;


}
@keyframes fleder_anim1 {			
	0% {transform:rotate(20deg);}
	50% {transform:rotate(-40deg);}
    100% {transform:rotate(20deg);}
}
@keyframes fleder_anim2 {			
	0% {transform:rotate(-20deg);}
	50% {transform:rotate(40deg);}
    100% {transform:rotate(-20deg);}
}
/* -------------------------------------------------- */
#score {
	position:fixed;
	right:0px;
	top:0px;
	font-size:70px;
	line-height:80px;
	font-weight:500;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
#hauptsujet {
	position:relative;
	background-color:#000000;

}
#hauptsujet2 {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-size:cover;
	background-image: url(fotos2026/gerti_drassl_christian_dolezal_der_geizige.jpg);

	opacity:0;
}
/* ----------------------- */
#hauptsujet_logo_ts {
	position:absolute;
	left:4%;
	top:1.8vw;
	width:20%;
	height:auto;
}
#hauptsujet_logo_ts img {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	opacity:0;
}
/* ----------------------- */
#hauptsujet_logo {
	position:absolute;
	left:4%;
	bottom:10vw;
	width:40%;
	height:auto;
}
#hauptsujet_logo img {
	position:absolute;
	width:100%;
	height:auto;
	opacity:0;
}
/* ----------------------- */
#hauptsujet_text {
	position:absolute;
	right:1%;
	top:17%;
	width:20%;
	height:auto;
}
#hauptsujet_text img {
	position:absolute;
	width:100%;
	height:auto;
	opacity:0;
}
/* ----------------------- */
#hauptsujet_datum {
	position:absolute;
	left:3%;
	bottom:10vw;
	width:12%;
	height:auto;
}
#hauptsujet_datum img {
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	opacity:0;
}
/* ----------------------- */
#hauptsujet_fotocredit {
	color:#ffffff;
	position:absolute;
	bottom:2px;
	right:2px;
	font-size:11px;
	line-height:10px;
	letter-spacing:0.5px;
	text-shadow: rgba(0, 0, 0, 1) 0px 0px 5px;
	opacity:0;
}

@media screen and (orientation:portrait) {
	#hauptsujet_logo_ts {
		position:absolute;
		left:4%;
		top:1.8vw;
		width:20%;
		height:auto;
		
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	#hauptsujet_logo {
		position:absolute;
		top: 13vw;
		width:60%;
		
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	#hauptsujet_text {
		right:2.9%;
		top:29%;
		width:30%;
		height:auto;
	}
	#hauptsujet_datum {
		left:1%;
		bottom:1%;
		width:22%;
	}
}
/* -------------------------------------------------- */
#fotoleiste {
	position:relative;
	line-height:0px;
}
#fotoleiste1 {
	width:100%;
	height:auto;
}
#fotoleiste2 {
	position:absolute;
	right:0px;
	top:4%;
	width:15%;
	padding:1%;
	padding-right:2%;
	

}
@media all and (max-width:979px) {
	#fotoleiste2 {
		right:auto;
		left:0px;
		width:20%;
		padding-right:1%;
		padding-left:2%;
	}
}
@media all and (max-width:570px) {
	#fotoleiste2 {
		width:28%;
	}
}
/* -------------------------------------------------- */
#abstand_oben {
	position:relative;
	height:0px;
	margin-top:50px;
}
/* -------------------------------------------------- */
.button1 {
	background-color:#b07209;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;

	font-weight: 700;
	padding:30px;
	padding-top:2px;
	padding-bottom:2px;
}
#fruehbucher {
	float:left;
	background-color:#b07209;
	margin-right:8px;
	padding:10px;
	border-radius:6px;
	line-height:0px;
}
#fruehbucher img {
	width:110px;
	height:auto;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.aufklapp {
	position:relative;

	padding-bottom:5px;
	margin-bottom:5px;
}
.aufklapp_ue {
	display:block;
	cursor:pointer;
}
.aufklapp_klick {
	cursor:pointer;
}
.aufklapp_text {
	display:none;
	overflow:hidden;
}
.fotogal {
	cursor:pointer;
	margin-right:10px;
	margin-bottom:4px;
}
#zoomfoto {
	z-index:90021;
	position:fixed;
	display:none;
	margin:0;
	padding:0;
}
#zoomfoto1 {
	width:100%;
	height:100%;
}
#maske {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:90020;
	background-image: url(grafik/schwarz90.png);
	background-repeat:repeat;
	display:none;
}
#zoomx {
	position:absolute;
	right:-28px;
	top:-28px;
	cursor:pointer;
}
#zoomdl {
	position:absolute;
	left:0px;
	top:-28px;
	cursor:pointer;
	
}

#gal1_pfeil_rechts,#gal1_pfeil_links {
	position:absolute;
	width:52px;
	height:52px;
	top:100px;
	cursor:pointer;
}
#gal1_pfeil_rechts {
	background-image: url(grafik/pfeil_rechts.png);
	right:-50px;
}
#gal1_pfeil_links {
	left:-50px;
	background-image: url(grafik/pfeil_links.png);
}
.gal1 {
	position:relative;
}
/* -------------------------------------------------- */
.gal1_klein {
	width:16.1%;
	height:auto;
	margin-right:0.5%;
	margin-bottom:0.5%;
	cursor:pointer;
	float:left;
	display:inline-block;
}
@media all and (max-width:800px) {
	.gal1_klein {
		width:19%;
	}
}
@media all and (max-width:650px) {
	.gal1_klein {
		width:24%;
	}
}
@media all and (max-width:480px) {
	.gal1_klein {
		width:32%;
	}
}
@media all and (max-width:350px) {
	.gal1_klein {
		width:48%;
		margin-right:1%;
		margin-bottom:1%;
	}
}
/* -------------------------------------------------- */
.szenenbilder {
	cursor:pointer;
}
.szenenbilder img {
	height:150px;
	width:auto;
}
@media all and (max-width:620px) {
	.szenenbilder img {
		height:100px;
	}
}
/* -------------------------------------------------- */
.vid {
	width:100%;
	height:200px;
}
.vid iframe {
	width:100%;
	height:100%;
}
/* -------------------------------------------------- */
.verlauf1 {
	position:absolute;
	left:0px;
	width:100%;
	top:0px;
	height:1px;
	background-color:#eadede;
}
.verlauf2 {
	position:absolute;
	left:0px;
	width:100%;
	bottom:0px;
	height:1px;
	background-color:#eadede;
}
/* -------------------------------------------------- */
#video25 {
	position:relative;
	height:200px;
	overflow:hidden;
}
#video25_controls {
	position:absolute;
	left:1%;
	bottom:1%;
}
#video25_controls img {
	width:35px;
	height:35px;
	cursor:pointer;
}
	
button {
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	margin-right: 10px;
	}
#video25_progressSlider {
	width: 100%;
	margin-top: 2px;
	position:absolute;
	top:10px;
	left:1%;
	width:98%;
	height:2px;
	outline: none;
	opacity: 0.4;
	border: none;
	border-radius: 2px;
	appearance: none;
	transition: opacity .2s;
}
#video25_progressSlider:hover {
	opacity: 1;
}
#video25_vid {
	position:absolute;
	width:100%;
}
/* -------------------------------------------------- */
.button2025 {
	background-size:cover;
	background-color:#b07209;
	color:#ffffff;
	font-weight:700;
	font-size:25px;
	line-height:30px;
	text-decoration:none;
	padding:20px;
	padding-top:7px;
	padding-bottom:7px;
	border-radius:6px;
	
	background-color:#b07209;
	background-repeat:no-repeat;
	background-size:cover;
	background-image: url(fotos2026/hg_menue.jpg);
}

.button2025:hover {
	 background:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),url("fotos2026/hg_menue.jpg");
}
/* -------------------------------------------------- */
.kasten1 {
	position:relative;
	background-color:#ffffff;
	padding:16px;
	border-radius:6px;
}
/* -------------------------------------------------- */
.tickets {
	position:relative;
	border-bottom:1px dotted #000000;
}
.tickets p {
	padding-left:250px;
	line-height:22px;
	padding-top:6px;
	padding-bottom:6px;
}
.tickets span {
	position:absolute;
	width:235px;
	top:0px;
}
.tickets a {
	text-decoration:none;
}
.tickets a:hover {
	
}
@media all and (max-width:570px) {
	.tickets p {
		padding-left:0px;
	}
	.tickets span {
		position:relative;
		width:auto;
		top:auto;
	}
}