/*FONTS*/

/* https://fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans:400,600 */
/* regular 400 */
/* semibold 600 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');

/*colors
.green #7e9839
.red #b30000
.brown #584d44
.brown-light #837768
.brown-lighter #f2efed
  */

/*BODY*/

body{
  /* wenn mit em font-size: 100%;*/
  font-family: 'Open Sans', sans-serif;
  color: #584d44;
  font-size: 18px;
  font-weight: 400;
  line-height: 2;
  color: #584d44;
  letter-spacing: 1px;
  text-align: left;
}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}
h1, h2{
  color: inherit;
  font-size: 46px;
  font-weight: 600;
  padding-bottom: 55px;
  text-align: center;
  opacity: .9;
  line-height: 1.3;
  letter-spacing: 2px;
}

h3 {
  color: inherit;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 1px;
  padding-bottom: 42px;
}


a {
  color: #7e9839;
  text-decoration: underline;
}

p {
  color: inherit;
  padding-bottom: 40px;
  font-size: inherit;;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.image-w-text::before,
.image-w-text::after {
  content: "";
  display: table;
  clear: both;
}
.image-w-text {
  padding-top: 48px;
  clear: both;
}
.image-w-text h3 {
  padding-bottom: 0;
  font-size: 18px;
}

i {
  padding: 0 20px 0 0;
  font-size: 28px!important;
  color: #000;
}
.right {
  text-align: right;
}
.text-right {
  text-align: right;
}
.left {
  text-align: left;
}
.text-left {
  text-align: left;
}
.center {
  text-align: center;
}
.text-center {
  text-align: center;
}
.vmiddle {
  margin-left: auto;
  margin-right: auto;
  float: none;;
  clear: both;
}
hr {

  text-align: left;
    border:0;
    border-top:1px solid #837768;
 padding: 20px 0;

}
.nowrap {
  white-space: nowrap;
}
img {
}

b, strong {
  font-weight: 600;
}
.center {
  text-align: center;
}
.button,
input[type=submit],
[itemprop="articleBody"] a[href$=".pdf"] {
font-family: "Open Sans", sans-serif;
background-color: inherit;
color: #7e9839;
text-transform: uppercase;
padding: 4px 30px;
border: 2px solid #7e9839;
font-size: 16px;
font-weight: 400;
text-decoration: none;
font-size: 18px;
letter-spacing: 0.8px;
text-align: center;
font-weight: 600;
padding-top: 8px;
display: inline-block;
padding-bottom: 8px;
padding-right: 20px;
padding-left: 20px;
min-width: 157px;
margin-bottom: 30px;
}

.button:hover,
input[type=submit]:hover,
[itemprop="articleBody"] a[href$=".pdf"]:hover {
color: white;
background-color: #7e9839;
}

.background-green .button {
  border-color: white;
  color: white;
}
.background-green .button:hover {
    color: #7e9839;
    background-color: white;
}


.column-wrap::before,
.column-wrap::after {
  content: "";
  display: table;
  clear: both;
}
.column-wrap {
  padding-bottom: 0px;
}
.ce-uploads span {
    display: inline-block;
}
.ce-uploads-filesize {
    margin-left: 10px;
}
.ce-uploads li {
    margin: 0;
}

.image-embed-item {
    position: relative;
    top: 13px;
}

.footer .image-embed-item{
    top: 0;
}



.ce-uploads {
    margin-bottom: 4em;
}
.ce-uploads li {
    border-bottom: 1px solid #837768;
}

.ce-uploads div {}
.ce-uploads a {
    display: inline-block;
    vertical-align: middle;
}
.ce-uploads a::before {
    color: #584d44 !important;
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle;
}
.ce-uploads .ce-uploads-fileName {
    display: inline-block;
    vertical-align: middle;
}
.ce-uploads .ce-uploads-filesize {
    color: #837768; hey
}






/*File Links PDF, mit download Icon*
[href$=".pdf"]::before {
  content: url("../images/Icons/Download.svg");
  /* wenn mit em font-size: 100%;
  position: relative;
  top: 6px;
  margin-right: 21px;
  width:24px;
}*/
a[href$=".pdf"]::before {
    padding: 0 0.3em 0 0;
    font-family: "FontAwesome";
    content: "\f1c1";
    color: inherit;
    font-weight: 300;

}

/* backgrounds */
.background-green {
  position: relative;
  color: white;
  padding: 106px 0 86px;
}
.background-green a {
  color: white;
  text-decoration: none;
}
.background-green::before {
  position: absolute;
    bottom: 0;
    top: 0;
    width: calc(100vw);
    background-color: #7e9839;
    content: "";
    z-index: -1;
    left: calc((100vw - 100%) / 2 * -1);
}

.background-brown {
  position: relative;
  overflow: hidden;
  color: white;
  padding-bottom: 50px;;;
}

.background-brown-lighter {
position: relative;
  color: #584d44;
}
.background-brown-lighter::before {
  position: absolute;
    bottom: 0;
    top: 0;
    width: calc(100vw);
    background-color: #f2efed;
    content: "";
    z-index: -1;
    left: calc((100vw - 100%) / 2 * -1);
}

.background-brown a, .background-brown a i {
  color: white;
}
.background-brown::before {
  position: absolute;
    bottom: 0;
    top: 0;
    width: calc(100vw);
    background-color: #584d44;
    content: "";
    z-index: -1;
    left: calc((100vw - 100%) / 2 * -1);
}

/* Listen (UL/LI) */

.ce-bodytext ul,
.ce-bodytext ol {
    margin-bottom: 40px;
}
.ce-bodytext li {
    margin-bottom: .5em;
    display: block;
    padding-left: 1em;
    position: relative;
}
.ce-bodytext li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .8em;
    width: .25em;
    height: .25em;
    border-radius: 50%;
    background-color: #584d44;
}

