/* ---------------------------------------------------------------------- externe Klassen */
@import 'bootstrap.css';
/*@import 'lightbox.css';*/
@import 'slick.css';
/* ---------------------------------------------------------------------- allgemeine Formatierungen */
body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.3em;
	color: #555;
	background-color:#cdcdcd;
	background-image: url(/pic/bg2.png);
}
small, .small {
    font-size: 0.75em;
	background: transparent;
}
.clearfix{
	clear: both;
}

/*  --- linguatec ---   */
.vrweb_hover_player {
	z-index: 400; left:-250px !important; top: 0px !important;
	} 
	
	
/* ----------------- Grauer Balken auf Startseite und Portalseiten */

.balken {
/*width: 101.3%;*/
height: 20px; 
background-color:#d9d9d9; 
/*margin-left:-7px; */
margin-bottom:5px;	
}

/* content more info */

.content_more_info {
    background-color: #2e4f40;
    margin: 50px 0 20px;
    padding: 2px;
	padding-bottom:1px;
	
}
.content_more_info h4, .content_more_info h3, .content_more_info h2 {
    font-size: 1.1em !important;
    font-weight: bold !important;
	background-image: url(/style/layout/info.png);
	background-repeat:no-repeat;
    margin: 0px;	
    padding: 4px 4px 4px 1.35em !important;
    color: #ffffff;
    background-color: #2e4f40;
	border-bottom:1px solid #fff;
    
}
.content_more_info h5 {
    font-size: 1.1em !important;
    color: #2e4f40;
    font-weight: bold;
    background-color: #ffffff;
    margin: 0px;
    padding: 5px;
	margin-top:-1px;
	margin-bottom:-1px;
}


.content_more_info ul {
    /*list-style: none outside none;*/
	list-style-image: url(/style/layout/pfeil_weiss.png);

    margin: 0px;
    padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.content_more_info ul li {
    margin:0.1em 1.5em;
	list-style-image: url(/style/layout/pfeil_weiss.png);
	color:#ffffff;
}

.content_more_info ul a{
color: #ffffff !important;
text-decoration: none;

}


.content_more_info ul a:hover{
color: #000000;
text-decoration:underline;
}




/* ---------------------------------------------------------------------- Tabellen */
.table{
	border-top: 1px solid #a2a2a2;
}
.table > thead > tr > th{
	border: 1px solid #a2a2a2;
	border-bottom: 1px solid #a2a2a2;
  	color: #fff;
    background: #2e5f40;
}
.table > tbody > tr > td{
	border: 1px solid #a2a2a2;
}
.table-striped > tbody > tr:nth-of-type(odd){
    background-color: #e6e6e6;
}

.titel {
	font-size: 1.7em; 
	color: #013107; 
	letter-spacing: 1px; 
	margin: 30px 0 -23px 0;
	line-height: 1.7em;
}

/* neu Tabellen Spalten zu Zeilen - Start   */

	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	#no-more-tables td:before { content: attr(data-title); }

	/* Tabellen Spalten zu Zeilen - Ende   */
	
/* ---------------------------------------------------------------------- Grundstruktur */
header#kopf,article,footer{
	margin-bottom: 12px;
}
header#kopf,header nav{}
header#kopf .wappen{
    text-align: right;
}
article header{
	padding-left: 0px;
}
article section header{
	padding-left: 0px;
}
article section{
	margin-top: 0px;
	margin-left: 0px;
}
footer{
	color: #777b72;
}

.row {
  margin-right: 0px;
  margin-left: 0px;
  margin-top:-10px;
}

.col-lg-12{
	padding-left: 0px;
	padding-right: 0px;
}
.img-wrapper,
.content-wrapper{
	width: calc(100% + 12px);
	margin-left: -6px;
}
.content-wrapper-inner{
	padding-left:0;
	padding-right: 0;
}
/* ---------------------------------------------------------------------- Abstände */
.padding-top-6{
	padding-top: 6px;
}
.padding-bottom-6{
	padding-bottom: 6px;
}
.padding-left-6{
	padding-left: 6px;
}
.padding-right-6{
	padding-right: 6px;
}
.padding-top-12{
	padding-top: 12px;
}
.padding-bottom-12{
	padding-bottom: 12px;
}
.padding-left-12{
	padding-left: 12px;
}
.padding-right-12{
	padding-right: 12px;
}
.padding-bottom-24{
	padding-bottom: 24px;
}
/* ---------------------------------------------------------------------- Bootstrap Carousel */
.carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1.0;
}
.carousel-inner > .item img{
    width: 100%;
	max-width: 100%;
}
.carousel-inner > .item p a{
    color: #000000;
	margin-left: 10px;
	font-size: 1.1em;
}
.carousel-caption{
    position: relative;
	z-index: 1000;
    right: 0;
    bottom: 100px;
    left: 20%;
    padding-top: 24px;
    padding-bottom: 18px;
	padding-left: 0px;
	padding-right: 24px;
    color: #555;
    text-align: left;
    text-shadow: 0 0 0 rgba(0, 0, 0, .0);
	background: #fff;
	margin-top: 3px;
	opacity:0.75;
	width:75%;
	
}
@media all and (min-width:920px){
	.megamenu {
	display:none;
	}
	
}

