/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
    .mm-menu > .mm-panel.mm-opened {
      -webkit-transform: translateX(0%);
      transform: translateX(0%); }
    .mm-menu > .mm-panel.mm-subopened {
      -webkit-transform: translateX(-30%);
      transform: translateX(-30%); }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
  .mm-menu .mm-list {
    padding: 20px 0; }
  .mm-menu > .mm-list {
    padding-bottom: 0; }
    .mm-menu > .mm-list:after {
      content: '';
      display: block;
      height: 40px; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span, .mm-list > li > strong {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    right: 16px;
    bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }
  html.mm-opened .mm-page {
    box-sizing: border-box;
    position: relative; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
  -webkit-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(440px, 0);
    transform: translate(440px, 0); } }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0; }

html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker {
  -webkit-transform: translate(-80%, 0);
  transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker {
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker {
    -webkit-transform: translate(-440px, 0);
    transform: translate(-440px, 0); } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-page,
html.mm-front #mm-blocker {
  -webkit-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  z-index: 0; }

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
  box-shadow: none; }

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }
  .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0); }
.mm-menu.mm-front.mm-top {
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%); }
.mm-menu.mm-front.mm-bottom {
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%; }
  em.mm-counter + a.mm-subopen {
    padding-left: 40px; }
    em.mm-counter + a.mm-subopen + a,
    em.mm-counter + a.mm-subopen + span {
      margin-right: 80px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-nosubresults > em.mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-30%);
  transform: translateX(-30%); }
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(30%);
  transform: translateX(30%); }
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%); }
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(30%);
  transform: translateY(30%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  transform: translateY(0%); }

html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-30%);
  transform: scale(0.7, 0.7) translateX(-30%);
  -webkit-transform-origin: left center;
  transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(30%);
  transform: scale(0.7, 0.7) translateX(30%);
  -webkit-transform-origin: right center;
  transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-30%);
  transform: scale(0.7, 0.7) translateY(-30%);
  -webkit-transform-origin: center top;
  transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(30%);
  transform: scale(0.7, 0.7) translateY(30%);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translateX(100%);
  transform: scale(1.5, 1.5) translateX(100%);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  transition-property: transform, left; }
  html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%); }
    html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
      -webkit-transform: scale(0.7, 0.7) translateX(-30%);
      transform: scale(0.7, 0.7) translateX(-30%); }

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-light .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-light .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: #f3f3f3; }
  .mm-menu.mm-light .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: #f3f3f3; }

.mm-menu.mm-light label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header .mm-prev:before,
  .mm-menu.mm-light .mm-header .mm-next:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light label.mm-toggle:before {
    background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white {
  background: white;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.06); }
  .mm-menu.mm-white .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: white; }
  .mm-menu.mm-white .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: white; }

.mm-menu.mm-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header .mm-prev:before,
  .mm-menu.mm-white .mm-header .mm-next:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white label.mm-toggle:before {
    background: white; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-black .mm-page {
  box-shadow: none; }

.mm-menu.mm-black {
  background: black;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-black .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.25); }
  .mm-menu.mm-black .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.15); }
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: black; }
  .mm-menu.mm-black .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: black; }

.mm-menu.mm-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-footer {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header .mm-prev:before,
  .mm-menu.mm-black .mm-header .mm-next:after {
    border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black label.mm-toggle:before {
    background: black; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

/*COLORS*/
.pg_cTBlockAccToggler, #pg_consentTool a {color: #e00}
#pg_cTBigButton, #pg_cTBannerBtnRow .btn {background-color: #ddd}
.pg_cTBlockSelect .btn.active.red, .pg_cTBlockSelect .btn.red:hover, #pg_cTBigButton.active, #pg_cTError {background-color: #e00; color: #fff}
.pg_cTBlockSelect .btn.active.green, .pg_cTBlockSelect .btn.green:hover {background-color: #5fc323; color: #fff}
#pg_consentToolText p, #pg_consentToolText a{color: #222 !important}
/*GENERALS BANNER*/
#pg_cTBanner {position: fixed; left: 0; bottom: 0;right: 0; background-color: #fff; color: #222; padding: 25px 50px; z-index: 99999;box-shadow: 0 6px 36px rgba(0,0,0,0.3) !important;}
#pg_cTBanner a {color: #000!important}
#pg_cTBannerBtnRow {margin: 20px 0 10px 0; text-align: center}
#pg_cTBannerBtnRow .btn {display: inline-block; margin: 0 1%; padding: 8px 0;width: 30%; font-weight: bold; cursor: pointer}


/*GENERALS ERWEITERTE EINSTELLUNGEN*/
#pg_consentToolBack {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.8); z-index: 100000}
#pg_consentTool {position: fixed;  top: 5%; left: 20%;right: 20%; overflow: hidden;  background-color: rgba(255,255,255,1); z-index: 100000; font-size: 13px; line-height: 20px;border: 6px solid #9c9c9c;}

#pg_consentToolInner {position: relative;padding: 20px; max-height: 600px;  overflow: auto;}
#pg_consentToolInner h2 {color: #222}
#pg_consentToolBar {background-color: #9c9c9c;padding: 10px;text-align: right;font-size: 2em;color: #fff;cursor: pointer}

.pg_cTBlock {margin-top: 20px; padding: 10px 0; border-top: 1px solid #ddd; color: #222}
.pg_cTBlockAccordeon {position: relative; padding-right: 20%; margin-top: 10px;}
.pg_cTBlockAccToggler {font-weight: bold; cursor: pointer;}

/*BUTTONS*/
.pg_cTBlockSelect {position: absolute; right: 0; top: 0}
.pg_cTBlockSelect .btn {display: inline-block; padding: 5px; text-align: center; background-color: #333; color: #fff;margin: 0 -1px;min-width: 60px;cursor: pointer}
.pg_cTBlockSelect .btn:nth-child(1) {border-top-left-radius: 10px;border-bottom-left-radius: 10px}
.pg_cTBlockSelect .btn:nth-child(2) {border-top-right-radius: 10px;border-bottom-right-radius: 10px}

/*BIGBUTTON*/
.pg_cTBlockAccContent {height: 0; overflow: hidden}
.pg_cTBlockAccContentInner {padding: 10px}
.pg_cTBlockAccordeon.active > .pg_cTBlockAccContent {height: auto}


/*BIGBUTTON*/
.pg_cTButtonRow {padding-top: 20px;}
#pg_cTBigButton {width: 80%; margin: 0 auto; padding: 10px; text-align: center;font-weight: bold}
#pg_cTBigButton.active {cursor: pointer}


/*BIGBUTTON*/
#pg_cTError {position: absolute; top: 70%; left: 5%; right: 5%; padding: 10px; text-align: center; box-shadow: 2px 2px 15px rgba(0,0,0,.6); font-weight: bold}

 /* Checkbox */ 
.contactFormCheckbox {border: 1px solid #d3d3d3;background: #f9f9f9;height: 74px; border-radius: 3px;margin-top: 20px; cursor: pointer; position: relative;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);}
.contactFormCheckbox .error {position: absolute;font-size: 11px;top: -19px;margin: 0;left: 0;color: #e3000e}  

 .row.checkbox {margin: 20px 0;padding-left: 13px}
.cBFrame {width: 36px;height: 28px;display: inline-block;vertical-align: middle}
.cBLabelOuter {font-size: 14px; font-weight: bold;display: inline-block; width: 90% !important;vertical-align: middle}
.cBLabel {position: relative;padding-left: 35px;margin-bottom: 10px !important;line-height: 24px;cursor: pointer}
.cBLabel input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0 !important; left: 0}
.checkmark {position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    background-color: #fff;
    border: 2px solid #c1c1c1;
    border-radius: 2px;}
.cBLabel:hover input ~ .checkmark {background-color: #ccc}
.cBLabel input:checked ~ .checkmark {background-color: #ee0001}
.checkmark:after {content: "";position: absolute;display: none}
.cBLabel input:checked ~ .checkmark:after {display: block}
.cBLabel .checkmark:after {left: 8px;top: 3px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}

.frame30 {font-weight: bold; display: inline-block; width: 30% !important;}
.frame20 {font-weight: bold; display: inline-block; width: 20% !important;}
.frame50 {font-weight: bold; display: inline-block; width: 50% !important;}





.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@media (max-width: 1050px)
{
	#pg_consentTool{left: 15%; right: 15%}
}

@media (max-width: 950px)
{
	#pg_consentTool{left: 10%; right: 10%; bottom: 5%}
}
@media (max-width: 800px)
{
	#pg_consentTool{left: 1%; right: 1%; top: 1%}
	#pg_consentToolInner{max-height: none;height: 100%;padding-bottom: 20%;}
	.pg_cTBlockAccToggler{hyphens: auto}
	.pg_cTBlockAccordeon {padding-right: 0}
	.pg_cTBlockSelect {position: initial;margin-bottom: 15px;}

	#pg_cTBanner {padding: 20px; font-size: 14px}
	#pg_cTBannerBtnRow .btn {display: block; margin: 1%; width: 100%}
}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.bl_tCenter
{
	text-align: center;
	margin: 0 auto 3%
}
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.carousel {
  position: relative;
  padding-bottom: 20px;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}


.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
      min-width: 100%;
    max-height: 500px;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  z-index: 10; 
}
.row.inside .carousel-control {  width: 5%; max-width: 50px;}

.carousel-control.left {
/*
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
*/
 opacity: .6;
}
.carousel-control.right {
  right: 0;
  left: auto;
/*
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
*/
 opacity: .6;

}
.carousel-control:hover
/*.carousel-control:focus*/ {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .8;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 220px;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 10%;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 10%;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
	
	display: none; 

  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #bbb;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0 2px;
  background-color: #F5F5F5;
}

  .picture-caption  {top: 10%}

.carousel-caption, .picture-caption {
  /*position: absolute;
  top: 0;*/ 
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);*/
}


/***********BUTTONS***************/
.carousel-caption .btn, .cta {
    text-shadow: none;
    display: block;
    max-width: 258px;
    -webkit-border-radius: 4px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
/*    background: #F36F20;
    background: -moz-linear-gradient(top, #ffa84c 0%, #f36f20 100%);
    background: -webkit-linear-gradient(top, #ffa84c 0%,#f36f20 100%);
    background: linear-gradient(to bottom, #ffa84c 0%,#f36f20 100%);
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#f36f20',GradientType=0 );
    */
    padding: 6px 20px 7px 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);}

.cta {margin: 0 auto; margin-top: 30px; max-width: 50%;font-size: 13px;padding: 2px 20px 3px 20px;}

.carousel-caption .btn .dart, .cta .dart {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    margin: 0 -30px 0 30px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7b0d), to(#FEA349));
    padding: 2px 10px;
    text-shadow: 0px 1px 0px #FFF;
    border-top: 1px solid #F47122;
    border-bottom: 1px solid #FFC7B8;
}    


/*****Custom*******/
.space {padding-top: 3%; padding-bottom: 3%}
.bigspace {padding-top: 6%; padding-bottom: 6%}
.down {padding-bottom: 3%}
.up {padding-top: 3%}


.padright {padding-right: 3%}
.padleft {padding-left: 3%}
.bigpadleft {padding-left: 6%}

.smallup {padding-top: 1.5%}
.smalldown {padding-bottom: 1.5%}
.smallerdown {padding-bottom: 0.5%}
.bigup {padding-top: 6%}
.bigdown {padding-bottom: 6%}
.padTop6 {padding-top: 6px}

.spacer {margin-top: 40px; margin-bottom: 3%}
.bigspacer {margin-top: 6% !important; margin-bottom: 6% !important}
.downer {margin-bottom: 3%}
.upper {margin-top: 3% !important}
.bigdowner {margin-bottom: 6%}
.bigupper {margin-top: 6% !important}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.inside {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto; 
	padding-right:1%; 
	overflow: hidden; 
}

.row, #footer {clear: both; overflow: hidden; }
.flexRow {display: flex}
.flexRow.aCenter {align-items: center}
.flexRow.jCenter {justify-content: center}
.flexRow.items4 > div {width: 25%; margin: 0 3%}


/* *******************Common columns definitions**************************/
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {float: left;margin: 0 3% 0 0}	
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin-right: 0;}
.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48.5%; }
.col7 { width: 57.5%; }
.col8 { width: 65%; }
.col9 { width: 74.5%; }
.col10 { width: 83%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; 
}

.offset1 {margin-left: 3%}
.offset3 {margin-left: 25%}
.offset6 {margin-left: 26.5%}
.offset8 {margin-left: 35.5%}
.offset10 {margin-left: 42.75%}


/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 1150px) {
#mapSection .col6 {float: none;width: 100%;margin: 3% 0 0 0;}
}
 
@media all and (max-width: 768px) {
	
	.flexRow {display: block}
	.inside {width: 95%; padding-right: 0}

	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11,
	.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 
	{
		float: none;
		width: 100%;
		margin: 3% 0 0 0;
	}
	*[class*="offset"] {margin-left: 0}
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
      overflow-x: hidden;
}
body {
  margin: 0; padding: 0; line-height: 1.8em;
     font: 16px 'Rubik',Arial,Helvetica,sans-serif;
}
body.lightBoxPage {padding: 50px}

/*--------------------------------------------*/
/*------- DEVELOPMENT --> REMOVE LATER !!!!!!!!!!!!!!!!!!! -------------*/
/*--------------------------------------------*/
#plsLogo img {max-width: 230px}
#logoRight img {max-width: 180px}

#UNIVID
{
	float: right;
	margin-left: 20px;
}
/*--------------------------------------------*/
/*------- DEVELOPMENT --> REMOVE LATER (NUR FÜR DEMO INTERAKTIVE KARTE AM 30.10.2018) ------------*/
/*--------------------------------------------*/
.pls_placard {background-color: #fff;overflow: hidden}
#mainSelect .plc_btn {width: 50%;margin: 0 -2px;display: inline-block;padding: 12px 0;font-size: 20px;text-align: center;font-weight: bold;color: #848484;cursor: pointer;}
#mainSelect .plc_btn:hover{background-color: #920f30;color: #fff;}
#mainSelect .plc_btn.active {background-color: #920f30;color: #fff;}
#mainSelect .plc_btn a {color: #848484; text-decoration: none}
#mainSelect .plc_btn:hover a {color: #fff}

/*------- DEVELOPMENT --> REMOVE LATER (NUR FÜR OFFLINE WEBSITE VERSION) ------------*/
.jk2019.bigvideo {width: 100%; float: none}

#jk2019cF .graphicSlideFrame {height: 600px !important}
#jk2019cF .graphicSlideWrapper {top: 15px}

#TP266 {width: 100%;padding-bottom: 3%;}

/*--------------------------------------------*/
/*------- BARRIEREFREI STATES -------------*/
/*--------------------------------------------*/
.invisible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

/*FOCUS STATE*/
*:focus:not(:focus-visible) {outline: none;outline-offset: 1px}
*:focus-visible {/*outline: -webkit-focus-ring-color auto 1px !important;*/ outline: #464646 auto 1px !important; outline: currentColor auto 1px; display: block}
p a:focus-visible {margin: 2px; display: inline-block}
label a:focus-visible {display: inline-block}

/*TASTATURBEDIENUNG BARRIEREFREI*/
#mainNav a.invisible:focus-visible {position: initial;width: auto;display: inline-block;padding: 10px;height: auto;}
#footer nav a.invisible:focus-visible {display: inline-block;padding: 2px;margin: 0 0 10px 3px;clip: initial;height: auto;width: auto; position: initial}
#footer nav a:focus-visible, #footer nav button:focus-visible {margin-left: 3px; padding: 2px !important; display: inline-block}



.grayHintBox {border: 3px solid #ddd;background-color: #f1f1f1;padding: 25px; text-align: center; font-weight: bold}
.grayHintBox a {color: #920f30}
.grayHintBox a:after {font-family: "Fontawesome";
    content: "\f061" !important;margin-left: 2px;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none !important;
    border-bottom: 1px solid transparent;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 35% 40%;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin: 35% 40%;
    -o-transform: rotate(-45deg);
    -o-transform-origin: 35% 40%;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: 35% 40%;
    transform: rotate(-45deg);
    transform-origin: 35% 40%;}

/*LIGHTBOX*/
#cboxContent {margin-top: 50px}
#cboxTitle {top: -44px; font-size: 14px}
#cboxCurrent {font-size: 12px}

/*HOME --> GallerySlider (Hannover Messe 2018)*/

#backdrop{position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.8);z-index: 9999; cursor: pointer}
#vdbox{    left: 25%;
    position: fixed;
    top: 25%;
    width: 50%;
    z-index: 99999}

#vg_close{
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 14px;
    cursor: pointer;
    font-weight: bold;
    height: 26px;
    padding: 1px;
    position: absolute;
    right: -9px;
    text-align: center;
    top: -13px;
    width: 26px;
}
.videoClick
{
	cursor: pointer;
}
.videoClick h4
{
	text-decoration: underline;
}

#gallerySlide {width: 90%; margin: 0 auto; padding: 3% 0}
#gallerySlideInner {overflow: hidden; box-shadow: inset 2px 2px 15px rgba(0,0,0,0.5); position: relative;height: 400px}
#gallerySlide ul {width: 200%; position: absolute; top: 0; left: -3%;z-index:1}

#gaSlLeft, #gaSlRight {position: absolute;top: 30%;font-size: 5em;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.5); z-index:2}
#gaSlLeft:hover, #gaSlRight:hover {opacity: 0.6; }
#gaSlLeft {left: 2%}
#gaSlRight {right: 2%}

#gallerySlide li {display: inline-block; margin: 0 0.3%; width: 10%; height: 400px; box-shadow: 2px 2px 5px rgba(0,0,0,0.5)}
.gaSlBack {width: 100%; height: 100%; background-color: rgba(0,0,0,0.3)}
.gaSlBack:hover {background-color: rgba(0,0,0,0)}

#gaSl1 {background: url("/files/img/hannoverMesse-2018/03680d7beb.jpg") 50% 50% no-repeat; background-size: cover}
#gaSl2 {background: url("/files/img/hannoverMesse-2018/0859705034.jpg") 50% 50% no-repeat; background-size: cover}
#gaSl3 {background: url("/files/img/hannoverMesse-2018/accda6b299.jpg") 50% 50% no-repeat; background-size: cover}
#gaSl4 {background: url("/files/img/hannoverMesse-2018/be930094a9.jpg") 50% 50% no-repeat; background-size: cover}
#gaSl5 {background: url("/files/img/hannoverMesse-2018/IMG_5003.JPG") 50% 50% no-repeat; background-size: cover}


/*PAGE -> AKKORDEON ELEMENT*/
.pages.lightgray .col8 {padding: 50px 50px 0 50px}
.pages.lightgray .col4 {width: 32%}
.pages.carousel {padding-bottom: 0}

/*PAGE -> SPRUNGMARKEN*/
#subNav {
    position: relative;
    height: 40px;
    margin-top: 10px;
    text-align: left;
}
#subNav .Inner {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 11px !important;
    font-size: 14px;
}
#subNav li {
    display: inline-block;
    cursor: pointer;
    padding-left: 1em !important;
}
#subNav li::before {
    padding-right: 0em !important;
}
#subNav li::before {
    content: "• ";
    color: rgb(146, 15, 48) /*#ed9535*/;
    font-weight: bold;
    font-size: 1.6em;
    vertical-align: sub;
    padding-right: 0.3em;
}

/*--------------------------------------------*/
/*------- GENERAL --> TRANSITION + LAYOUT BUILDER -------------*/
/*--------------------------------------------*/
figure, ul {margin: 0; padding: 0; overflow: hidden;}
figcaption {padding: 5px 0}
.dispNone {display: none}

img {max-width: 100%; height: auto; display: block}
.center img {margin: 0 auto}
.bWPic img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.textright > figure > img {float: right}