/* news-list */
.news-list {
  clear: both;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.news-list-link {
    color: inherit;
    text-decoration: none;
}
.news-list::before,
.news-list::after {

}
.news-list {
  padding-top: 120px;
  padding-bottom: 120px;
  margin-top: 1px;
}
.news-list h2 {
  margin-bottom: 35px;
}
.news-list h3 {
  font-size: 22px;
  line-height: 1.21;
  letter-spacing: 1px;
  border-bottom: 2px solid #584d44;
  padding-bottom: 20px;
  margin-bottom: 18px;
}
.news-list__item {
  background-color: white;
  padding: 35px;
  box-sizing: border-box;
  margin-bottom: 60px;
}
.news-list__item p {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 1px;
}
.date {
  /* wenn mit em font-size: 100%;*/
  margin-top: -30px;
  font-size: 16px;
  line-height: 1.11;
  letter-spacing: 1px;
}

.news-list-date {
    text-align: center;
    display: block;
}

.news-list__item .article{

}
.f3-widget-paginator {
    list-style: outside none none;
    padding: 0px;
    margin: 0px auto 0px -0.25em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.f3-widget-paginator li {
    position: relative;
    padding: 10px;
}
.page-navigation p {
    padding: 0px;
}
.navigation-pagination__list {
  text-align: center;
}
.navigation-pagination ul li a {
  font-size: inherit;
  color: inherit;
  font-weight: 600;
}
.navigation-pagination__item--current {
  color: #7e9839;
  text-decoration: underline;
}

/* fullwidth images: zwei spalten */
.fullwidth-images {}
.fullwidth-images::before,
.fullwidth-images::after {
  content: "";
  display: table;
  clear: both;
}
.fullwidth-images__image-wrap {
  width: 50%;
  float: left;
}
.fullwidth-images__image-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

/*HEADER*/

header {
  padding: 29px 0 10px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  background-color: white;
  border-bottom: 1px solid #837768;
}

.logo img {
  /* wenn mit em font-size: 100%;*/
  width: 317px;
  height: 71px;
  /* wenn mit em font-size: 100%;*/
  min-width: 200px;;
}

.claim{

    font-size: 33px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 20px;
    color: #fff;
    text-align: left;
    width: 350px;
    border: 4px solid #fff;
    margin-top: 190px;

}

/*BANNER*/

.banner {
    background-image: url(/fileadmin/theme/images/dummies/2000x600.png);
    height: 0;
    padding: 0;
    padding-bottom: 28%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 115px;
}

.social {
  float: right;
  text-align: right;
  padding-top: 22px;
}

/* Subnavigation */
.subnavigation::before,
.subnavigation::after {
  content: "";
  display: table;
  clear: both;
}

/*MAINCONTENT*/

.home #maincontent {
    padding-top: 0;
}

#maincontent  {
padding: 70px 0 0;
line-height: 2;
padding-top: 89px;
overflow: hidden;
padding-bottom: 80px;
}