@media all and (max-width:520px){
	.carousel-inner > .item p a{
    color: #000000;
	margin-left: 10px;
	font-size: 0.8em;
}
.carousel-caption{
    position: relative;
	z-index: 1000;
    right: 0;
    bottom: 100px;
    left: 20%;
    padding-top: 4px;
    padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 24px;
    color: #555;
    text-align: left;
    text-shadow: 0 0 0 rgba(0, 0, 0, .0);
	background: #fff;
	margin-top: 3px;
	opacity:0.75;
	width:75%;
		
}
}

.carousel-control{
    border-top: 1px solid #F90;
	position: absolute;
	z-index: 999;
    top: 0;
    bottom: 0;
    left: 0;
    width: 63px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 0 rgba(0, 0, 0, .0);
    filter: alpha(opacity=0);
    opacity: .0;
}
.carousel-control.left{
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, .0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.right{
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, .0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-indicators-wrapper{
	position: relative;
	z-index: 1000;
	height: 56px;
	border-top: 3px solid #013107;
	margin-top:-68px;
}
.carousel-indicators{
    position: absolute;
	top: 12px;
    left: 50%;
	bottom: 0;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-indicators li{
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: -999px;
    cursor: pointer;
    background: #e6e6e6;
	margin: 0;
}
.carousel-indicators .active{
    width: 20px;
    height: 20px;
    background: #013107;
	margin: 0;
}
/* ---------------------------------------------------------------------- HTags */
h1,h2,h3,h4{
	margin: 0;
	padding: 0;
	color: #013107;
}
h1{
	font-size: 1.55em;
	margin-bottom: 10px;
}
h2{
	font-size: 1.35em;
	font-weight: 400;
	margin-bottom: 10px;
}
h3{
	font-size: 1.2em;
	font-weight: 400;
}
h4{
	font-size: 1.0em;
}
/* ---------------------------------------------------------------------- Texte */
.txt-size-xxl{
	font-size: 1.6em;
}
.txt-size-l{
	font-size: 1.7em;
}
.txt-size-m{
	font-size: 1.3em;
}
.txt-size-s{
	font-size: 1.0em;
}
.txt-size-xs{
	font-size: 0.9em;
}
.txt-size-xxs{
	font-size: 0.75em;
}
.txt-weight-xxl{
	font-weight: 900;
}
.txt-weight-l{
	font-weight: 800;
}
.txt-weight-m{
	font-weight: 700;
}
.txt-weight-s{
	font-weight: 600;
}
.txt-weight-normal{
	font-weight: normal;
}
.txt-uppercase{
	text-transform: uppercase;
}
.txt-shadow{
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}
.txt-kursiv{
	 font-style:italic
}

/* ---------------------------------------------------------------------- Bildpositionierungen */
.bild_rechts {
    float: right;
    margin-left: 5px;
}
.bild_links {
    position: relative;
    top: 0.25em;
    float: left;
    margin: 0 0.9em 1em 0;
}


/* ---------------------------------------------------------------------- Farben */

aside h1, aside h2, aside h3, aside h4 {
	
	color: #2e5f40 !important;
	background: #ffffff;
	opacity: 0.7;
	/*Margin-left: -6px;
	margin-right: -6px;*/
	padding-left: 5px;
	padding-top: 4px;
	height: 1.7em;
	}
	
aside h2 {font-size:1.1em;
margin-top: 10px;}

/* aside a:link, aside a:hover, aside a:visited {color: #2e5f40;} */
 aside a:link, aside a:hover, aside a:visited {color: #fff;}

aside p {margin-bottom: 0px;}

section header h3 {color:#6d6d6d;}

.color-red{
	color: red;
}
.color-white{
	color: #fff;
}
.color-light-blue{
	color: #013107;
}
.color-dark-blue{
	color: #225FA0;
}
.color-light-gray{
	color: #e6e6e6;
}
.color-dark-gray{
	color: #555;
}
.bg-white{
	background: #fff;
}
.bg-red{
	background: red;
}
.bg-light-blue{
	background: #028ECB;
}
.bg-dark-blue{
	background: #225FA0;
}
.bg-light-gray{
	background: #e6e6e6;
}
.bg-dark-gray{
	background: #555;
}
.bg-light-orange{
	background: #fff9f0;
}
.bg-dark-orange{
	background: #ff9914;
}
/* ---------------------------------------------------------------------- Links */
a.bild_doppelpfeil{
	background: url(../../responsive/bilder/inhalt/punkt_grau.gif) no-repeat center left;
	padding: 0 0 0 12px;
}
/* ---------------------------------------------------------------------- Formulare */
input[type="text"], input[type="password"], input[type="email"], textarea, select{
    padding: 2px 2px;
    outline: none;
    background: #fff;
    text-indent: 4px;
    color: #555;
    border: solid 1px #555;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/* --------------------------------------------- Searchform */
input#search_submit{
    border: 0;
	background: url(../../responsive/bilder/arrow_neu.png) no-repeat;
}
input#suche{
    border: 1px solid #5d5c5c;
	font-size: 0.9em;
    height: 20px;
}
/* ---------------------------------------------------------------------- Navigation - Header */
#navi_meta{
	font-size: 0.75em;
	width:75%;
}
#navi_meta ul{
	margin: 0;
	padding: 0;
}
#navi_meta ul li{
	padding: 4px;
}
#navi_meta ul li:first-child{
	padding-left: 0;
}
#navi_meta ul li a{
	color: #555;
}
#navi_meta ul li{
	display: inline-block;
}
#navi_meta img{
	height: 15px;
}

