/* pt-serif-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/pt-serif-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('fonts/pt-serif-v18-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  
  /* pt-serif-700 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/pt-serif-v18-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('fonts/pt-serif-v18-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }

/* rufina-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Rufina';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/rufina-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('fonts/rufina-v13-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  
body {
	font-family: 'PT Serif';
	font-size:18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6;
}

.mod_changelanguage .level_1 li {
list-style-type:none;
}
.mod_changelanguage .level_1 {
float:right;
margin-right:36px;
margin-top:23px;
width:46%;
}

@media (max-width: 800px) {
.mod_changelanguage .level_1 {
	margin-right:18px;
}
}

.mod_changelanguage {
background:rgba(255,255,255,0.5) none repeat scroll 0 0;
text-align:right;
width:100%;
height:56px;
}

.blackover a:hover {
	color:#000;
}
input, select, textarea {
	border:1px solid #000;
	padding:3px;
}
input {
	width:95%;
}
input.submit {
	width:98%;
	cursor: pointer;
	border-radius: 4px;
}
input.submit:hover {
	background-color: #fbebf5;
	color:#000;
	border: 1px solid #900;
}
select {
	width:98%;

}
#status404 {
	margin-top: 223px;
}
#status404 h1 {
	margin-bottom: 43px;
}
textarea {
	width:95%;
}

a.kontaktseite {
	color:#900;
}
footer ul.level_1 li.kontaktseite:hover {
	background:rgba(153, 0, 0, 0.25);
}

.ce_download {
	margin-bottom: 14px;
}
.ce_accordionSingle{
	margin-bottom: 17px;
	margin-top: 4px;
	padding: 6px;
	background: #fbebf5;
	border: 1px solid #ccc;
	cursor: pointer;
	text-align: right; 
}
.event.layout_full {
	border: 1px solid #ccc;
	margin-bottom: 7px;
}
footer li {
	padding:3px;
}
footer ul.level_1 li:hover {
	background: rgba(255,255,255, 0.5);
}
a.email{
	color: #000;
}
.mod_article.first {
   	margin-right:0;
   	margin-left:0;
   	padding-top:0;
   	padding-right:18px;
   	padding-left:18px;
}

/*@media (max-width: 800px) {

.mod_article.first {
	padding-right:0;
	padding-left:0;
}
}*/

.mod_article h1, p.eventtitle, p.info {
	color: #9b8d80;
}
p.eventtitle, p.info {
	font-weight: bold;
}
p.eventtitle {
	margin-bottom: 0px;
}

h1.ce_headline {
	position: relative;
}

.ce_form, footer, #bildernav {
	font-size: 0.9em;
}
footer {
	position: relative;
}

.bigbild footer {
	top: -90px;
}
footer {
	top: 0px;
}



#dererste {
    top:-5em;
    position:relative;
}


#container .mod_customnav ul li{
	list-style-type: none;
	display: block;
	margin-right: 1em;
}
#container .mod_customnav ul{
	padding-left: 0px;
}
#container .mod_customnav{
	margin-left: 0;
}
.ce_gallery li {
	margin-right: 0.2em;
	margin-left: 0.4em;
	padding: 5px;
	padding-bottom: 0;
	background: rgba(255,255,255, 0.75);
	border-radius: 7px;
	text-align: center;
}
#bildernav li {
	display: inline;
	float: left;
	text-align: center;
	margin:4px;
}

.mejs-container, .mejs-container .mejs-controls {
	background: #fff;
}
.mejs-container .mejs-controls .mejs-time, .mejs-container .mejs-controls .mejs-time span {
	color:#000;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background:#e4ddcb;
}
h1 {
	text-transform: uppercase;
	font-family: 'Rufina';
	letter-spacing: 5px;
}

#lb_dererste, .ce_gallery {
	padding: 0 12px;
}
#lb_dererste h1 {
	margin-bottom: 3em;
}
.ce_player.klangplayer.last.block > h3 {
	padding: 0 12px;
}
#logoschrift {
   	position:relative;
}
.lc_bild {
	text-align: right;
}
#moase .bildrechts {
	margin-top: 120px;
	}
/*Slogantext und mod_navigation müssen noch in die media queries*/
.slogantext {
    position:relative;
    color:#9B8D80;
}
.mod_navigation {
    top:9px;
    position:absolute;
    overflow:visible;
    z-index:1;
    right:15%;
}
.level_2 {
	font-size: 0.8em;
}

header .level_3 .unterpunkt {
	padding-top: 4px;
	padding-bottom: 4px;
}
header li.unterpunkt {
	font-size: 0.9em;
	padding-left: 13px;
}
header a.unterpunkt{
    padding-top: 1px;
    padding-bottom: 1px;
}

/*Christof Linhuber Schriftzug beim Logo*/
#logoschrift a {
    font-variant:small-caps;
    font-family:Arial;
    color:#000;
}

@media only screen and (min-width: 731px) {
	.klangplayer {
		float:left;
		width: 100%;
	}

}	
@media only screen and (max-width: 475px) {
.mod_changelanguage .level_1 a {font-size:0.8em;}
	.mod_navigation {
		right:7%;
		top:15px;
		font-size:0.75em;
	}
	.bildrechts {
    	width:67%;
    	right:-2%;
    	position:absolute;
    	float:none;
    	top: 23px;
	}
	#logo {
		width:80px;
	}
	#logoschrift {
		font-size:0.6em;
		left:83px;
		bottom:36px;
	}
	#index #logoschrift {
		left: 16px;
		bottom: 26px;
	}
	h1 {
		font-size: 0.9em;
	}
	.ce_gallery li {
		width: 60%;
		margin-bottom: 0.2em;
	}
	.ce_gallery > ul{
		margin-left: 25%;
	}
	#lb_dererste .mod_customnav ul li{
		display: block;
		margin-right: 0;
	}
	h1.ce_headline {
	margin-top: 69px;
	margin-bottom: 23px;	
	}		
	#moase .bildrechts {
		margin-top: 40px;
		width: 50%;
	}
}