.lead {
  text-align: center;
  margin-bottom: 40px;
}
.lead.background-green {
  padding-bottom: 60px;
  margin-bottom: 80px;
}
.lead p {
    font-size: 20px;
}
p.lead {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 1px;
}
.downloads {
  /* wenn mit em font-size: 100%;*/
  margin-top: 54px;;

}
.downloads a {
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 1px;
}
.downloads h2 {
  /* wenn mit em font-size: 100%;*/
  padding-bottom: 40px;;

}
.downloads .col4 {
  margin-bottom: 35px;
}
.downloads .col4:nth-child(3n+0) {
  margin-right: 0;
}
#maincontent img {
  margin-bottom: 58px;
}
#maincontent .col4 img  {
  margin-bottom: 24px;
}

.maincontent-box1 img  {
  height: 130px;
  padding: 20px 0;

}

.maincontent-box2 img  {
  padding: 20px 0;

}

.content {}
#maincontent .content {;}
.content::before,
.content::after {
  content: "";
  display: table;
  clear: both;
}

/*DROPDOWN MENU*/

.mainnav {
  width: auto;
  display: inline-block;
  float: none;
  position: relative;
  top: -18px;;
}
.navigation__level3 {
    display: none;
}
.navigation {
  text-align: right;
  padding-top: 20px;
}

.navigation__level2 {
    display: none;
}
.navigation__level2 {
    display: block;
    visibility: hidden;
    position: absolute;
    padding: 0px;
    z-index: 999;
    min-width: 200px;
    /*left: 0;*/
    text-align: left;
    background-color: #fff;
    padding-top: 1em;
}
.navigation__level2-item {
    display: block;
}
.navigation__level2-link {
    font-size: 16px;
}

nav ul {
    padding: 0px;
    margin: 0px;
}

nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

nav ul li {
    list-style: none;
    display: inline-block;

}
nav ul li a {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  color: #584d44;
  text-decoration: none;
  display: block;
  margin: 0 15px 10px 15px;;
  transition: background 0.3s ease-out; /* explorer 10 */
  -webkit-transition: background 0.3s ease-out; /* chrome & safari */
  -moz-transition: background 0.3 ease-out; /* firefox */
  -o-transition: background 0.3 ease-out;
  font-weight: 600;
  padding-top: 8px;
}

nav ul li:hover > a,
nav ul li.active > a,
nav ul li span.navigation__text--active,
nav ul li a.navigation__level2-link--active{
color: #7e9839;
}

.navigation__level2 a:hover {
    color: #7e9839;
}
nav ul li:hover > ul {
    visibility: visible;

}
.mainnav ul li a {
    margin-right: 8px;
    margin-left: 8px;
}

.nav-lang {
  width: auto;
  display: inline-block;
  float: none;
  margin-left: 82px;
  position: relative;
  top: -18px;
}
.nav-lang__link--active {
  position: relative;;
}
.nav-lang__link--active::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 2px;
  right: 2px;
  height: 2px;
  background-color: #584d44;
}

.nav-lang ul li a,
.nav-lang ul li span {
  margin-left: 2px;
  margin-right: 0px;
}

/*SUBNAV*/
.mainnav--subnavigation {
  top: 0;
}
.subnavigation .col12 {
  padding: 20px 0;
  border-bottom: 2px solid #584d44;
  padding-bottom: 21px;
  min-height: 30px;;
}

nav .submenu li a {
margin: 0 20px 0 0;

}

nav .submenu li a:hover {
border-bottom: 2px solid #000;
}

.ce-bodytext a:not(.button) {
    text-decoration: none;
    position: relative;
    font-weight: 600;
}
.ce-bodytext a:not(.button)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #7e9839;
    margin-bottom: -.25em;
}

/*FOOTER*/

footer {

font-size: 12px;
font-weight: 400;
color: #000;
padding: 60px 0 3px 0;

}
footer img {
  width: 317px;
  height: 71px;
}
footer p {
  font-size: 16px;
  line-height: 1.44;
  letter-spacing: 1.1px;
}
.heading-footer-kontakt {
  display: inline-block;
  float: left;
  margin-right: 38px;
}
.heading-footer-kontakt ~ * {
  font-weight: 400;
}
.footer a,
.footer .ce-bodytext a:not(.button) {
  text-decoration: none;
  font-weight: 400;
}
.footer a::after,
.footer .ce-bodytext a:not(.button):after {
    content: none;
}

.footer-additional {
  background-color: #837768;
  color: white;
  padding: 0;;
}
footer a {
  color: inherit;
  text-decoration: none;;
}

.copyright, .copyright p {
padding: 4px 0;
font-size: 14px;;
}


/*FORMULARE*/

/*Schriftfarbe für Input Platzhalter*/

::-webkit-input-placeholder {
  color: #837768;
}
:-moz-placeholder { /* Firefox 18- */
  color: #837768;
}
::-moz-placeholder {  /* Firefox 19+ */
  color: #837768;
}
:-ms-input-placeholder {
  color: #837768;
}