/* ---------------------------------------------------------------------- Navigation - Mega Menu */
#mobile-btn-open{
	color: #e6e6e6;
	margin-top: 10px;
	float: left;
}
#mobile-btn-close{
	margin: 16px 0 0 256px;
	color: #fff;
}
#mobile-btn-open,
#mobile-btn-close{
	cursor: pointer;
	display: none;
}
#mobile-btn-open .glyphicon{
    font-size: 30px;
}
#mobile-btn-close .glyphicon{
    font-size: 20px;
}
#icon-nav{
	padding-left: 20px;
}
#icon-nav a{
	float: left;
	padding: 10px 5px 5px 0;
}

/* --------------------------------------------- first stage (menu) */
nav#nav-main{
	margin-top: 40px;
	
	background-color:#ffffff;
}
nav#nav-main > ul{
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border-left: 1px solid #2e5f40;
	border-right: 1px solid #2e5f40;
	border-top: 1px solid #2e5f40;
	background-color:#2e5f40;
}
nav#nav-main a{
	display: block;
	color: #555;
	text-decoration: none;
	font-size: 1em;
	background-color:#2e5f40;
}
nav#nav-main li,
nav#nav-main li:last-child{
	font-size: 1.3em;
	width: 32.3%;
	text-transform: uppercase;
	display: inline-block;
	color: #555;
	list-style: none;
	transition: 0.5s;
}
nav#nav-main li{
	border-left: 1px solid #e6e6e6;
}
nav#nav-main li:first-child{
	border-left: 0px solid #e6e6e6;
}
nav#nav-main > ul > li > a{
	padding: 17px 0;
	color:#ffffff;
}
nav#nav-main ul > li.submenu > a:after{
	position: relative;
	float: right;
	content: '';
	margin-right: 16px;
	margin-top: 4px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #b3b3b3;
	border-bottom: 5px solid transparent;
}
nav#nav-main ul > li.submenu:hover > a:after{
	margin-top: 0px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid #b3b3b3;
}
nav#nav-main ul > li.submenu.ein{
	background: #ebebeb;
}
nav#nav-main > ul > li a:hover{
	background: #43885c;
}
nav#nav-main > ul > li a.active{
	background: #43885c;
}
nav#nav-main ul > li.liausblenden{
	display: none;
}

/* ---------------------------- second stage (mega-menu) */
nav#nav-main ul.megamenu{
	position: absolute;
	width: calc(100% + 2px);
	top: -9999px;
	left: -1px;
	padding: 15px 10px;
	background: #e87717;
	text-align: left;
	z-index: 1;
}
nav#nav-main ul li:hover ul.megamenu{
	top: 100%;
}
nav#nav-main > ul > li ul.megamenu li a.active{
	color: #fff;
	text-decoration: underline;
}

