@font-face {
	font-family: "Open Sans";
	src: url("_fonts/OpenSans2.woff2") format("woff2"),
		url("_fonts/OpenSans2.woff") format("woff");
	font-weight: 300 800;
	font-stretch: 70% 100%;
	
}
* {
	margin:0;
	padding:0;
}
img { border:0;border-style: none;}
html, body {
	margin:0;
	padding:0;
	height:100%;

	font-family: 'Open Sans', sans-serif;
	text-decoration: none;

	color:#000000;
	font-size:16px;
	line-height:22px;
	font-weight:400;	
	font-stretch:75%;
}
body {
	background-color:#b5a996;
}

.hor {
	position:relative;
	margin:0 auto;
	text-align:left;
	max-width:1200px;
	clear:left;

}
.hor2 {
	position:relative;
	margin-left:5%;
	margin-right:5%;
	max-height:50000px;
}
.hor3 {
	position:relative;
	margin-top:6vh;
	margin-bottom:6vh;
	border-radius:50px;
	overflow:hidden;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
}

@media all and (max-width:500px) {
	.hor3 {
		position:relative;
		margin-top:0px;
		margin-bottom:0px;
		border-radius:0px;
		overflow:hidden;
		box-shadow: 0px 0px 0px rgba(0,0,0,0.5);
	}
	.hor2 {
		margin-left:0%;
		margin-right:0%;
	}
}
/* -------------------------------------------------- */
#log {
	position:fixed;
	left:0px;
	top:0px;

	text-decoration: none;
	font-weight:400;
	font-size: 8px;
	color: #ffffff;
	line-height:14px;
	padding:0px;
	padding-left:4px;
	padding-right:4px;
	z-index:50010;
	background-color:#000000;
}
.ku {
	white-space:nowrap;
}
.fett {
	font-weight:700;
}
.rel {
	position:relative;
}
.foto_breit {
	width:100%;
	height:auto;
}
/* -------------------------------------------------- */
#himmel {
	position:relative;
	background-image: url(gfx2026/himmel.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
	margin-bottom:-7%;
}
#himmel img {
	width:80%;
	height:auto;
	max-width:500px;
	padding-top:7%;
	padding-bottom:7%;
	padding-left:4%;
}
/* -------------------------------------------------- */
#titel {
	position:relative;

}
#titel img {
	width:100%;
	height:auto;
}
/* -------------------------------------------------- */
#hauptsujet {
	position:relative;
	margin-top:-7%;
	background-image: url(gfx2026/sujet_most_und_musik.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:60% 100%;
	margin-bottom:-7%;
	min-height:500px;
	z-index:-1;
	padding-top:10%;
	padding-left:4%;
	
	color:#ffffff;
	font-size:34px;
	line-height:36px;
	font-weight:600;	
	font-stretch:75%;
	
	text-shadow: rgba(0,0,0,1) 0px 0px 5px;
}
#hauptsujet ul {
	list-style-type: none;
}
#hauptsujet ul li {
	margin-left:80px;
	margin-top:17px;
	margin-bottom:17px;
	margin-right:10%;
}
#hauptsujet ul li {
	
}
#hauptsujet span:nth-child(1) {
	position:absolute;
	left:4%;
}
#hauptsujet span:not(:first-child) {
	font-size:22px;
}
#programm {
	width:30%;
	height:auto;
	transform:translate(-2%,0px)
}
#kinderprogramm {
	position:absolute;
	width:200px;
	height:auto;
	right:5%;
	top:5%;
}
@media all and (max-width:890px) {
	#kinderprogramm {
		width:140px;
		right:2%;
		top:1%;
	}
}
@media all and (max-width:450px) {
	#kinderprogramm {
		width:100px;
		right:2%;
		top:1%;
	}
}
@media all and (max-width:690px) {
	#programm {
		width:50%;
	}
	#hauptsujet ul li {
		margin-right:20px;
	}
}
/* -------------------------------------------------- */
#logos {
	position:relative;
	font-size:16px;
	line-height:22px;
	font-weight:500;	
	font-stretch:85%;
}
#logos div:nth-child(1) {
	position:relative;
	float:left;
	width:40%;
}
#logos div:nth-child(2) {
	position:relative;
	float:left;
	width:60%;
	text-align:right;
}
#logos img {
	height:80px;
	width:auto;
	padding-top:6px;
}
@media all and (max-width:800px) {
	#logos img {
		height:50px;
	}
}
@media all and (max-width:499px) {
	#logos div:nth-child(1),#logos div:nth-child(2) {
		float:none;
		width:100%;
		text-align:center;
		margin-bottom:50px;
	}
}
/* -------------------------------------------------- */
#kontakt {
	position:relative;
}
#kontakt h1, #kontakt p {
	font-size:16px;
	line-height:26px;
	font-weight:500;	
	font-stretch:85%;
}
#kontakt h2 {
	font-size:22px;
	line-height:26px;
	font-weight:600;	
	font-stretch:85%;
	margin-bottom:26px;
}
#kontakt a {
	color:#303030;
}
#kontakt a:hover {
	color:#000000;
}
.kontakt1,.kontakt2 {
	position:relative;
	float:left;
	width:50%;
}
.kontakt2 {
	text-align:right;
}
@media all and (max-width:550px) {
	.kontakt1,.kontakt2 {
		float:none;
		width:100%;
		text-align:left;
	}
	.kontakt1 {
		margin-bottom:26px;
	}
}
/* -------------------------------------------------- */
#ds {
	position:relative;
	opacity:0.5;
}
#ds p {
	font-size:16px;
	line-height:22px;
	font-weight:500;	
	font-stretch:85%;
}
#ds h2 {
	font-size:22px;
	line-height:22px;
	font-weight:600;	
	font-stretch:85%;
	margin-bottom:4px;
}
@media all and (max-width:500px) {
	#kontakt,#ds {
		margin-left:15px;
		margin-right:15px;
	}
}
/* -------------------------------------------------- */
#dl {
	position:relative;
	background-color:#ffffff;
	border-radius:50px;
	padding:5%;
}
#dl a {
	display:block;
	font-size:22px;
	line-height:26px;
	font-weight:600;	
	font-stretch:85%;
	padding-top:20px;
	padding-bottom:20px;

	color:#000000;
	text-decoration:none;
	padding-left:70px;
	background-image: url(gfx2026/pdf.png);
	background-size: auto 50px;
	background-repeat:no-repeat;
	background-position:8px 50%;
	border-bottom:1px dotted #404040;
}
#dl a:hover {

	background-color:#e0e0e0;
}
@media all and (max-width:750px) {
	#dl a {
		font-size:18px;
		line-height:22px;
	}
}
@media all and (max-width:450px) {
	#dl a {
		padding-left:50px;
	}
}
/* -------------------------------------------------- */
@media all and (max-width:500px) {
	#kontakt,#ds,#dl {
		margin-left:15px;
		margin-right:15px;
	}
}