/*KONTAKTFORMULAR*/


.tx-powermail ul  {
padding-bottom: 0px;
}

.powermail_select{
padding: 5px 15px;
}

legend {
display: none;
}

.powermail_fieldwrap{
float: left;
width: 50%;
padding: 8px 0;

}

/*Felder 100%*/
.powermail_fieldwrap_22, .powermail_fieldwrap_13 {
width: 100%;

}

label{
  width: 50%;
  display: block;
  padding-bottom: 5px;

}

.powermail_input, .powermail_textarea{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #433630;
width: 90%;
padding: 8px 10px;
border: 0;
background-color: #ddd7cb;

}

.powermail_textarea{
width: 95%;
margin-bottom: 20px;

}


.parsley-required, .parsley-errors-list li, .powermail-errors-list  li{
color: red;
font-size: 12px;
padding-top: 5px;
list-style: none;

}

.parsley-errors-list,
.powermail-errors-list {
padding: 0!important;

}




.powermail_form {
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 60px;
}
.powermail_form label { display: none }
.powermail_form h3 { display: none }
.powermail_form input:not([type="submit"]),
.powermail_form textarea {
    background-color: transparent;
    border: 1px solid #837768;
    box-sizing: border-box;
    width: 90%;
    font-size: 18px;
}
.powermail_form input[type="submit"] {
    padding-top: 15px;
    padding-bottom: 17px;
    display: block;
    width: 201px;
    cursor: pointer;
}




/*Buttons*/

input[type=submit] {

}
.t8_team-list__content, .t8_ecosystem-list__content{
    display: flex;
    /*overflow: hidden;*/
    flex-direction: row;
    flex-wrap: wrap;
}

/* Team, Ecosystem */
.first-m{

}
.t8_team-list__content, .t8_ecosystem-list__content {
    margin-top: -20px;
    margin-bottom: -20px;
    /*justify-content: center;*/
}

/* first of a content-section */
.container > .content-section > [data-ctype="list"]:first-child > .t8_team-list__content, .container > .content-section > [data-ctype="list"]:first-child > .t8_ecosystem-list__content {
    margin-top: -5em;
}

/* first of a content-section with heading */
.container > .content-section > [data-ctype="list"]:first-child > .heading + .t8_team-list__content, .container > .content-section > [data-ctype="list"]:first-child > .heading + .t8_ecosystem-list__content {
    margin-top: 2em;
}

.t8_team-list__shortdescription p {
    padding-bottom: 15px;
}
.t8_team-list__item, .t8_ecosystem-list__item {
    margin-top: 20px;
    margin-bottom: 30px;
}

.t8_team-list__item__inner, .t8_ecosystem-list__item__inner {
    padding: 15px 20px 15px 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    border: 1px solid #F1F1F1;
    background-color: #fff;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    position: relative;
}

.t8_team-list__item__inner > *, .t8_ecosystem-list__item__inner > * {
    max-width: 100%;
}

.t8_team-list__item__inner:hover, .t8_ecosystem-list__item__inner:hover,
.t8_team-list__item__inner__open, .t8_ecosystem-list__item__inner__open {
    box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.1);
    /*transform: scale(1.0125); z-index problem */
}

.t8_team-list__item__inner:hover .t8_team-list__plus, .t8_ecosystem-list__item__inner:hover .t8_ecosystem-list__plus {
    color: #7e9839;
}

.t8_team-list__image-wrap {

    overflow: hidden;
    margin-left: -0.5em;
    margin-right: -0.5em;
    max-width: calc(100% + 1em);
}
.t8_team-list__item .t8_team-list__img {

    margin-bottom: 20px !important;

}
.t8_team-list__text-wrap, .t8_ecosystem-list__text-wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.t8_team-list__text-wrap {
    flex: 1 0 auto;
}

.t8_team-list__shortdescription {
    flex: 1 0 auto;
}

.t8_team-list__title, .t8_ecosystem-list__title {
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 19px;
}

.t8_team-list__footer, .t8_ecosystem-list__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.t8_team-list__plus__wrapper {
    flex: 1 0 auto;
    display: flex;
    justify-content: flex-end;
}

.t8_team-list__linkedinlink {
    color: #7e9839;
    font-size: 1.35em;
}

.t8_team-list__plus, .t8_ecosystem-list__plus {
    color: #9b9b9b;
    border: 2px solid;
    border-radius: 50%;
    font-size: 0.9em;
    width: 1.65em;
    height: 1.65em;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: transform 0.3s ease;
}

.t8_team-list__plus__bar:first-child, .t8_ecosystem-list__plus__bar:first-child {
    border-bottom: 2px solid;
    position: absolute;
    left: 0.35em;
    right: 0.35em;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.t8_team-list__plus__bar:last-child, .t8_ecosystem-list__plus__bar:last-child {
    border-right: 2px solid;
    position: absolute;
    left: 50%;
    top: 0.35em;
    bottom: 0.35em;
    transform: translateX(-50%);
    transition: transform 0.3s ease;
}

.t8_team-list__item__inner__open .t8_team-list__plus, .t8_ecosystem-list__item__inner__open .t8_ecosystem-list__plus {
    transform: rotate(90deg);
}

.t8_team-list__item__inner__open .t8_team-list__plus__bar:first-child, .t8_ecosystem-list__item__inner__open .t8_ecosystem-list__plus__bar:first-child {
    transform: rotate(90deg);
}

.t8_team-list__description, .t8_ecosystem-list__description {
    /*color: #9b9b9b;
    font-style: italic;
    padding-top: 2em;*/
    padding-bottom: 30px;
    margin-bottom: 0;
}

.t8_team-list__description p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.t8_team-list__item__descriptioncontainer {
    width: 100%;
    display: block;
    flex: none;
    float: none;
    transition: height 0.5s ease-in-out, margin 0.25s ease-in-out;
    overflow: hidden;
}

.t8_team-list__item__descriptioncontainer:not(.t8_team-list__item__descriptioncontainer--in-progress) {
  height: auto !important;
}

.t8_team-list__item__descriptioncontainer.t8_team-list__item__descriptioncontainer--closed {
    height: 0 !important;
}

.t8_team-list__expandible__wrap {
  display: none;
}
.t8_team-list__item__descriptioncontainer {
  /*box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;*/
  position: relative;
  left: calc((100vw - 100%) / 2 * -1);
  background-color: #837768;

  padding-left: calc((100vw - 100%) / 2);
  padding-right: calc((100vw - 100%) / 2);
  box-sizing: content-box;

  color: #fff;
  font-size: 0.875em;
}

.t8_team-list__item__inner::after {
  content: "";
  opacity: 0;;
}

.t8_team-list__item__inner__open::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(125%) rotate(45deg);
  background: #837768;
  z-index: 1;
  width: 25px;
  height: 25px;
  opacity: 1;
  transition: opacity 0.25s ease-in-out 0.1s;
}

.t8_team-list__item__descriptioncontainer .t8_team-list__expandible__inner {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;

  padding: 2em 20px;
  /*border: 1px solid #F1F1F1;*/
  

  position: relative;
}

.t8_team-list__item__descriptioncontainer--closed .t8_team-list__expandible__inner {
  opacity: 0;
}

.t8_team-list__item__descriptioncontainer .t8_team-list__description {
  padding: 0;
}

.t8_team-list__expandible__wrap, .t8_ecosystem-list__expandible__wrap {
    position: absolute;
    /*top: calc(100% + 30px);
    left: -30px;
    right: -30px;*/
    top: 100%;
    left: -1px;
    right: -1px;
    background-color: #fff;
    border: 1px solid #F1F1F1;
    border-top: 0;
    padding: 0 30px;
}

.t8_team-list__item__inner:hover .t8_team-list__expandible__wrap, .t8_ecosystem-list__item__inner:hover .t8_ecosystem-list__expandible__wrap,
.t8_team-list__item__inner__open .t8_team-list__expandible__wrap, .t8_team-list__item__inner__open .t8_ecosystem-list__expandible__wrap,
.t8_team-list__expandible__in-progress.t8_team-list__expandible__wrap, .t8_team-list__expandible__in-progress.t8_ecosystem-list__expandible__wrap {
    box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.1);
    z-index: 3;
    /*transform: scale(1.0125); z-index problem */
}

.t8_team-list__expandible, .t8_ecosystem-list__expandible {
    transition: height 0.5s ease;
    overflow: hidden;

    /*position: relative;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: -30px;
    margin-left: -30px;
    margin-right: -30px;
    box-sizing: content-box;*/
}



/*.t8_team-list__expandible:after, .t8_ecosystem-list__expandible:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: -30px;
    right: -30px;
    border-top: 1px solid #F1F1F1;
}*/

.t8_team-list__expandible:not(.t8_team-list__expandible__in-progress), .t8_ecosystem-list__expandible:not(.t8_ecosystem-list__expandible__in-progress) {
    height: auto !important;
}

