/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


html,
body  {
    height:  100%;
    margin:  0 auto;
    padding: 0 auto;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	font-family: 'Raleway', sans-serif;
	background-color: rgba(221, 224, 221, 1);  /*  hintergrund body */
}


/* --- schriften ------------------------------------------ */  

code {
	font-family: 'Raleway', sans-serif;
}


h1, h2, h3, h4, h5, h6, p, code {
	margin: 0;
	padding: 0;
}

p {	
	margin: 0;
	padding: 0;
	color: #606060;
	font-size: 14px;
	font-weight: 300;
	line-height: 140%;
}

a {
	color: #008340;
	font-size: 14px;
}

a:hover,
a:active {
	color: rgb(160, 35, 22);
	-webkit-user-select: none; 
	-webkit-touch-callout: none
}



h2 {
	margin: 0;
	padding: 0;
	color: #606060;
	font-weight: 600;
	font-size: 120%;
}

h3 {
	margin: 0;
	padding: 0;
	font-weight: 500;
	font-size: 120%;
}

h4 {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;	
	font-size: 115%;
	color: #606060;
	font-weight: 500;
}

h5 {
	margin-bottom: 5px;
	color: #606060;	
	font-size: 105%;
	color: #606060;
	font-weight: 500;
}



h6 {
	margin: 0;
	padding: 0;
	font-size: 105%;
	color: #606060;
	font-weight: 500;
}

/* == UEBERSCHRIFTEN ============================================== */ 

.ueberschrift{
	font-size: 150%;
	text-align: center;
	font-weight: normal;
	margin:25px 0 25px 0;
	text-shadow: 1px 1px 3px grey; 
}


.sonderschrift {
	font-family: 'Dancing Script', cursive;
	font-size:22px;
	font-style:italic;
	margin:10px 0 3px 0;
	color:#00662C;
}

/* == DAS 'PANEL' ============================================== */ 

.panel {
    height:     auto;       /* These two lines were the key. */
    min-height: 100%;
	box-shadow: 0 0 9px rgba(0,0,0,0.5);
}


.panel-inhalt {
	margin: 0 auto;
    padding: 0 auto;
	max-width: 980px;
	background-color: #fff;                   /* hintergrund hauptseite (panel)   */ 
	box-shadow: 0 0 9px rgba(0,0,0,0.5);
	
}
	

/* == SPACER ============================================== */ 

.spacer20{
	display:block;
    height: 20px;
}

.spacer40{
	display:block;
	height: 40px;	
}

.spacer60 {
	display:block;
	height: 60px;
}

.linie { 
	width:100%;
	border-top: 1px solid #bfbfbf; 
	height: 1px; 
	margin-bottom:10px;
}


/* ======  ICONBUTTONS ==================================================== */


.ibuttons {
	text-align:center;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'iconset';
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin:0;

}

.ibuttons a {
	text-align:center;
	font-size:40px;
	color: rgb( 66, 167, 84);
	display:inline-block;
	width: 60px;
	height:60px;
	line-height:60px;
	max-height:60px;
	border-radius: 100%;
	background-color: #EDEDED;
	margin-bottom:5px;
}

.col1 {
	color: #00662C !important;
}

.col2 {
	color: #505050 !important;
}

.col3 {
	color: #BB1020 !important;
}


.col1:hover {
	color: #fff !important;
}

.col2:hover {
	color: #fff !important;
}

.col3:hover {
	color: #fff !important;
}




/* == BALKEN  ============================================== */ 


.balken {
	color: #BB1020;	
	display:block;
	z-index:99999;
	background-color: #C3CDC7;
	text-align:center;
	line-height:40px;
	margin:20px 0 10px 0;
	text-shadow: 1px 1px 3px grey;
	box-shadow: 0px 2px 4px grey;
}


.balken a {
	color:#fff;
	display:inline-block;
	float:right;
}

.balken a:hover,
.balken a:active {
	color: #13cd2a;
	-webkit-user-select: none; 
	-webkit-touch-callout: none
}



/*--- parallaxe ---------------------------------------------------*/  
section.module.parallax {
	padding: 0;	
	margin: 0;
  	background-image: url("../images/header.jpg");
	background-size: 100% auto;
}