@media only screen and (min-width:476px) and (max-width: 730px) {
	.bildrechts {
    	width:50%;
    	right:10%;
    	position:absolute;
    	float:none;
    	top: 23px;
	}
	#logo {
		width:110px;
	}
	#logoschrift {
		left:115px;
		bottom:39px;
		font-size: 0.8em;
	}
	#index #logoschrift {
		left:22px;
		bottom:26px;
		font-size: 0.8em;
	}
	.ce_gallery li {
		width: 14%;
	}
	h1.ce_headline{
		margin-top: 100px;
	}
	#lb_dererste {
    	margin-top:46px;
	}
	#moase .bildrechts {
		margin-top: 63px;
	}	
	h1 {
		font-size:1.2em;
	}
	h2 {
		font-size: 1.1em;
	}
	h3, h4, h5, h6 {
		font-size: 1em;
	}	
}

@media only screen and (min-width:731px) and (max-width: 1200px) {
	#container {
		font-size:1em;
	}

	header {
		font-size:1.1em;
	}

	h1 {
		font-size:1.4em;
	}
	h2 {
		font-size: 1.2em
	}
	h3, h4, h5, h6 {
		font-size: 1.1em
	}
	h1.slogantext {
		font-size:1.1em;
		bottom:111px;
    	padding:23px;
	}

}

@media only screen and (min-width:1201px) {
	#container {
		font-size:1.1em;
	}

	header {
		font-size:1.2em;
	}

	h1 {
		font-size:1.4em;
	}
	h2 {
		font-size: 1.2em;
	}
	h3, h4, h5, h6 {
		font-size: 1.1em;
	}
	h1.slogantext {
		font-size: 1.2em;
		bottom:111px;
    	padding:23px;
	}

}

/*LogoSchriftBreakpoints*/
@media only screen and (max-width: 730px) {
	#container {
		font-size:.9em;
	}
	#lb_dererste {
    	position:relative;
    	background:rgba(255,255,255,0.5);
	}





	#dererste {
		top:-2em;
	}
	h1.slogantext {
		font-size:0.8em;
		padding:8px 16px;
		bottom: 63px;
	}
	

}

@media only screen and (max-width:730px) {
	.lc_bild {
		margin-top:72px;
		text-align: center;
	}
	.lc_bild img {
		width:75%;
	}	

}
@media only screen and (max-width:768px) {
	.gridy {
		margin-left:10px;
	}	

}
@media only screen and (min-width:769px) {
	.gridy {
		float: right;
		margin-right: 42px;
	}

}


@media only screen and (min-width:731px) and (max-width:981px) {
	#logoschrift {
		left:138px;
		bottom:44px;
		font-size: 0.9em;
	}
	#index #logoschrift {
		left:26px;
		bottom:28px;
		font-size: 0.9em;
	}
	#logo {
    	width:130px;
	}
	.lc_bild {
		margin-top:83px;
	}
	.ce_gallery li {
		width: 16%;
	}
	h1.ce_headline{
		margin-top: 129px;
	}
	#lb_dererste {
    	margin-top:46px;
	}	
}


@media only screen and (min-width:982px) and (max-width:1104px) {
	#logoschrift {
		left:138px;
		bottom:44px;
		font-size: 0.9em;
	}
	#logo {
    	width:150px;
	}

	.sf-menu ul.level_2 {
    	margin-top:7px;
	}
	h1.ce_headline{
		margin-top: 140px;
	}
	#lb_dererste {
    	margin-top:46px;
	}

	.lc_bild {
		margin-top:72px;
	}
	.ce_gallery li {
		width: 16%;
	}

}
@media only screen and (min-width:1105px) and (max-width:1200px) {
	#logoschrift {
		left:138px;
		bottom:44px;
		font-size: 0.9em;
	}
	#logo {
    	width:200px;
	}

	.sf-menu ul.level_2 {
    	margin-top:7px;
	}

	#moase #lb_dererste {
    	margin-top:30px;
	}
	#lb_dererste {
    	margin-top:43px;
	}
	#lc_dererste {
    	margin-top:-163px;
	}
	#lc_dererste h1 {
		margin-bottom: 150px;
		max-width: 40%;
	}
	.lc_bild {
		margin-top:79px;
	}
	.ce_gallery li {
		width: 17%;
	}
	h1.ce_headline{
		margin-top: 180px;
	}

}
@media only screen and (min-width:1201px) {
	#logoschrift {
    bottom:51px;
    position:relative;
    font-size:0.9em;
    left:191px;
	}
	#logo {
		width:250px;
	}
	h1.ce_headline{
		margin-top: 200px;
	}
	#lb_dererste {
    	margin-top:56px;
	}
	#lc_dererste {
    	margin-top:-123px;
	}
	#lc_dererste h1 {
    	margin-bottom:123px;
    	max-width: 45%;
	}
	.lc_bild {
		margin-top: 42px;
	}
	.ce_gallery li {
		width: 18%;
	}
}