/*
Theme Name: BadG 2018 Import ++ 2017
Theme URL: kap-n.de
Description: BadG Bericht Bootstrap v3.3.7 / object-fit-images 3.2.3 / printThis v1.11.0 / lightbox 5.3.0
Version: 2.0
Author: URI
Author URL: BadG KapN
Tags: URI Bootstrap v3.3.7
*/

/*-----------------------------------------------------------------------------------*/
/*	KAPN CI CSS Typography
/*-----------------------------------------------------------------------------------*/

@charset "UTF-8";

/*
Sparkasse Web
	font-weight: 200; //light
	font-weight: normal; //regular
	font-weight: 600; //medium
	font-weight: bold;
	font-style: normal;
	
	Erlaubte italic Kombinationen:
	font-weight: normal;
	font-style: italic;

	font-weight: bold;
	font-style: italic;

Sparkasse Serif Web
	font-weight: normal;
	font-style: normal;
	
Sparkasse Head Web
	font-weight: bold;
	font-style: normal;
	
	font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	font-family: "Sparkasse Head Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
*/

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

html { }

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
	/* overflow-x: hidden; */
    background-color: #FFF;
    color: #000;
    font-size: 14px;
    font-weight: normal;
	/* line-height: 1.5; */
	}
	
b, strong {
    font-weight: 600;
    font-weight: bold;
	}
	
p {
    margin: 0 0 15px;
	}
	
.h1, h1 {
	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    font-size: 32px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.1;
	}

.h2, h2 {
	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2;
    color: #000;
	margin-bottom: 15px;
    margin-top: 0;
    letter-spacing: 0px;
    line-height: 1.1;
	}
	
.h3, h3 {
	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    font-size: 20px;
    font-weight: normal;
    color: #000;
	margin-bottom: 15px;
    margin-top: 0;
    letter-spacing: 0px;
    line-height: 1.2;
	}
	h3.red-headline { color: #F00;}
	
	
.h4, h4 {
	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
    font-size: 16px; 
    line-height: 1.2;
    margin: 0 0 5px 0;
    font-weight: normal;
    color: #000;
    }	
	
h5 { }	
h6 { }
	
a {
    color: #000;
    text-decoration: none;
	}
a:hover, a:focus {
	color: #999;
	outline: none;
	text-decoration: none;
	}
/* a:visited { } */

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;
	}
	
a.header-link:hover h2, a.header-link:focus h2 {
	color: #F00;
	outline: none;
	text-decoration: none;
	}
	
article { position: relative; }
main { position: relative; }
	
/*-----------------------------------------------------------------------------------*/
/*	margins
/*-----------------------------------------------------------------------------------*/

.margin-top-0 { margin-top: 0; }
.margin-bottom-0 { margin-bottom: 0; }	
.margin-bottom-5 { margin-bottom: 5px; }	
.margin-bottom-10 { margin-bottom: 10px; }		
.margin-bottom-15 { margin-bottom: 15px!important; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-30 { margin-bottom: 30px!important; }
.margin-bottom-45 { margin-bottom: 45px!important; }
.margin-bottom-60 { margin-bottom: 60px; }

.box-height-200 { height: 200px; }
.box-height-195 { height: 195px; }
.box-height-90 { height: 90px; }
	
/*-----------------------------------------------------------------------------------*/
/*	Container
/*-----------------------------------------------------------------------------------*/
	
.container {
    max-width: 970px;
	}
	
.container .row {
	background-color: #FFF;
	}
	.row.line-before:before {
		display: block;
	  	content: "";
	  	border-top: 1px solid #F00;
	    margin: 0 15px 0 15px;
	    width: auto;
	 }
	.row.line-after:after {
		display: block;
	  	content: "";
	  	border-bottom: 1px solid #F00;
	    margin: 0 15px 0 15px;
	    width: auto;
	    padding-bottom: 10px;
	 }
	 
	.container .row.margin-top { }  
	
	.container .row.margin-bottom10 { 
		margin-bottom: 10px; 
		}
		
	.container .row.margin-bottom5 { 
		margin-bottom: 5px; 
		}   
		
	.container .row.margin-0 {
	    margin-left: 0;
	    margin-right: 0;
		}  
		 
	.container .row.margin-75 {
	    margin-left: -7.5px;
	    margin-right: -7.5px;
		}  
		.container .row .padding-75 {
		    padding-left: 7.5px;
		    padding-right: 7.5px;
			} 
			
	.container .row.margin-10 {
	    margin-left: -10px;
	    margin-right: -10px;
		}  
		.row .padding-10 {
		    padding-left: 10px;
		    padding-right: 10px;
			} 
			
		 
.page-template-page-frontpage-basic .container .row .padding-10 {
	    padding-left: 7.5px;
	    padding-right: 7.5px;
		} 
		
		.page-template-page-frontpage-basic .container .row.category-box {
			margin-bottom: 15px; 
			}
 
footer { 
	margin: 0 0 30px 0; 
	}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #F00;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 15px;
    margin-top: 15px;
	}
	 
.padding-0 {
    padding-left: 0;
    padding-right: 0;
	} 
.margin-top15 {
	margin-top: 15px;
	}
.margin-bottom30 { margin-bottom: 30px!important; }
	

	
.hidden-xs-inline { display: none; }


body.single-profil .container.main {
	margin-bottom: 0;
	}
	


/*-----------------------------------------------------------------------------------*/
/*	Header
/*-----------------------------------------------------------------------------------*/

header { page-break-after: avoid; }

header .row {
	margin-top: 15px;
	margin-bottom: 15px;
	}

	header .row .description {
		position: relative;
		height: 80px;
		}
	
	header h1 {
	    font-size: 28px;
	    font-weight: normal;
	    margin: 0;
	    color: #F00;
	    color: rgba(255, 0, 0, 1);
	    position: absolute;
	    left:  15px; bottom: 0;
	    line-height: 1;
		}
	header h1 a {
	    color: rgba(255, 0, 0, 1);
	
		}
	header h1 a:hover {
	    color: rgba(255, 0, 0, 1);
		}
		
	header .logo {
		background: url(img/naspa-logo.svg) no-repeat top left;
		display: block;
		width: 240px;
		height: 80px;
		float: left;
		}
	header .logo span {
		display: none;
		}
		
	header .brand {
		position: relative;
		
		}
	header .brand a {
		height: 80px;
		position: relative;
		display: block;
		}
	header .brand a svg {
		position: relative;
		}
	
.xs-headline {
	display: block;
	}

.container.xs-headline .row {
	margin-bottom: 15px;
	margin-top: 0;
	}

.container.xs-headline h2 {
    font-size: 28px;
    font-weight: 500;
    margin: 20px 0 5px 0;
    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    letter-spacing: 0px;
    color: #F00;
    color: rgba(255, 0, 0, 1);
	}
	

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

.menu {
	display: inline-block;
	float: right;
	}
.menu ul {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
	}
.menu ul li {
	text-transform: uppercase;
	margin-right: 15px;
	float: right;
	display: block;
	}

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

.menu-container {
	margin-bottom: 20px;
	margin-top: 0;
	}

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

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

.top-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;
	}
	.top-menu-item a:hover {
	    background-color: #FFF;
	    color: #000;
		}
	
.top-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;
	}
	
/*-----------------------------------------------------------------------------------*/
/*	NABAR navbar-collapse
/*-----------------------------------------------------------------------------------*/

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

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

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

.navbar-top .navbar-nav > li {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
	}

.navbar-top .navbar-nav > li > a {
	font-weight: normal;
	color: #FFF;
	background-color: #F00;
	text-align: center;
	display: block;
	line-height: 1.7;

    border-color: #f00 #f00 #f00 #f00;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    padding-bottom: 0;
    padding-top: 0;
	}
.navbar-top .navbar-nav > li > a:hover {
	font-weight: normal;
    background-color: #FFF;
    color: #000;
	}
.navbar-top .navbar-nav > .active > a, 
.navbar-top .navbar-nav > .active > a:focus, 
.navbar-top .navbar-nav > .active > a:hover {
    background-color: #FFF;
    color: #000;
	}

.navbar-top .navbar-nav > .current-post-parent > a, 
.navbar-top .navbar-nav > .current-post-parent > a:focus, 
.navbar-top .navbar-nav > .current-post-parent > a:hover {
    background-color: #FFF;
    color: #000;
	}

header .navbar-toggle {
    background-color: #FFF;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 1px;
    float: right;
    margin-bottom: 8px;
    margin-right: 0;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
	}

header .navbar-toggle {
    border-color: #FFF;
	}
header .navbar-toggle:focus, header .navbar-toggle:hover {
    background-color: #FFF;
	}
header .navbar-toggle .icon-bar {
    background-color: #ff0000;
	}
header .navbar-toggle:focus .icon-bar, header .navbar-toggle:hover .icon-bar {
    background-color: #999;
	}
	
/*-----------------------------------------------------------------------------------*/
/*	NABAR Badg Reverse
/*-----------------------------------------------------------------------------------*/

.navbar-badg-inverse {
	background-color: #FFF;
	background-color: #F3F3F3;
	}
.navbar-badg-inverse header .container {
	background-color: #FFF;
	}
.navbar-badg-inverse header .container .row {
	margin-top: 0;
	margin-bottom: 0px;
	margin-right: -14px;
	margin-left: -14px;	
	border: 1px solid #FFF;
	}
.navbar-badg-inverse header .brand { 
	background-color: #F00;
	height: 90px;
	}
.navbar-badg-inverse header .brand a {
/*
    margin-top: 11px;
    margin-bottom: 4px;
*/
	}

.navbar-badg-inverse .description {
	background-color: #F00;
	color: #FFF;
	}

.navbar-badg-inverse header h1 {
	    color: #FFF;
	    font-size: 30px;
	    font-weight: 400;
	    font-weight: normal;
	    margin: 0;
	    position: absolute;
	    left:  30px; bottom: 12px;
	    line-height: 1; 
		}
	.navbar-badg-inverse header h1 a {
		color: #FFF;
		}
	.navbar-badg-inverse header h1 a:hover {
		color: #FFF;
		}	
		
	.navbar-badg-inverse .menu-wrapper {

		}
		
.navbar-badg-inverse.navbar-top .navbar-collapse {
	background-color: #FFF;
	padding-left: 1px;
	padding-right: 1px;
	}	

	
	.navbar-badg-inverse.navbar-top .navbar-nav { 
	border-left: 1px solid #FFF;
    float: none;
    margin: 0;
	}
.navbar-badg-inverse.navbar-top .navbar-nav > li {
    border-right: 1px solid #FFF;
    border-top: 0px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: 0px solid #FFF;
	}

.navbar-badg-inverse.navbar-top .navbar-nav > li > a {
    text-align: left;
    padding-left: 30px;
	}
		

.navbar-badg-inverse .navbar-collapse {
	padding-left: 1px;
	padding-right: 1px;
	}	
		

	.navbar-badg-inverse header .row .description {
	height: 90px;
	}

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

.menu-footer {}

.menu-footer .navbar-nav {
	margin: 0;
	}

.menu-footer .navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 15px;
	}
	
.menu-footer .navbar-nav > li > a:hover {
    background-color: #FFF;
    text-decoration: none;
    color: #999;
	}
	
.footer-copy {
	padding: 10px 0;
	}
	
.nav-pills > li > a {
    border-radius: 1px;
    color: #999;
	}	
.nav > li > a:focus, 
.nav > li > a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #F00;
	}
	

.nav > li > a {
    position: relative;
    display: block;
    padding: 4px 8px;
	}

.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #F00;
	}

/*-----------------------------------------------------------------------------------*/
/*	fixedHeader sidebar
/*-----------------------------------------------------------------------------------*/

.xfixedHeader {
    height: 20px;
    -webkit-transition: height 500ms ease 0s;
    transition: height 500ms ease 0s;
	}
	

.sidebar { 
	position: absolute;
	right: -30px;
	top: 25px;
	left: auto;
	width: 150px;
	z-index: 10!important;
	background-color: #FFF;
	}

.sidebar .nav-stacked > li + li {
    margin-top: 1px;
    margin-left: 0;
	}

.affix {
    top: 15px;
	background: #FFF;
    z-index: 10!important;
  	}
	
	
/*-----------------------------------------------------------------------------------*/
/*	Content
/*-----------------------------------------------------------------------------------*/
	
/* ALL BOXES */

	.bg-red { background-color: #F00; }
	.bg-grey { background-color: #f5f5f5;}
	
	.grid-box-height-150 { height: 150px; }
    	
		

	.row.category-box {
		margin-bottom: 15px;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-color: #FFF;
		overflow: hidden;
		position: relative;
		/* 	height: 350px; MD */
		}
	
	.row.category-box .box-content h3 {
		margin-bottom: 10px;
		}
		
	.teaser-box .row.category-box .box-content p:last-of-type {
/* 		background: #ff0000; */
		margin-bottom: 0;
		}
		
		
		.organisationsprofil-box {
			
		}
		
	
/* BOX 350 */
	
.teaser_image {
	background-color: #FFF;
	width: 100%;
	height: 150px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	overflow: hidden;
	background-color: #f5f5f5;
	}
.teaser_image.img-border {
	border: 1px solid #F00;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	}
.teaser_image.img-graph {
	border: 0px solid #F00;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	}

/* BOX Overwrite */

/* BOX 300px 400px 500px category-top */

.row.category-box.bg-image {
	margin-left: 0;
    margin-right: 0;
/*     min-height: 350px;  */
	height: 300px; 
    background-color: #f5f5f5;
	}
.border-box .row.category-box {
	margin-left: 0;
    margin-right: 0;
    border: 1px #F00 solid;
    min-height: 300px; 
	}



.row-absolute {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	color: #FFF;
	}
.row-absolute-bg {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.3);
	left: 0; right: 0; bottom: 0;
	color: #FFF;
	}
.row-absolute-wrapper {
	position: absolute;
	left: 0; right: 0; bottom: 0; top: 0;
	color: #FFF;
	background-color: transparent !important;
	}
	
.col-absolute {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	color: #FFF;
	background: transparent !important;
	z-index: 10;
	}
	
	
.bg-red-box .row-absolute {
	position: absolute;
	left: 0; right: 0; bottom: 0; top: 0;
	color: #FFF;
	background: rgba(250, 0, 0, 1);
	background-color: rgba(250, 0, 0, 0.7);
	}
.bg-red-box .row-absolute-bg {
	position: absolute;
	background-color: rgba(250, 0, 0, 0.7);
	left: 0; right: 0; bottom: 0; top: 0;
	color: #FFF;
	}


.row.category-box.bg-image .box-content h4 {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0;
    color: #FFF;
	margin-bottom: 5px;
    margin-top: 15px;
	}

.row.category-box.bg-image .box-content h3 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0;
    color: #FFF;
	}
.bg-red-box .row.category-box.bg-image .box-content h3 {
	margin-top: 15px;
	}	
	
	
.box-format-23 .row.category-box.bg-image .box-content h3 {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0;
    color: #FFF;
	}


/* TOP BOX 350px 400px 500px category-top */

.category-top .row.category-box {
	height: 350px;
	}
	.category-top:nth-of-type(2) .row.category-box {
		height: 350px;
		}

	.category-region .category-top:nth-of-type(2) .row.category-box {
		height: auto;
		}
	.category-haltung .category-top:nth-of-type(2) .row.category-box {
		height: auto;
		}
	.category-produkte .category-top:nth-of-type(2) .row.category-box {
		height: auto;
		}
	.category-initiativen .category-top:nth-of-type(2) .row.category-box {
		height: auto;
		}


.category-top.border-box .box-content {
	overflow: hidden;
	}

.category-top .row.category-box.bg-image .box-content h4 {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    color: #FFF;
    margin-top: 80px;
    line-height: 1.2;
	}

.category-top .row.category-box.bg-image .box-content h3 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0;
    color: #FFF;
    line-height: 1.2;
	}
	
	
.category-top.border-box .box-content h2 {
	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    font-size: 18px;
    font-weight: normal;
    color: #F00;
	margin-bottom: 15px;
    margin-top: 15px;
    letter-spacing: 0px;
    line-height: 1.3;
	}

.bg-red-box .row.category-box.bg-image .row-absolute .box-content h4 {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    color: #FFF;
	margin-bottom: 30px;
    margin-top: 15px;
	}
	
.category-top.box-2 .row.category-box.bg-image .box-content h4 {
   	color: #fff;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 5px;
    margin-top: 15px;
    line-height: 1.2;
	}

.category-top.box-2 .row.category-box.bg-image .box-content h3 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0;
	}
	
.bg-red-box .row.category-box.bg-image .row-absolute .box-content h3 {
    color: #FFF;
	}
	
.category-produkte .box-7 .row.category-box.bg-image .box-content h4 {
    margin-top: 125px;
	}
.category-produkte .box-8 .row.category-box.bg-image .box-content h4 {
    margin-top: 125px;
	}
.category-haltung .box-6 .row.category-box.bg-image .box-content h4 {
    margin-top: 125px;
	}	
	
	
	.column2-box-left {
		}
	.column2-box-left .row.category-box {
	    margin-left: 0;
	    margin-right: 0;
		}
	.column2-box-left .row.category-box .box-image {
	    padding-left: 0;
	    padding-right: 10px;
		}

	
	.column2-box-left .teaser_image {
	    background-color: #fff;
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    height: 350px;
	    margin-bottom: 0;
	    width: 100%;
		overflow: hidden;
		}
		
	.column2-box-left .box-content {
		height: auto;
		margin-top: 15px;
		position: relative;
/* 		SM Devices */
		}
		
	.column2-box-left .absolute-box-content {
		bottom: 0;
		left: 0;
		position: relative;
		bottom: 0;
		}
	.column2-box-left .absolute-box-content p {
		margin-bottom: 15px;
		}
		

	.column2-box {}
	
	.column2-box .row.category-box .box-footer {
/* 		Medium Devices */
		margin-top: 20px;
		}
	.column2-box .row.category-box .box-footer p {
		margin-bottom: 0;
		}
		
		

	/* box-bg-content	*/		
	.box-bg-col {
		background-color: #f00;
	    margin-left: 0;
	    margin-right: 0;
	    min-height: 270px;
	    margin-bottom: 20px;
	    
		background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    margin-bottom: 20px;
	    overflow: hidden;
	    position: relative;
		}
			
	.box-bg-col .col-mask {
	    background: rgba(250, 0, 0, 0.7) none repeat scroll 0 0;
	    bottom: 0;
	    color: #fff;
	    left: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	    padding: 15px;
		}
		
	.box-bg-col .col-mask h4 {
	    color: #fff;
	    font-size: 18px;
	    font-weight: normal;
	    letter-spacing: 0;
	    margin-bottom: 20px;
	    margin-top: 5px;
		}
		
		
	.load_post_content { 
		margin-top: 5px;
		margin-bottom: 15px;
		}
		
	.load_post_content.content-chart .content-box { 
		border: 0px solid #f00;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-right: 0;
		padding-left: 0;
		}

	.load_post_content.content-chart-border .content-box { 
		border: 1px solid #f00;
		padding-top: 15px;
		padding-bottom: 15px;
		}
	
	.load_post_content_fullwidth {
		background-color: #FFF;
		}
		
	.load_post_content_fullwidth .pie-canvas-holder {
	    height: 220px;
	    margin: 15px auto;
		}
		
	.load_post_content_fullwidth .pie-canvas-holder #pie-chart-area {
	    display: block;
	    height: 220px;
	/*     margin: 0 auto; */
	    width: 220px;
		}
		
	.box-bg-col.berichtsparameter {
		background-color: #f00;
	    margin-left: 0;
	    margin-right: 0;
	    min-height: 165px;
	    margin-bottom: 20px;
	    
		background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    margin-bottom: 20px;
	    overflow: hidden;
	    position: relative;
		}
		
	.box-bg-col.berichtsparameter .col-mask {
	    background: #F00;
		}
		
.box-bg-col.kennzahlen-bg {
    height: 165px;
    padding: 15px;
	background-color: rgba(250, 0, 0, 1);
	color: #FFF;	
	}
	.box-bg-col.kennzahlen-bg .col-mask {
	    background: #F00;
		}
		
.box-bg-col.kennzahlen-bg h3 {
    color: #FFF;
    font-family: 'Sparkasse Serif Web',Georgia,'Times New Roman',Times,serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 15px;
    margin-top: 0;
	}
		.box-bg-col.berichtsparameter .link-container:hover .icon.icon-arrow-circle-right,
		.box-bg-col.kennzahlen-bg .link-container:hover  .icon.icon-arrow-circle-right  {
			color: #333;
			line-height: 1;
			}	


.bg-red-box-half-height .row.category-box .box-bg-col.berichtsparameter h3 { color: #FFF; }
.bg-box-half-height .row.category-box .box-bg-col.berichtsparameter h3 { color: #FFF; }

	/* aside-box dl-horizontal
	---------------------------------------------- */
		
	.aside-box {}
		
	.aside-box h3 {
	    color: #f00;
	    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	    font-size: 19px;
	    font-weight: normal;
	    letter-spacing: 0;
	    line-height: 1.3;
	    margin-bottom: 10px;
	    margin-top: 15px;
/* 	    text-align: center; */
		}	
		
	.aside-box hr {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    border-color: #f00;
	    border-image: none;
	    border-style: solid none none;
	    border-width: 1px 0 0;
	    margin-bottom: 15px;
	    margin-top: 10px;
		}
		
	.aside-list ul {
	    padding-left: 15px;
		}
		
	.aside-list li {
	    display: block;
	    margin-bottom: 3px;
		}
	
	.aside-list.glyph-icons li:before {
	    content: "\e080";
	    font-family: 'Glyphicons Halflings';
	    font-size: 10px;
	    float: left;
	    margin-top: 3px;
	    margin-left: -15px;
	    color: #E20613;
		}
	
	/* aside-list dl-horizontal
	---------------------------------------------- */
		
	dl.dl-horizontal  {
	    margin-bottom: 0;
	    margin-top: 0;
		}
	
	.dl-horizontal dt {
		color: #F00;
	    font-size: 18px;
	    font-weight: normal;
	    clear: left;
	    float: left;
	    overflow: hidden;
	    text-align: right;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    width: 30%;
	    padding-bottom: 6px;
	    padding-right: 5px;
	    line-height: 1.4;
		}
	
	.dl-horizontal dd {
	    margin-left: 30%;
	    padding-bottom: 6px;
	    padding-left: 5px;
	    padding-top: 5px;
	    line-height: 1.3;
		}
	

	/* LISTBOXEN BIG NUMBER counter 1.2.3.4.
	------------------------------------------ */

	 ol.counter-list {
		color: #F00;
		margin-top: 30px;
	    counter-reset: li;
	    margin-left: 0;
	    padding-left: 0;
		}
	ol.counter-list > li {
		font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	    line-height: 1.3;
	    list-style: none;
	    margin: 0 0 25px 2.5em;
	    padding: 0;
	    position: relative;
	}
	ol.counter-list > li::before {
	    background: #FFF;
	    box-sizing: border-box;
	    color: #F00;
	    content: counter(li, decimal)".";
	    counter-increment: li;
	    font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
	    font-size: 28px;
	    font-weight: 300;
	    left: -1.5em;
	    margin: 0;
	    padding: 0;
	    position: absolute;
	    text-align: center;
	    top: -16px;
	    width: 1.5em;
	}
	
	
	/* link-container
	---------------------------------------------- */
	
	.link-container {
	    height: 100%;
	    position: absolute;
	    width: 100%;
	    z-index: 99;
	    top: 0; left: 0;
		}
		.link-container .icon-right-circled, 
		.link-container .icon.icon-arrow-circle-right {
			color: #FFF;
			font-size: 20px;
			float: right;
			margin: 15px;
			line-height: 1;
			}
		
		.link-container:hover .icon-right-circled,
		.link-container:hover .icon.icon-arrow-circle-right  {
			color: #F00;
			line-height: 1;
			}	
		.col-red-bg .link-container:hover .icon.icon-arrow-circle-right,
		.bg-red-box .link-container:hover .icon-right-circled,
		.bg-red-box .link-container:hover .icon.icon-arrow-circle-right  {
			color: #000;
			}	
			
	.link-teaser-container {
	    position: absolute;
		right: 15px; left: 15px;
		top: 0; bottom: 0;
	    z-index: 99;
		}
		.link-teaser-container .icon-right-circled, 
		.link-teaser-container .icon.icon-arrow-circle-right {
			color: #FFF;
			font-size: 20px;
			float: right;
			margin: 15px;
			line-height: 1;
			}
		.link-teaser-container:hover .icon-right-circled,
		.link-teaser-container:hover .icon.icon-arrow-circle-right  {
			color: #F00;
			}	
			
	.column2-box .link-container .icon.icon-arrow-circle-right {
			color: #FFF;
			font-size: 20px;
			float: right;
			margin: 15px 30px 15px 15px;
			line-height: 1;
			}
	
	/* kennzahlen-box
	---------------------------------------------- */	
	
	.kennzahlen-box {
		color: #FFF;
		}
		
	.kennzahlen-box .row.category-box {
    	background-color: #f00;
		margin-left: 0;
		margin-right: 0;
		height: auto;
		border: #F00 1px solid;
		}
		
	.kennzahlen-box .row.category-box .box-content {
		padding-top: 15px;
		}
		
	.kennzahlen-box .row.category-box .box-content h3 {
	    color: #fff;
		}
		.kennzahlen-box .link-container:hover .icon.icon-arrow-circle-right  {
			color: #333;
			}	
			
	.kennzahlen-box .row.category-box .kapn-3eck {

		}
	.kennzahlen-box .row.category-box .kapn-3eck {
		position: relative;
		margin-bottom: 15px;
		padding-bottom: 5px;
		padding-top: 5px;
		}
		.kennzahlen-box .row.category-box .kapn-3eck.svg-redbg::after {
			position: absolute;
			bottom: -5px;
			left: 0;
			font-size: 9px;
			content: "© 2012 kap N";
		}
		.kennzahlen-box .row.category-box .kapn-3eck img {
			height: 170px;
			margin: 0 auto;
			}
		.kennzahlen-box .row.category-box .kapn-3eck.svg-whitebg {
			height: 170px;
			margin: 0 auto;
			background-color: #FFF;
/*

		    margin-left: 15px;
			margin-right: 15px;
*/
			}
		.kennzahlen-box .row.category-box .kapn-3eck img.svg-whitebg {
			height: 170px;
			margin: 0 auto;
			}
		

    
	.kennzahlen-box-column2 .box-content-top .box-bg-col {
		height: 280px;
		}
	.kennzahlen-box-column2 .box-content-bottom {
		height: 60px;
		}
	.kennzahlen-box-column2 p {
		margin-bottom: 0;
		}
		
		
	.small-kennzahlen-link {
	    background-color: #F00;
	    border-radius: 0;
	    color: #FFF;
		font-size: 15px;
	    padding: 10px 15px 10px 15px;
	    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	    display: block;
	    border: #F00 1px solid;
		}
		.small-kennzahlen-link:after {
			position: absolute;
			top: 8px; right: 30px;
			font-family: "badg";
			content: "\74";
			font-size: 20px;}
		.small-kennzahlen-link:hover { color: #000;}	
		
	.border-kennzahlen-link {
	    background-color: #FFF;
	    border-radius: 0;
	    border: 1px #F00 solid;
	    color: #000;
		font-size: 15px;
		line-height: 1.1;
	    padding: 7px 15px 7px 15px;
	    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	    display: block;
		}
		.border-kennzahlen-link:after {
			position: absolute;
			color: #F00;
			top: 8px; right: 30px;
			font-family: "badg";
			content: "\74";
			font-size: 20px;}
		.border-kennzahlen-link:hover { color: #000;}	


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

/* breadcrumbs */
	
.breadcrumbs {
	margin-bottom: 30px;
	color: #999;
	}
	
/* single header */

.row.single-header {
	margin-bottom: 15px;
	background-color: #FFF;
	text-align: center;
	}
	.image-wrapper {
		background-color: #FFF;
		position: relative;
		display: inline-block;
		display: block;
		margin: 0 auto;
		padding: 0;
		}
	.image-wrapper:hover .photoCopy {
		visibility: visible;
		}
	.image-wrapper img {
		margin: 0 auto;
		padding: 0;
		}
	.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;
		}
		
	.row.single-header .video-wrapper {
		 border: #ccc solid 0;
		 padding: 0;
		 margin: 0;
		 }
	.row.single-header .video-wrapper .arve-wrapper { 
		border: #ccc solid 0;  
		margin-bottom: 0 !important; }

/* single content */

.row.single-content {
	background-color: #FFF;
	margin-bottom: 0px;
	}
.row.single-content.intro {

	}
	
	
.row.single-content a {
	text-decoration: underline;
	}
	
.row.single-content div {
	font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
	font-size: 15px;
	}
.row.single-content p {
	font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
	font-size: 15px;
	}
	.single-headline h3 {
		color: #F00;
    	font-size: 28px;
		margin-bottom: 20px;
		margin-top: 0;
		line-height: 1.1;
		}
	.single-headline h4 {
		font-size: 15px;
		line-height: 1.2;
		margin: 0 0 5px 0;
		font-weight: normal;
		color: #000;
		min-height: 20px;
		}
		
	.single-content h4 {
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
    	font-size: 16px;
		font-weight: normal;
		letter-spacing: 0;
		margin-bottom: 15px;
		margin-top: 5px;
		color: #000;
		}
	.single-content h4.content-headline {
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
    	font-size: 16px;
		font-weight: 600;
		letter-spacing: 0;
		margin-bottom: 15px;
		margin-top: 15px;
		color: #000;
		}
	.single-content h5 {
    	font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	color: #F00;
		}
		
    .single-content p.nohyphens {
        -ms-hyphens: none;
        -moz-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
      }
    .single-content .hyphens {
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
      }
		
/*	single-content_include
/*----------------------------------------------*
/*
	//content_include_mormal : Normal
	//content_include_fullwidth : Full Width
	//content_include_2col : 2Column
	//content_include_2colboxed : 2Column Boxed
	//content_include_2colbg : 2Column BG
*/
	
	.content_include_2colboxed	{
		
		}
	.content_include_2colboxed h4 {
		margin-top: 5px;
		}
	.content_include_2colboxed p:last-of-type {
		margin-bottom: 0;
		}
		
	.content_include_2colboxed	{}

	.content_include_2colmormal {
		margin-top: 30px;
	}
	.content_include_2colmormal .line {
		margin-bottom: 30px;
	 }

	.content_include_2colmormal .xline:before {
		display: block;
	  	content: "";
	  	border-top: 1px solid #CCC;
	    margin: 0 15px 15px 15px;
	    width: auto;
	 }
	.content_include_2colmormal .xline:after {
		display: block;
	  	content: "";
	  	border-bottom: 1px solid #CCC;
	    margin: 0 15px 15px 15px;
	    width: auto;
	 }
	 
	 
	.include-content {
	    margin-bottom: 15px;
	    margin-top: 0;
		}
		

	.include-box {
		margin-left: 0;
	    margin-right: 0;
	    border: 1px #F00 solid;
	    min-height: 300px; 
	    padding: 0 15px;
	    margin-bottom: 0;
	    margin-top: 5px;
		}
	.include-box.daten-fakten {
		padding-bottom: 10px;
		}
		
	.include-box h3 {
	    color: #f00;
	    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	    font-size: 18px;
	    font-weight: normal;
	    letter-spacing: 0;
	    line-height: 1.3;
	    margin-bottom: 10px;
	    margin-top: 15px;
		}
		
	.content_include_2colmormal h5 {
    	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    	font-size: 14px;
    	color: #000;
    	margin-top: 3px;
    	padding-bottom: 5px;
    	border-bottom: 1px solid #CCC;
		}
	h5.grafic-header {
    	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    	font-size: 15px;
    	color: #000;
    	margin-top: 30px;
    	padding-bottom: 5px;
    	border-bottom: 1px solid #CCC;
		}
		
	h4.grafic-header {
    	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    	font-size: 16px;
    	color: #000;
    	margin-top: 30px;
    	padding-bottom: 5px;
    	border-bottom: 1px solid #CCC;
		}
		
	h3.grafic-header {
    	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    	font-size: 20px;
    	color: #000;
    	margin-top: 30px;
    	padding-bottom: 5px;
    	border-bottom: 1px solid #CCC;
		}

	.row.single-content .include-content blockquote {
	    border-left: 0 solid #cccccc;
	    font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
	    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	    font-size: 15px;
	    margin: 0 0 20px;
	    padding: 0;
	    color: #000;
		}
	.row.single-content .include-content blockquote p {
	    font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
	    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	    font-size: 15px;
		}	
		
	.row.single-content .leaders-wrapper {
		margin-bottom: 10px;
		}
		
	.content_include_2colboxed1-3 .row.post_content_border {
		border: 1px solid #ccc;
		margin-left: 0;
		margin-right: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 15px;
		margin-bottom: 15px;
		}
	.content_include_2colboxed1-3 h4{
		margin-top: 5px;
		}
	.content_include_2colboxed1-3 p:last-of-type {
		margin-bottom: 0;
		}	
		
	.content_include_2colboxed .row.post_content_border {
		border: 1px solid #ccc;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 10px;
		margin-bottom: 15px;
		margin-left: 0;
		margin-right: 0;
		}
	.content_include_2colboxed h4{
		margin-top: 5px;
		}
	.content_include_2colboxed p:last-of-type {
		margin-bottom: 0;
		}
		
	.content_include_2colbg .row.post_content_border {
		background-color: #F3F3F3;
		margin-left: 0;
		margin-right: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		}
	.content_include_2colbg h4{
		margin-top: 5px;
		}
	.content_include_2colbg p:last-of-type {
		margin-bottom: 0;
		}
		
	.post_content_image {
	    margin-bottom: 0;
	    margin-top: 30px;
		}
	.post_content_image img {
	    border: 1px solid #c5c5c5;
	    
		}
		
.include-box.leitsatze  {
    min-height: 200px;
	}
		
		
		
	/* Berichtsparameter
	-------------------------------- */ 	
		
	.single-content.single-berichtsparameter h4 {
		color: #000;
		border-bottom: 1px solid #ff0000;
		margin-top: 15px;
		padding-bottom: 5px;
		font-size: 15px;
		font-weight: 600;
		font-family: "Sparkasse Web", Arial, Helvetica, sans-serif;
		}

	body.post-slug-berichtsparameter .row.single-content.flexible-content h4.content-headline {
		color: #000;
		border-bottom: 1px solid #ff0000;
		margin-top: 15px;
		padding-bottom: 5px;
		font-size: 15px;
		font-weight: 600;
		font-family: "Sparkasse Web", Arial, Helvetica, sans-serif;
		}
		
	/* Content Modul
	-------------------------------- */ 
	.content-modul { }
	
	.content-modul.no-border .content-box {
		padding: 15px 0 30px 0;
		}
	
	.content-modul.gray-border .content-box {
		padding: 20px 20px 15px 20px;
		border: 1px solid #CCC;
		}
	
	.content-modul.red-border .content-box {
		padding: 20px 20px 15px 20px;
		margin: 5px 0 0 0;
		border: 1px solid #F00;
		}
		.content-modul.red-border .content-box h3 {
			margin-top: 0;
			color: #F00;
			}
		
			.modul-bevoelkerungsentwicklung h4 {
				font-size: 14px;
				margin: 0 0 10px;
				}
				
				


	.content-modul.red-border.modul-single .chart-box .header-legend { 
		margin-bottom: 5px;
		font-size: 14px; 
		}
		
		
	.content-modul.red-border.modul-single .chart-box h5 {
    	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
		font-size: 16px;
		color: #000;
		margin-top: 0;
		padding-bottom: 15px;
		border-bottom: 1px solid #CCC;
		margin-bottom: 15px;
		}
		
	.single-post .content-modul.red-border .chart-box h4 {
    	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
		font-size:20px;
		color: #000;
		margin-top: 0;
		padding-bottom: 15px;
		border-bottom: 1px solid #CCC;
		margin-bottom: 15px;
		}
	.single-post .content-modul.red-border .chart-box h6 {
		margin-top: -5px;
		color: #000;
		color: rgba(0,0,0,.6);
		font-size: 13px;
		font: normal;
		}
		
		
	/* flexible-content
	-------------------------------- */ 	
	
	.row.single-content.flexible-content { background: #FFF }
	
	.row.single-content.flexible-content .col-flexible-content { background-color: #FFF }
	
	.row.single-content.flexible-content .post-2column-content {
		margin-top: 15px;
		margin-bottom: 45px;
		}

	.row.single-content.flexible-content .post-content-border {
		border: 1px solid #FFF;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 15px;
		margin-bottom: 25px;
		margin-left: 0;
		margin-right: 0;
		}
		.row.single-content.flexible-content .gray-border .post-content-border {
			border: 1px solid #CCC;
			}
		.row.single-content.flexible-content .red-border .post-content-border {
			border: 1px solid #F00;
			}
		
		
	.row.single-content.flexible-content .post-content-border h4 {
		margin-top: 5px;
		}
	.row.single-content.flexible-content .post-content-border .image-box a img {
		margin-bottom: 15px;
		}
	.row.single-content.flexible-content .post-content-border .image-box a:last-of-type img {
		margin-bottom: 0;
		}
	.row.single-content.flexible-content .post-content-border .text-box p:last-of-type {
		margin-bottom: 0;
		}
		
	.row.single-content.flexible-content .column-content h5 {
    	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    	font-size: 15px;
    	color: #000;
    	margin-top: 3px;
    	padding-bottom: 5px;
    	border-bottom: 1px solid #CCC;
		}
		
	.row.single-content.flexible-content .post-content-border .background-image-wrapper {
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 220px;
		}	
		
	.row.single-content.flexible-content .column-content .svg-wrapper {
    	display: block;
		height: auto;
		max-width: 100%;
		max-width: 280px;
		}

	.row.single-content.flexible-content .post_content_image {
    	margin-bottom: 45px;
		margin-top: 30px;
		}
	.row.single-content.flexible-content .post_content_image figcaption {
		margin-bottom: 0;
		margin-top: 10px;
		color: #808080;
		font-family: "Sparkasse Web",Arial,Helvetica,sans-serif;
		font-size: 13px;
	    padding: 0;	
		}
			
	.row.single-content.flexible-content .load_post_content {
    	margin-bottom: 15px;
		margin-top: 15px;
		}	
		
	.row.single-content.flexible-content .content-caption {
		margin-top: 7px;
		margin-bottom: 25px;
		color: #777777;
		font-size: 13px;
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		padding: 0;
		}
	.row.single-content.flexible-content .content-caption p {
		margin-bottom: 0;
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		padding: 0;
		font-size: 13px;
		}
		
	.row.single-content.flexible-content blockquote {
	    border-left: 0 solid #cccccc;
	    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	    margin: 0 0 20px;
	    font-size: 15px;
	    font-weight: normal;
	    padding: 0;
		}
	.row.single-content.flexible-content blockquote p {
	    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	    font-size: 15px;
	    font-weight: normal;
		}
	.row.single-content.flexible-content .row.marginbottom {
	    margin-bottom: 30px;
		}
		
	.row.single-content.flexible-content .post-content-border .col-box-text {
		padding-left: 20px;
		}
			
	/* flexible kennzahlen
	-------------------------------- */ 

	.row.single-content.flexible-content ul.kennzahlen-links {
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		margin-top: 15px;
		margin-bottom: 20px;
		}
	.row.single-content.flexible-content ul.kennzahlen-links a {
		text-decoration: none;
		padding: 15px 0;
		display: block;
		}
		
	.row.single-content.flexible-content .debug-bg {
		background-color: #FFF;
		}		
		
	/* END flexible
	-------------------------------- */ 			
		
	.row.single-content .content-list {
		padding: 15px;
		border: 1px solid #F00;
		margin-top: 5px;
		}
	.row.single-content .content-list h4 {
		margin-top: 5px;
		color:  #F00;
		}	
	.row.single-content .content-list h3 {
		margin-top: 5px;
		color:  #F00;
		}
		
	.content-caption {
		margin-top: 10px;
		margin-bottom: 20px;
		color: #777777;
		font-size: 13px;
		}
	.content-caption.xs-caption {
		margin-top: 0;
		margin-bottom: 0;
		color: #777777;
		font-size: 10px;
		}

	ul.include-border-list {
		list-style: none;
		border: 1px solid #c5c5c5;
		padding: 30px 30px 15px 30px;
		margin-bottom: 30px;
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif; 
		font-size: 14px;
		line-height: 1.5;
		font-weight: normal;
		background-color: #f8f8f8;
		background-color: #FFF;
		}
	ul.include-border-list li {
		margin-bottom: 15px;
		}
	ul.include-border-list strong {
		font-weight: 600;
		}
	ul.include-border-list p {

		}
	
	ul.include-border-list h4 {
    	font-size: 16px;
		font-weight: normal;
		letter-spacing: 0;
		margin-bottom: 15px;
		margin-top: 0;
		color: #000;
		}
			
	.row.single-content .img-border {
		border: 1px solid #ccc;
		padding: 15px;
		}
		
	.single-footer {}
	.single-footer hr {
		border-color: #ccc;
		}
		
	.single-navigation {
	    display: none;
	    position: fixed;
	    top: 45%;
	    width: 100%;
	    max-width: 1040px;
	    z-index: 88;
	    background-color: rgba(0, 255, 255, 0.2);
	    right: 0;
	    left: 0;
	    margin-right: auto;
	    margin-left: auto;
		}
	
	.single-nav {
	    background: #eee;
	    box-shadow: none;
	    color: #313131;
	    height: 50px;
	    padding: 0;
	    line-height:  50px;
	    padding: 0 10px;
	    position: absolute;
		}
		
	.single-next {right: 0;}
	.single-prev {left: 0;}
	
	/* text-custom-list
	-------------------------------- */ 
.custom-counter {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.custom-counter li {
  counter-increment: step-counter;
  margin-bottom: 10px;
}

.custom-counter li::before {
  content: counter(step-counter);
  margin-right: 5px;
  background-color: #F00;
  color: #FFF;
  font-weight: normal;
  padding: 3px 8px;
  border-radius: 3px;
}


	
	/* text-letter-list
	-------------------------------- */ 
	
	ol.text-letter-list {
		list-style-type:lower-latin;
		padding: 0 0 0 20px;
		margin-bottom: 15px;
		font-size: 15px;	
		}
	ol.text-letter-list li {
		margin-bottom: 15px;
		}
	ol.text-letter-list li::before {
		}

	ol.text-letter-list a {
		text-decoration: none !important;
		}
	ol.text-letter-list ol {
		margin-bottom: 20px;
		margin-top: 15px;
		padding: 0 0 0 20px;
		}
	ol.text-letter-list ol li {
		margin-bottom: 10px;
		}
	
	/* 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;
	    content: "L";
	    display: inline-block;
	    font-family: "badg";
	    float: left;
	    font-size: 15px;
	    margin-left: -20px;
	    margin-right: 5px;
		}

	.text-arrow-list a {
		text-decoration: none !important;
		}
	
	/* arrow-list
	-------------------------------- */ 
	
	h4.arrow-list-headline {
		color: #F00;
		margin-top: 0;
		font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
		}
	
	.arrow-list {
		list-style: none;
		padding: 0 0 0 20px;
		margin-bottom: 15px;
		font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
		}
		
	.arrow-list li::before {
	    color: #F00;
	    content: "L";
	    display: inline-block;
	    font-family: "badg";
	    float: left;
	    font-size: 14px;
	    margin-left: -20px;
	    margin-right: 5px;
		}

	.arrow-list a {
		text-decoration: none !important;
		}
		
	/* 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: "\57";
	    display: inline-block;
	    font-family: "badg";
	    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";
	    content: "t";
		vertical-align: middle;
		padding-left: 10px;
		font-size: 15px; 
		}
	
	.single-footer-links hr {
	    border-color: #ccc;
		}
	

	/* Single Footer Links
	-------------------------------- */ 
	.img-responsive.maxwidth300 {
		max-width: 200px;
		}
		
		
	.row.category-kennzahlen-box {
		background-color: #FFF;
		}
	.single-kennzahlen-box .row.category-box {
    	background-color: #f00;
		border: 1px solid #f00;
		height: auto;
		margin-left: 0;
		margin-right: 0;
		}
	.single-kennzahlen-box .row.category-box .box-content {
	    color: #fff;
	    padding-top: 15px;
		}
	.single-kennzahlen-box .row.category-box .box-content h3 {
	    color: #fff;
		}
	.single-kennzahlen-box .row.category-box .kapn-3eck {
		background-color: #fff;
		}
		.single-kennzahlen-box .row.category-box .kapn-3eck img {
			height: 168px;
			margin: 0 auto;
			}
		.single-kennzahlen-box .row.category-box .kapn-3eck.svg-redbg::after {
			position: absolute;
			bottom: -5px;
			right: 15px;
			font-size: 9px;
			content: "© 2012 kap N";
			}
				
		
	/* Single Berichtsparameter 
	-------------------------------- */ 	

	.container.berichtsparameter {
		}
	.container.berichtsparameter h4 {
		color: #000;
		border-bottom: 1px solid #ff0000;
		margin-top: 15px;
		padding-bottom: 5px;
		font-size: 14px;
		font-weight: 600;
		font-family: "Sparkasse Web", Arial, Helvetica, sans-serif;
		}	
	
	p.berichtsparameter-headline {
	    font-family: "Sparkasse Web", Arial, Helvetica, sans-serif;
	    font-weight: 600;
	    font-size: 14px;
	    color: #000;
		margin-top: 0;
		margin-bottom: 0;
		line-height: 1.42857143;
		}
	table.berichtsparameter-list { 
		margin: 0 0 15px;
		border-collapse: collapse;
		}
	table.berichtsparameter-list td { 
		background-color: #FFF;
		vertical-align: bottom;
		}
	table.berichtsparameter-list td span {
		margin-right: 2px;
		display: inline-block;
		vertical-align: inherit;
		}
	table.berichtsparameter-list td strong {
		margin-right: 15px;
		display: inline-block;
		}
		
	/* Single SVG 
	-------------------------------- */ 
	
	.include-content .svg-wrapper {
    	display: block;
		height: auto;
		max-width: 100%;
		max-width: 280px;
		}

	.produkte-svg-g4 {
		margin: 0 0 15px 0;
		}
						
	.svg-wrapper.svg-g10 {
    	display: block;
		height: auto;
		max-width: 100%;
		margin: 25px 0 0;
		max-width: 540px;
		}
 
	.svg-wrapper.png-g10 {
    	display: block;
		height: auto;
		max-width: 100%;
		max-width: 380px;
		}

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

.row.single-content ul.grafic-number {
	padding: 0;
	margin: 30px 0 15px;
	font-size: 13px;
	line-height: 20px;
	list-style: none;
	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	}
.row.single-content ul.grafic-number li {
	margin-bottom: 7px;
	}
	
.row.single-content .grafic-number span {
	color: #F00;
	margin-right: 10px;
	font-weight: normal;
	font-size: 28px;
	display: inline-block;
	line-height: 20px;
	font-family: "Sparkasse Web",Arial,Helvetica,sans-serif;
	}
.row.single-content .grafic-number strong {
 	color: #000;
    font-size: 16px;
    font-weight: normal;
	font-family: "Sparkasse Web",Arial,Helvetica,sans-serif;
	}	

.row.single-content ul.grafic-statistic {
	padding: 0;
	margin: 15px 0 15px;
	font-size: 14px;
	line-height: 20px;
	list-style: none;
	font-family: 'Sparkasse Serif Web', 'Times New Roman', Times, serif;
	}
.row.single-content ul.grafic-statistic li {
	margin-bottom: 7px;
	}
	
.row.single-content .grafic-statistic li:before {
    content: "\4c";
    font-family: 'badg';
    color: #F00;
    margin-right: 7px;
    font-size: 16px;
	display: inline-block;
	line-height: 20px;
	vertical-align: bottom;
	}
.row.single-content .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;
	}
.row.single-content .grafic-statistic strong {
 	color: #000;
    font-size: 16px;
    font-weight: normal;
	font-family: "Sparkasse Web",Arial,Helvetica,sans-serif;
	}	

.row.single-content ul.table-statistic {
	padding: 0;
	margin: 30px 0 15px;
	font-size: 13px;
	line-height: 20px;
	list-style: none;
	position: relative;
	}
.row.single-content ul.table-statistic li {
	margin-bottom: 7.5px;
	padding-left: 22px;
	padding-right: 22px;
	}
	
.row.single-content .table-statistic li:before {
    content: "\4c";
    font-family: 'badg';
    color: #F00;
    margin-right: 7px;
    font-size: 16px;
    position: absolute;
/* 	display: inline-block; */
	line-height: 20px;
	vertical-align: bottom;
	left: 0;
	}
	
.row.single-content .table-statistic span {
	color: #F00;
	margin-right: 15px;
	font-weight: 300;
	font-size: 20px;
	display: inline-block;
	line-height: 20px;
	}

.row.single-content .table-footer {
	font-size: 13px;
	margin: 0 8px 15px 8px;
	}
.row.single-content .table-footer p {
	font-size: 13px;
	}
	.row.single-content .table-footer strong {
		font-weight: 600;
		}

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

	.list-group {
	    margin-bottom: 20px;
	    padding-left: 0;
		}
	.list-group-item {
	    background-color: #fff;
	    border: 1px solid #ddd;
	    display: block;
	    margin-bottom: -1px;
	    padding: 5px 10px;
	    position: relative;
		}
	.list-group-item:first-child {
	    border-top-left-radius: 1px;
	    border-top-right-radius: 1px;
		}
	.list-group-item:last-child {
	    border-bottom-left-radius: 1px;
	    border-bottom-right-radius: 1px;
	    margin-bottom: 0;
		}

	.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	    background-color: #f00;
	    border-color: #f00;
	    color: #fff;
	    z-index: 2;
		}
		
		.single-footer-nav {
	    margin-bottom: 20px;
	    padding-left: 0;
		}
		
		
	.list-group-thumbnail {
		margin: 0 0 15px;
		}	
	img.group-thumbnail {
		width: 90px;
		height:  60px;
		margin: 0 15px 0  0;
		float: left;
		border: #ccc solid 1px;
		}	
		
	img.nav-thumbnail {
		width: 90px;
		height:  60px;
		border: #ccc solid 1px;
		}
	.list-group-headline {
		margin: 0 0 15px;
		}
	
	.list-group-headline h4 {
	    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	    font-size: 12px;
	    font-weight: normal;
	    margin: 0 0 5px;
	    color: #000;
		}
	.list-group-headline h3 {
	    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	    font-size: 14px;
	    font-weight: normal;
	    margin: 0 0 5px;
	    color: #000;
		}
	.list-group-link {
		background-color: #F00;
		width: 90px;
		height: 60px;
		margin: 0 15px 0 0;
		float: left;
		border: #ccc solid 1px;
		}
		
	.list-group-profil {
		margin: 0 0 5px;
		}
		.list-group-profil a {
			font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif !important;
			}
		.list-group-profil a:before {
		    content: "\4c";
		    font-family: 'badg';
		    color: #F00;
		    margin-right: 15px;
		    margin-left: 75px;
		    font-size: 16px;
			display: inline-block;
			line-height: 20px;
			vertical-align: bottom;
			}
			
	div.include-border-box {
		border: 1px solid #c5c5c5;
		padding: 15px 25px 15px 25px;
		margin-bottom: 30px;
		font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif !important;
		font-weight: normal;
		color: #000;
		background-color: #f8f8f8;
		background-color: #FFF;
		}
		.row.single-content .include-border-box p {	
		font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif !important;
		color: #000;
		}
		.row.single-content .include-border-box p strong {	
		font-weight: normal;
		color: #F00;
		}
		
		.content-modul.gray-border.include-border-box {
			border: 1px solid #c5c5c5;
			}
		.content-modul.red-border.include-border-box {
			border: 1px solid #F00;
			}
		
		
	/* Single Number
	-------------------------------- */ 	
	
.content-modul.red-border .content-box.module-single-number {
    padding: 10px 15px 15px 15px;
    margin: 15px 0 0 0;
    border: 1px solid #F00;
	}		
	.module-single-number table {
		color: #F00;
		width: 100%;
		}
	.module-single-number table .single-number {
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		font-size: 76px;
		font-weight: 200;
		text-align: right;
		color: #F00;
		line-height: 1;
		}	
	.module-single-number table .single-number-text {
		text-align: left;
		color: #F00;
		line-height: 1;
		}
	.module-single-number table .single-number-text p {
		margin: 0;
		}

	/* Single Footer
	-------------------------------- */ 
	
	.image-width240 {
		max-width: 240px;
		height: auto;
		display: block:
		}
	.grafik-6 {
		max-width: 280px;
		height: auto;
		display: block:
		}
		
/*-----------------------------------------------------------------------------------*/
/*	Kennzahlen import-wrapper 
/*-----------------------------------------------------------------------------------*/

.flexible-content .import-wrapper .kennzahlen-title {
	page-break-after: avoid;
	}
	.flexible-content .import-wrapper .kennzahlen-title h3 {
		page-break-after: avoid;
		margin-bottom: 15px;
		margin-top: 15px;
		}

	.flexible-content .import-wrapper .kennzahlen-title:nth-of-type(1)::after {
	    border-top: 1px solid #F00;
	    content: "";
	    display: block;
	    margin: 0 0 10px 0;
	    padding-bottom: 0;
	    width: auto;
		}

.flexible-content .import-wrapper .kennzahlen-import  {
	margin-bottom: 15px;
	}

	.flexible-content .import-wrapper .kennzahlen-import h4 {
	    font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
	    font-size: 16px;
	    font-weight: 600;
	    letter-spacing: 0;
	    margin-bottom: 15px;
	    margin-top: 0;
	    color: #000;
		}

	.flexible-content .import-wrapper .row.kennzahlen-content.flexible-kennzahlen {
		margin-top: 0;
		margin-bottom: 15px;
		}
	.flexible-content .import-wrapper .row.kennzahlen-content.flexible-kennzahlen .berichtstexte {
		}
		
/*
	.flexible-content .import-wrapper .kennzahlen-import:nth-of-type(1)::before {
	    border-top: 0px solid #CCC;
	    content: "";
	    display: block;
	    margin: 0 0 15px 0;
	    padding-bottom: 0;
	    width: auto;
		}
*/
		
	.flexible-content .import-wrapper  .kennzahlen-content.flexible-kennzahlen .col-kennzahlen {
	
		}
	
	
	/* arrow-list kennzahlen-import
	-------------------------------- */ 

	.flexible-content .import-wrapper .kennzahlen-import ul {
		list-style: none;
	    padding: 0 0 0 20px;
	    margin-bottom: 15px;
	    font-size: 15px;
		}
		
	.flexible-content .import-wrapper .kennzahlen-import ul li {
	    margin-bottom: 10px;
		}
		
	.flexible-content .import-wrapper .kennzahlen-import ul li::before {
	    color: #F00;
	    content: "L";
	    display: inline-block;
	    font-family: "badg";
	    float: left;
	    font-size: 15px;
	    margin-left: -20px;
	    margin-right: 5px;
		}

	/* text-letter-list kennzahlen-import
	-------------------------------- */ 
	
	.flexible-content .import-wrapper .kennzahlen-import ol {
		list-style-type:lower-latin;
		padding: 0 0 0 20px;
		margin-bottom: 15px;
		font-size: 15px;	
		}
	.flexible-content .import-wrapper .kennzahlen-import li {
		margin-bottom: 15px;
		}
	.flexible-content .import-wrapper .kennzahlen-import li::before {
		}

	.flexible-content .import-wrapper .kennzahlen-import a {
		text-decoration: none !important;
		}
	.flexible-content .import-wrapper .kennzahlen-import ol ol {
		margin-bottom: 20px;
		margin-top: 15px;
		padding: 0 0 0 20px;
		list-style-type:decimal;
		}
	.flexible-content .import-wrapper .kennzahlen-import ol ol li {
		margin-bottom: 10px;
		}
	
	
	.flexible-content .import-wrapper .kennzahlen-import .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;
		}
		
		
	/* Leitsätze table.leitsatze
	-------------------------------- */ 
		
	.flexible-content .import-wrapper .kennzahlen-import .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;
		}
	
	.flexible-content .import-wrapper .kennzahlen-import  table.leitsatze-list {
		color: #F00;
		margin-top: 5px;
		margin-bottom: 20px;
	    padding-left: 0;
		}
	.flexible-content .import-wrapper .kennzahlen-import table.leitsatze-list tr {
		}
	.flexible-content .import-wrapper .kennzahlen-import 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;
		}
	.flexible-content .import-wrapper .kennzahlen-import 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;
		}
	.flexible-content .import-wrapper .kennzahlen-import table.leitsatze-list .leitsatze-inner td {
		padding: 0;
		padding-top: 16px;
		}
	.flexible-content .import-wrapper .kennzahlen-import .table-list {
		margin-bottom: 15px;
		}
		

	.flexible-content .import-wrapper .kennzahlen-import .table-list .h-icon {
		width: 20px;
		}
		

.kennzahlen-import .include-box.leitsatze 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; }
		
	 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;
		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;
		}

	/* Table Overwrite
	-------------------------------- */ 
	
.import-wrapper table.table > thead > tr > th:nth-child(n+3) {
    white-space: normal;
/*     background-color: black; */
    text-align: right;
    color: #E20613;
    color: #F00;
	}



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

	.kennzahlen3eck {
		height: auto;
		width: 100%;
		}

	.headline-kennzahlen 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: 5px;
	    margin-top: 15px;
		}
	
	.icircle {
		width:60px;
		height:60px;
		border-radius:50%;
		font-size: 30px;
		font-weight: 600;
		color: #F00;
		line-height: 60px;
		text-align: center;
		background: #F3f3f3;
		background: #FFF;
		float:right; 
		margin: 15px 0 15px 15px;
		text-transform: capitalize;
		border: 1px solid #F00;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
		}
	
	.headline-bullets a.icircle:hover {
		background-color: #F3f3f3;
		border-color: #F00; 
		color:#F00;}
	
	.headline-bullets .icircle.activ {
		background: #F00 !important; 
		border-color: #F00; 
		color:#FFF;}
	.headline-bullets .icircle.activ:hover {
		background: #F00 !important; 
		border-color: #F00; 
		color:#FFF;}
		
	.icircle-shape {
		-webkit-shape-outside:circle();
		shape-outside: circle();
		shape-outside: circle(50%);
		-webkit-shape-outside: circle(50%);
		width: 70px;
		height: 70px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius:50%;
		font-size:12px;
		color:#fff;
		line-height:70px;
		text-align:center;
		background: #F00;
		float:left; 
		margin: 0 15px 0 0; 
		text-transform: capitalize;
		}
	.icircle-shape:hover {  }
		
	.icircle-shape.shapeletter {
		font-size:36px;
		font-weight: 600;
		text-transform: capitalize;
		}


	/* Leaders listbar
	---------------------------------------------------------------------- */
	.leaders-listbar-top {
		width: 100%;
		border-bottom: 1px solid #ccc;
		margin: 5px 0;
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		padding: 5px 0;
		display: inline-block;
		}
	.leaders-listbar-top span:nth-child(1) {
		display: inline-block;
		width: 30%;
		float: left;
		}
		
	.leaders-listbar-top span:nth-child(2) {
		display: inline-block;
		font-weight: normal;
		color: #F00;
		text-align: right;
		width: 70%;
		float: left;
		}

	ul.leaders-listbar {
	    width: 100%;
	    padding: 0;
	    overflow-x: hidden;
	    list-style: none;
	    margin-bottom: 0;
		}
	ul.leaders-listbar li {
		margin: 0 0 5px 0;
		padding: 0;
		width: 100%;
		display: inline-block;
		}
	ul.leaders-listbar li .leader-line {
		width: 100%;
		display: inline-block;
		position: relative;
		padding: 0; margin: 0;
		float: left;
		overflow: hidden;
		}
	ul.leaders-listbar li .leader-line:after {
	    float: left;
	    width: 0;
	    white-space: nowrap;
	    content: ". . . . . . . . . . . . . . . . . . . . "
	             ". . . . . . . . . . . . . . . . . . . . "
	             ". . . . . . . . . . . . . . . . . . . . "
	             ". . . . . . . . . . . . . . . . . . . . "
	             ". . .  ";
		}
	ul.leaders-listbar .leader-line span:nth-child(1) {
	    background: #FFF;
		}
	ul.leaders-listbar .leader-line span:nth-child(2) {
	    float: right;
	    padding-left: 10px;
	    padding-right: 10px;
	    background: #FFF;
	    position: relative;
	    z-index: 1;
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: normal;
		color: #ff0000;
		}
	
	ul.leaders-listbar .leader-bar {
		position: relative;
		z-index: 1;
		display: inline-block;
		background: #F3F3F3;
		width: 100%;
		border-radius: 2px;
		float: left;
		}
	ul.leaders-listbar .leader-bar span {
		position: relative;
		z-index: 1;
		background: #F00;
		display: inline-block;
		color: transparent;
		-webkit-box-shadow:inset 0px 0px 0px 1px #f00;
		-moz-box-shadow:inset 0px 0px 0px 1px #f00;
		box-shadow:inset 0px 0px 0px 1px #f00;
		}
	
	.seperator:after {
	    content: "" !important;
		}
		
	
	
	/* Bevölkerungsentwicklung Bars
	---------------------------------------------------------------------- */
	
	.entwicklung-listbar-top {
		width: 100%;
		border-bottom: 1px solid #ccc;
		margin: 5px 0 10px 0;
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		padding: 5px 0;
		display: inline-block;
		}
	.entwicklung-listbar-top span:nth-child(1) {
		display: inline-block;
		width: 40%;
		}
		
	.entwicklung-listbar-top span:nth-child(2) {
		display: inline-block;
		font-weight: normal;
		color: #F00;
		text-align: left;
		width: 30%;
		}
		
	.entwicklung-listbar-top span:nth-child(3) {
    	width: 30%;
    	text-align: center;
    	display: inline-block;
		}	

	ul.entwicklung-listbar {
	    width: 100%;
	    padding: 0;
	    overflow-x: hidden;
	    list-style: none;
	    margin: 0;
		}
	ul.entwicklung-listbar li {
		margin: 0 0 5px 0;
		display: inline-block;
		padding: 0;
		width: 100%;
		}
	ul.entwicklung-listbar li .leader-line {
		width: 40%;
		width: 100%;
		display: inline-block;
		position: relative;
		float: left;
		overflow: hidden;
		}
	ul.entwicklung-listbar li .leader-line:after {
	    float: left;
	    width: 0;
	    white-space: nowrap;
	    content: ". . . . . . . . . . . . . . . . . . . . "
	             ". . . . . . . . . . . . . . . . . . . . "
	             ". . .  ";
		}
	ul.entwicklung-listbar .leader-line span:nth-child(1) {
	    background: #FFF;
		}
	ul.entwicklung-listbar .leader-line span:nth-child(2) {
	    float: right;
	    padding-left: 10px;
	    padding-right: 10px;
	    background: white;
	    position: relative;
	    z-index: 1;
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: normal;
		color: #ff0000;
		}
	
	ul.entwicklung-listbar .leader-bar {
		position: relative;
		z-index: 1;
		display: inline-block;
		background: #F3F3F3;
		width: 30%;
		width: 50%;
		border-radius: 1px;
		float: left;
		}
	ul.entwicklung-listbar .leader-bar span {
		position: relative;
		z-index: 1;
		background: #F00;
		display: inline-block;
		color: transparent;
		-webkit-box-shadow:inset 0px 0px 0px 1px #f00;
		-moz-box-shadow:inset 0px 0px 0px 1px #f00;
		box-shadow:inset 0px 0px 0px 1px #f00;
		}
		
	ul.entwicklung-listbar .end-bar {
		position: relative;
		z-index: 1;
		display: inline-block;
		background: #FFF;
		width: 30%;
		width: 50%;
		border-radius: 1px;
		padding-left:10px;
		white-space: nowrap;
		font-size: 13px;
		}
		
	ul.entwicklung-listbar .end-wrap {
		position: relative;
		z-index: 1;
		display: inline-block;
		background: #FFF;
		width: 80px;
		border-radius: 1px;
		text-align: center;
		margin: 0 auto;
/* 		background-image: url("img/line.png");  */
		}
	ul.entwicklung-listbar .end-wrap span {
		position: relative;
		z-index: 1;
		background: #e5babd;
		display: inline-block;
		color: transparent;
		}
	ul.entwicklung-listbar .end-wrap span:nth-child(1) {
		}
	ul.entwicklung-listbar .end-wrap span:nth-child(2) {
		}

	ul.entwicklung-listbar .neg-num {
		width: 40px;
		background: #FFF;
		display: inline-block;
		float: left;
		}
		
		
		/* Leaders
		---------------------------------------------- */
		
		div.leaders-wrapper { 
			padding: 10px 15px;
			border: 1px solid #F00; 
			margin-top: 5px;
			}
	
		div.leaders-wrapper h4 { 
			font-size: 14px;
			margin: 5px 0 10px;
			}
			
		div.leaders-content { 
			position: relative;
			}
		div.leaders-content h3 { 
			color: #000;
			}
	
		ul.leaders {
/* 		    max-width: 30em; */
		    padding: 0;
		    overflow-x: hidden;
		    list-style: none;
		}
		ul.leaders li {
			
		}
		ul.leaders li:after {
		    float: left;
		    width: 0;
		    color: #999;
		    white-space: nowrap;
		    content: ". . . . . . . . . . . . . . . . . . . . "
		             ". . . . . . . . . . . . . . . . . . . . "
		             ". . . . . . . . . . . . . . . . . . . . "
		             ". . . . . . . . . . . . . . . . . . . . "
		             ". . . . . . . . . . . . . . . . . . . . "
		             ". . . . . . . . . . . . . . . . . . . . ";
		}
		ul.leaders span:first-child {
			display: inline-block;
		    padding-right: 0.5em;
		    background: white;
		    max-width: none;
		}
		ul.leaders span + span {
		    float: right;
		    padding-left: 0.5em;
		    background: white;
		    position: relative;
		    z-index: 1;
		    display: inline-block;
		}
		.seperator:after {
		    content: "" !important;
		}
		
	/* Leaders male-female
	------------------------------------------ */
	
	ul.leaders-male-female {
	    padding: 0;
	    overflow-x: hidden;
	    list-style: none;
	    font-size: 13px;
	    margin: 0;
	    line-height: 1.6;
		}
	ul.leaders-male-femaleX li:before {
		font-family: 'badg';
		font-size: 15px;
		line-height: 1.5;
	    float: left;
	    width: 0;
	    color: #bfbfbf;
	    color: #F00;
	    white-space: nowrap;
	    content:
	    "\00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0" 
		"\48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 "
		"\48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 "
	 	}
	ul.leaders-male-female li {
		background-image: url("img/demo.gif"); 
		background-repeat: repeat-x;
		background-position: left center;
	 	}
	 	
	 
	ul.leaders-male-female span:first-child {
	    padding-right: 0.5em;
	    background: #FFF;
	    }
	ul.leaders-male-female span + span {
	    float: right;
	    padding-left: 0.5em;
	    background: #FFF;
	    position: relative;
	    z-index: 1;
	    }
	    		
		
		/* list-arrow-forward
		---------------------------------------------- */
	
		ul.list-arrow-forward {
		    padding: 0;
		    overflow-x: hidden;
		    padding-left: 20px;
		    list-style: none;
		}
		ul.list-arrow-forward li:before {
		    content: "\4c";
		    font-family: 'badg';
		    font-size: 14px;
		    float: left;
		    margin-top: 0;
		    margin-left: -20px;
		    color: #F00;
		}
		ul.list-arrow-forward span:first-child {
		    max-width: 80%;
		    display: inline-block;
		}
		ul.list-arrow-forward span + span {
		    float: right;
		    padding-left: 0.5em;
		    background: white;
		    position: relative;
		    z-index: 1;
		}
		
	/*	Organisationsprofil
	---------------------------------------------- */
		
		ul.list-nostyle {
			padding: 0;
			overflow-x: hidden;
			padding-left: 0;
			list-style: none;
			}
		
	.archive-kennzahlen	.group-row {
		margin-bottom: 10px;
		}
	.archive-kennzahlen h2 {
	    color: #F00;
	    color: #000;
	    font-family: 'Sparkasse Serif Web', 'Times New Roman', Times, serif;
	    font-size: 22px;
	    font-weight: normal;
	    letter-spacing: 0;
	    line-height: 1.3;
	    margin-bottom: 5px;
	    margin-top: 15px;
		}	
		
	.row.organisationsprofil {
		}
		
	.row.organisationsprofil h2 {
	    color: #F00;
	    color: #000;
	    font-family: 'Sparkasse Serif Web', 'Times New Roman', Times, serif;
	    font-size: 22px;
	    font-weight: normal;
	    letter-spacing: 0;
	    line-height: 1.3;
	    margin-bottom: 15px;
	    margin-top: 15px;
		}
	
	.row.organisationsprofil section {
		margin-bottom: 15px;
		}
		
	.row.organisationsprofil .profil-block {
		padding-top: 5px;
		}
		
	.archive-kennzahlen .row-red:hover h2 {
		color: #000;
		}
	.archive-kennzahlen .row-red:hover a.link-container .icon-arrow-circle-right {
		color: #333;
		}
	
/* 	.archive-kennzahlen h4, */

	.row.organisationsprofil h4 {
		color: #000;
		border-bottom: 1px solid #ff0000;
		margin-top: 15px;
		padding-bottom: 5px;
		font-size: 14px;
		font-weight: 600;
		font-family: "Sparkasse Web", Arial, Helvetica, sans-serif;
		}	
	.row.organisationsprofil h4.beteiligungen {
		margin-top: 30px;
		}	
	.row.organisationsprofil h5 {
		color: #000;
		border-bottom: 1px solid #CCC;
		margin-top: 15px;
		padding-bottom: 5px;
		font-size: 14px;
		font-weight: 600;
		font-family: "Sparkasse Web", Arial, Helvetica, sans-serif;
		}	

	.row.organisationsprofil .the_content {
		margin-bottom: 0px;
		}
		
/* 	container.eigentuemer  */			
	.row.eigentuemer {
		}
	.row.eigentuemer h4 {
		color: #000;
		border-bottom: 1px solid #ff0000;
		margin-top: 15px;
		padding-bottom: 5px;
		font-size: 14px;
		font-weight: 600;
		font-weight: bold;
		font-family: "Sparkasse Web", Arial, Helvetica, sans-serif;
		}	
	.row.eigentuemer strong {
/* 		font-weight: 600; */
		}	
				
			
/* 	container.bilanz  */		

	.row.bilanz {
		}
		
	.row.bilanz h2 {
	    color: #F00;
	    color: #000;
	    font-family: 'Sparkasse Serif Web', 'Times New Roman', Times, serif;
	    font-size: 22px;
	    font-weight: normal;
	    letter-spacing: 0;
	    line-height: 1.3;
	    margin-bottom: 15px;
	    margin-top: 15px;
		}
		
	.row.bilanz section {
		margin-bottom: 0;
		}
		
	.row.bilanz .panel-group .panel {
		border-radius: 0;
		border: 0px;
	    border: none;
	    box-shadow: none;
		}
		
		.row.bilanz .bilanz-panel-heading {
			padding: 0px;
			}
				
		.row.bilanz h4.panel-title {
		    margin-top: 0;
		    margin-bottom: 15px;
		    padding-bottom: 10px;
		    font-size: 18px;
		    color: #F00;
		    border-bottom: 1px solid #F00;
			}
		
	.row.bilanz .panel-body { padding: 0; }
	.row.bilanz .panel-body .table { 
		border-bottom: 1px solid #ddd;
		margin-bottom: 5px; }
	
	.row.bilanz .panel-body .table > thead > tr > th {
	    vertical-align: bottom;
	    border-bottom: 1px solid #F00 !important;
		}
	
	.row.bilanz .panel-body .table tr.summe td { 
		 font-weight: 600;
	 	}
	.row.bilanz .panel-body .table th.column-0 { 
		width: 16px;
		}
	.row.bilanz .panel-body .table th.column-1,
	.row.bilanz .panel-body .table th.column-2,
	.row.bilanz .panel-body .table th.column-3 { 
		width: auto;
		}	
	
	 .row.bilanz .panel-body .table th.column-2 { 
		text-align: right;
		}
	 .row.bilanz .panel-body .table th.column-3 { 
		text-align: right;
		}
		
	 .row.bilanz .panel-body .table .davon em { 
		padding-left: 0;
		font-style: normal !important;
		}
	 .row.bilanz .panel-body .table .davon-invisible em { 
		visibility: hidden;
		font-style: normal !important;
		}
		
	.row.bilanz .panel-body .table td:nth-child(3) {
		background-color: #efefef;
		}
	.row.bilanz .panel-body .table td:nth-child(n+3) {
	    text-align: right;
		}
 
	 .row-red {
		background-color: #F00;
	    padding-left: 0;
	    padding-right: 0;
	    margin-left: 15px;
	    margin-right: 15px;
		color:  #FFF;
		margin-bottom: 5px;
	    background-position: right center;
	    background-repeat: no-repeat;
	    background-size: contain;
		}
		 
	 .row-red h2 {
	    color: #FFF;
	    font-family: 'Sparkasse Serif Web', 'Times New Roman', Times, serif;
	    font-size: 22px;
	    font-weight: normal;
	    letter-spacing: 0;
	    line-height: 1.3;
	    margin-bottom: 15px;
	    margin-top: 15px;
		}
		
	.row-red a.header-link:hover h2 {
		color: #000;
		}
	
	
	/* Footable Loader
	------------------------------------------------------------------------------------------ */ 
	
	div.footable-loader {
		vertical-align: middle;
		text-align: center;
		height: 200px;
		position: relative;
		}
	div.footable-loader > span.fooicon {
		display: inline-block;
		opacity: 0.3;
		font-size: 20px;
		line-height: 32px;
		width: 32px;
		height: 32px;
		margin-top: -16px;
		margin-left: -16px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-animation: fooicon-spin-r 2s infinite linear;
		animation: fooicon-spin-r 2s infinite linear;
		}
 
	/* COLLAPSE PANE 
	------------------------------------------------------------------------------------------ */
	
	.panel-group {
	    margin-bottom: 20px;
	    margin-top: 20px;
		}
	.panel-group .panel {
	    border-radius: 1px;
	    margin-bottom: 0;
		}
	.panel-group .panel + .panel {
	    margin-top: 15px;
		}
	.panel-body { 
		padding: 15px 15px 10px 15px;
		font-size: 13px; }
	
	.panel-indikatoren {
	    border-color: #ccc;
	    padding: 0;
		}
	.panel-indikatoren > .panel-heading {
	    background-color: #f5f5f5;
	    border-color: #ccc;
	    color: #111;
	    padding: 0;
		}
	.panel-indikatoren > .panel-heading + .panel-collapse > .panel-body {
	    border-top-color: #ccc;
		}
	.panel-indikatoren > .panel-heading .badge {
	    background-color: #333;
	    color: #f5f5f5;
		}
	.panel-indikatoren > .panel-footer + .panel-collapse > .panel-body {
	    border-bottom-color: #ccc;
		}
	
	.panel-indikatoren > .panel-heading .accordion-toggle {
	    display: block;
	    padding: 10px 15px 9px 15px;
		}
	
	.panel-indikatoren > .panel-heading .accordion-toggle:after {
	    font-family: 'badg';
	    content: "\54";    
	    float: right;      
	    color: #E20613;        
	    font-size: 15px;
		}
	.panel-indikatoren > .panel-heading .accordion-toggle.collapsed:after {
		font-family: 'badg';
	    content: "\44";
	    font-size: 15px;
		}

	a.accordion-toggle:focus {
	    color: #E20613;
	    text-decoration: none;
	    outline: none;
		}
	 a.accordion-toggle:hover {
	    color: #E20613;
	    text-decoration: none;
	    outline: none;
	    background-color: #ededed;
		}
	.table-legend {
		font-size: 13px;
		margin-bottom: 15px;
		padding-left: 20px;
		padding-right: 20px;
		}
	.table-print {
		margin-bottom: 15px;
		}
	.table-print .glyphicon {
		color: #E20613;
		padding-right: 5px;
		}
		
	/* COLLAPSE PANE flexible-kennzahlen
	------------------------------------------------------------------------------------------ */			
		
.flexible-kennzahlen .panel-indikatoren > .panel-heading .accordion-toggle {
    display: block;
    padding: 10px 15px 9px 15px;
	}
.flexible-kennzahlen .panel-indikatoren > .panel-heading .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
	}
	
	.flexible-kennzahlen .panel-indikatoren > .panel-heading .panel-title a {
	    color: #000;
	    text-decoration: none;
	    outline: none;
		}
	
	.flexible-kennzahlen .panel-indikatoren > .panel-heading .panel-title a.accordion-toggle:focus {
	    color: #E20613;
	    text-decoration: none;
	    outline: none;
		}
	 .flexible-kennzahlen .panel-indikatoren > .panel-heading .panel-title a.accordion-toggle:hover {
	    color: #E20613;
	    text-decoration: none;
	    outline: none;
	    background-color: #ededed;
		}
		
.flexible-kennzahlen .panel-indikatoren > .panel-heading	.panel-indicator-id { display: none }

.flexible-kennzahlen .panel-indikatoren > .panel-heading	.panel-indicator-title { display: inline }	
	
		
	/* 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; 
			}
			

/*-----------------------------------------------------------------------------------*/
/*	Frontpage
/*-----------------------------------------------------------------------------------*/

.home .row.category-box.bg-image .box-content h2 {
    color: #fff;
    font-size: 26px;
    font-weight: normal;
    line-height: 1.1;
    letter-spacing: 1px;
	}
.home .row.category-box.bg-image .box-content h3 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: 0px;
	}
.home .row.category-box.bg-image .box-content h4 {
    font-size: 15px;
	}
	
.home .row.category-box.bg-image .box-content strong {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #FFF;
    padding: 3px 7px 4px 7px;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.5);
	}

.home .category-top .row.category-box.bg-image .box-content p {
	max-width: 520px;
	font-size: 16px;
	}
	
.home .box-2 .row.category-box.bg-image .box-content h3 {
	margin-bottom: 15px;
	}
.home .box-3 .row.category-box.bg-image .box-content h3 {
	margin-bottom: 15px;
	}
.home .box-4 .row.category-box.bg-image .box-content h3 {
	margin-bottom: 15px;
	}
	
.home .box-format-23 .row.category-box.bg-image .box-content h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0;
	}
	
.home .bg-red-box .category-box {
	background-color: rgba(250, 0, 0, 1);
	color: #FFF;
	}
	
.home .organisationsprofil-bg {
    height: 165px;
    padding: 15px;
	background-color: rgba(250, 0, 0, 1);
	color: #FFF;	
	margin-bottom: 20px;
	background-position: center center;
	background-size: cover;
	}
	
.home .organisationsprofil-bg h3 {
    color: #FFF;
    font-family: 'Sparkasse Serif Web',Georgia,'Times New Roman',Times,serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 0;
	}
		
.home .kennzahlen-bg {
    height: 165px;
    padding: 15px;
	background-color: rgba(250, 0, 0, 1);
	color: #FFF;	
	}

.home .kennzahlen-bg h3 {
    color: #FFF;
    font-family: 'Sparkasse Serif Web',Georgia,'Times New Roman',Times,serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 15px;
    margin-top: 0;
	}

.home .row.footer-box .red-bg-box .link-container,
.home .organisationsprofil-bg .link-container,
.home .kennzahlen-bg .link-container {
	left: 15px; right: 15px;
	width: auto;
	}
.home .row.footer-box .red-bg-box .link-container:hover .icon.icon-arrow-circle-right, 
.home .organisationsprofil-bg .link-container:hover .icon.icon-arrow-circle-right, 
.home .kennzahlen-bg .link-container:hover .icon.icon-arrow-circle-right {
	color: #000;
	}

.home .row.footer-box { 
	
	}
.home .row.footer-box .red-bg-box {
    padding: 15px;
    height: 110px;
	background-color: rgba(250, 0, 0, 1);
	color: #FFF;	
	margin-bottom: 20px;
	background-position: center center;
	background-size: cover;
	}
	
.home .row.footer-box .red-bg-box h3 {
    color: #FFF;
    font-family: 'Sparkasse Serif Web',Georgia,'Times New Roman',Times,serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 0;
    max-width: 250px;
	}

/*-----------------------------------------------------------------------------------*/
/*	Page
/*-----------------------------------------------------------------------------------*/

.page .page-content {
	font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	}

.page .page-content 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: 15px;
    margin-top: 15px;
	}
	
.page .page-content .page_content_left {
	margin-top: 0;
	margin-bottom: 15px;
	}
.page .page-content .page_content_right {
	margin-top: 0;
	margin-bottom: 15px;
	}
.page .page-content .datenschutz {
	margin-top: 0;
	margin-bottom: 30px;
	}	
	
.page .page-content h4 {
    border-bottom: 1px solid #ff0000;
    color: #000;
    font-family: 'Sparkasse Web',Arial,Helvetica,sans-serif;
	font-size: 14px;
    font-weight: 700;
    margin-top: 15px;
    padding-bottom: 5px;
	}

.page .page-content ul {
    padding: 0;
        padding-left: 0px;
    overflow-x: hidden;
    padding-left: 20px;
    list-style: none;
    margin-bottom: 15px;
	}

.page .page-content ul li::before {
    content: "\4c";
    font-family: 'badg';
    font-size: 14px;
    float: left;
    margin-top: 0;
    margin-left: -20px;
    color: #F00;
	}
	
.page .page-content a {
    padding-left: 5px;
	}
	
.page .page-content a:before {
    content: "\4c";
    font-family: 'badg';
    font-size: 14px;
    float: left;
    margin-top: 0;
    margin-left: 0;
    color: #F00;
	}

/* .section-image-header + section { background: aqua !important; } */

.kennzahlen-title h2 {
	font-family: 'Sparkasse Web',Arial,Helvetica,sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #F00;
	margin-bottom: 0;
	}
.kennzahlen-title h3 {
	font-family: 'Sparkasse Web',Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #F00;
	margin-bottom: 15px;
	margin-top: 15px;
	}
	
	
h3.section-group-headline   {
	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom: 15px;
	margin-left: 16.66666667%;
	margin-left: 0;
	margin-top: 30px;
	color: #F00;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 15px;
	background: #FFF;
	z-index: 9!important;
	position: relative;
	page-break-after: avoid;
	}
	
.section-group-figure {
	position: static;
	margin-bottom: 30px;
	margin-top: 15px;
	padding-right: 0;
	padding-left: 0;
	}
	
.section-group-figure figcaption {
	margin-bottom: 0;
	margin-top: 10px;
	color: #808080;
	font-family: "Sparkasse Web",Arial,Helvetica,sans-serif;
	font-size: 13px;
	padding: 0;
	}
/*
.section-image-header + section.flexible-content .import-wrapper .kennzahlen-import:nth-of-type(1)::before {
    border-top: 0 solid #F00;
    content: "";
    display: block;
    margin: 0 0;
    padding-bottom: 15px;
    width: auto;
	}
*/



/*-----------------------------------------------------------------------------------*/
/*	Profil
/*-----------------------------------------------------------------------------------*/

.archive-profil .row.category-box.bg-image .box-content h2 {
    color: #fff;
    font-size: 26px;
    font-weight: normal;
    line-height: 1.1;
    letter-spacing: 1px;
	}
.archive-profil .row.category-box.bg-image .box-content h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 1px;
	}

.archive-profil .row.category-box.bg-image .box-content h3 {
    color: #F00;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: 0px;
    margin: 13px 0 15px 0;
	}
.archive-profil .category-top.box-0 .row.category-box.bg-image .box-content h3 {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: #FFF;
    line-height: 1.2;
	}

.archive-profil .row.category-box.bg-image .box-content h4 {
    font-size: 15px;
	}
	
.archive-profil .row.category-box.bg-image .box-content strong {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #FFF;
    padding: 3px 7px 4px 7px;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.5);
	}

.archive-profil .category-top .row.category-box.bg-image .box-content p {
	max-width: 520px;
	font-size: 14px;
	}

.archive-profil .row.category-box.bg-image {
	margin-left: 0;
    margin-right: 0;
    height: auto; 
	height: 150px; 
    background-color: #f5f5f5;
	}
	
.archive-profil .row.category-box.bg-grey {
	margin-left: 0;
    margin-right: 0;
	height: auto; 
	height: 150px; 
    background-color: #f5f5f5;
	}
.archive-profil .row.category-box.bg-grey:hover {
	background-color: #f0f0f0;
	}
	
.archive-profil .border-box .row.category-box {
	margin-left: 0;
    margin-right: 0;
    border: 1px solid #CCC;
    min-height: 150px; 
	}
	
.archive-profil .border-box .box-content {
	color: #000;
	}
	
.archive-profil	.category-top .row.category-box {
		height: 500px;
		}
		
.archive-profil .bg-grey a.link-container .icon-right-circled, 
.archive-profil .bg-grey a.link-container .icon.icon-arrow-circle-right {
    color: #F00;
    font-size: 20px;
    float: right;
    margin: 15px;
    line-height: 1;
	}

	.archive-profil .bg-grey a.link-container:hover .icon-right-circled,
	.archive-profil .bg-grey a.link-container:hover .icon.icon-arrow-circle-right  {
		color: #333;
		}	
		
.archive-profil .row.category-box.bg-grey .box-content h3, 
.archive-profil .row.category-box.bg-image .box-content h3 {
    color: #F00;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: 0px;
    margin: 13px 0 15px 0;
	}
		

.archive-profil .row.category-box.bg-image .box-content h3 {
    color: #FFF;
	}		
		

.col-red-bg { background-color: #F00; color: #FFF }
.col-red-bg h2 { color: #FFF }
.col-red-bg h3 { 
	color: #FFF; 
	margin-bottom: 10px;
	margin-top: 15px; }
	
/* import-berichtsparameter */

.row.single-content.import-berichtsparameter {
	margin-bottom: 30px;
	}

.single-profil table.kontakt {
	margin-bottom: 15px;
	}
.single-profil table.kontakt th {
	padding-right: 20px;
	font-weight: 600;
	font-weight: normal;
	font-style: italic;
	font-style: normal;
	}

/*-----------------------------------------------------------------------------------*/
/*	kennzahlen-box-logo
/*-----------------------------------------------------------------------------------*/

.archive-profil .border-box .row.category-box.bg-red {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #F00;
    background-color: #F00; 
	}
	.archive-profil .border-box .row.category-box.bg-red h3 {
	    color: #FFF; 
	    margin-top: 15px;
	    max-width: 250px;
		}
	.archive-profil .border-box .row.category-box.bg-red p {
	    color: #FFF; 
		}
		
.archive-profil .row.category-box.bg-red .link-container .icon-right-circled, 
.archive-profil .row.category-box.bg-red .link-container .icon.icon-arrow-circle-right {
    color: #FFF;
    font-size: 20px;
    float: right;
    margin: 15px;
    line-height: 1;
	}
	.archive-profil .row.category-box.bg-red a.link-container:hover .icon-right-circled,
	.archive-profil .row.category-box.bg-red a.link-container:hover .icon.icon-arrow-circle-right  {
		color: #000;
		}	

.archive-profil .border-box .row.category-box.grid-box-height-150 {
    height: 150px;
	}
.archive-profil .border-box .row.category-box.grid-box-height-160 {
    height: 160px;
	}
.archive-profil .border-box .row.category-box.grid-box-height-170 {
    height: 170px;
	}
.archive-profil .border-box .row.category-box.grid-box-height-350 {
    height: 350px;
	}


.archive-profil .row.category-box.bg-image.grid-box-height-350 {
	height: 350px;
	}


.kennzahlen-box-logo {
	}
	
.kennzahlen-box-logo .category-kennzahlen-box.bg-red {

	}
.kennzahlen-box-logo .category-kennzahlen-box.grid-box-height-150 {

	}

.kennzahlen-box-logo.border-box .row.category-box {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #F00;
    min-height: 150px;
	}

/*-----------------------------------------------------------------------------------*/
/*	mbtn
/*-----------------------------------------------------------------------------------*/

.mbtn {
  position: relative;

  display: block;
  margin: 30px auto;
  padding: 0;

  overflow: hidden;

  border-width: 0;
  outline: none;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
  
  background-color: #2ecc71;
  color: #ecf0f1;
  
  transition: background-color .3s;
}

.mbtn:hover, .btn:focus {
  background-color: #27ae60;
}

.mbtn > * {
  position: relative;
}

.mbtn span {
  display: block;
  padding: 12px 24px;
}

.mbtn:before {
  content: "";
  
  position: absolute;
  top: 50%;
  left: 50%;
  
  display: block;
  width: 0;
  padding-top: 0;
    
  border-radius: 100%;
  url('')
  background-color: rgba(236, 240, 241, .3);
  
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mbtn:active:before {
  width: 120%;
  padding-top: 120%;
  
  transition: width .2s ease-out, padding-top .2s ease-out;
}


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

.survey-button {
	z-index: 2147483000 !important;
	background-color: #F00;
    position: fixed !important;
    bottom: 20px !important;
    right: 50px !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;   
/*  box-shadow: 0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16) !important; */
    box-shadow: 1px 1px 5px #999;
    padding: 10px;
    border: 0;
    outline: none;
	}
	
a.icon-facebook {
	display: block;
	margin-top: 15px;
	margin-bottom: 5px;
	display: block;
	vertical-align: top;
	border-top: 1px solid #ccc;
	line-height: 1;
	padding-top: 5px;
	float: left;
	width: 100%;
	}

a.icon-facebook:before { }

.facebook-icon {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAV1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOl5NtAAAAHHRSTlMAECAwP0BPUF9gb3B/gI+Qn6CvsL/Az9Df4O/wQqu59AAABLZJREFUeNrt3ctu01AUhtFjO3Hc0oZeiJj0/Z8sM1RUoZJ7YiZIMAAxKK4S/2s9QISzv2xfEqAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOCtKm/BH9R1mUxK3ZZSSve2l1qe+aFOTPv3j0MzmbR1WwcdsgB+aqZtGzV5Afz63E+7tks9+PgA2q5rk48/OoC6667TPwC5AVSz6/jpBwcwvTX93ACqq7mL39wAqg/z2uBjA6jnN6aeG4BPf3YA3YPxBwfQPLYGHhzAzZ1xBwfg458dwNW9s39yAHfu/ZIDqBbWf3IAzcKD3+QAms9O/39Xm78AzF8A5i+AcR6e+UcHUH0y/+gA7t3/Rwfgd3/ZAUw/mm9yANXCeKMD8P1fdgAzFwDRAVSPhhsdgF//ZgdQ35ptdAAPRhsdwLQz2ugAPALKDsACCA9gbrDRAdRXBhsdgCuA7AAqCyA7gM5DwOwAPATMDqDxO7DsAHwNHB6AS8DsAGpngOwALIDwAFwCZAdQzQw1OgBXAOEB+CI4PABnAKcAggOYGml2AC4BwgNwBnAKIDkA/yRkdgAWQHgAFoAASH7H3uMmYHvalU0ph14AcQutX212RxvgjM0Gnf7r3ikgVv/ttR/jcY0rgGawV15/7ccZ9rgCGOwS4HntLiD5aL5sPQdIDuB5vPMv/h7lv31fFwEkX/+/FAFciEF+DvLSCyB6AayKAJKtegFkB1AEEG0ngMsxwHdB+14AFoAAch0EIAABCEAACMAGEECeXgAIAAEgAASAABAAAkAACAABIAAEgAAQAAJAAAgAASAABIAAEAACQAAIAAEgAASAABAAAkAACAABIAAEgAAQAAJAALyH6tz/gE8X/gYvbYBoZ/9/jgrANQAD2gkg20kANoAAbAABpDoIIFsvgGhHt4HOAAIQgAAEIAB3gQLIsxOADSAAt4ECQACJtgJAAME2AkAANoAAEECkgwCy9QKItncKyHYSgEsAAQhAAAIQgAAEkOcoAHcBAsjVFwFE2wnAGUAANoAAEECkjQAQQLC9ABCABSAAjwEE4DGAAGwAAdgAArABBJDiKAAbQAAWgABCHQTgDCAAd4ECsAEEYAMIAAGE2QsAAeTaCgABBNsIgEtQjeponv7/Sy6dAhAAAkAACAABIAAEgAAQAAJAAAgAASAABIAAEAACQAAIAAEgAASAABAAAkAACAABIAAEgAAQAAJAAAgAASAABIAAEAACQAAIAAEgAASAABAAAkAACAABIAAEgAAQAAJAAAgAASAABIAAEAACQAAIAAEgAASAABAAAhAAAkAACAABIAAEgAAQAAJAAAgAASAABIAAEAACQAAIAAEgAASAABAAAkAACAABIAAEgAAQAAJAAAgAASAABIAAEAACQAAIAAEgAASAABAAAkAACAABIAAEgAAQAAJAAAgAASAABIAAEAACQAAIAAEgAASAABAAAkAACAABIAAEgAAQAAJAAAgAASAAASAABIAAEAACQAAIAAEgAASAABAAAkAACAABIAAEgAAQAAJAAAgAASAABIAAEAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABI8QPKTGuhA3JspQAAAABJRU5ErkJggg==');
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
	display: block;
	margin-top: 5px;
	width: 20px;
	height:  20px;
	float: left;
	}
	
.facebook-text {
	margin-top: 10px;
	display: block;
	float: left;
	height:  20px;
	}

.survey-button .open-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAYAAADo6zjiAAAAAXNSR0IArs4c6QAAAr5JREFUWAntVz2MEkEUluXnTuGQwxAwV2ihMRcLicTSaywwdhZezsbKmtrKikQajN0lhsLC2JlcYujBGEJBIZ5iAwnEkJCYEORfWBa/b8Pc7S23d7kTttqXPObtvDfv++bN7DJju3Aotpkp2kPPYq3pLJ1o1UeCSv1+f1tRlO/T6VSGLlpk5N4HxhNiQQ8mqoJ3Op3tRSMa5QPWERIk4JxMJvtGAxbdD6xvxGQV1NnzASBdtA6oGSLbbDYPgMZcCwpbs8CJRywVWxA42BD0miQqpiBgEuY8jEXAqoBVAasCVgWsChhWQJblOs4I8vzfx9l7cABpGI06lsB4PC47nc576XT64Wg0+mE0+LR+5KkVCoWnDofjLuyKUTxJXNIeu8D4TyaTuY9+XygUCpRKpec4TH5mRbRxBrYyHA4L5XI5FolEriLHejab3WJObTwxoWoB5gjMAv92u93k7u7uBgIvQ6/EYrGbxWLxWb1ef9VsNt+32+096CfYHxqNxmsSTSQStxkL9aVSqWvI8Qb5Rlpw2vCfSkAdg6N0ezAYvK1UKg/C4bAPA0mGrV+n6/RFo1F/tVp9hDHvMLanBxbPiFUJiEPpKhw9dJ4oiGmhlF+xQX9Cf8PuYIAdsoZ1DkE3Yd/BgdN9YiI4ZzFDQWAFyX5JksTSmSKCgHgLpr1eb88UZB0ICXBDKPF4/CV27xedf+mPXAKxDC7Yq/l8fisYDN5Cic5zT7B7vd5Nt9sdcblcN5BPVHhuImIJBAEGMJjXJXFpoO+sIiYjJZPJjR1IIBDYwUftuj6RICD6BRGSIAESOY+yiivQi1BevXwejyeQy+Uet1qtj3gtB/rXEDFHRBD5n5aTEBMhIZJZg/r5IavVai/weefllP0SgZYh2ryCkCBlB6ACHUFlbeAyiDCnwGBLJREKSSjCqfYs+edYrH/16LJPC4LGtQAAAABJRU5ErkJggg==');
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center 4px;
    display: block;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    width: 100%;
    height: 100%;
	}
.survey-button .close-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAG1BMVEUAAAD///////////////////////////8AAADr8xjQAAAAB3RSTlMAM7cPx7jIAE21/gAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAABESURBVAjXYxAyYGBgYFZkUHcG0ialDCYlBgzM7slA7MxgUgaUNCkzdgfJMbunlIDUMpiUg7hwGiYOVQfTBzMHZi7UHgCB3RAZ7HszogAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
     background-size: 15px 15px;
    background-position: center center;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    width: 100%;
    height: 100%;
	display: none;
	}

.popover {
    padding: 0px;
    position:fixed;
	}
.open-content {
	width: 250px;
	padding-bottom: 5px;
	font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2;
	}
.open-content p {
	margin-bottom: 10px;
	}
		.mail-link { 
			margin-left: 10px;
			}

		.mail-button { 
			width: 100%;
			display: inline-block;
			text-align: left;
			}
		.mail-button .glyphicon { 
			color: #F00;
			margin-right: 7px;
			}
			

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 16px;
    background-color: #F00;
    border-bottom: 0px solid #F00;
    border-radius: 5px 5px 0 0;
    color: #FFF;
	}
    .popover-title .close{
        position: relative;
        color: #FFF;
        opacity: 1;
        bottom: 1px;
		font-weight: 400;
    	}


/*-----------------------------------------------------------------------------------*/
/*	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-default {
    border-radius: 1px;
    font-size: 11px;
    line-height: 1.5;
    padding: 4px 8px;
	}
.table-print .btn-default:active {

	}
.table-print .btn-default:active:focus {

	}


.table-print .btn-default:visited { 
    color: pink;
}

/*-----------------------------------------------------------------------------------*/
/*	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 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: 'Sparkasse Serif Web',serif;
    font-size: 24px;
    font-weight: normal;
    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: normal;
		}
	.page-break .page-break-headline h3	{  
		font-size: 14px;
		margin-top: 0;
		margin-bottom: 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;
  }
}


/*-----------------------------------------------------------------------------------*/
/*	Bootstrap 3 Overwrites
/*-----------------------------------------------------------------------------------*/

.breadcrumb {
    padding: 5px 0;
    margin-bottom: 20px;
    margin-top: -10px;
    list-style: none;
    background-color: #FFF;
    border-radius: 0;
	}
	
.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #999;
    content: "/\00a0";
	}
.breadcrumb span,
.breadcrumb a {
	color: #999;
	}
.breadcrumb a:hover span {
	color: #000;
	}
	
	.col-xs-20,
	.col-sm-20,
	.col-md-20,
	.col-lg-20 {
	    position: relative;
	    min-height: 1px;
	    padding-right: 0;
	    padding-left: 0;
	}
	
	.col-xs-20 {
	    width: 20%;
	    float: left;
	}
	@media (min-width: 768px) {
	.col-sm-20 {
	        width: 20%;
	        float: left;
	    }
	}
	@media (min-width: 992px) {
	    .col-md-20 {
	        width: 20%;
	        float: left;
	    }
	}
	@media (min-width: 1200px) {
	    .col-lg-20 {
	        width: 20%;
	        float: left;
	    }
	}
	
	.hidden-md {
	    padding-right: 0;
	    padding-left: 0;
		}
		
/*
	.img-responsive {
	    display: block;
	    display: inline-block;
	    max-width: 100%;
	    height: auto;
		}
*/
		
		
.btn-danger {
    background-color: #F00;
    border-color: #F00;
    color: #fff;
	}
.btn-danger .glyphicon {
    color: #fff;
    padding-right: 5px;
	}
.btn-danger.focus, .btn-danger:focus {
    background-color: #eee;
    border-color: #777;
    color: #000;
	}
.btn-danger:hover {
    background-color: #eee;
    border-color: #777;
    color: #000;
	}
.btn-danger:hover .glyphicon {
    color: #000;
	}

/*!
 * Lightbox
 * github_com/ashleydw/lightbox
 */
.ekko-lightbox{display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:0!important}.ekko-lightbox-container{position:relative}.ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;bottom:0;right:0;width:100%}.ekko-lightbox iframe{width:100%;height:100%}.ekko-lightbox-nav-overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex}.ekko-lightbox-nav-overlay a{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .5s;color:#fff;font-size:30px;z-index:1}.ekko-lightbox-nav-overlay a>*{-ms-flex-positive:1;flex-grow:1}.ekko-lightbox-nav-overlay a>:focus{outline:none}.ekko-lightbox-nav-overlay a span{padding:0 30px}.ekko-lightbox-nav-overlay a:last-child span{text-align:right}.ekko-lightbox-nav-overlay a:hover{text-decoration:none}.ekko-lightbox-nav-overlay a:focus{outline:none}.ekko-lightbox-nav-overlay a.disabled{cursor:default;visibility:hidden}.ekko-lightbox a:hover{opacity:1;text-decoration:none}.ekko-lightbox .modal-dialog{display:none}.ekko-lightbox .modal-footer{text-align:left}.ekko-lightbox-loader{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ekko-lightbox-loader>div{width:40px;height:40px;position:relative;text-align:center}.ekko-lightbox-loader>div>div{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:a 2s infinite ease-in-out}.ekko-lightbox-loader>div>div:last-child{animation-delay:-1s}.modal-dialog .ekko-lightbox-loader>div>div{background-color:#333}@keyframes a{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}

 
/*-----------------------------------------------------------------------------------*/
/*	Video
/*-----------------------------------------------------------------------------------*/
 
 .video-wrapper {
	 border: #ccc solid 0;
	 padding: 15px;
	 margin: 0;
	 }

.row.post-content-border .arve-wrapper {
    display: block;
    margin: 0 0 15px 0 !important;
    width: 100%;
	}

.vjs-poster {
    background-size: cover;
	}

.video-js .vjs-big-play-button {
	font-size: 28px;
    border: 1px solid #fff;
	width: 60px;
	height: 45px;
	background: rgba(0, 0, 0, 0.6);


}

.video-js:hover .vjs-big-play-button, 
.video-js .vjs-big-play-button:focus {

    outline: 0;
    border-color: #fff;
    background-color: rgba(245, 0, 0, 0.8);
    
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;

}


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

   .b-lazy {
        -webkit-transition: opacity 500ms ease-in-out;
           -moz-transition: opacity 500ms ease-in-out;
             -o-transition: opacity 500ms ease-in-out;
            -ms-transition: opacity 500ms ease-in-out;
                transition: opacity 500ms 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;
	}

/*-----------------------------------------------------------------------------------*/
/*	BG gradient
/*-----------------------------------------------------------------------------------*/
.page-slug-archiv h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 1px;
	}
	
.page-slug-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;
}
	
.page-slug-archiv .category-top .row.category-box {
	height: 300px;
	}
	
.page-slug-archiv .row.archive {
    border-top: 1px solid #ff0000;
    padding-top:  15px;
	margin-right: 0;
	margin-left: 0;
	}
	
	.page-slug-archiv .row.archive .archive-txt {
		padding-right:  15px;
	}


/*-----------------------------------------------------------------------------------*/
/*	BG gradient
/*-----------------------------------------------------------------------------------*/

.gradient0 { 
	background: none; }
.relative .col-absolute { 
	position: relative; }
	
.gradient65 {	
	z-index: 9;
	left: 0; right: 0; 
	top: 0; bottom: 0; 
	position: absolute;
	background: -moz-linear-gradient(65deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(255,255,255,0))); /* safari4+,chrome */
	background: -webkit-linear-gradient(65deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(65deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(65deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); /* ie10+ */
	background: linear-gradient(25deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
	}
	
.gradient75 {	
	z-index: 9;
	left: 0; right: 0; 
	top: 0; bottom: 0; 
	position: absolute;
	background: -moz-linear-gradient(75deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0, 0, 0, 0))); /* safari4+,chrome */
	background: -webkit-linear-gradient(75deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(75deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(75deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); /* ie10+ */
	background: linear-gradient(15deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
	}
	
.gradient80 {	
	z-index: 9;
	left: 0; right: 0; 
	top: 0; 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 */
	}
	
.inner-gradient60 {
	top: 40%;
	z-index: 9;
	background: -moz-linear-gradient(83deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(83deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(83deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%); /* opera 11.10+ */
	background: -ms-linear-gradient(83deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%); /* ie10+ */
	background: linear-gradient(7deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
	}
	
.inner-gradient70 {	
	top: 30%;
	z-index: 9;
	background: -moz-linear-gradient(83deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(83deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(83deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%); /* opera 11.10+ */
	background: -ms-linear-gradient(83deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%); /* ie10+ */
	background: linear-gradient(7deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
	}

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

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

.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: 999;
        -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: 999;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    	}

#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_content_overlay {
		position: relative;
		z-index: 9;
		top: 0;
		left: 0;
		}
		
	.chart_content_overlay h5 {
    	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
		font-size: 15px;
		color: #000;
		margin-top: 30px;
		padding-bottom: 5px;
		border-bottom: 1px solid #CCC;
	}
		
	/* arrow-list
	-------------------------------- */ 
	
	.header-legend {
		list-style: none;
		padding: 0 0 0 20px;
		margin-bottom: 15px;
		font-family: 'Sparkasse Serif Web', 'Times New Roman', Times, serif;
		}
		
	.header-legend li {
		text-align: left;
		}
		
	.header-legend li::before {
	    color: #F00;
	    content: "L";
	    display: inline-block;
	    font-family: "badg";
	    float: left;
	    font-size: 14px;
	    margin-left: -20px;
	    margin-right: 5px;
		}

		.header-legend span {
		    color: #f00;
		    display: inline-block;
		    font-family: "Sparkasse Web",Arial,Helvetica,sans-serif;
		    font-size: 18px;
		    font-weight: normal;
		    line-height: 20px;
		    margin-right: 5px;
			}
		.header-legend em {
			color: #000;
			font-style: normal;
		    display: inline-block;
			}

	/*  #pie-chart
	------------------------------------------------------------------------------------------ */
	
	.pie-canvas-holder {
		margin: 0 auto 15px;
		height: 133px;
		}
	
	#pie-chart-area {
		display: block;
		height: 120px;
		width: 260px;
		}
		
	.single-header .pie-canvas-holder {
		margin: 15px auto 15px;
		height: 240px;
		}
		
	.single-header 	#pie-chart-area {
		margin: 0 auto;
		display: block;
		height: 240px;
		width: 240px;
		}
			
	.single-header .svg-g10 {
		margin: 15px auto 15px;
		}
		
	/*  bar-chart
	------------------------------------------------------------------------------------------ */

	#bar-chart-holder {
		margin-top: 30px;
		}

	/*  legend-chart-area
	------------------------------------------------------------------------------------------ */

	.chart-box .box-content {
		margin-top: 15px;
		}

		.chart-box-text {
			position: relative;
		}

	.content-modul .content-box.chart-box {
		position: relative;
		page-break-inside: avoid;
		}
	.content-modul .content-box.chart-box.padding-0 {
		padding-right: 0;
		padding-left: 0;
		position: relative;
		}

	.content-modul .chart-box h5 {
    	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
		font-size: 15px;
		color: #000;
		margin-top: 0;
		padding-bottom: 7.5px;
		border-bottom: 1px solid #CCC;
		}
		
	.content-modul.red-border .chart-box h5 {
    	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
		font-size: 16px;
		color: #000;
		margin-top: 0;
		padding-bottom: 15px;
		border-bottom: 1px solid #CCC;
		}

	.content-modul .pie-canvas-holder {
		position: relative;
		}

	.link-container-teaser {
	    height: 100%;
	    position: absolute;
	    width: 100%;
	    z-index: 99;
	    top: 0; left: 0;
		}
		.link-container-teaser .icon-right-circled, 
		.link-container-teaser .icon.icon-arrow-circle-right {
			color: #F00;
			font-size: 20px;
			float: right;
			margin: 0;
			}
		
		.link-container-teaser:hover .icon-right-circled,
		.link-container-teaser:hover .icon.icon-arrow-circle-right  {
			color: #000;
			}	

	.link-container-aside {
	    height: 100%;
	    position: absolute;
	    z-index: 99;
	    top: 0; 
	    left: 15px; right: 15px;
		}
		.link-container-aside .icon-right-circled, 
		.link-container-aside .icon.icon-arrow-circle-right {
			color: #F00;
			font-size: 20px;
			float: right;
			margin: 0;
			margin-top: 150px;
			}
		
		.link-container-aside:hover .icon-right-circled,
		.link-container-aside:hover .icon.icon-arrow-circle-right  {
			color: #000;
			}	
		
	.link-container-box {
		display: inline-block;
		height: auto;
		width: 100%;
		}
		
		.link-container-box:hover {
			color: #000;
			}	
			
	.link-container-box::after {
	    color: #F00;
	    content: "t";
	    float: right;
	    font-family: "badg";
	    font-size: 20px;
		position: absolute;
		top: 10px; right: 15px;
		z-index: 6;
		}
		.link-container-box:hover::after {
	    	color: #999;
			}	
			




	/*  legend-chart-area
	------------------------------------------------------------------------------------------ */
	
	#center-chart {
		display: block;
		position: relative;
		}
		
	#center-chart .canvas-wrapper {
		width: 120px;
		margin-left: auto;
		margin-right: auto;
		}		

	#center-chart .canvas-wrapper canvas {
		z-index: 99;
		margin-top: 60px;
		}
	.center-chart-legend {
		display: block;
		}
		
	.center-chart-legend.elternzeit {
		display: block;
		position: absolute;
		top: 15px;
		right: 15px;
		left: 15px;
		z-index: 1;
		}
		
	.center-chart-legend.elternzeit table {
		z-index: 9;
		}	
	.center-chart-legend.elternzeit .table-elternzeit-left {
		margin-right: 25px;
		}
	.center-chart-legend.elternzeit .table-elternzeit-right {
		margin-left: 25px;
		}
		
	.center-chart-legend.elternzeit table th {
		border-bottom: 1px #999 solid;
		}
	.center-chart-legend.elternzeit table th img {
		padding: 5px 0;
		}
		.center-chart-legend.elternzeit table .num-elternzeit {
			color: #F00;
			font-size: 24px;
			}
		.center-chart-legend.elternzeit table .label-elternzeit span {
			display: inline-block;
			color: #666;
			font-size: 16px;
			margin-top: 3px;
			font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
			}
			
	
	#legend-chart {
		background-color: #FFF;
		width: 200px;
		height: 200px;
		margin-bottom: 15px;
		margin-left: 15px;
		margin-top: 0;
		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;
		}	
	
	#chart-legend {
    	float: left;
    	width: 280px;
    	margin-left: 60px;
    	margin-top: 10px;
		}
	
	.doughnut-legend {
	  	list-style: none;
	  	margin: 0;
	  	padding: 0;
	  	font-size: 14px;
	  	margin-top : 0px;
		}
	
	.doughnut-legend li {
	  	margin-bottom : 5px;
	  	display: block;
		}
	
	.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 : 90px;
	  	text-align: right;
	  	margin-right : 10px;
		}
	.comm-text {
	  	display: inline-block;
	  	width: auto;
	  	width: 180px;
		}
	.gesamt-legend {
		float: left;
		width: 280px;
		width: auto;
		margin-left: 60px;
		margin-top: 7.5px;
		margin-bottom: 15px;
		}
	.gesamt-legend::before {
	    color: #f00;
	    content: "L";
	    display: inline-block;
	    font-family: "badg";
	    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;
		}

	
		
	/*  Modul frauenanteil
	------------------------------------------------------------------------------------------ */
	
	.frauenanteil {
		margin-top: 30px
		}	
		
	.frauenanteil .num-progress {
		color: #F00;
		font-size: 18px;
		text-align: center;
		margin-left: 15px
		}		
	
	.frauenanteil .progress-vertical {
		border: 1px solid #F00;
		height: 100%;
		width : 28px;
		background-color: #F00;
		}
	.frauenanteil .progress-vertical.top-radius {
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
		}

	.frauenanteil .bar-line hr {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    border-color: #F00;
	    border-image: none;
	    border-style: solid none none;
	    border-width: 1px 0 0;
	    margin-bottom: 1px;
	    margin-top: 0;
		}
		
	.frauenanteil .label-line {
		border-top: 1px solid #CCC;
		padding-top: 3px;
		}	
		
		.frauenanteil .label-line span {
		min-width: 100px;
		display: inline-block;
		color: #666;
		font-size: 15px;
		margin-top: 3px;
		font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
		}
		
		
		

	/*  Modul Horizontal Chart
	------------------------------------------------------------------------------------------ */
	
	#category-bar {
		margin-top: 15px;
		}		
		
	/* 	double-bars */
		
	#double-bars-legend {
		position: absolute;
/* 		position:relative; */
		right: 0;
		top: -80px;
		width: 100%;
		overflow: visible;
		z-index: 99;
		}
		#double-bars-legend .legend-marker {
			margin-top: 10px;
			}
		#double-bars-legend .legend-marker span {
			width: 20px;
			height: 10px;
			background-color: #999;
			display: inline-block;
			border-radius: 2px;
			}
		#double-bars-legend .legend-text span {
			color: #777;
			font-size: 13px;
			display: inline-block;
			overflow: visible;
			}
			
	.bar-double.year {
		position:relative;
		height: 15px;
		}
		
	.bar-double.year label.y-label {
	    display: none;
		}
	
	.top-label .y-label {
	    color: #999;
	    position: relative;
	    font-family: serif;
	    margin-bottom: 10px;
	    display: block;
		}
		
	.double-bars .chart--horizontal .bar__container:after {
	   	opacity: 1;
		}
			
	/* 	single-bars */

	.chart__axis-x,.chart__box,.chart__container,.chart__label-y {
		box-sizing:border-box;
		}
	
	.chart__container {
		position:relative;
		margin:0;
		padding-right:10px;
		overflow: hidden;
		}
	.double-bars.chart__container {
		margin-top: 100px;
		overflow: visible;
		}
	
	.chart__axis-y {
		position:relative;
		top:0;
		left:10px;
		z-index:1;
		padding:40px 0 5px;
		color:rgba(0,0,0,.6);
		text-align:left;
		font-weight:600;
		font-size:12px;
		color: #FFF;
		}
	
	.chart__axis-x {
		width:100%;
		color:rgba(0,0,0,.6);
		font-size:13px !important;
		padding:5px 5px 5px 5px;
		position: relative;
		}
	
	.chart__label-y {
		display:block;
		height:48px;
		position:relative;
		padding:0 15px 27px 0;
		line-height:1.1;
		}
	
	.chart__label-y:before {
		content:'';
		display:none;
		width:5px;
		height:1px;
		position:absolute;
		top:15px;
		right:0;
		background-color:#999;
		}
	
	.label-y__name {
		position:absolute;
		top:0;
		}
	
	.chart__label-x {
		display:inline-block;
	
		position:relative;
		right:0;
		padding-top:5px;
		text-align:right;
		width: calc(100%/3);
		width: 20%;
		}
	
	.chart__label-x:after,.chart__label-x:before {
		content:'';
		width:1px;
		}
	
	
	.chart__label-x:before {
		height:5px;
		position:absolute;
		top:-10px;
		right:10px;
		background-color:#999;
		}
	

	.chart__label-x:after {
		display:none;
		height:2000px;
		position:absolute;
		bottom:100%;
		right:10px;
		z-index:-1;
		margin-bottom:10px;
		background:repeating-linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.3) 4px,transparent 4px,transparent 13px);
		}
	
	
	.show-horizontal-lines .chart__label-x:after {
		display:block;
	}
	
	.chart__box {
		height:100%;
		width:100%;
	/*
		position:absolute;
		top:0;
		right:0;
		bottom:0;
	*/
		padding: 0;
		border-left:1px solid #999;
		border-bottom:1px solid #999;
		margin-left: 0;
	}
	
	.chart--top {
		position:relative;
		padding-top:15px;
		}
	
	.chart--horizontal {
		color:rgba(0,0,0,.5);
		padding-top:5px;
		}
	
	
	.chart--horizontal .chart__bars {
		padding: 15px 0 1px;
		
		}
		.double-bars .chart--horizontal .chart__bars {
			padding: 0 0 1px;
			}
	
	
	.chart--horizontal .bar__container {
		width:100%;
		height:25px;
		position:relative;
		margin:0 0 22px;
		padding-right:10px;
		box-sizing:border-box;
		background-clip:content-box;
	}
	
	.chart--horizontal .bar__container:first-of-type {
	/* 	margin-top:5px; */
	}
	
	.chart--horizontal .bar__container:last-of-type {
		margin-bottom:25px;
		}
		.double-bars .chart--horizontal .bar__container:last-of-type {
		margin-bottom:15px;
		}
	
	.chart--horizontal .bar__container:before {
	    content: '';
	    width: 5px;
	    height: 1px;
	    position: absolute;
	    top: 12px;
	    left: -5px;
	    background-color: #999;
		}
	
	
	.chart--horizontal .bar__container.max .bar {
		background-color:#F00;
		}
	
	.chart--horizontal .bar__container.min .bar {
		background-color:#F00;
		}
	
	.chart--horizontal .bar {
		display:block;
		height:25px;
		border: #F00 solid 1px;
		position:absolute;
		top:0;
		right:100%;
		bottom:0;
		left:0;
		border-radius: 0 6px 6px 0;
		background-color:#F00;
		-webkit-transition:all 0 ease-in-out;
		-ms-transition:all 0 ease-in-out;
		-moz-transition:all 0 ease-in-out;
		-o-transition:all 0 ease-in-out;
		transition:all 0 ease-in-out;
		}
	
	.show-arrows .chart__box:after,.show-arrows .chart__box:before {
		content:'';
		width:0;
		height:0;
		position:absolute;
		border-style:solid;
		}
	
	.chart__container.visible .chart--horizontal .bar {
		-webkit-transition:all 2s ease-in-out;
		-ms-transition:all 2s ease-in-out;
		-moz-transition:all 2s ease-in-out;
		-o-transition:all 2s ease-in-out;
		transition:all 2s ease-in-out;
		right:0;
		}
	
	.show-arrows {
		padding-left: 5px;
		}
	
	.show-arrows .chart__box::after {
		top:7px;
		left:-4px;
		border-width:0 5px 8px;
		border-color:transparent transparent #999;
	}
	
	.show-arrows .chart__box:before {
		bottom:-4px;
		right:-2px;
		border-width: 5px 0 5px 8px;
		border-color:transparent transparent transparent #999;
	}
	
	.labels-above-bars .chart__axis-y {
		position:relative;
		top:-10px;
		left:10px;
		z-index:1;
		padding:40px 0 5px;
		color:rgba(0,0,0,.6);
		text-align:left;
		font-weight:600;
		font-size:12px;
	}
	
	.labels-above-bars .chart__axis-x {
		padding-left:0;
	}
	
	.labels-above-bars .chart--horizontal {
		padding-top:15px;
	}
	
	.labels-above-bars .chart--top {
		padding-top:0;
	}
	

	.chart--horizontal .bar__container:after {
		content:attr(data-value) "";
		position:absolute;
		top:58%;
		left:100%;
		opacity:0;
		padding-left:15px;
		font-size:20px;
		color: #F00;
		font-family: sans-serif;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		transform:translateY(-50%);
		-webkit-transition:opacity 0 ease-in-out 0;
		-ms-transition:opacity 0 ease-in-out 0;
		-moz-transition:opacity 0 ease-in-out 0;
		-o-transition:opacity 0 ease-in-out 0;
		transition:opacity 0 ease-in-out 0;
		}
		
	.chart--horizontal .bar__container {
			margin-bottom: 0;
			}	
	
	.bar-hidden { 
		font-size:17px;
		padding-left: 15px; 
		color: #F00;
		min-height: 25px;
		visibility: visible;
		margin-bottom: 10px;
		margin-top: 5px;
		}
		
	.label-x-zero {
	    display: inline-block;
	    position: absolute;
	    padding-top: 5px;
	    left: -3px;
	    left: 0;
		}
	.label-x-label {
	    display: inline-block;
	    position: absolute;
	    padding-top: 5px;
	    right: -3px;
		}
		
	.chart__axis-x:before {
		height: 5px;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #999;
		content: '';
		width: 1px;
		}
		
	label.y-label  { 
		color: #FFF; 
		left: 10px; 
		position: absolute;
		font-family: serif;
		margin-bottom: 0;
		margin-top: 3px;
		}
		
	.chart--horizontal .bar__container {
		margin-bottom: 0;
		}
		
	.double-bars .chart--horizontal .bar__container:after {
	   	opacity: 1;
		}
		

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
		
	.box { background-color:#FFF; }

	.bar-hidden { 
		visibility: hidden;
		margin: 0;
		}
	
	label.y-label  { 
		color: #999; 
		left:-40px; 
		}
		
	.label-x-zero {
	    display: inline-block;
	    position: absolute;
	    padding-top: 5px;
	    left: 37px;
		}
			
		
	.chart__axis-y {
		position:relative;
		top:0;
		left: 10px;
		z-index: 1;
		padding: 40px 0 5px;
		text-align:left;
		font-weight:600;
		font-size:12px;
		color: #999;
		font-family: serif;
		}
		
	.chart__container:not(.labels-above-bars) .chart__axis-y {
		width:80px;
		padding:5px 0;
		text-align:right;
		font-size:14px;
		font-weight:700;
		top:0;
		left:0;
		}	
		
	.chart__axis-x {
		padding-top: 5px;
		padding-left: 40px;
		font-size:13px;
		}

	.chart__axis-x:before {
		height: 5px;
		position: absolute;
		top: 0;
		left: 40px;
		background-color: #999;
		content: '';
		width: 1px;
		}	
		
	.show-arrows .chart__box::after {
		top:7px;
		left:36px;
		border-width:0 5px 8px;
		border-color:transparent transparent #999;
		}	
		
	.chart__label-y:before {
		display:block;
		}
	
	.chart__container:not(.labels-above-bars) .label-y__name {
		position:absolute;
		top:15px;
		right:20px;
		bottom:auto;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		transform:translateY(-50%);
		}
		
	.chart__label-x:before {
		top:-5px;
		right:20px;
		}
		
	.chart__label-x:after {
		right:20px;
		}	
		
/*
	.chart__label-x:nth-child(2n+1) {
    	opacity: 1;
		}
		
*/
	.chart__box {
		padding: 0;
		margin-left: 40px;
		width:calc(100% - 40px);
		}
	
	.labels-above-bars .chart__axis-y {
		top:-10px;
		color: #999;
		}
	
	.labels-above-bars .chart__box {
		padding: 5px 15px 0 10px;
		width:100%;
		}	
		
	.chart__label-x {
		width: calc(100%/4);
		width:20%;
		}
	
	.chart--horizontal .bar__container:after {
		opacity: 1;
		}
		
		
	.double-bars .chart--horizontal .chart__bars:first-of-type {
		padding: 15px 0 1px;
		}

	/* 	double-bars */
	
	.double-bars.chart__container {
		margin-top: 0;
		overflow: visible;
		}

	#double-bars-legend {
		position: absolute;
		right: 0;
		top: 0;
		width: auto;
		overflow: visible;
		width: 140px;
		}

	.double-bars .chart--horizontal .bar__container:before {
	    visibility: hidden;
		}

	.bar-double.year {
		position:relative;
		height: 15px;
		}
			
	.bar-double.year:before {
	    content: '';
	    width: 5px;
	    height: 1px;
	    position: absolute;
	    top: 8px;
	    left: -5px;
	    background-color: #999;
		}
		
	.bar-double.year  label.y-label {
		line-height: 1;
	    margin-top: 2px;
	    display: block;
		}
		
	.top-label .y-label {
	    color: #000;
	    position: relative;
	    font-family: serif;
	    margin-bottom: 5px;
	    display: none;
		}
		
	.chart__label-x {
		width: calc(100%/4);
		width:18%;
		}
	.produkte-nachhaltige-kredite .chart__label-x {
		width: calc(100%/4);
		width:18%;
		}
	
    }

	/*  legend-chart-area
	------------------------------------------------------------------------------------------ */
			.chart-header h3 {
    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    font-size: 20px;
    font-weight: normal;
   color: #000 !important;
    margin-bottom: 15px;
    margin-top: 0;
    letter-spacing: 0px;
    line-height: 1.2;
}
			.chart-header h4 {
font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
font-weight: normal;
font-size: 16px;
line-height: 1.2;
margin: 0 0 5px 0;
font-weight: normal;
color: #000 !important;
}
				


/*-----------------------------------------------------------------------------------*/
/* matrix */
/*-----------------------------------------------------------------------------------*/

.matrix.row {
	margin-right: -7.5px;
	margin-left: -7.5px;
	}
	
.matrix-headline h4 {
	color: #000;
	border-bottom: 1px solid #ff0000;
	margin-top: 15px;
	padding-bottom: 5px;
	font-size: 15px;
	font-weight: 600;
	font-family: "Sparkasse Web", Arial, Helvetica, sans-serif;
	}
.matrix-headline p {
	font-size: 15px;
	}
	
.matrix .matrix-image {
	padding-right: 7.5px;
	padding-left: 7.5px;
	}

.matrix-overview-box { 
	min-height: 260px;
	border: 1px solid #ccc;
	position: relative;
	padding: 10px;
	margin: 10px 0;
    background-image: url(img/matrix-bg-h.png);
    background-repeat: no-repeat;
    background-position: top right; 
    background-size:cover;
	/*
    background-size:100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
	*/
	}
	.matrix-overview-box.matrix-bg-h { 
	    background-image: url(img/matrix-bg-h.png);
		}
	.matrix-overview-box.matrix-bg-i { 
	    background-image: url(img/matrix-bg-i.png);
		}
	.matrix-overview-box.matrix-bg-p { 
	    background-image: url(img/matrix-bg-p.png);
		}

a.matrix-lightbox-link {
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	background-color: transparent;
	}
a.matrix-lightbox-link:hover {
	background-color: rgba(174, 174, 174, 0.1);
	}
	
.matrix-lightbox-link h3 {
	position: absolute;
	bottom: 0;
	left: 20px; 
	color: #F00;
	}
	

.matrix .col-xs-6 {
	padding-right: 5px;
	padding-left: 5px;
	}

.matrix-box { 
	min-height: 70px;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #F00;
	text-align: center;
	position: relative;
	padding: 10px;
	margin: 5px 0;
	-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;
	}
	.matrix-box figcaption {
		position: absolute;
		font-weight: 600;
		font-weight: bold;
		bottom: 5px;
		right: 5px;
		color: #F00;
		line-height: 1;
		}
		
.matrix-button .matrix-box:hover { 
	background-color: #F00;
	color: #FFF;

	}
	.matrix-button .matrix-box:hover figcaption { 
	color: #FFF;
	}
		
.matrix-chart {
	border-bottom: 1px solid #F00;
	border-left: 1px solid #F00;
	min-height: 500px;
    background-image: url(img/grid.png);
    position: relative;
    background-repeat: no-repeat;
    background-position: center center; 
	/*
    background-size:100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
     background-size:cover;
	*/
	}
	
.matrix-holder { 
	padding-left: 25px;
	height: 100%; }
	
.matrix-holder .matrix-label-hoch { 
	position: absolute;
	z-index: 66;
	top: 0;
	left: 0;
	}
.matrix-holder .matrix-caption-gering { 
	position: absolute;
	z-index: 66;
	bottom:0;
	left: 0;
	}
.matrix-holder .matrix-caption-hoch { 
	position: absolute;
	z-index: 66;
	bottom:0;
	right: 0;
	}
	
.matrix-holder .caption {
	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    font-size: 16px;
    text-align: center;
	}
	
.matrix-holder::before {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1em;
    display: block;
    content: "Bedeutung für die Anspruchsgruppen";
    font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
    width: auto;
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: right, top;
    position: absolute;
    color: #000;
    left: -120px;
    top: 50%;
    font-weight: normal;
    z-index: 66;
    font-size: 16px;
	}
	
.matrix-chart .dot {
	font-weight: 600;
	color: #F00;
	position: absolute;
	font-size: 15px;
	}
.matrix-chart .dot.iactiveXXX {
	color: #FFF;
	background-color: #F00;
	}
	
.matrix-chart .dot.iactive {
    height: 40px;
    width: 40px;
    border-radius: 40px;
    color: #FFF;
    line-height: 40px;
    text-align: center;
    background: #F00;
	z-index: 6789;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	}	
.matrix-chart .dot.iactive span {
    display: none;
	}	
		
.matrix-arrow {
    width:120px;
	}

.matrix-line {
    margin-top:14px;
    width:90px;
    background:blue;
    height:10px;
    float:left;
	}
.matrix-point {    
    width: 0;
    height: 0; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid blue;
    float:right;
	}
	
.matrix-btn {
	width: 100%;
	min-height: 70px;
	position: relative;
	display: block;
	margin: 5px auto;
	padding: 0;
	overflow: hidden;
	outline: none;
	background-color: #FFF;
	color: #000;
  	border: 1px solid #F00;
	font-weight: 600;
	font-size: 11px;
	text-align: center;	
	vertical-align: top;
	padding: 5px 5px 10px 5px;
	line-height: 1.2;
	}

.matrix-btn:hover, .matrix-btn:focus {
	background-color: #F00;
	color: #FFF;
	cursor: pointer;
	}

	.matrix-btn > * {
		position: relative;
		}
	.matrix-btn span {
		position: absolute;
		font-weight: 600;
		font-weight: bold;
		bottom: 5px;
		right: 5px;
		color: #F00;
		line-height: 1;
		}
	.matrix-btn:hover span, .matrix-btn:focus span {
		color: #FFF;
		}
		
.matrix-btnXXX:before {
  content: "";
  
  position: absolute;
  top: 50%;
  left: 50%;
  
  display: block;
  width: 0;
  padding-top: 0;
    
  border-radius: 100%;
  
  background-color: rgba(255, 0, 0, 0.5);
  
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	}

.matrix-btnXXX:hover:before {
	width: 120%;
	padding-top: 120%;
	transition: width .2s ease-out, padding-top .2s ease-out;
	}
	

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

#full-width-slider {  
	width: 100%; 
	color: #000; 
	height: 350px;
	}

.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: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.7);
  left: 15px;
  right: auto;
}
.infoBlock h4 {
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
.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;
	}

/*-----------------------------------------------------------------------------------*/
/*	BILDER
/*-----------------------------------------------------------------------------------*/

/* Heinsberg */
.img-responsive.wp-image-702 { max-width: 400px; }
.img-responsive.wp-image-704 { max-width: 400px; }
.img-responsive.wp-image-705 { max-width: 300px; }

/* Ratzeburg */
.img-responsive.wp-image-568 { max-width: 400px; }
.img-responsive.wp-image-569 { max-width: 350px; }
.img-responsive.wp-image-570 { max-width: 300px; }
.img-responsive.wp-image-582 { max-width: 370px; }
.img-responsive.wp-image-601 { max-width: 400px; }

.img-responsive.wp-image-2502 { max-width: 290px; }
.img-responsive.wp-image-2501 { max-width: 280px; }

.img-responsive.wp-image-2646 { max-width: 530px; }
.img-responsive.wp-image-2681 { max-width: 550px; }
.img-responsive.wp-image-2805 { max-width: 420px; }

.max240 { max-width: 240px; }


/*-----------------------------------------------------------------------------------*/
/*	DEBUG REVISE
/*-----------------------------------------------------------------------------------*/

.alert.alert-info.indicator_revise {
	background-color: #ffefff;
	color: #ff00ff;
	border-color: #ffeeff;
	border-radius: 2px;
	font-size: 14px;
	padding: 3px 5px;
	}


.arve-wrapper { margin-bottom: 0; }
.debug {}
.debug::before {
    background-color: rgba(255, 0, 255, 0.5);
    color: #fff;
    content: attr(class);
    display: block;
    font-size: 11px;
    left: 15px;
    padding: 0 5px;
    position: absolute;
    top: 0;
    z-index: 1111;
	}	
.debug-box {
    padding: 5px;
    position: absolute;
    display: block;
    font-size: 11px;
    top: 0; 
    right: 15px;
    left: auto;
    color: #000;
    z-index: 1111;
    background-color: rgba(0, 255, 245, 0.5);
	}
	
.row.debug-bg {
	margin-top: 15px;
	background-color: rgba(0, 255, 245, 0.5);
	background-color: #FFF;
	font-size: 11px;
	}
	
