/*
Theme Name:badg_badg_esrs_2025_polylang
Theme URL: uri.studio-oststrasse.de
Description: URI ESRS 2026 Layer BS 4.4 Disqus
Version: 1.0
Author: URI
Author URL: kap-n.de
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: URI Bootstrap 4.1
*/

/*-----------------------------------------------------------------------------------*/
/*	Typography
/*-----------------------------------------------------------------------------------*/   

/* Glyphicons Icons - We're not actually using Glyphicons classes but instead provide a simple mapping from Glyphicons to FooTable class names. */
.fooicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Line Awesome Free';
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	 color: #EE0000;
	}
.fooicon:before,
.fooicon:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.fooicon-loader:before {
	font-family: 'Line Awesome Free';
	font-weight: 900;
	content: "\f021";
	font-size: 32px;
	}
.fooicon-plus:before {
	font-family: 'Line Awesome Free';
	font-weight: 900;
	content: "\f067";
	}
.fooicon-minus:before {
	font-family: 'Line Awesome Free';
	font-weight: 900;
	content: "\f068";
	}
	
/* Footable Loade
------------------------------------------------------------------------------------------ */
/*

.fooicon {
	position: relative;
	top: 1px;
	display: inline-block;
	content: "";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	 color: #EE0000;
	 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M433 288.8c-7.7 0-14.3 5.9-14.9 13.6-6.9 83.1-76.8 147.9-161.8 147.9-89.5 0-162.4-72.4-162.4-161.4 0-87.6 70.6-159.2 158.2-161.4 2.3-.1 4.1 1.7 4.1 4v50.3c0 12.6 13.9 20.2 24.6 13.5L377 128c10-6.3 10-20.8 0-27.1l-96.1-66.4c-10.7-6.7-24.6.9-24.6 13.5v45.7c0 2.2-1.7 4-3.9 4C148 99.8 64 184.6 64 288.9 64 394.5 150.1 480 256.3 480c100.8 0 183.4-76.7 191.6-175.1.8-8.7-6.2-16.1-14.9-16.1z'/%3E%3C/svg%3E");
	}
.fooicon-loader:before {
	content: " ";
	}
	
*/
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;
		}

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

:root {
	--badg-border-color-gray: 170, 170, 170; 
	--badg-border-color-red: 238, 0, 0; 
	--badg-color-gray: 170, 170, 170; 
	--badg-color-red: 238, 0, 0; 
	}

html { }

body {
    font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
    overflow-x: hidden;
    color: #000000;
	}
	