.t8_team-list__expandible.t8_team-list__expandible__closed, .t8_ecosystem-list__expandible.t8_ecosystem-list__expandible__closed {
    height: 0 !important;
}

/* Team Grid */
.t8_team-list__content {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.t8_team-list__item {
    width: 25%;
    padding: 10px;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    box-sizing: border-box;
    height: auto;
    display: flex;
}

.t8_team-list__item--single-wrap {
  width: 100%;
}

.t8_team-list__item__inner {
    flex: 1 0 auto;
    height: auto;
    width: 100%;
    box-sizing: border-box;
}



/* Ecosystem */
.t8_ecosystem-list__item__inner {
    height: auto;
}
.t8_ecosystem-list__item {}

.t8_ecosystem-list__image-wrap__outer {
    position: relative;
    height: 0;
    padding-bottom: 88.5%;
}

.t8_ecosystem-list__image-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.t8_ecosystem-list__img {
    max-height: 100%;
    width: auto;
}

.t8_ecosystem-list__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;

    /*display: block;
    width: 100%;
    max-height: 100%;*/
}

.t8_ecosystem-list__img-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.t8_ecosystem-list__description {
    margin-top: 0;
    padding-top: 1em;
}

.t8_ecosystem-list__title {
    margin-top: 0;
    padding-top: 1.15em;
}
.button--active{
    color: white;
    background-color: #7e9839;
}
/* Grafik */
.tx-t8-ecosystem .banner {
    padding-top: 0;
    margin-bottom: 4em;
}
.navigation--ecosystem__nav {
    padding: 5em;
}
.navigation--ecosystem__list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;

    background-size: 0;
}

.navigation--ecosystem__list:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 5px solid #BBCEDC;
    background-color: #fff;
    /*background-image: url(../images/logo-ecosystem.svg);*/
    background-image: inherit;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
}

.navigation--ecosystem__item {
    width: 8em;
    height: 8em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -4em;
    margin-top: -4em;
}

.navigation--ecosystem__link {
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: italic;
    line-height: 1.5;
    padding: 0.5em;
}
.navigation-category__list {

    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    margin: -0.75em auto;
    padding: 0;
    max-width: 1100px;

}
.button--category{
    font-size: 11px;
    padding-top: 6px;
    display: inline-block;
    padding-bottom: 6px;
    padding-right: 15px;
    padding-left: 15px;
    min-width: 150px;
    margin: 0 10px 20px 10px;
}



.flexbox-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

#member-sector {
    max-width: 130%;
    margin-top: -100px;
    width: 130%;
}

.t8_ecosystem-list__content::before, .t8_ecosystem-list__content::after {
    display: block;
}

/*FILELIST*/

/* Responsive Images */
.csc-textpic-2-col .csc-textpic-imagecolumn { width: 50%; }
.csc-textpic-3-col .csc-textpic-imagecolumn { width: 33.3333333333333%; }
.csc-textpic-4-col .csc-textpic-imagecolumn { width: 25%; }
.csc-textpic-5-col .csc-textpic-imagecolumn { width: 20%; }
.csc-textpic-6-col .csc-textpic-imagecolumn { width: 16.666666667%; }
.csc-textpic-7-col .csc-textpic-imagecolumn { width: 14.285714286%; }
.csc-textpic-8-col .csc-textpic-imagecolumn { width: 12.5%; }

div.csc-textpic-imagecolumn {
     margin-right: 1%;
     }



/*MOBILE NAVIGATION*/

.slicknav_menu {
  display:none;
  background-color: white;
  text-transform: none;
  font-size: 16px;
}
.slicknav_nav a {
    color: black;
}
.slicknav_menu .slicknav_menutxt {
    color: black;
}
.slicknav_nav .slicknav_arrow {
    color: black;
}
.slicknav_menu .slicknav_icon-bar {
    background-color: black;
}
.slicknav_menu .active {
  background-color: #584d44;
}
.slicknav_nav .slicknav_item {
    background-color: transparent;
}
.slicknav_brand {
    float: left;
}
.slicknav__logo-link,
.slicknav__logo-img {
    height: 40px;
    display: inline-block;
}
.slicknav__logo-link {
    margin-top: 10px;
    margin-left: 10px;
}
.slicknav_btn {
    margin-top: 10px;
}
.nav-lang__item--slicknav {
    width: 33.33333333333333333333333%;
    float: left;
    text-align: center;
}
.slicknav_nav  .nav-lang__link--active {
    background-color: #584d44;
    color: white;
}
.slicknav_nav .nav-lang__link--active::after {
    content: none;
}
.slicknav_nav a:hover {
    color: black;
}
.slicknav_nav .nav-lang__link--active:hover {
    color: white;
}
.slicknav_menu .slicknav_menutxt {
    display: none;
}
.slicknav_menu .navigation__level2{
   visibility: visible;
   position: relative;
}

@media screen and (max-width: 1410px) {
  	nav ul li a {
	font-size: 18px;
	margin: 0 8px 10px 8px;
	}

  	i {
  	font-size: 20px!important;
  }
}

@media (max-width: 850px) {
    .ce-gallery * {
        /* Removed 31.08.2022
        width: 100%;
        max-width: auto;
        height: auto;
        */
    }
    .t8_team-list__content {
        display: flex;
        overflow: hidden;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;

    }
    .t8_ecosystem-list__item {
        width: 44%;
    }
    .news-list__item{
        width: 100%;
    }
}
@media (max-width: 1200px) {
    .nav-lang {
        margin-left: 0;
    }

}
@media (max-width: 1300px) {
    header {
        padding-top: 2.5%;
box-sizing: border-box;
min-height: 122px;
    }
}
@media screen and (max-width: 1024px) {
  /* #menu is the original menu */
  .js #menu {
    display:none;
  }

  .js .slicknav_menu {
    display:block;
  }
  header {
    position: static;
  }
  .banner {
    margin-top: -3px;
  }
  h1,
  h2 {
      font-size: 28px;
  }
  .subnavigation,
  .nav-lang {
      display: none;
  }
  .header {
      display: none;
  }
  .lead.background-green {
      padding-top: 71px;
      padding-bottom: 20px;
  }
  .column-wrap {
      padding-bottom: 20px;
  }
  .news-list {
      padding-top: 50px;
      padding-bottom: 60px;
  }
  .news-list h2 {
      margin-bottom: 0;
  }
    .t8_ecosystem-list__item{
        width:44%;
    }
  .t8_team-list__item{
      width:50%;
  }
}

@media only screen and (max-width : 1300px)  {

.claim{
    font-size: 23px;
    padding: 15px;
    color: #fff;
    text-align: left;
    width: 320px;
    border: 3px solid #fff;
    margin-top: 80px;
  text-align: center;

}

nav ul li a {
font-size: 16px;
margin: 0 8px 10px 8px;

}

i {
font-size: 20px!important;

}

}

@media (max-width: 1200px) {
    .footer {
        padding-bottom: 10px;
    }
    .footer .col5 {
        width: 100%;
    }
    .footer-heading-text {
        display: none;
    }
    .footer .last {
        width: 100%;
    }
    footer img {
        margin-bottom: 30px;
    }
    #maincontent {
        padding-top: 69px;
    }
    p.lead {
        margin-bottom: 10px;
    }
}


/* Tablets Portrait und kleiner */
@media screen and (max-width:767px) {
    
    .t8_team-list__item{
        width:100%;
    }
    .t8_ecosystem-list__item {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .t8_ecosystem-list__item {
        width: 37%;
    }
    .button--category{
        min-width: auto;
    }

/* Mobile Menu */

.js #menu, .navigation, .claim {
    display:none;
  }

.js .slicknav_menu {
    display:block;
  }

.powermail_fieldwrap {
  float: none;
  width: 100%;

}

h1 {
    padding: 0 0 20px 0;

}

.logo img, .social {
    padding: 5px 0;
}


 #maincontent {

}

.logo {
float: left;
width: 150px;
}

i {
font-size: 18px!important;

}
.copyright {
text-align: center;
}

.background-brown {;
  padding-top: 20px;;
}
.footer-heading-text {
  text-align: center;
}
footer p {
  text-align: center;
}
.footer-heading-text p {
  padding-bottom: 0;
}
.downloads {
  padding-top: 60px;
  padding-bottom: 20px;
}
.downloads .col4 {
  margin-bottom: 0;
}
footer img {
    height: auto;
    width: 100%;
}
.footer [class^="col"] {
    box-sizing: border-box;
    width: auto;
}
}

/* cookie banner */
div#cc-notification {
    /*display: none !important;*/
}
div#cc-notification h2 {
    margin-right: 145px !important;
}

div#cc-notification {
    background-color: #fff !important;
}
div#cc-notification div#cc-notification-wrapper {
    padding: 12px 20px 0 !important;
}
div#cc-notification h2 span, div#cc-notification h2 {
    margin-bottom: 12px !important;
    padding: 4px 0;
    text-transform: none;
}
div#cc-notification h2, div#cc-notification h3, div#cc-notification p {
    font-size: 1.1em;
    color: #584d44 !important;
    line-height: 1.5;
}
div#cc-notification h2 span {
    font-size: inherit;
}
div#cc-notification a, div#cc-notification a:visited {
    font-size: 1em !important;
    line-height: inherit;
}