.parallax-inhalt {
	display: block;
	width: 100%;
	padding-top: 25%;  				/*-- abstand oberhalb parallax inhalt----*/
	padding-bottom: 8%;			/*-- abstand unterhalb parallax inhalt----*/
	white-space:nowrap;
	overflow:hidden;
}



.parallax-inhalt h2 {
	float:right;
	margin-right:2%;
	font-family: "Arial Black", Gadget, sans-serif;
	padding-bottom: 10px;
	color: rgb(160, 79, 79, 1);
	font-size: 45px;
	text-align:left;
	text-shadow: 0px 0px 10px #fff;
}

.parallax-inhalt span {
	white-space:nowrap;
	color: #BB1020;	
	text-align:left;
	text-shadow: 0px 0px 10px #fff;
}

.parallax-inhalt img {
	position:static;
	padding:0;
	margin:0;
	width:100%;
	max-width:200px;

}



.rechtliches  {
	margin:0;
	padding:0;
	margin-left:2%;
	margin-right:2%;
	width:95%;
	overflow:hidden;
	font-size:12px;
}


/* ==  RESPONSIVE-KRAMS   ========================================================== */

/* kleine sachen ausblenden------------------------------------------ */ 


div.bars_k,
div.aktuell_k,
div.mobile_header,
div.footer-klein,
div.kontakt-klein,
div.mobile_logo h2 {
	display: none;	
}




/* = MIN ======================================================================*/
@media all and (min-width:1002px) {

	.scrolltop {
		left: 15px;
	}
	
	.bars_g {
		display:none;
	}
	
	
	.buttonreihe {
		display:none;
	}
	
	.hide-desktop{
		display:none;
	}
}


/* = MAX ======================================================================*/

/* -------------------- bildschirm 1000 px-------------------------------------*/
@media screen and (max-width: 1000px) {

	div.navi,
	div.navibg{	
		display: none;
	}
}





/* -------------------- bildschirm 720 px-------------------------------------*/
@media screen and (max-width: 720px) {

	div.kontakt-klein {
		display: block;
		width: 100%;
	}
	
	div.hide-720 {
		display: none;
	}
	
	.buttonreihe img {
		width:70px;
	}
	

}



/* -------------------- bildschirm 480 px-------------------------------------*/
@media screen and (max-width: 480px) {
	
	div.header,
	div.aktuell,
	div.hide-480,
	div.balken span,
	div.kontaktzeile  span{
		display: none;
	}
	
	div.footer-klein,
	div.bars_k,
	div.kalendermm,
	div.aktuell_k {
		display: block;
		width: 100%;
	}
	
	.ueberschrift {
		font-size: 120%;
	}
	
	.scrolltop {
		left:auto;
		right:12px;
		top:auto;
		bottom:12px;
	}
	


	div.mobile_header {
		display:block;
		z-index:999999;
		position: fixed;
		background-color:rgba(0, 0, 0, 0.6);
		color: #fff;
		top: 0px;
		left: 0px;
		width: 100%;
		line-height: 40px;
		margin:0;
		padding:0;
		text-align:center;
	}
	
	div.mobile_logo h2 {
		margin:0;
		padding:0;
		display:block;
		padding:5px 0 5px 0;
		font-size:14px;
		color: #fff;
		margin-top:-50px;
		border-top:1px solid #fff;
		background-color:rgba(0, 0, 0, 0.4);
		width: 100%;
		height:40px;
		text-align:center;
	}
	
	div.mobile_header span {
		color: #BB1020;
	}
	

	

	div.mobile_header_img {
		display: block;
		width: 100%;
		background-size: 100% auto;
		padding-bottom: 100%;
		background-image: url("../images/header-klein.jpg") !important;
		background-repeat:no-repeat;
	}
	
	.ibuttons a {
		text-align:center;
		font-size:25px;
		color: rgb( 66, 167, 84);
		display:inline-block;
		width: 45px;
		height:45px;
		line-height:45px;
		max-height:45px;
		border-radius: 100%;
		background-color: #d3d3d3;
		margin-bottom:5px;
	}
	
	.buttonreihe img {
		width:55px;
	}
	
}






/* ==  iFRAMES =============================== */


iframe {
	margin:0;
	padding:0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	overflow: hidden;
	border: 0px;
}


.iframe {
	margin:0;
	padding:0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	overflow: hidden;
	border: 0px solid #000;
}









.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }