/* @group core */

   @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=e8dbfc0d-5b70-47f0-b890-4586289e279d&fontids=734512");
    @font-face{
        font-family:"itc-officina-italic";
        src:url("../fonts/f95b2536-b75b-4129-b4a3-c85f76eb0735.woff2") format("woff2"),url("../fonts/7895df1c-c1ad-4189-91fa-0c041359c821.woff") format("woff");
    }


html {
	background-color: #fff;
}

body {
	font-family: itc-officina-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #696656;
}
.main-content {
	
}
.main-content .mod_article.first {
	margin-right: 0px;
}
.main-content .mod_article {
	margin-right: 50px;
}
form .explanation p{
	padding: 0;
	margin: 0;
	font-size: 1em;
}
form p.error {
	padding: 0;
	margin: 0;
	font-size: 1em;
	color: #e80505;
}
form select {
	font-family: itc-officina-sans-pro, sans-serif;
	font-size: 1em;
}
form .anrede, form .textarea {
	margin-bottom: 1.5em;
}

#sub-nav li span.progressbar {
	background-color: #78bbf1;
}
.bg_dunkelblau, .tile .dunkelblau, body.dunkelblau #sub-nav li span.progressbar {
	background-color: #2c3a6b;
}

.bg_hellblau, .tile .hellblau, body.hellblau #sub-nav li span.progressbar {
	background-color: #79b3e4;
}

.bg_orange, .tile .orange, body.orange #sub-nav li span.progressbar {
	background-color: #e47416;
}

.bg_gelb, .tile .gelb, body.gelb #sub-nav li span.progressbar  {
	background-color: #efc01b;
}

.bg_gruen, .tile .gruen, body.gruen #sub-nav li span.progressbar  {
	background-color: #a3ac42;
}

sup {
	font-size: 75%;
	line-height: 1px;
	color: #1a2c61;
	padding-left: 3px;
}
sub {
	font-size: 75%;
	line-height: 1px;
	color: #1a2c61;
	padding-left: 3px;
}
code,pre{
	-moz-osx-font-smoothing:auto;
	-webkit-font-smoothing:auto;
	font-family: itc-officina-sans-pro, sans-serif;
}
pre{
	-webkit-overflow-scrolling:touch;
	background-color: #fcfcfc;
	color:#4a4a4a;
	font-size: .72em;
	overflow-x:auto;
	padding: 1rem 1.5rem 1.85rem;
	white-space: normal;
	word-wrap:normal;
	line-height: 1.5em;
	border-top: 1px dotted #c3bfaf;
	border-bottom: 1px dotted #c3bfaf;
	margin: 30px auto 10px;
	width: 60%;
}
.ce_text p em strong, .infobox strong{
	color: #1a2c61;
}

header {
	
}

.ce_text p a {
	border-bottom: 1px solid #696656;
	color: #696656;
	transition: all 0.2s ease;
}
.ce_text p a:hover {
	border-bottom: 1px solid #fff;
	color: #1a2c61;
}

.navbar-burger span {
	height: 2px;
	left: calc(42% - 8px);
	width: 24px;
}
.navbar-burger span:nth-child(2) {
	top: calc(50%);
}
.navbar-burger span:nth-child(3) {
	top: calc(50% + 6px);
}

a.cboxElement {
	outline: none !important;
}

p em {
	font-family: itc-officina-italic, sans-serif;
	font-style: normal;
	font-weight: normal;
}

.logo {
	
}
#lupe {
	
}

#suche {
	position: absolute;
	width: 25px;
	height: 20px;
	right: 13px;
	top: 65px;
}
#suche img {
	opacity: 0.3;
}
#hochlandlogo.stick {
	position: fixed;
	top: 0;
	left: -10px;
}

body.nosub #sub-nav {
	display: none;
}

.infobox {
	background-color: #deddd8;
	padding: 30px 0px 30px 0px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

span#site-title {
	background-color: #c3c0b0;
	float: left;
	display: block;
	height: 35px;
	color: #fff;
	padding: 7px 12px 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}
span#site-title.unvisible {
	display: none;
}
.navbar-brand {
	max-width: 1600px;
	width: 100%;
}

.wrapper section {
	max-width: 1600px;
	background-color: #fff;
	padding-right: 0;
	padding-left: 0px;
	margin-left: 0px;
}


	/* @group footer */
	
	footer {
		margin: auto;
		width: 100%;
		text-align: center;
	}
	footer .zeile1 a {
		transition: all 0.5s;
		color: #8b877a;
		font-weight: bold;
		text-transform: uppercase;
	}
	footer .zeile2 a {
		transition: all 0.5s;
		color: #fff;
	}
	footer .zeile1 a:hover {
		color: #373737;
	;
	}
	footer .zeile2 a:hover {
		color: #d6d5d2;
	}
	footer p.centered {
		width:  100%;
		margin: auto;
	}
	footer .zeile1{
		background-color: #f5f4f0;
		padding: 0!important;
		margin: 0!important;
	}
	footer .zeile2{
		background-color: #b5b2aa;
		padding: 0!important;
		margin: 0!important;
	}
	footer .zeile2 p{
		color: #fff;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#footer span.icon.is-large.has-text-info {
		transition: all 0.5s;
		background-color: #ffffff;
		border-radius: 100%;
		margin-right: 3px;
		margin-left: 3px;
		padding-top: 5px;
	}
	#footer span.icon.is-large.has-text-info.facebook:hover {
		background-color: #4267b2;
	}
	#footer span.icon.is-large.has-text-info.linkedin:hover {
		background-color: #2867b2;
	}
	#footer span.icon.is-large.has-text-info.kununu:hover {
		background-color: #99c713;
	}
	#footer span.icon.is-large.has-text-info.xing:hover {
		background-color: #00605E;
	}
	#footer span.icon.is-large.has-text-info img{
		width: 30px;
		color: #bbbbbb;
	}
	/* @end */
	
	.cap{
	text-transform: uppercase;
}

.content, .main {
	background-color: #fff;
}
section.main-section {
	max-width: 1600px;
	padding-left: 240px;
	padding-bottom: 150px;
}
/*body.startseite section.main-section {
	padding-left: 230px!important;
}*/


footer {
	
}

#main-nav {
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 50px;
	margin-left: 0;
}
.sidebar {
	position: relative !important;
	top: 0;
}
.sidebar.showtop {
	position: fixed!important;
	top: 0px!important;
}
#sub-nav.sticky {
	position: fixed;
	top: 120px;
	width: 220px;
}

			#main-nav li.dunkelblau {
				background-color: rgba(255, 255, 255, 0);
			}
			#main-nav li.hellblau {
				background-color: rgba(255, 255, 255, 0);
			}
			#main-nav li.orange {
				background-color: rgba(255, 255, 255, 0);
			}
			#main-nav li.gelb {
				background-color: rgba(255, 255, 255, 0);
			}
			#main-nav li.gruen {
				background-color: rgba(255, 255, 255, 0);
			}
			#main-nav li.dunkelblau:hover, #main-nav li.dunkelblau.active {
				box-shadow: inset 5px 0 #2c3a6b;
				background-color: rgba(255, 255, 255, 0);
			}
			#main-nav li.hellblau:hover, #main-nav li.hellblau.active {
				box-shadow: inset 5px 0 #79b3e4;
				background-color: rgba(255, 255, 255, 0);
			}
			#main-nav li.orange:hover, #main-nav li.orange.active {
				box-shadow: inset 5px 0 #e47416;
				background-color: rgba(255, 255, 255, 0);
			}
			#main-nav li.gelb:hover, #main-nav li.gelb.active {
				box-shadow: inset 5px 0 #efc01b;
				background-color: rgba(255, 255, 255, 0);
			}
			#main-nav li.gruen:hover, #main-nav li.gruen.active {
				box-shadow: inset 5px 0 #a3ac42;
				background-color: rgba(255, 255, 255, 0);
			}


#main-nav li {
	padding-top: 11px;
	padding-bottom: 11px;
	border-bottom: 1px solid #cbc7b6;
	transition: all 0.5s;
	padding-left: 0;
	margin-left: 0;
	box-shadow: inset 5px 0 #ffffff;
}

#main-nav li:hover {
	box-shadow: inset 5px 0 #cbc7b6;
}

#main-nav li.active, #main-nav li.trail {
	margin-left: 0;
	box-shadow: inset 5px 0 #78bbf1;
}

#main-nav li:first-child {
	border-top: 1px solid #cbc7b6;
}

/*#main-nav li:last-child {
	border-top: 1px double #cbc7b6;
	margin-top: 2px;
}*/
#main-nav li.menuzusatz {
	border-top: 1px double #cbc7b6;
	margin-top: 2px;
}
#main-nav a {
	font-family: itc-officina-sans-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #8b8674;
	padding-left: 20px;
	padding-right: 20px;
}

#main-nav  ul#main-menu.level_1.parent-menu {
	border-bottom: 1px solid #cbc7b6;
	padding-bottom: 2px;
}
body.startseite #sub-nav {
	display: none;
}

#sub-nav {
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}



#sub-nav li {
	padding-top: 0;
	padding-left: 12px;
	padding-bottom: 0;
	border-left: 2px solid #8b8674;
	margin-top: 10px;
}

#sub-nav li:hover {
	border-left: 2px solid #78bbf1;
	padding-left: 12px;
}

#sub-nav li a {
	font-family: itc-officina-sans-pro, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #8b8674;
	text-align: left;
	display: block;
	padding-left: 5px;
}

#sub-nav li span.progressbar {
	position: relative;
	width: 3px;
	top: 0px;
	z-index: 5;
	left: -13px;
	float: left;
	height: 0;
	display: block;
}




#sub-nav .hidemenu {
	display: none;
}
.content .article_menu {
	font-family: itc-officina-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.content .article_menu .active {
	font-family: itc-officina-sans-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	color: #1a2c61;
	width: 60%;
	margin: auto;
}

h2 {
	font: 3em itc-officina-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-top: 20px;
	margin-bottom: 30px;
	position: relative;
	left: -3px;
}

h3:first-child {
	margin-top: 0px;
}

h3 {
	font: 1.2em/1.4em itc-officina-sans-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
	margin-top: 10px;
}

h3.zwischenhead {
	font: 1.5em/1.4em itc-officina-sans-pro, sans-serif;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-top: 40px;
}

p {
	font: 1.2em/1.4em itc-officina-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #535148;
	width: 60%;
	margin: auto;
}

footer p {
	font-size: 1em;
}
p.vortext {
	font-family: itc-officina-sans-pro, sans-serif;
	font-weight: 700;
	font-style: italic;
	color: #5e5b51;
}

.einzug.block p{
	color: #1a2c61;
	padding-left: 50px;
}
p strong em{
	color: #1a2c61;
}
h4.zitat {
	font-family: itc-officina-sans-pro, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-style: italic;
	font-size: 16px;
}

h4.zitat.links {
	text-align: left;
}

h4.zitat.rechts {
	text-align: right;
}

.mod_article.center {
	text-align: center;
}

.mod_article h2.beige.center {
	color: #8b8674;
	width: 60%;
	display: inline-block;
	float: none;
	text-align: center;
}

.beige.zitat.center {
	text-align: center;
}

.block .ce_text.beige.zitat.center blockquote {
	color: #8b8674;
	width: 40%;
	display: inline-block;
	float: none;
	
}

.block .ce_text.beige.zitat.center blockquote p {
	color: #8b8674;
	padding-left: 0;
	margin-left: 0;
	text-align: center;
	margin-right: 0;
	padding-right: 0;
	line-height: 1.4em;
}

.mod_article.block div.ce_text blockquote {
	font: 1.3em itc-officina-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-style: italic;
	color: #1a2c61;
	float: right;
	width: 45%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.mod_article.block div.ce_text blockquote.left {
	font: 1.3em itc-officina-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-style: italic;
	color: #1a2c61;
	float: left;
	width: 45%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.mod_article.block div.ce_text blockquote p {
	font: 1.2em itc-officina-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-style: italic;
	color: #1a2c61;
	margin-right: 0;
	margin-left: 50px;
	width: 100%;
	padding-right: 15%;
}

.mod_article.block div.ce_text blockquote p:before {
	content: '» ';
}

.mod_article.block div.ce_text blockquote p:after {
	content: '« ';
}

.mod_article.block div.ce_text blockquote p.autor {
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
}

.mod_article.block div.ce_text blockquote p.autor:before, .mod_article.block div.ce_text blockquote p.autor:after {
	content: '';
}

.mod_article.block {
	margin-bottom: 15px;
}

.ce_image.float-left img {
	width: 100%;
	height: auto;
}

.mod_article.block div.ce_image.block {
	width: 100%;
	margin: auto;
}

.mod_article.block div.ce_image.last.block figure.image_container img {
	width: 100%;
	height: auto;
}

.ce_image.float-left {
	float: left;
}

.ce_image.float-right {
	float: right;
}

.mod_article div.ce_text.block figure.image_container.float_left {
	margin-right: 25px;
}

.mod_article div.ce_text.block figure.image_container.float_right {
	margin-left: 25px;
}

#to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	background-color: #dbd7cc;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	transition: all 0.5s;
	display: none;
}
#to-top.show {
	display: block;
}
#to-top:hover {
		background-color: #b2aa93;
}
/* @end */

/* @group gri indikatoren tags */




.mod_article.block div.tags-article {
	color: #8d95b5;
	font-weight: bold;
	width: 60%;
	margin: auto;
	display: table;
}



.mod_article.block div.tags-article a {
	border-bottom: 1px solid #8d95b5;
	color: #8d95b5;
	font-weight: bold;
	transition: all 0.2s ease;
}
.mod_article.block div.tags-article a:hover {
	border-bottom: 1px solid #fff;
	color: #1a2c61;
}


.mod_article.block div.ce_image.last.block figure.image_container {
/*	width: 60%;*/
	margin: auto;
}
.mod_article.block div.tags-article:after {
	display: inline-block;
}

.mod_article.block div.tags-article div.title {
	display: block;
	color: #8d95b5;
	font-weight: bold;
	font-size: 1em;
	float: left;
	margin: 0 8px 10px 0;
	line-height: 1em;
}

.mod_article.block div.tags-article .tag-chain {
	float: left;
}

.mod_article.block div.tags-article .tag-chain-item {
	float: left;
	margin-right: 5px;
}

.mod_article.block div.tags-article ul {
	margin: 0 5px 0 0;
	display: inline;
	padding-top: 0;
	padding-bottom: 0;
}

.mod_article.block div.tags-article ul li {
	margin: 0;
	display: inline;
	height: 1em;
	padding: 0;
	line-height: 1em;
}

.mod_article.block div.tags-article .tag-chain-item:after {
	content: ', ';
}

.mod_article.block div.tags-article .tag-chain-item.last:after {
	content: ' ';
}

/* @end */

/* @group gri tabellen */


/* anker GRI mit versatz */
a[name]:not([href]){
    display: block;    
    position: relative;     
    top: -200px;
    visibility: hidden;
}


.gri_tabellen h3 {
	width: 100%;
	margin: auto auto 10px;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
}
.gri_tabellen a {
	border-bottom: 1px solid #696656;
	color: #696656;
	transition: all 0.2s ease;
}
.gri_tabellen a:hover {
	border-bottom: 1px solid #fff;
	color: #1a2c61;
}
.gri_tabellen table{
	width: 100%;
}
.gri_tabellen table .col_0 span{
	float: left;
	padding-right: 4px;
	padding-left: 4px;
}
.gri_tabellen table .col_0 a{
}
/*.gri_tabellen table .row_0{
	font-weight: bold;
	color: #1a2c61;
}*/
.gri_tabellen table  tr {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
.gri_tabellen table  tr td{
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 10px solid #fff;
}
.gri_tabellen .gri_allgemein table .col_0 span, section.allgemein.ce_accordion .toggler{
	background-color: #e39e59;
	color: #fff;
}
.gri_tabellen .gri_wirtschaft table .col_0 span, section.wirtschaft.ce_accordion .toggler {
	background-color: #5857ab;
	color: #fff;
}
.gri_tabellen .gri_umwelt table .col_0 span, section.umwelt.ce_accordion .toggler{
	background-color: #99cd00;
	color: #fff;
}
.gri_tabellen .gri_soziales table .col_0 span, section.soziales.ce_accordion .toggler{
	background-color: #abc8ea;
	color: #fff;
}
.gri_tabellen .gri_zusatzindikatoren table .col_0 span, section.zusatzindikatoren.ce_accordion .toggler{
	background-color: #efc132;
	color: #fff;
}
.gri_tabellen tr td.col_0 {
	width: 10%;
}
.gri_tabellen tr td {
	width: 22%;
}
section.ce_accordion .toggler{
	padding: 10px;
	font-size: 18px;
	background-color: #dddddd;
	margin-bottom: 50px;
}
.toggler.active {
	outline: none;
}
.mod_article.gri_tabellen {
	margin-bottom: 120px;
	margin-top: 25px;
}
.gri-indices .ce_table {
	margin-bottom: 0;
}
section.gri-indices h3.ce_headline{
	font-size: 24px;
	width: 100;
	padding: 5px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 0;
}
section.gri-indices h4.ce_headline{
	font-size: 16px;
	width: 100%;
	padding: 5px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-weight: bold;
	margin-top: 15px;
}
section.gri-indices h5.ce_headline{
	font-size: 16px;
	width: 100%;
	padding: 5px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
/* @end */

/* @group bulma mods */

.navbar-item img {
	max-height: 5.75rem;
	padding-bottom: 5px;
	padding-top: 5px;
	transition: all 0.5s;
	width: 220px;
	display: block;
}

.stick .navbar-item img {
	max-height: 4rem;
	padding-bottom: 5px;
	padding-top: 5px;
}

/* @end */

.navbar-burger{
	display:none!important;
	}
.navbar-burger.show{
	display:block!important;
}

.section {
	padding-top: 0;
	padding-bottom: 0;
}

.stickymenu {
	position: fixed;
	top: 80px;
	overflow: hidden;
	z-index: 10;
	max-width: 225px;
}

.navbar {
	background-color: rgba(255, 255, 255, 0);
	padding-left: 250px;
}

aside {
	float: left;
	height: 100%;
	max-width: 225px;
	clear: left;
	transition: all 0.5s;
}

section.main-section {
	background-color: #fff!important;
	transition: all 0.5s;
}

main-section.modal-open {
	overflow: hidden!important;
}

div.chart {
	width: 60%;
	margin: 35px auto;
}

/* @group slider */
.container-carousel {
	margin: 0;
	max-width: 1600px;
}
.slider {
	outline: none;
}

.slider-container .item {
	position: relative;
}

.slider-container p.subline {
	margin: 0;
	padding: 0;
	display: flex;
	left: 30px;
	position: absolute;
	bottom: 20px;
	z-index: 50000;
	width: 90%;
	text-align: left;
}

.slider-container p.subline.text-light {
	color: #fff;
	text-shadow: 0 0 4px black;
}

.slider-navigation-next, .slider-navigation-previous::after {
	content: "<";
	color: #fff;
	font-size: 50px;
	margin-left: 25px;
	padding-left: 5px;
	padding-bottom: 3px;
}

.slider-navigation-next, .slider-navigation-next::after {
	content: ">";
	color: #fff;
	font-size: 50px;
	margin-right: 25px;
}

.slider-navigation-previous {
	background: rgba(255, 255, 255, 0.5);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	border: 1px none #fff;
	opacity: 1;
	padding-left: 0;
	padding-right: 30px;
	margin-left: 35px;
}
.slider-navigation-next {
	background: rgba(255, 255, 255, 0.5);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	border: 1px none #fff;
	opacity: 1;
	padding-left: 30px;
}
.slider-navigation-previous svg, .slider-navigation-next svg {
	display: none;
}

/* @end */

/* @group tiles */

.tile article {
	position: relative;
	padding: 0;
	margin: 0;
	overflow: hidden;
	line-height: 0;
}

.tile article img {
	width: 100%;
	height: auto;
}

.tile article  p:before {
	content: '>>';
	margin-right: 5px;
}

.tile article  p {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 65px;
	padding-left: 20px;
	padding-top: 10px;
	transition: all 0.5s;
	display: block;
	text-align: left;
	padding-bottom: 0;
	margin: 0;
	color: #fff;
}
.tile.is-ancestor {
	padding: 0;
	margin: 0;
}
.tile article:hover  p {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 65px;
	padding-left: 20px;
	padding-top: 10px;
	transition: all 0.5s;
	display: block;
	color: #000;
	opacity: 0.9;
	text-align: left;
	padding-bottom: 0;
	margin: 0;
	background-color: #e5e3db;
}

.tile:not(.is-child) {
	display: inline;
	float: left;
}

/* @end */

/* @group accordions - tabellen - kennzahlen -ziele */
section.kennzahlen {
	width: 100%;
	margin: auto;
}
section.kennzahlen h3.ce_headline.tabhead {
	background-color: #5c6a90;
	width: 50%;
	float: left;
	color: #fff;
	padding: 4px 10px;
	font-weight: bold;
}
section.kennzahlen .toggler.ui-accordion-header {
	font: 1.2em/1.4em itc-officina-sans-pro, sans-serif;
	background-color: #5c6a90;
	color: #fff;
	padding: 4px 10px;
	font-weight: bold;
	margin-bottom: 0;
}
section.kennzahlen .toggler.ui-accordion-header sup{
	color: #fff;
}
section.kennzahlen .toggler.ui-accordion-header:focus{
    outline: none;
}
section.kennzahlen .toggler.ui-accordion-header.active {
	background-color: #152b61;
}
section.kennzahlen table {
	width: 98%;
}

.kennzahlen_legende pre {
	width: 100%;
	margin: 75px auto auto;
	padding-left: 30px;
}
.kennzahlen_legende pre sup	{
	margin-left: -17px;
	margin-right: 0;
	width: 15px;
	display: inline-block;
}
		
section.kennzahlen div.ce_table {
	width: 100%;
	margin-left: 2%;
}
section.kennzahlen div.ce_table tr{
	width: 100%;
}
section.kennzahlen div.ce_table td{
	border-bottom: 1px solid #272425;
	padding: 4px 10px;
	border-right: 2px solid #ffffff;
}
section.kennzahlen div.ce_table tr.row_last td{
	border-bottom: 0px solid #272425;
}
section.kennzahlen b, section.kennzahlen strong {
		color: #1a2c61;
}
section.kennzahlen .col_1, section.kennzahlen .col_2 {
	background-color: #f1f6fb;
}

section.kennzahlen tr .col_first {
	font-weight: normal;
	font-style: normal;
	background-color: #fff;
	width: 48%;
}
section.kennzahlen .col_1, section.kennzahlen .col_2, section.kennzahlen .col_3, section.kennzahlen .col_4, section.kennzahlen .col_5 {
	width: 10%;
	text-align: right;
}

.ce_table.ziele .row_0 td {
	background-color: #5c6a90;
	color: #fff;
	padding: 4px 10px;
	font-weight: bold;
}
.ce_table.ziele table {
	width: 60%;
	margin: auto;
}
.ce_table.ziele {
	width: 100%;
	margin: auto;
}
.ce_table.ziele td{
	border-bottom: 1px solid #272425;
	
}
.ce_table.ziele  tbody tr td.col_0 {
	width: 100%;
	padding: 6px 10px;
}
.ce_table.ziele  tbody tr td.col_1 {
	vertical-align: middle;
}
.ce_table.ziele  tbody tr td.col_1.col_last {
	width: 200px;
}
.ce_table.ziele  tbody tr td span.status_voll {
	background-color: #5c6a90;
	width: 200px;
	display: table;
	height: 20px;
}
.ce_table.ziele  tbody tr td span.status_teilweise {
	background-color: #5c6a90;
	width: 100px;
	display: table;
	height: 20px;
}
.ce_table.ziele  tbody tr td span.status_grossteils {
	background-color: #5c6a90;
	width: 150px;
	display: table;
	height: 20px;
}
.ce_table.ziele  tbody tr td span.status_nicht {
	background-color: #5c6a90;
	width: 50px;
	display: table;
	height: 20px;
}
.ziele_legende table {
	width: 60%;
	margin: auto;
}
.ziele_legende .ziele_balken tr.row_0 td{
	padding: 0;
	text-align: left;
	background-color: #ececec;
}
.ziele_legende .ziele_balken tr {
	width: 200px;
	border-width: 0;
	padding: 0;
	margin: 0;
}
.ziele_legende .ziele_balken tr td{
	width: 200px;
	border-width: 0;
	padding: 0;
	margin: 0;
}
.ziele_legende table span.status_nicht{
	background-color: #5c6a90;
	width: 50px;
	display: block;
	height: 20px;
}
.ziele_legende table span.status_teilweise{
	background-color: #5c6a90;
	width: 100px;
	display: block;
	height: 20px;
}
.ziele_legende table span.status_grossteils{
	background-color: #5c6a90;
	width: 150px;
	display: block;
	height: 20px;
}
.ziele_legende table span.status_voll{
	background-color: #5c6a90;
	width: 200px;
	display: block;
	height: 20px;
}
.ziele_legende table span.status_text {
		font-style: italic;
	}

.tabelle_ambitionen {
	width: 60%!important;
	margin: auto;
}
.tabelle_ambitionen table{
	width: 100%!important;
}
.tabelle_ambitionen table tbody tr td.head {
	padding: 8px 20px;
	font: 1.2em/1.4em itc-officina-sans-pro, sans-serif;
	text-align: left;
}
.tabelle_ambitionen table tbody tr td {
	font: 1.2em/1.4em itc-officina-sans-pro, sans-serif;
	text-align: center;
}
.tabelle_ambitionen table tbody tr td.head {
	padding: 0;
	margin: 0;
}
.tabelle_ambitionen table tbody tr h3 {
	color: #fff;
	text-align: left;
	background-color: #5c6a90;
	text-transform: uppercase;
	width: 100%;
	padding: 5px;
	margin-bottom: 10px;
}
.tabelle_ambitionen tr td em {
}








/* @end */

/* @group buchnavigation*/
footer#footer div.inside div.mod_booknav.block ul {
	width: 95%;
	margin: auto;
}
div.mod_booknav a {
	border-bottom: 1px solid #696656;
	color: #696656;
	transition: all 0.2s ease;
}
div.mod_booknav a:hover {
	border-bottom: 1px solid #fff;
	color: #1a2c61;
}
footer#footer div.inside div.mod_booknav.block ul li.previous a {
	float: left;
}
footer#footer div.inside div.mod_booknav.block ul li.up a {
	display: none;
}
footer#footer div.inside div.mod_booknav.block ul li.next a {
	float: right;
}
/* @end */
@media (max-width: 1250px) {
	.main-content .mod_article.first {
	margin-right: 0px;
	}
	.main-content .mod_article {
	margin-right: 0px;
	}
	h1, h2, h3, h4, h5, h6 {
		width: 80%;
	}
	.mod_article.block div.tags-article {
		width: 80%;
		margin-bottom: 15px;
	}
	p {
		width: 80%;
	}
	div.chart {
		width: 80%;
	}
	.tabelle_ambitionen {
		width: 100%!important;
	}
	.ce_table.ziele table {
		width: 100%;
	}
	.ziele_legende pre {
		width: 100%;
	}
	div.ziele_legende .ziele_balken{
		width: 100%;
	}
	.mod_article.block div.tags-article ul {
		margin-top: 0;
		margin-left: 0;
		margin-bottom: 15px;
	}
	.ziele_legende table td {
		
	}
	.ziele_legende table span.status_text {
		font-style: italic;
		margin-left: 20px;
	}
	.ziele_legende table span.status_nicht{
		background-color: #5c6a90;
		width: 50px;
		display: block;
		height: 20px;
	}
	.ziele_legende table span.status_teilweise{
		background-color: #5c6a90;
		width: 100px;
		display: block;
		height: 20px;
		
	}
	.ziele_legende table span.status_grossteils{
		background-color: #5c6a90;
		width: 150px;
		display: block;
		height: 20px;
	}
	.ziele_legende table span.status_voll{
		background-color: #5c6a90;
		width: 200px;
		display: block;
		height: 20px;
	}
}
@media (max-width: 775px) {


	.tabelle_ambitionen {
		margin-top: auto;
		margin-bottom: auto;
		width: 100vw!important;
		border-right: 20px solid #fff;
		border-left: 20px solid #fff;
	}
	
		.tabelle_ambitionen table{
			width: 100%!important;
		}
		.tabelle_ambitionen.last.block table tbody tr td {
			padding: 8px 0;
			font: 1.0em/1.4em itc-officina-sans-pro, sans-serif;
		}
		.ziele_legende pre {
			width: 100%;
			margin: auto;
		}
		
		
		
		
		
		div.ziele_legende .ziele_balken{
			margin-top: auto;
			margin-bottom: auto;
			width: 100vw!important;
			
		}
		
		div.ziele_legende .ziele_balken tbody{
			padding: 0!important;
			margin: 0!important;
		}
		
		div.ziele_legende .ziele_balken tbody tr td{
			display: flex!important;
		}
		div.ziele_legende .ziele_balken tr.row_0 {
			width: 100%!important;
			border-width: 0!important;
			padding: 0!important;
			margin: 0!important;
		}
		div.ziele_legende .ziele_balken tr td{
			width: 100%!important;
			border-width: 0!important;
			padding: 0!important;
			margin: 0!important;
		}
		
		
		
		
		
		
		
		.ce_table.ziele table {
			width: 100%!important;
			margin: auto;
			border-right: 20px solid #fff;
			border-left: 20px solid #fff;
		}
		.ce_table.ziele table tbody{
			width: 100%!important;
			margin: auto;
			border-left: 20px solid #fff;
		}
		.ziele_legende{
			max-width: 100vw!important;
			border-width: 0;
			border-right: 20px solid #fff;
			border-left: 20px solid #fff;
		}
		
		
		
		section.kennzahlen .accordion div .ce_table {
			width: 100vw;
			overflow: scroll;
		}
		section.kennzahlen table {
			width: 150%;
		}
		section.kennzahlen div.ce_table {
			width: 100%;
			margin-left: 0%;
		}
		section.kennzahlen tr .col_first {
			font-weight: normal;
			font-style: normal;
			background-color: #f1f6fb;
			width: 35%;
		}
		section.kennzahlen .toggler.ui-accordion-header {
			font: 1.4em/1.4em itc-officina-sans-pro, sans-serif;
			background-color: #5c6a90;
			color: #fff;
			padding: 4px 10px;
			font-weight: bold;
		}
		section.kennzahlen div.ce_table td{
			font: 1.2em/1.4em itc-officina-sans-pro, sans-serif;
			border-bottom: 1px solid #272425;
			padding: 10px 10px;
			border-right: 2px solid #ffffff;
		}


h1, h2, h3, h4, h5, h6 {
	width: 90%;
	margin: auto;
}
.main-content {
	margin-right: 0px;
}
p {
	
	width: 90%;
	margin: auto;
}
div#managementansatz.mod_article.block div.ce_text.block pre {
	width: 100%;
	padding-right: 40px;
		padding-left: 40px;
}
.mod_article div.ce_text.block figure.image_container.float_left {
	margin-right: 0px;
		margin-top: 20px;
	width: 100%;
		margin-bottom: 20px;
}

