/*
Theme Name: DSGV 2018
Theme URL: uri.studio-oststrasse.de
Description: Anna Wesek URI Bootstrap v3.3.6
Version: 1.0
Author: URI
Author URL: URI KapN
Tags: URI Bootstrap v3.3.7
*/

/* @import url("css/bootstrap-1300.min.css"); */

/*-----------------------------------------------------------------------------------*/
/*	Typography
/*-----------------------------------------------------------------------------------*/   
	   
/*
@font-face {
    font-family: "SparkasseWeb";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Sparkasse_web_Rg.eot?#iebug") format("embedded-opentype"), 
    	url("fonts/Sparkasse_web_Rg.woff") format("woff"), 
    	url("fonts/Sparkasse_web_Rg.ttf") format("truetype"),
    	url("fonts/Sparkasse_web_Rg.svg#SparkasseWeb") format("svg");
}
@font-face {
    font-family: "SparkasseWeb";
    font-style: normal;
    font-weight: bold;
    src: url("fonts/Sparkasse_web_Bd.eot?#iebug") format("embedded-opentype"), 
   		url("fonts/Sparkasse_web_Bd.woff") format("woff"), 
    	url("fonts/Sparkasse_web_Bd.ttf") format("truetype"),
    	url("fonts/Sparkasse_web_Bd.svg#SparkasseWeb") format("svg");
}
@font-face {
    font-family: "SparkasseWebLight";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Sparkasse_web_Lt.eot?#iebug") format("embedded-opentype"), 
    	url("fonts/Sparkasse_web_Lt.woff") format("woff"), 
    	url("fonts/Sparkasse_web_Lt.ttf") format("truetype"),
    	url("fonts/Sparkasse_web_Lt.svg#SparkasseWebLight") format("svg");
}
*/

@charset "UTF-8";

/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/

html {}

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow-x: hidden;
    background-color: #F3F3F3;
    color: #000;
    font-size: 14px;
    font-weight: 400;
	line-height: 1.5;
	}
	
b, strong {
    font-weight: 600;
	}
	
p {
    margin: 0 0 15px;
	}

a {
    color: #000;
    text-decoration: none;
	}
a:hover, a:focus {
	color: #999;
	outline: none;
	text-decoration: none;
	}
a,
.btn,
.navbar a {
	-webkit-transition: all 0.125s ease-in-out 0s;
	   -moz-transition: all 0.125s ease-in-out 0s;
		-ms-transition: all 0.125s ease-in-out 0s;
		 -o-transition: all 0.125s ease-in-out 0s;
			transition: all 0.125s ease-in-out 0s;
	}
	
header {  
	background-color: #FFF;
	}
	header.container .row {
		margin: 15px 0 0 0;
		background-color: #F00;
		}
	header .brand {
		border-top: 1px solid #FFF;
		}

	header h1 {
	    font-size: 32px;
		font-weight: 400;
		color: #FFF;
	    margin-bottom: 15px;
	    margin-top: 15px;
	    margin-right: 5px;
	    line-height: 1.1;
		}

	header a {
		color: #fff;
		}
	header a:hover {
		color: #fff;
		}	
	header .logo img {
	    margin-bottom: 15px;
	    margin-top: 15px;
		}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
	}
.h4, .h5, .h6, h4, h5, h6 {
    margin-bottom: 15px;
    margin-top: 15px;
	}
	  
.h1, h1 {
    font-size: 40px;
	} 
	  
.h2, h2 {
    font-size: 26px;
	}
.h3, h3 {
    font-size: 20px;
    margin-top: 15px;
	}
.h4, h4 {
    font-size: 16px;
	}
	
a h2 {
    color: #FFF;
    text-decoration: none;
	}
	
a h2:hover, a h2:focus {
	color: #FFF;
	outline: none;
	text-decoration: none;
	}	

/*-----------------------------------------------------------------------------------*/
/*	NABAR navbar-collapse
/*-----------------------------------------------------------------------------------*/

.navbar {
    border-radius: 0;
    border: 0;
    margin-top: 0;
    margin-bottom: 0;
/*     margin-bottom: 20px; MD */
    min-height: 30px;
	}

.navbar-blog .navbar-collapse {
	background-color: #FFF;
    padding-left: 1px;
    padding-right: 1px; 
	}
	.navbar-blog .navbar-nav { 
/* 		width: 100%; */
    float: none;
    margin: 0;
	}

	.navbar-blog .menu-item {
/*     width: auto; */
	padding: 0;
	}

.navbar-blog .navbar-nav > li {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    width: 100%; /* fallback for non-calc() browsers */
    width: calc(100% / 1);
    box-sizing: border-box;
    min-height: 30px;
	}

.navbar-blog .navbar-nav > li > a {
	color: #FFF;
	background-color: #F00;
	text-align: center;
	display: block;
	line-height: 1.9;
    border-color: #F00 #F00 #F00 #F00;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    padding-bottom: 0;
    padding-top: 0;
	}
.navbar-blog .navbar-nav > li > a:hover {
    background-color: #FFF;
    color: #000;
	}
.navbar-blog .navbar-nav > .active > a, 
.navbar-blog .navbar-nav > .active > a:focus, 
.navbar-blog .navbar-nav > .active > a:hover {
    background-color: #FFF;
    color: #000;
	}
.navbar-blog .navbar-nav > .current-menu-parent > a, 
.navbar-blog .navbar-nav > .current-menu-parent > a:focus, 
.navbar-blog .navbar-nav > .current-menu-parent > a:hover {
    background-color: #FFF;
    color: #000;
	}



.table-list {

	}
.table-list td {
	padding-right: 5px;
	vertical-align: top;
	}


/*-----------------------------------------------------------------------------------*/
/*	NABAR main
/*-----------------------------------------------------------------------------------*/

.row.top-menu {
    margin-top: 0;
    margin-bottom: 1px;
    margin-left: -7.5px;
    margin-right: -8.5px;
	}

.top-menu .menu-item {
	border-top: 1px #FFF solid;
	border-right: 1px #FFF solid;
    padding-left: 0;
    padding-right: 0;
	}

.top-menu .menu-item a {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(255, 0, 0, 1);
	text-align: center;
	display: block;
	line-height: 1.7;
    border-color: #f00 #f00 #f00 #f00;
    border-style: solid;
    border-width: 1px;
    
    font-size: 14px;
    font-weight: 400;
	}
.top-menu .menu-item a:hover {
    background-color: #FFF;
    color: #000;
	}
.top-menu .menu-item a.active {
	color: rgba(0, 0, 0, 1);
	background-color: rgba(255, 255, 255, 1);
	text-align: center;
	display: block;
	line-height: 1.7;
    border-color: #f00 #f00 #f00 #f00;
    border-style: solid;
    border-width: 1px;
	}

.top-menu .menu-item.current-menu-parent a {
	color: rgba(0, 0, 0, 1);
	background-color: rgba(255, 255, 255, 1);
	text-align: center;
	display: block;
	line-height: 1.7;
    border-color: #f00 #f00 #f00 #f00;
    border-style: solid;
    border-width: 1px;
    font-weight: 400;
	}
.top-menu .menu-item.current-menu-item a {
	color: rgba(0, 0, 0, 1);
	background-color: rgba(255, 255, 255, 1);
	text-align: center;
	display: block;
	line-height: 1.7;
    border-color: #f00 #f00 #f00 #f00;
    border-style: solid;
    border-width: 1px;
    font-weight: 400;
	}


/*-----------------------------------------------------------------------------------*/
/*	Blog Dropdown
/*-----------------------------------------------------------------------------------*/	
	
.blog-dropdown.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	}
	
.blog-dropdown .navbar-nav {
	background-color: #F00;
	width: 100%;
	}	
	
.blog-dropdown .navbar-nav > li > a {
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 1.9;
    width: 100%;
    color: #FFF;
    min-height: 29px;
    display: block;
	}
	
.blog-dropdown .dropdown-menu {  
	max-width: 260px;
/* 	position: static; */
	}
	
.blog-dropdown .nav > li > a:focus, .blog-dropdown .nav > li > a:hover {
    text-decoration: none;
    background-color: #F00;
	}

.blog-dropdown .nav .open > a, .blog-dropdown .nav .open > a:focus, .blog-dropdown .nav .open > a:hover {
    background-color: #F00;
    border-color: #F00;
	}
	  
/*-----------------------------------------------------------------------------------*/
/*	container
/*-----------------------------------------------------------------------------------*/

.container {}
	
.container .row {}	
	
.container.main {
	background-color: #FFF;
	padding-top: 15px;
	}

	.main .main-row {
		background-color: #FFF;
		margin-left: -7.5px;
		margin-right: -7.5px;	 
    	}
	.main .nav-row {
		background-color: #FFF;
		margin-left: -7.5px;
		margin-right: -7.5px;	
		position: relative; 
    	}
    
	.main .margin-75 {
		background-color: #FFF;
		margin-left: -7.5px;
		margin-right: -7.5px;	 
    }
	.main .row.row-inner {
		background-color: #FFF;
		margin-left: -7.5px;
		margin-right: -7.5px;
	}

	.main .row.row-top-menu {
		background-color: #FFF;
		margin-left: -8.5px;
		margin-right: -9.5px;
		border-bottom: 1px solid #FFF;
		margin-bottom: 14px;
		}

	 

	.row.margin-0 {
		background-color: #FFF;
		margin-left: -7.5px;
		margin-right: -7.5px;	 
    	}

	.row.margin-75 {
		background-color: #FFF;
		margin-left: -7.5px;
		margin-right: -7.5px;	 
    	}

	 .row.line:before {
		display: block;
	  	content: "";
	  	border-top: 1px solid #000;
	    margin: 0 20px 7px 20px;
	    width: auto;
	  }
	  
	.container .row.line2:before {
		display: block;
	  	content: "";
	  	border-top: 2px solid #000;
	    margin: 0 15px 7px 15px;
	    width: auto;
	  }
	  	  
	.container .row.line15:before {
		display: block;
	  	content: "";
	  	border-top: 1px solid #000;
	    margin: 15px;
	    width: auto;
	  }

	.container .row.line15:before {
		display: block;
	  	content: "";
	  	border-top: 1px solid #000;
	    margin: 15px;
	    width: auto;
	  }
	  
	.row.line30:before {
		display: block;
	  	content: "";
	  	border-top: 1px solid #ddd;
	    margin: 30px 30px;
	    width: auto;
	  }
	 
	 
	 
.padding-0 {
    padding-left: 0;
    padding-right: 0;
	}	 

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

.border-1 {
    border-left: 1px solid #f00;
    border-right: 1px solid #f00;
	}	   

.container.section .row {
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
	}	
.container.section .section-btn {
	background-color: #F00;
	background-color: #777;
	}	
	
	.container.section .section-btn h2 {
    color: #FFF;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 15px;
	}
 .container.section .section-btn h2:after {
	 	font-family: "badg-dsgv" !important;
		display: inline-block;
	  	content: "\6c";
	  	content: "\2c";
	  	float: right;
	  }
.container.section .section-red {
	background-color: #F00;
	}
	.container.section .section-red h2 {
    color: #FFF;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 15px;
	}
	
.box-link {
	 display: block;
	 } 



/*-----------------------------------------------------------------------------------*/
/*	Bericht an die Gesellschaft
/*-----------------------------------------------------------------------------------*/

.main .badg {}
	 
	.main .badg .box {
		background-color: #FFF;
		border-bottom: 1px solid #F00;
		border-right: 1px solid #F00;
		border-left: 1px solid #F00;
		min-height: 200px;
	 	} 
	.main .badg .box.box-link {
		 display: block;
	 	} 
	.main .badg .box.box-link:hover {
		background-color: #F3F3F3;
		color: #000;
		text-decoration: none;
	 	} 

	.main .badg .box h3 {
		color: #F00;
		margin-top: 10px;
		margin-bottom: 15px;
	 	} 
	.main .badg .box h4 {
		color: #F00;
		font-weight: 400;
		margin-bottom: -7px;
	 	} 
	 
	.main .badg .top-box {
		background-color: #F00;
		min-height: 420px;
		min-height: 400px;
		color: #FFF;
	    background-size:cover;
	    background-position: center center;
	 	} 
	 	
	.main .badg .top-box a.home-button {
		position: absolute;
		top:0; left:15px; right:15px;
	 	} 
	 	
	.main .badg .top-box .bottom-text {
		position: absolute;
		bottom: 0;
		left: 15px;
		right: 15px;
	 	} 
	.main .badg .box.top-box.box-link:hover {
		color: #FFF;
		text-decoration: none;
	 	}	
	 
	.main .badg .top-box h2 {
		font-size: 32px;
		font-weight: normal;
		margin-top: 0;
		padding-top: 15px;
		margin-bottom: 15px;
		color: #F00;
		color: #E20613;
/* 		display: inline-block; */
	 	}  
	.main .badg .top-box h2:after {
		display: block;
	  	content: "";
		border-bottom: 1px solid #E20613;
	    margin: 10px 0;
	    width: auto;
	  }
	.main .badg .top-box.text-white h2 {
		font-size: 26px;
		font-weight: normal;
		margin-top: 0;
		padding-top: 15px;
		margin-bottom: 15px;
		color: #FFF;
	 	}  
	.main .badg .top-box.text-white h2:after {
		display: block;
	  	content: "";
		border-bottom: 1px solid #FFF;
	    margin: 10px 0;
	    width: auto;
	  }  
	  
	.main .badg .top-box h3 {
		font-size: 32px;
		font-weight: bold;
		color: #FFF;
	 	}  
	.main .badg .top-box h4 {
		color: #FFF;
		font-weight: 400;
		font-size: 18px;
		margin: 10px 0 30px 0;
	 	} 
	 	
	.main .badg .top-box .bottom-text.category-top {
		bottom: 15px;
		left: 15px;
		right: 15px;
		z-index: 100;
	 	} 
	.main .badg .top-box .bottom-text.category-top h4 {
		margin: 0 0 10px 0;
	 	} 


.category-bericht-an-die-gesellschaft .main .badg .top-box h2 {
	color: #F00;
	} 
.category-bericht-an-die-gesellschaft .main .badg .top-box h2:after {
	display: block;
	content: "";
	border-bottom: 1px solid #F00;
	margin: 10px 0;
	width: auto;
	}
	

	 	
/*-----------------------------------------------------------------------------------*/
/*	Gesellschafts Blog
/*-----------------------------------------------------------------------------------*/

.main .badg.frontpage-top {
	margin-top: 0;
	margin-bottom: 0;
 	}

	.main .badg .home-box {
		background-color: #F00;
		height: auto;
		display: block;
	 	}
	.main .badg .home-box h2 {
		font-size: 26px;
		font-weight: normal;
		margin-top: 0;
		padding-top: 15px;
		margin-bottom: 25px;
		color: #FFF;
	 	}  
	.main .badg .home-box h2:after {
		display: block;
	  	content: "";
		border-bottom: 1px solid #FFF;
	    margin: 10px 0;
	    width: auto;
	  }
	.main .badg .home-box h3 {
		font-size: 34px;
		font-weight: bold;
		color: #FFF;
	 	}  
	.main .badg .home-box h4 {
		color: #FFF;
		font-weight: 600;
		font-size: 18px;
		margin: 0 0 15px 0;
	 	} 

/*-----------------------------------------------------------------------------------*/
/*	Gesellschafts Blog
/*-----------------------------------------------------------------------------------*/

.main .blog.frontpage-top {
	margin-top: 0;
	margin-bottom: 0;
 	}
 	
 	.main .blog { margin-top: 15px; }
	 	
	.main .blog .top-box {
		background-color: #FFF;
		min-height: 430px;
		border-bottom: 2px solid #FFF;
		border-top: 0 solid #FFF;
		position: relative;
		color: #FFF;
	    background-size:cover;
	    background-position: center center;
	 	} 
	 	
	.main .blog .top-box.aside-box {
		background-color: #F00;
		color: #FFF;
		min-height: 433px;
	 	} 
	 	
	.main .blog .top-box h2 {
		font-size: 26px;
		font-weight: normal;
		margin-top: 15px;
		padding-top: 15px;
		margin-bottom: 15px;
		color: #F00;
/* 		display: inline-block; */
		display: block;
	 	}  
	.main .blog .top-box h2:after {
		display: block;
	  	content: "";
		border-bottom: 1px dashed #F00;
	    margin: 10px 0;
	    width: auto;
	  	}
	.main .blog .top-box.aside-box h2 {
		color: #FFF;
	 	}  
	.main .blog .top-box.aside-box h2:after {
		border-bottom: 1px dashed #FFF;
	  	}
	  	
	  	
	.main .blog .top-box h3 {
		font-size: 26px;
		font-weight: bold;
		color: #FFF;
	 	}  	  	
	.main .blog .top-box h4 {
	    color: #fff;
	    font-weight: 400;
	    margin: 10px 0 15px;
		}
	  	
	 	
	.main .blog .top-box .bottom-text {
		position: absolute;
		left: 15px;
		right: 15px;
		bottom: 0;
	 	} 
	.main .blog .top-box .bottom-text.category-top {
		bottom: 5px;
		left: 15px;
		right: 15px;
		z-index: 100;
	 	} 
	 	
.home .main .blog .top-box .bottom-text.category-top {
		bottom: 0;
		left: 15px;
		right: 15px;
		z-index: 100;
		}
	 	
	.main .blog .box {
		margin-top: 15px;
    	padding-left: 0;
		padding-right: 0;
	 	} 

	.main .blog .box h4 {
		background-color: #FFF;
		overflow: hidden;
		color: #F00;
		font-weight: 400;
		margin-top: 0;
		margin-bottom: 0;
	 	} 
	.main .blog .box h5 {
		background-color: #FFF;
		overflow: hidden;
		color: #F00;
		font-weight: 400;
		margin-bottom: 0;
		margin-top: 7.5px;
	 	} 	 	
	.main .blog .box h3 {
		color: #F00;
		font-weight: 400;
		margin-bottom: 7.5px;
		margin-top: 10px;
	 	} 

	 	
	.main .blog .box h4:after {
	    content:"";
	    display: inline-block;
/*
	    height: 0.5em;
	    vertical-align: bottom;
*/
	    width: 100%;
	    margin-right: -100%;
	    margin-left: 10px;
	    border-top: 1px dashed #F00;
		}

.main .blog .blog-list-thumb .box.teaser-box {
		margin-top: 0;
	 	} 
.main .blog .blog-list-thumb .box.teaser-box h3 {
		margin-top: 0;
	 	}
.main .blog .blog-list-thumb .box.teaser-box p {
		padding-right: 15px;
	 	}
.main .blog .blog-list-thumb .box.thumb-box {
		margin-top: 0;
	 	} 
	 	
	 	

.teaser-image {
    background-color: #f5f5f5;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 170px;
    margin-top: 15px;
    overflow: hidden;
    width: 100%;
	}
	


.main .blog .box a:hover {
    color: #000;
	}
.main .blog .box a:hover h3 {
    color: #000;
	}
	a.blog-aside-link {
		background-color: #FFF;
		text-decoration: none;
		color: #F00;
		}
	a.blog-aside-link:hover {
		background-color: #FFF;
		text-decoration: none;
		color: #000;
		}
		
	.main .badg .box.kennzahlen-box:hover  {
		background-color: #F00;
	 	}
	 	
	 	
.main .blog .placeholder {
	background-color: #FFF;
	min-height: 252px;
	border: 1px solid #F00;
	
	
	
	}
	
.main .blog .placeholder h2 {
    color: #f00;
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 15px;
}
	
	.main .blog .top-box.aside-box h3 {
		color: #FFF;
		font-size: 26px;
	 	}  
	.main .blog .top-box.aside-box h4 {
    color: #fff;
    font-weight: 400;
    margin: 10px 0 15px;
}

/*-----------------------------------------------------------------------------------*/
/* Kennzahlen Box
/*-----------------------------------------------------------------------------------*/

.main .blog .aside-box.red-bg {
	margin-bottom: 2px;
 	} 
	.main .blog .aside-box.red-bg .box-link {
		background-color: #F00;
		color: #FFF;
	 	} 
	.main .blog .aside-box.red-bg .box-link h2 {
		color: #FFF;
	 	} 
	.main .blog .aside-box.red-bg .box-link h3 {
		color: #FFF;
	 	} 
	.main .blog .aside-box.red-bg .box-link h4 {
		color: #FFF;
	 	} 
	 	
	.main .blog .aside-box.red-bg .box-link.archive-link h3 {
		margin-top: 15px;
		margin-bottom: 15px;
	 	} 
	 	
.main .blog .aside-box.light-bg {
	margin-bottom: 2px;
 	} 
	.main .blog .aside-box.light-bg .box-link {
		background-color: #FFF;
		color: #F00;
		border: 1px solid #F00;
	 	} 
		.main .blog .aside-box.light-bg .box-link:hover {
		    background-color: #ededed;
		    color: #e20613;
		    outline: medium none;
		    text-decoration: none;
			}

	.main .blog .aside-box.light-bg .box-link h2 {
		color: #000;
	 	} 
	.main .blog .aside-box.light-bg .box-link h3 {
		color: #000;
	 	} 
	.main .blog .aside-box.light-bg .box-link h4 {
		color: #F00;
		line-height: 1;
		margin-bottom: 10px;
		margin-top: 10px;
	 	} 
		.main .blog .aside-box.light-bg .box-link h4:after {
		    content: "\3d";
		    font-family: "badg-dsgv" !important;
		    font-size: 16px;
		    line-height: 1;
		    float: right;
			}
	 	
	.main .blog .aside-box.light-bg .box-link.archive-link h3 {
		margin-top: 15px;
		margin-bottom: 15px;
	 	}

	.main .blog .top-box.light-bg {
		background-color: transparent;
		min-height: 0;
		position: relative;
		color: #000;
	    border: 1px solid #F00;
	    min-height: 233px;
	    background-color: #F00;
	 	} 
	 	
.main .blog .top-box.light-bg h2 {
    font-size: 20px;
    font-weight: normal;
    margin-top: 15px;
    padding-top: 0;
    margin-bottom: 15px;
    color: #F00;
    color: #FFF;
    display: inline-block;
    display: block;
	}
	.main .blog .top-box.light-bg h2 a {
		color: #F00;
		}
		.main .blog .top-box.light-bg h2 a:after {
		    content: "\3d";
		    font-family: "badg-dsgv" !important;
		    font-size: 16px;
		    float: right;
			}
	 	
.main .blog .top-box.light-bg.aside-box h2:after {
    border-bottom: 1px dashed #F00;
	}

/*-----------------------------------------------------------------------------------*/
/* Kennzahlen Box
/*-----------------------------------------------------------------------------------*/
	 	
	.main .badg .box.kennzahlen-box {
		background-color: #F00;
		border-top: 1px #F00 solid;
		height: 200px;
		margin-top: 2px;
	 	}
	 	
	.main .badg .box.kennzahlen-box .bottom-text {
		position: absolute;
		bottom: 15px;
	 	} 
	.main .badg .box.kennzahlen-box .kennzahlen-txt {
		height: 200px;
	 	}
	 	
	.main .badg .box.kennzahlen-box h3 {
		color: #FFF;
		margin-bottom: 15px;
		font-size: 26px;
		font-weight: normal;
/* 		font-weight: bold; */
	 	}
	.main .badg .box.kennzahlen-box h4 {
		color: #FFF;
		margin: 0px;
		font-size: 18px;
	 	}
	.main .badg .box.kennzahlen-box img {
		height: 200px;
		margin: 0 auto;
	 	}

	.main .badg .site-link {
		margin-top: 2px;
		margin-bottom: 2px;
	 	}
	.home .main .badg .site-link {
		margin-top: 0;
	 	}
	 	
	.main .badg .site-link .home-box h2 {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 15px;
	 	} 	
	.main .badg .site-link .home-box h2:after {
		display: block;
	  	content: "";
		border-bottom: 0px solid #FFF;
	    margin: 0;
	    width: auto;
		} 	
	

.blog-aside .box h3 {
    color: #F00;
    font-weight: 400;
    margin-bottom: 7px;
	}
.blog-aside .box h4 {
    margin-bottom: 7px;
    margin-top: 7px;
	}
.blog-aside .box p {
    margin-bottom: 7px;
	}
	
	
/*-----------------------------------------------------------------------------------*/
/* FRONTPAGE
/*-----------------------------------------------------------------------------------*/

body.home .main .badg .top-box h4 {
    color: #FFF;
    font-weight: 400;
    font-size: 18px;
    margin: 10px 0 0 0;
	}


body.home .main .badg .box {
		background-color: #FFF;
		border-top: 0 solid #F00;
		border-right: 0 solid #F00;
		border-left: 0 solid #F00;
		border-bottom: 2px solid #FFF;
	 	} 
body.home .main .badg .box.top-box {
		border-bottom: 2px solid #FFF;
	 	} 
	 	
	body.home .main .badg .box.box-bg-link {
		display: block;
		min-height: 420px;
		min-height: 400px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: relative;
		} 
		
	body.home .main .badg .box.top-box.box-bg-link:hover {
		color: #FFF;
		text-decoration: none;
	 	} 		
		
	
	body.home .main .badg .box.box-bg-link:hover {
		background-color: #F3F3F3;
		color: #000;
		text-decoration: none;
	 	} 
	 	
	 	
body.home .main .badg .box.box-bg-link .row {
    position: absolute;
    bottom: 5px;
    left: 15px;
    color: #fff;
    font-size: 16px;
	} 
	
body.home .main .badg .top-box .site-brand {
	color: #F00;
	position: absolute;
	top: 0;
	left: 15px; right: 15px;
	}
	body.home .main .badg .top-box h2 {
		color: #F00;
		}
	
body.home .main .badg .box.box-bg-link .row h3 {
	font-size: 34px;
	font-weight: bold;
	color: #FFF;}

body.home .main .badg .box.box-bg-link .row h4 {
    color: #fff;
    font-weight: 400;
    margin: 10px 0 0;
    font-size: 18px;
	}
	
body.home .main .badg .kennzahlen-box {
		background-color: #F00;
		height: 200px;
		margin-top: 0;
	 	}	

	body.home .main .vorwort .top-box {
		background-color: #FFF;
		min-height: 433px;
		height: 433px;
		border-bottom: 2px solid #FFF;
		border-top: 1px solid #FFF;
		position: relative;
		color: #FFF;
	    background-size:cover;
	    background-position: center center;
	 	} 
	 	
	body.home .main .blog .top-box.aside-box { 
		min-height: 402px;
		}
	
/*-----------------------------------------------------------------------------------*/
/* Bericht Category
/*-----------------------------------------------------------------------------------*/

.category .badg .top-box.height-400 {
	height: 400px;
    min-height: 400px;
	}
	
.category .badg .top-box.height-370 {
    min-height: 371px;
    min-height: 400px;
	}
.category .blog .top-box.height-370 {
    min-height: 372px;
	}	
	
.category .main .badg .row-1 .box {
	border-top: 1px solid #F00;
	margin-top: 2px;
	}

/*-----------------------------------------------------------------------------------*/
/*	Bericht Single
/*-----------------------------------------------------------------------------------*/

.single .image-holder {
	width: 100%;
	min-height: 320px;
	height: 320px;
	display: block;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	}
	
	.image-wrapper .photoCopy {
	    background: rgba(255, 255, 255, 0.7);
	    border-radius: 2px;
	    bottom: 15px; top: auto;
	    left: 15px; right: auto;
	    color: #000;
	    font-size: 12px;
	    line-height: 20px;
	    padding: 0 5px;
	    position: absolute;
	    z-index: 25;
	    visibility: hidden;
		}
	.image-wrapper:hover .photoCopy {
		visibility: visible;
		}
	
	
.single .arve-wrapper {
	margin-bottom: 0!important;
	background-color: #F00;
	}
	

.single .main header {
	margin-bottom: 15px;
	}

.single .main header h4 {
    font-weight: normal;
    color: #F00;
    margin-bottom: 7.5px;
	}

.single .main header h3 {
    font-size: 34px;
    font-weight: normal;
    color: #F00;
    margin-top: 0;
	}
.single .main header h3 strong {
    font-size: 34px;
    font-weight: bold;
    color: #F00;
	}
	
	
.single .main .the_content {
	margin-bottom: 0;
	}
	

.single .main .breadcrumbs  { }
.single .main .breadcrumbs h4 {
    color: #f00;
	font-size: 18px; 
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 15px;
	}
	.single .main .breadcrumbs h4 a {
	    color: #f00;
		}
	.single .main .breadcrumbs h4 a:hover {
	    color: #000;
		}
		
	
.single .main .box-list .box {
    min-height: auto;
    height: auto;
	}
	

	
.social-icons {
	background-color: aqua;
	background-color: #FFF;
	
/* 	text-align: right; */
	margin-top: 25px;
	margin-bottom: 45px;
	}
.social-icons .btn-sm {
    border-radius: 1px;
    line-height: 1.5;
    padding: 5px 10px 5px 10px;
	}
	.social-icons .btn-sm .icon {
    font-size: 15px;
    line-height: 1;
	vertical-align: bottom;
	}

	
	
/* Bericht Kennzahlen Link */

.single ul.kennzahlen-link {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin-top: 15px;
    margin-bottom: 25px;
    margin-top: 10px;
    list-style: none;
    padding: 0;
    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    font-size: 14px;
	}

.single ul.kennzahlen-link a {
    text-decoration: none;
    padding: 15px 0 13px 0;
    display: block;
	}
	
	.single ul.kennzahlen-link a:hover {
		background-color: #F3F3F3;
		color: #000;
		}
	.single ul.kennzahlen-link a::after {
	    color: #F00;
	    font-family: "badg-dsgv";
	    content: "\4d"; /* arrow-circle-right */
	    vertical-align: middle;
	    padding-left: 10px;
	    font-size: 15px;
		}
		
	.single ul.kennzahlen-link strong {
		color: #F00;
		font-weight: normal;
		}
		
	.section-image figure .photoCopy {
	    background: rgba(255, 255, 255, 0.7);
	    border-radius: 2px;
	    bottom: 25px; top: auto;
	    left: 15px; right: auto;
	    color: #000;
	    font-size: 12px;
	    line-height: 20px;
	    padding: 0 5px;
	    position: absolute;
	    z-index: 25;
	    visibility: hidden;
		}
	.section-image figure:hover .photoCopy {
		visibility: visible;
		}
		
/* Section Content
-------------------------------- */ 

section.section-content h4.section-headline {
	color: #F00;
    font-weight: 600;
	}
		
/* Section Image
-------------------------------- */ 

section.section-image {
	margin-top: 15px;
	margin-bottom: 15px;
	}
section.section-image figure {
	margin-bottom: 10px;
	}
section.section-image figcaption {
	color: #777;
	margin-top: 0;
	}
				

/* Section Import
-------------------------------- */ 	


/* Single Number
-------------------------------- */ 	
	
.content-number.red-border .content-box.module-single-number {
    padding: 10px 15px 15px 15px;
    margin: 15px 0;
    border: 1px solid #F00;
	}
	
.content-number.red-bg .content-box.module-single-number {
	background-color: #F00;
    border: 1px solid #F00;
	}
	
	.module-single-number table {
		width: 100%;
		}
	.module-single-number table .single-number {
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		font-size: 60px;
		font-weight: 200;
		text-align: right;
		color: #F00;
		line-height: 1.1;
		}
	.content-number.red-bg .module-single-number table .single-number {
		color: #FFF;
		}
		
	.module-single-number table .single-number span {
		font-size:30px;
		text-align: right;
		font-weight: 400;
		color: #F00;
		line-height: 1.1;
		}	
	.content-number.red-bg .module-single-number table .single-number span {
		color: #FFF;
		}	
		
		
	.module-single-number table .single-number-text {
		text-align: left;
		color: #F00;
		line-height: 1.3;
		}
	.module-single-number table .single-number-text p {
		margin: 0;
		}
	.content-number.red-bg .module-single-number table .single-number-text {
		color: #FFF;
		}

	
.content-number ul.grafic-statistic {
	padding: 0;
	margin: 15px 0 15px 0;
	font-size: 14px;
	line-height: 20px;
	list-style: none;
	font-family: 'Sparkasse Serif Web', 'Times New Roman', Times, serif;
	}
	.content-number ul.grafic-statistic li {
		margin-bottom: 7px;
		}
		
	.content-number .grafic-statistic li:before {
		font-family: "badg-dsgv" !important;
		content: "\76"; /* android-arrow-forward */
	    color: #F00;
	    margin-right: 7px;
	    font-size: 16px;
		display: inline-block;
		line-height: 20px;
		vertical-align: bottom;
		}
	.content-number .grafic-statistic span {
		color: #F00;
		margin-right: 10px;
		font-weight: normal;
		font-size: 20px;
		display: inline-block;
		line-height: 20px;
		font-family: "Sparkasse Web",Arial,Helvetica,sans-serif;
		}
	.content-number .grafic-statistic strong {
	 	color: #000;
	    font-size: 16px;
	    font-weight: normal;
		font-family: "Sparkasse Web",Arial,Helvetica,sans-serif;
		}	
	
	
/* Single Footer Links
-------------------------------- */ 
	
ul.external-links {
	list-style: none;
	border: 1px solid #ccc;
	padding: 45px 15px 15px 15px;
	position: relative;
	margin-top: 15px;
	font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif; 
	}
	ul.external-links::after {
	    content: "Weiterführende Links";
	    color: #777777;
	    font-size: 12px;
	    font-weight: normal;
	    left: 15px;
	    position: absolute;
	    text-transform: uppercase;
	    top: 15px;
		}	
			
	ul.external-links li {
		}
	ul.external-links li a {
		line-height: 1.5;
		}
	ul.external-links li a::before {
	    color: #F00;
	    content: "\30";
	    display: inline-block;
	    font-family: "badg-dsgv";
	    vertical-align: middle;
	    line-height: 1.5;
	    padding-right: 10px;
		}
	
	ul.kennzahlen-links {
		margin-top: 15px;
		list-style: none;
		padding: 0;
		font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
		font-size: 14px;
		}
	ul.kennzahlen-links.top-external-links {
		margin-top: 15px;
		list-style: none;
		padding: 0;
		font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
		font-size: 14px;
		color: #000;
		}
	ul.kennzahlen-links strong {
		color: #F00;
		font-weight: normal;
		}
	ul.kennzahlen-links a {

		}
	ul.kennzahlen-links a:hover strong {
	    color: #7f7f7f;
		}
	ul.kennzahlen-links a::after {
	    color: #F00;
		font-family: "badg-dsgv";
		content: "\4d";
		vertical-align: middle;
		padding-left: 10px;
		font-size: 15px; 
		}
	
	.single-footer-links hr {
	    border-color: #ccc;
		}
		

/*-----------------------------------------------------------------------------------*/
/*	Bericht Text Import
/*-----------------------------------------------------------------------------------*/

.import-wrapper {}

.import-wrapper .row.single-content.flexible-content {
	margin-top: 15px;
	}

	.import-wrapper .row.single-content.flexible-content::before {
	    border-top: 1px solid #F00;
	    content: "";
	    display: block;
	    margin: 10px 15px;
	    padding-bottom: 10px;
	    width: auto;
		}

.import-wrapper .berichtstext-panel {
	padding: 0 15px;
	}


.import-wrapper .kennzahlen-import {

	}
	
.import-wrapper .kennzahlen-import h4 {
	color: #F00;
	}
.import-wrapper .kennzahlen-import h4 span {
	display: none;
	}	
	
.import-wrapper .kennzahlen-import::before {
/*
    border-top: 1px solid #ccc;
    content: "";
    display: block;
    margin: 10px 0;
    padding-bottom: 10px;
    width: auto;
*/
	}
	

	
.import-wrapper .berichtstext-panel {
	padding-right: 15px;
	padding-left: 15px;
	}
.import-wrapper .berichtstext-panel h4 {
	color: #F00;
	font-size: 16px;
	font-weight: 600;
	}
.import-wrapper .berichtstext-panel h4 span {
	display: none;
	}
	
.import-wrapper .panel-indikatoren { 
	margin-top: 15px;
	}
	
	/* leitsatze
	-------------------------------- */ 
	
.import-wrapper .include-box {
    margin-left: 0;
    margin-right: 0;
    border: 1px #F00 solid;
    min-height: 150px;
    padding: 0 15px;
    margin-bottom: 30px;
    margin-top: 30px;
    background-color: #f3f3f3;
	}
	.import-wrapper .include-box h3 {
	    color: #f00;
	    font-family: "Sparkasse Serif Web", Georgia, "Times New Roman", Times, serif;
	    font-size: 18px;
	    font-weight: 400;
	    font-weight: normal;
	    letter-spacing: 0;
	    line-height: 1.3;
	    margin-bottom: 10px;
	    margin-top: 15px;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #F00;
		}
	
	.import-wrapper .include-box.leitsatze h5 {
	    color: #f00;
	    font-family: "Sparkasse Serif Web", Georgia, "Times New Roman", Times, serif;
	    font-size: 18px;
	    font-weight: 400;
	    font-weight: normal;
	    letter-spacing: 0;
	    line-height: 1.3;
	    margin-bottom: 10px;
	    margin-top: 15px;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #F00;
		}
	
	
	 table.leitsatze-list {
		color: #F00;
		margin-top: 5px;
		margin-bottom: 20px;
	    padding-left: 0;
		}
		table.leitsatze-list tr {
			}
		table.leitsatze-list td {
			font-family: "Sparkasse Serif Web", Georgia, "Times New Roman", Times, serif;
		    padding: 0;
	/* 	    vertical-align: bottom; */
	/* 	    padding-bottom: 10px; */
			padding-bottom: 7px;
			}
		table.leitsatze-list td.lnumber {
			font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		    font-size: 28px;
		    font-weight: 300;
		    padding: 0;
		    padding-right: 10px;
		    line-height: 1.1em;
		    padding-right: 15px;
			}
		table.leitsatze-list .leitsatze-inner td {
			padding: 0;
			padding-top: 16px;
			}
	
	/* text-letter-list
	-------------------------------- */ 
	
.import-wrapper	ul {
		list-style-type:none;
		padding: 0 0 0 20px;
		margin-bottom: 15px;
		}
	.import-wrapper	ul li {
			}
	.import-wrapper	ul li::before {
	    color: #f00;
	    display: inline-block;
		content: "\6c";
		font-family: 'badg-dsgv';
		margin-left: -20px;
	    margin-right: 7px;
		}
	
/* text-letter-list
-------------------------------- */ 
	
.import-wrapper	ol {
		list-style-type:lower-latin;
		padding: 0 0 0 20px;
		margin-bottom: 25px;
		}
	.import-wrapper	ol li {
			margin-bottom: 10px;
			}
		.import-wrapper	ol li::before {
				}
	
	.import-wrapper	ol ol {
			list-style-type:decimal;
			margin-bottom: 20px;
			margin-top: 5px;
			padding: 5px 0 0 20px;
			}
		.import-wrapper	ol ol li {
				margin-bottom: 5px;
				}
	
	/* text-arrow-list
	-------------------------------- */ 
	
	h4.text-arrow-list-headline {
		color: #F00;
		margin-top: 0;
		}
	
	.text-arrow-list {
		list-style: none;
		padding: 0 0 0 20px;
		margin-bottom: 15px;
		font-size: 15px;
		}
	.text-arrow-list li {
		margin-bottom: 10px;
		}
	.text-arrow-list li::before {
	    color: #F00;
	    display: inline-block;
		content: "\76";
		font-family: 'badg-dsgv';
	    float: left;
	    font-size: 15px;
	    margin-left: -20px;
	    margin-right: 5px;
		}

	.text-arrow-list a {
		text-decoration: none !important;
		}
	
.import-wrapper ul.table-statistic {
	padding: 5px;
	margin: 15px 0 15px 0;
	font-size: 14px;
	line-height: 20px;
	list-style: outside none none;
	display: block;
	padding-right: 30px;
	padding-left: 30px;
	}
	.import-wrapper ul.table-statistic li {
		margin-bottom: 7px;
		}
	.import-wrapper ul.table-statistic li:before {
		content: "\76";
		font-family: 'badg-dsgv';
	    color: #F00;
	    margin-right: 7px;
	    font-size: 18px;
		display: inline-block;
		line-height: 20px;
		vertical-align: bottom;
		}
	.import-wrapper ul.table-statistic li span {
		color: #F00;
		margin-right: 15px;
		font-weight: 300;
		font-size: 20px;
		display: inline-block;
		line-height: 20px;
		}
	
	
.import-wrapper .table-list {
	margin-bottom: 25px;
	}
	
	
.import-wrapper .flexible-kennzahlen .panel-indikatoren > .panel-heading .panel-indicator-id {
    display: none;
	}
/*-----------------------------------------------------------------------------------*/
/*	Article Kennzahlen
/*-----------------------------------------------------------------------------------*/

.import-wrapper	.table > thead > tr > th {
	white-space: normal !important;
	}
.import-wrapper .table.data-h15 > thead > tr > th:nth-child(8),
.import-wrapper .table.data-h15 > thead > tr > th:nth-child(9),
.import-wrapper .table.data-h15 > thead > tr > th:nth-child(10) { white-space: nowrap !important; }
    
.import-wrapper .produkte-group-5 .table > thead > tr > th.column-2 { width: 70px; }
.import-wrapper	.produkte-group-5 .table > thead > tr > th.column-3 { } 




/*-----------------------------------------------------------------------------------*/
/*	Charts.js
/*-----------------------------------------------------------------------------------*/

.content-chart {
	margin-bottom: 25px;
	}
	
.content-chart h4 {
	margin-top: 0;
	margin-bottom: 5px;
	color: #F00;}
	
.content-chart .row:before {
		display: block;
	  	content: "";
	  	border-top: 1px solid #ccc;
	  	border-top: 1px solid #F00;
	    margin: 15px 15px 30px 15px;
	    width: auto;
	  	}
	  	
	.content-chart .pie-canvas-holder {
	    height: 200px;
	    margin: 0 auto 15px;
	    text-align: center;
		}
		
	.content-chart.pie-canvas-holder #pie-chart-area {
	    display: block;
	    height: 200px;
	    width: 200px;
		}
	 
 	 #chartjs-tooltip {
        opacity: 1;
        position: absolute;
        background: rgba(0, 0, 0, .8);
        color: #FFF;
        padding: 5px;
        border-radius: 2px;
        -webkit-transition: all .1s ease;
        transition: all .1s ease;
        pointer-events: none;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        opacity: 0;
    }
    #chartjs-tooltip.below {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    #chartjs-tooltip.below:before {
        border: solid;
        border-color: #000 transparent;
        border-color: rgba(0, 0, 0, .8) transparent;
        border-width: 0 8px 8px 8px;
        bottom: 1em;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        z-index: 99;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    #chartjs-tooltip.above {
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    #chartjs-tooltip.above:before {
        border: solid;
        border-color: #000 transparent;
        border-color: rgba(0, 0, 0, .8) transparent;
        border-width: 8px 8px 0 8px;
        bottom: 1em;
        content: "";
        display: block;
        left: 50%;
        top: 100%;
        position: absolute;
        z-index: 99;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    
 	.chart-tooltip {
        opacity: 1;
        position: absolute;
        background: rgba(0, 0, 0, .8);
        color: #FFF;
        padding: 5px;
        border-radius: 2px;
        -webkit-transition: all .1s ease;
        transition: all .1s ease;
        pointer-events: none;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        opacity: 0;
    }
    .chart-tooltip.below {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .chart-tooltip.below:before {
        border: solid;
        border-color: #000 transparent;
        border-color: rgba(0, 0, 0, .8) transparent;
        border-width: 0 8px 8px 8px;
        bottom: 1em;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        z-index: 99;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    .chart-tooltip.above {
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    .chart-tooltip.above:before {
        border: solid;
        border-color: #000 transparent;
        border-color: rgba(0, 0, 0, .8) transparent;
        border-width: 8px 8px 0 8px;
        bottom: 1em;
        content: "";
        display: block;
        left: 50%;
        top: 100%;
        position: absolute;
        z-index: 99;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    

	.chart_content_overlay {
		position: relative;
		z-index: 9;
		top: 0;
		left: 0;
		}
		

	/*  legend-chart-area
	------------------------------------------------------------------------------------------ */
	
	#legend-chart {
		background-color: #FFF;
		width: 200px;
		height: 200px;
		margin-bottom: 15px;
		margin-left: 0;
		margin-top: 10px;
		float: left;
		}
	#legend-chart.altersstruktur {
		background-color: #FFF;
		width: 150px;
		height: 150px;
		margin-bottom: 15px;
		margin-left: 15px;
		margin-top: 10px;
		float: left;
		}


	#legend-chart-area {
    	float: left;
    	margin: 0;
		}	
	
	.legend-wrapper {
		display: block;
		float: left;
		width: 380px;
	}
	
	
	#chart-legend {
    	float: left;
    	width: 320px;
    	margin-left: 30px;
    	margin-top: 10px;
		}
		
	.chart-legend {
    	float: left;
    	width: 320px;
    	margin-left: 30px;
    	margin-top: 10px;
		}
	
	.doughnut-legend {
	  	list-style: none;
	  	margin: 0;
	  	padding: 0;
	  	font-size: 14px;
	  	margin-top : 0px;
		}
	
	.doughnut-legend li {
	  	margin-bottom : 5px;
		}
	
	.doughnut-legend li span {
	  	display: block;
	  	width: 0;
	  	height: 0;
	  	border-radius: 2px;
	  	float: left;
	  	margin-top: 3px;
	  	margin-right: 8px;
	  	border: 8px #FFF solid;
		}

	.comm-how {
	  	display: inline-block;
	  	float : left;
	  	color : #7e7e7e;
	  	width : 80px;
	  	text-align: right;
	  	margin-right : 10px;
		}
	.comm-text {
	  	display: inline-block;
	  	width: 200px;
		}
	.gesamt-legend {
		float: left;
		width: 280px;
		margin-left: 30px;
		margin-top: 15px;
		margin-bottom: 15px;
		}
	.gesamt-legend::before {
	    color: #f00;
	    display: inline-block;
		content: "\76";
		font-family: 'badg-dsgv';
	    font-size: 20px;
	    line-height: 24px;
	    margin-right: 7px;
	    vertical-align:bottom;
		}
	.gesamt-legend span {
	    color: #f00;
	    display: inline-block;
	    font-family: "Sparkasse Web",Arial,Helvetica,sans-serif;
	    font-size: 22px;
	    font-weight: normal;
	    line-height: 22px;
	    margin-right: 5px;
		}
		
h5.grafic-header {
    border-bottom: 1px solid #ccc;
    color: #000;
    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    font-size: 14px;
    margin-top: 0;
    padding-bottom: 5px;
    font-weight: normal;
    text-align: left;
	}
		
.header-legend {
	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    list-style: outside none none;
    margin-bottom: 15px;
    padding: 0 0 0 20px;
	}
	.header-legend li {
	    text-align: left;
	    margin-bottom: 5px;
	}
	.header-legend li::before {
	    color: #f00;
		content: "\76";
		font-family: 'badg-dsgv';
	    display: inline-block;
	    float: left;
	
	    font-size: 14px;
	    margin-left: -20px;
	    margin-right: 5px;
	}
	.header-legend span {
	    color: #f00;
	    display: inline-block;
	    font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
	    font-size: 18px;
	    font-weight: 400;
	    line-height: 20px;
	    margin-right: 5px;
	}
	.header-legend em {
	    color: #000;
	    display: inline-block;
	    font-style: normal;
	}


/*-----------------------------------------------------------------------------------*/
/*	Aside
/*-----------------------------------------------------------------------------------*/

	aside .top-box {
		background-color: #FFF;
		min-height: 430px;
		border-bottom: 2px solid #FFF;
		border-top: 0 solid #FFF;
		position: relative;
		color: #FFF;
	    background-size:cover;
	    background-position: center center;
	 	} 
	 	
	aside .top-box.aside-box {
		background-color: #F00;
		color: #FFF;
		min-height: 433px;
	 	} 
	 	
	aside .top-box h2 {
		font-size: 26px;
		font-weight: normal;
		margin-top: 15px;
		padding-top: 0;
		margin-bottom: 15px;
		color: #F00;
/* 		display: inline-block; */
		display: block;
	 	}  
	aside .top-box h2:after {
		display: block;
	  	content: "";
		border-bottom: 1px dashed #F00;
	    margin: 10px 0;
	    width: auto;
	  	}
	aside .top-box.aside-box h2 {
		color: #FFF;
	 	}  
	aside .top-box.aside-box h2:after {
		border-bottom: 1px dashed #FFF;
	  	}
	  	
	  	
	aside .top-box h3 {
		font-size: 26px;
		font-weight: bold;
		color: #FFF;
	 	}  	  	
	aside .top-box h4 {
	    color: #fff;
	    font-weight: 400;
	    margin: 10px 0 15px;
		}
	  	
	 	
	aside .top-box .bottom-text {
		position: absolute;
		left: 15px;
		right: 15px;
		bottom: 0;
	 	} 
	aside .top-box .bottom-text.category-top {
		bottom: 5px;
		left: 15px;
		right: 15px;
		z-index: 100;
	 	} 



	.aside .home-box {
		background-color: #F00;
		height: auto;
		display: block;
	 	}
	.aside .home-box h2 {
		font-size: 26px;
		font-weight: normal;
		margin-top: 0;
		padding-top: 15px;
		margin-bottom: 25px;
		color: #FFF;
	 	}  
	.aside .home-box h2:after {
		display: block;
	  	content: "";
		border-bottom: 1px solid #FFF;
	    margin: 10px 0;
	    width: auto;
	  }
	.aside .home-box h3 {
		font-size: 34px;
		font-weight: bold;
		color: #FFF;
	 	}
	 	
	.aside .home-box h4 {
		color: #FFF;
		font-weight: 600;
		font-size: 18px;
		margin: 0 0 15px 0;
	 	} 
	 	
	.aside .box {
		background-color: #FFF;
		border-bottom: 1px solid #F00;
		border-right: 1px solid #F00;
		border-left: 1px solid #F00;
		
	 	} 
	.aside .box.box-link {
		 display: block;
		 margin-top: 0;
	 	} 
	.aside .box.box-link:hover {
		background-color: #F3F3F3;
		color: #000;
		text-decoration: none;
	 	} 

	.aside .box h3 {
		color: #F00;
		margin-top: 15px;
		margin-bottom: 15px;
	 	} 
	.aside .box h4 {
		color: #F00;
		font-weight: 400;
		margin-bottom: -7px;
	 	} 
	 	
	 	
	aside .box.kennzahlen-box {
		background-color: #F00;
		border-top: 1px #F00 solid;
		height: 200px;
		margin-top: 2px;
	 	}
	aside .box.kennzahlen-box.box-link:hover {
		background-color: #F00;
	 	}

	aside .box.kennzahlen-box .bottom-text {
		position: absolute;
		bottom: 15px;
	 	} 
	aside .box.kennzahlen-box .kennzahlen-txt {
		height: 200px;
	 	}
	 	
	aside .box.kennzahlen-box h3 {
		color: #FFF;
		margin-bottom: 15px;
	 	}
	aside .box.kennzahlen-box h4 {
		color: #FFF;
		margin: 0px;
		font-size: 18px;
	 	}
	aside .box.kennzahlen-box img {
		height: 200px;
		margin: 0 auto;
	 	}
	



/*-----------------------------------------------------------------------------------*/
/*	Pages
/*-----------------------------------------------------------------------------------*/

.page .page-content {
	min-height: 550px;
	}

.page .page-content h2 {
	margin-bottom: 0;
	margin-top: 25px;
	color: #F00;
	font-weight: 600;
	}
.page .page-content h2 {
	font-weight: 600;
	}

.page .page-content strong {
	font-weight: 600;
	}

.page .page-content h4 {
    border-bottom: 1px solid #ff0000;
    color: #000;
    font-family: 'Sparkasse Web',Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
    padding-bottom: 5px;
    margin-top: 30px;
	}
	
.page .page-content	.wp-post-image {

	}
	
/*-----------------------------------------------------------------------------------*/
/*	page-archiv
/*-----------------------------------------------------------------------------------*/

.page-archiv h2 {
    color: #000;
    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom: 25px;
    margin-top: 15px;
	}
.archiv-header h2 {
    color: #000;
    font-family: 'Sparkasse Web',Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom: 25px;
    margin-top: 15px;
     padding-bottom: 25px;
     font-weight: 600;
     font-size: 26px;
	}
	
	
.page-archiv .category-top .row.category-box {
	height: 300px;
	}
	
.page-archiv .row.archive {
    border-top: 1px solid #ff0000;
    padding-top:  15px;
    padding-bottom: 15px;
	margin-right: 0;
	margin-left: 0;
	}
.page-archiv .margin-image {
	margin-right: 0;
	margin-left: 0;
	}
	
	 
	
.page-archiv .row.archive h3 {
    font-size: 22px;
    color: #F00;
    margin-top: 0;
	}
	
	.page-archiv .row.archive .archive-txt {
		padding-right:  15px;
		}
		
	.page-archiv .link-container {
	    height: 100%;
	    position: absolute;
	    width: 100%;
	    z-index: 99;
	    top: 0; left: 0;
		}
		.page-archiv .link-container .icon-right-circled, 
		.page-archiv .link-container .icon.icon-arrow-circle-right {
			color: #FFF;
			font-size: 20px;
			float: right;
			margin: 15px;
			line-height: 1;
			}
		
		.page-archiv .link-container:hover .icon-right-circled,
		.page-archiv .link-container:hover .icon.icon-arrow-circle-right  {
			color: #F00;
			line-height: 1;
			}	
		.page-archiv .bg-red-box .link-container:hover .icon-right-circled,
		.page-archiv .bg-red-box .link-container:hover .icon.icon-arrow-circle-right  {
			color: #000;
			}	
		
	
/*-----------------------------------------------------------------------------------*/
/*	Kennzahlen Blog Dropdown
/*-----------------------------------------------------------------------------------*/

.dropdown-dsgv {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 99;
    top: 0; bottom: 0;
    left: 0; right: 0;
	}

.dropdown-dsgv .panel {
    margin: 0;
    width: 100%;
	}
	
.dropdown-dsgv .panel .panel-title {
	background-color: #F00;
	display: block;
	line-height: 1.8;
	color: #FFF;
    padding: 0 10px 0 15px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    min-height: 29px;
	}
.dropdown-dsgv .panel .panel-title a {
	font-size: 14px;
    color: #FFF;
	}
	
.dropdown-dsgv .panel .panel-title a:hover {
	color: #FFF;
	background-color: transparent;
	}

.dropdown-dsgv .panel .panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    background-color: #F00;
    font-size: 14px;
	}

.dropdown-dsgv .panel .panel-heading a {
    color: #FFF;
    line-height: 1.9;
    display: block;
    padding: 0 10px 0 15px;
	}
	
.dropdown-dsgv .panel .panel-title .accordion-toggle::after {
    color: #FFF;
	content: "\3b";
	font-family: "badg-dsgv" !important;
    float: right;
    font-size: 13px;
    display: inline-block;
    padding-top: 2px;
    line-height: 2;
	}
.dropdown-dsgv .panel .panel-title .accordion-toggle.collapsed::after {
	content: "\2f";
	font-family: "badg-dsgv" !important;
	color: #FFF;
	float: right;
	font-size: 13px;
	padding-top: 2px;
	display: inline-block;
	line-height: 2;
	}
	
.dropdown-dsgv .panel .panel-heading .accordion-toggle:hover {
	background-color: #F00;
	}


.dropdown-dsgv .panel .list-group {
	border-left: 1px solid #F00;
	border-right: 1px solid #F00;
	border-bottom: 1px solid #F00;
/*
	min-width: 100%;
    width: 100%;
*/
	}
	
.dropdown-dsgv .panel .list-group-item {
    border: 1px solid #F00;
    display: block;
    margin-top: 0;
    position: relative;
    border-width: 1px 0 0 0;
	}
.dropdown-dsgv .panel .list-group-item:hover {
	background-color: #fcfcfc;
	}

.dropdown-dsgv .panel .list-group-item h4 {
    background-color: #FFF;
    overflow: hidden;
    color: #F00;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 14px;
	}
.dropdown-dsgv .panel .list-group-item h4::after {
    content: "";
    display: inline-block;
    height: 0.2em;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 10px;
    border-top: 1px dashed #F00;
	}
	

.dropdown-dsgv .panel .list-group-item h3 {
    background-color: #FFF;
    overflow: hidden;
    color: #F00;
    font-weight: normal;
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 3px;
	}
	

/*-----------------------------------------------------------------------------------*/
/*	Kennzahlen
/*-----------------------------------------------------------------------------------*/


.row-kennzahlen {
	margin-left: -20px;
	margin-right: -20px;
	}
.row-kennzahlen.headline-kennzahlen {
	margin-top: 10px;
	}
	

.row.line-after::after {
    border-bottom: 1px solid #f00;
    content: "";
    display: block;
    margin: 0 15px;
    padding-bottom: 10px;
    width: auto;
	}
.row.line-before::before {
    border-top: 1px solid #f00;
    content: "";
    display: block;
    margin: 0 15px;
    padding-bottom: 10px;
    width: auto;
	}
	

.archive-kennzahlen .group-row {
    margin-bottom: 10px;
}

.archive-kennzahlen .group-row {
    margin-bottom: 10px;
}
.archive-kennzahlen h2 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom:  15px;
    margin-top: 15px;
	}
.archive-kennzahlen h2.headline-red {
    color: #F00;
    font-size: 22px;
	}
	
.archive-kennzahlen a:hover h2 {
    color: #F00;
	}

	.headline-kennzahlen h2 {
		font-size: 22px;
		margin-bottom: 10px;
	 	} 



ul.list-arrow-forward {
    list-style: outside none none;
    overflow-x: hidden;
    padding: 0 0 0 20px;
	}
ul.list-arrow-forward li::before {
    color: #f00;
    float: left;
	font-family: "badg-dsgv" !important;
	content: "\76"; /* android-arrow-forward */
    font-size: 14px;
    margin-left: -20px;
    margin-top: 0;
	}
ul.list-arrow-forward span:first-child {
    display: inline-block;
    max-width: 80%;
	}
ul.list-arrow-forward span + span {
    background: white none repeat scroll 0 0;
    float: right;
    padding-left: 0.5em;
    position: relative;
    z-index: 1;
	}


.icircle-shape {
    background: #f00 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 70px;
    line-height: 70px;
    margin: 0 15px 0 0;
    text-align: center;
    text-transform: capitalize;
    width: 70px;
	}
	.icircle-shape.shapeletter {
	    font-size: 36px;
	    font-weight: 600;
	    text-transform: capitalize;
		}

.icircle {
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #f00;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    color: #F00;
    float: right;
    font-size: 30px;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    margin: 15px 0 15px 15px;
    text-align: center;
    text-transform: capitalize;
    width: 60px;
	}
	.icircle:hover {
		background-color: #F00;
		color: #FFF;
		}
	.icircle.current {
		background-color: #F00;
		color: #FFF;
		}
	
.headline-bullets.id-561 .icircle.activ561 {
    background: #f00 none repeat scroll 0 0 !important;
    border: 0 solid #cccccc;
    color: #fff;
	}
.headline-bullets.id-560 .icircle.activ560 {
    background: #f00 none repeat scroll 0 0 !important;
    border-color: #f00;
    color: #fff;
	}
.headline-bullets.id-559 .icircle.activ559 {
    background: #f00 none repeat scroll 0 0 !important;
    border-color: #f00;
    color: #fff;
	}


.icircle-shape-small {
    background: #f00 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    margin: 0 15px 0 0;
    text-align: center;
    text-transform: capitalize;
    width: 50px;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
	}


.archive-kennzahlen-footer {
	margin-top: 5px;
	}
.archive-kennzahlen-footer .table-print {
	padding-right: 5px;
	}

/*-----------------------------------------------------------------------------------*/
/*	panel
/*-----------------------------------------------------------------------------------*/

div.footable-loader {
    height: 200px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
div.footable-loader > span.fooicon {
    animation: 2s linear 0s normal none infinite running fooicon-spin-r;
    display: inline-block;
    font-size: 20px;
    height: 32px;
    left: 50%;
    line-height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    opacity: 0.3;
    position: absolute;
    top: 50%;
    width: 32px;
}
.panel-group {
    margin-bottom: 20px;
    margin-top: 20px;
}
.panel-group .panel {
    border-radius: 1px;
    margin-bottom: 15px !important;
/*     margin-bottom: 0; */
}
.panel-group .panel + .panel {
    margin-top: 15px;
}
.panel-body {
    font-size: 13px;
}
.panel-indikatoren {
    border-color: #cccccc;
	padding-right: 0;
	padding-left: 0;
/* 	margin-bottom: 15px !important!; */
}
.panel-indikatoren > .panel-heading {
    background-color: #f5f5f5;
    border-color: #cccccc;
    color: #333;
    padding: 0;
}
.panel-indikatoren > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #cccccc;
}
.panel-indikatoren > .panel-heading .badge {
    background-color: #333;
    color: #f5f5f5;
}
.panel-indikatoren > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #cccccc;
}
.panel-indikatoren > .panel-heading .accordion-toggle {
    display: block;
    padding: 10px 15px 9px;
	}
.panel-indikatoren > .panel-heading .accordion-toggle .panel-indicator-title {
    display: inline-block;
	}

.panel-indikatoren > .panel-heading .accordion-toggle::after {
    color: #e20613;
    content: "\3b"; /* chevron-down-1 */
    content: "\3f";
    float: right;
    font-family: "badg-dsgv" !important;
    font-size: 15px;
	}
.panel-indikatoren > .panel-heading .accordion-toggle.collapsed::after {
    content: "\2f"; /* chevron-right-1 */
    content: "\3d";
    font-family: "badg-dsgv" !important;
    font-size: 15px;
	}
a.accordion-toggle:focus {
    color: #e20613;
    outline: medium none;
    text-decoration: none;
}
a.accordion-toggle:hover {
    background-color: #ededed;
    color: #e20613;
    outline: medium none;
    text-decoration: none;
}

.panel-indikatoren .berichtstext-panel {
	padding-right: 23px;
	padding-left: 23px;
	}
.panel-indikatoren .berichtstext-panel h4 {
	color: #F00;
	font-size: 16px;
	font-weight: 600;
	}
.panel-indikatoren .berichtstext-panel h4 span {
	display: none;
	}
	
.panel-sidebar {
	padding-right: 0;
	padding-left: 15px;
	}
	
.panel-sidebar .panel-sidebar-inner {}


	.main .row.row-inner.kennzahlen-footer.site-link {
		margin-top: 30px;
		margin-right: 0;
		margin-left: 0;
		min-height: 50px;
	 	}
	.main .row.row-inner.kennzahlen-footer.site-link .home-box  {
		background-color: #F00;
		display: block;
		min-height: 50px;
	 	}
	.main .row.row-inner.kennzahlen-footer.site-link .home-box h2 {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 15px;
		margin-top: 15px;
		padding: 0;
		display: inline-block;
	 	} 	
	.main .row.row-inner.kennzahlen-footer.site-link .home-box h2:after {
		display: block;
	  	content: "";
		border-bottom: 0px solid #FFF;
	    margin: 0;
	    padding: 0;
	    width: auto;
		} 
		
	/* COLLAPSE PANE 
	------------------------------------------------------------------------------------------ */	
		
		
.panel-indikatoren .panel-body .single-content h4.col-flexible-header { 
	font-size: 13px;
	border-bottom: 1px solid #E20613;
	color: #000;
	vertical-align: bottom;
	font-weight: 600;
	padding: 8px;
	margin-right: 15px;
	margin-left: 15px;
	}	
	.panel-indikatoren .panel-body .single-content h4.col-flexible-header span { 
		width: 40px;
		font-weight: 600;
		display: inline-block;
		}	
		
	.panel-indikatoren .panel-body .single-content .col-flexible-content { }
		
	.panel-indikatoren .panel-body .single-content .col-flexible-content h4 { 
		font-size: 13px;
		border-bottom: 1px solid #E20613;
		color: #000;
		padding: 8px;
		padding-left: 48px;
		margin-bottom: 10px;
		vertical-align: bottom;
		font-weight: bold;
		}	
	.panel-indikatoren .panel-body .single-content .col-flexible-content h4.meta-2 { 
		padding: 8px;
		}
	.panel-indikatoren .panel-body .single-content .col-flexible-content h4.meta-2 span { 
		display: inline-block;
		padding-left: 0;
		padding-right: 22px;
		font-weight: 600;
		}
	.panel-indikatoren .panel-body .single-content .col-flexible-content p { 
			margin-left: 40px;
			padding: 0 8px;
			font-size: 13px; 
			}
			
		
	.panel-indikatoren .panel-body .single-content .col-flexible-content ul {
		list-style: outside none none;
		overflow-x: hidden;
		padding: 0 0 0 70px;
		}
			
	.panel-indikatoren .panel-body .single-content .col-flexible-content ul li::before {
	    color: #f00;
	    float: left;
	    font-family: "badg-dsgv" !important;
	    content: "\6c";
	    font-size: 14px;
	    margin-left: -20px;
	    margin-top: 0;
		}
			
	
/*-----------------------------------------------------------------------------------*/
/*	Gradient
/*-----------------------------------------------------------------------------------*/