a { color: #000; text-decoration: none; }
a:hover, a:focus { color: #000; outline: none; text-decoration: none; }

a[href^="mailto:"] { color: #EE0000; outline: none; text-decoration: none; }
a[href^="mailto:"]:hover { color: #000; outline: none; text-decoration: underline; }

hr.divider { opacity: 1; border-top: 1px solid #AAA; margin: 0.75rem 0;}
hr.divider-dashed { opacity: 1; border-top: 1px dashed #777; }
hr.divider-red { opacity: 1; border-top: 1px solid #EE0000; margin: 0.75rem 0;}

.row.line-before::before {
    display: block;
    content: "";
    border-bottom: 1px solid #AAA;
    margin: 0 .75rem .75rem .75rem;
    width: 100%;
    padding-bottom: 10px;
	}
.row.line-after::after {
    display: block;
    content: "";
    border-bottom: 1px solid #AAA;
    margin: 0 .75rem .75rem .75rem;
    width: 100%;
    padding-bottom: 10px;
	}

.row.line-before-red::before {
    display: block;
    content: "";
    border-bottom: 1px solid #EE0000;
    margin: 0 .75rem .75rem .75rem;
    width: 100%;
    padding-bottom: 10px;
	}
.row.line-after-red::after {
    display: block;
    content: "";
    border-bottom: 1px solid #EE0000;
    margin: 0 .75rem .75rem .75rem;
    width: 100%;
    padding-bottom: 10px;
	}
.row.line-before-gray::before {
    display: block;
    content: "";
    border-bottom: 1px solid #AAA;
    margin: 0 .75rem .75rem .75rem;
    width: 100%;
    padding-bottom: 10px;
	}
.row.line-after-gray::after {
    display: block;
    content: "";
    border-bottom: 1px solid #AAA;
    margin: 0 .75rem .75rem .75rem;
    width: 100%;
    padding-bottom: 10px;
	}
.row.line-before-black::before {
    display: block;
    content: "";
    border-bottom: 1px solid #000;
    margin: 0 .75rem .75rem .75rem;
    width: 100%;
    padding-bottom: 10px;
	}
.row.line-after-black::after {
    display: block;
    content: "";
    border-bottom: 1px solid #000;
    margin: 0 .75rem .75rem .75rem;
    width: 100%;
    padding-bottom: 10px;
	}
	
.grid-box-height-200 { height: 200px; }
.grid-box-height-250 { height: 250px; }
.grid-box-height-300 { height: 300px; }
.grid-box-height-350 { height: 350px; }
.grid-box-height-400 { height: 400px; }
.grid-box-height-450 { height: 450px; }
.grid-box-height-500 { height: 500px; }

.card-header { background-color: #ececec; }

/*-----------------------------------------------------------------------------------*/
/*	Header Top
/*-----------------------------------------------------------------------------------*/
	
.container-nav { max-width: none; }
	
.container-fluid.red-bg { 
	background-color: #EE0000;; 
	}
	.container-fluid.red-bg .slogan h1 {
		font-size: 1.5rem;
		font-weight: 400;
		color: #FFF;
		margin: 0;
		line-height: 1;
		text-align: right;
		padding-top: 1.5rem;
		}
	.container-fluid.red-bg .container-nav { 
		padding-top: 25px;
		padding-bottom: 25px;
		}
	.container-fluid.red-bg .container-nav .spk-btn_icon {
		height: 50px;
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
		float: left;
		min-height: 50px;
		width: 100%;
		}
		
	.container-slider { 
		padding-right: 0;
		padding-left: 0;
		}
	.container-header-slogan { 
		position: absolute; top: 25px; right: 0; left: 0;
		z-index: 1000;
		}
		.container-header-slogan h1 { 
			font-family: 'Sparkasse Web Head';
			font-size: 42px;
			line-height: 1.15;
			color: #FFF;
			}
	
/*-----------------------------------------------------------------------------------*/
/*	Header Top
/*-----------------------------------------------------------------------------------*/

.header-container { height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.header-image-cover { height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.header-image-contain { height: 500px; background-size: contain; background-repeat: no-repeat; background-position: center center; }

/*-----------------------------------------------------------------------------------*/
/*	NABAR Container main
/*-----------------------------------------------------------------------------------*/
.container.main-menu { background-color: #FFF; margin-top: 1rem; padding-top: 1rem; padding-bottom: 1rem; }
.container.main-menu {  }

.pll-menu-wrapper { right: 0; top:0; padding-top: 32px; padding-bottom: 32px; background-color: #EE0000; }
.pll-menu {  }
.pll-menu li {  }
.pll-menu li a { color: #FFF; text-decoration: none; }
.pll-menu li a.btn.btn-link.lang-item:hover {
  color: #EE0000;
  background-color: #FFF;
  border-color: #FFF;
  text-decoration: none
  }
.pll-menu li a.btn.btn-link.lang-item.active {
  color: #EE0000;
  background-color: #FFF;
  border-color: #FFF;
  text-decoration: none
  }
  
.nav-row .pll-menu {  }
.nav-row .pll-menu li {  }
.nav-row .pll-menu li a { color: #FFF; text-decoration: none; }
.nav-row .pll-menu li a.btn.btn-link.lang-item:hover {
	color: #FFF;
	background-color: rgba(255, 255, 255, 0.154);
	border-color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
	}
.nav-row .pll-menu li a.btn.btn-link.lang-item.active {
	color: #EE0000;
	background-color: #FFF;
	border-color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
	}
.nav-row .pll-menu li a.lang-ls span.lang-icon {
	width: 1.3rem; height: 1.3rem;
	display: inline-block;
	color: white;
	margin-right: 6px;
	}
	
.nav-row .pll-menu li a	span.lang-text { }

hr.hrspacer { margin: 1rem 0; opacity: 0; }
 
/*-----------------------------------------------------------------------------------*/
/*	row-frontpage 2024
/*-----------------------------------------------------------------------------------*/

.container.intro { margin-top: 2rem ; margin-bottom: 2rem ; }
.container.intro h1 { font-size: 1rem; color: #EE0000; }
.container.intro h2 { font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif; font-size: 2.5rem; }
.container.intro p { font-weight: 300; }

.container.frontpage {}
.container.frontpage .col-category {}
.container.frontpage .col-category .term-teaser { }
.container.frontpage .col-category .category-box.bg-box { background-size: cover; background-repeat: no-repeat; background-position: center center; }
.container.frontpage .col-category .category-box .box-link { position: relative; }
.container.frontpage .col-category .category-box .box-link .link-icon-absolute { position: absolute; right: 2rem; top: 0; }
.container.frontpage .col-category .category-box .box-link:hover .link-icon-absolute { display: block; color: #EE0000; }
.container.frontpage .col-category .category-box .box-link:hover hr.divider-dashed { border-top: 1px dashed #EE0000; }

.container.frontpage .col-category h2 { font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif; color: #EE0000; position: relative; }
.container.frontpage .col-category h2:after { position: absolute;  content: "\f105"; font-family: 'Line Awesome Free'; font-weight: 900; line-height: 1; color: #EE0000; display: none; font-size: 1.125rem; right:0; top:.8rem; }
.container.frontpage .col-category .box-link:hover h2:after { display: inline-block; }
.container.frontpage .col-category h3 { font-size: 1.125rem; font-weight: bold; position: relative; }
.container.frontpage .col-category h3:after { position: absolute; right:0;  content: "\f105"; font-family: 'Line Awesome Free'; font-weight: 900; line-height: 1; color: #EE0000; display: none; }
.container.frontpage .col-category h3:hover:after { display: inline-block; }
.container.frontpage .col-category p { font-weight: 300; }

.container.category-cotent-box a.box-link { position: relative; }
.container.category-cotent-box a.box-link .link-icon-absolute { position: absolute; right: 2rem; top: 1rem;  color: #EE0000; font-size: 1.2rem; }
.container.category-cotent-box a.box-link:hover .link-icon-absolute { display: block !important; }
.container.category-cotent-box a.box-link:hover .box-content { }

.container .vorwort h2 {
	margin-top: 0.5rem;
	color: #EE0000;
	font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	font-size: 1.2rem;
/* 	border-bottom: 1px solid #EE0000; */
	padding: 0;
	margin-bottom: 0.5rem;
	vertical-align: bottom;
	font-weight: 400;
	}
.container .vorwort h3 {
	margin-top: 0;
	color: #EE0000;
	font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	font-size: 1.5rem;
	padding: 8px 0;
	padding-left: 0;
	margin-bottom: 1rem;
	vertical-align: bottom;
	font-weight: 400;
	}
.container .vorwort p { font-weight: 300; }
.container .vorwort a.box-link { position: relative; }
.container .vorwort a.box-link .link-icon-absolute { position: absolute; right: 2rem; top: 1rem;  color: #FFF; font-size: 1.2rem; }
.container .vorwort a.box-link:hover .link-icon-absolute { display: block !important; }

.container .row.vorwort.line-after::after { 
	display: block;
	content: "";
	border-bottom: 1px solid transparent;
	margin: 0 .75rem 1.5rem .75rem;
	width: 100%;
	padding-top: 1.5rem;
	padding-bottom: 0;
	}

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

.icon-hover { visibility: hidden; }
.link-icon-absolute  { display: none; }

.back-to-top { background-color: #ee0000; color: #FFF; position: fixed; bottom: 20px; right: 20px; display: none; width: 2rem; height: 2rem; padding: 5px; text-align: center; border: 0px solid #FFF; border-radius: 0.25rem; }

/*-----------------------------------------------------------------------------------*/
/*	container archive
/*-----------------------------------------------------------------------------------*/

.container.archive .archive-teaser { margin-bottom: 2rem; }
.container.archive .archive-teaser h3 { font-size: 1.125rem; font-weight: bold; }
.container.archive .archive-teaser p { font-weight: 300;  }

.container.category-cotent-box { margin-top: 2rem; }

.container.category-cotent-box .post-design-border-box {  }
.container.category-cotent-box .row.box-content { margin: 0; }
.container.category-cotent-box .row.box-content.border-box { border: 1px solid #AAA;  }
.container.category-cotent-box .row.box-content.bg-box { background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }

.container.category-cotent-box .row.box-content h2 { color: #EE0000; font-size: 1rem; margin-top: 1rem; }
.container.category-cotent-box .row.box-content h3 { font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif; font-size: 1.5rem; }

.container.category-cotent-box .row.box-content.bg-box.bg-green { background-color: #d6ddac; }
.container.category-cotent-box .row.box-content.bg-box.bg-grey { background-color: #eee; }

.container.category-cotent-box .row.box-content.bg-box.bg-red { background-color: #ee0000; }
.container.category-cotent-box .row.box-content.bg-box.bg-red h1 { color: #FFF; }
.container.category-cotent-box .row.box-content.bg-box.bg-red h2 { color: #FFF; }
.container.category-cotent-box .row.box-content.bg-box.bg-red h3 { color: #FFF; }
.container.category-cotent-box .row.box-content.bg-box.bg-red p { color: #FFF; }

/*-----------------------------------------------------------------------------------*/

.container.archive .archive-teaser.box-link { position: relative; }
.container.archive .archive-teaser.box-link:after { position: absolute;  content: "\f105"; font-family: 'Line Awesome Free'; font-weight: 900; line-height: 1; color: #EE0000; display: none; font-size: 1.125rem; right:1rem; top:0; }
.container.archive .archive-teaser.box-link:hover:after { display: inline-block; }
.container.archive .archive-teaser.box-link h3:after { display: block; content: ""; border-bottom: 1px #000 dashed; margin: .5rem 0 .5rem 0; width: 75%; }
.container.archive .archive-teaser.box-link:hover h3:after { border-bottom: 1px #EE0000 dashed; }
	
/*-----------------------------------------------------------------------------------*/
/*	container
/*-----------------------------------------------------------------------------------*/

.container.kennzahlen {  margin-top: 2rem ; margin-bottom: 4rem ; }
.container.kennzahlen .col { height: 200px; }

.container.kennzahlen .kennzahlen-box:hover .icon-hover { /* visibility: visible; */ }
.container.kennzahlen .kennzahlen-box h4 { color: #EE0000; font-weight: 300; font-size: 2rem; }
.container.kennzahlen .kennzahlen-box .kennzahlen-box-text { color: #EE0000; }

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/*-----------------------------------------------------------------------------------*/
/*	List 
/*-----------------------------------------------------------------------------------*/
	
/* 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: "\f061";
		font-family: 'Line Awesome Free';
		font-weight: 900;
	    font-size: 14px;
	    float: left;
	    margin-top: 0;
	    margin-left: -20px;
	    color: #EE0000;
		}		
	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;
		}
	
/*-----------------------------------------------------------------------------------*/
/*	Content Single
/*-----------------------------------------------------------------------------------*/

.container.container-border-top::before { display: block; content: ""; border-bottom: 1px solid #AAA; width: 100%; }
.container.container-border-bottom::after { display: block; content: ""; border-bottom: 1px solid #AAA; width: 100%; }   
    
.container-fluid.container-border-top::before { display: block; content: ""; border-bottom: 1px solid #AAA; width: 100%; }
.container-fluid.container-border-bottom::after { display: block; content: ""; border-bottom: 1px solid #AAA; width: 100%; }    

.container.container-modul-border-top::before { display: block; content: ""; border-bottom: 1px solid #AAA; width: 100%; }  

.flexible-content { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.flexible-content { padding-top: 1.5rem; padding-bottom: 0; }
.flexible-content.number-highlight { padding-top: 1rem; padding-bottom: 0; }

.flexible-content .image-box img { padding-bottom: 1rem; }

.flexible-content h4.content-headline { margin-bottom: 1rem; font-size: 1.1rem; }
.flexible-content p { font-weight: 300; }
.post-1column-content p { font-weight: 300; }

.card-header .accordion-button { background-color: #ececec; }
.card-header.accordion-header { padding: 0 1rem; }

.article .number:last-of-type { background-color: aqua;}

.article-content ul { 
    padding: 0;
    overflow-x: hidden;
    padding-left: 3rem;
    list-style: none;
	}
	.article-content li {
		font-weight: 300;
		margin-bottom: .5rem;
		}	
	.article-content ul li:before {
	    content: "\f058";
		font-family: 'Line Awesome Free';
		font-weight: 900;
	    font-size: 1rem;
	    float: left;
	    margin-top: 0;
	    margin-left: -1.5rem;
	    color: #EE0000;
		}	

.flexible-content .col-flexible-content ul { 
	padding: 0;
	overflow-x: hidden;
	padding-left: 3rem;
	list-style: none;
	}
.flexible-content .col-flexible-content li {
	font-weight: 300;
	margin-bottom: .5rem;
	}	
.flexible-content .col-flexible-content ul li:before {
	content: "\f058";
	font-family: 'Line Awesome Free';
	font-weight: 900;
	font-size: 1rem;
	float: left;
	margin-top: 0;
	margin-left: -1.5rem;
	color: #EE0000;
	}	
	
/* Content Single Number
-------------------------------- */

.red-border { border: 1px solid #EE0000; }

	.section-modul .module-single-number .single-number {
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		font-size: 3rem;
		font-weight: 200;
		text-align: right;
		color: #EE0000;
		line-height: 1;
		padding-top: 10px;
		}
	.section-modul .module-single-number .single-number-text {
		text-align: left;
		color: #EE0000;
		line-height: 1;
		padding-top: 10px;
		padding-bottom: 10px;
		}
		
	.section-modul .module-multi-number { margin-bottom: 1rem; }
		
	.section-modul .module-multi-number .single-number {
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		font-size: 3rem;
		font-size: 2.5rem;
		font-weight: 200;
		text-align: right;
		color: #EE0000;
		line-height: 1;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		}
	.section-modul .module-multi-number .single-number br { display: none; }
		
	.section-modul .module-multi-number .single-number span {
		white-space: nowrap;
		font-size: 2rem;
		}
		
	.section-modul .module-multi-number .single-number-text {
		text-align: left;
		color: #EE0000;
		line-height: 1;
		padding-top: 10px;
		padding-bottom: 10px;
		}
	
	.bg-revers-red .module-multi-number { background-color: #EE0000; }
	.bg-revers-red .module-multi-number .single-number { color: #FFF; }
	.bg-revers-red .module-multi-number .single-number-text { color: #FFF; }
	
	.bg-revers-red .module-single-number { background-color: #EE0000; }
	.bg-revers-red .module-single-number .single-number { color: #FFF; }
	.bg-revers-red .module-single-number .single-number-text { color: #FFF; }


/* Content Single Kennzahlen Links
-------------------------------- */

ul.kennzahlen-links {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	font-size: 1rem;
	border-top: solid 1px #AAA;
	border-bottom: solid 1px #AAA;
	}
	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: #EE0000;
		font-weight: normal;
		}
	ul.kennzahlen-links a {
		text-decoration: none;
		padding: 1rem 0;
		display: block;
		}

	ul.kennzahlen-links a::after {
	    color: #EE0000;
		content: "\f061";
		font-family: 'Line Awesome Free';
		font-weight: 900;
		vertical-align: middle;
		padding-left: 10px;
		font-size: 1.5rem;
		line-height: 1;
		float: right;
		}
	ul.kennzahlen-links a:hover::after {
	    color: #000;
		}
		
ul.external-links {
	list-style: none;
/* 	border: 1px solid #AAA; */
	padding: 1.5rem 0 1rem 0;
	position: relative;
	margin-top: 15px;
	font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
	}
	ul.external-links::after {
	    content: "Weiterführende Links";
	    color: #777;
	    font-size: 0.8rem;
	    font-weight: normal;
	    left: 0;
	    position: absolute;
	    text-transform: uppercase;
	    top: 0;
		}
	body.body-lang-en ul.external-links::after {
		content: "additional links";
		}
		
ul.external-links li {}
	ul.external-links li a {
		line-height: 1.3;
		}
	ul.external-links li a::before {
	    color: #EE0000;
	    font-size: 1.25rem;
	    content: "\f35d";
	    display: inline-block;
	    font-family: 'Line Awesome Free';
		font-weight: 900;
	    vertical-align: middle;
	    padding-right: 10px;
		}	
		
/*-----------------------------------------------------------------------------------*/
/*	Content Navbar Article
/*-----------------------------------------------------------------------------------*/

/* AFIX section-menu  */

#section-menu {
	font-size: 1rem;
	background-color: #FFF;
	z-index: 100;
	}
#section-menu .row.line-after::after {
    display: block;
    content: "";
    border-bottom: 1px solid #AAA;
    margin: 0;
    width: 100%;
    padding: 0;
	}
	
	#section-menu .col.section-menu-col {
		}
	
	#section-menu a {
		color: #000;
		text-align: center;
		padding: 0;
		font-size: 1rem;
		font-weight: 400;	
		display: block;
		line-height: 1.1rem;
		padding: 1rem 0.5rem;
		}	
		
	#section-menu a:hover {
		background: #FFF;
		color: #000;
		}
	#section-menu a.mPS2id-highlight {
		background: #FFF;
		color: #EE0000;
		}
	#section-menu a.mPS2id-highlight:hover {
		background: #FFF;
		color: #EE0000;
		}
		
		#section-menu a .bi-arrow-right {
			display: none;
			}
		#section-menu a.mPS2id-highlight .bi-arrow-right {
			display: inline-block;
			}
		#section-menu a .bi-arrow-down {
			display: inline-block;
			}
		#section-menu a.mPS2id-highlight .bi-arrow-down {
			display: none;
			}
	
.sticky-section-menu {
    position: -webkit-sticky;
    position: sticky;
/*     display: flex; */
    top: 60px;
    width: 100%;
/*
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
*/

	}
/*
.section-menu-hidden {
    position: -webkit-sticky;
    position: sticky;
    top: -100px !important;
    top: 0 !important;
    display: none;
	}
	
.slide-in-top {
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	}
*/


/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

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

.article-footer { margin-top: 1rem; margin-bottom: 3rem; }

.badg-header-list { margin-top: 1rem; margin-bottom: 1rem; }
.badg-header-list::after {
    display: block;
    content: "";
     border-top: 1px solid rgba(200, 200, 200, 1);
    margin: .5rem 0 .5rem 0;
    width: 100%;
	}
.badg-header-list::before {
    display: block;
    content: "";
     border-top: 1px solid rgba(200, 200, 200, 1);
    margin: .5rem 0 .5rem 0;
    width: 100%;
	}

.badg-header-list h2 { font-size: 1rem; font-weight: bold; }
.badg-header-list h4 { font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif; font-size: 1.4rem; color: #EE0000; }

.badg-post-list { font-size: 1rem; }

.badg-post-list.box-link { font-size: 1rem; position: relative; }
.badg-post-list.box-link h4 { font-size: 0.9rem; }
.badg-post-list.box-link h3 { font-size: 1rem; font-weight: bold; }
.badg-post-list.box-link::after {
    display: block;
    content: "";
    border-bottom: 1px #000 dashed;
    margin: .5rem 0 .5rem 0;
    width: 75%;
	}
	
.badg-post-list.box-link .link-icon-absolute { position: absolute; right: 2rem; top: 0; display: block; color: #000; }
.badg-post-list.box-link:hover .link-icon-absolute { color: #EE0000; }
	

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

.article-box { 
	height: 400px;
	border: 1px solid #000; 
	}
.page-container { max-width: 1200px; }
.page-article h3 { font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif; font-size: 1.5rem; margin-left: auto; margin-right: auto; text-align: center; margin: 1rem 1rem 2rem 1rem; }
.page-article h4 { font-size: 1rem; font-weight: bold; }
.page-article p { font-weight: 300; }
	 	
/*-----------------------------------------------------------------------------------*/
/*	kennzahlen-box
/*-----------------------------------------------------------------------------------*/

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

.download-link {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
	}
	.download-link:after {
	    color: #000;
	    content: "\f019";
	    position: absolute;
		right: 15px;
		bottom: 15px;
	    font-family: 'Line Awesome Free';
		font-weight: 900;
	    vertical-align: middle;
	    padding-right: 10px;
	    font-size: 20px;
		}
		.modul-download { padding-top: 10px; }
		
.archive-kennzahlen	{ }	

	.archive-kennzahlen h2 {
		font-size: 1.3rem;
		font-weight: 600;
		letter-spacing: 0;
		line-height: 1.3;
		margin-bottom: 1rem;
		margin-top: 1rem;
		}
	.archive-kennzahlen .kennzahlen-txt { padding-right: 4rem; }	
	.archive-kennzahlen .kennzahlen-txt p { font-weight: 300; }	
	.kennzahlen3eck { }

.kennzahlen-download-box { background-color: #EE0000; color: #FFF; }
	
	.kennzahlen-download-box h3 {
    color: #FFF;
    font-family: 'Sparkasse Serif Web', 'Times New Roman', Times, serif;
    font-size: 1.4rem;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom: 15px;
    margin-top: 15px;
	}
	.kennzahlen-download-box .download-link { 
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		}


.aside-box.red-bg {
	background-color: #EE0000;
	margin-bottom: 2px;
 	} 
 	
	.aside-box.red-bg h2 {
	    font-size: 20px;
	    font-weight: normal;
	    margin-top: 15px;
	    padding-top: 0;
	    margin-bottom: 30px;
	    color: #FFF;
	    display: inline-block;
	    display: block;
		}
		
		
.kennzahlen-download-box { 
	border: 1px solid #c7c7c7; 
	color: #000; 
	background-color: transparent; 
	margin-top: 2rem; 
	margin-bottom: 1rem; 
	}
.kennzahlen-download-box:hover {
	background-color: #ededed; 
	}
	
	.kennzahlen-download-box h3 {
	    color: #000;
	    font-family: 'Sparkasse Serif Web', 'Times New Roman', Times, serif;
	    font-size: 1.4rem;
	    font-weight: normal;
	    letter-spacing: 0;
	    line-height: 1.3;
	    margin-bottom: 1rem;
	    margin-top: 1rem;
		}
	.kennzahlen-download-box .download-link { 
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		}
		
.aside-box.light-bg {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-top: 1px solid #c7c7c7;
 	} 
	.aside-box.light-bg .box-link {
		background-color: #FFF;
		color: #EE0000;
		border: 1px solid #E3E3E3;
		border-bottom: 1px solid #c7c7c7;
		border-left: 1px solid #c7c7c7;
		border-right: 1px solid #c7c7c7;
		border-top: 0 solid #c7c7c7;
	 	} 
		.aside-box.light-bg .box-link:hover {
		    background-color: #ededed;
		    color: #e20613;
		    outline: medium none;
		    text-decoration: none;
			}
		.aside-box.light-bg .archive-link {
			margin-bottom: 0;
			}

	.aside-box.light-bg .box-link h2 {
		color: #000;
	 	} 
	.aside-box.light-bg .box-link h3 {
		color: #000;
	 	} 
	.aside-box.light-bg .box-link h4 {
		color: #000;
		line-height: 1;
		margin-bottom: 10px;
		margin-top: 10px;
		font-weight: normal;
		font-size: 1rem;
	 	} 
		.aside-box.light-bg .box-link h4:after {
		    content: "\f105";
			font-family: 'Line Awesome Free';
			font-weight: 900;
		    line-height: 1;
		    float: right;
			}
	 	
	.aside-box.light-bg .box-link.archive-link h3 {
		margin-top: 15px;
		margin-bottom: 15px;
	 	}

/*-----------------------------------------------------------------------------------*/
/*	single-kennzahlen
/*-----------------------------------------------------------------------------------*/	
			
.icircle-shape {
	-webkit-shape-outside:circle();
	shape-outside: circle();
	shape-outside: circle(50%);
	-webkit-shape-outside: circle(50%);
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius:50%;
	font-size: 12px;
	color:#fff;
	line-height: 60px;
	text-align: center;
	background: #EE0000;
	float: left; 
	margin: 0 15px 0 0; 
	text-transform: capitalize;
	}
	.icircle-shape:hover { }
	.icircle-shape.shapeletter {
		font-size: 32px;
		font-weight: 600;
		text-transform: capitalize;
		}
			
/*-----------------------------------------------------------------------------------*/
/*	single-kennzahlen
/*-----------------------------------------------------------------------------------*/

.icircle {
	width: 60px;
	height: 60px;
	border-radius:50%;
	font-size: 32px;
	font-weight: 600;
	color: #EE0000;
	line-height: 60px;
	text-align: center;
	background: #F3f3f3;
	background: #FFF;
	float:right; 
	margin: 15px 0 15px 15px;
	text-transform: capitalize;
	border: 1px solid #EE0000;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	}
	.icircle:hover {
		background-color: #EE0000;
		color: #FFF;
		}
	.icircle.current {
		background-color: #EE0000;
		color: #FFF;
		}

.accordion-indikatoren { margin-bottom: 1rem; }

.accordion-body section { margin:1rem; }
.accordion-item { 
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  }

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

.container-fluid.container-bg { background-color: #f3f3f3; margin-top: 2rem; margin-bottom: 2rem; }

.container .breadcrumbs {
	display: inline-block;
    color: #EE0000;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    margin-left: 0;
    font-size: 1rem;
    font-weight: 400;
	}
	.container .breadcrumbs a {
	    color: #EE0000;
	    font-size: 1.2rem;
	    font-weight: 400;
		}

.article .article-headline h2 { }
.article .article-headline h3 { font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif; font-size: calc(2rem + 0.6vw); }
.article .article-headline h4 { font-size: 1rem;  }

.article .article-content p { font-weight: 300; }
.article .article-content strong { font-weight: 400; }

/* .section-group */

.section-group {}

	h3.section-group-headline {
		font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
		font-size: 1.5rem;
		font-weight: normal;
		letter-spacing: 0;
		margin-top: 2rem;
		margin-bottom: 1rem;
		color: #EE0000;
		border-top: 1px solid rgba(0,0,0,.3);
		padding-top: 2rem;;
		background: #FFF;
		z-index: 9!important;
		position: relative;
		}
	
	.section-group-figure {
		position: static;
		margin-bottom: 30px;
		margin-top: 15px;
		}
		.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-group-figure.section-group-full-width {
	padding-right: 0;
	padding-left: 0;
	position: relative;
	}
	.section-group-figure.section-group-full-width h3 {
		position: absolute;
		bottom: 30px;
		left: 15px;
		background: transparent;
		font-size: 1.5rem;
		font-weight: normal;
		}
	.section-group-figure.section-group-full-width figcaption {
		position: absolute;
		bottom: 15px;
		left: 15px;
		background: transparent;
		}
		 

body.body-lang-ls .article .article-content p { font-weight: 400; }
body.body-lang-ls .article .article-content ul li { font-weight: 400; }
body.body-lang-ls .post-1column-content p { font-weight: 400; }

body.body-lang-ls .flexible-content h4.content-headline { font-weight: 600; }
body.body-lang-ls .flexible-content p { font-weight: 400; }
body.body-lang-ls .flexible-content ul li { font-weight: 400; }

body.body-lang-ls .content-modul .chart-box h4 { font-weight: 600; }

body.body-lang-ls .container.intro p { font-weight: 400; }
body.body-lang-ls .container.frontpage .col-category p { font-weight: 400; }

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

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

	/* Colaps
	---------------------------------------------------------------------- */


	/* branchen-bar-sectionname DSGV
	---------------------------------------------------------------------- */
	
	.branchen-bar-sectionname {
		width: 100%;
		margin: 0;
		padding: 0;
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		font-weight: 600;
		display: block;
		font-size: 13px !important;
		line-height: 1.3;
		padding-top: 8px;
		padding-bottom: 8px;
		}
	.branchen-bar-header {
		width: 100%;
		border-top: 1px solid #EE0000;
		margin: 0;
		padding: 0;
		font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
		font-weight: 600;
		display: block;
		font-size: 13px;
		line-height: 1.3;
		padding-top: 8px;
		padding-bottom: 8px;
		min-height: 50px;
		}
		.branchen-bar-header .bar-branchen-label-branche {
			float: left;
			width: 50%;
			font-weight: 600;
			}
		.branchen-bar-header .bar-branchen-label-prozent {
			float: left;
			width: 25%;
			text-align: right;
			font-weight: 600;
			}
		.branchen-bar-header .bar-branchen-label-bar {
			float: left;
			width: 25%;
			font-weight: 600;
			text-align: left;
			padding-left: 65px;
			}
		
	.horizontal-bar-holder {
		width: 100%;
		border-top: 1px solid #EE0000;
		margin: 0;
		padding: 0; 
		display: block;
		font-size: 13px;
		line-height: 1.3;
		}
		
		.horizontal-bar-branchen {
			width: 100%;
			border-top: 1px solid #DDD;
			margin: 0;
			padding: 0; 
			padding-top: 8px;
			padding-bottom: 5px;
			display: block;
			display: inline-block;
			}	
		.horizontal-bar-branchen.branchen-row-0 {
			border-top: none;
			}

		.horizontal-bar-branchen .bar-label-branchen {
			width: 60%;
			float: left;
			display: block;
			}	
		.horizontal-bar-branchen .bar-label-branchen-gray {
			width: 60%;
			float: left;
			display: block;
			padding-left: 15px;
			}
		.horizontal-bar-branchen .bar-branchen-number {
			width: 15%;
			float: left;
			display: block;
			text-align: right;
			}

		.horizontal-bar-branchen .bar-branchen-percentage {
			width: 12%;
			float: left;
			display: block;
			text-align: right;
			}
		.horizontal-bar-branchen .bar-branchen-chart {
			width: 12%;
			float: left;
			background: #F3F3F3;
			display: block;
			position: relative;
			border-radius: 1px;
			margin-right: 1%;
			}
			.horizontal-bar-branchen .bar-branchen-chart .progress-bar-tcfd {
				display: inline-block;
				}

		.horizontal-bar-branchen .bar-branchen {
			width: 12%;
			margin: 0;
			float: left;
			background: #F3F3F3;
			display: block;
			position: relative;
			border-radius: 1px;
			margin-right: 1%;
			}
			.horizontal-bar-branchen .bar-branchen .progress-bar-tcfd {
				display: block;
				position: absolute;
				width: 100%;
				height: 16px;
				}
				
			.bar-label-davon {
				padding-left: 15px;
				}
				
.row-branchen-panel	.branchen-bar-sectionname {
/* 		padding-left: 15px; */
		}
.row-branchen-panel	.bar-branchen-label-branche {
		padding-left: 45px;
		}	
.row-branchen-panel	.bar-label-branchen {
		padding-left: 45px;
		}			
		
.row-branchen-panel .bar-label-branchen-gray {
    padding-left: 60px;
	}
	.row-branchen-panel		.bar-label-davon {
				padding-left: 60px;
				}	
		
.row-branchen-panel	span.column-0 {
	width: 45px;
	max-width: 45px;
	font-weight: 600;
	padding-left: 8px;
	display: inline-block;
	}


.card-body .branchen-bar-header {
	min-height: 55px;
		}
.card-body .branchen-bar-sectionname {
	padding-top: 15px;
/* 	padding-left: 45px; */
		}
.haltung-group-4.card-body .branchen-bar-sectionname {
	padding-left: 45px;
		}		

.card-body	.bar-branchen-label-branche {
		padding-left: 45px;
		}	
.card-body	.bar-label-branchen {
		padding-left: 45px;
		}			
		
.card-body .bar-label-branchen-gray {
    padding-left: 60px;
	}
	.card-body .bar-label-davon {
				padding-left: 60px;
				}	
		
.card-body	span.column-0 {
	width: 45px;
	max-width: 45px;
	font-weight: 600;
	padding-left: 8px;
	display: inline-block;
	}
			
/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/

footer .container.footer {
	margin-bottom: 2rem;
	}
	
/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/

#menu-footer-menu li a:hover span { border-bottom: 1px solid #000; display: inline-block; padding-bottom: 1px; }

/*-----------------------------------------------------------------------------------*/
/*	Bootstrap Overwrite
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	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;
            transition: opacity 500ms ease-in-out;
             max-width: 100%;
               opacity: 0;
}
.b-lazy.b-loaded {
               opacity: 1;
}

.lazyload,
.lazyloading {
	opacity: 0;
	}
.lazyloaded {
opacity: 1;
transition: opacity 300ms;
    -webkit-transition: opacity 300ms ease-in-out;
       -moz-transition: opacity 300ms ease-in-out;
         -o-transition: opacity 300ms ease-in-out;
            transition: opacity 300ms ease-in-out;
	}

/*-----------------------------------------------------------------------------------*/
/*	chartjs
/*-----------------------------------------------------------------------------------*/

.content-chart h4 {
	margin-top: 0;
	margin-bottom: 5px;
	color: #EE0000;
	font-family: 'Sparkasse Web', Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	font-size: 1.5rem;
/* 	border-bottom: 1px solid #EE0000; */
	padding: 8px 0;
	padding-left: 0;
	margin-bottom: 1rem;
	vertical-align: bottom;
	font-weight: 400;
	text-align: center;
	font-size: 1.2rem;
	}
.content-chart p { font-weight: 400; }

/*-----------------------------------------------------------------------------------*/
/*	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;
		}

	 .chart-wrapper .chart_content_overlay {
	    position: absolute;
	    z-index: 9;
	    top: 0;
	    left: 20px;
	    max-width: 300px;
	    text-align: left;
		}

.chart-wrapper .pie-canvas-holder {
	position: absolute;
	right: 30px;
    margin: 80px 15px 15px 15px !important;
    height: 240px;
	}

	.chart-wrapper .chart_content_overlay h5 {
	    font-family: "Sparkasse Web",Arial,Helvetica,sans-serif;
	    font-size: 15px;
	    color: #EE0000;
	    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: #EE0000;
	    content: "L";
	    display: inline-block;
	    font-family: "badg";
	    float: left;
	    font-size: 14px;
	    margin-left: -20px;
	    margin-right: 5px;
		}

		.header-legend span {
		    color: #EE0000;
		    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;
		height: auto;
		}

	#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 h4 {  margin-bottom: 1rem; font-size: 1.1rem; color: #EE0000; font-weight: 500; }

	.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: #EE0000;
			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: #EE0000;
			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: #EE0000;
	    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: #EE0000;
			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: 350px;
		width: auto;
    	margin-left: 60px;
    	margin-top: 10px;
		}

	.doughnut-legend {
	  	list-style: none;
	  	margin: 0;
	  	padding: 0;
	  	font-size: 14px;
	  	margin-top : 2rem;
		}
		.doughnut-legend li {
		  	margin-bottom : 5px;
		  	display: block;
			}
		.doughnut-legend li::before {
		  	content: "" !important;
			}
		.doughnut-legend li span {

			}
	.doughnut-legend li span.marker {
			  display: inline-block;
			  width: 0;
			  height: 0;
			  border-radius: 2px;
			  float: left;
			  float: none;
			  margin-top: 3px;
			  margin-right: 8px;
			  border: 8px #FFF solid;
			  
			}
	.doughnut-legend li span.marker-block {
			  display: block;
			  width: 0;
			  height: 0;
			  border-radius: 2px;
			  float: left;
			  margin-top: 3px;
			  margin-right: 8px;
			  border: 8px #FFF solid;
			}
			
	.doughnut-legend li span.barlegend {
			  display: inline-block;
			  font-weight: 500;
			  color: #000;
			  width: 80px;
			  padding-left: 5px;
			}
			

	.comm-how {
	  	display: inline-block;
	  	float : left;
	  	color : #555;
	  	width : 90px;
	  	text-align: right;
	  	margin-right : 10px;
		}
	.legend-label {
		  display: inline-block;
		  width: auto;
		  width: 100px;
		  text-align: right;
		}
	.comm-text {
	  	display: inline-block;
	  	width: auto;
	  	width: 320px;
		}
	.gesamt-legend {
		float: left;
		width: 320px;
		width: auto;
		margin-left: 60px;
		margin-top: 1rem;
		margin-bottom: 1rem;
		}
	.gesamt-legend  span::before {
	    color: #EE0000;
	    content: "L";
	    display: inline-block;
	    font-family: "badg";
	    font-size: 1.5rem;
	    margin-right: 7px;
	    vertical-align:bottom;
		}
	.gesamt-legend span {
	    color: #EE0000;
	    display: inline-block;
	    font-family: "Sparkasse Web",Arial,Helvetica,sans-serif;
	    font-size: 1.5rem;
	    font-weight: normal;
	    margin-right: 5px;
		}

/*-----------------------------------------------------------------------------------*/
/*	COLLAPSE PANE
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	debug
/*-----------------------------------------------------------------------------------*/

pre { background: aqua; }

/*-----------------------------------------------------------------------------------*/
/*	Frontpage
/*-----------------------------------------------------------------------------------*/
	
.object-fit-wrapper {
	background-color: #f5f5f5;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	}
.object-fit-wrapper.object-fit-w400 {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
	}
	
.object-fit-lg-100 { 
	height: auto; 
	}
.object-fit-lg-200px { 
	height: auto; 
	height: 250px; 
	}
.blog-list-frontpage .object-fit-lg-200px { 
	height: auto; 
	height: 180px; 
	}
	
.icon-wrapper {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	color: #FFF;
	position: relative;
/* 	border: 1px solid #FFF; */
	}
	.icon-wrapper svg {
		position: absolute;
		top: 20px;
		font-size: 3rem;
		font-weight: 900;
		}
	
/*-----------------------------------------------------------------------------------*/
/*	object-fit objectFitImages
/*-----------------------------------------------------------------------------------*/

.OF-wrapper {
    position: absolute;
    left: 15px; right: 15px;
    top: 15px; bottom: 15px;
	}

.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;
	}
	
.image-holder.image-border,
.image-holder.img-border {
	border: 1px solid #EE0000;
	}

.image-holder.padding-15 .OFimage {
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	height: 90%;
	width: 90%;
	}

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

#full-width-slider {
	background-color: #FFF;
	width: 100%;
	color: #000;
	height: 400px;
	}
	
	#full-width-slider .slogan-container {
		position: absolute;
		top: 0; bottom: 0;
		left: 0; right: 0;
		}
		
	#full-width-slider .slider-slogan {
		padding-top: 100px;
		position: relative;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		}
	#full-width-slider .slider-slogan.slogan-align-left h2 {
		float: left;
		padding-left: 0.5rem;
		}
	#full-width-slider .slider-slogan.slogan-align-right h2 {
		float: right;
		padding-right: 0.5rem;
		}
		#full-width-slider .slider-slogan h2 {
			font-family: 'Sparkasse Web Head';
			font-size: 24px;
			line-height: 1.15;
			color: #FFF;
			margin-bottom: 15px;
			max-width: 50%;
			text-align: left;
			}
		#full-width-slider .slider-slogan h2 p { margin-bottom: 2rem; }
		


.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;
	}


.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: #EE0000 none repeat scroll 0 0;
    color: #fff;
	}

#box-width-slider {
	width: 100%;
	color: #000;
	height: 520px;
	height: 550px;
	background-color: #FFF;
	}
	#box-width-slider.rsMinW .rsBullets {
	    position: absolute;
	    bottom: 15px;
	    right: auto;
	    left: 15px;
		}

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

	#box-width-slider.rsMinW .rsArrowIcn{
		}
	
	#box-width-slider.rsMinW .rsBullet span {
		}
		
	#box-width-slider .rsFullscreenIcn {
	    display: block;
	    margin: 6px;
	    width: 32px;
	    height: 32px;
		background-color: #EE0000;
		border-radius: 3px;
		}

#full-width-slider.rsMinW .rsBullets {
	position: absolute;
	left: auto;
	right: auto;
	bottom: 5%;
	left: 50%;
	transform: translate(-5%, -50%);
	z-index: 35;
	padding-top: 4px;
	height: auto;
	text-align: center;
	line-height: 6px;
	overflow: hidden;
	}

#full-width-slider.rsMinW .rsArrowLeft {
	left: 10%;
	bottom: 5%;
	}
	#full-width-slider.rsMinW .rsArrowRight {
	right: 10%;
	bottom: 5%;
	}

/*-----------------------------------------------------------------------------------*/
/*	Archiv
/*-----------------------------------------------------------------------------------*/

.container-archiv { max-width: 1200px; }
	
.page-article.page-archiv h2 {
    color: rgb(238, 0, 0);
    font-family: 'Sparkasse Web',Arial,Helvetica,sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0rem;
    margin-top: 1rem;
    text-align: center;
	}
	
.page-article.page-archiv .category-top .row.category-box {
	height: 350px;
	position: relative;
	}
.page-article.page-archiv .category-top.box-cover {
	margin-bottom: 15px;
	}
	
.page-article.page-archiv .row.archive {
    padding-top: 1rem;
	margin-right: 0;
	margin-left: 0;
	}
	
.page-article.page-archiv .row.archive h3 {
	color: #000;
	font-family: 'Sparkasse Serif Web', Georgia, 'Times New Roman', Times, serif;
	font-size: 1.3rem;
	font-weight: normal;
	color: #000;
	margin-bottom: 1rem;
	margin-top: 0;
	line-height: 1.2; 
	text-align: left;
	}
	
	.page-article.page-archiv .row.archive .archive-txt {
		padding-left: 0;
		padding-right: 15px;
		}

	.page-article.page-archiv .icon.icon-arrow-circle-right  {
		color: #FFF;
		position: absolute;	
		right: 15px;
		top: 15px;
		font-size: 1.2rem;
		}
		
.archiv-link-container {
	position: absolute;	
	right: 0;
	top: 0;
	bottom:  0;
	left:  0;
	}
	.archiv-link-container span.icon {
		position: absolute;	
		right: 15px;
		top: 15px;
		}

/*-----------------------------------------------------------------------------------*/
/* Gradient BG
/*-----------------------------------------------------------------------------------*/

.gradient80 {	
	z-index: 9;
	left: 12px; right:0; 
	top: 0; bottom: 0; 
	position: absolute;	  
	width: calc(100% - 24px);
	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 */
	}
	
/*-----------------------------------------------------------------------------------*/
/*	Print Modal
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	arve-wrapper */
/*-----------------------------------------------------------------------------------*/
 
/*-----------------------------------------------------------------------------------*/
/*	Responsive
/*-----------------------------------------------------------------------------------*/

/*
X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#full-width-slider .slider-slogan h2 { font-size: 32px; max-width: 40%; }
	#full-width-slider { height: 500px; }
	.container-fluid.red-bg .slogan h1 { font-size: 1.7rem; padding-top: 0; }
	.container-nav { max-width: none; }
	}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#full-width-slider { height: 600px; }
	.container.frontpage .col-category .term-teaser { min-height: 300px; }
	.section-modul .module-multi-number .single-number br { display: block; font-size: 2.9rem; }
	.section-modul .module-multi-number { margin-bottom: 0; }
	.flexible-content.number-highlight { padding-top: 1rem; padding-bottom: 1rem; }
	.container-fluid.red-bg .slogan h1 { font-size: 1.8rem; }
	.container-nav { max-width: none; }
	.doughnut-legend { margin-top: 0; }
	}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#full-width-slider { height: calc(100vh - 320px); min-height: 600px; }
	#full-width-slider .slider-slogan h2 { font-size: 48px; max-width: 40%; }
	.container.frontpage .col-category .term-teaser { min-height: 220px; }
	.container-nav { max-width: 1140px; }
	}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
	.container-vorwort { max-width: 1200px; }
	.container.frontpage .col-category .term-teaser { min-height: 200px; }
	.header-image-cover { height: 600px; }
	.header-container { height: 600px; }
	.header-image-contain { height: 600px; }
	.container-fluid.red-bg .slogan h1 { font-size: 2rem; }
	.container-nav { max-width: 1320px; }
	.kennzahlen3eck { max-width: 350px; }
	}

/* // XXX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1600px) { 
	.container-vorwort { max-width: 1200px; }
	.container.frontpage .col-category .term-teaser { min-height: 180px; }
	.container-nav { max-width: 1520px; }
	}