.block {display: block}
.inner {padding: 25px}
.bordered.inner {border: 1px solid #ddd}
.bordered.inner p {margin-top: 0}


#mainmenuMobile {display: none}
.spaceHold {padding: 0 10px}
.closeTopFarDown {margin-top: -25px; margin-bottom: 1.5%}

.mod_article a {text-decoration: underline}

.opac1 {opacity: 0.1}

figure.float_left {float: left;margin: 1% 3% 1% 0;max-width: 50%;}
figure.float_right {float: right;margin: 1% 0 1% 3%;max-width: 50%;}
.imgBorder figure img {border: 1px solid #ddd}

.ftlright {float: right}

#eventBarList, .awsTile figure:before, .jkAcc .toggler:after, .jkGal .ce_Mitarbeiter, .ctaBtn a, #ergebnisse .awsTile .backpic:before, #nlInfo, 
.agBerichtPage .readMoreTrigger i, #searchBox, #eventInfo
{
    -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}

.ce_text.pad20Left {padding-left: 20px}


/*--------------------------------------------*/
/*------- GENERAL --> FONTS -------------*/
/*--------------------------------------------*/
body {font-weight: 400}
h1, h2, h3, h4, h5, h6,#headTitle {font-family: "Rubik", Arial, sans-serif;font-weight: 700; margin-top: 3px; letter-spacing: -1px}


h1 {font-size: 2.2em}
h2 {font-size: 1.6em}

a, button {outline: none; text-decoration: none}
a:hover, .highLightA a {text-decoration: underline; color: #920f30}
.noLinkLook > a {text-decoration: none; color: inherit}


p > a {text-decoration: underline}
p.back {display: none}

p { -moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto; line-height: 1.8}

.textup {text-transform: uppercase}
.textbold {font-weight: bold}
.textcenter, .pagination {text-align: center}
.textright {text-align: right}
.smalltext, .caption, .layout_short, p.info, p.more > a, p.back > a, .mod_eventlist .header, .vcaption {font-size: 12px;line-height: 1.6em}

button.small, button.big {display: inline-block;position: relative; height: 40px}
button.small a, button.big a {color: #fff; text-decoration: none; font-weight: bold; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding-top: 5px}
button.small {max-width: 300px}
button.big, .buttonText.big {max-width: 480px}
.buttonText.big {font-size: 14px; margin: 0 auto}
button.disabled {opacity: 1; background-color: #ddd;border: 1px solid #cacaca;color: #464646;text-shadow: none;font-weight: bold;cursor: not-allowed;}
button.disabled a {color: #464646;text-shadow: none;}
button.distance {margin: 0 2%}
p.ctaButton > a {display: inline-block;position: relative; padding: 6px 12px; background-color: #920f30; color: #fff; text-decoration: none}

#ki-in-medizin-und-pflege button.small {max-width: 350px}


/*Bulletpoints Textelemente*/
.listElement ul, #main .ce_text ol, #main .ce_text ul, .ce_list ul {padding-left: 20px;list-style-type: none}
.listElement ul li, #main .ce_text ol li, #main .ce_text ul li, .ce_list ul li {padding-top: 15px; line-height: 1.8em}
.listElement ul li:before, #main .ce_text ul li::before, .ce_list ul li:before {list-style-type: none;content: "\2022";color: rgb(146, 15, 48)/*#ed9535*/;padding-right: 10px;font-size: 28px;margin-left: -20px;vertical-align: middle;}

#main .ce_text ol {counter-reset: item;padding-left: 44px;list-style-type: none}
#main .ce_text ol li::before {content: counter(item) ". ";width: 24px;display: inline-block;counter-increment: item;padding-right: 10px;font-size: 22px;color: #920f30;margin-left: -34px;vertical-align: middle;}


/*Pagination*/
#main .pagination {margin-bottom: 3%}
#main .pagination ul {margin: 0 auto}
#main .pagination ul li {display: inline-block; margin: 0 -6px 0 0; }
#main .pagination ul li a, #main .pagination ul li strong, #main .pagination ul li span { float: left;background: #fff;background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);border: 1px solid #ddd; padding: 5px 10px 5px 10px; border-radius: 2px}
#main .pagination ul li:before { content: none }
#main .pagination ul li a:hover, #main .pagination ul li span, #main .pagination ul li strong { opacity: 0.8 }


/*---------------------------------------------------*/
/*-------- STÖRER ------------------------------------
https://www.plattform-lernende-systeme.de/startseite.html
https://www.plattform-lernende-systeme.de/aktuelles.html
*/
#nlInfo, #eventInfo {position: fixed;right: 0px;top: 20%;color: #fff;z-index: 999;cursor: pointer;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
#nlInfo {background-color: #920e30;}
#nlIcon {color: #920e30}
#eventInfo {background-color: #50bdcb;padding: 15px 25px 15px 15px}
#eventIcon {color: #50bdcb}

#nlInfo {padding: 15px}
#nlInfo span, #eventInfo span {display: inline-block;vertical-align: middle} 
#nlIcon, #eventIcon {background-color: #fff; width: 30px; height: 30px;margin-right: 10px; border-radius: 50%; text-align: center; padding-top: 5px}    
#nlInfo.sticky {right: -185px}
#nlInfo.sticky:hover, #eventInfo.sticky:hover, #nlInfo.sticky.active, #eventInfo.sticky.active {right: 0 !important} 
#eventInfo a {color: #fff; text-decoration: none}

#nlBox {display: none; position: fixed; width: 100%; height: 100%;top: 0; left: 0; background-color: rgba(0,0,0,0.6); z-index:999999999}
#nlBoxInner {display: none; position: fixed; width: 60%; left: 20%; background-color: #fff; padding: 50px; top: 10%; z-index:999999999}
#nlBox.active, #nlBoxInner.active {display: block}


/*Scroll Icon Interferer
https://www.plattform-lernende-systeme.de/mittelstand.html
*/
#scrollIconInterferer * {-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
#scrollIconInterferer {height: 63px;width: 63px; padding-left: 0; padding-right: 0; position: fixed; overflow: hidden; top: 17%; right: 0;border-top-left-radius: 10px;border-bottom-left-radius: 10px; background-color: #fff; z-index: 9999999;-webkit-box-shadow: 0 0.1rem 2rem 0 rgb(34 36 43 / 40%);box-shadow: 0 0.1rem 2rem 0 rgb(34 36 43 / 40%);-webkit-transition: all .3s ease;transition: all .3s ease;}
#interfererIcon {position: absolute;left: 13px;font-size: 2.2em;top: 10px;color: #920e30;}
#interfererText {position: absolute; top: 13px; left: 60px;font-size: 17px; width: 285px}
#interfererText {opacity: 0; display: none} 
#interfererSubLine {display: block; font-size: 13px }

#scrollIconInterferer:hover, #scrollIconInterferer.active {padding: 21px 20px 20px 60px;width: 365px}
#scrollIconInterferer:hover #interfererText, #scrollIconInterferer.active #interfererText {opacity: 1;display: inline-block}


#scrollIconInterferer.icon_inverted {background-color: #921030; padding: 0; top: 55%}
#scrollIconInterferer.icon_inverted > .scrollIconLink {text-decoration: none; display: flex;width: 100%;height: 100%; align-items: center;color: #fff; justify-content: space-between; padding: 0 20px}
#scrollIconInterferer.icon_inverted > .scrollIconLink > span {width: 100%}
#scrollIconInterferer.icon_inverted > .scrollIconLink > p {display: none}
#scrollIconInterferer.icon_inverted.active, #scrollIconInterferer.icon_inverted:hover {width: 220px}
#scrollIconInterferer.icon_inverted.active > .scrollIconLink > span, #scrollIconInterferer.icon_inverted:hover > .scrollIconLink > span {width: 20%}
#scrollIconInterferer.icon_inverted.active > .scrollIconLink > p, #scrollIconInterferer.icon_inverted:hover > .scrollIconLink > p {display: block;width: 75%}

body.firefox #interfererText {top: 19px;font-size: 16px;}

.noPadTop a {padding-top: 0 !important; line-height: normal}

/*Interferer Rund*/
.interfererRound * {-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
.interfererRound {position: absolute; top: 20%; right: 3%; background-color: #fff; width: 13rem; height: 13rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 2rem; transform: rotate(8deg); z-index: 2; text-align: center; box-shadow: 2px 2px 5px rgba(0,0,0,0.6)}
.interfererRound a {text-decoration: none; color: #920f30}
.interfererRound p {margin: 0; font-weight: bold; line-height: normal}
.interfererRound:hover a {text-decoration: underline}
.interfererRound:hover {box-shadow: none}

@media(max-width: 768px)
{
	.interfererRound {transform: rotate(8deg) scale(0.7);top: 10%;right: -5%}	
}


/*--------------------------------------------*/
/*------- GENERAL --> COLORS -------------*/
/*--------------------------------------------*/

body, a {color: #464646}

/*LIGHTGRAY*/
.lightgray {background-color: #f1f1f1}
.lightgrayInner {background-color: #f1f1f1; padding: 50px}
#footer{background-color: #fff}
.gray {background-color: #e2e5e7}

.grayText {color: #848484}


/*WHITEBACK*/
.whiteBack {background-color: #fff !important}

.borderRight {border: 1px solid #e6e6e6; /*border-left: none*/}
.borderBottom {border-bottom: 1px solid #e6e6e6}


/*HIGHLIGHT*/
.more > a, h1, h2, h3, h4, h5, h6  {color: rgb(146, 15, 48)/*#ed9535*/; font-weight: bold}
#mainNav li.active {color: #fff; background-color: rgb(146, 15, 48)/*#ed9535*/}

/*--------------------------------------------*/
/*------- GENERAL --> HEADER -------------*/
/*--------------------------------------------*/
#header {position: relative;padding: 0 0 20px 0;height: 150px; }
#foologoBar a[target=_blank]:after {content: ""}



/*QUICKNAV*/
#quickNav {padding: 5px 0 0 0;text-align: right; margin-bottom: 8px}
#quickNav li {display: inline-block; padding-left: 20px; text-transform: uppercase; font-size: 11px; font-weight: bold; vertical-align: middle}
#quickNav li a {color: #000}

#quickNav li .mod_changelanguage li {padding-left: 0}
#quickNav li .mod_changelanguage li a {color: #fff}
#quickNav li .mod_changelanguage li a:focus-visible {margin: 2px}


#langChange a {color: #fff; background-color: rgb(146, 15, 48)}
#langChange a {display: block;padding: 5px 10px;color: #fff;cursor: pointer;margin-left: 20px;}
#langChange a:hover {opacity: 0.8}
#quickNav #langChange {padding-left: 0}

#quickNav li.active {color: #920f30}


/*LOGOBAR*/
#logoBar .inside {overflow: visible}
#plsLogo, #navBar {float: left}
#plsLogo {width: 23%}
#navBar {width: 74%;margin-top: 33px}


/*MAINNAVIGATION*/
#mainNav ul li.last {border-right: none}
#mainNav li {text-transform: uppercase; font-weight: bold; text-align: center}
#mainNav a, #mainNav li.active > span, #searchToogle {padding: 20px;display: block}
#mainNav a:hover {text-decoration: none}

#header .search {font-size: 20px;float: right;margin-top: 41px;cursor: pointer}
#header .search button {    border: none;
    outline: 0;
    margin: 0;
    background-color: rgba(0,0,0,0);
    color: #464646;
    padding: 0;
    box-shadow: none;
    text-shadow: none;
    font-size: 21px;
    line-height: normal;min-width: 0}
#header .search:hover {background-color: #fff !important; color: #920f30 !important}

#searchBox {position: absolute;bottom: -45px;width: 100%;background-color: #464646;height: 0; overflow: hidden;z-index: 99}
#searchBox.closed {height: 0px}
#searchBox.opened {height: 50px}
#searchBox .inside {position: relative; height: 50px}
#searchImg {position: absolute; padding: 15px; z-index: 1; color: #fff}
#seainp {width: 100%; position: absolute; left: 0; top: 0; height: 100%; background-color: rgba(0,0,0,0); border: none; outline: 0; padding-left: 50px; color: #fff; font-size: 20px; box-shadow: none	}
#seainp:focus, #seainp:active {outline: none} 
#searchBox input.submit {display: none}

#mobNav {display: none}
html.mm-opened #mobNav {display: initial}

#mobNavTri {display: none}

#homeBtn {font-size: 18px; float: left;
    width: 8%;
    text-align: center;
    margin-top: 12px;}
.home #homeBtn i {color: #920f30}


/*--------------------------------------------*/
/*------- HOME --> HOVERICONS -------------*/
/*--------------------------------------------*/
#homeHoverIcons a.butn {display: block;
    padding: 16px;
    margin-bottom: 3%;
    max-width: 100%;
    border: 3px solid #920e30;
    font-weight: bold;
    text-decoration: none;
    color: #920e30;text-align: center;
    position: relative;
	text-transform: uppercase;
}
#homeHoverIcons a.butn:before {font-family: "Fontawesome";color: #fff; 
    width: 49px;
    height: 49px;
    color: #920e30;
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 1px;    
    padding: 11px 0;
    font-size: 1.6em;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 

	-webkit-transition: all 1.85s cubic-bezier(.23,1,.32,1);
    -moz-transition: all 1.85s cubic-bezier(.23,1,.32,1);
    -ms-transition: all 1.85s cubic-bezier(.23,1,.32,1);
    -o-transition: all 1.85s cubic-bezier(.23,1,.32,1);
    transition: all 1.85s cubic-bezier(.23,1,.32,1);}
    
#homeHoverIcons a.butn:hover:before{left: 80%;color: #fff;}

#homeHoverIcons a.butn:hover {color: #fff;background-color: #920e30; border: 3px solid #920e30;}

/*--------------------------------------------*/
/*------- GENERAL --> HEADER --> SUCHFELD -------------*/
/*--------------------------------------------
#seaBox {z-index: 999999;width: 100%;height: 0;border: none; overflow: hidden}
#seaBox.open {height: 50px; background: #858C96}
#seaBox input[type="text"] {width: 100%;height: 50px;background-color: rgba(0, 0, 0, 0);border: none;text-align: left;font-size: 18px;outline: none;padding: 0px; color: #fff}
#seaBox input:focus {outline: none;border: none;box-shadow: none;}
#seaBox input.submit {display: none}
*/

/*--------------------------------------------*/
/*------- GENERAL --> BREADCRUMP -------------*/
/*--------------------------------------------*/
.mod_breadcrumb {padding: 15px 0; font-size: 13px}
.mod_breadcrumb li {display: inline-block; margin-right: 10px}



/*--------------------------------------------*/
/*------- GENERAL --> FOOTER -------------*/
/*--------------------------------------------*/
#foologoBar {text-align: right; margin-top: 3%}
#foologoBar img, #acatech_logo img {max-width: 180px; margin: 0 auto}
#bmftr_logo img {max-width: 280px; margin: 0 auto}


#footer li {line-height: 40px}
#footer {margin-top: 0}
#footer .inside {border-top: none; padding-top: 0}

#socialInner {display: flex; justify-content: flex-end}
#bluesky, #youtube, #newslIcon, #linkedInIcon, #mastodon {margin-top: 8px}
#bluesky a, #youtube a, #newslIcon a, #linkedInIcon a, #mastodon a {text-decoration: none; display: flex; justify-content: flex-end}
#bluesky a[target=_blank]:after, #youtube a, #linkedInIcon a [target=_blank]:after, #mastodon a [target=_blank]:after {content: ""}
#mastodon span, #bluesky span, #youtube span, #newslIcon span, #linkedInIcon span {width: 60px;height: 60px;border-radius: 50%;display: inline-block;padding: 10px 14px;text-align: center}
#mastodon a span,  #bluesky a span, #youtube a span, #newslIcon a span, #linkedInIcon a span {display: flex; justify-content: center; align-items: center}
#youtube i, #newslIcon i, #mastodon i {color: #fff; font-size: 2.2em}
#linkedInIcon i {color: #fff; font-size: 2.2em}

#mastodon span {background-color: #5c50dc}
#bluesky span {background-color: #0785ff}
#twitter img {max-width: 28px}
#youtube span {background-color: #b31217}
#newslIcon span {background-color: #910f30}
#linkedInIcon span {background-color: #0073b0}

/* ---------------------------------------------- */
/* ----- SCROLL ICON ------ */
/* ---------------------------------------------- 
#scroll, #toTop {position: fixed; right: 1%; bottom: 3%; background-color: #5b5b5b; color: #fff; font-size: 3em; width: 50px; height: 50px; border-radius: 50%;z-index: 99999999; padding: 2px 10px;}
#scroll a, #toTop a {color: #fff}
#scroll i {vertical-align: text-top; line-height: 1em}
#toTop i {vertical-align: text-top; line-height: 0.9em}
.transparent {opacity: 0;z-index: -1 !important;}
*/


/*--------------------------------------------*/
/*------- GENERAL --> COOKIE WARNER -------------*/
/*--------------------------------------------*/
#CKC {overflow: hidden;left: 0;width: 100%;padding: 3% 0;font-size: 12px;color: #777;position: fixed;background-color: #fff;bottom: 0;border-top: 1px solid #ddd; z-index: 99999999999999999}
#CKC .inside {width: 70%;max-width: 1180px;margin: 0 auto;padding-right: 1%;overflow: hidden; border-top: none}
#CKC i {margin-top: 5%; font-size: 5em; color: #920f30;}
.ckcclose{min-height: 0px !Important; padding: 0 !Important;height: 0 !Important;margin-bottom: 0 !Important}
#CLKC, #ckm  {cursor: pointer;max-width: 150px;display: block;text-align: center;padding: 5%;border-radius: 3px;margin-bottom: 5px;font-size: 12px;}
#ckm, #CLKC {background-color: #920f30}
#ckm a, #CLKC {color: #fff}

@media (max-width: 768px)
{
#CKC{text-align: center; margin-top: 0}
#CKC img, #CLKC, #ckm {margin: 0 auto; margin-bottom: 5px}
#CKC i {font-size: 3em}
#CKC i, #CKC .col2, #CKC .col8 {margin-top: 0}
#CKC .inside {width: 90%}
#CLKC, #ckm {display: inline-block; min-width: 120px}
}

/*--------------------------------------------*/
/*------- PAGE --> Nachhaltigkeit NEU -------------*/
/*--------------------------------------------*/
.newSustainability .mod_article > .row.rel, .newSustainability .mod_article > .visibleRow.rel {position: relative}
.newSustainability svg:not(:root) {overflow: hidden}
.newSustainability .diagonal{position: absolute;left: 0;bottom: 0;pointer-events: none;background: #fff;float: left}
.newSustainability .diagonal.head-left{position: absolute;bottom: 0;left: 0;background: none}
.newSustainability .diagonal.head-right{position: absolute;bottom: 0;right: 0 !important;background: none;left: auto}
.newSustainability .diagonal.head-left path, .newSustainability .diagonal.head-right path {fill: #ffffff;stroke: #ffffff;stroke-width: 4;}
.newSustainability .backpic .layer {background-color: rgba(0,0,0,0.35)}
.newSustainability .backpic h1, .newSustainability .mod_article > .row.rel .backpic p { color: #fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.6)}
.newSustainability .backpic .innerInside {background-color: rgba(0,0,0,0);font-size: 1.4em;bottom: 25%; padding: 0}

.newSustainability .backpic.invertedLayer .layer {background-color: rgba(0,0,0,0); border-bottom: 1px solid rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.1)}
.newSustainability .backpic.invertedLayer h1 {color: #464646; text-shadow: none}

.newSustainability .backpic.invertedLayerDark .layer {background-color: rgba(129,129,129,0.1);}
.newSustainability .backpic.invertedLayerDark h1 {color: #77b647; text-shadow: none; font-size: 2em !important}
.newSustainability .backpic.invertedLayerDark.Purple h1 {color: rgba(136,134,186,1)}

.newSustainability .backpic.invertedLayerDark.Blue h1 {color: rgba(0,60,106,1)}

.newSustainability .backpic.invertedLayerDark .layer .container, .newSustainability .backpic.invertedLayerDark .layer .Innercontainer, .newSustainability .backpic.invertedLayerDark .layer .row.inside {width: 100%; height: 100%}
.newSustainability .backpic.invertedLayerDark .layer .row.inside {display: flex; align-items: center}
.newSustainability .backpic.invertedLayerDark .innerInside {position: initial; width: 60%}

.newSustainability .iconNavigation .iconBox * {-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);-moz-transition: all .45s cubic-bezier(.23,1,.32,1);-ms-transition: all .45s cubic-bezier(.23,1,.32,1);-o-transition: all .45s cubic-bezier(.23,1,.32,1);transition: all .45s cubic-bezier(.23,1,.32,1);}
.newSustainability .iconBoxFrame {display: flex; justify-content: center; margin-top: 3%}
.newSustainability .iconBoxFrame.tiles2 .iconBox {width: 45%}
.newSustainability .iconBoxFrame.spaceBetWeen {justify-content: space-between}
.newSustainability .iconBox {width: 100.3333%;position: relative; text-align: center}
.newSustainability .iconBox h3 {color: #464646; min-height: 45px}
.newSustainability .iconBox img {max-width: 60px;margin: 0 auto;margin-bottom: 20px;}
.newSustainability .iconBox .buttonLink {display: inline-block;padding: 6px 32px;border: 2px solid;border-radius: 35px;text-decoration: none; color: #901534}
.newSustainability .iconBox .buttonLink:hover {opacity: 0.8}


.newSustainability .gridLinies {border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;width: 90%;margin: 0 auto}
.newSustainability .gridLinies .iconBoxFrame {border-bottom: 2px solid #ddd; padding-top: 2% !important; padding-bottom: 2% !important; margin-top: 0% !important}
.newSustainability .gridLinies .iconBoxFrame:last-child {border: none}
.newSustainability .gridLinies .iconBoxFrame .iconBox
{
    -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}    
.newSustainability .gridLinies .iconBoxFrame .iconBox {padding: 2%; border-right: 2px solid #ddd; background-color: #fff}
.newSustainability .gridLinies .iconBoxFrame .iconBox:first-child {border-left: 2px solid #ddd}
.newSustainability .gridLinies .iconBoxFrame .iconBox:hover {transform: scale(1.1); box-shadow: 2px 2px 8px rgba(0,0,0,0.4); border-color: #fff; z-index: 1}
.newSustainability .iconBoxFrame .iconBox:hover .buttonLink {background-color: #901534; color: #fff}
.newSustainability .gridLinies .picFrame {background-size: contain !important; height: 100px !important; margin-bottom: 20px}

/*REGULIERUNG*/
#article-827 .iconBoxFrame.inverted.withoutIcon .iconBox {background-color: #901534; color: #fff; padding: 2rem; font-size: 1.2em; border: none}
#article-827 .iconBoxFrame.inverted.withoutIcon .iconBox h3 {color: #fff}
#article-827 .iconBoxFrame.inverted.withoutIcon .buttonLink {color: #fff; opacity: 1}
#article-827 .iconBoxFrame.inverted.withoutIcon .iconBox .buttonLink:hover {background-color: #fff; color: #901534}


.newSustainability .iconNavigation .iconBox:hover {cursor: pointer}
.newSustainability .iconNavigation .iconBox:hover figure {margin-top: -10px}
.newSustainability .iconNavigation .iconBox:hover h3 {color: #920f30}

.newSustainability .actionAreaRow {z-index: 999}

.newSustainability .textRow, .newSustainability .textRowSimple {width: 70%; margin-left: 15%; font-size: 1.2em}
.newSustainability .textRow > p {position: relative}
.newSustainability .textRow > p:first-child:before {content: "KI";z-index: -1;opacity: 0.15;font-size: 28em;position: absolute;left: -112px;top: -334px;color: #464646;}
.newSustainability .textRow ul li {display: flex; margin-bottom: 10px}
.newSustainability .textRow ul li strong {margin-right: 20px;color: #911232;}
.newSustainability .textRow ul li:before {content: "\f35a" !important;font-family: "Fontawesome";margin: 5px 5px 0 0}


.newSustainability .textRow .VideoFloatRight {float: right; width: 60%; margin-right: -10%; padding: 0 0 1% 3%; position:relative; z-index: 1000; }
.newSustainability .textRow .VideoFloatRight .videoTeaser p {margin: 0; font-size: 12px}

.newSustainability .fulltextRow .VideoFloatRight {float: right; width: 45%; padding: 0 0 1% 3%}
.newSustainability .fulltextRow .VideoFloatRight .videoTeaser p {margin: 0; font-size: 12px}


.newSustainability .textRow.d > p:first-child:before {content: "KI"}

.newSustainability .pg_slideRowStart {margin-bottom: 4%}
.newSustainability .backpic.mapPic .innerInside {width: 36%; font-size: 1.2em; background-color: rgba(0,0,0,0);bottom: 15%}
.newSustainability .backpic.mapPic .buttonLink {display: inline-block;padding: 6px 32px;border: 2px solid;border-radius: 35px;text-decoration: none; font-size: 0.8em}
.newSustainability .backpic.mapPic .layer {background-color: rgba(0,0,0,0)}

.newSustainability .pgSlide.linkTile {background-color: rgba(255,255,255,1)}
.newSustainability .mod_article > .row.rel .backpic h1, .newSustainability h2 {text-transform: uppercase;font-weight: 100;font-size: 2.2em;}
.newSustainability h3.ce_headline, .newSustainability .newSustHeadline h3 {text-transform: uppercase;font-weight: 100;font-size: 1.6em;}
.newSustainability h2 {margin-bottom: 30px}

.newSustainability .diagonal.up {top: -170px; z-index: -1}
.newSustainability .diagonal.content-right {right: 0}
.newSustainability .lightgray .diagonal.content-right {fill: #f1f1f1;stroke: #f1f1f1;stroke-width: 4; width: 100%}

.newSustainability .tileTeaserRow {display: flex; align-items: center; justify-content: center;background-color: #f1f1f1;}
.newSustainability .tileTeaserRow > div {width: 50%}
.newSustainability .tileTeaserRow > div.ce_text {padding: 25px 50px}

.newSustainability .pg_slideRowStart {z-index: 999}
.newSustainability #interViewSlideRow .pgSlide {position: relative; background-color: #fff}
.newSustainability #interViewSlideRow .pgSlide:before {position: absolute;font-size: 12px;top: 142px;background-color: #911232;padding: 8px;color: #fff;box-shadow: 2px 2px 2px rgb(0,0,0,0.3);font-weight: bold;}
.newSustainability #interViewSlideRow .pgSlide.interview:before {content: "Interview";}    
.newSustainability #interViewSlideRow .pgSlide.statement:before {content: "Statement";}    

.newSustainability .teaserBoxFrame {padding-right: 0; margin-bottom: 3%; flex-wrap: wrap}
.newSustainability .teaserBox {padding-bottom: 20px; background-color: #fff; margin-bottom: 3%}
.newSustainability .teaserBox p {font-size: 14px}
.newSustainability .teaserBox figure {height: auto; position: initial; max-width: 75%;padding-bottom: 40px;}
.newSustainability .teaserBox figure:before {content: url(/files/sysImg/arrow-Icons-red.png);}
.newSustainability .teaserBox figure img {position: initial; min-height: 100%}
.newSustainability .teaserBox figure:hover img {transform: scale(1)}
.newSustainability .teaserBoxFrame.pdfDownload .teaserBox {padding: 25px}

.newSustainability .toggleFrame {position: relative}
.newSustainability .toggleFrameInner {height: 370px;overflow: hidden;border-bottom: 4px solid #e5e5e5}
.newSustainability .toggleFrame.active .toggleFrameInner {height: 100%; border-bottom: none}
.newSustainability .toggleFrameIcon {position: absolute; bottom: -38px; left: 0; width: 100%; text-align: center; font-size: 4em}
.newSustainability .toggleFrameIcon i {background-color: #f1f1f1; cursor: pointer;color: #911232;}
.newSustainability .toggleFrame #literaturTab h1 {display: none}

.newSustainability #main .ce_text ul li {position: relative; padding: 0px 0 20px 20px}
.newSustainability #main .ce_text ul li::before {content: "\f35a";font-family: "FontAwesome";font-size: 18px; position: absolute; left: 1px; top: 0px}
.newSustainability #main .ce_text ul li ul {padding-top: 15px}

.newSustainability .sectionAnchor {height: 0; width: 0;overflow: hidden}

.newSustainability .iconBeforeText {position: relative}
.newSustainability .iconBeforeText:before {transform-origin: 0 0;position: absolute;left: -170px;top: 0px;filter: grayscale(10%);opacity: 0.45;z-index: -1;}
.newSustainability .iconBeforeText.Strategie:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/target-Icon-green.png");}
.newSustainability .iconBeforeText.Mobilitaet:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/mobility_Icon_green.png");}
.newSustainability .iconBeforeText.Potenziale:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/development-Icon-green.png");transform:scale(0.8); transform-origin: 100% -30%}
.newSustainability .iconBeforeText.Einsatz:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/ki-einsatz-Icon-purple.png");transform:scale(0.8); transform-origin: 100% -30%}
.newSustainability .iconBeforeText.Kompetenzen:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/kompetenzen-Icon-purple.png");transform:scale(0.8); transform-origin: 100% -30%}
.newSustainability .iconBeforeText.Mensch:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/mensch-Icon-purple.png");transform:scale(0.8); transform-origin: 100% -30%}
.newSustainability .iconBeforeText.VertrauenKI:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/vertrauenswuerdige-KI-Icon-blue.png");transform:scale(0.8); transform-origin: 100% -30%}
.newSustainability .iconBeforeText.Regelsetzung:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/formen-regelsetzung-Icon-blue.png");transform:scale(0.8); transform-origin: 100% -30%}
.newSustainability .iconBeforeText.Standpunkte:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/standpunkte-Icon-blue.png");transform:scale(0.8); transform-origin: 100% -30%}
.newSustainability .iconBeforeText.AIAct:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/AI-Act-Icon-blue.png");transform:scale(0.8); transform-origin: 100% -30%}
.newSustainability .iconBeforeText.DIN:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/DIN-Icon-blue.png");transform:scale(0.8); transform-origin: 100% -30%}
.newSustainability .iconBeforeText.BestPractice:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/best-practice-Icon-blue.png");transform:scale(0.8); transform-origin: 100% -30%}
.newSustainability .iconBeforeText.GenerativeKI1:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Generative-KI/icons/So-funktioniert-generative-KI-lila.png");transform:scale(0.8); transform-origin: 100% -30%}
.newSustainability .iconBeforeText.GenerativeKI2:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Generative-KI/icons/Das_bringt_generative_KI-lila.png");transform:scale(0.8); transform-origin: 100% -30%}


.newSustainability .quoteFrame {border-top: 1px solid #9d1232; border-bottom: 1px solid #9d1232;}
.newSustainability .quoteFrame .ce_text {display: flex; align-items: center}
.newSustainability .quoteFrame .ce_text figure {width: 200px; height: 200px; border-radius: 50%; border: 1px solid #ddd}
.newSustainability .quoteFrame .ce_text > div {width: 80%;font-size: 1.2em;position: relative}
.newSustainability .quoteFrame .ce_text > div:before {content: "\f10d";font-family: "FontAwesome";color: #9d1232;position: absolute;font-size: 11em;top: -56px;left: -38px;opacity: 0.2;}
.newSustainability .quoteFrame .quoteFrom {font-size: 0.8em; color:#9d1232 }
.newSustainability .tableListFrame {display: flex}
.newSustainability .tableListFrame .ce_list {width: 33.3333%;margin-right: 2%;font-size: 0.9em;}
.newSustainability .tableListFrame h3 {background-color: #920f30; color: #fff; padding: 10px; font-weight: 100; text-transform: uppercase; margin-bottom: 0}
.newSustainability .tableListFrame .ce_list ul {padding-left: 0}
.newSustainability .tableListFrame .ce_list ul li {position: relative; padding: 10px 0 10px 40px}
.newSustainability .tableListFrame .ce_list ul li:before {content: "\f35a";font-family: "FontAwesome";font-size: 18px;position: absolute;left: 28px;top: 10px;color: #920f30}
.newSustainability .tableListFrame .ce_list ul li:nth-child(2n) {background-color: #f1f1f1}

.newSustainability .paragraphList li:before {content:"\f054"; font-family: "Fontawesome";font-size: 16px; font-weight: bold}
.newSustainability .paragraphList li {padding-left: 50px}
.newSustainability .paragraphList li:nth-child(1) {font-weight: bold; padding-left: 0 !important;color: #910f30; font-size: 18px}
.newSustainability .paragraphList li:nth-child(1):before {display: none}
.newSustainability .paragraphList li:nth-child(1) span {width: 40px; height: 40px; border-radius: 50%; background-color: #910f30; color: #fff; display: inline-block; margin-left: -20px; margin-right: 11px; text-align: center;vertical-align: middle; padding-top: 3px}
.newSustainability .paragraphList.noHeadline li {position: relative; padding-left: 40px !important}
.newSustainability .paragraphList.noHeadline li span {position: absolute; left: 0}

.newSustainability .paragraphList.noDots li:before {display: none}
.newSustainability .paragraphList.noDots li {padding-left: 30px; padding-top: 5px}
.newSustainability .paragraphList.noDots li:nth-child(1) {padding-top: 25px}

.newSustainability .flexRowCenter {display: flex; align-items: center}
.newSustainability .flexRowCenter.lined {border-bottom: 1px solid #910f30}

.newSustainability a.btn {display: inline-block; padding: 8px 32px; background-color: #910f30; color: #fff; border-radius: 25px; text-decoration: none}
.newSustainability a.btn:hover {opacity: 0.8}

.newSustainability .twoColTableList ul, .newSustainability .threeColTableList ul {padding-left: 0; display: flex; flex-wrap: wrap; font-size: 0.85em}
.newSustainability .twoColTableList ul li, .newSustainability .threeColTableList ul li {padding: 10px; border-bottom: 2px solid #ddd}
.newSustainability .twoColTableList ul li:before, .newSustainability .threeColTableList ul li:before {display: none}

.newSustainability .twoColTableList ul li:nth-child(1n) {width: 30%;font-weight: bold}
.newSustainability .twoColTableList ul li:nth-child(2n) {width: 70%;font-weight: normal}
.newSustainability .twoColTableList ul li:nth-child(1), .newSustainability .twoColTableList ul li:nth-child(2) {background-color: #911232; color: #fff; font-weight: 100;text-transform: uppercase;}
.newSustainability .twoColTableList ul li:nth-child(5), .newSustainability .twoColTableList ul li:nth-child(6), .newSustainability .twoColTableList ul li:nth-child(9), .newSustainability .twoColTableList ul li:nth-child(10), .newSustainability .twoColTableList ul li:nth-child(13), .newSustainability .twoColTableList ul li:nth-child(14) {background-color: #f1f1f1}

.newSustainability .threeColTableList ul li:nth-child(1), .newSustainability .threeColTableList ul li:nth-child(2), .newSustainability .threeColTableList ul li:nth-child(3) {background-color: #911232; color: #fff; font-weight: 100;text-transform: uppercase;}
.newSustainability .threeColTableList ul li:nth-child(1n) {width: 37.5%;font-weight: normal}
.newSustainability .threeColTableList ul li:nth-child(1) {width: 25%}
.newSustainability .threeColTableList ul li:nth-child(3n+4) {font-weight: bold;width: 25%;}

#regelsetzungTable ul {font-size: 1em}
#regelsetzungTable span {display: block;padding-left: 15px;position: relative;margin-bottom: 5px}
#regelsetzungTable span:before {content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #920f30;    display: block;position: absolute;left: 0;top: 10px}

.newSustainability .boxedElement {border: 3px solid #910f30; padding: 35px; margin: 6% 0 3% 0}

.newSustainability  #chatGPTStatementFrame .ce_text h2 {font-size: 1.6em; margin-bottom: 10px}
.newSustainability  #chatGPTStatementFrame .pg_loadTreeLightboxElOverlay {padding: 30px}
.newSustainability  #chatGPTStatementFrame .textBoxLink, .newSustainability  #chatGPTStatementFrame .textBoxLink a {color: #910f30}

.newSustainability #BeFKiOuter {margin-top: 0}
.newSustainability #Kitab li:first-child {background-color: #003c6a}
.newSustainability #Kitab li:last-child {background-color: rgb(144, 167, 185)}

#article-1052 #Kitab li.active {background-color: #f5f5f5}
#article-1052 #Kitab li {background-color: #fff}
#article-1052 #TP269 {width: 100%}


.newSustainability .exampleFrame {margin: 2% 0 0 0; padding: 50px 25px 25px 25px; border: 3px solid #920f30; color: #920f30; border-radius: 4.5px; position: relative}
.newSustainability .exampleFrame:before {content:"\f0eb"; font-family: "Fontawesome";font-size: 26px;font-weight: bold;position: absolute;right: 10px;top: 10px;border: 3px solid;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.ce_list.nowHeadCol ul li:nth-child(1), .ce_list.nowHeadCol ul li:nth-child(2) {background-color: rgba(0,0,0,0); color: #464646; text-transform: initial}
.ce_list.nowHeadCol ul li:nth-child(1) {font-weight: bold}
.ce_list.nowHeadCol ul li:nth-child(1), .ce_list.nowHeadCol ul li:nth-child(2), .ce_list.nowHeadCol ul li:nth-child(5), .ce_list.nowHeadCol ul li:nth-child(6)  {background-color: #fff}
.twoColTableList.innerSpanList li span, .threeColTableList.innerSpanList li span {display: block;padding-left: 15px;position: relative;margin-bottom: 5px;}
.twoColTableList.innerSpanList li span:before, .threeColTableList.innerSpanList li span:before {content: "";width: 5px;height: 5px;border-radius: 50%;background-color: #920f30;display: block;position: absolute;left: 0;top: 10px;}    

#bedeutendeKIModelle ul li:nth-child(3n-1) {width: 20%}
#bedeutendeKIModelle ul li:nth-child(3n) {width: 55%}
#bedeutendeKIModelle ul li:nth-child(4), #bedeutendeKIModelle ul li:nth-child(5), #bedeutendeKIModelle ul li:nth-child(6), #bedeutendeKIModelle ul li:nth-child(10), #bedeutendeKIModelle ul li:nth-child(11), #bedeutendeKIModelle ul li:nth-child(12), #bedeutendeKIModelle ul li:nth-child(16), #bedeutendeKIModelle ul li:nth-child(17), #bedeutendeKIModelle ul li:nth-child(18) {background-color: #f1f1f1}

.newSustainability .textButton {background-color: rgba(0,0,0,0);margin: 0;padding: 0;color: #910f30;border: none;text-decoration: underline;font-weight: bold;width: auto;text-shadow: none;font-size: 16px;box-shadow: none;line-height: initial;vertical-align: initial;}
.newSustainability .textButton:after {content:"\f0eb"; font-family: "Fontawesome";font-weight: bold; margin-left: 3px}

.textLightBox {position: fixed; top: 0; width: 100%; left: 0; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 99; display: flex; justify-content: center; align-items: center}
.textLightBox button {background-color: rgba(0,0,0,0); width: auto; border: none; box-shadow: none; text-shadow: none;position: absolute; top: 20px; right: 20px; margin: 0; padding: 0}
.textLightBox button:before {content:"\f057"; font-family: "Fontawesome";font-weight: bold;font-size: 3em; color: #fff}
.textLightBox img {max-height: 90%;}

.newSustainability .quotFrame {overflow: visible; margin: 6% 0; cursor: default; width: 100%}
.newSustainability .quotFrame.rowReverse > div {flex-direction: row-reverse;}
.newSustainability .quotFrame.lightBoxElement > div {height: 320px; display: flex;width: 100%; border-bottom-left-radius:35px; border-top-left-radius:35px;border-top-right-radius:35px; border-bottom-right-radius: 0; overflow: hidden;box-shadow: 2px 2px 15px rgb(0,0,0,.4)}
.quotFrame.lightBoxElement > div .iconRowImage {width: 20%; height: 320px}
.newSustainability .quotFrame.lightBoxElement .pg_loadTreeLightboxElOverlay {width: 80%; text-align: left; background-color: #fff; padding: 25px; overflow: auto}



#oktopusTest .ce_text {position: relative;margin-bottom: 3%}
#oktopusTest .ce_text p {margin-top: 45px}
#oktopusTest .ce_text:before {content: ""; width: 35px; height: 35px; border-radius: 50%; background-color: #920f30; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; position: absolute; top: 0; left: 0}
#oktopusTest .ce_text:nth-child(1):before {content: "1"}
#oktopusTest .ce_text:nth-child(2):before {content: "2"}
#oktopusTest .ce_text:nth-child(3):before {content: "3"}
#oktopusTest .ce_text:nth-child(4):before {content: "4"}

#einsatzFelderFrame .flipper .front {display: flex; align-items: center}
#einsatzFelderFrame .flipper .front h3 {color: #fff; text-transform: uppercase; font-weight: 100;font-size: 1.6em}
#einsatzFelderFrame .flipper .back {overflow: auto}
#einsatzFelderFrame .flipper .back p {line-height: 1.6}

.flexRow.textHighlight p {color: #920f30; font-weight: bold}

.overViewInnerFlipTile {padding: 25px;background-color: #426798; color: #fff}
.overViewInnerFlipTile h3 {color: #fff;     text-transform: uppercase;
    font-weight: lighter;
    font-size: 1.4em;
    margin: 10px 0 30px 0;}
.robotikTileLightBox .overViewInnerFlipTile strong {color: #fff}
.robotikTileLightBox .ce_text ul li::before {color: #426798 !important}
.robotikTileLightBox h2, .robotikTileLightBox strong {color: #426798}
.robotikTileLightBox h2 {font-size: 2.2em}
.robotikTileLightBox p {margin-bottom: 0}
.robotikTileLightBox .headline {margin-bottom: 3%;background-color: #426798;padding: 10px;color: #fff;display: inline-block;font-size: 20px;font-weight: lighter;text-transform: uppercase;}
.robotikTileLightBox .headline p {margin-top: 0}    
.robotikTileLightBox figure {border: 2px solid #426798}
#main .robotikTileLightBox .ce_text ul li {padding-top: 0; padding-bottom: 15px}
.robotikTileLightBox .ce_download a {width: initial;min-width: 550px;margin: 3% 0 0 0;background-color: #426797;color: #fff;padding: 12px;text-align: center;text-decoration: none;}
.robotikTileLightBox .ce_download a:before {margin-top: 0} 
.robotikTileLightBox .ce_download .size {display: none}


/*TIMELINE*/
.timeLineFrame {position: relative; display: grid;grid-template-rows: 0.5fr 1fr; grid-template-columns: 25% 25% 25% 25%; grid-auto-flow: column}
.timeLineFrame_line {position: absolute; left: 0; top: calc(50% - 1px);height: 2px; width: 100%; background-color: #921030; z-index: -1}
.timeLineFrame > div:nth-child(1) {grid-column-start:1;grid-column-end:2; grid-row-start:1; grid-row-end:2}
.timeLineFrame > div:nth-child(2) {grid-column-start:2;grid-column-end:3; grid-row-start:2; grid-row-end:3}
.timeLineFrame > div:nth-child(3) {grid-column-start:3;grid-column-end:4; grid-row-start:1; grid-row-end:2}
.timeLineFrame > div:nth-child(4) {grid-column-start:4;grid-column-end:5; grid-row-start:2; grid-row-end:3}
.timeLineFrame > div.ce_text {position: relative}
.timeLineFrame > div.ce_text strong {color: #921030;}
.timeLineFrame > div.ce_text:after {font-family: "Fontawesome";content: "\f192"; position: absolute;left: calc(50% - 4px);font-size: 2em;color: #921030; background-color: #fff}
.timeLineFrame > div:nth-child(1):after, .timeLineFrame > div:nth-child(3):after {bottom: calc(0% - 19px)}
.timeLineFrame > div:nth-child(2):after, .timeLineFrame > div:nth-child(4):after {top: calc(0% - 13px)}

@media(max-width: 850px)
{
	.timeLineFrame {grid-template-rows: 1fr 1fr 1fr 1fr; grid-template-columns: 10% 90%}
	.timeLineFrame_line {left: calc(5% - 2px);top: 0;height: 100%;width: 2px;}
	.timeLineFrame > div:nth-child(1) {grid-column-start:2;grid-column-end:3; grid-row-start:1; grid-row-end:2}
	.timeLineFrame > div:nth-child(2) {grid-column-start:2;grid-column-end:3; grid-row-start:2; grid-row-end:3}
	.timeLineFrame > div:nth-child(3) {grid-column-start:2;grid-column-end:3; grid-row-start:3; grid-row-end:4}
	.timeLineFrame > div:nth-child(4) {grid-column-start:2;grid-column-end:3; grid-row-start:4; grid-row-end:5}
	.timeLineFrame > div.ce_text:after {left: calc(-10% + 1px);bottom: initial;top: 13px}

}


@media(max-width: 850px)
{
	#ScrollNav {display: none !important}
	.newSustainability .visibleRow {overflow: hidden}
	
	.newSustainability h2 {font-size: 1.6em}
	.newSustainability .backpic .layer .innerInside {font-size: 0.9em;top: 10%}
	.newSustainability .diagonal.head-left, .newSustainability .diagonal.head-right {display: none}

	.newSustainability .iconBoxFrame {display: block !important}
	.newSustainability .iconBox {width: 100%; margin: 0 0 12% 0}
	.newSustainability .iconBox h3 {min-height: initial}

	.newSustainability .textRow, .newSustainability .textRowSimple {width: 100%; margin: 0; font-size: 1em}
	.newSustainability .textRow > p:first-child:before {transform: scale(0.5);transform-origin: 50% 37%; z-index: 0}
	.newSustainability .textRow ul li {display: block}
	.newSustainability #main .ce_text ul li::before {top: -5px}
	
	.newSustainability .pg_slideRowStart {min-height: 400px; margin: 3% 0 6% 3%}
	.newSustainability .pgSlide.linkTile {width: 300px}
	
	.newSustainability .backpic.mapPic {background-position: 95% 50% !important}
	.newSustainability .backpic.mapPic .layer .innerInside {width: 90%; top: 5%; left: 5%; right: 5%;}
	.newSustainability .backpic.mapPic .layer { background-color: rgba(255,255,255,0.7)}
	
	.newSustainability .litList.kmu ul {display: flex}
	.newSustainability .litList.kmu ul li.first.cover {display: none !important}
	.newSustainability .litList.kmu ul li {font-size: 8px !important}
	.newSustainability .litList.kmu ul li.herausgeber {width: 50% !important}
	.newSustainability .litList.kmu ul li:last-child {width: 20% !important}
	
	.newSustainability .backpic.invertedLayerDark {background-position: 87% 50% !important}
	.newSustainability .backpic.invertedLayerDark .innerInside {width: 90%;margin: 0 5%}
	.newSustainability .backpic.invertedLayerDark .innerInside h1 {text-shadow: 1px 1px 2px rgba(0,0,0,0.5)}
	.newSustainability .backpic.invertedLayerDark .layer { background-color: rgba(255,255,255,0.6)}

	.newSustainability .iconBeforeText:before {left: 0; opacity: 0.2}
	
	.newSustainability .quoteFrame .ce_text {display: block}
	.newSustainability .quoteFrame .ce_text figure {margin: 0 auto}
	.newSustainability .quoteFrame .ce_text > div {width: 100%}
	.newSustainability .quoteFrame .ce_text > div:before {font-size: 3em; left: 0}
	
	.newSustainability .tableListFrame {display: block}
	.newSustainability .tableListFrame .ce_list {width: 100%; margin: 0}
	
	.newSustainability .iconFlexedCentered {display: block}
	.newSustainability .iconFlexedCentered figure {max-width: 50px; margin: 0 auto}

	.newSustainability .redAccordeonRow .pg_accfolHeadline {font-size: 14px}
}

@media(max-width: 768px)
{
	#einsatzFelderFrame .flip-container, #einsatzFelderFrame .flip-container .front, #einsatzFelderFrame .flip-container .back {height: 450px !important}
	#einsatzFelderFrame .flip-container {width: 100% !important; margin: 0 0 3% 0 !important}
	#einsatzFelderFrame .flipper .back p {font-size: 14px}
	
	.newSustainability .quotFrame > div {display: block !important}
	.newSustainability .quotFrame > div > div {width: 100% !important}
	.newSustainability .quotFrame.lightBoxElement > div {height: auto !important}
}



/*--------------------------------------------*/
/*------- PAGE --> Nachhaltigkeit -------------*/
/*--------------------------------------------*/
.iconFlexedCentered {display: flex; align-items: center;text-align: justify;}
.iconFlexedCentered p {margin: 0}
.iconFlexedCentered figure {margin-right: 3%;min-width: 150px}

.blueAccordeonRow, .redAccordeonRow * {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.blueAccordeonRow .pg_accfolContent, .redAccordeonRow .pg_accfolContent {display: none; padding-left: 35px}
.blueAccordeonRow .pg_accfolContent.active, .redAccordeonRow .pg_accfolContent.active {display: block}
.blueAccordeonRow .pg_accfolHeadline, .redAccordeonRow .pg_accfolHeadline {color: #fff; padding-left: 35px; position: relative;margin-bottom: 0;}
.blueAccordeonRow .pg_accfolHeadline .ui-accordion-header-icon, .redAccordeonRow .pg_accfolHeadline .ui-accordion-header-icon {display: none}
.blueAccordeonRow .pg_accfolHeadline:before, .redAccordeonRow .pg_accfolHeadline:before {font-family: "Fontawesome";content: "\f054";position: absolute; left: 10px; top: 16px} 
.blueAccordeonRow .pg_accfolHeadline.active:before, .redAccordeonRow .pg_accfolHeadline.active:before {transform: rotate(90deg)}
.blueAccordeonRow .pg_accfolHeadline {background-color: #79cbd8}
.redAccordeonRow .pg_accfolHeadline {background-color: #920f30}

/*--------------------------------------------*/
/*------- PAGE --> Standpunkt -------------*/
/*--------------------------------------------*/
#article-1133 #BeFKiOuter .inside {flex-wrap: wrap}

#article-836 #BeFKiOuter .inside, #article-1010 #BeFKiOuter .inside {display: block}
#article-836 #BeFKiOuter .inside iframe, #article-1010 #BeFKiOuter .inside iframe {width: 100%; height: 100%; outline: 0; border: none; position: absolute; top: 0; left: 0}
#article-836 .KitabTextInner, #article-1010 .KitabTextInner {padding-bottom: 56.5%}

#article-1031 #TP269 {width: 100%}

/*--------------------------------------------*/
/*------- PAGE --> Standpunkt --> ChatGPT -------------*/
/*--------------------------------------------*/
#chatGPTStatementFrame  {overflow: visible; margin-top: 3%}
#chatGPTStatementFrame .lightBoxElement {width: 100%; margin-bottom: 6%}
#chatGPTStatementFrame .lightBoxElement:nth-child(2n) > div {flex-direction: row-reverse;}
#chatGPTStatementFrame .lightBoxElement:nth-child(2n) > div {border-bottom-left-radius:0; border-top-left-radius:35px;border-top-right-radius:35px; border-bottom-right-radius: 35px}
#chatGPTStatementFrame .lightBoxElement > div {height: 380px; display: flex;width: 100%; border-bottom-left-radius:35px; border-top-left-radius:35px;border-top-right-radius:35px; border-bottom-right-radius: 0; overflow: hidden;box-shadow: 2px 2px 15px rgb(0,0,0,.4)}
#chatGPTStatementFrame .lightBoxElement > div .iconRowImage {width: 30%; height: 380px}
#chatGPTStatementFrame .pg_loadTreeLightboxElOverlay {width: 70%; text-align: left; padding: 50px; position: relative}

#chatGPTStatementFrame .lightBoxElement:nth-child(2n-1) .pg_loadTreeLightboxElOverlay {background-color: rgba(242,242,242,1)}
#chatGPTStatementFrame .lightBoxElement:nth-child(2n) .pg_loadTreeLightboxElOverlay {background-color: rgba(230,242,245,1)}

#chatGPTStatementFrame .lightBoxElement:nth-child(2n-1) .readMoreButton {position: absolute;left: 0;width: 100%;bottom: 0;height: 91px;background: linear-gradient(0deg, #f2f2f2 60%, #f2f2f28a 100%, #f2f2f2 100%);}
#chatGPTStatementFrame .lightBoxElement:nth-child(2n) .readMoreButton {position: absolute;left: 0;width: 100%;bottom: 0;height: 91px;background: linear-gradient(0deg, #e7f2f5 60%, #e7f2f547 100%, #e7f2f5 100%);}

#chatGPTStatementFrame .readMoreButton span {position: absolute;bottom: 25px;width: 30px;height: 30px;left: calc(50% - 15px);border-radius: 50%;background-color: #911232;display: flex;justify-content: center;padding-top: 4px; color: #fff;cursor: pointer}

body.chatGPTPage .pg_lbElementLBInner {padding: 25px;border-bottom-left-radius:35px; border-top-left-radius:35px;border-top-right-radius:35px; border-bottom-right-radius: 0; }
body.chatGPTPage .pg_lbElementLBInnerIframe, .pg_lbElementLBInner > div {width: 100%; left: 0; top: 0; padding-bottom: 0 !important}

body.lightBoxPage .chatGPTLBPicRow {display: flex}
body.lightBoxPage .chatGPTLBPicRow .backpic {width: 30%; height: 380px}
body.lightBoxPage .chatGPTLBPicRow .ce_text {width: 70%; padding-left: 50px}

body.lightBoxPage.chatGPTGreyBack {background-color: rgba(242,242,242,1)}
body.lightBoxPage.chatGPTBlueBack {background-color: rgba(230,242,245,1)}

body.chatGPTPage #Galerien .row.down {display: flex; flex-wrap: wrap}
body.chatGPTPage #Galerien .row.down .col3 {margin-right: 1%; border-radius: 15px; width: 19% !important}
body.chatGPTPage #Galerien .row.down .col3 img {border-radius: 15px}
body.chatGPTPage #Galerien .row.down .col3 .gg_text::before {right: 5%; left: 5%; border-radius: 15px}
body.chatGPTPage #Galerien  #gg_lbContent {border-radius: 25px}


body.lightBoxPage .threequestions p.info {display: none}

@media(max-width: 768px)
{
	body.chatGPTPage #Galerien .row.down {flex-wrap: wrap}
	body.chatGPTPage #Galerien .row.down .col3 {width: 100% !important; margin: 0 0 3% 0}
	body.chatGPTPage .gg_close {transform: scale(1); top: 3%; left: 86%} 
	body.chatGPTPage #Galerien .row.down .col3 img {margin: 0 auto;}
	
	#chatGPTStatementFrame .lightBoxElement > div, body.lightBoxPage .chatGPTLBPicRow {flex-wrap: wrap; height: auto}
	#chatGPTStatementFrame .lightBoxElement > div .iconRowImage, .row chatGPTLBPicRow .backpic, body.lightBoxPage .chatGPTLBPicRow .backpic {height: 250px !important}
	#chatGPTStatementFrame .pg_loadTreeLightboxElOverlay {padding: 25px}
	#chatGPTStatementFrame .lightBoxElement > div .iconRowImage, #chatGPTStatementFrame .pg_loadTreeLightboxElOverlay, body.lightBoxPage .chatGPTLBPicRow .backpic, body.lightBoxPage .chatGPTLBPicRow .ce_text {width: 100%;} 
	body.lightBoxPage .chatGPTLBPicRow .ce_text {padding: 25px 0 0 0} 
	#chatGPTStatementFrame .lightBoxElement:nth-child(2n-1) .readMoreButton {height: 126px}
	.pg_lbElementBack:before {top: 2%; padding: 5px}
	body.lightBoxPage .chatGPTLBPicRow .backpic {border-top-left-radius: 15px; border-top-right-radius: 15px; }
	

}


/*--------------------------------------------*/
/*------- PAGE --> NEWS --> Streitsache -------------*/
/*--------------------------------------------*/
#streitsache .fullwidthTile  {padding-bottom: 7px}
#streitsache .fullwidthTile .ce_Mitarbeiter.col3 {width: 100%; padding-top: 8%}
#streitsache .fullwidthTile .jKhead {width: 90%;padding-bottom: 9px;}
#streitsache .rightTile .ce_Mitarbeiter.col3 {width: 30%;margin-top: 5px;}

#streitsache .toppicStatement h2 {font-size: 50px; font-weight: bold; color: #464646; display: inline-block; text-transform: uppercase; margin-bottom: 5px;letter-spacing: -2px;}
#streitsache .toppicStatement .toppicDot {color: #920f30; font-size: 90px; display: inline-block;line-height: 0;margin-bottom: 0;}
#streitsache .toppicStatement p {margin-top: 0}

/*
#streitsache .toppicStatementFrame .col6 {padding-right: 3%; border-right: 3px solid #920e30}
#streitsache .toppicStatementFrame .col6.last {padding-right: 0;padding-left: 0; border-right: 0}
*/

.aiCoding.flex3 {display: flex; justify-content: space-between}
.aiCoding.flex3 > div {width: 30%; margin: 0}
.aiCoding.flex3.logos {padding-top: 1%}
.aiCoding.flex3.logos > div {width: 24%;margin: 0 3%}
.aiCoding.flex3.logos > div img {padding: 50px}
.aiCoding.flex3 .offsetTile {margin-left: 35%}

@media(max-width: 768px)
{
	.aiCoding.flex3 {display: block}
	.aiCoding.flex3 > div, .aiCoding.flex3.logos > div {width: 100%; margin: 0 0 3% 0} 
	.aiCoding.flex3 .offsetTile {margin-left: 0} 
}	

/*--------------------------------------------*/
/*------- PAGE --> ERGEBNISSE -------------*/
/*--------------------------------------------*/
.linkBoxFrame .linkBox {-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);-moz-transition: all .45s cubic-bezier(.23,1,.32,1);-ms-transition: all .45s cubic-bezier(.23,1,.32,1);-o-transition: all .45s cubic-bezier(.23,1,.32,1);transition: all .45s cubic-bezier(.23,1,.32,1)}
.linkBoxFrame .linkBox.lightblue {background-color: #9fb7d6}
.linkBoxFrame .linkBox.lighterblue {background-color: #51bdca}
.linkBoxFrame .linkBox.purple {background-color: #a7a5d2}
.linkBoxFrame .linkBox.darkBlue {background-color: #526e95}
.linkBoxFrame .linkBox.red {background-color: #a83e69}
.linkBoxFrame {display: flex;flex-wrap: wrap;}
.linkBoxFrame .linkBox {position: relative; color: #fff; padding: 30px; width: 25%;flex-wrap: wrap; text-align: center}
.linkBoxFrame .linkBox:hover {box-shadow: 2px 2px 5px rgba(0,0,0,0.4);transform: scale(1.1);z-index: 2;}
.linkBoxFrame .linkBox h3 {color: #fff}
.linkBoxFrame .linkBox a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1)}
.linkBoxFrame.cols2 .linkBox {width: 50%;  padding: 50px}
.linkBoxFrame.cols3 .linkBox {width: 33.3333%;  padding: 50px}

.teaserBoxFrame.teaserBoxFull {min-height: 280px}
.teaserBoxFrame.teaserBoxFull .teaserBox {width: 100%; margin: 0; padding-bottom: 0; padding: 0; min-height: 200px; max-height: 200px}
.teaserBoxFrame.teaserBoxFull .teaserBox a {display: flex; padding: 0}
.teaserBoxFrame.teaserBoxFull .teaserBox a div, .teaserBoxFrame.teaserBoxFull .teaserBox a figure {width: 50%}
.teaserBoxFrame.teaserBoxFull .teaserBox a figure {left: initial; right: 0}
.teaserBoxFrame.teaserBoxFull .teaserBox a div {padding: 25px}

/*--------------------------------------------*/
/*------- PAGE --> FÖRDERUNG KI -------------*/
/*--------------------------------------------*/
#foerderungsListe > h3 {color:#464646; border-top: 3px solid #ddd; border-bottom: 3px solid #ddd;padding-top: 3%;}
#foerderungsListe .ce_text {display: flex;font-size: 0.8em;margin-bottom: 6%}
#foerderungsListe .ce_text > div:first-child {width: 31%; margin-right: 3%}
#foerderungsListe .ce_text > div:last-child {width: 65%}
#foerderungsListe .ce_text > div:last-child a {color: #920f30}


/*--------------------------------------------*/
/*------- PAGE --> SUCHE -------------*/
/*--------------------------------------------*/
.mod_search form {width: 50%;background-color: #efefef;padding: 50px;border: 1px solid #c5c4c4}
.mod_search input, .mod_search input[type="submit"] {width: 100%}
.mod_search .context, .mod_search .header {margin-bottom: 40px}
.mod_search .url, .mod_search .relevance {display: none}


/*--------------------------------------------*/
/*------- PAGE --> WEBTALK -------------*/
/*--------------------------------------------*/
@media(max-width: 768px)
{
	#kollege-ki > section.folder > div {background: url("/files/img/headPictures/KI_Impulse_FINAL_ohne_Text.jpg") 60% 50% no-repeat !important; height: 300px !important}
	
}

#kooperationLogoFrame p {color: #848484; font-size: 14px}
#kooperationLogoBar {display: flex; justify-content: center; align-items: center}
#kooperationLogoBar div {width: 20%;margin: 0 2%}




/*--------------------------------------------*/
/*------- PAGE --> KMU --> Booklet -------------*/
/*--------------------------------------------*/
.bookletLightBox h3.grey {color: #848484}
.bookletLightBox > .ce_text > figure {margin-top: 0}
.bookletLightBox strong {color: #920f30}


/*--------------------------------------------*/
/*------- PAGE --> KMU (BLUE) ------------*/
/*--------------------------------------------*/
.kmuPage .inside {padding-right: 0 }

.kmuPage.blueColor .pg_accfolSta {max-height: 50px}
.kmuPage.blueColor .pg_accfolSta.active {max-height: 10000px;}
.kmuPage.blueColor #Stolpersteine .pg_accfolHeadline .ui-accordion-header-icon {position: initial}
.kmuPage.blueColor .pg_accfolHeadline, .kmuPage.blueColor #Stolpersteine .pg_accfolHeadline {background-color: #51bdca !important; color: #fff}
.kmuPage.blueColor .pg_accfolHeadline .ui-accordion-header-icon, .kmuPage.blueColor #Stolpersteine .pg_accfolHeadline .ui-accordion-header-icon {background: url('/system/modules/pg_accordeonFolder/assets/img/arrow-white.png') 50% 50% no-repeat;background-size: cover;}
.kmuPage.blueColor .pg_accfolSta .ce_text {padding-left: 45px}

.kmuPage.blueColor .pg_accfolHeadline .pg_accSubline {float: right;font-weight: bold;font-size: 14px;color:#464646}

.kmuPage.blueColor .ce_accordionSingle {padding-bottom: 12px}
.kmuPage.blueColor .ce_accordionSingle .toggler {padding: 15px;background-color: #51bdca; color: #fff}
.kmuPage.blueColor .ce_accordionSingle .toggler:hover {opacity: 1}
.kmuPage.blueColor .ce_accordionSingle .accordion {padding-left: 45px}
.kmuPage.blueColor .ce_accordionSingle .ui-accordion-header-icon {background: url('/system/modules/pg_accordeonFolder/assets/img/arrow-white.png') 50% 50% no-repeat;background-size: cover;height: 20px;display: block;
background-size: cover;width: 20px;float: left;margin-right: 10px;margin-top: -1px;    
-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}
.kmuPage.blueColor .ce_accordionSingle .active .ui-accordion-header-icon {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.kmuPage.blueColor .warumKI.listTable li:first-child, .kmuPage.blueColor .warumKI.listTable li:nth-child(2) {font-size: 1.2em}
.kmuPage.blueColor .readMoreTrigger {background-color: #51bdca}

.kmuPage h3 {color: #464646}
.kmuPage .tabletTile-container, .kmuPage .tabletTile-container .front, .kmuPage .tabletTile-container .back {height: 300px !important}

.kmuPage .publikation {background-color: #f1f1f1;padding: 3%;}

.kmuPage .quote {margin-top: 3%; margin-bottom: 3%; padding: 25px 80px; position: relative; border-top: 1px solid #920f30;border-bottom: 1px solid #920f30; }
.kmuPage .quote:before {font-family: "Fontawesome";content: "\f10e"; color: #920f30; position: absolute; left: 0; top: 45px; font-size: 3em}
.kmuPage .quote strong {color: #920f30}

.kmuPage .kaTitle {color: #fff}

.kmuPage .flip-container {width: 32.33333%;margin-right: 1%;margin-left: 0;margin-bottom: 1%}
.kmuPage .flip-container .button {display: block; position: initial; padding: 0}

.kmuPage .videoTeaser, .kmuPage .videoTeaser a {font-size: 13px; color: #920f30}
.kmuPage .videoTeaser strong {font-size: 16px; color: #4B464C}

#vorreiter .tabletTile .tiler h2 {font-size: 1.6em}
#vorreiter .tabletTile .tiler span {font-size: 15px}
#vorreiter .tabletTile .tiler h2, #vorreiter .tabletTile .tiler span {background-color: rgba(0,0,0,0); color: #fff}

#vorreiter #Netzwerk .flip-container, #vorreiter #Netzwerk .front, #vorreiter #Netzwerk .back {height: 200px !important}

#videos-fuer-kmu .ytelement h3, #unterstuetzung .ytelement h3 {min-height: 44px; margin-bottom: 8px}

#bereit-fuer-ki #Kitab li p {font-size: 18px;margin-bottom: 10px;}
#bereit-fuer-ki #Kitab li h4 {font-size: 15px; font-weight: normal;margin-bottom: 15px;}
#bereit-fuer-ki #Kitab li p, #bereit-fuer-ki #Kitab li h4 {color: #fff;}
#bereit-fuer-ki #Kitab li {opacity: 0.8;display: grid;}
#bereit-fuer-ki #Kitab li.active, #bereit-fuer-ki #Kitab li:hover  {opacity: 1}
#bereit-fuer-ki #Kitab li.active {border-bottom: 4px solid #fff;position: relative}
#bereit-fuer-ki #Kitab li.active:before {    content: "";
    border-left: 15px solid #0000;
    border-right: 15px solid #0000;
    border-bottom: 15px solid #fff;
    position: absolute;
    bottom: 0;
    left: calc(50% - 7.5px);}
#bereit-fuer-ki #Kitab li:nth-child(1) {background-color: #9fb7d6}
#bereit-fuer-ki #Kitab li:nth-child(2) {background-color: #918fc7}
#bereit-fuer-ki #Kitab li:nth-child(3) {background-color: #274a7b}
#bereit-fuer-ki #Kitab li:nth-child(4) {background-color: #920e44}
#bereit-fuer-ki .KitabTextInner strong {color:#920e44}

/*--------------------------------------------*/
/*------- PAGE --> THEMENSEITE KI -------------*/
/*--------------------------------------------*/
.keyFact {position: relative; min-height: 90px;display: table;background-color: #fff;padding: 0 10px 0 110px;width: 100%;margin-bottom: 1%;border-radius: 5px;box-shadow: 2px 2px 5px rgba(0,0,0,0.1)}
.keyFact p {display: table-cell; vertical-align: middle}
.keyFact:before {content: ""; background-color: #920f30; position: absolute; left: 0; top:0;width: 90px;height: 90px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-top-left-radius: 5px}
.keyFact:after {font-family: "Fontawesome";content: "\f00c";color: #fff; position: absolute; left: 25px; top: 20px; z-index: 9; font-size: 2.8em}



#quoteFrame {position: relative; min-height: 1000px; padding-top: 20px}
#qouteRow2 {margin-top: 700px }
#quoteTextBox {position: absolute;width: 70%;left: 30%;top: 200px;border-top: 60px solid #f1f1f1;border-radius: 5px;padding: 10px }
#quoteTextBox:before {content: ""; background-color: #920f30; position: absolute; left: 0; top:-60px;width: 60px;height: 60px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-top-left-radius: 5px}
#quoteTextBox:after {font-family: "Fontawesome";content: "\f10d";color: #fff; position: absolute; left: 15px; top: -45px; z-index: 9; font-size: 2em}
#quoteTextBox .headline {position: absolute;top: -45px;left: 75px}
#quoteFrame .ce_text.active {margin: 0;position: absolute;top: 300px;width: 0;}
#quoteFrame .ce_text.animated.zoomIn {top: 300px}
#quoteFrame .ce_text {position: absolute; width: 12%}
#quoteFrame .quoteText, #quoteFrame .ce_text h3  {display: none}
#quoteFrame .quoteText.active {display: block}
#quoteFrame figure {width: 150px; height: 150px; border-radius: 50%;filter: grayscale(100%);overflow: hidden; margin: 0 auto; cursor: pointer}
#quoteFrame .quoteImage {-webkit-transition: all .85s cubic-bezier(.23,1,.32,1);-moz-transition: all .85s cubic-bezier(.23,1,.32,1);-ms-transition: all .85s cubic-bezier(.23,1,.32,1);-o-transition: all .85s cubic-bezier(.23,1,.32,1);transition: all .85s cubic-bezier(.23,1,.32,1)}
#quoteFrame .quoteImage img {max-width: 101%}
#quoteFrame .quoteImage:hover {transform: scale(1.2)}
#quoteFrame .quoteImage.active {cursor: default;filter: grayscale(0%);left: 80px !important;position: absolute;top: 65px;transform: scale(1.8);}


/*------- PAGE --> NACHHALTIGKEIT INTERVIEW TEASER -------------*/
.interviewTeaserFrame {min-height: 450px}
.interviewTeaserFrame .pgSlide {height: 350px; width: 0; overflow: hidden; box-shadow: 0 0 1rem 0 #d7dce1; transition: all .45s ease-in-out;}
.interviewTeaserFrame .pgSlide:hover {box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 23%), 0 0.5rem 1.6rem 0 rgb(0 0 0 / 20%);}

.interviewTeaserFrame > div p {padding: 10px 10px 0 10px; margin: 0; line-height: 22px;font-size: 13px;}
.interviewTeaserFrame > div p:nth-child(3) {color: #848484; padding-top: 0px; min-height: 44px}
.interviewTeaserFrame > div p:last-child {padding-bottom: 10px}
.interviewTeaserFrame > div p a {text-decoration: none; font-size: 16px}
.interviewTeaserFrame > div p a:hover {text-decoration: underline}


/*------- PAGE --> NACHHALTIGKEIT QUOTES -------------*/
#quoteFrame.nachhaltigkeit {min-height: 750px;padding: 3% 0}
#quoteFrame.nachhaltigkeit .ce_text.active, #quoteFrame.nachhaltigkeit .ce_text.animated.zoomIn {top: 0 !important; margin: 0}
#quoteFrame.nachhaltigkeit .ce_text {margin-left: 17%; margin-top: 3%}
#quoteFrame.nachhaltigkeit  #quoteTextBox {width: 100%; left: 0; margin-top: 1%; border-top: 60px solid #fff}
#quoteFrame.nachhaltigkeit #quoteTextBox:before {background-color: #000000}
#quoteFrame.nachhaltigkeit #quoteTextBox .headline {top: -54px;left: 90px;color: #000;font-size: 30px}
#quoteFrame.nachhaltigkeit #quoteTextBox a.link {display: inline-block;background-color: #920e30;color: #fff;cursor: pointer;padding: 5px 50px;text-decoration: none;font-weight: bold;float: right}
#quoteFrame.nachhaltigkeit .quoteImage.active {left:60px !important}

@media (max-width: 768px)
{
	#quoteFrame.nachhaltigkeit {min-height: 1180px}
	#quoteFrame.nachhaltigkeit .ce_text {margin-top: -12%;margin-left: 53%; position: initial}
	#quoteFrame figure {transform: scale(0.6)}
	#quoteFrame .quoteImage:hover {transform: scale(0.6)}
	#quoteFrame.nachhaltigkeit #quoteTextBox {margin-top: 10%}
	#quoteFrame .quoteImage.active {transform: scale(1.2); margin-left: -40px !important}
	#quoteFrame.nachhaltigkeit #quoteTextBox .headline {font-size: 20px; left: 70px}
}


@media (max-width: 768px)
{
	#interview-lynn-kaack .backpicFrame, #interview-lynn-kaack .backpic, 
	#interview-philipp-kanstinger .backpicFrame, #interview-philipp-kanstinger .backpic,
	#interview-hannah-helmke .backpicFrame, #interview-hannah-helmke .backpic,
	#interview-matthias-gotsch .backpicFrame, #interview-matthias-gotsch .backpic
	{height: 720px !important;font-size: 0.6em !important}
	.backpicFrame .interview figure {transform: scale(0.65);transform-origin: 0 20%}
	#InterviewScrollNav {display: none}
	.question li.first:before {left: -15%;font-size: 20px;}
	.interviewPagination li {margin: 5px}
}


/*--------------------------------------------*/
/*------- PAGES --> KI INDIKATOREN --> LIGHTBOXES -------------*/
/*--------------------------------------------*/
.tableFrame {font-size: 0.9em}
.tableFrame .listHeader {font-weight: bold; background-color: #003c69 !important; color: #fff}
.tableFrame ul {display: flex; padding-left: 0; border-bottom: 1px solid #003c69}
.tableFrame ul li:before {display: none}
.tableFrame ul li {list-style-type: none; width: 40%; padding: 10px; hyphens: auto}
.tableFrame .ce_list:nth-child(2n+1) {background-color: #f5f5f5}
.tableFrame ul li:first-child {width: 55%; font-weight: bold}
.tableFrame ul li:last-child {width: 5%}
.tableFrame ul li a {text-decoration: underline}
.tableFrame ul li a i {font-size: 1.4em; color: #003c69}

#foederKMUTable.tableFrame ul li:nth-child(2) {width: 60%}
#foederKMUTable.tableFrame ul li:nth-child(3) {width: 20%}

.tableFrame.cols1 ul li {width: 100%}

.indikatorHint {font-size: 12px}

.kiIndikatorArticle .watermark img {display: none}
.kiIndikatorArticle .watermark p {font-size: 14px;color: #707070;font-weight: bold;}

.kiIndikatorArticle #Kitab li {width: 30%}
.kiIndikatorArticle #BeFKiOuter .tableFrame .ce_list:nth-child(2n) {background-color: #fff !important}

.kiIndikatorArticle h3 {color: #464646}

.kiIndikatorArticle.tabFull .inside {display: block !important}

@media (max-width: 860px)
{
	.tableFrame {font-size: 0.7em}
	.tableFrame ul li {hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto}
	.tableFrame ul li:first-child {width: 50%}
	.tableFrame ul li:last-child {width: 10%} 
	
	#foederKMUTable.tableFrame ul li:nth-child(1), #foederKMUTable.tableFrame ul li:nth-child(2) {width: 34%}
	#foederKMUTable.tableFrame ul li:nth-child(3) {width: 22%}
	.tableFrame ul li {padding: 5px; line-height: 1.6em}
}

/*--------------------------------------------*/
/*------- PAGES --> ANWENDUNGSSZENARIEN ->LANDINGPAGE -------------*/
/*--------------------------------------------*/
.awsTile figure {position: relative}
.awsTile.noLink figure:before {content: ""}
.awsTile figure:before {font-family: "Fontawesome";
    content: "\f002";
    position: absolute;
    opacity: 0;
    font-size: 8em;
    top: 40%;
    left: 42%;
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.8);transform:scale(0)}
.awsTile figure:hover:before {opacity: 0.8; transform: scale(1)}    
.awsTile a {text-decoration: none}
.awsTile .ce_text a {text-decoration: underline}

.awsDownload.col4 {margin: 0 1%}
.awsDownload {display: inline-block;
    padding: 3px;font-size: 14px; 
    text-align: center;
    border: 2px solid #848484;
    width: 31%;
    margin: 0 9%;}
.awsDownload.three {margin: 0 1%;vertical-align: middle;}    
.awsDownload .size {display: none}
.awsDownload a {color: #848484; text-decoration: none}
.awsDownload a:before {margin: 0 5% 0 0 !important;}

.awsDownload:hover {border-color: #920f30}
.awsDownload:hover a {color: #920f30}

.awsDownload.center {display: block; margin: 0 auto}


.awszPage3 iframe {border: none; outline: 0}
.awszPage3 .backpic .innerInside {background-color: rgba(0,0,0,0); color: #fff;text-shadow: 2px 2px 10px rgba(0,0,0,0.5);font-size: 3em;font-weight: bold;right: 6%;bottom: 0;
position: absolute;width: 45%;padding: 20px;}
.awszPage3 .backpic .innerInside p {background-color: rgba(255,255,255,0.4);padding: 25px;line-height: 1.2em;}


#ergebnisse .awsTile a .backpic {position: relative}
#ergebnisse .awsTile a .backpic:after {content: "zur Themenseite";
    color: #464646;
    font-size: 1.2em;
    font-family: "Rubik";
    transform: scale(0);
    position: absolute;
    top: 45%;
    left: 36%;
    z-index: 9999;}

#ergebnisse .awsTile a .backpic:before {
    position: absolute;
    top: 5%;
    right: 3%;
    bottom: 5%;
    left: 3%;
    border: 2px solid rgba(0,0,0,0.4);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
    z-index: 10;
    background-color: rgba(255,255,255,0.6)}
#ergebnisse .awsTile a .backpic:hover:before, #ergebnisse .awsTile a .backpic:hover:after  {opacity: 1; transform: scale(1)}    


/*--------------------------------------------*/
/*------- PAGES --> INFOGRAFIKEN -------------*/
/*--------------------------------------------*/
#donwloadHint {border: 2px solid #848484; color: #848484; padding: 20px 55px; opacity: 0.9}
#donwloadHint span, #donwloadHint p, #LinkHintGrey span, #LinkHintGrey p, #LinkHint span, #LinkHint p {display: inline-block; vertical-align: middle}
#donwloadHint span, #LinkHint span, #LinkHintGrey span {margin-right: 2%; font-size: 2.4em; width: 4%;}
#donwloadHint p {width: 93%}
#LinkHint .aTag {border: 2px solid #920e30;color: #920e30;text-align: center; padding: 10px 0}
#LinkHint a {text-decoration: none; color: #920e30}

#LinkHintGrey {opacity: 0.9}
#LinkHintGrey .aTag {border: 2px solid #848484;color: #848484;text-align: center; padding: 10px 0}
#LinkHintGrey a {text-decoration: none; color: #848484}



.infoDownload, .infoLink {display:block;padding: 3px 12px;text-align: center;border: 2px solid #848484;width: 50%;margin: 0 auto; margin-top: 9%}
.infoDownload a, .infoLink a {color: #848484; text-decoration: none}
.infoDownload a:before, .infoLink a:before {margin: 0 5% 0 0 !important;}
.infoDownload:hover, .infoLink:hover {border-color: #920f30}
.infoDownload:hover a, .infoLink:hover a {color: #920f30}
.infoDownload .size, .infoLink .size {display: none}

.infoLink a:before {font-family: "Fontawesome";content: "\f061" !important;vertical-align: middle;
display: inline-block;
text-decoration: none !important;  
border-bottom: 1px solid transparent;     
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: 35% 40%;
  -moz-transform: rotate(-45deg);
  -moz-transform-origin: 35% 40%;
  -o-transform: rotate(-45deg);
  -o-transform-origin: 35% 40%;
  -ms-transform: rotate(-45deg);
  -ms-transform-origin: 35% 40%;
  transform: rotate(-45deg);
  transform-origin: 35% 40%;}

/*--------------------------------------------*/
/*------- PAGE --> SURVEY --> RUNDER TISCH -------------*/
/*--------------------------------------------*/
#tab2RunderTisch .cat1 {overflow: hidden; clear: both}
#tab2RunderTisch .cat1 > div {float: right; width: 90%}
#tab2RunderTisch .cat1 .customcheckbox {float: left; width: 10%}

#tab3RunderTisch .cat1.last {text-align: center;margin-top: -5%}

/*--------------------------------------------*/
/*------- PAGE --> BILD MIT EXTERNEM VIDEOLINK + PLAYBUTTON-------------*/
/*--------------------------------------------*/
.videoExternLink {position: relative; overflow: hidden}
.videoExternLink .playBtnFrame {position: absolute; top: 0; left:0; width: 100%; height: 100%; display: flex; justify-content: center; align-items:center; font-size: 4.5em; color: #fff; cursor: pointer}
.videoExternLink a {position: absolute; top: 0; left:0; width: 100%; height: 100%;z-index: 2}
.videoExternLink a:hover .playBtnFrame {color: #910e30}



/*--------------------------------------------*/
/*------- PAGE --> Jahreskonferenz 2021 -------------*/
/*--------------------------------------------*/
.konferenz2021 .indentedHeadline {padding-left: 20px;margin-top: -10px}
.konferenz2021 .pg_lbTile{padding: 25px; color: #fff}
.konferenz2021 .pg_lbIakLBInner, .konferenz2021 .pg_lbIakBack {display: none}
.konferenz2021 .lightBoxTileFrame, .konferenz2021 .tileFrameHeadlines {display: flex; padding: 0 0 3% 0}
.konferenz2021 .pg_lbTile, .konferenz2021 .tileFrameHeadlines .ce_headline {text-align: center;width: 31.333333%; margin: 0 1%; font-weight: bold}
.konferenz2021 .pg_lbTile p:nth-child(1) {text-decoration: underline} 
.konferenz2021 .pg_lbTile p:nth-child(2) {font-size: 18px}

.konferenz2021 .tileFrameHeadlines {padding: 3% 0 1%}
.konferenz2021 .tileFrameHeadlines .ce_headline:nth-child(1) {color: #1d293b}
.konferenz2021 .tileFrameHeadlines .ce_headline:nth-child(2) {color: #920f30}
.konferenz2021 .tileFrameHeadlines .ce_headline:nth-child(3) {color: #51bdca}

.konferenz2021 .fullwidth iframe {min-height: 240px}
.konferenz2021 .ui-accordion-content .ce_download {padding-left: 20px}

.konferenz2023 .fullTile .pg_lbTile {width: 100%; background-color: #c3bfbf !important; padding: 5px}
.konferenz2023 .pg_lbTile p:nth-child(1)  {font-size: 18px}
.konferenz2023 .pg_lbTile p:nth-child(2) {font-size: 15px}

.konferenz2023 .konferenzBlock {margin: 0 1%; background-color: #053d68; color: #fff; padding: 15px 15px 25px 15px}

.konferenz2023 .tileHead {margin-left: 1%;line-height: 1.6em;/*font-size: 1.1em*/}
.konferenz2023 .tileHead h3 {/*font-weight: 300;*/color: #1d293b; margin-bottom: 10px}   
#konferenz-2021 > section.row.inside.smallup > div:nth-child(1){margin-top: 15px} 

@media (max-width: 968px)
{
	.konferenz2021 .pg_lbTile {padding: 10px}
	.konferenz2021 .pg_lbTile p {font-size: 14px !important}
}


.konferenz2025 .konferenzBlock {margin: 0 1%; background-color: #4e2296; color: #fff; padding: 15px 15px 25px 15px}

/*--------------------------------------------*/
/*------- PAGE --> FIT FUER KI -------------*/
/*--------------------------------------------*/
.onlineEvent .ce_list ul {padding-left: 0}
.onlineEvent .ce_list li {margin: 0 0 5px 0; padding: 0px 10px}
.onlineEvent .ce_list li:nth-child(2n-1) {background-color: #efefef}
.onlineEvent .ce_list li:before {content: ""; display: none}
.onlineEvent .col9 ul li {padding-top: 0 !important; padding-bottom: 5px; line-height: 24px !important}

/*--------------------------------------------*/
/*------- PAGES --> IA LANDKARTE ->LANDINGPAGE -------------*/
/*--------------------------------------------*/
#mapPage {border-top: 3px solid #940a2e; box-shadow: 2px 2px 15px rgba(0,0,0,0.5); margin-top: 25px}
#mapPage.noShadow {box-shadow: none}
#mapPage #layout1 {padding: 6% 15px 3%}
#mapPage #layout1Footer {padding: 2% 15px 3%}


/*#mapPage #layout1 .backpic .innerInside
{
	top: 67%;
    width: 80%;
    background-color: rgba(255,255,255,0.6);
    padding: 20px;
    left: 0;
    box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    font-size: 12px;
    height: 83px
}*/
#mapPage #layout1 .picframe {overflow: hidden}    
#mapPage #layout1 .col6 .inBox, #mapPage #layout1 .col4 .inBox  {
	overflow: hidden; 
	cursor: pointer; 
	padding: 25px; 
    font-size: 14px;
    line-height: 2em;
    border: 1px solid #ddd; 
    min-height: 530px; 
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-transition: transform .2s linear,-webkit-box-shadow .2s linear;
    -moz-transition: transform .2s linear,-moz-box-shadow .2s linear;
    transition: transform .2s linear,box-shadow .2s linear
}
#mapPage #layout1 .col6:hover .inBox, #mapPage #layout1 .col4:hover .inBox  
{
    transform: translateY(-4px)!important;
    -webkit-transform: translateY(-4px)!important;
    box-shadow: 0 17px 25px rgba(0,0,0,0.13)!important;
    -webkit-box-shadow: 0 17px 25px rgba(0,0,0,0.13);
    -moz-box-shadow: 0 17px 25px rgba(0,0,0,0.13);
    -o-box-shadow: 0 17px
}


#mapPage #layout1 a {text-decoration: none}
#mapPage #layout1 .SelectIcon  {display: none}

/*
#mapPage #layout1 .SelectIcons
{
	-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}
#mapPage #layout1 .SelectText {max-width: 80%;margin: 20px auto;text-align: center;}
#mapPage #layout1 .SelectIcon {
	display: none; 
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto;
    background: rgba(0,0,0,0);
    text-align: center;color: #ddd; box-shadow: inset 2px 2px 15px rgba(0,0,0,0.5)}
#mapPage #layout1 .col6:hover .SelectIcon {box-shadow: 2px 2px 15px rgba(0,0,0,0.5)}
#mapPage #layout1 .col6:hover .SelectIcon:hover {box-shadow: 1px 1px 3px rgba(0,0,0,0.5); color: #777}

#mapPage #layout2 {position: relative}
#mapPage #layout2Inner {position: absolute; top: 0; bottom: 0; left: 0; right: 0}
#mapPage #layout2Inner .col6 {height: 400px; background-color: rgba(255,255,255,0.6); padding: 25px; margin-top: 6%; text-align: center}
#mapPage #layout2 .round {display: block; margin: 0 auto;  color: rgba(255,255,255,0.8); width: 180px; height: 180px; border-radius: 50%; margin-top: 30px; margin-bottom: 30px; font-size: 6em;box-shadow: inset 5px 5px 25px rgba(0,0,0,0.6); padding-top: 30px}
*/
/*--------------------------------------------*/
/*------- PAGES --> CEBIT-------------*/
/*--------------------------------------------*/
#cebitPic .backpic .innerInside {background: none; right: 0; bottom: 10%} 
#cebitPic .backpic .innerInside h1 {font-weight: lighter; font-size: 2.4em}
#cebitPic .backpic .innerInside p {font-size: 22px}
@media (max-width: 968px)
{
	#cebitPic .backpic .innerInside {background: none; right: 0; bottom: 5%} 
	#cebitPic .backpic .innerInside h1 {font-size: 2em}
}
@media (max-width: 768px)
{
	#cebitPic .backpic .innerInside h1 {font-weight: lighter; font-size: 1.8em}
	#cebitPic .backpic .innerInside p {font-size: 16px}
}


.smallSlider .carousel, .smallSlider .carousel-caption, .smallSlider .picture-caption {padding-bottom: 4px}
.smallSlider .carousel-control .glyphicon-chevron-left, .smallSlider .carousel-control .glyphicon-chevron-right {top: 42% !important;transform: scale(0.6)}
.smallSlider .carousel-control .glyphicon-chevron-left:hover, .smallSlider .carousel-control .glyphicon-chevron-right:hover {color: #fff; border-color: #fff}
.smallSlider h3 a {color: #920f30; text-decoration: none}

.smallSlider .carousel-copytxt {opacity: 1; bottom: 30px;text-shadow: 1px 1px 1px rgba(0,0,0,0.8); font-size: 11px}

.col4.noLink:hover .gg_text {display: none}
strong.highlight, span.highlight {color: #920f30}
.cebit .ce_text ul li {color: #920f30; line-height: 1.2em !important; padding-top: 10px !important}
.cebit .ce_text p.nomarg {margin-bottom: 0}

/*------- PAGES --> CEBIT --> SPRUNGMARKEN-------------*/
#scrollNav ul {padding-left: 30px; color: #910f30}
#scrollNav li {cursor: pointer; line-height: 2em}
#scrollNav.noListPoint ul {padding-left: 0}
#scrollNav.noListPoint li {list-style-type: none}

/*------- PAGES --> CEBIT --> PARTNER LOGOS-------------*/
#cebitPartner .col3 {height: 150px; cursor: pointer}
#cebitPartner .col3 img {padding: 10% 3%;margin: 0 auto}

#cebitPartner .col3 .figureInner {position: absolute;top: 0;left: 0;right: 0;bottom: 0}
#cebitPartner .col3 .gg_text .gg_headline {font-size: 1em; margin-top: 27%; display: none }

/*#cebitPartner .col3.teaserTile:hover .gg_text {background: none}*/

#cebitPartner .col3 .gg_text::before {top: 0; left: 0; bottom: 0; right: 0; /*display: none*/}
.backpic.cebitPartnerPics .innerInside {bottom: 29% !important}

#cebitPartnerBorder {padding: 25px 25px 35px 25px;box-shadow: 1px 1px 10px rgba(0,0,0,0.2);border: 1px solid #b3b3b3}


/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*--------------------------- HOME ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------*/
/*------- HOME --> VERSION 2021 --> pg_slide LinkTiles -------------*/
/*--------------------------------------------*/
body.home2021 .pg_slideStartInner, body.home2021 .pg_slideStartFrame {min-height: 350px}

.pgSlide.linkTile.destinationTile {position: relative;}
.pgSlide.linkTile.destinationTile {background-color: #911232}
.pgSlide.linkTile.destinationTile .linkTileText {position: absolute; top: 30%; left: 15px; right: 15px}
.pgSlide.linkTile.destinationTile .linkTileText h3 {color: #fff;font-size: 20px;line-height: 30px;}

.pgSlide.linkTile {overflow: hidden; font-size: 0.9em; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);min-height: 330px;}
.pgSlide.linkTile:hover {box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);}
.pgSlide.linkTile a {text-decoration: none}
.pgSlide.linkTile a:focus-visible {padding: 2px; margin: 2px; height: 100%}
.pgSlide.linkTile h4, .pgSlide.linkTile p {color: #464646; margin-top: 10px; margin-bottom: 0; font-weight: bold;line-height: normal;letter-spacing: -1px;}
.pgSlide.linkTile .linkTileText {padding: 10px}

.home2021 .teaserBoxFrame {min-height: 400px; margin-bottom: 3%}
.home2021 .teaserBoxFrame .teaserBox {width: 48.5%; margin-right: 3%}
.home2021 .teaserBoxFrame .teaserBox	:last-child {margin-right: 0}

#missionStatement h2 {font-size: 50px; font-weight: bold; color: #464646; display: inline-block; text-transform: uppercase; margin-bottom: 5px;letter-spacing: -2px;}
#missionStatement span {color: #920f30; font-size: 90px}
#missionStatement p {margin-top: 0}
#missionStatement a {text-decoration: none}
#missionStatement .btn {width: 100%; height: 30px; position: relative}
#missionStatement a:focus-visible {padding: 10px; margin: 2px}
#missionStatement .btn:before, #missionStatement .btn:after
{
	transform: translateX(-8rem) scale(0.8);
    transition: all .45s ease-in-out;
}
#missionStatement:hover .btn:before, #missionStatement:hover .btn:after{
    transform: translateX(0rem) scale(0.8);
}
#missionStatement .btn:before
{
    content: url('/files/sysImg/arrow-red.png');
    text-shadow: 2px 2px 5px rgb(0 0 0 / 30%);
    font-family: "Fontawesome";
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
    color: #920f30;
    font-size: 40px;
}
/*
#missionStatement .btn:after
{
content: "—";
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px;
    position: absolute;
    bottom: 27px;
    right: 15px;
    width: 27px;
    background-color: #920f30;
    height: 4px;
    overflow: hidden;
    border-radius: 33px;
}
*/

.home2021 .col3.last .mod_newslist {border-top: none !important}
.home2021 .ce_twitter_custom {margin-bottom: 6%}
/*--------------------------------------------*/
/*------- HOME --> Headslider  || PAGE --> HeadPics -------------*/
/*--------------------------------------------*/
.headslide {position: relative; padding-bottom: 0}
.headslide .item .container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 6% 0;color: #464646}
.headslide .glyphicon-chevron-left, .headslide .glyphicon-chevron-right {color: #fff;border: 3px solid #fff; top: 43% !important}
.headslide .carousel-caption.layer {position: absolute; width: 100%; bottom: 10%}
.headslide .carousel-caption.layer .innerInside {float: right; width: 60%;background-color: rgba(255,255,255,0.75);padding: 20px;}
.headslide .carousel-caption.layer .innerInside a {color: #464646; text-decoration: none}
.headslide .carousel-caption.layer .innerInside h2 > a {color: #920f30}


.headslide .carousel-caption.layer .innerInside a:hover {text-decoration: underline; cursor: pointer}
.headslide .carousel-indicators {display: initial !important}
.fullText {background-color: #f1f1f1;border-bottom: 1px solid #e6e6e6;margin: 0 auto;border-bottom: 3px solid #dbdbdb; text-align: center}

/*--------------------------------------------*/
/*------- HOME --> Nachrichten- / Eventliste (rechte Spalte) -------------*/
/*--------------------------------------------*/

.home .col3.last .mod_newslist, .home .col3.last .mod_eventlist {border-top: 3px solid #dbdbdb;padding: 25px 0;clear both; display: block; overflow: hidden}
.home .mod_newslist h2 {text-transform: uppercase; clear both; display: block; overflow: hidden}
.home .mod_newslist .layout_latest {width: 50%; float: left;padding: 2% 5%}
.home.en .mod_newslist .layout_latest {width: 31%;float: left;margin-right: 3%;padding: 0;}
.home.en .mod_newslist .layout_latest.last {margin-right: 0}

.event.layout_full {margin-bottom: 50px}
.event.layout_full h4 {margin-bottom: 0; margin-top: 12px}
.event.layout_full p.info {font-size: 15px}
.event.layout_full p {margin: 5px 0}
.event.layout_full .ce_text a {font-size: 12px}

.mod_eventlist a[target=_blank]:after {font-family: "Fontawesome"; content:"\f061";display: inline-block; margin: 0 5px;
text-decoration: none !important;  
border-bottom: 1px solid transparent;     
font-size: 12px;
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: 35% 40%;
  -moz-transform: rotate(-45deg);
  -moz-transform-origin: 35% 40%;
  -o-transform: rotate(-45deg);
  -o-transform-origin: 35% 40%;
  -ms-transform: rotate(-45deg);
  -ms-transform-origin: 35% 40%;
  transform: rotate(-45deg);
  transform-origin: 35% 40%;}
.ie .mod_eventlist a[target=_blank]:after {text-decoration: underline;line-height: 0.7;overflow: hidden;}  

.newsQuote.smaller {font-size: 30px}
.newsQuote {padding: 20px;color: #910f30;font-size: 37px;width: 82%; margin: 0 auto; text-align: center; font-weight: bold}
.newsQuote p:first-child {padding: 0 20px}
.newsQuote p:first-child, .newsQuote p:first-child:before {display: inline-block; vertical-align: middle; line-height: normal}
.newsQuote p:first-child:before {font-family: "Fontawesome"; content:"\f10e";font-size: 40px; margin-right: 20px;margin-left: -56px}
.newsQuote p:first-child:after {font-family: "Fontawesome"; content:"\f10d";font-size: 40px; margin-left: 20px;margin-right: -56px}
.newsQuote p > strong {text-align: center;font-weight: bold;font-size: 20px;color: #464646;margin-top: -40px;display: block;margin-bottom: 40px}

.newsQuoteSimple {background-color: #f1f1f1; margin: 3% 0; padding: 25px}
.newsQuoteSimple figure {margin-top: 0}
.newsQuoteSimple h4 {color: #464646;font-size: 1.2em;margin-bottom: 0}
.newsQuoteSimple h5 {margin-top: 0}

.newsQuoteSimple.quote_2_3 {width: 65%; margin: 0 auto; margin-top: 2%; margin-bottom: 2%}

.layout_full h1.smallmarg {margin-bottom: 5px}

.mod_newslist .layout_latest.noLink .more {display: none}

/*--------------------------------------------*/
/*------- HOME --> Nachrichtenliste + Twitter (rechte Spalte) MÄRZ 2018 -------------*/
/*--------------------------------------------*/
.home .col3.last .mod_newslist {padding: 25px 0 15px 0}
.home .col3.last .ce_twitter_custom {border-top: 3px solid #dbdbdb;}

/*--------------------------------------------*/
/*------- HOME --> Eventliste (Top) MÄRZ 2018 -------------*/
/*--------------------------------------------*/
#eventBar {position: relative}
#eventlist {position: relative; height: 150px; margin: 0 25px;overflow: hidden}

#eventLeft, #eventRight {position: absolute; top: 45%; cursor: pointer}
#eventLeft {left: 5%}
#eventRight {right: 5%; cursor: pointer}

#eventBarList {border: none;padding: 20px 0;
    overflow: hidden;
    position: absolute;
    width: 8000px;
    left: 0;
    top: 0}
#eventBarList .layout_list {width: 344px;margin-right: 40px; float: left; font-size: 11px}
#eventBarList .layout_list h4, #eventBarList .layout_list p {margin: 0}

#eventBarList .eventDates h4 a:after {content:""; display: none}

.disabled{opacity: 0.2}
/*--------------------------------------------*/
/*------- HOME --> CONTENT 4 --> Akkordeon -------------*/
/*--------------------------------------------*/
.ce_accordionSingle.bcarousel {position: relative}
.bcarousel .ui-accordion-header {background-color: rgba(0, 0, 0, 0)!important; text-align: center; outline: none;}
.bcarousel .ui-accordion-header:hover {background-color: rgba(0, 0, 0, 0)!important}
.bcarousel .ui-accordion-header span.ui-accordion-header-icon
{display: block;
    margin: 0 auto;
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /*background: #fff;*/
    color: rgb(146, 15, 48)/*#ed9535*/;
    position: relative;
    border: 4px solid rgb(146, 15, 48)/*#ed9535*/}
.bcarousel .ui-accordion-header span.ui-accordion-header-icon:before {font-family: "Fontawesome";
    content: "\f067";
    font-size: 1.9em;
    position: absolute;
    left: 15px;
    top: 13px;}

.bcarousel .ui-accordion-header span.ui-accordion-header-icon:after {content: ""; color: rgba(0, 0, 0, 0)!important;}
.bcarousel .ui-accordion-header-active
{
-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
        transform-origin: 50% 50%;
}
.bcarousel .ui-accordion-content {
    overflow: hidden;
    display: block;
    color: #7c7b7b;
    padding: 50px 0;
}



/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*--------------------------- PAGES ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------*/
/*------- PAGE --> Best Practice -------------*/
/*--------------------------------------------*/
#coronaPageStoerer {display: none; position: absolute;
    right: 0;
    top: 65%;
    background-color: #920e30;
    padding: 20px 40px;
    z-index: 999;border-bottom-left-radius: 35px;
    border-top-left-radius: 35px;}
#coronaPageStoerer a {display: block; color: #fff; text-decoration: none}


/*--------------------------------------------*/
/*------- PAGES --> Textelemente zum Aufklapen -------------*/
/*--------------------------------------------*/
.pg_El.readMoreRow.noactive {height: 50px; overflow: hidden}
.pg_El.readMoreRow.active {height: auto}
.pg_El .readMoreTrigger {height: 50px;width: 50px;margin: auto;text-align: center;cursor: pointer;font-size: 2em;border-radius: 50%;background-color: #444;color: #fff;padding: 7px;text-align: center; margin-bottom: 3%}
.pg_El .readMoreTrigger.active i {transform: rotate(45deg); transform-origin: 50% 50%}


/*--------------------------------------------*/
/*------- PAGES --> NEWSLISTE 3 FRAGEN AN AB 2024 -------------*/
/*--------------------------------------------*/
.dreiFragenanList {display: flex; flex-wrap: wrap; justify-content: space-between}
.dreiFragenanList .pagination {flex: 0 0 100%}
.dreiFragenanList .layout_latest {font-size: 0.9em;flex: 0 0 31.333%;margin-bottom: 3%; box-shadow: 0 0 0.5rem 0 #d7dce1;transition: all .45s ease-in-out;}
.dreiFragenanList .layout_latest:hover {box-shadow: 0 0 0.5rem 0 rgba(0,0,0,.23), 0 0.5rem 1.6rem 0 rgba(0,0,0,.2)}
.dreiFragenanList .layout_latest figure {margin-top: 0}
.dreiFragenanList .layout_latest .starPic {height: 320px; overflow:hidden}
.dreiFragenanList .layout_latest .dreiFragenanInner {padding: 15px;}
.dreiFragenanList .layout_latest .dreiFragenanOuter {background-color: #f1f1f1;max-height: 450px;}
.dreiFragenanList .layout_latest .dreiFragenanInner h3 {font-size: 15px; margin-bottom: 5px; margin-top: 10px; width: 100%}
.dreiFragenanList .layout_latest .dreiFragenanInner .jobDesc {font-size: 13px;line-height: 1.3em;margin: 0;font-weight: bold;hyphens: none;}
.dreiFragenanList .layout_latest h2 {font-size: 19px;line-height: 1.4em;}
.dreiFragenanList .layout_latest h2 a {color: #920f30; text-decoration: none}
.dreiFragenanList .layout_latest h2 a:hover {text-decoration: underline}
.dreiFragenanList .layout_latest .dreiFragenanInner:first-child {min-height: 450px;display: flex;flex-wrap: wrap;/*justify-content: center;*/}
.dreiFragenanList .layout_latest {padding-bottom: 50px; position: relative}
.dreiFragenanList .layout_latest  .more {position: absolute;bottom: 15px;left: 15px}
.dreiFragenanList .layout_latest .more a {border: 2px solid;border-radius: 3.5px;padding: 8px 24px;text-decoration: none;}


/*--------------------------------------------*/
/*------- PAGES --> NEWSLISTE -------------*/
/*--------------------------------------------*/

.mod_newslist .layout_latest.doNotShowInNews {display: none}
.mod_newslist .layout_latest figure {position: relative; margin-top: 3px}
.mod_newslist .layout_latest .info {margin-top: 0}
.mod_newslist .layout_latest figure .caption {opacity: 0; position: absolute; bottom: -4px; right: 5px; color: #fff; font-size: 10px; text-shadow: 2px 2px 5px rgba(0,0,0,0.5)}
.mod_newslist .layout_latest figure:hover .caption {opacity: 1}

/*--------------------------------------------*/
/*------- PAGES --> REDEN & BEITRÄGE -------------*/
/*--------------------------------------------*/
#reden-und-gastbeitraege .mod_newslist > h2 {margin: 0}
#reden-und-gastbeitraege .mod_newslist .teaser {min-height: 84px}
#redeArchiv .spaceHold, #redeArchiv .archive {display: none}

/*--------------------------------------------*/
/*------- PAGES --> HEADPICTURES -------------*/
/*--------------------------------------------*/
.backpic {position: relative}
.backpic .layer {width: 100%; height: 100%; color: #000; position: relative}
.backpic .innerInside {position: absolute; bottom: 20%; width: 45%;background-color: rgba(255,255,255,0.75);padding: 20px}
.backpic .innerInside h1 {font-size: 1.8em;}
.backpic .copytxt {position: absolute;bottom: 10px;right: 10px;color: #fff;font-size: 10px;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);z-index:99999999999999999; opacity: 0}
.backpic:hover .copytxt {opacity: 1}

/*--------------------------------------------*/
/*------- PAGES --> KONTAKT -------------*/
/*--------------------------------------------*/
.col6.contact figure {max-width: 200px;border-radius: 50%;}
#contactPics img {max-width: 200px}

#contactPics .hoverpictCopy figure {position: relative}
#contactPics .hoverpictCopy .caption {position: absolute; bottom: 0px; left: 5px; font-size: 9px; opacity: 0;text-shadow: 2px 2px 5px rgba(0,0,0,0.6);color: #fff}
#contactPics .hoverpictCopy figure:hover .caption {opacity: 1}

/*#contactPics .row {max-width: 80%}*/

/*--------------------------------------------*/
/*------- PAGES --> LISTENPUNKTE "OFFENE FRAGEN" -------------*/
/*--------------------------------------------*/
.listPoints ul {padding-left: 10px}
.listPoints li {list-style-type: none; margin-bottom: 0;line-height: 2em;padding-left: 20px}
.listPoints li:before {content: "■";/*content: "• ";*/; color: #920f30;font-size: 18px;}


/*--------------------------------------------*/
/*------- PAGES --> LENKUNGSKREIS-------------*/
/*--------------------------------------------*/
.staffPics .col3 {max-width: 250px}
.staffPics .col3 > p:nth-child(2) {font-weight: bold; margin-bottom: 0}
.staffPics .col3 > p:nth-child(3) {margin-top: 0}

/*--------------------------------------------*/
/*------- PAGES --> SPRECHBLASE -------------*/
/*--------------------------------------------*/
.speechBubble {position: relative;}

.speechBubble .glyphicon-chevron-left, .speechBubble .glyphicon-chevron-right {transform: scale(0.8)}
.newslink.speechBubble {position: absolute; width: 100%; top: 0; left: 0; right: 0; bottom: 0}

.speechBubble .sBlayer {position: absolute;font-size: 0.9em; 
    width: 80%;
    right: 2%;
    bottom: 15%;
    padding: 15px;
    border-radius: 20px;
    background-color: rgba(255,255,255,0.75)}
.speechBubble .sBlayer:after {content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 28px solid transparent;
    border-right-color: rgba(255,255,255,0.75);
    border-left: 0;
    border-bottom: 0;
    margin-top: -4px;
    margin-left: -28px;}
.speechBubble .sBlayer p, .speechBubble .sBlayer h2, .speechBubble .sBlayer h3 {margin: 0; line-height: 24px; font-weight: bold}    
.speechBubble .sBlayer h3 {margin-top: 5px;color: #464646;}
.speechBubble .sBlayer p {color: #464646}

.newsScroll {max-height: 320px;overflow-y: auto;border: 5px solid #ddd;padding: 15px}
.newsScroll::-webkit-scrollbar {width: 0.8em;}
.newsScroll::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)}
.newsScroll::-webkit-scrollbar-thumb {background-color: #920f30;outline: 1px solid slategrey}

/*--------------------------------------------*/
/*------- PAGES --> EXPERTENBEITRÄGE -------------*/
/*--------------------------------------------*/
.expertenBeitraege .newsScroll {max-height: 261px;min-height: 261px;}
.expertenBeitraege .newsScroll h3 {margin-bottom: 10px}
.expertenBeitraege .newsScroll h4 {color: #848484;}
.expertenBeitraege .newsScroll ul li {padding-top: 0 !important; padding-bottom: 15px}

.expertenBeitraege .ce_image.col4 {position: relative}
.expertenBeitraege .ce_image.col4 figcaption {position: absolute;bottom: 15px;padding: 15px;background-color: rgba(255,255,255,0.8);font-weight: bold;font-size: 11px;width: 100%;left: 0;}

/*--------------------------------------------*/
/*------- PAGES --> ARBEITSGRUPPEN MITGLIEDER AKKORDEON -------------*/
/*--------------------------------------------*/
#ag-1-test section h2 {font-size: 26px}

.agList .toggler {outline: none;padding: 25px;cursor: pointer; position: relative; border: 2px solid #ddd}
.agList .toggler:after {content: ">"; position: absolute; right: 25px; top: 25px}
.agList .toggler.active:after {transform: rotate(90deg)}
.agList .toggler h2, .agList .toggler h3 {margin: 0}
.agList .toggler h3 {color: #46464A !important}
#ag-1-test .agList .toggler {border: 2px solid #46454a;}

.agList .listTable li {display: inline-block; list-style-type: none; vertical-align: top}
.agList .listTable li:before {display: none} 
.agList .listTable li:nth-child(1) {font-weight: bold;width: 40%}
.agList .listTable li:nth-child(2) {width: 55%}

#tab_panel.agTabs {padding-top: 0}
#tab_panel.agTabs li {width: 25%; height: 120px; border: none; border-top: 1px solid rgba(204,204,204,0.4);}
#tab_panel.agTabs li.active, #tab_panel.agTabs li.active:after {height: 150px}
#tab_panel.agTabs li.active {margin-top: -30px;background: #910e30;color: #fff}
#tab_panel.agTabs li.active p {color: #fff}
#tab_panel li.active:after {border: none}
.agTabs .tabTextInner {box-shadow: none; border: none;margin-left: 1px;margin-top: 2px;border-top: 2px solid #910e30; min-height: 600px; background-color: #f5f5f5;}
.agTabs .graphicSlideFrame {margin-top: 0 !important}

#pg_tabLBBack {display: none; position: fixed; width: 100%; height:100%;top: 0; left: 0; background-color: rgba(0,0,0,0.85); z-index: 999999}
#pg_tabLBInner {display: none; position: fixed; width: 80%; left: 10%; top: 10%; bottom: 10%; background-color: #fff; padding: 50px;z-index: 99999999}
#pg_tabLBFrame {width: 100%; height: 100%; border: 0; outline: none;z-index: 99999999}

.agTabs .tabTextInner .tabClick {margin-bottom: 15px; position: relative; padding-left: 25px}
.agTabs .tabTextInner .tabClick:before {content:"\f138";font-family: "Fontawesome";position: absolute; left: 0; top: 1px; color: #910e30}
.agTabs .tabTextInner .tabClick:hover {color: #910e30; cursor: pointer} 

.agTabs .tabTextInner .ytelement.col4 {margin-bottom: 3%}

#bnvCross {display: inline-block; vertical-align: text-top; width: 10px;margin: 2px 4px}

@media (max-width: 768px)
{
	#tab_panel.agTabs ul, #tab_panel.agTabs li, .agTabs .ytelement {width: 100%; float: none}
	#tab_panel.agTabs li.active {margin-top: -10px}
	#tab_panel.agTabs li {height: 80px}
	#tab_panel.agTabs li i {font-size: 1em}
	#tab_panel.agTabs li.active, #tab_panel.agTabs li.active:after {height: 100px}
	.agTabs .graphicSlide {transform: scale(0.7)}
	.agTabs .graphicSlide.first {left: 7%;transform: rotateY(55deg) scale(0.7);}
	.agTabs .graphicSlide.second {left: 30%}
	.agTabs .graphicSlide.third {left: 52%;transform: rotateY(-60deg) translateX(1em) scale(0.7);}
}


/*--------------------------------------------*/
/*------- PAGES --> BERICHTE AGs -------------*/
/*--------------------------------------------*/
.agBerichtPage .jkAcc {padding-bottom: 1%}
.agBerichtPage .jkAcc .toggler:after {top: 16px}
.agBerichtPage .jkAcc .toggler {padding: 15px; font-size: 16px;background-color: rgba(0,0,0,0)}
.agBerichtPage .jkAcc .accordion {padding: 0 15px}


.agBerichtPage .readMoreRow.noactive {height: 50px; overflow: hidden}
.agBerichtPage .readMoreRow.active {height: auto}
.agBerichtPage .readMoreTrigger {height: 50px;width: 50px;margin: auto;text-align: center;cursor: pointer;font-size: 1.4em;border-radius: 50%;background-color: #444;color: #fff;padding: 11px;text-align: center; margin-bottom: 3%}
.agBerichtPage .readMoreTrigger.active i {transform: rotate(45deg); transform-origin: 50% 50%}


.agBerichtPage .listElement ul {padding-left: 0}
.agBerichtPage .listElement li {display: inline-block; margin: 0 -2px 20px 0; vertical-align: top; padding: 2px; -moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.agBerichtPage .listElement li:before {content: ""; display: none}
.agBerichtPage .listElement li:nth-child(2n-1) {width: 25%; font-weight: bold}
.agBerichtPage .listElement li:nth-child(2n) {width: 75%}

.agBerichtPage .paragraphList li:before {content:"\f054"; font-family: "Fontawesome";font-size: 16px; font-weight: bold}
.agBerichtPage .paragraphList li {padding-left: 50px}
.agBerichtPage .paragraphList li:nth-child(1) {font-weight: bold; padding-left: 0;color: #910f30; font-size: 18px}
.agBerichtPage .paragraphList li:nth-child(1):before {display: none}
.agBerichtPage .paragraphList li:nth-child(1) span {width: 40px; height: 40px; border-radius: 50%; background-color: #910f30; color: #fff; display: inline-block; margin-left: -20px; margin-right: 11px; text-align: center;vertical-align: middle; padding-top: 3px}

.agBerichtPage #scrollTop {position: fixed;right: 2%;bottom: 2%;width: 50px;height: 50px;border-radius: 50%;background-color: #464646;color: #ffffff; padding: 10px;text-align: center;font-size: 22px;}
.agBerichtPage .hint, .agBerichtPage .hintBox {border: 2px solid #954544;padding: 15px;margin-bottom: 10px;color: #920e30;display: block;text-align: center;max-width: 900px;margin: auto}
.agBerichtPage .hintBox p, .agBerichtPage .hintBox button {display: inline-block; vertical-align: middle; margin: 0; position: relative}
.agBerichtPage .hintBox button {margin-left: 20px; min-width: 200px}
.agBerichtPage .hint a { color: #920e30}   
.agBerichtPage .hint:before {content:"\f054"; font-family: "Fontawesome";margin-right: 10px}

.agBerichtPage #backdrop {position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; z-index: 100; background-color: rgba(0,0,0,0.6)}
.agBerichtPage #backdrop.noactive {display: none}
.agBerichtPage #backdrop.active {display: block}

.agBerichtPage .dialContent {position: fixed;top: 0;background-color: #fff;z-index: 999999999;height: 100%;padding: 100px 65px 100px 50px;width: 600px;overflow: scroll;}
.agBerichtPage .dialContent.noactive {right: -100%; opacity: 0}
.agBerichtPage .dialContent.active {right: 0 !important;opacity: 1}

.agBerichtPage  .sideCloser {position: absolute;top: 2%;right: 4%;font-size: 2em; cursor: pointer}
.agBerichtPage .dialButton {position: fixed;right: 0;background-color: #920f30;color: #fff;z-index: 9999999999999999;width: 50px;height: 150px;border-top-left-radius: 50px;border-bottom-left-radius: 50px;font-size: 1.8em;box-shadow: -2px 2px 8px rgba(0,0,0,0.4);cursor: pointer;padding: 58px 15px}
.agBerichtPage #downloadIcon {top: 40%}
.agBerichtPage #contactIcon {top: 55%}

.agBerichtPage .sideDial .ce_downloads img, .agBerichtPage .sideDial .ce_download img {display: none}
.agBerichtPage .sideDial .ce_downloads a, .ce_download a {display: inline-block;; padding: 1% 0; width: 90%}
.agBerichtPage .sideDial .ce_downloads li {padding: 2px 10px;}
.agBerichtPage .sideDial .ce_downloads li, .agBerichtPage .sideDial .ce_download li {cursor: pointer}
.agBerichtPage .sideDial .ce_downloads li.even {background-color: #e2e5e7;box-shadow: inset 0px 0px 1px rgba(0,0,0,0.2)}
.agBerichtPage .sideDial .ce_downloads li.active, .agBerichtPage .sideDial .ce_downloads a {text-decoration: none}
.agBerichtPage .sideDial .ce_downloads a:hover, .agBerichtPage .sideDial .ce_downloads li:hover:before {color:#970F30 }
.agBerichtPage .sideDial .ce_downloads li:before, .agBerichtPage .sideDial .ce_download a:before {font-family: "Fontawesome"; content:"\f019"; margin: 11px 2% 0 0;display: inline-block;}
.agBerichtPage .sideDial .ce_download a:before {vertical-align: text-bottom;}
.agBerichtPage .sideDial .ce_downloads li:before {vertical-align: text-bottom;}


/*--------------------------------------------*/
/*------- PAGES --> LOGIN-------------*/
/*--------------------------------------------*/
.mod_login {max-width: 500px;
    margin: 0 auto;
    padding: 50px;
    background-color: #f1f1f1;
    border: 1px solid #ddd;}
.mod_login input {width: 100%}    
.mod_login label {display: block; margin-top: 5px}
.mod_login .error {font-size: 12px}

/*--------------------------------------------*/
/*------- PAGES --> NEWSLETTER-------------*/
/*--------------------------------------------*/
.mod_subscribe .confirm, .mod_subscribe .error {font-weight: bold;color: #910f30;}


/*--------------------------------------------*/
/*------- PAGES --> THEMEN -> TEASER KACHELN ||  LENKUNGSKREIS -> STAFFPICS -------------*/
/*--------------------------------------------*/

.tilesThemes h3 {margin-bottom: 0}
.tilesThemes h4 {color: #848484; font-weight: normal}

.teaserTile .inner {padding: 2%}
.teaserTile .inner .contentbox {width: 100%; float: left}
.teaserTile .inner .contentbox h4 {margin-bottom: 0}
.teaserTile img {width: 100%}
.teaserTile .inner i {width: 10%; text-align: right; font-size: 20px; font-weight: bold;}
.teaserTile:hover > .inner i {transform: rotate(-32deg);transform-origin: 90% 50%;}
.teaserLink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer}
.teaserTile, .teaserTile .figureInner {position: relative; overflow: hidden}
.gg_text {color: #464646;text-align: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.0);width: 100%}
.gg_text::before {position: absolute;top: 5%;right: 3%;bottom: 5%;left: 3%;border: 2px solid #464646;content: '';opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
    z-index: 10}
.clickit{z-index: 100; cursor: pointer; position: absolute; top: 0; width: 100%; height: 100%;}

.gg_text .gg_headline {opacity: 0;font-size: 1.2em;line-height: normal;max-width: 70%; margin: auto;margin-top: 20%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)}
.gg_icons figure i {opacity: 0;position: absolute;left: 48%;bottom: 0;color: #464646;}
#gg_lbContent img {width: auto}

/*--- HOVER EFFEKT ---*/
.teaserTile:hover .gg_text {background: rgba(255, 255, 255, 0.7); }
.teaserTile:hover .gg_text::before {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.teaserTile:hover .gg_text .gg_headline {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.teaserTile:hover .gg_icons figure i {opacity: 1;bottom: 30%;}

@media (max-width: 768px)
{
	.teaserTile, .teaserTile.last {width: 48%; margin: 0 1%; float: left}
}


/*--------------------------------------------*/
/*------- PAGES --> VIDEOS -------------*/
/*--------------------------------------------*/
.ytelement.homeVideo {width: 48.5%; margin: 0}
.ytelement.homeVideo .videobox {padding-top: 2px}

.ytelement {width: 31%; float: left;margin: 0 3% 0 0;}

.videoTiles .ytelement h3 {margin-bottom: 10px}

.videoBoxInner {padding: 2%}
.videoBoxInner h3 {margin: 17px 0}

.videobox {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.videobox.picPreview {padding: 0;min-height: 232px;}
.home .videobox.picPreview {min-height: 246px;}

.videobox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: medium none;
}

.ytelement.halfwidth {width: 48%}
.ytelement.halfwidth.middle {float: none; margin: 0 auto} 
.ytelement.fullwidth {width: 100%}
.ytelement.halfwidth .videoBoxInner, .ytelement.fullwidth .videoBoxInner {padding: 0}
.ytelement.fullwidth.clear.down {float: none; clear: both; overflow: hidden; margin-bottom: 2%}
.videoHeadlineDouble .ytelement h3 {min-height: 44px; margin-bottom: 8px}


#bdvf .ce_player {background-color: #000}
#bdvf .ce_player video {max-width: 100%;height: auto;min-height: 229px; outline: 0; border: none}


/*--------------------------------------------*/
/*------- PAGES --> DOWNLOADS -------------*/
/*--------------------------------------------*/
p.download-element {margin: 0}
.ce_downloads img, .ce_download img {display: none}
.ce_downloads a, .ce_download a {display: inline-block;; padding: 0.5% 0; width: 90%}
.ce_downloads li {padding: 2px 10px;}
.ce_downloads li, .ce_download li {cursor: pointer}
.ce_downloads li.even {background-color: #e2e5e7;box-shadow: inset 0px 0px 1px rgba(0,0,0,0.2)}
.ce_downloads li.active, .ce_downloads a {/*color: #ed1c24; font-weight: bold*/ text-decoration: none}
.ce_downloads a:hover, .ce_downloads li:hover:before {color:#970F30 }
.enclosure a:before, .ce_Download.Extension a:before, .ce_downloads li:before, .ce_download a:before {font-family: "Fontawesome"; content:"\f019"; margin: 11px 2% 0 0;display: inline-block;}
.ce_downloads li:before {vertical-align: text-bottom;}

.mime_icon {display: none}
.layout_latest.publikationen .info {margin-top: 0}
.layout_latest.publikationen .enclosure {font-weight: bold}
.layout_latest.publikationen .enclosure a:before {vertical-align: middle;
    margin-top: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #910f2f;
    color: #fff;
    text-align: center;}
.ce_downloads.downloads_inline ul {display: flex; flex-wrap: wrap}
.ce_downloads.downloads_inline ul li {list-style-type: none; width: 50%}


/*--------------------------------------------*/
/*------- PAGE --> GALLERY ELEMENT -------------*/
/*--------------------------------------------*/
.ce_gallery>ul {float: none; margin: 0}
.ce_gallery>ul li {float: left; list-style-type: none; margin-right: 1%; margin-bottom: 1%}
.ce_gallery>ul li:last-child {margin-right: 0}
.ce_gallery>ul li.col_first {clear: both}
.ce_gallery>ul.cols_4 li {width: 24%;}
.ce_gallery>ul.cols_5 li {width: 19%;}

@media (max-width: 768px)
{.ce_gallery>ul li {width: 100%; float: none}}


/*--------------------------------------------*/
/*------- PAGES --> AKKORDEON ELEMENT ------------*/
/*--------------------------------------------*/
.ce_accordionSingle {padding-bottom: 10px}
.ce_accordionSingle .toggler {outline: none; background-color: #efefef; padding: 8px 10px; cursor: pointer; position: relative; font-weight: bold}
.ce_accordionSingle .toggler:hover {opacity: 0.7}	
.ce_accordionSingle .accordion {padding: 0 10px}
.ce_accordionSingle .toggler:before {display: none; position: absolute; right: 10px; top: 5px; font-family: "Fontawesome"; content: "\f107"; font-size: 1.2em;transform: rotate(-90deg)}
.ce_accordionSingle .toggler.ui-state-active:before {transform: rotate(0deg)}


.accSimpleFrame .ce_accordionSingle .toggler {background-color: rgba(0,0,0,0); display: flex; align-items: center; padding-left: 0}
.accSimpleFrame .ce_accordionSingle .toggler span:before {display: inline-block; content: "\f107";font-family: "Fontawesome";font-size: 1.2em; margin-right: 10px;transform: rotate(-90deg)}
.accSimpleFrame .ce_accordionSingle .toggler.active span:before {transform: rotate(0deg)}
.accSimpleFrame .ce_accordionSingle .accordion {padding: 0 25px}

/*--------------------------------------------*/
/*------- PAGE --> Digitalgipfel 2024 ------------*/
/*--------------------------------------------*/
#digitalgipfel2024 .pg_accfolContent {padding-left: 27px}
#digitalgipfel2024 .pg_accfolContent ul {padding-left: 2px}
#digitalgipfel2024 .pg_accfolContent .lineUp {border-top: 1px solid #920f30; margin-top: 3%}

#digitalgipfel2024 .weitereInfos .lightBoxElement, #digitalgipfel2024 .weitereInfos .linkElement {position: relative}
#digitalgipfel2024 .weitereInfos .lightBoxElement .pg_lbElementLayer,  #digitalgipfel2024 .weitereInfos .linkElementLayer {position: absolute;bottom: 10%;text-align: left;width: 100%;background-color: rgba(0, 0, 0, 0.5);color: #fff;padding: 15px 25px;}
#digitalgipfel2024 .weitereInfos .lightBoxElement .pg_lbElementLayer p, #digitalgipfel2024 .weitereInfos .linkElementLayer p {margin: 0; font-size: 1.1em}    
#digitalgipfel2024 .weitereInfos .linkElement a {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
#digitalgipfel2024 .weitereInfos .lightBoxElement .pg_lbElementLayer h3, #digitalgipfel2024 .weitereInfos .linkElementLayer h3 {color: #fff; font-size: 22px}
#digitalgipfel2024 .weitereInfos .lightBoxElement figure.noBorder {border: none}

#digitalgipfel2024 .teaserBox {padding-bottom: 20px; background-color: #fff; margin-bottom: 3%}
#digitalgipfel2024 .teaserBox p {font-size: 14px}
#digitalgipfel2024 .teaserBox figure {height: auto; position: initial; max-width: 75%;padding-bottom: 40px;}
#digitalgipfel2024 .teaserBox figure:before {content: url(/files/sysImg/arrow-Icons-red.png);}
#digitalgipfel2024 .teaserBox figure img {position: initial; min-height: 100%}
#digitalgipfel2024 .teaserBox figure:hover img {transform: scale(1)}
#digitalgipfel2024 .teaserBox {padding: 25px}


/*--------------------------------------------*/
/*------- PAGE --> Digitalgipfel 2022 ------------*/
/*--------------------------------------------*/
#digitalgipfel2022 .pg_accfolContent {padding-left: 27px}
#digitalgipfel2022 .pg_accfolContent ul {padding-left: 2px}
#digitalgipfel2022 .pg_accfolContent .lineUp {border-top: 1px solid #920f30; margin-top: 3%}

/*--------------------------------------------*/
/*------- PAGE --> Digitalgipfel 2022 ------------*/
/*--------------------------------------------*/
#digitalgipfel2023 .programmHeadline {font-size: 1.4em; border-top: 2px solid;padding-top: 25px;font-weight: 300;text-transform: uppercase}

/*--------------------------------------------*/
/*------- PAGE --> Digitalgipfel 2020 ------------*/
/*--------------------------------------------*/
.listTable.Rows2 li:nth-child(1), .listTable.Rows2 li:nth-child(2) {width: 50%;margin: -2px; font-weight: normal}
.listTable.Rows1 li {display: inline-block; width: 100% !important; font-weight: normal !important}
.listTable.Rows2_Longer1 li:nth-child(1) {width: 30%; font-weight: normal}
.listTable.Rows2_Longer1 li:nth-child(2) {width: 70%;margin: -2px; font-weight: normal}


/*
.listTable.spaceDown {margin-bottom: 1%; padding-bottom: 1%}
.listTable.blueBack {background-color: rgba(5,61,104,0.6)} 
.listTable.redBack {background-color: rgba(186,184,185,0.7)} 
.listTable.purpleBack {background-color: rgba(79,88,157,0.7);} 
.listTable.greenBack {background-color: rgba(215, 42, 94, 0.7)} 
*/


/*PLATTFORMKONFERENZ 2023 */
#konferenz-2021.konf2023 .listTable {position: relative;}
#konferenz-2021.konf2023 .listTable:before {content: ""; position: absolute; top: 0; width: 10px; height: 100%;}
#konferenz-2021.konf2023 .listTable li:nth-child(1) {font-weight: normal}
#konferenz-2021.konf2023 .listTable.spaceDown {margin-bottom: 1%; padding-bottom: 1%}
#konferenz-2021.konf2023 .listTable.blueBack {position: relative}
#konferenz-2021.konf2023 .listTable.blueBack:before { background-color: rgba(79,88,157,1)} 
#konferenz-2021.konf2023 .listTable.redBack:before {background-color: rgba(154,62,130,1)} 
#konferenz-2021.konf2023 .listTable.purpleBack:before {background-color: rgba(79,88,157,1);} 
#konferenz-2021.konf2023 .listTable.greenBack:before {background-color: rgba(215, 42, 94, 1)} 

#konferenz-2021.konf2023 .listTable.greenBack .highlighted {color: rgba(215, 42, 94, 1)}
#konferenz-2021.konf2023 .listTable.redBack .highlighted {color: rgba(154,62,130,1)}
#konferenz-2021.konf2023 .listTable.purpleBack .highlighted, #konferenz-2021.konf2023 .listTable.blueBack .highlighted {color: rgba(79,88,157,1);}

@media(max-width: 768px)
{
	#konferenz-2021.konf2023 .backpic {height: 200px !important}
	#konferenz-2021.konf2023 .jKhead {padding-left: 0; width: 100%}
	#konferenz-2021.konf2023 .listTable ul {display: flex; flex-wrap: wrap; font-size: 0.9em}
	#konferenz-2021.konf2023 .listTable ul li {width: 50%}
	#konferenz-2021.konf2023 .listTable ul li.last {width: 100%}
	#konferenz-2021.konf2023 .jkGal .ce_Mitarbeiter {max-height: 180px}
	#konferenz-2021.konf2023 .gg_close {transform: scale(1); left: 86%}
	#konferenz-2021.konf2023 .listTable.spaceDown {margin-bottom: 6%; padding-bottom: 6%}
}


/*--------------------------------------------*/
/*------- PAGE --> Datenökosysteme --> LIGHTBOX CONTENT------------*/
/*--------------------------------------------*/
.quoteWidthImg figure {width: 250px;height: 250px;border-radius: 50%;margin: 0 auto;margin-bottom: 3%;box-shadow: inset 2px 2px 15px rgba(0,0,0,0.8);}
.quoteWidthImg blockquote {padding: 0 20px;width: 82%; margin: 0 auto; text-align: center}
.quoteWidthImg blockquote p:first-child {padding: 0 20px; margin-top: 0}
.quoteWidthImg blockquote p:first-child, .quoteWidthImg blockquote p:first-child:before {display: inline-block; vertical-align: middle; line-height: normal}
.quoteWidthImg blockquote p:first-child:before {font-family: "Fontawesome"; content:"\f10e";font-size: 20px; margin-right: 10px;margin-left: -56px}
.quoteWidthImg blockquote p:first-child:after {font-family: "Fontawesome"; content:"\f10d";font-size: 20px; margin-left: 10px;margin-right: -56px}
.quoteWidthImg blockquote p > strong {text-align: center;font-weight: bold;font-size: 20px;color: #464646;margin-top: -40px;display: block;margin-bottom: 40px}
.quoteWidthImg.block > p {line-height: 1.6em}

.datenoekosysteme .inner {padding: 50px}
.datenoekosysteme p.back {display: none}
.datenoekosysteme .listTable li {width: 28% !important; font-size: 14px; font-weight: normal !important; padding: 5px !important}
.datenoekosysteme .listTable li:nth-child(1) {width: 14% !important}
.datenoekosysteme .listTable li:nth-child(1) img {margin: 0 auto}
.datenoekosysteme .listTable li:nth-child(1) > p {text-align: center; font-weight: bold}
.datenoekosysteme .listTable .head {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc}
.datenoekosysteme .listTable .head li {font-weight: bold !important}
.datenoekosysteme .listTable .content > ul {border-bottom: 1px solid #ccc}
.datenoekosysteme .listTable .content ul li ul li {width: 100% !important;display: block !important;position: relative;line-height: 22px;}
.datenoekosysteme .listTable .content ul li ul li:before {content: "\2022"; position: absolute;top: 6px;color: #a6073d; display: block!important}
.datenoekosysteme figure.float_right {margin-bottom: 3%}


@media (max-width: 768px)
{
	.datenoekosysteme .inner {padding: 15px}
	.datenoekosysteme .listTable {width: 100%; overflow: scroll}
	.datenoekosysteme .listTable .ce_list {min-width: 900px}
}
/*--------------------------------------------*/
/*------- PAGE --> Jahreskonferenz / Digitalgipfel 2018, 2019 / Messe------------*/

.eventHeadDate {font-size: 1.4em;text-align: center;color: #911232}
.eventHeadDate p {line-height: 1.6em}    

#hannMesse .jkGal .ce_text, #hannMesse .jkGal .ce_list {padding-left: 21px}
#hannMesse .jkGal .ce_text.noPadLeft {padding-left: 4px}
#hannMesse .jkGal .listTable ul {padding-left: 0}
#hannMesse .jkGal .listTable li:nth-child(2) {width: 18%}

#hannMesse .ce_text ul li:before {color: #464646}

#hannMesse.workshop .listDots ul {padding-left: 40px}
#hannMesse.workshop .listDots li {padding-top: 0; padding-bottom: 10px}
#hannMesse.workshop .listDots li:before {color: #911232}


/*--------------------------------------------*/
.jKhead {border-bottom: 3px solid #920f2f;position: relative; 
    padding-bottom: 1%;
    margin-bottom: 3%;
    width: 90%;
    font-weight: 300;
    padding-left: 21px;
    text-transform: uppercase;}
.jKhead:after {content: "";
    position: absolute;
    bottom: -8px;
    width: 91%;
    height: 1px;
    background-color: #920f2f;
    left: 0;} 
.offsetJKheadContent {padding-left: 21px}

.jKsub h3, .jKsub h4, .jKsub .toggler {color: #464646; }
.jKsub h3 {padding-left: 27px; margin-bottom: 3%;position: relative;text-transform: uppercase;font-weight: normal;}
.jKsub h3:after {content: "";position: absolute;bottom: -8px;width: 91%;height: 1px;background-color: #848484;left: 0;}
.jKsub .ui-accordion-content {padding: 20px 0 0 20px}


.jkAcc .toggler {outline: none;padding: 25px;font-size: 20px;cursor: pointer; position: relative; border: 2px solid #ddd}
.jkAcc .toggler:after {content: ">"; position: absolute; right: 25px; top: 25px}
.jkAcc .toggler.active:after {transform: rotate(90deg)}



.picPage .jkAcc .accordion h3 {padding: 0; border-bottom: 0; margin: 3px 0 20px}
.jkAcc .accordion h3 {width: 70%; margin-top: 40px; margin-bottom: 0px; padding-left: 20px;border-bottom: 1px solid #910f2f;padding-bottom: 5px}

.listTable li {display: inline-block; list-style-type: none; vertical-align: top}
.listTable li:before {display: none} 
.listTable > ul li:nth-child(1) {font-weight: bold}
.listTable li:nth-child(1) {width: 15%} 
.listTable li:nth-child(2) {width: 25%}
.listTable li:nth-child(3) {width: 58%}

.listTable ul li ul {padding-left: 0 !important}
.listTable ul li ul li {width: 100% !important;font-weight: normal !important}
.listTable ul li ul li ul li {padding-left: 40px}
.listTable ul li ul li ul li:before {content:""; display: inline-block }
.listTable .smallDistance p {margin: 0}

.tableListFormated ul {margin-left: 20px}
.tableListFormated li:before {display: initial} 


.jkGal .ce_Mitarbeiter {cursor: pointer}
.jkGal .ce_Mitarbeiter figure {padding: 5px}
.jkGal .ce_Mitarbeiter img {box-shadow: 2px 2px 5px rgba(0,0,0,0.6)}
.jkGal .ce_Mitarbeiter .pg-membertext {position: absolute;bottom: 16%;left: 6%;background-color: rgba(255,255,255,0.6);width: 88%;padding: 0 5px}
.jkGal .ce_Mitarbeiter .pg_membername, .jkGal .ce_Mitarbeiter .pg_membertitel {margin: 0 !important}
.jkGal .ce_Mitarbeiter .pg_membername.inBox {font-size: 22px}
.jkGal .ce_Mitarbeiter:hover .pg-membertext {opacity: 0;}
.jkGal .ce_Mitarbeiter .pg_memberText {margin-top: 30px;border-top: 2px solid #ddd;border-bottom: 2px solid #ddd}

.ctaBtn {text-align: center}
.ctaBtn a {display: inline-block; padding: 12px 100px; background-color: #920f30; color:#fff; text-decoration: none; margin-top: 2%; text-transform: uppercase; font-weight: bold; box-shadow: 2px 2px 10px rgba(0,0,0,0.3)}
.ctaBtn a:hover {box-shadow: none} 


#jKnextPage {width: 25%;
    margin: auto;
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 17px;
    background-color: #910f31;
    text-align: center;
    border: 1px solid #333;
    color: #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
#jKnextPage i {margin: 0 4px}
#jKnextPage a {color: #fff; font-weight: bold; text-decoration: none}


/*--------------------------------------------*/
/*------- PAGE --> CEBIT Speaker List------------*/
/*--------------------------------------------*/
.speakerList .ce_list, .speakerList .ce_list ul {overflow: hidden; padding: 0}
.speakerList .ce_list ul {display: table; width: 100%}
.speakerList .ce_list li:before  {content:""; margin: 0; padding: 0}
.speakerList .ce_list li i {font-size: 20px; vertical-align: middle;color: #920f30}

.speakerList .ce_list:nth-child(2n) ul li {background-color: #eee}
.speakerList .ce_list li {display: table-cell; border: 1px solid #ddd; padding: 10px; font-size: 14px}
.speakerList .ce_list:nth-child(2n) ul li {background-color: #eee}
.speakerList .ce_list.speakerHead li {background-color: #848484 !important; color: #fff; font-weight: bold;}
.speakerList .ce_list li:nth-child(1) {width: 25%}
.speakerList .ce_list li:nth-child(2) {width: 25%}
.speakerList .ce_list li:nth-child(3) {width: 25%}
.speakerList .ce_list li:nth-child(4) {width: 25%}

@media (max-width: 1100px)
{
.speakerList .ce_list {border: 1px solid #8e8e8e;overflow-x: scroll;box-shadow: inset -8px 0px 14px #00000029;}
.speakerList .ce_list ul {width: 250%;display: block;}
.speakerList .ce_list li {min-width: 300px}
}


/*--------------------------------------------*/
/*------- PAGE --> DATENSCHUTZERKL.-------------*/
/*--------------------------------------------*/

.cklist {
    margin-bottom: 12px;
}
.cklist li 
{
    float: left;
    list-style: outside none none;
    width: 20%;
}
.cklist li.long
{
	width: 50%;
}
.tbhead
{
	border-bottom: 1px solid #ddd;
	margin-bottom: 8px;
    padding-bottom: 4px;	
}
.lined
{
	border-bottom: 1px solid #ddd;
	margin-top: 40px;
}
.linedTop {	border-top: 1px solid #ddd;padding-top: 3%}

/*--------------------------------------------*/
/*------- PAGE --> PRESSE-------------*/
/*--------------------------------------------*/
body.presse .lined {border-bottom: 3px solid #ddd}
body.presse p.info {margin-top: 0}
body.presse .layout_latest {font-size: 0.8em}

body.presse .downloadPic img {display: block}
body.presse .ce_downloads .picDownloadUl li:before {content: ""; margin: 0; height: 0}
body.presse .ce_downloads .picDownloadUl li {width: 25%; float: left; list-style: none;padding: 0}
body.presse .ce_downloads .picDownloadUl img {display: block}

body.presse #right .bigborder, .bigborder {border: 3px solid #ddd}
body.presse #contact figure {width: 100px; height: 100px; border-radius: 50%; overflow: hidden;margin-right: 6%}

body.presse .ce_hyperlink {text-align: right}
body.presse .ce_hyperlink a {background-color: rgb(147, 10, 46);color: rgb(255, 255, 255);padding: 8px 12px;font-size: 12px;text-decoration: none;min-width: 130px;display: inline-block;text-align: center;}

/*--------------------------------------------*/
/*------- PAGE --> KI AKTEURE ------------*/
/*--------------------------------------------*/
#kiaFrame .rightCol {border-left: 1px solid #ddd;padding-left: 20px;height: 600px;padding-top: 6px;}
.kiaHead p {margin-bottom: 0}
.kiaHead li {padding-top: 0 !important; padding-bottom: 5px}

/*--------------------------------------------*/
/*------- PAGE --> KI in der Praxis ------------*/
/*--------------------------------------------*/
.infoBox {background-color: #fefefe; font-size: 13px; max-width: 750px} 
.infoBox ul {padding-left: 0;background-color: #f1f1f1; border: 2px solid #ddd;    
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.infoBox li {float: left; list-style-type: none; min-height: 100px; border: 1px solid #ddd; padding: 15px; line-height: 1.6em !important;}
.infoBox li:before {content: ""; display: none}
.infoBox li:nth-child(2n) {font-weight: normal; width: 70%}
.infoBox li:nth-child(2n+1) {width: 30%; font-weight: bold}
.infoBox li:nth-child(3), .infoBox li:nth-child(4), .infoBox li:nth-child(7), .infoBox li:nth-child(8) {background-color: #fff}

/*--------------------------------------------*/
/*------- PAGE --> KI in der Produktion ------------*/
/*--------------------------------------------*/
#Stolpersteine .pg_accfolHeadline {background-color: #c6e3d2 !important; position: relative}
#Stolpersteine .pg_accfolHeadline .ui-accordion-header-icon {position: absolute; right: 20px}

/*--------------------------------------------*/
/*------- PAGE --> KMU  --> CONTENT SLIDER -------------*/
/*--------------------------------------------*/
#KmuContentSlide {overflow: visible}
#KmuContentSlide .folder {padding: 0 1%}
#KmuContentSlide .ce_sliderStart {min-height: 400px}
#KmuContentSlide .slider-control .slider-prev {left: -3%;top: -220px}
#KmuContentSlide .slider-control .slider-next {right: -3%;top: -220px}
#KmuContentSlide .slider-control a.slider-prev, #KmuContentSlide .slider-control a.slider-next {color: #464646}
#KmuContentSlide .slider-control .slider-prev i, #KmuContentSlide .slider-control .slider-next i {font-size: 1.5em}
#KmuContentSlide .slider-control .slider-menu {top: 20%; font-size: 2em}

/*--------------------------------------------*/
/*------- PAGE --> KMU -> WARUM KI -------------*/
/*--------------------------------------------*/
.warumKI.listTable ol {padding: 0}
.warumKI.listTable li {width: 49%; padding: 10px; line-height: 1.6em; border-bottom: 1px solid #ddd;min-height: 97px;}
.warumKI.listTable li:first-child, .warumKI.listTable li:nth-child(2) {background-color: #51bdca; color: #fff; font-weight: bold; font-size: 1.6em; min-height: 50px}
#warum-ki .readMoreTrigger {background-color: #51bdca}
body.warumKI .pg_El .readMoreTrigger {background-color: #920f30 !important}

.warumKI.listTable li:nth-child(5), .warumKI.listTable li:nth-child(6), .warumKI.listTable li:nth-child(9), .warumKI.listTable li:nth-child(10) {background-color: #efefef}

body.warumKI .ui-accordion-header {position: relative}
body.warumKI .ui-accordion-header span.ui-accordion-header-icon:before {font-family: "Fontawesome";content: "\f105";font-size: 1.4em;position: absolute;right: 10px;top: 5px}
body.warumKI .ui-accordion-header.active span.ui-accordion-header-icon:before  {transform: rotate(90deg)}

/*--------------------------------------------*/
/*------- PAGE --> KMU -> TEASERBOXEN -------------*/
/*--------------------------------------------*/
.visibleRow, .visibleRow > .inside {clear: both; overflow: visible}
.teaserBoxFrame {display: flex;}
.teaserBox {width: 31.3333%; margin: 0 2% 0 0;position: relative;box-shadow: 0 0 1rem 0 #d7dce1;transition: all .45s ease-in-out; display: flex; flex-wrap: wrap}
.teaserBox .textFrame {padding: 20px; width: 100%}
.teaserBox .picFrame {width: 100%; align-self: flex-end}
.teaserBox figure {position: absolute;width: 100%;left: 0;bottom: 0;height: 200px;display: flex;align-items: center}
.teaserBox figure img {bottom: 0; transition: all .75s ease-in-out;min-height: 200px;position: absolute;}
.teaserBox:hover {box-shadow: 0 0 0.5rem 0 rgba(0,0,0,.23), 0 0.5rem 1.6rem 0 rgba(0,0,0,.2)}
.teaserBox figure:hover img {transform: scale(1.1)}
.teaserBox a {position: absolute;width: 100%;height: 100%;left: 0;text-decoration: none; top: 0;}
.teaserBox figure:before {content: url('/files/sysImg/arrow.png');transform: scale(0.8);font-family: "Fontawesome";position: absolute; bottom: 10px; right: 10px; z-index: 9999; color: #fff; font-size: 40px}
/*.teaserBox figure:after {content: "—";box-shadow: 2px 2px 5px rgba(0,0,0,0.3);position: absolute;bottom: 27px;right: 15px;width: 27px;background-color: rgba(255, 255, 255, 1);height: 4px;color: rgb(255 0 0);overflow: hidden;border-radius: 33px}*/
.teaserBox figure:before, .teaserBox figure:after {transform: translateX(-8rem) scale(0.8);transition: all .45s ease-in-out;}
.teaserBox:hover figure:before, .teaserBox:hover figure:after {transform: translateX(0rem) scale(0.8)}

#themen .teaserBox h5 {margin-top: -15px; margin-bottom: 0}

.teaserBoxFrame.teaserBoxCol2 .teaserBox {width: 49%}
.teaserBoxFrame.teaserBoxCol2 .teaserBox:last-child {margin-right: 0} 

.teaserBoxFrame.fullImageRow {min-height: 310px}
.teaserBoxFrame.fullImageRow .teaserBox a {padding: 0}

.teaserBoxFrame.teaserBoxCol2 .fullPicTeaserBox {width: 49%;margin: 0 2% 0 0;position: relative}
.teaserBoxFrame.teaserBoxCol2 .fullPicTeaserInner {box-shadow: 0 0 1rem 0 #d7dce1;transition: all .45s ease-in-out;}
.teaserBoxFrame.teaserBoxCol2 .fullPicTeaserInner figure:before {transition: all .45s ease-in-out;content: url(/files/sysImg/arrow.png);transform: scale(0.8);position: absolute;bottom: 55px;right: 100px;z-index: 9999;color: #fff;font-size: 40px;}
.teaserBoxFrame.teaserBoxCol2 .fullPicTeaserBox:hover figure:before {right: 20px} 

/************************************************/
/******************* Inputfelder und Formulare ************/
#f2 .explanation {font-size: 12px; color: #777; text-align: center}


.checkbox_container {margin-top: 5px}
.checkbox_container label {vertical-align: initial}

.ce_form .widget {margin-bottom: 10px}
label, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: table-cell;
    font-size: 14px;
    line-height: 22px;
    vertical-align: middle;}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input 
{padding: 4px 6px;}

.radio_container label {width: auto !important}
.widget-headline {margin: 3% 0 0 0}
textarea {height: 150px;display: block}

.widget-captcha input
{
display: block;
margin-bottom: 5px
}

.widget-captcha label {margin-bottom: 5px; padding-left: 0}

select {height: 32px;-webkit-appearance: none;outline: 0}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82,168,236,0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input 
{
    border-radius: 0px;
      border: 1px solid #b7b7b7;
    box-shadow: inset 1px 1px 5px rgba(175, 175, 175, 0.3);
}
select, textarea, input[type="text"], label, input[type="email"] {    width: 100% !important}

input[type="submit"], button {
    display: inline-block;
    width: 100%; 
    padding: 4px 12px;
    font-size: 14px;
    line-height: 26px;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 1px 1px rgba(124, 124, 124, 0.75);
    vertical-align: middle;
    cursor: pointer;
    color: #FFF;
    background: #910f30;
    border: 1px solid #65000e;
        margin-top: 20px;
-webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
input[type="submit"]:hover {opacity: 0.8}
span.mandatory {color: #cc060e}
label {font-size: 12px;font-weight: bold}

/***************************************************/
/******BREAKS*******/
/***************************************************/
@media (max-width: 1250px)
{
	.home2021 .teaserBoxFrame {min-height: 450px}
}

@media (max-width: 1150px)
{
	#plsLogo img {max-width: 70%; margin-top: 10px}
	#homeBtn {display: none}
	#mainNav {width: 100% !important}
	
	#navBar {font-size: 14px}
	#mainNav a, #mainNav li.active > span, #searchToogle {padding: 10px}
	#mainNav ul li {font-size: 13px; min-width: 12%}
	#mainNav ul li ul {left: initial !important; right: 0}
	
	#quickNav {background-color: #f1f1f1;
    padding: 5px 0}
}


@media (max-width: 1000px)
{
	#header {height: 115px}
	#navBar { text-align: right; margin-top: 0}
	#mobNavTri {display: block; margin: 5px 15px 0 0; font-size: 2.2em;}
	#mobNavTri i {color: #920f30}
	#mainNav, #homeBtn {display: none}
	#plsLogo img {margin-top: 0}
	#langChang {width: 15%}
	#header .search {margin-top: 11px}
	
	#nlInfo {top: 50%}
	#nlBoxInner {width: 90%; top: 5%; left: 5%; padding: 25px; font-size: 0.8em; bottom: 5%; 
	-webkit-overflow-scrolling: touch;
    transform: translate3d(0,0,0);
    overflow: scroll;}

	.teaserBoxFrame {min-height: 480px}
    
  	.tableFrame.cols1 ul li {width: 100%}  
  	
  		
	#homeHoverIcons a.butn {font-size: 12px;padding: 12px 12px 12px 30px;}
	#homeHoverIcons a.butn:before {padding: 8px 0}
}

@media (max-width: 768px)
{
	h1 {font-size: 1.4em}	
	h2 {font-size: 1.2em}
	h3 {font-size: 1em}
	input[type="submit"], button {font-size: 12px}
		
	figure.float_left, figure.float_right {float: none;margin: 1% 0 0 0;max-width: none}

	/*HEADER*/
 	#plsLogo {text-align: right; margin-top: 0}
 	#navBar {width: 70%}
	#mobNavTri {display: block; margin: 5px 15px 0 0; font-size: 2.2em;}
	#mobNavTri i {color: #920f30}
	#mainNav {display: none}
	#langChang {width: 15%}
	#plsLogo img {max-width: 140px} 
	#header {height: 110px}
	#quickNav {text-align: center; background-color: #eee; padding: 0; font-size: 10px}
	#quickNav .inside {width: 100%}
	#quickNav li {width: 25%; margin-left: -2px;vertical-align: middle}
	#quickNav li.first {padding-left:0}
	#quickNav li.loginPage {display: none}
	#langChange li {width: 100%}

	#nlInfo {top: initial; bottom: 0; width: 100%; text-align: center; padding: 10px; font-size: 0.8em}
	#nlInfo.sticky {right: 0}
	#nlIcon {display: none !important}
	
	/*HOME -> SLIDER*/
	.headslide .bsc_spic {height: 400px !important; background-position-x: 30% !important}
	.headslide .carousel-caption.layer {bottom: 20px}
	.headslide .carousel-caption.layer .innerInside {float: none; width: 100%;padding: 10px;font-size: 0.8em}
	.headslide .carousel-caption.layer .innerInside p:first-child {display: none}
	
	/*.home2021 .headslide > div > div:nth-child(1) > div.bsc_spic {background: url('/files/img/headPictures/KI_Konkret_2600x980_PLS_blanko.jpg') 50% 50% no-repeat !important}*/
	
	/*HOME -> NEWSLIST*/
	#home .mod_newslist h2 {text-align: center}
	#home .mod_newslist .layout_latest, .home.en .mod_newslist .layout_latest {float: none; width: 100%; padding: 10% 0}
	 
	
	#eventBarList .layout_list {transform: scale(0.75) translate(-45px,0px)}
	#eventlist {margin: 0 10px}
	#eventLeft {left: 2%}
	#eventRight {right: 2%}
	
	/*#eventBarList .eventDates {width: 31%}
	#eventBarList .eventDetails {width: 53.5%}*/
	
	.ytelement.homeVideo {width: 100%; margin-top: 6%}
	
	/*PAGES --> HEADPIC*/
	.backpic {height: 400px !important}
	.backpic .innerInside {float: none; width: 90%;padding: 10px;font-size: 0.8em; right: 5%; left: 5%; bottom: 5%}

	/*PAGES --> SPRUNGMARKEN*/
	#subNav {height: auto}
	#subNav .Inner {position: initial; font-size: 12px}
	#subNav li {display: block}
	
	/*PAGES --> AKKORDEON*/
	.pages.lightgray .col4 {width: 100%}
	.pages.lightgray .col8 {padding: 25px}
	
	
	/*PAGES --> TABREITER*/
	#tab_panel ul {padding: 20px 1px 0 1px}
	#tab_panel li {float: none;width: 100%; height: auto; padding: 10px 0}
	#tab_panel li.active {height: auto; padding-top: 20px; margin-top: -20px}
	#tab_panel img {max-width: 30px}

.home .mod_newslist .layout_latest {
    float: none;
    padding: 2%;
    width: 100%}
    
#vdbox {
    left: 5%;
    position: fixed;
    top: 5%;
    width: 90%;
    z-index: 99999}    

#logoBar img.ftlright {float: none}
#mastodon, #twitter, #youtube, #newslIcon, #linkedInIcon {text-align: center; margin: 6% 0; padding: 0}
#twitter a span, #youtube a span, #newslIcon a span, #linkedInIcon a span {margin: 0 auto}
#mastodon span, #twitter span, #youtube span, #newslIcon span, #linkedInIcon span {transform: scale(0.8)}

	/*PAGE --> KI LANDKARTE LANDINGPAGE*/
	#mapPage #layout1 .backpic {height: 200px !important}
	#mapPage #layout1 .col6 .SelectIcon i {padding-top: 10%}
	
	/*PAGE --> ANWENDUNGSSZENARIEN LANDINGPAGE*/
	.awsTile {margin-bottom: 12%}
	
	.teaserBoxFrame, #btnBoxFrame, .lightBoxElementFrame {display: block !important}
	.teaserBoxFrame .teaserBox, #btnBoxFrame .btnBox, .lightBoxElementFrame .lightBoxElement, .kmuPage .flip-container {width: 100% !important; margin: 0 0 3% 0 !important}
	.teaserBoxFrame .teaserBox {min-height: 400px}
	.kmuPage.blueColor .pg_accfolHeadline, .kmuPage.blueColor #Stolpersteine .pg_accfolHeadline, .kmuPage.blueColor .ce_accordionSingle .toggler, .ce_list.warumKI.listTable {font-size: 0.8em}

	#bereit-fuer-ki #Kitab li p {font-size: 14px} 
	#bereit-fuer-ki #Kitab li h4 {font-size: 12px}
	
	.flyTile {height: auto}
	.flyTile .tile {position: initial; width: 100% !important}
	.flyTile .ka_text {position: initial}
	
	.kmuPage .quote {padding: 25px 0}
	.kmuPage .quote:before {position: initial}
	
	.ytelement {width: 100%; float: none}
	.ytelement.pgSlide {float: left}
	
	body.lightBoxPage {padding: 15px}


}
@media (max-width: 500px)
{
	#langChang {width: 25%}
	.lightgrayInner {padding: 25px 15px	}
	#homeBtn {display: none}
	

	
}





#mainNav 
{ 
	font-size:14px; 
    height: 50px;
    width: 92%;
  	border: none !Important;
  	float: right

}
#warum-ki .ytelement.col4 > h3 {
    height: 42px;
}
#mainNav a 
{
	border: none !Important;
	text-decoration: none;
	/*color: #848484;*/
}

.menuUp {padding-top: 12px;}
.searchBoxUp {padding-top: 22px;}
#mainNav .trail, #mainNav .active
{
	color: #fff;
}
/* ===Hauptnavigation== */

#mainNav ul 
{
    padding: 0px;
    margin: -1px 0 0;
	z-index: 9999; 
	overflow: visible
}

#mainNav ul li ul li {border: none}

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

#mainNav ul li 
{
    list-style: none;
    float:left;
    height: 89px;
    border-right: 1px solid #eee;
    max-height: 50px;
	position: relative
}

#mainNav ul li:hover > ul, #mainNav ul li:focus-visible > ul 
{
    visibility: visible;
    opacity: 0.99;
}

#mainNav ul li ul
{
    display: inline;
   visibility: hidden; 
/*    visibility: visible;    */
    position: absolute;
    top: 50px;
    left: 0;
    background-color: #f1f1f1; 
    min-width: 300px; 
    padding:0px;
	margin: 0px;
	

}
#mainNav ul li ul li
{
    float: none;
	position: relative;
    height: 50px;
    border-right: none;
    text-align: left; 
    text-transform: initial; 
    font-weight: normal; 
    display: block; 
}
#mainNav ul li .inside {overflow: visible}

#mainNav ul.level_3 
{ 
	left: 195px;
    position: absolute;
    top: 0;
    box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.2);
}
#mainNav ul li.last ul.level_3 
{ 
	left: -315px
}


#mainNav ul li ul li ul li{
    float: none;
    min-width: 330px;
}



#mainNav ul li a, #mainNav ul li span.trail, #mainNav ul li span.active, #mainNav ul li span.forward 
{
   	text-decoration: none;
    display: block;
    font-size: 14px;
    padding: 14px 14px;
}

#mainNav ul li:hover, #mainNav ul li.trail, #mainNav ul li:focus-visible
{
    background-color: #920f30; color: #fff !important;
}

#mainNav ul li:hover > a 
{
    color: #FAFAFA;
    background-color: #920f30; color: #fff !important;
}
/*
#mainNav ul li ul li a 
{
    color: #FAFAFA;
}
#mainNav ul li ul li a:hover{
    color: #333;
    background-color: #FAFAFA !important;
}
*/
/*-----------------------------------------------------------------------*/
/*--- MEDIA BREAKS -----------------------------------------------------*/
/*-----------------------------------------------------------------------*/
@media screen and (max-width: 1320px)
{
	#mainNav ul li a, #mainNav ul li span.trail, #mainNav ul li span.active, #mainNav ul li span.forward {font-size: 12px}
	#mainNav ul li ul {top: 49px}
} 
@media screen and (max-width: 1150px)
{
	#mainNav ul li a, #mainNav ul li span.trail, #mainNav ul li span.active, #mainNav ul li span.forward {padding: 11px 5px}
} 

@media screen and (max-width: 990px)
{
	#mainNav ul li a, #mainNav ul li span.trail, #mainNav ul li span.active, #mainNav ul li span.forward {font-size: 11px; padding: 11px 0px}

} 

/* rubik-regular - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('/files/css/fonts/rubik-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/css/fonts/rubik-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/css/fonts/rubik-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/css/fonts/rubik-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/css/fonts/rubik-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/css/fonts/rubik-v12-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('/files/css/fonts/rubik-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/css/fonts/rubik-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/css/fonts/rubik-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/css/fonts/rubik-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/css/fonts/rubik-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/css/fonts/rubik-v12-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */
}


/* rubik-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('/files/css/fonts/rubik-v28-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  src: url('/files/css/fonts/rubik-v28-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}