@charset "UTF-8";
@import url("../webfonts/titillium_web_v6_latin_regular/stylesheet.css");
@import url("../webfonts/titillium_web_v6_latin_700/stylesheet.css");
/*–––––––––––––– Einbindung über Webfont OFFLINE / ONLINE ––––––––––––––*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../fonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/titillium-web-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
       url('../fonts/titillium-web-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/*–––––––––––––––––– Angepasste Menüsteuerung ––––––––––––*/
.header{
	margin-top:0px;
	background-image:url(../grafik/lebensfroh1plus.png);
	background-repeat:no-repeat;}
#logo > a img{
	float:right;
	margin-top:0px;
	border:none!important;
	margin-bottom:-22px;
	height:120px;
}
.top-bar{
	clear:both;
	height:2rem;
	line-height:1.5rem;
	background:rgb(0,0,0,0);
	background: rgba(0,0,0,0);}
.top-bar {
	margin-bottom:0px;}
.top-bar-section a:link, a:visited{
	font-size:1.5em;}
.top-bar-section ul li{
	margin-top:0px;
	background:none;}
.top-bar-section li:not(.has-form) a:not(.button){
	line-height:2.0rem;}
.top-bar-section > ul > .divider{
	height:2rem;
	border-color:#CCC}
li.has-dropdown.not-click ul.dropdown li a{
	cursor:pointer}
li.has-dropdown.not-click a{cursor:default}
/*–––––––––––––––––– Mobile Menüführung ––––––––––––*/
@media only screen and (min-width: 58.5em){	
.top-bar .name{
    display:none}
a.parent-link.js-generated{
	display:none}
}
@media only screen and (max-width: 64.0625em){	
.column, .columns{
padding-top: 0rem;
padding-right: 0.2rem;
padding-bottom: 0.2rem;
padding-left: 0.2rem}
.top-bar{
	height:0rem;
	background:rgb(0,0,0,0);
	background: rgba(0,0,0,0);}
.header{
    background:none;}
.top-bar-section > ul > .divider{
	height:auto;}
.top-bar-section ul li > a {
      padding-left:10px;
	  color: #fff;}
#logo > a img{
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	border:none!important}
li.parent-link.hide-for-medium-up a.parent-link.js-generated{
	display:none}	
}
@media only screen and (min-width: 40.0625em){
p{
	padding-left:0.9375rem;
	padding-right:0.9375rem;
	font-size:1.8em;
	font-weight:100}
	}
@media only screen and (min-width: 64.0625em){}
@media only screen and (max-width: 40.0625em){	
#text.medium-4.column, #text.medium-8.column, #text.large-12.columns{
	width:100%;
	height:auto}
.center{
	margin-left:0em}
p{
	font-size:1.3em}
}
.top-bar .name h1{
	line-height:2rem;}
.top-bar .name{
	height:2rem;}

/*–––––––––––––––––– Links ––––––––––––*/

a, a img {
	color:rgba(143,163,177,0.7);}
a:focus {
	color:#666;}
a:hover{
	color: #333d99;}
.confirmation{
	padding: 1px 2px;
	background-color:#666;}

/*––––––––––––– Farbegebung Rahmen / Panel –––––––––––––––*/

body {
	font-family:"titillium web v6 latin regular";
	/*--background-image:url(../grafik/karo_hintergrund.png);
	background-repeat:repeat-x;--*/
}
h1 {
	font-family:"titillium web v6 latin 700";
	font-size:1.8em;
	line-height: 1.2em;
	color:rgba(201,6,69,1)}
h2 {
	font-size:1.5em;
	line-height: 1.2em;}
#text h1, #text h2, #text h3, #text h4, #text h5, #text h6, #text p{
	margin: 14px;
}
hr{
	margin:15px 0 20px 0;}
img {
	margin:0px;
	padding:0px;
	vertical-align:top;}
#text {
	padding-left: 0rem;
	padding-right: 0rem;
	font-style: light;
	font-weight: normal;
	line-height: 1.5;
	font-size:1.5em;
	color:#CCC;
	border:1px solid #999;
	margin-bottom:20px;}
.center{
	margin-left:1.6em;}
.dubble{
	float:right;}
#text.medium-4.column{
	width:31.35%;
	min-height:17em;}
#text.medium-8.column{
	width:65.75%;
	min-height:17em;
	float:left;
	clear:left;}
#text.large-12.columns{
	min-height:17em;}
.button{
	background-color:#357380;
	letter-spacing:normal;}