.gradient80 {	
	z-index: 9;
	left: 0; right: 0; 
	top: 100px; bottom: 0; 
	position: absolute;	   
	background: -moz-linear-gradient(80deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(80deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(80deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); /* opera 11.10+ */
	background: -ms-linear-gradient(80deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); /* ie10+ */
	background: linear-gradient(10deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
	}

/*-----------------------------------------------------------------------------------*/
/*	Content
/*-----------------------------------------------------------------------------------*/

.graph-svg  {
	text-align: center
	}

.panel-sidebar .panel-sidebar-inner {
    background-color: #f5f5f5;
    background-color: #FFF;
    border: 1px solid #ddd;
    border-radius: 1px;
    margin-bottom: 15px;
    min-height: 20px;
    padding: 19px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);    
	}
	
.panel-sidebar h5.grafic-header {
    border-bottom: 1px solid #ccc;
    color: #000;
    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    font-size: 14px;
    margin-top: 0;
    padding-bottom: 5px;
    font-weight: normal;
    text-align: left;
	}
	
.panel-sidebar .header-legend {
	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    list-style: outside none none;
    margin-bottom: 15px;
    padding: 0 0 0 20px;
	}
	.panel-sidebar .header-legend li {
	    text-align: left;
	    margin-bottom: 5px;
	}
	.panel-sidebar .header-legend li::before {
	    color: #f00;
		content: "\76";
		font-family: 'badg-dsgv';
	    display: inline-block;
	    float: left;
	
	    font-size: 14px;
	    margin-left: -20px;
	    margin-right: 5px;
	}
	.panel-sidebar .header-legend span {
	    color: #f00;
	    display: inline-block;
	    font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
	    font-size: 18px;
	    font-weight: 400;
	    line-height: 20px;
	    margin-right: 5px;
	}
	.panel-sidebar .header-legend em {
	    color: #000;
	    display: inline-block;
	    font-style: normal;
	}



/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/

#print-post {
	float: right;
	margin-top: 0;
	text-transform: uppercase;
	}
	#print-post.btn-sm {
	    border-radius: 2px;
	    font-size: 11px;
	    line-height: 1.5;
	    padding: 4px 8px;
		}
	#print-post span {
		color: #F00;
		padding-right: 4px;
		}
	
.table-print .btn-sm {
    border-radius: 2px;
    font-size: 11px;
    line-height: 1.5;
    padding: 4px 8px;
	}
	
.table-legend {
	font-size: 13px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
	}
.table-print {
    margin-bottom: 15px;
	}
.table-print .glyphicon {
    color: #F00;
    padding-right: 5px;
	}

/*-----------------------------------------------------------------------------------*/
/* royalSlider */
/*-----------------------------------------------------------------------------------*/

#full-width-slider {  
	width: 100%; 
	color: #000; 
	}
	
#full-width-slider.royalSlider { 
   width: 100%;
   height: 400px; 
   max-width: 1200px;
	}

.infoBlock {
  position: absolute;
  top: 15px;
  right: 15px;
  left: auto;
  max-width: 90%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 5px 10px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.7);
  left: 15px;
  right: auto;
}

.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
  font-weight: 600;
}
.infoBlock p {
  font-size: 15px;
  margin: 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}

.infoBlockLeftRed {
  color: #FFF;
  background: #F00;
  background: rgba(255, 0, 0, 0.9);
  left: 15px;
  right: auto;
}
.infoBlockLeftWhite {
  color: #F00;
  background: #FFF;
  background: rgba(255, 255, 255, 0.9);
  left: 15px;
  right: auto;
}

.infoBlock.captionBlock {
  position: absolute;
  top: 60px;
}

.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 15px;
  bottom: 15px;
  top: auto;
  border-radius: 1px;
  z-index: 25; 
} 
.photosBy a { color: #000; }
 

.fullWidth {
  max-width: 940px;
  margin: 0 auto 24px;
}

.rsMinW .rsBullets {
    bottom:20px;
    right:20px;
	}
.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
    background: #F00 none repeat scroll 0 0;
    color: #fff;
	}
	
#box-width-slider {
	width: 100%; 
	color: #000; 
	height: 520px;
	background-color: #FFF;
	}

#box-width-slider.rsMinW .rsBullets {
    position: absolute;
    bottom: 15px;
    right: auto;
    left: 15px;
	}

#box-width-slider.rsMinW, 
#box-width-slider.rsMinW .rsOverflow, 
#box-width-slider.rsMinW .rsSlide, 
#box-width-slider.rsMinW .rsVideoFrameHolder, 
#box-width-slider.rsMinW .rsThumbs {
    background-color: #F3F3F3;
    color: #000;
	}

#box-width-slider.rsMinW .rsArrowIcn{
/*	background-color: #F00;
*/
	}

#box-width-slider.rsMinW .rsBullet span {
/*
    background: #F00;
    background: rgba(255, 0, 0, 1);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
*/
}

#box-width-slider figure {

    margin: 0;

}
#box-width-slider .rsFullscreenIcn {
    display: block;
    margin: 6px;
    width: 32px;
    height: 32px;
	background-color: #F00;
	border-radius: 3px;
	}
	
.content-slider {
	width: 100%; 
	color: #000; 
	height: 520px;
	background-color: #FFF;
	margin-bottom: 15px;
	}
	
#box-width-slider-3472.content-slider {
	width: 100%; 
	color: #000; 
	height: 600px;
	}
	

.content-slider.rsMinW .rsBullets {
    position: absolute;
    bottom: 15px;
    right: auto;
    left: 15px;
	}

.content-slider.rsMinW, 
.content-slider.rsMinW .rsOverflow, 
.content-slider.rsMinW .rsSlide, 
.content-slider.rsMinW .rsVideoFrameHolder, 
.content-slider.rsMinW .rsThumbs {
    background-color: #F3F3F3;
    color: #000;
	}

.content-slider.rsMinW .rsArrowIcn{
/*	background-color: #F00;
*/
	}

.content-slider.rsMinW .rsBullet span {
/*
    background: #F00;
    background: rgba(255, 0, 0, 1);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
*/
}

.content-slider figure {

    margin: 0;

}
.content-slider .rsFullscreenIcn {
    display: block;
    margin: 6px;
    width: 32px;
    height: 32px;
	background-color: #F00;
	border-radius: 3px;
	}
	
	
/*-----------------------------------------------------------------------------------*/
/*	Print Modal
/*-----------------------------------------------------------------------------------*/

.modal-print .btn-sm {
    border-radius: 3px;
    font-size: 11px;
    line-height: 1.5;
    padding: 3px 8px;
	background-color: #f00;
    border-color: #f00;
    color: #fff;
	}
	.modal-print .btn-sm .glyphicon {
		color: #E20613;
		color: #FFF;
		padding-right: 5px;
		}
/*
.modal-print .modal-dialog {
    margin: 15px auto;
    width: 750px;
	}
*/
		
.modal-print button.close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
	}

.modal-print .modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding:10px 15px!important ;
	}
	
	.modal-print .table {
	    font-size: 12px;
		}
	.modal-print .column-0 {
	    font-weight: 600;
	    max-width: 35px;
	    width: 35px;
		}
		
	
	.print-view .initiativen-group .table > thead > tr > th.column-2 {width: 70px; }   
	.print-view .initiativen-group .table > thead > tr > th.column-3 { width: 140px; }
	.print-view .initiativen-group .table > thead > tr > th.column-4 { width: 75px; }   
			
	.print-view .produkte-group.tab-1 .table > thead > tr > th.column-2 { width: 80px; }
	.print-view .produkte-group.tab-1 .table > thead > tr > th.column-3 { width: 100px; }
	.print-view .produkte-group.tab-2 .table > thead > tr > th.column-2 { width: 80px; }
	.print-view .produkte-group.tab-2 .table > thead > tr > th.column-3 { width: 100px; }
	.print-view .produkte-group.tab-3 .table > thead > tr > th.column-2 { width: 100px; }
	.print-view .produkte-group.tab-3 .table > thead > tr > th.column-3 { width: 100px; }
	.print-view .produkte-group.tab-4 .table > thead > tr > th.column-2 { width: 80px; }
	.print-view .produkte-group.tab-4 .table > thead > tr > th.column-3 { width: 100px; white-space: normal;}	
	.print-view .produkte-group.tab-5 .table > thead > tr > th.column-2 { width: 100px; }
	.print-view .produkte-group.tab-5 .table > thead > tr > th.column-3 { width: 100px; }
		
	.print-view .haltung-group.tab-1 .table.data-h1 > thead > tr > th.column-2 { width: 220px; }	
	.print-view .haltung-group.tab-1 .table.data-h2 > thead > tr > th.column-2 { width: 130px; }
	.print-view .haltung-group.tab-1 .table.data-h2 > thead > tr > th.column-3 { width: 130px; }
	.print-view .haltung-group.tab-1 .table.data-h2-2 > thead > tr > th.column-2 { width: 130px; }
	.print-view .haltung-group.tab-1 .table.data-h2-2 > thead > tr > th.column-3 { width: 130px; }
	
	.print-view .haltung-group.tab-1 .table.data-h2-5 > thead > tr > th.column-2 { width: 220px; }
	
	.print-view .haltung-group.tab-2 .table > thead > tr > th.column-2 { width: 220px; }
		
	.print-view .haltung-group.tab-4 .table > thead > tr > th.column-2 { width: 220px; }
	.print-view .haltung-group.tab-5 .table > thead > tr > th.column-2 { width: 130px; }
	.print-view .haltung-group.tab-6 .table > thead > tr > th.column-2 { width: 130px; }		
		
	.print-view .haltung-group.tab-7 .table.data-h14 > thead > tr > th.column-2 { width: 80px; }	
	.print-view .haltung-group.tab-7 .table.data-h14 > thead > tr > th.column-3 { width: 80px; }
	.print-view .haltung-group.tab-7 .table.data-h14 > thead > tr > th.column-4 { width: 80px; }
	
	.print-view .haltung-group.tab-7 .table.data-h16 > thead > tr > th.column-2 { width: 80px; }	
	.print-view .haltung-group.tab-7 .table.data-h16 > thead > tr > th.column-3 { width: 80px; }
	.print-view .haltung-group.tab-7 .table.data-h16 > thead > tr > th.column-4 { width: 80px; }
	
	.print-view .haltung-group.tab-7 .table.data-h18 > thead > tr > th.column-2 { width: 80px; }	
	.print-view .haltung-group.tab-7 .table.data-h18 > thead > tr > th.column-3 { width: 80px; }
	.print-view .haltung-group.tab-7 .table.data-h18 > thead > tr > th.column-4 { width: 80px; }
	
	
	
.print-view { max-width: 750px; }
	
.print-view h1 {
    color: #F00;
    font-family: "Merriweather",serif;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin: 0;
    padding-top: 15px;
    margin-bottom: 20px;
	}
.print-view h3 {
    margin-top: 15px;
    font-size: 16px;
    margin-bottom: 0;
	}
	
.print-view .modal-headline p {
	margin-bottom: 15px;
	}
.print-view .modal-logo {
	text-align: right;
	}
.print-view .modal-logo a {
		margin-top: 5px;
		margin-bottom: 15px;
		width: 180px;
		height: 60px;
		display: block;
		float: right;
		}
	
.print-view .modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 1px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
	}
	