.mod_article div.ce_text.block figure.image_container.float_left a.cboxElement img {
	width: 100%;
}
.mod_article div.ce_text.block figure.image_container.float_right {
		margin: 20px 0 20px 0px;
		width: 100%;
	}
.mod_article div.ce_text.block figure.image_container.float_right a.cboxElement img {
	width: 100%;
}
div.chart {
	width: 100%;
	margin: 35px auto;
}

	section.main-section {
		padding-top: 50px;
	}
	span#site-title {
		margin-left:  0px;
		font-size: 12px;
		height: 32px;
	}

	a#hochlandlogo  {
		width: 80px;
		margin-top: 30px;
		margin-left: 18px;
	}
	#suche {
		top: 65px;
		right: 14px;
		width: 20px;
	}
	aside {
		float: left;
		height: 100%;
		max-width: 225px;
		clear: left;
		margin-left: -250px;
		transition: all 0.5s;
		position: absolute;
		z-index: 10;
	}
	
	aside.visible {
		float: left;
		height: 100%;
		max-width: 100vw;
		clear: left;
		margin-left: 0px;
		background-color: rgba(241, 241, 241, 0.9);
		max-width: 225px;
		position: absolute;
	}
	aside.visible #sub-nav {
		background-color: rgba(241, 241, 241, 0.9);
		padding-top: 10px;
		padding-bottom: 10px;
	}
	section.main-section {
		background-color: #fff!important;
		padding-left: 0px!important;
	}
	.navbar {
		padding-left:  0px;
	}


	h2 {
		font: 2em itc-officina-sans-pro, sans-serif;
	}


	
	.mod_article.block div.tags-article {
		width: 90%;
		margin: 25px auto;
		font-size: 20px;
	}
	
	.mod_article.block div.tags-article ul {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		display: inline;
		padding-top: 0;
		padding-bottom: 0;
	}
	.mod_article.block div.tags-article ul li.tag-chain-item {
		margin-bottom: 10px;
		margin-right: 10px;
	}
	
	
	.mod_article.last.block div.ce_text.block figure.image_container.float_left {
		width: 80%;
		width: auto;
		float: none;
		margin: 15px 0;
	}
	
	.mod_article.last.block div.ce_text.block figure.image_container.float_right {
		width: 80%;
		width: auto;
		float: none;
		margin: 15px 0;
	}
	
	.mod_article.last.block div.ce_text.block figure.image_container img {
		width: 100%;
		height: auto;
	}
	
	.einzug.block p {
		color: #1a2c61;
		padding-left: 0px;
	}
	
	.mod_article .ce_text blockquote {
		width: 100%!important;
		padding: 0 10% 0 5% !important;
		margin: auto 10% 25px auto;
		float: left !important;
	}
	
	.mod_article .ce_text blockquote p {
		margin-left: 0!important;
		padding-right: 0!important;
		float: left!important;
		font: 0.9em itc-officina-sans-pro, sans-serif!important;
	}
	
	.mod_article.last.block div.ce_text blockquote p.autor {
		font-size: 0.7em!important;
	}
	
	.slider-container p.subline {
		font-size: 9px;
		text-align: left;
		position: absolute;
		bottom: -20px;
	}
	
	.slider-container p.subline.text-light {
		color: #000;
		text-shadow: 0 0 0px #fff;
	}
	
	.mod_article h2.beige.center {
		color: #8b8674;
		width: 100%;
		display: inline-block;
		float: none;
		text-align: center;
	}
	
	.tile.is-parent {
		padding: 0;
		width: 100%;
	}
	.navbar-burger{
		display:block!important;
	}
}