.button:hover, .button:focus{
	background-color:#666;}
/*––––––––––––– Farbegebung Rahmen / Panel –––––––––––––––*/

/*.panel {
	background-color: #099;}*/
#weiss{
	background-color: #fff;}
#rahmenlos{
	margin:0;
	background-color: #fff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
#weiss.panel li {
	font-size: 1em;
	line-height: 1.9em;
	list-style-type: none;
	list-style-image: none}
#rahmenlos.panel li{
	font-size: 1em;
	line-height: 1.9em;
	list-style-type: none;
	list-style-image: none}
.panel li{
	line-height: 1.5em;
	margin-left:0.9rem;
	list-style-type:disc;
	list-style-image:url(../grafik/button_breit.gif)}
.panel p a{
	color: #333d99 !important;
	font-style: italic;}
div.medium-6.columns .panel p a{
	font-size: 1em;
	text-align: left;
	font-style:normal;}
	
/*––––––––––––––– farbgebung der vier bereiche –––––––––––––––*/
.panel.callout{
	background:rgba(255,255,255,1)}
/*––––––––––––––– textformatierung –––––––––––––––*/
#headline{
	padding: 0.25em 0.5em;
	margin-top:20px;
	margin-bottom:30px;
	background-color:rgba(0,149,75,0.1);
	border-style:solid;
	border-color:#ccc;
	border-width:thin
}
.leit{
	color: #099;
	text-align: right;
	font-size: 1em;
	line-height: 1.5em;
	word-spacing: -0.1em;
}
h3, h4, h5, h6{
}
#eu{
	float:right;
	margin-top: -68px;
	margin-right:-5px}
#efre{
	margin-top: 5px}
#text li{
	padding-left:0.75rem;
	list-style-type: disc;
	list-style-image: url("../grafik/button.jpg");}
#text ul{
	margin-left:2.75rem;}
ul{
	font-size:1.5em}
#pdf{
	background-color:rgb(132,143,152,0.3);
	background-color:rgba(132,143,152,0.3)}
#pdf ul{
	color:rgba(0,0,0,1);
	list-style-type:none;
	font-size:1.5em;
	margin:10px 0 10px 0}
#pdf ul a{
	text-transform:uppercase;}
#fuss{
	background-color:#0f792d;
	font-size:0.8em;
}
#fuss ul{
	color:rgb(255,255,255,1);
	color:rgba(255,255,255,1);
	font-weight:400;
	list-style-type:none;
	font-size:1.5em;
	margin:10px 0 10px 0}
#fuss ul a{
	color:rgb(255,255,255,1);
	color:rgba(255,255,255,1);
	font-style:italic;
	font-weight:300;}
/*.close-reveal-modal{
	font-size:1.5em;
	background-color:rgba(128,144,166,1);}*/
/*––––––––––––––– accordion –––––––––––––*/
.accordion .accordion-navigation, .accordion dd{
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	font-family:"titillium web v6 latin regular"
	}

.accordion .accordion-navigation > a, .accordion dd > a{
	font-family:"titillium web v6 latin regular";
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	background-image: url(../grafik/plus.png);
	border-style: solid;
	border-color: #ccc;
	border-width: thin;
	background-color:rgb(255,255,255,1);
	background-color:rgba(255,255,255,1);
	background-repeat: no-repeat;
	background-position: 95%;}

.accordion .accordion-navigation.active > a, .accordion dd.active > a{
	font-family:"titillium web v6 latin regular";
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	background-image: url(../grafik/minus.png);
	background-color:rgb(128,144,166,0.3);
	background-color:rgba(128,144,166,0.3);
	background-repeat: no-repeat;
	background-position: 95%;}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
	font-family:"titillium web v6 latin regular";
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	background-color:rgb(128,144,166,0.7);
	background-color:rgba(128,144,166,0.7);
	background-repeat: no-repeat;
	background-position: 95%;}

#panel0 > dl > dd > p,
#panel1 > dl > dd > p{
	font-size:1.5em;
	line-height:1.3rem;}

dd{
	font-size:0.6em;}
/*––––––––––––––– Kleinbilder mit Headline –––––––––––––*/
#news{
	text-align:center}
#news a{
	display:block;
/*	height:3.5rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;*/
	margin-bottom:0.5rem;
/*	background-color: rgba(255,153,0,1);
	color:rgba(51,51,51,0.7);
	border-style:solid;
	border-color:#ccc;
	border-width:thin*/}
#news p{
	padding:10px;
	background-color:rgb(132,143,152,0.2);
	background-color:rgba(132,143,152,0.2)}
#news img{
	padding:0px}