.print-view .modal-body {
    padding: 0;
    position: relative;
	}
	
.print-view .panel-group {
    margin-bottom: 20px;
    margin-top: 0;
/*     min-width: 720px; */
	}
.print-view .panel-indikatoren {
    margin-bottom: 30px;
    margin-top: 15px;
	}
.print-view .panel-indikatoren:last-of-type {
    margin-bottom: 15px;
    margin-top: 15px;
	}
	
.print-view .panel-title {
    color: #000;
    font-size: 14px;
	display: block;
    padding: 10px 15px;
	}
	
	
	.page-break {display: none}

	.page-break {
    	font-size: 12px;
	}
	.page-break .page-break-logo {
    	width: 100%;
    	border: 0px solid #FFF;
    	text-align: right;
	}
	.page-break .page-break-headline .headline-logo {}

	.page-break .page-break-headline {
    	width: 100%;
	}
	.page-break .page-break-headline h1	{  
		font-size: 16px;
		margin-top: 0;
		margin-bottom: 15px;
		padding: 0;
		letter-spacing: 0.5px;
		font-weight: 400;
		}
	.page-break .page-break-headline h3	{  
		font-size: 14px;
		margin-top: 0;
		margin-bottom: 0;
		}

.page-datenschutz,
.page-datenschutzerklarung { }

.page-datenschutz .page-content h2,
.page-datenschutzerklarung .page-content h2 {
	padding-bottom: 30px;
	}	
	
.page-datenschutz .page-content ul,
.page-datenschutzerklarung .page-content ul {
    list-style: none;
    padding: 0 0 0 30px;
    margin-bottom: 15px;
	}

.page-datenschutz .page-content ul li::before,
.page-datenschutzerklarung .page-content ul li::before {
    color: #f00;
    float: left;
    font-family: "badg-dsgv" !important;
    content: "\76";
    font-size: 14px;
    margin-left: -20px;
    margin-top: 0;
	}


.modal-print .btn-print { margin-top: 5px }

.modal-print .panel-group { display: none }

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

.print-view .modal-logo a {
		float: right;
		margin-top: 15px;
		}

	.modal-print .modal-dialog {
    margin: 15px auto;
    width: 750px;
	}

	.modal-print .panel-group {display: block}
}

@media (min-width: 992px) {
  .modal-print .modal-dialog {
	margin: 15px auto;
    width: 750px;
  }
}


/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/

footer {
	background-color: #FFF;
	}
footer .row.footer {
    margin-bottom: 15px;
    margin-top: 15px;
    min-height: 100px;
	}
	
	footer .row.footer:before {
		display: block;
		content: "";
		border-top: 1px solid #F00;
		margin: 0 15px 7px 15px;
		width: auto;
		}
		
	#menu-footer-menu-right { float: left; }
	#menu-footer-menu-left { float: left; }	
		
	footer .footer-menu {
		
		}
		footer .footer-menu .nav-pills > li > a {
		border-radius: 1px;
		padding: 7.5px 15px;
		}
		
	footer .footer-menu .nav > li > a:focus, 
	.nav > li > a:hover {
	    text-decoration: none;
	    background-color: #FFF;
		}
		
	footer .footer-menu .nav-pills > li.active > a, 
	footer .footer-menu .nav-pills > li.active > a:focus, 
	footer .footer-menu .nav-pills > li.active > a:hover {
	    color: #999;
	    background-color: #FFF;
		}
		
/*
	footer .footer-menu .nav-pills > li > a::before {
	    color: #f00;
	    float: left;
	    font-family: "badg-dsgv" !important;
	    content: "\2c";
	    font-size: 14px;
	    margin-left: 0;
	    padding-right: 5px;
		}
*/
				
	footer .footer-menu ul {
		}
	footer .footer-menu ul li {
		}
		
	footer .footer-copy div {
		position: relative;
		display: block;
		padding: 10px 15px;
		float: left;
		}

/*-----------------------------------------------------------------------------------*/
/*	object-fit-images
/*-----------------------------------------------------------------------------------*/

.OFimage {
    display: block;
    height: 100%;
    max-width: 100%;
    width: 100%;
	}
.OF-image {
    display: block;
    height: 425px;
    height: 400px;
    max-width: 100%;
    width: 100%;
	}
.OF-image-400 {
    display: block;
    height: 400px;
    max-width: 100%;
    width: 100%;
	}

.OF-fill {
    font-family: "object-fit: fill";
    object-fit: fill;
	}
.OF-contain {
    font-family: "object-fit: contain";
    object-fit: contain;
	}
.OF-cover {
    font-family: "object-fit: cover";
    object-fit: cover;
	}
.OF-cover-op {
    font-family: "object-fit: cover; object-position: 80% 20%";
    object-fit: cover;
    object-position: 80% 20%;
    object-position: 80% 20%;
	}
.OF-none {
    font-family: "object-fit: none";
    object-fit: none;
	}
.OF-scaleDown {
    font-family: "object-fit: scale-down";
    object-fit: scale-down;
	}

/*-----------------------------------------------------------------------------------*/
/*	b-lazy
/*-----------------------------------------------------------------------------------*/

.b-lazy {
    -webkit-transition: opacity 900ms ease-in-out;
       -moz-transition: opacity 900ms ease-in-out;
         -o-transition: opacity 900ms ease-in-out;
        -ms-transition: opacity 900ms ease-in-out;
            transition: opacity 900ms ease-in-out;
               opacity: 0;
}
.b-lazy.b-loaded {
               opacity: 1;
}

.b-lazybg {
    background-repeat:no-repeat;
    background-size:cover;
/* 	    background-size: contain; */
    background-position: center center;
}


blockquote {
    padding: 10px 0 15px;
    margin: 0;
    border-left: 0 solid #eee;
    color: #777;
    font-size: 14px;
    line-height: 1.5;
	}

/*-----------------------------------------------------------------------------------*/
/*	Overwrites
/*-----------------------------------------------------------------------------------*/

.teaser-image #attachment-id-2042,
.teaser-image #article-image-1238,
.teaser-image #attachment-id-1238 {
	font-family: "object-fit: contain";
    object-fit: contain;
    border: 1px solid #F00;
    background-color: #FFF;
	}
	
.single .image-holder #attachment-id-2042.OFimage,
.single .image-holder #attachment-id-1238.OFimage {
	font-family: "object-fit: contain";
    object-fit: contain;
    border: 1px solid #F00;
    background-color: #FFF;
	}
	
/*-----------------------------------------------------------------------------------*/
/*	debug
/*-----------------------------------------------------------------------------------*/

.debugbg {
	background-color: aqua;
	}	
	
.debug {
	background-color: aqua;
	display: none;
	}
	
.xlogged-in .main .row.row-inner {
    background-color: #ff6969;
	}
.xlogged-in .main .main-row {
	background-color: #fff7e0;
    }

/*-----------------------------------------------------------------------------------*/
/*	Responsive
/*-----------------------------------------------------------------------------------*/
 
	/* Custom, iPhone Retina */
	@media only screen and (min-width : 320px){
 
	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (min-width : 480px){
		
		.single .image-holder {
			min-height: 360px;
			height: 360px;
			}	
	}
 
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
		
		
		header .brand {
			border-top: 0px solid #FFF;
			}
		header h1 {
	    	font-size: 32px;
			text-align: right;
			}	
	 
		.main .row.row-top-menu {
			margin-bottom: 0;
			}
	 
		 .navbar-blog .navbar-nav > li {
		    width: 25%; /* fallback for non-calc() browsers */
		    width: calc(100% / 4);
			}
			
		.category .badg .top-box.height-400 {
			height: 400px;
		    min-height: 400px;
			}
			
		.main .blog .top-box.aside-box {
			min-height: 433px;
		 	} 
		.main .blog .top-box.light-bg.aside-box {
			min-height: 70px;
		 	} 
			
		.single .image-holder {
			min-height: 400px;
			height: 400px;
			}
			
		#menu-footer-menu-right { float: left; }
		footer .footer-copy div { float: right; }
		
	 	.import-wrapper .table.data-p14-1 > thead > tr > th.column-1 { width: 200px; }  
	 	.import-wrapper .table.data-p14-1 > thead > tr > th.column-2 { width: 45px; } 
	 	.import-wrapper .table.data-p14-2 > thead > tr > th.column-1 { width: 200px; } 
	 	.import-wrapper .table.data-p14-2 > thead > tr > th.column-2 { width: 45px; }  	
	 	.import-wrapper .table.data-p14-3 > thead > tr > th.column-1 { width: 200px; } 
	 	.import-wrapper .table.data-p14-3 > thead > tr > th.column-2 { width: 45px; } 
	 	
	 	
	 	

		.import-wrapper .table.data-h4 > thead > tr > th.column-1 {
			width: 400px;
			}
		.import-wrapper .table.data-h20 > thead > tr > th.column-1 {
			width: 300px;
			}
	 	
		.import-wrapper .table.data-p5 > thead > tr > th.column-1 {

			}
		.import-wrapper .table.data-p5 > thead > tr > th.column-2 {
			width: 100px;
			}
		.import-wrapper .table.data-p5 > thead > tr > th.column-3 {
			width: 100px;
			}
			
		.import-wrapper .table.data-p6.table-count-2 > thead > tr > th.column-2 {
			width: 100px;
			}
			
		.import-wrapper .table.data-p8 > thead > tr > th.column-1 {
			width: 180px;
			}
		.import-wrapper .table.data-p8.table-format-vorjahr-2 > thead > tr > th.column-2 {
			width: 75px;
			}
			
		.import-wrapper .table.data-p8.europa-service > thead > tr > th.column-2 {
			width: 75px;
			}
		.import-wrapper .table.data-p8.s-countrydesk > thead > tr > th.column-2 {
			width: 75px;
			}
	 	
		.import-wrapper .table.data-p9.table-format-vorjahr-2 > thead > tr > th.column-2 {
			width: 75px;
			}
		.import-wrapper .table.data-p9.table-cell-2 > thead > tr > th.column-1 {
			width: 350px;
			}
		.import-wrapper .table.data-p9.table-cell-1 > thead > tr > th.column-1 {
			width: 350px;
			}
	 	
		.import-wrapper .table.data-i6 > thead > tr > th.column-1 {
			width: 300px;
			}
		.import-wrapper .table.data-i7 > thead > tr > th.column-1 {
			width: 300px;
			}
		.import-wrapper .table.data-i9 > thead > tr > th.column-1 {
			width: 160px;
			}
		.import-wrapper .table.data-i10 > thead > tr > th.column-1 {
			width: 160px;
			}
			
}
 
	/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){
		
	header h1 {
		padding-top: 20px;
    	font-size: 36px;
		text-align: right;
/* 		line-height: 100px; */
		}	
	
	.main .badg { }
	.main .blog { margin-top: 0; }
	.main .blog .top-box h2 { margin-top: 15px; padding-top: 0; }

 	#menu-footer-menu-right { float: right; }
}
 
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){
		
	header h1 {
		padding-top: 15px;
    	font-size: 42px;
		text-align: right;
/* 		line-height: 100px; */
		}		

}