.debug-modul {background-color: #c4f5f9; }
	
.nohighlight { background-color: #FFF; }
.highlight { background-color: #e8fcfd; }
	
del { color: fuchsia; font-weight: normal; }	
	
.cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}
	


/* Branchenstruktur */

span.bleader-line {
    overflow: hidden;
}

span.bleader-line:after {
    content:"";
    display: inline-block;
    height: 100%;
    width: 100%;
    margin-right: -100%;
    margin-left: 10px;
    border-bottom: 1px dotted black;
}
	
	
/*-----------------------------------------------------------------------------------*/
/*	object-fit objectFitImages
/*-----------------------------------------------------------------------------------*/

.single .image-holder img {
	max-height: 500px;
	}

.OFimage {
    display: block;
    height: auto;
    max-width: 100%;
    height: 100%;
    width: 100%;
	}

.OF-fill {
	object-fit: fill;
	font-family: 'object-fit: fill';
	}

.OF-contain {
	object-fit: contain;
	font-family: 'object-fit: contain';
	}

.OF-cover {
	object-fit: cover;
	font-family: 'object-fit: cover';
	}
.OF-cover-op {
	object-fit: cover;
	object-position: 80% 20%;
	font-family: 'object-fit: cover; object-position: 80% 20%';
	}

.OF-none {
	object-fit: none;
	font-family: 'object-fit: none';
	}

.OF-scaleDown {
	object-fit: scale-down;
	font-family: 'object-fit: scale-down';
	}
	
.teaser_image.img-fill .OF-cover   {
	object-fit: contain;
	font-family: 'object-fit: contain';
	background-color: #FFF;
	}
	

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

.category-haltung .chart-box.box-9.border-box .row.category-box::after {
    color: #777777;
    content: "Quelle: Sparkassen-Onlinedialog 2015";
    font-size: 12px;
    font-weight: normal;
    right: 15px;
    position: absolute;
    bottom: 15px;
	}

/*-----------------------------------------------------------------------------------*/
/*	Nichtfinanzielle Erklärung
/*-----------------------------------------------------------------------------------*/

body.ne-template-default,
body.dnk-template-default {
	background-color: #F3F3F3;
	}
	
	.ne-container {
		background-color: #FFF;
		}
	.ne-container h2 {
	    margin-left: 15px;
	    font-family: "Sparkasse Web", Georgia, "Times New Roman", Times, serif;
	    font-size: 26px;
	    font-weight: 400;
	    font-weight: normal;
	    font-weight: 400;
	    line-height: 1.2;
	    color: #F00;
	    margin-bottom: 10px;
	    margin-top: 30px;
	    letter-spacing: 0px;
	    line-height: 1.1;
		}
	
	.ne-container h4 {
	    font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
	    font-size: 16px;
	    font-weight: normal;
	    letter-spacing: 0;
	    margin-bottom: 15px;
	    margin-top: 5px;
	    color: #000;
	    font-weight: 600;
		}
		
	.ne-container .kennzahlen-import {
	    margin-bottom: 10px;
	    background-color: #ffd6d6;
	    background-color: #FFF;
		}
	
	.ne-container .kennzahlen-import p {
	    font-size: 14px;
		}
	
		.ne-container .kennzahlen-import ul {
		    padding: 0;
		    overflow-x: hidden;
		    padding-left: 20px;
		    list-style: none;
		}
		.ne-container .kennzahlen-import ul li::before {
		    content: "\4c";
		    font-family: 'badg';
		    font-size: 14px;
		    float: left;
		    margin-top: 0;
		    margin-left: -20px;
		    color: #F00;
			}
	
		.ne-container .kennzahlen-import .margin-bottom-15 {
	    	margin-bottom: 25px !important;
			}
		
	.ne-container .col-kennzahlen {
    	margin-bottom: 30px;
    	margin-top: 15px;
		}
	
	.panel-indikatoren .panel-body .single-content .col-flexible-content ul {
	    padding: 0;
	    margin: 0;
	    overflow-x: hidden;
	    padding-left: 20px;
	    list-style: none;
	    margin-left: 40px;
		}

	.panel-indikatoren .panel-body .single-content .col-flexible-content ul li::before {
	    content: "\4c";
	    font-family: 'badg';
	    font-size: 14px;
	    float: left;
	    margin-top: 0;
	    margin-left: -20px;
	    color: #F00;
		}
		
/*-----------------------------------------------------------------------------------*/
/*	DNK Erklärung
/*-----------------------------------------------------------------------------------*/

body.dnk-template-default .container {
    max-width: none;
	}

body.dnk-template-default .row.panel-group {
    margin-right: 0;
    margin-left: 0;
	}


body.dnk-template-default .import-wrapper.dnk-wrapper .dnk-head {
    border-top: 1px #ccc solid;
    margin-top: 45px;
    padding-top: 30px;
    margin-bottom: 15px;
	}
	
	body.dnk-template-default #accordion-section  .import-wrapper.dnk-wrapper:first-of-type .dnk-head {
    	border-top: 0px #ccc solid;
		margin-top: 0;
		padding-top: 0;
		margin-bottom: 10px;
		}
		
body.dnk-template-default .ne-container h4 {
    font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 15px;
    margin-top: 5px;
    color: #F00;
    font-weight: 600;
	}
	
body.dnk-template-default .dnk-header {
    margin-bottom: 10px;
	}
	
	body.dnk-template-default  .dnk-header .dnk-number {
    	font-size: 30px;
		color: #F00;
		font-family: "Sparkasse Serif Web", Georgia, "Times New Roman", Times, serif;
		display: inline-block;
		line-height: 1.2;
		}
	body.dnk-template-default .dnk-header .dnk-title {
    	font-family: "Sparkasse Web", Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		font-weight: normal;
		color: #F00;
		margin-bottom: 15px;
		margin-top: 0;
		line-height: 1.2;
		}
		
body.dnk-template-default .dnk-wrapper .dnk-infotext {
    color: #666666;
    margin-top: 5px;
    margin-bottom: 15px;
	}
		

body.dnk-template-default  .dnk-erganzungen {
    margin-top: 30px;
    margin-bottom: 15px;
    margin-right: -0;
    margin-left: -0;
	}
		
body.dnk-template-default .table-dnk-erganzungen td.leistungsindikatoren-header {
    border-top: 1px solid #F00;
    color: #F00;
	}
	
body.dnk-template-default .table-dnk-erganzungen td.leistungsindikatoren-desc {
    color: #666;
	}
	
/*-----------------------------------------------------------------------------------*/
/*	coming-soon
/*-----------------------------------------------------------------------------------*/

.page-slug-coming-soon .navbar-top { margin-bottom: 5px }

.page-slug-coming-soon h2 {
    color: #fff;
    font-size: 26px;
    font-weight: normal;
    line-height: 1.1;
    letter-spacing: 1px;
	}

.page-slug-coming-soon .row.category-box {
	border-top: 1px solid #F00;
	border-bottom: 1px solid #F00;
	padding-bottom: 0;
	margin-bottom: 15px; }

body.website-5 li.xkommunaler_nachhaltigkeitsbezug { display: none; }


/*-----------------------------------------------------------------------------------*/
/*	page-id
/*-----------------------------------------------------------------------------------*/

/* ksk-heinsberg 2017 */

.page-id-5657 header .row {
    margin-bottom: 10px;
	}
.page-id-5657 header h1 {
    bottom: 5px;
	}


/*-----------------------------------------------------------------------------------*/
/*	Responsive
/*-----------------------------------------------------------------------------------*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
 
 	.link-container-aside .icon-right-circled, 
	.link-container-aside .icon.icon-arrow-circle-right {
		margin-top: 130px;
		}
	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (min-width : 480px) {
 	.kennzahlen3eck {
		height: 280px;
		width: auto;
		}
	
	ul.leaders-listbar li { margin: 0; }
	ul.leaders-listbar li .leader-line { width: 75%; }
	ul.leaders-listbar .leader-bar { width: 25%; }

	ul.entwicklung-listbar li .leader-line { width: 40%; }
	ul.entwicklung-listbar li .leader-bar { width: 30%; }
	ul.entwicklung-listbar li .end-bar { width: 30%; }
	#full-width-slider { height: 400px; }

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

		
	header .brand a svg {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	}
		
	.xs-headline {
		display: none;
		}
	.navbar {
	    margin-bottom: 15px;
		}
		.navbar-badg-inverse { 
			margin-bottom: 0;
			}

 
	 header .logo {
		float: right;
		}
		
	.navbar-top .navbar-collapse {
		background-color: #FFF;
	    padding-left: 14px;
	    padding-right: 14px; 
		}
	.navbar-top .menu-item {
/* 	    width: 20%; */
/* 		width: 16.6667%; */
		}
		
	.home .row.category-box.bg-image .box-content h2 {
	    color: #fff;
	    font-size: 40px;
	    font-weight: 300;
	    line-height: 1.2;
	    letter-spacing: 1px;
		}
		
	.headline {
		display: none;
		}
	.row.category-box.bg-image {
		height: 350px; 
		}
	.category-top .row.category-box {
		height: 400px;
		}

	.category-top:nth-of-type(2) .row.category-box.bg-image {
		height: 400px;
		}

	.teaser_image {
	    margin-bottom: 0;
		}
		.link-teaser-container .icon-right-circled, 
		.link-teaser-container .icon.icon-arrow-circle-right {
			color: #F00;
			margin: 0;
			}
		.link-teaser-container:hover .icon-right-circled,
		.link-teaser-container:hover .icon.icon-arrow-circle-right  {
			color: #999;
			}	
			
	.kennzahlen-box .row.category-box .kapn-3eck {
		padding-bottom: 0;
		padding-top: 0;
		}


	.column2-box-left .box-content {
		height: 350px;
		margin-top: 0;
		}
		
	.column2-box-left .absolute-box-content {
		bottom: 0;
		left: 15px;
		position: absolute;
		bottom: 0;
		}
	.column2-box-left .absolute-box-content  p {
		margin-bottom: 0;
		}
		
	#full-width-slider {
		height: 500px; 
		}
		
.chart_content_overlay {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 20px;
	max-width: 300px;
	text-align: left;
	}


	.infoBlock { max-width: 50%; }
	
	.hidden-xs-inline { display: inline-block; }
	
	body.profil-slug-bilanz .container .panel-body .table th.column-2,
	body.profil-slug-bilanz .container .panel-body .table th.column-3 { 
		width: 120px;
		}	
		
	.row.post-content-border .arve-wrapper {
	    display: block;
	    margin: 0 !important;
	    width: 100%;
		}
		
		ul.leaders li span:first-child {
		    max-width: 300px;;
		}

	}
 
	/* Medium Devices, Desktops */

	@media only screen and (min-width : 992px) {
		
	header h1 { font-size: 32px; }
    	
	.row.category-box.bg-image {
		height: 350px; 
		}
		
	.category-top .row.category-box {
		height: 500px;
		}
	.category-top:nth-of-type(2) .row.category-box {
		height: 500px;
		}
	.category-top:nth-of-type(2) .row.category-box.bg-image {
		height: 500px;
		}
	.category-region .category-top:nth-of-type(2) .row.category-box {
		height: 500px;
		}	
	.category-haltung .category-top:nth-of-type(2) .row.category-box {
		height: 500px;
		}	
	.category-produkte .category-top:nth-of-type(2) .row.category-box {
		height: 500px;
		}
	.category-initiativen .category-top:nth-of-type(2) .row.category-box {
		height: 500px;
		}
		


	.row.category-box {
		height: 350px;
		}
	.bg-red-box-half-height .row.category-box {
		height: 170px;
		}
	.bg-red-box-half-height .row.category-box .box-bg-col.berichtsparameter {
		height: 170px;
		}
	.bg-box-half-height .row.category-box {
		height: 170px;
		}


	.teaser_image {
	    margin-bottom: 15px;
		}
		.link-teaser-container .icon-right-circled, 
		.link-teaser-container .icon.icon-arrow-circle-right {
			color: #FFF;
			margin: 15px;
			}
		.link-teaser-container:hover .icon-right-circled,
		.link-teaser-container:hover .icon.icon-arrow-circle-right  {
			color: #F00;
			}	
		
	.kennzahlen-box .row.category-box {
		min-height: 350px;
		}
	.xkennzahlen-box .row.category-box .kapn-3eck {
		position: absolute;
		bottom: 0;
		}
	.kennzahlen-box .row.category-box .kapn-3eck {
		position: absolute;
		width: auto;
		bottom: 15px;
		right: 15px;
		left: 15px;
		height: 170px;
		margin: 0;
    	padding: 0;
		}
		.kennzahlen-box .row.category-box .kapn-3eck.svg-redbg::after {
			position: absolute;
			bottom: -5px;
			right: 15px;
			font-size: 9px;
			content: "© 2012 kap N";
			}
		.kennzahlen-box .row.category-box .kapn-3eck img {
			height: 165px;
			}

.archive-profil .row.category-box.bg-grey {
	height: 150px; 
	}

	.archive-profil .category-top:nth-of-type(2) .row.category-box {
		height: 500px;
		}

		
	.column2-box .row.category-box .box-footer {
		position: absolute;
		bottom: 0;
		}
		
	.aside-box h3 {
	    text-align: left;
		}	
		
 		.link-container-aside .icon-right-circled, 
		.link-container-aside .icon.icon-arrow-circle-right {
			margin-top: 150px;
			}
			
	.link-container-box { height: 490px; }
		
	.link-container-box::after {
	    color: #F00;
	    content: "t";
	    float: right;
	    font-family: "badg";
	    font-size: 20px;
		position: absolute;
		top: auto; right: 15px;
		bottom: 0;
		z-index: 6;
		}

	.infoBlock { max-width: 30%; }
		
	body.profil-slug-bilanz .container .panel-body .table th.column-2,
	body.profil-slug-bilanz .container .panel-body .table th.column-3 { 
		width: 140px;
		}	
		
		ul.leaders li span:first-child {
		    max-width: none;
		}
		
	}
 
	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px){
		
		ul.leaders li span:first-child {
		    max-width: none;
		}
		

	}
	
/*-----------------------------------------------------------------------------------*/
/*	PRINT
/*-----------------------------------------------------------------------------------*/

@media print and (color) {
	* {
	-webkit-print-color-adjust: exact; 
	print-color-adjust: exact;
	}
}

@media print {
		
	body {
    	font: 12pt;
    	line-height: 1.3;
		}
	a[href]:after { content: none !important; }
	
	img {
    	page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    	page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    	page-break-inside: avoid; /* or 'auto' */
		}
	
	.page-break	{  
		display: block; 
		page-break-before: always;
		}
 
	.box-1, .box-2, .box-3, .box-4, .box-5, .box-6, .box-7, .box-8, .box-9, .box-10, .box-11, .box-12, .box-13  {
	    page-break-inside: avoid;
		}

    .navbar { display: block; border-width:0 !important;  }
    .navbar-toggle { display:none; }

	.container .hidden-xs {
        display: block !important;
    	}
	.container.xs-headline h2 {
        display:none !important;
    	}
    	
	header h1 { font-size: 24px; color: #F00; }
    	
    
	header .brand { position: relative; }

	header .brand a {
	    float: right !important;
	    display: block;
/*
	    width: 180px !important;
	    height: 40px !important;
*/
/*
		position: absolute;
		right: 0;
	    
	    
*/
		}
		header .brand a svg {
	    width: 100%!important;
	    display: block;
/* 		height: 40px !important; */
		}

	.container { width: 100%; }
	.container.main { width: 100%; }

	.col-xs-push-7print {
	    left: 58.3333% !important;
		}

	.col-xs-pull-5print  {
	    right: 41.6667% !important;
		}
	
	.visible-print-block {
		margin-bottom: 15px;
		}
	
	#print-post { display: none; }
	#panel-print { display: none; }
	
	.table-legendx { display: none; }
	
	.row.single-footer-linksX { display: none; }
	.row.single-kennzahlen-links { display: none; }
	.row.single-footer { display: none; }
	
	ul.leaders-listbar li .leader-line {
	    width: 100%;
		}
	ul.leaders-listbar li .leader-line::after {
	    content: "";
		}
	ul.leaders-listbar .leader-bar {
		display:none !important;
		}
		
	ul.leaders-listbar .leader-bar span {
/* 		border: 1px solid #F00; */
		}


	ul.entwicklung-listbar li .leader-line {
		width: 60%;
		}
	ul.entwicklung-listbar li .leader-bar {
		display:none !important;
		}
	ul.entwicklung-listbar li .leader-line:after {
	    content: "";
		}
	ul.entwicklung-listbar .end-wrap {
		display:none !important;
		}
		
	
	.icircle-shape {border: 1px solid #F00;}
	
	footer { display: none; }
	
	blockquote { border: 0px solid #999; }
    	

	.icon-arrow-circle-right { display: none; }
	
	ul.leaders-male-female li:before {
		font-family: 'badg';
		font-size: 15px;
		line-height: 1.5;
	    float: left;
	    width: 0;
	    color: #bfbfbf;
	    color: #F00;
	    white-space: nowrap;
	    content:
	    "\00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0" 
		"\48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48"
	 	}
	ul.leaders-male-female li:nth-child(2):before {
	    content:
	    "\00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0" 
		"\48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48"
	}
	ul.leaders-male-female li:nth-child(3):before {
	    content:
	    "\00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0" 
		"\48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48"
	}
	ul.leaders-male-female li:nth-child(4):before {
	    content:
	    "\00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0" 
		"\48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48 \48"
	}
	
	.content-chart {
		page-break-before: always;
		}
		
	.container.organisationsprofil h4 { font-size: 13px; }
	.container.organisationsprofil h5 { font-size: 13px; }
		
  	.container.bilanz .panel-body .table th.column-0 { 	
  		}
  	.container.bilanz .panel-body .table th.column-1 {
	  	width: 500px !important;
  		}
	.container.bilanz .panel-body .table th.column-2,
	.container.bilanz .panel-body .table th.column-3 { 
		}	
		
  
		ul.leaders li:after {
		    float: left;
		    width: 0;
		    color: #FFF!important;
		    white-space: nowrap;
		    content: "";
			}
			
		.import-wrapper .row.kennzahlen-content.flexible-kennzahlen .col-kennzahlen {
			margin-left: 0 !important;
			width: 100% !important;
			}
			
		.import-wrapper .panel-indikatoren { 
			page-break-inside: avoid;
			}
			
		table.table { 
			border-spacing: 0;
			border-collapse: collapse;
			width: 100%;
			page-break-inside: avoid;
			font-size: 12px; }
			
			
			.import-wrapper .table.hidden-column > thead > tr.head-top-tr { width: auto!important; display: table-row!important; } 

			.import-wrapper .table.hidden-column > thead > tr.head-top-tr > th.head-top-0 { /* border-bottom: 1px solid #f44d4d; */ } 
			.import-wrapper .table.hidden-column > thead > tr.head-top-tr > th.head-top-th {  padding-right: 0; padding-left: 20px; } 
			.import-wrapper .table.hidden-column > thead > tr.head-top-tr > th.head-top-th h6 { } 
			
			.import-wrapper .table.hidden-column > thead > tr.head-top-tr > th.head-top-th h6 span { line-height: 2; font-weight:600; padding: 0 10px 5px 5px; }

			.import-wrapper .table.hidden-column > thead > tr > th.column-0 { width: 35px!important; min-width: 35px!important;}  
			.import-wrapper .table.hidden-column > thead > tr > th.column-1 { width: 250px!important; }  
			.import-wrapper .table.hidden-column > thead > tr > th.column-2 { width: auto!important; }  
			.import-wrapper .table.hidden-column > thead > tr > th.column-3 { width: auto!important; white-space: nowrap;}
			
			.import-wrapper .table.data-p12 > thead > tr > th.column-3 { width: auto!important; white-space: normal;}


/*
		table.table.data-p1 > thead > tr.head-top-tr > th.head-top-th { width: 30%!important; border: 1px solid aqua; }
		
		table.table.data-p1 > thead > tr > th.column-0 {max-width: 35px; width: 35px; width: 300px!important; min-width: 300px!important;} 
		 
		table.table.data-p1 > thead > tr > th.column-1 {width: 200px; }  
		table.table.data-p1 > thead > tr > th.column-2 {width: 70px; }   
		table.table.data-p1 > thead > tr > th.column-3 {width: 140px; }
*/
	
}