/* ---------------------------- third stage (child menus in the mega-menu) */
nav#nav-main .megamenu li{
	display: block;
    font-size: 0.85em;
	line-height: 20px;
	text-transform: none;
	border: 0px solid #e6e6e6;
	width: auto;
}
nav#nav-main .megamenu li.bereich{
	font-size: 0.85em;
	font-weight: 700;
}
nav#nav-main .megamenu li.bereich-ende{
	margin-bottom: 36px;
}
nav#nav-main .megamenu li a{
	color: #fff;
	margin: 0 0 0 10px;
	font-size: 1.1em;
}
nav#nav-main .megamenu li a:hover{
	color: #fff;
	text-decoration: underline;
}
/* ---------------------------------------------------------------------- Navigation - Aside (Themenseite) */
ul.slidemenu{
	margin: 0;
	padding: 20px 0 0 0;
	margin-bottom: 20px;
}
ul.slidemenu li{
	padding: 5px 6px;
	border-bottom: 0px solid #555;
	list-style-type: none;
}
ul.slidemenu li:last-child{
	border-bottom: 0px solid #555;
}
ul.slidemenu li a{
	color: #555;
}
ul.slidemenu li.active{
	background: #e6e6e6;
}
ul.slidemenu li ul.accordion{
	line-height: 1.42em;
    list-style: url(../../responsive/bilder/inhalt/punkt_grau.gif);
	margin-top: 12px;
    margin-bottom: 6px;
	margin-left: 0px;
	padding-left: 24px;
	display: none;
}
ul.slidemenu li ul.accordion li{
	padding: 3px 0;
	border-bottom: 0px solid #555;
}
ul.slidemenu li ul.accordion li ul{
	padding-left: 14px;
}
ul.slidemenu li ul.accordion li ul li:first-child{
	padding: 10px 0 0 0;
}
/* ---------------------------------------------------------------------- Navigation - Back to top */
#back-top{
    position: fixed;
    bottom: 12px;
    right: 12px;
    z-index: 999;
	text-align: center;
	width: 60px;
	background-color:#cdcdcd;
}
#back-top a{
    width: 60px;
    text-align: center;
    font-size: 0.5em;
    color: #555;
	text-decoration: none;
	text-transform: uppercase;
}
#back-top .btn{
    width: 60px;
    height: 60px;
    margin-bottom: 7px;
	padding-top:12px;
    background-color: #2e5f40;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
#back-top a:hover{
    text-decoration: underline;
}
#back-top a .btn:hover{
	background: #e87717;
}
/* ---------------------------------------------------------------------- Breadcrumb & Accessibility */
#surfpfad{
	height: auto;
	margin: 20px 0 20px 0;
	font-size: 0.75em;
	float: left;
}
/* ---------------------------- Breadcrumb */
#breadcrumb{
	list-style: none;
	margin: 0;
	padding: 0;
}
#breadcrumb > li.spacer{
	padding: 0 5px;
}
#breadcrumb > li{
	display: inline-block;
}
#breadcrumb > li a{
	color: #555;
}
#breadcrumb > .active{
	color: #555;
	text-decoration: underline;
}
/* ---------------------------- Accessibility */
#accessibility{
	text-align: right;
	margin-top: 19px;
}

#kopfsymbole{
	text-align: right;
}
#kopfsymbole,#searchform{
	float: right;
	display: inline-block;
}
ul#barrierefreiheit{
	list-style: none;
}
ul#barrierefreiheit li{
	display: inline-block;
	padding: 0 6px;
}
#barrierefreiheit img {height:15px;}
#searchform-input,#searchform-btn{
	display: inline-block;
}

/* ---------------------------------------------------------------------- Aside */
/* --------------------------------------------- Aside (Startseite) */
#startseite  aside{
	color: #000;
	background: #2e5f40;
	/*border-radius: 3px 15px 5px 20px;*/
	/*padding-bottom:15px;*/
	padding: 2px;
	margin-top: 5px;
}

.col-lg-4 {max-height: 25em;
}
#startseite aside div{
	padding: 0px;
}
#startseite aside ul{
	list-style:none;
	margin: 0;
	padding: 0;
}
#startseite aside ul li{
	line-height: 20px;
	margin-left:5px;
	margin-right:5px;
	color: #ffffff;
}
#startseite aside ul li a,
#startseite aside ul li a:hover{
	color: #fff;
}
/* --------------------------------------------- Aside (Themenseite) */
#themenseite aside{
	color: #555f;
	margin-left: -6px;
	padding-right:24px;
	margin-top: 20px;
}
#themenseite aside p {
margin-top: 20px;
margin-bottom: 20px;
	
}

#themenseite aside h3 {
margin-top: 20px;
margin-bottom: 20px;	
	
}
/* ---------------------------------------------------------------------- Main */
/* --------------------------------------------- Main (Startseite) */
#startseite main{
	margin-bottom: 12px;
}
/* --------------------------------------------- Main (Themenseite) */
#themenseite main{
	margin-top: 20px;
}
/* --------------------------------------------- Seitenelemente (Themenseite) */
#themenseite .info-block.padding{
	margin-bottom: 12px;
}
#themenseite .info-block.padding{
	padding-top: 6px;	
}
#themenseite .info-block .info-block-img.padding{
	padding-top: 12px;
}
#themenseite .info-block .info-block-img img{
	float: left;
	margin-right: 12px;
}
#themenseite .info-block .info-block-img p{
	padding-top: 24px;
}
/* ---------------------------------------------------------------------- Footer */
footer #socialshareprivacy{
	height: 70px;
	margin-top: 1px;
	background: #ebebef;
}
footer #seitenabschluss{
	font-size: 0.75em;
    padding: 0.2em;
    text-align: left;
    border-top: 2px solid #013107;
    background-color: #fff;
}
footer #seitenabschluss a{
	color: #000000;
}

/* ---------------------------------------------------------------------- Codefragmente */
/* --------------------------------------------- Grundelemente */
article header .header-link{
	text-align: right;
	border-top: 5px solid #fff;
	padding: 0 12px 0 0;
}

/* --------------------------------------- großes Bild über die gesamte Seitenbreite */
.grossbild {
	width: 100%; 
	height: auto;
	margin: 0 0 15px 0;	
}

/* --------------------------------------------- Box Teaser 3 Blöcke (Image,Title,Content,Link); Box Teaser 2 Blöcke(Image,Title,Content,Link); Box Teaser 2 Blöcke (Title,Content,Link) */

.box-teaser-3-img-title-content section,
.box-teaser-2-img-title-content section,
.box-teaser-2-title-content section{
	border-bottom: 1px solid #fff;
	padding-bottom: 0px;	
}
.box-teaser-3-img-title-content section img,
.box-teaser-2-img-title-content section img{
	width: 100%;
	max-width: 100%;	
}
.box-teaser-3-img-title-content section header,
.box-teaser-2-img-title-content section header,
.box-teaser-2-title-content section header{
	padding: 12px 0;
}
.box-teaser-3-img-title-content section p,
.box-teaser-2-img-title-content section p,
.box-teaser-2-title-content section p{
	padding: 10px 0 6px 0;
	font-size: 1.15em;
	line-height: 20px;
	padding-left: 10px;
}
/* --------------------------------------------- Box Bildergalerie */
.box-bildergalerie section{
	padding-bottom: 12px;
}
.box-bildergalerie section header{
	padding: 12px 0 6px 0px;
}
.box-bildergalerie section p{
	padding: 0;
}
.box-bildergalerie section .col-xs-12.col-sm-12.col-lg-12,
.box-bildergalerie section .col-xs-12.col-sm-6.col-lg-6,
.box-bildergalerie section .col-xs-12.col-sm-4.col-lg-4{
	padding-top: 12px;
}
.box-bildergalerie section img{
	width: 100%;
	max-width: 100%;
}
/* --------------------------------------------- Box Bildergalerie mit Fließtext (320px & 210px) */
.box-bildergalerie-text-320 section,
.box-bildergalerie-text-210 section{
	padding-bottom: 12px;
}
.box-bildergalerie-text-320 section header,
.box-bildergalerie-text-210 section header{
	padding: 12px 0 6px 0;
}
.box-bildergalerie-text-320 section p,
.box-bildergalerie-text-210 section p{
	padding: 0;
}
.box-bildergalerie-text-320 section img,
.box-bildergalerie-text-210 section img{
	float: left;
	padding: 0 12px 12px 0;
}
/* --------------------------------------------- p Bildergalerie mit Fließtext (320px & 210px) */
.flowing-text-left{
	float: right;
}
.flowing-text-right{
	float: left;
}
/* --------------------------------------------- p Bildergalerie mit Fließtext und Bilduntertitel (320px & 210px) */
figure {
	position: relative;
	overflow: hidden;
}
figure.figcaption-height-12 {
	padding-bottom: 12px;
	margin-bottom: 24px;
}
figure.figcaption-height-24 {
	padding-bottom: 24px;
}
figure.figcaption-margin-bottom-12 {
	margin-bottom: 12px;
}
figure.figcaption-margin-bottom-24 {
	margin-bottom: 24px;
}
figure figcaption {
	position: absolute;
	bottom: 0;
}
/* --------------------------------------------- Box Bildergalerie mit Fließtext und Bilduntertitel (320px & 210px) */
.box-bildergalerie-text-320-untertitle section,
.box-bildergalerie-text-210-untertitle section{
	padding-bottom: 12px;
}
.box-bildergalerie-text-320-untertitle section header,
.box-bildergalerie-text-210-untertitle section header{
	padding: 12px 0 6px 0;
}
.box-bildergalerie-text-320-untertitle section p,
.box-bildergalerie-text-210-untertitle section p{
	padding: 0;
}
.box-bildergalerie-text-320-untertitle section .img,
.box-bildergalerie-text-210-untertitle section .img{
	float: left;
	padding: 0 12px 12px 0;
}
.undertitle-210{
	width: 210px;
}
.undertitle-320{
	width: 320px;
}
.undertitle-650{
	width: 650px;
}
/* --------------------------------------------- Box weitere Informationen (Title,Links) */
.box-weitere-infos section{
	padding: 12px;	
}
.box-weitere-infos section header{
	border-bottom: 1px solid #fff;
	padding: 0 0 6px 0;
}
.box-weitere-infos section header h2{
	background: url(../../style/layout/info.png) no-repeat;
	padding: 3px 0 3px 24px;
}
.box-weitere-infos section ul{
    margin: 12px 0px 0px 0px;
    padding: 0px;
}
.box-weitere-infos section ul li{
    margin: 4px 20px;
    list-style-image: url(../../style/layout/pfeil_weiss.png);
}
.box-weitere-infos section ul li a{
    color: #fff;
}
/* --------------------------------------------- Box allgemeine Informationen (Title,Content) */
.box-alg-infos section{
	padding: 12px;
	border: 1px solid #ff9914;	
}
.box-alg-infos section ul{
    margin: 12px 0px 0px 0px;
    padding: 0px;
	list-style-type: decimal;
}
.box-alg-infos section ul li{
    margin: 12px 32px;
}
/* --------------------------------------------- Box Terminhinweis (Title,Content,Link) */
.box-terminhinweis section{
	padding: 14px 12px 6px 12px;
	background: url(../layout/doppelpfeil_weiss.png) no-repeat right 12px center;
	background-color: #028ECB;
}
.box-terminhinweis header, .box-terminhinweis header h2, .box-terminhinweis p{
	display: inline-block;
	padding-top: 1px;
}
.box-terminhinweis p{
	padding-right: 24px;
}
.box-terminhinweis a:hover{
	text-decoration: none;
}
/* --------------------------------------------- Box Imageslider */
section.box-imageslider{
	position: relative;
	padding: 12px;
}
/* --------------------------------------------- Box Akkordion */
.box-akkordion section{
	border-bottom: 1px solid #e6e6e6;
}
.box-akkordion section header{
	padding: 0 0 6px 0;
	cursor: pointer;
}
.box-akkordion section div.content{
	display: none;
	padding-bottom: 6px;
}
.box-akkordion section ul{
	margin: 0 0 6px 16px;
	padding: 0;
}
.box-akkordion section h3{
	margin-bottom: 3px;
}
/* --------------------------------------------- Box FAQ */
.box-faq section{
	background: #028ECB;	
	margin: 6px 0 0 0;
}
.box-faq section p{
	padding: 0;
	padding: 6px 0;
	text-align: center;
}
.box-faq section img{
	width: 100%;
	max-width: 100%;	
}
.box-faq section a{
	color: #fff;
}
/* --------------------------------------------- Box FAQ Details */
.box-faq-details section{
	margin-top: 0;
}
.box-faq-details section:first-of-type{
	margin-top: 24px;	
}
.box-faq-details section header{
	padding: 6px;
	margin-bottom: 1px;
	cursor: pointer;
}
.box-faq-details section header:hover{
	color: #fff;
	background: #028ecb;
}
.box-faq-details section ul{
	margin: 12px 0;
	padding: 0;
	list-style: none;
	display: none;	
}
.box-faq-details section ul li{
	padding: 6px 0;
}