/* @group cookie info */


.cookie-info {
    background-color: #7eb7eb;
    color: #ffffff;
    z-index: 30;
    display: none;
	position: fixed;
	margin-left: -10px;
}


.cookie-info .message .message-text {
    font-size: 13px;
    letter-spacing: 0.08em;
    line-height: 24px;
    margin: 0;
    padding: 15px 30px 15px 30px;
	background-color: #7eb7eb;
}

.cookie-info .message .message-text a {
    color: #ffffff;
    text-decoration: underline;
}

.cookie-info .button-wrapper {
    display: flex;
    flex-direction: row;
}

.cookie-info .button-wrapper .button {
    box-sizing: border-box;
    display: inline-block;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0.08em;
    height: 55px;
    width: 181px;
    line-height: 55px;
    background: #90a0ca;
    color: #ffffff;
    padding: 0;
    margin: 15px 30px 30px 0;
    cursor: pointer;
    transition: all 0.25s;
    border: 1px solid #ffffff;
    text-align: center;
	border-radius: 0;
}

.cookie-info .button-wrapper .button#accept-cookie {
    font-size: 22px;
    width: 195px;
    background: #ffffff;
    color: #18358a;
    margin-right: 30px;
}

.cookie-info .button-wrapper .button#accept-cookie:hover {
    background: rgba(255, 255, 255, 0.8);
    color: #ffffff;
}

.cookie-info .button-wrapper .button#decline-cookie, .cookie-info .button-wrapper .button#accept-cookie {
    margin-bottom: 20px;
}

.cookie-info .button-wrapper .button:hover {
    background: rgba(255, 255, 255, 0.2);
}

.cookie-info .button-wrapper .decline, .cookie-info .button-wrapper .accept {
    display: flex;
    align-items: center;
}

.cookie-info .button-wrapper .decline .button#decline-cookie, .cookie-info .button-wrapper .decline .button#accept-cookie, .cookie-info .button-wrapper .accept .button#decline-cookie, .cookie-info .button-wrapper .accept .button#accept-cookie {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 900px) {
	
	.cookie-info .message {
		width: 100%;
		float: left;
	}
	.cookie-info .button-wrapper {
		display: table!important;
		float: left!important;
		clear: left!important;
		width: 100%!important;
	}
	
	.cookie-info .button {
	    margin-bottom: 10px !important;
		margin-top: 20px!important;	
		font-size: 14px!important;
	    height: 40px!important;
	    width: 110px!important;
	    line-height: 40px!important;
	}
	.cookie-info {
		float: left;
		clear: left;
		display: block;
	}
}


/* @end */