/* latin-ext */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Quattrocento Sans Italic'), local('QuattrocentoSans-Italic'), url(fonts/va9a4lja2NVIDdIAAoMR5MfuElaRB0zMh0P2GEHJ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Quattrocento Sans Italic'), local('QuattrocentoSans-Italic'), url(fonts/va9a4lja2NVIDdIAAoMR5MfuElaRB0zMh032GA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Quattrocento Sans Bold Italic'), local('QuattrocentoSans-BoldItalic'), url(fonts/va9X4lja2NVIDdIAAoMR5MfuElaRB0zMj_bTDXDojYsJ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Quattrocento Sans Bold Italic'), local('QuattrocentoSans-BoldItalic'), url(fonts/va9X4lja2NVIDdIAAoMR5MfuElaRB0zMj_bTDX7ojQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Quattrocento Sans'), local('QuattrocentoSans'), url(fonts/va9c4lja2NVIDdIAAoMR5MfuElaRB0zHt0_uHA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Quattrocento Sans'), local('QuattrocentoSans'), url(fonts/va9c4lja2NVIDdIAAoMR5MfuElaRB0zJt08.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Quattrocento Sans Bold'), local('QuattrocentoSans-Bold'), url(fonts/va9Z4lja2NVIDdIAAoMR5MfuElaRB0RyklrfPXzwiQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Quattrocento Sans Bold'), local('QuattrocentoSans-Bold'), url(fonts/va9Z4lja2NVIDdIAAoMR5MfuElaRB0RyklrRPXw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



html, body{
	padding:0;
	margin:0;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size:12px;
	height:100%;
	min-height:101%;
	background:#f3f0e7;
	line-height:1px;
	color:#333333;
}

strong{
	font-weight:700;
}

#rahmen{
	margin:0 auto;
	width:100%;
	max-width:1003px;
	min-height:100%;
	background:#fff url(_images/bg_all.jpg) top center repeat-y;
}
#header{
	background:#fff;
	padding-bottom:10px;
}
#header_logo{
	float:left;
}
#header_mitte{
	float:left;
	padding:0 10px 0 10px;
}

.headline{
	font-size:26px;
	color:#fff;
	letter-spacing:0.05em;
}

#header_rechts{
	float:left;
}
#content{
	line-height:20px;
	}
#content_links{
	float:left;
	width:220px;
	max-width:100%;
}
#content_links div{
	padding:20px;
	line-height:16px;
	font-size:12px;
}
#content_links div b{

	line-height:33px;
	font-size:10px;
}
#content_links .navi{
	line-height:33px;
	font-size:12px;
	padding:5px 0 0 0px;
	font-weight:bold;
}



#content_mitte{
	float:left;
	padding:20px 20px 0 20px;
	background:#fff;
	width:503px;
	max-width:100%;
	font-size:13px;
}

#content_mitte a{
	color:#ca013a;
	text-decoration:none;
}
#content_mitte a:hover{
	color:#ca013a;
	text-decoration:underline;
}

#content_mitte .home{
	font-size:14px;
}
#content_mitte .home2015{
	font-size:18px;
	line-height:21px;
	text-align:center;
}


#content_rechts{
	float:right;
	width:220px;
	max-width:100%;
	background:url(_images/baum.png) bottom right no-repeat;
}

#content_rechts div{
	padding:40px 20px;
	line-height:20px;
	font-size:14px;
	font-style:italic;
}
#content_rechts div b{

	line-height:33px;
	font-size:10px;
	font-style:normal;
}

hr    { 
height: 1px;
color: #fff;
background-color: #fff;
border: none;
}  

b{color:#ca013a;}
b.normal{font-weight:normal;}
strong b{font-weight:bold;}

ul{
	padding-left:20px;
	color:#ca013a;
}

ul li p, ul li div{
	color:#333333;
	padding:0;
	margin:0;}

	
.navi ul{
	padding:0;
	padding-left:15px;
	color:#333333;
	margin:0;
}	
.navi ul li a, .navi a{
	color:#333333;
	text-decoration:none;
}	
.navi a:hover{
	color:#fff;
	text-decoration:none;
}	
.navi a.aktiv{
	color:#fff;
	text-decoration:none;
}	
.navi ul li{
	padding-left:0;
	margin:0;
	font-size:11px;
	line-height:15px;
	color:#fff;
}	
.navi ul li, .navi ul li a{
	color:#333;
}
.navi ul li.aktiv, .navi ul li.aktiv a{
	color:#ca013a;
}

.navi ul li a:hover{
	color:#ca013a;
	text-decoration:none;
}		
	
img{max-width:100%;height:auto;}

.headline_platz{position:absolute;top:111px;left:10px;z-index:120;}
	#content_links .headline_mobile{display:none;line-height:30px;font-size:30px;		font-size:26px;
	color:#fff;
	letter-spacing:0.05em; padding-top:0px;}
	
	