.box-faq-details section ul li div.frage:hover{
	color: #028ecb;
	cursor: pointer;
}
.box-faq-details section ul li div.antwort{
	margin-top: 12px;
	padding-bottom: 0;
	display: none;
}
.box-faq-details section ul li div.antwort.border{
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 12px;
}
.box-faq-details section ul li div.frage.padding{
	padding: 0 6px;
}
.box-faq-details section ul li div.antwort.padding{
	padding-left: 6px;
	padding-right: 6px;
}
/* --------------------------------------------- Box Diagramme */
.pie-chart{
	min-height: 400px;
	height: 100%;
	width: 100%;
	margin: auto;
	background: #fff;
	text-align: center;
}




/* ---------------------------------------------------------------------- Mediaqueries */
@media (max-width: 1024px){
	/* ---------------------------------------------------------------------- Navigation - Mega Menu */
	/* --------------------------------------------- first stage (menu) */
	nav#nav-main li,
	nav#nav-main li:last-child{
		font-size: 1.2em;
		font-weight: 500;
	}

	/* ---------------------------- third stage (child menus in the mega-menu) */
	nav#nav-main .megamenu li{
		font-size: 0.9em;
	}
	nav#nav-main .megamenu li.bereich{
		font-size: 1.0em;
	}
}

@media (min-width: 769px){
#baum {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
}	



.navi_meta_baum {
    position: relative;	
	left: 0px; 
	top:10px;
}
#search_submit {
	width:18px;
	}	

}
@media (max-width: 768px){
	/* Titel des Angebots */
	.titel {
    color: #c27241;
    font-size: 1.3em;
    letter-spacing: 1px;
    margin: 70px 0 1px 0;
	line-height: 1.3em;
	}
	#baum{
	min-height:54px;
	position:fixed; 
	top:2px;
	margin-left: 39px;
	z-index:103;
	}	
	/* ---------------------------------------------------------------------- Grundstruktur */
	header#kopf{
		margin-bottom: 0;
		box-shadow: 0 1px 4px rgba(0,0,0,.5);
    	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);
		position: fixed;
		z-index: 1001;
		background: #fff;
		width: calc(100% + 6px);
		margin-left: -6px;
		padding: 5px 0;
	}
	header#kopf .wappen{
		float: right;
		margin: 1px 0 5px 0;
		padding-right: 12px;
	}
	main #surfpfad{
		display: none;	
	}
	header#kopf img{
		height: 40px;
	}
	nav#nav-main{
		margin-top: 0;
		border-bottom: 0px;
		position: fixed;
		z-index: 1002;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.45);
		display: none;
	}

	/* ---------------------------------------------------------------------- Navigation - Header */
	#navi_meta{
		display: none;
	}

	/* ---------------------------------------------------------------------- Navigation - Mega Menu */
	#mobile-btn-open,
	#mobile-btn-close{
		display: block;
	}
	#mobile-btn-open{
		padding-left: 6px;
	}
	/* --------------------------------------------- first stage (menu) */
	nav#nav-main > ul{
		position: absolute;
		z-index: 2;
		top: 0;
		bottom: 0;
		left: -240px;
		background: #fff;
		width: 240px;
		text-align: left;
		border-left: 0px solid #e6e6e6;
		border-right: 0px solid #e6e6e6;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	nav#nav-main li,
	nav#nav-main li:first-child,
	nav#nav-main li:last-child{
		font-size: 1.0em;
		width: 240px;
		display: block;
		text-transform: none;
		border-left: 0px solid #e6e6e6;
	}
	nav#nav-main li:last-child{
		border-bottom: 0px solid #e6e6e6;
	}
	nav#nav-main li,
	nav#nav-main li:first-child,
	nav#nav-main ul > li.submenu.ein > a.active{
		border-bottom: 1px solid #e6e6e6;	
	}
	nav#nav-main li:hover{
		background: #ebebeb;
	}
	nav#nav-main li:last-child:hover{
		background: #fff;
	}
	nav#nav-main > ul > li > a{
		padding: 17px 20px;
	}
	nav#nav-main > ul > li > a:hover{
		color: #ffffff;
		text-decoration: underline;
	}
	nav#nav-main ul > li.liausblenden{
		display: block;
	}

	/* ---------------------------- second stage (mega-menu) */
	nav#nav-main ul.megamenu{
		position: relative;
		z-index: 2;
		width: 228px;
		top: 0;
		left: 0;
		padding: 0;
		background: transparent;
	}
	nav#nav-main ul > li.submenu > a:after{
		display:none;
	}
	nav#nav-main ul > li.submenu > a{
		text-transform: uppercase;
	}
	/* ---------------------------- third stage (child menus in the mega-menu) */
	nav#nav-main .megamenu li{
		font-size: 1.0em;
		border-bottom: 0px solid #fff;
		background: #f5f5f5;
		width: 228px;
		padding: 3px 6px 3px 0;
	}
	nav#nav-main .megamenu li:hover{
		background: #f5f5f5;
	}
	nav#nav-main .megamenu li.bereich-ende{
		margin-bottom: 0;
	}
	nav#nav-main .megamenu li a{
		color: #fff;
		margin: 0 0 0 20px;
	}
	nav#nav-main .megamenu li a:hover{
		color: #ffffff;
		text-decoration: underline;
	}
	nav#nav-main > ul > li ul.megamenu li a.active {
		color: #028ECB;
		text-decoration: none;
	}
	nav#nav-main ul li:hover ul.megamenu {
    	top: 0;
	}
	/* ---------------------------------------------------------------------- Navigation - Aside (Themenseite) */
	ul.slidemenu{
		padding: 0 0 0 0;
	}
	#surfpfad{
		margin: 40px 0 0 0;
	}
	/* ---------------------------- Breadcrumb */
	#breadcrumb > li.spacer{
		padding: 0 1px;
	}
	/* ---------------------------------------------------------------------- Aside */
	/* --------------------------------------------- Aside (Themenseite) */
	#themenseite aside{
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		
	}
	/* ---------------------------------------------------------------------- Main */
	/* --------------------------------------------- Main (Themenseite) */
	#themenseite main.content-wrapper {
		width: 100%;
		margin-left: 0px;
	}
	
	/* ---------------------------------------------------------------------- Codefragmente */
	/* --------------------------------------------- Grundelemente */
	article header .header-link{
		text-align: left;
		padding: 0 12px 0 6px;
	}
	/* --------------------------------------------- Box Bildergalerie mit Fließtext */
	.box-bildergalerie-text section{
		padding-bottom: 12px;
	}
	.box-bildergalerie-text section header{
		padding: 12px 0 6px 6px;
	}
	.box-bildergalerie-text section p{
		padding: 0 0 0 6px;
	}
	.box-bildergalerie-text section img{
		float: left;
		padding: 0 12px 12px 0;
	}
	/* --------------------------------------------- Box FAQ Details */
	.box-faq-details section:first-of-type{
		margin-top: 12px;	
	}
}

