@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");

body {
	font-size: 16px;
	color: #3E3E3B;
	font-family: Cordale;
	line-height: 1.69em;
}
body.toolbar-fixed .affix{
  top: 79px !important;
}
img {
	max-width: 100%;
}

.bg-hellgrau {background: #f1f1f1;}
.title-wrapper {padding: 3.1em 0;}
article.system.full h1 {font-family: Effra; font-size: 2.625em; color: #727777;}
article.system.full .system-content-top {padding: 80px 0;}
article.system.full .social-icons{padding-top: 30px;}
article.system.full .social-icons a {margin: 0px 7px 7px 0px; display: block;}
article.system.full .social-icons a img {width: 30px; height: 30px;}
article.system.full h2 {font-family: Effra; font-size: 2.9em; color: #f18700; padding-bottom: 45px; margin: 0px;}
article.system.full .field--name-field-logo {margin-bottom: 50px;}
article.system.full .field--name-field-logo img{border: 1px solid #dcdcdc;}

.system-daten {overflow: hidden; clear: both; padding: 80px 0; background: #50B1B8 url('/sites/default/files/layout/system-hintergrund-daten-fakten.jpg') center top no-repeat;}
.system-daten .field-box {float: left; margin: 0 20px 20px 0;}
.field-box {
	position: relative;
	width: 200px;
	overflow: hidden;
}
.linkSpanner{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 3;
}
.field-box .field__label {
  background: #f1f1f1;
  color: #727777;
  text-align: center;
  height: 4em;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-family: effra;
}
.field-box .field__item {
  background: #000;
  color: #f18700;
  font-size: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:3em;
  line-height: 1.1em;
  font-family: effra;
}
.field-box .field__desc {display: none; position: relative; font-size: 0.9em; line-height: 1em; padding: 1em;}
.field-box .field__item.with-desc { overflow: hidden; }
.field-box .field__item.with-desc:after {
  content: " ";
  background: #fff;
  transform: rotate(45deg);
  position: absolute;
  bottom: -12px;
  right: -12px;
  width: 25px;
  height: 25px;
}
.field-box .field__item.with-desc:hover {
  cursor: pointer;
}
.field-box a:hover .linkSpanner {}
.field-box a:hover:after{
  content: " ";
  background: #f18700e6;
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
}
.field-box a:hover+.field__label + .field__item.with-desc +.field__desc {
  display: block;
  position: absolute;
  bottom: 0px;
  background: #fff;
  color: initial;
  padding: 10px;
  width: 100%;
}

header.navbar {
	padding: 0px !important;
	z-index:2;
	background: #f1f1f1;
	min-height: 145px;
}

.kopfmotiv-wrapper {position: relative;}
.kopfmotiv-wrapper img {margin: 0 auto;}
.kopfmotiv-wrapper .field--name-field-text-auf-dem-bild {position: absolute; color: #fff; font-family: effra; font-size: 30px; font-style: italic; bottom: 100px; max-width: 600px; left: 50%; transform: translate(-560px, 0%); font-weight: 300; line-height: 1.4;}
.navbar {margin-bottom: 0px; bordeR: 0px;}
.navbar > .container, .navbar > .container-fluid {
  display: initial;
  padding: 0px;
}
.navbar > .container-fluid > .container {display: flex; justify-content: space-between; align-items: end; margin-top: -1.2em;}
#block-lptheme-branding{margin-bottom: -1.2em;}
.region-sidebar-first .navbar-nav{display: unset; float:none;}
.region-sidebar-first .navbar-nav>li{float: none;}
.region-sidebar-first .navbar-nav>li>a{border-bottom: 1px solid #7297CE;}
#block-menuintern a{display: block; background: #7297CE; color: #fff; padding: 15px;}
.sticky-wrapper {

}
.padding-tb {padding-top: 100px; padding-bottom: 100px;}
.d-inline-block>div {display: inline-block;}
.projekt-analyse {padding-bottom: 1.2em;}
.projekt-analyse .field-siegel-id {font-size: 25px; line-height: 1em; padding: 0.7em 0 0.4em 2em; letter-spacing: 0.1em;}
.projekt-analyse .field-siegel-id i {padding-right: 0.5em;}
.page-node-type-projekt #block-lptheme-page-title, .page-node-type-landing #block-lptheme-page-title{box-shadow: 0px 10px 15px #dcdcdc; margin-bottom: 2em;}
.page-node-type-projekt .page-header, .page-node-type-landing .page-header {border: 0px; padding: 1.1em; margin: 0; font-size: 2.5em; font-family: Effra; color: #727272; text-align: center; }
.projekt.full .projekt-fakten {padding-top: 80px; padding-bottom: 100px; overflow: hidden;}
.projekt.full .inv-builder-title.style01 {display: block; text-align: center; margin: 0 auto;}
.projekt.full .projekt-fakten h2, .projekt.full .inv-builder-title.style01 h2, .landing h2.inv-title {font-family: Effra; padding: 10px; text-align: center; margin-bottom: 0px; font-size: 2.5em; color: #f18700; display: block; margin: 0 auto; font-weight: 500; letter-spacing: 0;}
.projekt.full .inv-builder-title.style03 h2 {font-family: Effra; padding: 10px; text-align: center; margin-bottom: 0px; font-size: 24px; display: block; margin: 0 auto; font-weight: normal;  letter-spacing: unset; color: #fff; background: #f18700; text-transform: uppercase;}
.inv-pie-chart.gt-50, .inv-pie-chart .ppc-progress-fill{
  background-color: #f18700 !important;
}
.inv-pie-chart.gt-50 .ppc-progress .ppc-progress-fill {background: #E5E5E5 !important;}
.ppc-percents {
  left: calc(50% - 160px/2) !important;
  top: calc(50% - 160px/2) !important;
  width: 160px !important;
  height: 160px !important;
}

.system.teaser2 .field--name-field-firmenname {
	padding: 30px 0;
	font-family: Effra;
	font-size: 30px;
	line-height: 35px;
	color: #727272;
}
.system.teaser2 img {border: 1px solid #dcdcdc; margin: 0 auto;}

.bg-white {background: #fff;}
.bg-blue{ background:#7297CE;}
.bg-gray{background: #f2f2f2;}
.bg-orange{background: #f18700;}

.font-white, .font-white a {color: #fff;}
.font-blue, .font-blue a {color: #7297CE;}
.font-gray, .font-gray a {color: #b2b0a1;}
.font-green, .font-green a {color: #6DBC88;}
.font-default{color: #3e3e3b;}
.border-top{border-top: 1px solid #b2b0a1;}
.border-bottom{border-bottom: 1px solid #b2b0a1;}
.bg-blue .container {padding-top: 3em; padding-bottom: 3em; font-weight: 300;}
.inv-sticky {
	justify-content: space-between;
	display: flex;
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 999;
	padding: 0px 15px;
}
.tbm-submenu {	background: rgba(255, 255, 255, 0.8);}
.menu-intern {display: none;}
.user-logged-in .menu-intern {display: inline;}
.inv-sticky img{
	width: 120px;
}

.inv-sticky .u-head-left, .inv-sticky .u-head-right {
}
.u-head-right .region{}
.u-head-right .region section {

}

#block-lptheme-hervorgehobenesformularsearch-contentpage-1 {width: auto; float: right; margin-bottom: 1em; padding: 0px;}
#block-lptheme-hervorgehobenesformularsearch-contentpage-1 form {padding: 0px 0.2em 0;}
hr.title-line {
	height: 0.5em;
	width: 6.5em;
	background: #7297CE;
	display: inline-block;
	margin: 0px;
}

a.language-link{color: #000;}
.field--name-field-project-id {
  font-size: 3rem;
  border-bottom: 6px solid #7297CE;
}
.zitat {font-size: 2em; line-height: 1.1em;}
.zitat:before {
	content: "\„";
	font-size: 3em;
	line-height: 1em;
	display: block;
	color: #6f6d5c;
	font-weight: 500;
	margin-top: -0.3em;
	padding-bottom: 0.1em;
}
.zitat-quelle {font-size: 0.9em; margin-top: 2em;}
.zitat-quelle:before {
	content: " ";
	height: 0.5em;
	width: 6.5em;
	background: #fff;
	display: block;
	margin: 1em 0 0.5em;
}
.article.teaser{padding:15px; background: #f2f2f2;}
.article.teaser h2{font-size: 1em; line-height: 1.45em;}
.article.teaser .field--name-body{line-height: 1.14em; font-weight: 300; padding: 1em 0 2em;}
.article.teaser2{padding: 15px;}
.article-date{font-size: 0.82em; padding-bottom: 1em;}

.project.teaser {
	padding: 10px 0;
}



.white, .white * {color: #fff;}
.project-area.teaser{
	padding: 2rem 0;
}

.field--name-field-team .field--item {
	display: inline-block;
	margin-right: 10px;
}

.field--name-field-team .field--item article {
	border: 1px solid #ccc;
	padding: 15px;
}

.person.teaser, .person.teaser2, .person.teaser3, .person.full {background: #f7f7f7; padding: 10px; margin-bottom: 10px;}
.person.teaser img, .person.teaser2 img {width: 100%;}
.font-small {font-size: 0.8em;}

.field--name-field-text-intern {
	background: #e5effc; padding: 3px 10px;  margin: 5px 0;
}
svg{height: 1.1em; width: 1.2em; margin-bottom: -0.2em;}
.person.teaser .field--name-field-institute-tags .field__item, .person.teaser2 .field--name-field-institute-tags .field__item, .person.teaser3 .field--name-field-institute-tags .field__item {padding: 0.1em 0;}
.person.full h2.person-label{font-size: 1.3em;}
.person.full h2.person-label .text-capitalize{font-size: 1.3em;}
.person.full .field--name-field-institute-tags{margin-top: 1.2em;}
.person.full .field--name-field-institute-tags a:before{content: '#'; display: inline;}
.person .view-project>.view-content {display: flex;}
.person .view-project>.view-content>.views-row {margin-right: 0.5em;}
.person .view-project>.view-content>.views-row .field--name-field-project-id{padding-right: 2em; display: inline;}
.padding-0{padding : 0px;}
.va-center, .va-center .row {align-items: center;}

.accordion a {display: block;}
.panel-group .panel {border-radius: 0px;}
.accordion .panel-default > .panel-heading {background: unset; color: initial; border-left: 6px solid #7297CE; border-radius: 0px; }
.accordion .panel-default > .panel-heading .panel-title {font-size: inherit; font-weight: 300;}

.row-border .views-row{border-bottom: 1px solid #b2b0a1; padding: 1em 0;}
.row-border .views-row:first-child {padding-top: 0px;}
.field--name-field-link a {word-break: break-all;}
.field--name-body .align-left{padding: 0px 1em 1em 0;}
#views-exposed-form-interne-dateien-page-1 .form-type-select label.control-label{display: none;}
#edit-field-datei-kategorie.bef-links>ul{display: flex;}
#edit-field-datei-kategorie.bef-links>ul>li{list-style-type: none; padding: 0.1em 0.5em; margin: 0 0.2em; border: 1px solid #337ab7;}

.box1 {padding: 10px; box-shadow: 0px 0px 10px 0px #ccc;}

.footer.container-fluid {background: #8d8d8d; color: #fff; font-family: Effra;margin-top: 0px; padding-top: 0px; padding-bottom: 0px; border: 0px;}
.footer .field--name-body .container>div {padding-top: 45px; padding-bottom: 20px;}
.footer .field--name-body .text-align-right {padding-right: 7em;}
.footer a {color: #fff;}
.footer h3 {color: #f18700; font-size: 27px; font-family: Effra; text-transform: unset;}
nav ul.menu--footer li:first-child a{padding-right: 0px;}
nav ul.menu--footer li:first-child a:after {content: "|"; display: inline-flex; padding-left: 15px; }
nav ul.menu--footer li a:hover {background: none; text-decoration: underline;}
#block-responsivemenumobileicon a#toggle-icon{background: #3E3E3B; margin-bottom: 0.5em;}
#block-responsivemenumobileicon span.label {display: none;}
#block-mainnavigation {position: unset;}
.tbm.tbm--mobile{position: unset;}
.tbm.tbm--mobile .tbm-collapse{width: 100%; right: 0em;}
.project.full .field--name-field-bild{float: left; padding: 0 1em 0.5em 0; }

.view-team .views-field-rendered-entity {height: 100%;}
.view-team .views-field-rendered-entity .person {height: 100%;}
.view-team .grid>.row>div{margin-bottom: 15px;}
.views-view-grid .views-field-rendered-entity {height: 100%;}
.views-view-grid .views-field-rendered-entity article{height: 100%;}
.views-view-grid>.row>div{margin-bottom: 15px;}
#block-mainnavigation-2 .nav > li > a.is-active {background: #eee;}
.view-interne-dateien .views-field-name {word-break: break-all;}
.cookiesjsr-banner {
    background-color: #7297CE;
	font-size: 1.4em;
}
.cookiesjsr-settings {display: none;}
.cookiesjsr-links.links--row li a:hover {color: #fff; text-decoration: underline;}
.field--label-inline>div {display: inline-block;}
.field--label-inline>div.field__label:after {content: ":";}
.slick-dots {left: -13%; padding-top: 0.5em;}
.slick-dots li button::before {font-size: 1.5rem; color: #fff; opacity: 1;}
.slick-dots li.slick-active button::before {color: #f18700;}
.paragraph {color: #727777;}
.paragraph--type--galerie-paragraph.paragraph--view-mode--default, .paragraph--type--video-paragraph.paragraph--view-mode--default {display: flex;}
.paragraph--type--galerie-paragraph.paragraph--view-mode--default .field--name-field-paragraph-bild, .paragraph--type--video-paragraph .field--name-field-video{flex-basis: max-content;}
.paragraph--type--galerie-paragraph.paragraph--view-mode--default .field--name-field-paragraph-text, .paragraph--type--video-paragraph .field--name-field-paragraph-text{ font-family: Cordale; font-size: intial; color: #f18700; position: relative;}
.text-middle {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;
}
.field--name-field-zitat h3 {font-family: Effra; font-size: 40px; color: #f18700; font-style: italic; margin-bottom: 1em;}
.paragraph .field--name-field-name {font-family: Effra; text-transform: uppercase; font-size: 2em; color: #727777; text-align: center;}
.paragraph--type--o-tons-paragraph {position: relative; width: 60%; margin: 0 auto;}
.paragraph--type--o-tons-paragraph:before {
	content: "\e977";
	font-family: 'idealtheme';
	font-size: 6em;
	color: #f1f1f1;
	position: absolute;
	top: 40%;
	left: -13%;
}
.paragraph--type--o-tons-paragraph .field--name-field-ort {font-family: Effra; text-transform: uppercase; font-size: 2em; color: #727777; font-style: italic; text-align: center;}
article.system.full h2 {text-align: center;}
article.system.full div.system-content-top h2 {text-align: left;}
.paragraph--type--ansprechpartner-paragraph, .paragraph--type--o-tons-paragraph {text-align: center;}
.field--name-field-foto img {margin: 1em auto;}
.system-row {padding: 80px 0;}
.slick-prev::before {
  content: '\F27A';
  font-family: bootstrap-icons;
  font-size: 6rem;
  font-weight: 200;
}
.slick-next::before {
  content: '\F27B';
  font-family: bootstrap-icons;
  font-size: 6rem;
  font-weight: 200;
} 
.paragraph--type--o-tons-paragraph .slick-prev::before, .paragraph--type--o-tons-paragraph .slick-prev::before {color: #727777; font-size: 8rem; font-weight: 200; }
.field--name-field-ansprechpartner img, .field--name-field-o-tons img {border-radius: 100%;}
#views-bootstrap-projekte-block-3 {text-align: center; }
#views-bootstrap-projekte-block-3 .views-field-field-jahr{font-family: Effra; font-size: 1.56em; color: #727777; padding-top: 0.5em; }
.pie-detail {padding-left:10px;padding-top:10px;padding-right:10px;padding-bottom:10px;border-width:20px 0 0 0;border-style:solid;border-color:#ffffff;background-color:#F1F1F1;}
.pie-detail ul li {list-style-type: none;}
.pie-detail ul li p {margin: 0px;}
.pie-detail ul li:before { content: '✓'; margin-left: -18px; padding-right: 5px; color:#008800; font-weight: bold;}

@media screen and (max-width: 767px) {
  h2 {font-size: 1.8em;}
  h1.page-title {font-size: 1.5em;}
  .title-bg {margin-top: -6em; height: 18em; background-size: cover !important; background-position: center center; background-repeat: no-repeat;}	
  .title-bg .title-wrapper h1, .title-bg .title-wrapper h2 {font-size: 1.5em;}
  .zitat{font-size: 1.4em;}
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
	  white-space: initial !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
}
@media screen and (max-width: 1245px) {
	#block-mainnavigation {}
}
@media screen and (min-width: 1246px) {
	#block-responsivemenumobileicon {display: none;}
}