.input{
	width:230px;border:1px solid #dbd4b8;height:20px;
	margin-bottom:10px;
}	
.inputarea{
	width:230px;border:1px solid #dbd4b8;height:117px;
}	
.button1{background:#c82a43;color:#fff!important;font-weight:bold;padding:4px 20px;border:0;}	
.button2, a.button2, a .button2, .button2 a{background:#dbd4b8;color:#fff!important;font-weight:bold;padding:5px 20px;border:0;}	


	#navi_mobile_unten, #navi_mobile_zitatbild, .navi_mobile_zitatbaum{display:none;}

@media screen and (max-width: 1002px) {
	#content_links, #content_mitte, #content_rechts, #header_logo, #header_mitte {width:100%;float:none;padding:0;}
	#header_logo, #content_links, #content_rechts{width:100%;float:none;padding:0;background:#dcd4b8;}
	#header_logo, #header_mitte {width:100%;float:none;text-align:center;}
	#content_links .navi, #header_rechts{display:none;}
	#rahmen{background:#fff;}
	#header_mitte img{width:100%;height:auto;}
	#content_mitteDiv{margin:20px;}
	#headerwechsler{display:none;}
	.headline_platz{display:none;}
	#content_links, #content_rechts, nav{text-align:center;}
	#content_links .headline_mobile{display:block;}
	#navi_mobile_unten{background:#dcd4b8;display:block;border-top:10px solid #fff;padding:20px;}
	#navi_mobile_zitatbild{background:#dcd4b8;display:block;}
	.navi_mobile_zitatbaum{display:inline;}
	#navi_mobile_zitatbild{text-align:center;border-bottom:10px solid #fff;line-height:1px;}
	#navi_mobile_zitatbild img{max-width:100%; height:auto;}
	#content_rechts div{padding:20px 0 0 0px;}

}

@media screen and (max-width: 579px) {
	#content_mitte, #content_mitte .home{
	font-size:18px;
	line-height:24px;
	}

}

			nav {display:none;}
			nav a { background: #333; color: #fff; display: block; float: left; font-size: 16px; line-height: 40px; margin: 0 1px 0 0; padding: 0 0px; }
			nav a:hover { background: #222; }

			@media screen and (max-width: 1002px) {
			.desktop_only {display:none;}
			nav {display:block; padding: 5px 0 5px 0;background:#000;}
				nav a { float: none; margin: 0 0 1px 0; width: 100%; }
			}
/*
 * Naver Plugin [Formstone Library]
 * @author Ben Plum
 * @version 0.0.9
 *
 * Copyright © 2013 Ben Plum <mr@benplum.com>
 * Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
 */
 
 	.naver .naver-handle {background:#000;  color: #fff; cursor: pointer; display: none; font-size: 14px; height: 30px; line-height: 28px; text-transform: uppercase; 
	 	-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		     -o-user-select: none;
			    user-select: none;
 	}
	.naver .naver-handle{padding-right:40px;}
 	.naver .naver-handle:before { background: url(fs-naver-icon.png) no-repeat center; content: ''; display: block; float: left; height: 15px; margin: 7px 10px 0 10px; width: 20px; }
 	.naver .naver-wrapper {background:#ccc; height: auto; }
 	.naver .naver-container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
 	
 	@media screen and (min-width: 1002px) {
 		.naver .naver-wrapper { height: auto !important; }
 	}
 	
	@media screen and (max-width: 1002px) {
		/* Mobile Only */
		.naver.active .naver-handle { display: block; }
		.naver.active .naver-wrapper { height: 0px; overflow: hidden; }
		
		/* Animated */
		.naver.animated .naver-wrapper {
			-webkit-transition: height 0.2s ease-out;
			   -moz-transition: height 0.2s ease-out;
			    -ms-transition: height 0.2s ease-out;
			     -o-transition: height 0.2s ease-out;
			        transition: height 0.2s ease-out;
		}
		.naver.animated .naver-container { opacity: 0; 
			-webkit-transition: opacity 0.2s ease-out;
			   -moz-transition: opacity 0.2s ease-out;
			    -ms-transition: opacity 0.2s ease-out;
			     -o-transition: opacity 0.2s ease-out;
			        transition: opacity 0.2s ease-out;
		}
		.naver.animated.open .naver-container { opacity: 1; }
	}