@media (max-width: 650px){
	/* --------------------------------------------- Box Bildergalerie mit Fließtext und Bilduntertitel (650px & 247px) */
	.undertitle-650{
		width: 100%;
	}
	.titel {
    color: #c27241;
    font-size: 1.3em;
    letter-spacing: 1px;
    margin: 100px 0 0;
	margin-bottom: -30px;
	}
	
}

@media (max-width: 480px){
	/* ---------------------------------------------------------------------- Main */
	/* --------------------------------------------- Seitenelemente (Themenseite) */
	#themenseite .info-block .info-block-img p{
		padding-top: 12px;
	}
}

@media (max-width: 355px){
	/* ---------------------------------------------------------------------- Codefragmente */
	/* --------------------------------------------- Box Bildergalerie mit Fließtext (320px) */
	.box-bildergalerie-text-320 section img{
		padding: 0 0 12px 0;
		width: 100%;
	}
	/* --------------------------------------------- Box Bildergalerie mit Fließtext und Bilduntertitel (320px & 210px) */
	.box-bildergalerie-text-320-untertitle section .img{
		padding: 0 0 12px 0;
	}
	.box-bildergalerie-text-320-untertitle section .img img{
		width: 100%;
	}
}


.cookie-banner {
display:none;
width: 100%;
padding: 1%;
left: 0;
bottom: 0;
background: #035376;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
font-size: 16px;
line-height: 20px;
text-align:center;
}

.cookie-banner input[type="button"]{
    color: #14365c;
	border: solid 1px #14365c;
	width: 180px;
	height: 40px;
}

@media all and (max-width:520px){
	.cookie-banner {
margin-top: 70px;
display:none;
width: 100%;
padding: 1%;
left: 0;
bottom: 0;
background: #035376;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
font-size: 16px;
line-height: 20px;
text-align:center;
}
}

/* Text und Bild für Compacts ein und azsblenden */

.hover
{
    background-color: #ffffff;
    z-index: 1;
}
.mask
{
	position: absolute;
	top: -1px;
	height: 100%;
	background-color: #ffffff;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	opacity: 0;
	z-index: 2;
    
}
.box
{
    position: relative;
}
.box:hover .mask
{
    opacity: 0.9;
}​