div#cc-notification ul.cc-notification-buttons li a, div#cc-notification ul.cc-notification-buttons li a:visited {
    font-size: inherit !important;

}
div#cc-notification ul.cc-notification-buttons li a, div#cc-notification ul.cc-notification-buttons li a:visited {
    color: #7e9839 !important;
    text-decoration: none;
    border: 2px solid #7e9839;
    display: inline-block;
    border-radius: 0 !important;
    font-size: 16px;
    padding: 0.85em 1em !important;
    background-color: transparent !important;
    border-color: #7e9839;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    transition: unset;
}
div#cc-notification ul.cc-notification-buttons li a:hover, div#cc-notification ul.cc-notification-buttons li a:active, div#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:hover, div#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:active {
    color: #fff !important;
    text-decoration: none !important;
    background-color: #7e9839 !important;
    border-color: #7e9839;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0 !important;
}
div#cc-notification ul.cc-notification-buttons {
  width: 200px !important;
}
div#cc-notification a:not(.cc-link), div#cc-notification a:not(.cc-link):visited {
    color: #7e9839 !important;
    text-decoration: underline !important;
}
div#cc-notification a:not(.cc-link):hover{
    color: #7e9839 !important;
}

/* mobile */
div#cc-notification.cc-mobile {
    position: relative !important;
    z-index: 1 !important;
    top: 0;
    bottom: auto !important;
    /*border-bottom: 1px solid #ccc !important;*/
}

div#cc-notification.cc-mobile h2 span, div#cc-notification.cc-mobile h2 {
    font-size: 1.05em;
    line-height: 1.6;
}

/*div#cc-notification.cc-mobile {
    //position: fixed !important;
    bottom: auto !important;
    top: 58.75px;
    z-index: 999 !important;
}*/

div#cc-notification.cc-mobile ul.cc-notification-buttons li a, div#cc-notification.cc-mobile ul.cc-notification-buttons li a:visited {
    margin-top: 0 !important;
}

@media screen and (max-width: 1025px) {
    div#cc-notification h2 {
        margin-right: 0 !important;
    }
    div#cc-notification ul.cc-notification-buttons {
        position: static !important;
        width: auto !important;
    }
    div#cc-notification ul.cc-notification-buttons li a, div#cc-notification ul.cc-notification-buttons li a:visited {
        float: none !important;
        margin-bottom: 1.5em !important;
    }
}


/*Nur Smaprtphones*/

@media only screen
and (min-width : 320px)
and (max-width : 480px) {

/*Responsive Bilder*/

.csc-textpic-2-col .csc-textpic-imagecolumn,
.csc-textpic-5-col .csc-textpic-imagecolumn img  { width: 100%!important; }
.csc-textpic-3-col .csc-textpic-imagecolumn,
.csc-textpic-5-col .csc-textpic-imagecolumn img  { width: 100%!important; }
.csc-textpic-4-col .csc-textpic-imagecolumn,
.csc-textpic-5-col .csc-textpic-imagecolumn img  { width: 100%!important; }
.csc-textpic-5-col .csc-textpic-imagecolumn,
.csc-textpic-5-col .csc-textpic-imagecolumn img { width: 100%!important; }
.csc-textpic-6-col .csc-textpic-imagecolumn,
.csc-textpic-5-col .csc-textpic-imagecolumn img  { width: 100%!important; }
.csc-textpic-7-col .csc-textpic-imagecolumn,
.csc-textpic-5-col .csc-textpic-imagecolumn img  { width: 100%!important; }
.csc-textpic-8-col .csc-textpic-imagecolumn,
.csc-textpic-5-col .csc-textpic-imagecolumn img  { width: 100%!important; }

}


/*PRINT CSS*/

@media print {
  body {
  background-color: #ffffff;
  font-size: 12pt;
  font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
  color:#000;
  padding:0;
  margin: 0;
  }


.maincontent {
  width: 100%;
  }


#navigation, .serachbar, #banner, #banner-inhalt, .crosslinks, .subnav, footer {
 display: none;
  }
}

/* Plyr */
.frame-layout-6 .ce-row .ce-column {
    float: none;
}

.frame-space-after-large {
    margin-bottom: 4em;
}

:root {
    --plyr-color-main: #7e9839;
}

.plyr__control--overlaid {
    background-color: #7e9839;
}

.plyr--full-ui input[type="range"] {
    color: #7e9839;
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] {
    background-color: #7e9839;
}