body , html {
    min-height:100%;
    height:100%;
    width: 100%;
    margin:0px;
    padding:0px;
    background-color: #EBEBEB;
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    line-height: 1.5;
    color: #FFFFFF;
    -webkit-text-size-adjust: 100%;
    /*
    -webkit-text-size-adjust: none;
    */
    -ms-text-size-adjust: none;
}

#ccm-panel-add-blocktypes-list {
  display: flex;
  flex-direction: column-reverse;
}

.ccm-marketplace-btn-wrapper {
  display:none;
}

#console, #console2 {
  position:fixed;
  left:6px;
  top:116px;
  color:red;
  z-index: 3001;
  max-width:800px;
  background-color:rgba(255,255,255,0.9);
  display:block;
  font-size:13px;
  word-wrap: break-word;
}
#console2 {
  top:20px;
  padding:8px;
}

#page {
  position: relative;
  width:100%;
}

/* ///////////////////////////////////////////////////////////////////////////////  PAGE CONTENT */
.page-wrapper {
    z-index:1;
    position: relative;
    min-height:100vh;
    width:100%;
    max-width:1152px;
    margin: 0 auto;
    overflow:visible;
    display:flex;
    justify-content:center;
}

.content-area {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    min-height: 100%;
    width:100%;
    background-color: rgba(78,0,0,0.4);
    background-color: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.wrapper-layout-area {
  display:flex;
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.menu-wrapper-fixed {
    top:0px;
    z-index:300;
    height:1px;
    width:100%;
    overflow:visible;
}

.menu-wrapper-outer {
		background-color: rgba(0,100,163,0.4);
}
.menu-wrapper {
    position: relative;
    width:100%;
}

.header-area {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color: rgba(255,0,0,0);
}

.logo {
    position: relative;
    background-color: rgba(255,189,0,0);
    margin-top: 0px !important;
    cursor: pointer;
}
.logo > div:nth-child(1) {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/Logo_Mietra-white.svg);
    background-size: 100% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    visibility: hidden;

    /* 25 Jahre */
    /* background-image: url(../images/Mietra_25-Jahre_white.svg); */
}
.logo > div:nth-child(2) {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/Logo_Mietra-blue.svg);
    background-size: 100% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;

    /* 25 Jahre */
    /* background-image: url(../images/Mietra_25-Jahre.svg); */
}

.link-sp {
  position:absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  right:6.0%;
  text-align:right;
  /* line-height: 1.26 !important; */
  background-color: rgba(0,190,20,0);
}
.link-sp > a {
  color:#0175c0;
  text-transform:uppercase;
}
@media screen and (min-width: 661px) {
  .link-sp {
    top:0px;
    width: 200px;
    min-height: 68px;
    padding: 12px 0px 12px 0px;
  }
  .link-sp > a {
    line-height: 1.0 !important;
    margin: 0px !important;
    font-size: 88%;
  }
}

.navi-toggle {
  position:absolute;
  left:5.8%;
  top:27%;
}

.navi-toggle {
    background-image: url(../images/symbols/Symbol_Menue-blue.svg);
    background-size: auto 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(255,0,0,0);
}
.menu-wrapper-outer.open .navi-toggle {
    background-image: url(../images/symbols/Symbol_Close-white.svg);
    animation-duration: 300ms;
    animation-name: toggleButton_open;
}

@keyframes toggleButton_open {
  0% {
      opacity:1;
      transform: rotate(90deg);
      background-image: url(../images/symbols/Symbol_Close-white.svg);
  }
  100% {
      opacity:1;
      background-image: url(../images/symbols/Symbol_Close-white.svg);
  }
}

.area-indent {
  display: block;
}

.flex-column {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}

.wrapper-onepixel {
  position:absolute;
  height:1px;
  width:100%;
  overflow: visible;
  z-index:99;
}
.wrapper-onepixel > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}

.header.font-3 {
  text-align: center;
}

.gradient-grey {
	background-image: linear-gradient(to bottom, #e2ebf0 0%, #ffffff 35%, #ffffff 70%, #e2ebf0 100%);
}

/* STARTPAGE OPENER */

.type-startpage-opener > div:first-child {
    background-size: cover;
    background-position: top 50%;
    background-repeat: no-repeat;
}
.type-startpage-opener > div:last-child .header {
  border-bottom:1px solid #FFFFFF;
}

/*   QUICKSELECT   */

.quick-select-outer {
  box-shadow: 0px 0px 36px 12px rgba(0, 117, 191, 0.15);
  background-color: transparent !important;
}
.quick-select-outer .qs-link {
  background-color: #8f9fb3;
}
.quick-select-outer.active .qs-link {
  background-color: #0075bf;
  background-image: url(../images/symbols/Symbol_next-white.svg);
  background-repeat: no-repeat;
  background-size: auto 22px;
}

.quick-select-outer .qs-link {
  background-color: #8f9fb3;
}

.qs-image {
  width: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  padding-top: 77%;
}
.qs-text {
  background-color: #FFFFFF;
  overflow:hidden;
}
.qs-text > p {
  margin: 0px;
}

/* QUICK SELECT - ENDE */

/* KARUSSELL 1 - START */

  .type-karussell1 .cursive.slide {
    visibility: hidden;
  }
/* KARUSSELL 1 - ENDE */

/* KARUSSELL 2 - START */

.type-karussell2 {
  flex-wrap: wrap;
  width: 100%;
  max-width:1152px;
  overflow:hidden;
}

.slide-area {
  width: 100%;
  background-color: rgba(156,250,0,0);
  height: 330px;
  overflow: visible;
}

.bubble {
  width: 160px;
  height: 160px;
  min-width: 160px  !important;
  min-height: 160px !important;
  border-radius: 50%;
  background-color: #FFFFFF;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 36px 12px rgba(0, 117, 191, 0.15);
}
.bubble div:first-child {
  width: 38%;
  height: 38%;
  margin: 0 auto;
  margin-top: 7%;
  background-size: auto;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: rgba(156,250,0,0);
}
.bubble div:last-child {
  width: 79%;
  height:36%;
  margin: 0 auto;
  margin-bottom: 12%;
  text-align: center;
  line-height: 1.4;
  overflow: hidden;
  font-size:7.2px;
  background-color: rgba(255,10,0,0);
}
/* carousel , slider - START */

.slide-area.card-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.slide-area.card-carousel .my-card {
  min-width: 160px  !important;
  min-height: 160px !important;
  position: relative;
  z-index: 1;
  -webkit-transform: scale(1.52) translateY(0px);       /* 1.525 -->   76% von 244px  */
  transform: scale(1.52) translateY(0px);
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
  transition: 1s;
}

.slide-area.card-carousel .my-card:nth-child(0):before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.slide-area.card-carousel .my-card:nth-child(1):before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.slide-area.card-carousel .my-card:nth-child(2):before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.slide-area.card-carousel .my-card:nth-child(3):before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.slide-area.card-carousel .my-card:nth-child(4):before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.slide-area.card-carousel .my-card:nth-child(5):before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.slide-area.card-carousel .my-card:nth-child(6):before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.slide-area.card-carousel .my-card:nth-child(7):before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.slide-area.card-carousel .my-card:nth-child(8):before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.slide-area.card-carousel .my-card:nth-child(9):before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.slide-area.card-carousel .my-card.active {
  z-index: 5;
  -webkit-transform: scale(2.0) translateY(0) translateX(0);
  transform: scale(2.0) translateY(0) translateX(0);
  opacity: 1;
  pointer-events: auto;
  transition: 1s;
}

.slide-area.card-carousel .my-card.prev, .slide-area.card-carousel .my-card.next,
.slide-area.card-carousel .my-card.prev-2, .slide-area.card-carousel .my-card.next-2,
.slide-area.card-carousel .my-card.prev-3, .slide-area.card-carousel .my-card.next-3 {
  -webkit-transform: scale(1.52) translateY(0px) translateX(0);
  transform: scale(1.52) translateY(0px) translateX(0);
  opacity: 1;
  pointer-events: auto;
  transition: 1s;
}
.slide-area.card-carousel .my-card.prev, .slide-area.card-carousel .my-card.next {
  z-index: 4;
}
.slide-area.card-carousel .my-card.prev-2, .slide-area.card-carousel .my-card.next-2 {
  z-index: 3;
}
.slide-area.card-carousel .my-card.prev-3, .slide-area.card-carousel .my-card.next-3 {
  z-index: 2;
}
/* KARUSSELL 2 - END */

/* ZUSAMMENFASSUNG */
.type-abstract-block .circle {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background-color: #FFFFFF;
  background-size: 90% auto;
  background-position: 50%;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.type-abstract-block .article > div:first-child {
  background-size: auto;
  background-repeat: no-repeat;
}


h1, h2 {
  margin:0px;
  font-weight:400;
}

.header {
  text-transform:uppercase;
}
.type-personen-block .header {
  text-transform: unset;
}

.circle {
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width:122px;
  height:122px;
  background-color: rgba(156,250,0,0);
}

.type-customers-opinion .circle {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  overflow: hidden;
}

.splitter-horizontal {
  height:2px;
  border-top:2px solid #0175c0;
}

.outer-picto > div {
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background-size: 100% auto;
  background-position: top 50%;
  background-repeat: no-repeat;
  text-align:center;
}

.icon-1 {
    background-image: url(../images/icon-baustelle.svg);
}

.type-karussell1 .slick-arrow {
  width: 4px !important;
  height: 4px !important;
  visibility:hidden;
}

.fade-in {
  opacity: 1.0;
  animation-duration: 600ms;
  animation-name: fade-in;
}
.fade-out {
  opacity: 0.0;
  animation-duration: 400ms;
  animation-name: fade-out;
}
@keyframes fade-in {
    0% {
      opacity:0;
    }
    100% {
      opacity:1.0;
    }
}
@keyframes fade-out {
    0% {
      opacity:1.0;
    }
    100% {
      opacity:0;
    }
}

/* FAQ - START */

.type-faq .faq-upper,
.type-faq .extend {
  border-style: solid;
}
.ico {
  background-size: cover;
}
.bg-white .ico {
  background-repeat: no-repeat;
  background-image: url(../images/symbols/Symbol_next-gray.svg);
}
.bg-blue .ico,
.hamburger .ico {
  background-repeat: no-repeat;
  background-image: url(../images/symbols/Symbol_next-white.svg);
}
.type-faq .faq-upper .ico,
.hamburger h2.navi-cat .ico {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 14px;
  left: 8px;
  background-color: rgba(255,0,0,0);
}
.type-faq .faq-upper.open .ico {
  top: 16px;
  left: 5px;
  transform: rotate(90deg);
  animation-duration: 200ms;
  animation-name: iconRotate90;
}
.type-faq .faq-upper.closed .ico {
  transform: rotate(0deg);
  animation-duration: 200ms;
  animation-name: iconRotate0;
}
@keyframes iconRotate90 {
  0% {
    transform: rotate(0deg);
    top: 14px;
    left: 8px;
  }
  100% {
    transform: rotate(90deg);
    top: 16px;
    left: 5px;
  }
}
@keyframes iconRotate0 {
  0% {
    transform: rotate(90deg);
    top: 16px;
    left: 5px;
  }
  100% {
    transform: rotate(0deg);
    top: 14px;
    left: 8px;
  }
}
/* FAQ - ENDE */

/* /////////////////////////// FARBEN ///////////////////////// */

/* font-color */

.bg-white {
  background-color:#FFFFFF;
}
.bg-blue {
  background-color:#0175c0;
}
.bg-blue-light {
  background-color:#64c2ff;
}
.bg-blue-dark {
  background-color:#0064A3;
}
.bg-grey-dark {
  background-color:#596A80;
}
.bg-grey-light {
  background-color:#B5C0CE;
}
.bg-green-light {
  background-color: #93d051;
}
.bg-green-dark {
  background-color: #83b949;
}
.bg-red {
  background-color: #ff1212;
}
.color-blue {
  color:#0175c0;
}
.color-blue-light {
  color:#64c2ff;
}
.color-white {
  color:#FFFFFF;
}
.color-grey-dark {
  color:#596A80;
}
.color-grey-light {
  color:#8F9FB3;
}
.color-green-dark,
.color-green-dark > p {
  color: #83b949 !important;
}
.color-red,
.color-red > p {
  color: #f63c23 !important;
}
.color-black {
  color: #000000 !important;
}

/* SPLITTER */
.splitter-horizontal {
  border-color: #FFFFFF;
}
.bg-white .splitter-horizontal {
  border-color: #0175c0;
}

/* TEASER BLOCK */
.type-teaserblock .blk-txt {
  color:#596A80;
  text-align:center;
}
.type-teaserblock.align-left .blk-txt {
   text-align:left;
}
.type-teaserblock .blk-txt .text strong {
  display: block;
}
.type-teaserblock .blk-txt .header {
  color:#FFFFFF;
}
.type-teaserblock.bg-white .blk-txt .header {
  color:#0175c0;
}
.type-teaserblock.bg-blue .blk-txt {
  color:#FFFFFF;
}
.type-teaserblock .blk-img {
    background-size: cover;
    background-position: top 50%;
    background-repeat: no-repeat;
}

/*  .type-liste-icon  */
.type-liste-icon.bg-blue {
  color: #FFFFFF;
}
.type-liste-icon.bg-white {
  color:#596A80;
}
.type-liste-icon.bg-white .header,
.type-liste-icon.bg-white h4 {
  color:#0175c0;
}

/*  .type-4-icons  */
.type-4-icons.bg-blue {
  color:#FFFFFF;
}
.type-4-icons.bg-white {
  color:#596A80;
}
.type-4-icons.bg-white .header {
  color:#0175c0;
}



.type-text-block.bg-white,
.type-text-block.bg-green-light,
.type-text-block.bg-blue-light {
  color:#596A80;
}
.type-text-block.bg-blue-light .header,
.type-text-block.bg-green-light .header {
  color:#FFFFFF;
}

.type-abstract-block.bg-white {
  color:#0175c0;
}

.type-downloads-block.bg-white .area-indent .ccm-block-file a {
  background-image: url(../images/symbols/Symbol_Download-blue.svg);
  color:#0175c0;
  text-decoration: none;
}
.type-downloads-block.bg-blue .area-indent .ccm-block-file a {
  background-image: url(../images/symbols/Symbol_Download-white.svg);
  color:#FFFFFF;
  text-decoration: none;
}

.type-abstract-block.bg-blue .article > div:first-child {
  background-image: url(../images/symbols/abstract-checkmark-white.png);
}
.type-abstract-block.bg-white .article > div:first-child {
  background-image: url(../images/symbols/abstract-checkmark-blue.png);
}

.type-text-block.bg-white .header,
.type-downloads-block.bg-white .header,
.type-abstract-block.bg-white .header,
.type-personen-block .header {
  color:#0175c0;
}

/* type-personen-block */

.type-personen-block {
  color:#596A80;
}

/* type-list-2tabs */

.type-list-2tabs.bg-white {
  color:#596A80;
}
.type-list-2tabs.bg-white .header {
  color:#0175c0;
}

/* type-faq */

.type-faq.bg-white {
  color:#596A80;
}
.type-faq.bg-blue {
  color:#FFFFFF;
}
.type-faq.bg-white .faq-upper,
.type-faq.bg-white .extend,
.type-faq.bg-white .area-indent {
  border-color:#8F9FB3;
}
.type-faq.bg-blue .faq-upper,
.type-faq.bg-blue .extend,
.type-faq.bg-white .area-indent {
  border-color:#FFFFFF;
}
.type-faq.bg-white a {
  color: #0075BF
}
.type-faq.bg-blue a {
  color: #FFFFFF;
  text-decoration: underline;
}

/* type-customers-opinion */

.type-customers-opinion.bg-white * {
  color:#0175c0;
}
.type-customers-opinion.bg-white .pupilname {
  color: #596A80;
}

.type-lockers-block .extend {
  min-width: 100vw  !important;
}

.locker-extend-content .left {
    background-color: rgba(1,124,0,0);
  }
.locker-extend-content .right {
    background-color: rgba(1,0,196,0);
  }

/* HAMBURGER */
.hamburger .extend a {
  position: relative;
  color: #FFFFFF;
}
.hamburger .extend.navi > a .ico {
  position: absolute;
  width: 18px;
  height: 18px;
}
.hamburger .color-blue-light a {
  color: #63C2FF;
  display: block;
  white-space: nowrap;
  line-height: 1.0;
}
.hamburger .color-blue-light a:before {
  content: "|";
  width: 16px;
  margin: 0px 6px 0px 6px;
}
.hamburger .color-blue-light a:nth-child(1):before {
  display:none;
}


/* buttons */

.bg-blue-light .button,
.bg-green-light .button {
  background-color: #FFFFFF;
  color: #596A80;
}
.button.button-white {                      /* button-white = special */
  background-color: #FFFFFF !important;
  color: #596A80 !important;
}
.button.button-blue {                        /* button-blue = special */
  background-color: #0175c0 !important;
  color: #FFFFFF !important;
}
.button.button-grey-light {                   /* button-grey-light = special */
  background-color: #EDF0F2 !important;
  color: #596A80 !important;
}
.button.button-green {                        /* button-green = special */
  background-color: #83b949 !important;
  color: #FFFFFF !important;
}
.button.button-blue-light {                    /* button-blue-light = special :: top navi */
  background-color: #63C2FF !important;
  color: #0064A3 !important;
}

.bg-blue .button,
.bg-white .button {
  background-color:#64c2ff;
  color:#0175c0;
}

.bg-red .button {
  background-color: #FFFFFF;
  color: #596A80;
}

/* /////////////////////////// VIMEO VIDEO - FULL WIDTH ///////////////////////// */
.area-imagefilm {
    width:100% !important;
}
.area-imagefilm > .vimeoBlockResponsive16by9 {
    position: relative;
    width:100%;
    padding-top:42.55%;
}
.area-imagefilm > .vimeoBlockResponsive16by9 .vimeo-player {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}
.area-imagefilm > .vimeoBlockResponsive16by9 .vimeo-notice {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    font-family: "Proxima Nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
    color: #525252;
    font-size: 14px;
}

.footer-area *,
.footer-area a {
  color:#8F9FB3;
}



.type-text-block ul,
.type-liste-icon ul,
.type-teaserblock ul
{
	list-style:none;
	padding-left:0px;
	margin-top:0px;
}

.type-text-block ul li,
.type-liste-icon ul li,
.type-teaserblock ul li
{
	border:1px solid transparent;
	padding-left:11px;
	line-height: 19px;
}

.type-text-block ul li:before,
.type-liste-icon ul li:before,
.type-teaserblock ul li:before
{
	content:"\00B7";
	font-size: 24px;
	line-height: 18px;
	font-style: bolder;
	display:block;
	width:8px;
	float:left;
	margin-left: -11px;
}

.footer-area ul {                        /* footer navigation */
	list-style:none;
	padding:0px;
	margin:0px;
}
.footer-area .nav li {
  display:inline-block;
}
.footer-area .nav li a::after {
  content:'|';
  margin:0px 11px 0px 11px;
}
.footer-area .nav li:last-child a::after {
  content:'';
  margin:unset;
}

.bar-logos {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.bar-logos > div {
  position: relative;
}
.logo_tuev {
  background-image: url(../images/Tüv-2024_service_120x198.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.logo_bwi {
  background-image: url(../images/BMWi_gefoerdert_120x198.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.logo_bwi_digital_jetzt {
  background-image: url(../images/BMWi_digital_jetzt-120x198.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.rounded-corners {
    border-radius: 23px;
}

.button {
    text-decoration:none;
    display:inline-block;
    border-radius: 24px;
    padding: 11px 42px 11px 42px;           /* BUTTON L, R 42px */
    text-align:center;
    min-width: 90px;
}
@media screen and (max-width: 660px) {
  .button {
    padding: 13px 42px 13px 42px;           /* BUTTON L, R 42px */
}
}
.navi-mobile-block .button.button-blue-light {                /* button-blue-light = special :: top navi */
    padding: 12px 29px 12px 29px !important;
    display:inline-block !important;
    min-width: unset !important;
}
.button-more {
  margin-top:27px;
}
.btn-up {
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background-image: url(../images/btn-top.svg);
  background-size: 20px auto;
  background-position: top center;
  background-repeat: no-repeat;
  width:73px;
  height:37px;
  color:#FFFFFF !important;
}

p {
  margin:0px;
}
p.normal {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}

.vspace-contact {
  display:block;
  height:18px;
}

a {
  text-decoration:none;
}
.area-3 a {
  color:#FFFFFF;
}
.area-3 a:hover {
  color:#596A80;
}

/* BLANK BLANK */
.area-blank {
  min-height:calc(100vh - 200px);
}
.border-blue {
  border-top:2px solid #0175c0;
}
.blank-text {
  width: 88.6%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
}

.blank-text h1 {
  color:#0175c0;
  padding-bottom:10px;
  margin-bottom:0px;
  margin-top:0px;
}

.blank-text h2 {
  color:#0175c0;
  padding-bottom:7px;
  margin-bottom:0px;
  margin-top:0px;
}

.blank-text h3 {
  color:#0175c0;
  padding-bottom:5px;
  margin-bottom:0px;
  margin-top:0px;
}

.blank-text a {
  color:#0175c0;
}
.blank-text a:hover {
  text-decoration:underline;
}

.wrapper-locker .btn-extend {
  background-image: url(../images/symbols/Ladfaecher-Pfeil-weiss_Symbol.svg);
  background-size: 96%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  color: transparent;
}
.wrapper-locker.active .btn-extend {
  background-image: url(../images/symbols/Ladfaecher-Pfeil-blau_Symbol.svg);
  background-position: 50% 80%;
}
.locker-extend-content .left img {
    width: 100%;
    height: auto;
}
.locker-extend-content .right .header {
		padding: 6px 12px 6px 12px;
		background-color:#0175c0;
		color: #FFFFFF;
		text-transform: uppercase;
		margin-bottom: 12px;
}
.locker-extend-content .right p {
		margin-bottom: 12px;
		color: #596A80;
}
.locker-extend-content .right table,
.ccm-image-slider-entry table {
		max-width: calc(100% + 2px);
		min-width: calc(100% + 2px);
		margin: 24px 0px 20px -1px;
		border-collapse: collapse;
}
.locker-extend-content .right td,
.locker-extend-content .right th,
.ccm-image-slider-entry td,
.ccm-image-slider-entry th {
		border: 2px solid #FFFFFF;
		background-color: #eff0f4;
		padding: 6px 6px 6px 14px;
		text-align: left;
}
.locker-extend-content .right tr td,
.ccm-image-slider-entry tr td {
		color: #596A80;
		vertical-align: top;
}
.locker-extend-content .right tr td:first-child,
.ccm-image-slider-entry tr td:first-child {
		color: #8F9FB3;
		font-weight: bolder;
}
.locker-extend-content .right tr td .colors,
.ccm-image-slider-entry .colors {
  display: block;
  padding-left: 48px;
  background-size: 36px 12px;
  background-position: 0px 5px;
  background-repeat: no-repeat;
}
.locker-extend-content .right tr td .colors-morgentau,
.ccm-image-slider-entry .colors-morgentau {
  background-image: url(../images/icons/colors-morgentau.png);
}
.locker-extend-content .right tr td .colors-frischekick,
.ccm-image-slider-entry .colors-frischekick {
  background-image: url(../images/icons/colors-frischekick.png);
}


input[type="text"],
input[type="password"],
textarea {
  min-height:40px;
  border: 1px solid #999999;
  padding:0px;
  padding-left: 8px;
  border-radius:5px;
  display:flex;
  line-height:1;
  margin:8px 0px 6px 0px;
}

#ccm-file-set-list input[type="checkbox"],
.checkbox input[type="checkbox"],
.radio input[type="radio"] {     /* Files DASHBOARD normal ! */
  min-height: unset;
  margin-top: 3px;
}

input.bg-grey-light, 								/* BORDER 2 ! */
textarea.bg-grey-light {						/* BORDER 2 ! */
  border: 1px solid #EDF0F2;
  background-color: #EDF0F2;
  color:#596A80 !important;
  padding-left:21px;
  width: calc(100% - 23px);
}
.bg-grey-light {
  min-height:46px;									/* BORDER 2 ! */
}
textarea.bg-grey-light {
  min-height:150px;
  padding-top:21px;
  padding-bottom:21px;
}

input.red,
textarea.red {
  border-color:#D86154 !important;
}

input:focus, textarea:focus, select:focus{
  outline: none !important;
}

input[type="text"],
input[type="password"],
textarea {
	-webkit-appearance: none;
}

input[type="button"],
input[type="submit"],
.button {
  cursor:pointer;
}


@media screen and (max-width: 460px) {          /* FOOTER MENU */

  .footer-area .nav li:nth-child(3) a::after {
    content:'';
    margin:unset;
  }
  .footer-area .nav li:nth-child(4) {
    margin-top:4px;
  }
  .footer-area .nav li:nth-child(4) a::after {
    content:'\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0';
    margin:unset;
  }
  .footer-area .nav li:nth-child(4) a::before {
    content:'\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0';
    margin:unset;
  }
}

/* --mobile */


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

  .page-wrapper {
    overflow:hidden;
    border-right: 0px dotted red;
  }
  .desktop-only {
    display: none;
  }

  .header-area , .top-spacer-header {
    height:60px;
  }
  .logo {
    width:96px;
    height:48px;
    margin-bottom:5px;

    /* 25 Jahre */
    width:130px;
    height:48px;
    margin-bottom:0px;
  }
  .link-sp {
    right:4%;
    display:block;
    width:24px;
    height:27px;
    margin-top: -1px;
    background-image: url(../images/symbols/Symbol_user.svg);
    background-size: auto 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(29,211,0,0);
  }
  .link-sp > a {
    display:block;
    overflow:hidden;
    color: rgba(123,23,0,0);
  }
  .link-sp .first-child {
    display:none;
  }

  .navi-toggle {
    left:4%;
    width:24px;
    height:24px;
    margin-top:0px;
  }

  .area-indent {
    width: calc(100% - 32px);
    margin: 0px 16px 0px;
  }
  .area-indent.space-h {
    padding: 24px 0px 30px;
  }

  .type-startpage-opener {
    display:block;
  }
  .type-startpage-opener > div:first-child {
    width:100%;
    padding-top:83%;
  }
  .type-startpage-opener > div:last-child {
    border-top:1px solid #0175c0;
    width:100%;
    padding-bottom:50px;
  }
  .type-startpage-opener > div:last-child > div {
    width:91.8%;
    margin:0px 4.1% 36px 4.1%;
  }
  .type-startpage-opener > div:last-child .header {    /* obere area */
    margin-top:36px;
    padding-bottom:36px;
    margin-bottom:38px;
  }
  .type-startpage-opener > div:last-child .text {    /* obere area */
    padding-right:16px;
    margin-bottom:30px;
  }
  .type-startpage-opener > div:last-child .button-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0px;
  }

  /* QUICK SELECT */

  .quick-select-wrapper {           /* max 660 */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .quick-select-outer {
    width:74.5%;
    margin-bottom: 16px;
  }
  .quick-select-outer.passive {
    width:74.5%;
    animation-duration: 600ms;
    animation-name: collapse_qs;
  }
  .quick-select-outer.active {
    width:100%;
    animation-duration: 600ms;
    animation-name: extend_qs;
  }
  @keyframes extend_qs {
    0% {
      width:74.5%;
    }
    100% {
      width:100%;
    }
  }
  @keyframes collapse_qs {
    0% {
      width:100%;
    }
    100% {
      width:74.5%;
    }
  }
  .qs-link {
    padding: 4% 2% 4% 7.6%;
  }
  .quick-select-outer.active .qs-link {
    background-color: #0075bf;
    font-size:20px;
    background-position: calc(96.2%) 50%;
  }
  .passive > .qs-link {
    padding-left: 8.8%;
    font-size:16px;
  }
  .active > .qs-link {
    padding-left: 7.6%;
    font-size:21.6px;
  }
  .qs-text {
    padding: 0 6% 0 6%;
    max-height: 0px;
    background-color: #FFFFFF;
    overflow:hidden;
  }
  .quick-select-outer.passive .qs-text {
    padding: 0 6% 0 6%;
    max-height: 0px;
    animation-duration: 500ms;
    animation-name: collapse_qsText;
  }
  .quick-select-outer.active .qs-text {
    max-height: 800px;
    padding: 4% 6% 4% 6%;
    animation-duration: 500ms;
    animation-name: extend_qsText;
  }
  @keyframes extend_qsText {
    0% {
      padding: 0 6% 0 6%;
      max-height: 0px;
    }
    100% {
      padding: 4% 6% 4% 6%;
      max-height: 600px;
    }
  }
  @keyframes collapse_qsText {
    0% {
      padding: 4% 6% 4% 6%;
      max-height: 600px;
    }
    100% {
      padding: 0 6% 0 6%;
      max-height: 0px;
    }
  }
  .goto-content.chevron-down {    /* mobile */
    display:block;
    width: 43px;
    height: 23px;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 76px;
    background-image: url(../images/symbols/chevron-down.png);
    background-size: 100% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(78,250,0,0);
  }

  /* KARUSSELL 1 - START max 600 */

  .type-karussell1 .area-indent {
    margin: 0 auto;
    margin-top: 56px;
    min-height: 60x;
    background-color: rgba(78,250,0,0);
    display:flex;
  }
  .type-karussell1.has-badget .area-indent {     /* has badget ? */
    margin-top: 101px;
  }

  .type-karussell1 .image {
    display: none;
  }
  .type-karussell1 .content {
    width: 100%;
    background-color: rgba(8,130,20,0);
    padding-bottom: 50px;
  }
  .type-karussell1 .text {
    margin: 0px 4.1% 12px;
    text-align: center;
    background-color: rgba(8,30,120,0);
  }
  .type-karussell1 .wrapper-number-description {
    display: flex;
    flex-direction: col;
    flex-wrap: wrap;
    margin: 24px 4.1% 24px;
    background-color: rgba(255,0,0,0);
  }
  .type-karussell1 .wrapper-number-description > div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 12px;
    background-color: rgba(255,0,0,0);
  }
  .type-karussell1 .wrapper-number-description > div:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    background-color: rgba(255,0,58,0);
  }
  .type-karussell1 .wrapper-number-description > div:last-child > h2.cursive {
    line-height: 1.14;
  }
  .arrow {
    display: block;
    width: 15px;
    height: 22px;
    cursor: pointer;
    background-image: url(../images/symbols/Symbol_next-white.svg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(255,0,0,0);
  }
  .arrow.arrow-left {
    transform: rotate(180deg);
    margin-left: -2px;
  }
  .number {
    margin: 0px 2px 0px 14px;
  }
  .type-karussell1 .content > .button-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: rgba(255,0,0,0);
  }
  .type-karussell1 .content > .button-wrapper > .button {   /* mobile */
    margin: 0px;
    /*
    width: 180px;
    */
  }
  .tuev-siegel {    /* mobile < 660px */
    width: 35vw;
    height: 18.5vw;
    margin: -9.25vw 6px 0px 6px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(255,0,0,0);
  }
  /* KARUSSELL 1 - END */

  /* KARUSSELL 2 - START - mobile */
  .type-karussell2 .area-indent {
    width: 100%;
    padding: 42px 0px 40px;
    text-align: center;
    background-color: rgba(78,250,0,0);
  }
  .type-karussell2 .slide-area {
    margin-bottom: 50px;
  }
  /* KARUSSELL 2 - END */

  /* TEXT BLOCK - START */
  .type-text-block {

  }
  .type-text-block .area-indent {
    width: 91.8%;
    padding: 42px 0px 50px;
    text-align: center;
    background-color: rgba(78,250,0,0);
    border-right: solid transparent 18px; /* text center helper */
  }
  .type-text-block .area-indent.bg-button-only {
    padding: 90px 0px 136px;
  }
  .type-text-block h1.header {
    line-height: 1.24;
  }
  /* TEXT BLOCK - END */

  /* TYPE 4 ICONS - START */

  .type-4-icons {                          /* mobile */
    display:block;
  }
  .type-4-icons > div {
    width:100%;
    margin:0 auto;
    display:flex;
    flex-direction: column;
    justify-content:center;
  }
  .type-4-icons .header {
    text-align:center;
    width: 91.8%;
    margin: 0 auto;
    margin-top:40px;
    margin-bottom:0px;
    background-color: rgba(129,15,0,0);
  }
  .type-4-icons .header.cursive {
    line-height: 1.24;
  }
  /* TYPE 4 ICONS - END */

  .splitter-horizontal {
    margin:0 auto;
    width:168px;
  }
  h1.header + .splitter-horizontal {
    margin-top: 11px;
    margin-bottom: 9px;
  }
  h2.header + .splitter-horizontal {
    margin-top: 24px;
    margin-bottom: 18px;
  }
  .type-text-block.no-splitter h1.header + .splitter-horizontal {
    border-color: transparent;
    margin-bottom: 15px;
  }
  .type-text-block h2.header + .splitter-horizontal {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .type-4-icons .outer-picto {
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    margin-top:32px;
    background-color: rgba(10,195,0,0);
  }
  .type-4-icons .outer-picto div {
    width:140px;
    height:192px;
    margin-bottom:48px;
  }
  @media screen and (min-width: 460px) {
    .type-4-icons .outer-picto > div {
      border-left:28px solid transparent;
      border-right:28px solid transparent;
    }
  }
  .type-4-icons .small-text {
    text-align: center;
    width: 92%;
    margin: 0 auto;
    margin-bottom:24px;
  }

  /* TEASER BLOCK - mobile */
  .type-teaserblock {
    flex-wrap:wrap;
  }
  .type-teaserblock .blk {
    width:100%;
  }
  .type-teaserblock .blk-txt .text {
    position: relative;
    margin:54px 4.1% 0px 4.1%;
    padding-bottom: 62px;
    background-color: rgba(10,195,0,0);
  }
  .type-teaserblock .blk-txt .text .header {
    margin-bottom:22px;
  }
  .type-teaserblock .blk-img {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    min-height:calc(100vw);
  }
  .type-teaserblock .blk-img .img-mobile {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
  }
  .type-teaserblock .button-wrapper {         /* mobile */
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: absolute;
    bottom: -25px;
    min-height: 50px;
    width: 100%;
    overflow: visible;
    background-color: rgba(10,195,0,0);
  }
  .type-teaserblock .button-wrapper .button {
    margin-top: 0px;
    margin-bottom:0px;
  }

  .type-liste-icon {
  }
  .type-liste-icon .first-child {
    margin-top: 42px;
    width:100%;
    display:flex;
    flex-direction: column;
    justify-content:center;
    background-color: rgba(129,15,0,0);
  }
  .type-liste-icon .header.cursive {
    width: calc(100% - 80px);
    margin: 0 auto;
    text-align: center;
    line-height: 1.24;
    background-color: rgba(129,15,0,0);
  }
  .type-liste-icon .blk-service-outer {    /*  mobile  */
    display:block;
    margin-bottom:2px;
    border-top:2px solid #0175c0; /* blau */
    background-color:#0164a5;
  }
  .type-liste-icon.bg-blue .blk-service-outer {    /*  mobile  */
    border-top:2px solid #0175c0; /* blau */
    background-color:#0164a5;
  }
  .type-liste-icon.bg-white .blk-service-outer {    /*  mobile  */
    border-top:2px solid #FFFFFF; /* weiss */
    background-color:#edf0f2;
  }
  .type-liste-icon.bg-blue .blk-service-outer.open {
    background-color:#0175c0;
    animation-duration: 800ms;
    animation-name: accordion_open_bgColor_BLUE;
  }
  .type-liste-icon.bg-blue .blk-service-outer.close {
    background-color:#0164a5;
    animation-duration: 1200ms;
    animation-name: accordion_close_bgColor_BLUE;
  }
  .type-liste-icon.bg-white .blk-service-outer.open {
    background-color:#FFFFFF;
    animation-duration: 800ms;
    animation-name: accordion_open_bgColor_WHITE;
  }
  .type-liste-icon.bg-white .blk-service-outer.close {
    background-color:#edf0f2;
    animation-duration: 1200ms;
    animation-name: accordion_close_bgColor_WHITE;
  }
  .type-liste-icon .icon-normal {
    display:none;
  }
  .type-liste-icon .circle.icon-mobile {
    width: 100px;
    height: 100px;
    margin-right: 7%;
  }
  .type-liste-icon .txt-upper {
    display: flex;
    align-items: center;
    padding: 10px 4.1% 10px 4.1%;
    cursor:pointer;
    background-color: rgba(129,15,0,0);
  }
  .type-liste-icon .txt-extend {
    width:80%;
    margin: 0 auto;
    overflow: hidden;
    max-height:0px;
    background-color: rgba(255,15,0,0);
  }
  .type-liste-icon .txt-extend h4 {
    margin-top:30px;
    margin-bottom:16px;
  }
  .blk-service-outer.no-headline .txt-extend h4 {
    margin-bottom:0px;
    max-height:0px;
    overflow: hidden;
  }
  .blk-service-outer.open .txt-extend {
    max-height:600px;
    animation-duration: 1200ms;
    animation-name: accordion_open;
  }
  .blk-service-outer.close .txt-extend {
    max-height:0px;
    animation-duration: 600ms;
    animation-name: accordion_close;
  }
  .type-liste-icon .splitter-horizontal {
    margin-top: 16px;
    margin-bottom: 36px !important;
  }
  .type-liste-icon .vspace-bottom-extend {
    display:block;
    height:50px;
  }
  @keyframes accordion_open_bgColor_BLUE {
    0% {
      background-color:#0164a5;
    }
    30% {
      background-color:#0164a5;
    }
    100% {
      background-color:#0175c0;
    }
  }
  @keyframes accordion_close_bgColor_BLUE {
    0% {
      background-color:#0175c0;
    }
    40% {
      background-color:#0175c0;
    }
    100% {
      background-color:#0164a5;
    }
  }

  @keyframes accordion_open_bgColor_WHITE {
    0% {
      background-color:#edf0f2;
    }
    30% {
      background-color:#edf0f2;
    }
    100% {
      background-color:#FFFFFF;
    }
  }
  @keyframes accordion_close_bgColor_WHITE {
    0% {
      background-color:#FFFFFF;
    }
    40% {
      background-color:#FFFFFF;
    }
    100% {
      background-color:#edf0f2;
    }
  }
  @keyframes accordion_open {
    0% {
      max-height:0px;
    }
    100% {
      max-height:600px;
    }
  }
  @keyframes accordion_close {
    0% {
      max-height:600px;
    }
    100% {
      max-height:0px;
    }
  }

  /* DOWNLOADS BLOCK - mobile */

  .type-downloads-block {
    display:block;
  }
  .type-downloads-block .area-indent {
    border-bottom: 60px solid transparent;
    width: 100%;
    overflow: visible;
    margin: 0px;
  }
  .type-downloads-block .area-indent .outer-headline {
    display: flex;
    width: 100%;
    background-color: rgba(24,14,16,0);
  }
  .type-downloads-block .area-indent .outer-headline > h2 {
    position: relative;
    margin: 0 auto !important;
    display: inline-block;
    padding-top: 18px;
    padding-bottom: 18px !important;
    background-color: rgba(200,14,0,0);
  }
  .type-downloads-block h2.header > .splitter-horizontal {
    position: absolute;
    width: 1000px;
    bottom: 0px;
    right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .type-downloads-block .area-indent .outer-content {
    margin-left: 4.4%;
    width: 91.2%;
    background-color: rgba(24,14,16,0);
  }
  .type-downloads-block .area-indent .ccm-block-file {
    margin-top: 36px;
    width: 100%;
    background-color: rgba(200,14,0,0);
  }
  .type-downloads-block .area-indent .ccm-block-file a {
    display: block;
    padding-left: 45px;
    background-size: 24px auto;
    background-position: left top;
    background-position-x: 0px !important;
    background-repeat: no-repeat;
    text-align: left;
    background-color: rgba(24,14,16,0);
  }

  /* HEADER BLOCK - mobile */

  .type-header-block .area-indent {
    position: relative;
    width: calc(100vw);
    margin: 0px;
  }
  .type-header-block .area-indent > div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .type-header-block .area-indent > div:first-child > div {
    width: 100%;
    background-color:#0175c0;
  }
  .type-header-block .area-indent .header-bg-img {
    position: relative;
    width: calc(100vw);
    height: calc(77.3vw);
    min-height:290px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .type-header-block .area-indent .header {
    line-height: 1.1;
    text-align: center;
    margin: 16px 6% 22px 6%;
    background-color: rgba(24,14,16,0);
  }

  /* ZUSAMMENFASSUNG . mobile */

  .type-abstract-block .area-indent {
    width: 91.8%;
    margin: 0 auto;
    padding: 50px 0px 42px;
    text-align: center;
    background-color: rgba(129,15,0,0);
  }
  .type-abstract-block .circle {
    width: 120px;
    height: 120px;
    margin-bottom:32px;
  }
  .type-abstract-block h2.header.like-h1 {
    margin-bottom: 38px;
    line-height: 1.4;
  }
  .type-abstract-block .article {
    margin: 0 auto;
    margin-bottom: 30px;
    width: 100%;
    display: flex;
    background-color: rgba(19,168,0,0);
  }
  .type-abstract-block .article > div:first-child {
    width: 58px;
    background-position: 10px 24px;
    background-color: rgba(0,16,210,0);
  }
  .type-abstract-block .article > div:last-child {
    width: calc(100% - 58px);
    text-align:left;
    background-color: rgba(0,190,20,0);
  }
  .type-abstract-block h4.larger {
    margin-top: 2px;
    margin-bottom: 10px;
    line-height: 1.1;
  }
  .type-abstract-block .font-0 {
    margin-top: 0px;
    line-height: 1.4;
  }

  /* PERSONEN BLOCK - mobile */

  .type-personen-block {
    display:block;
  }
  .type-personen-block .area-indent {
    width: 91.8%;
    margin: 0 auto;
    margin-top: 40px;
    background-color: rgba(204,25,0,0);
  }
  .type-personen-block .area-indent > div {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: rgba(20,255,0,0);
  }
  .type-personen-block .image {
    width: calc(80vw);
    height: calc(80vw);
    max-width: 320px;
    max-height: 320px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(20,255,0,0);
  }
  .type-personen-block .header {
    margin-top: 24px;
    width: 80%;
    text-align: center;
    background-color: rgba(200,13,0,0);
  }
  .type-personen-block .subline {
    margin-bottom: 20px;
    width: 80%;
    text-align: center;
    background-color: rgba(200,13,0,0);
  }
  .type-personen-block .text {
    padding-bottom: 60px;
    width: 96%;
    text-align: center;
    line-height: 1.3;
    background-color: rgba(200,13,0,0);
  }

  /* LISTE 2 TABS - mobile */

  .type-list-2tabs .area-indent {
    width: 91.8%;
    margin: 0 auto;
    padding:42px 0px 40px;
  }
  .type-list-2tabs .area-indent .header {
    width: 100%;
    line-height: 1.1;
    text-align: center;
    background-color: rgba(129,15,0,0);
  }
  .type-list-2tabs .content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    background-color: rgba(1,159,0,0);
  }
  .type-list-2tabs .content > div {
    width: calc(100% - 80px);
    text-align: left;
    padding-top: 5px;
    margin-bottom: 14px;
    background-color: rgba(1,0,196,0);
  }
  .type-list-2tabs .content > .first {
    width: 75px;
    margin-right: 5px;
    padding-top: 0px;
    background-color: rgba(123,0,0,0);
  }

  /* 2-Videos - mobile */

  .type-2videos {                   /* MOBILE */
    display:block;
  }
  .type-2videos .area-indent {
    margin: 0 auto;
    margin-top: 18px;
    width: 91.6%;
    background-color: rgba(1,0,196,0);
  }
  .type-2videos .content {
    width: 100%;
    margin-bottom: 32px;
    background-color: rgba(196,0,16,0);
  }
  .type-2videos .content > .image {
    position: relative;
    width: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    padding-top: 56.4%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(198,0,10,0);
  }
  .type-2videos .video-button {
    display: block;
    position: absolute;
    left: calc(50% - 36px);
    top: calc(50% - 20px);
    width: 72px;
    height: 42px;
    border-radius: 8px;
    background-color: #0075BF;
    background-image: url(../images/symbols/video-arrow.png);
    background-size: auto;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .type-2videos .content > .description {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: rgba(0,0,160,0);
  }
  .type-2videos .content > .description div:nth-child(1) {
    width: 100%;
    margin-top: 9px;
    line-height: 1.3;
    background-color: rgba(0,0,160,0);
  }
  .type-2videos .content > .description div:nth-child(2) {
    padding-top: 6px;
    background-color: rgba(198,0,10,0);
  }
  .type-2videos .content > .description a {
    display: inline-block;
    cursor: pointer;
    padding-top: 6px;
    padding-right: 34px;
    background-image: url(../images/symbols/Symbol_Download-blue.svg);
    background-size: 24px auto;
    background-position: top right;
    background-repeat: no-repeat;
    background-color: rgba(198,0,10,0);
  }

  .type-3cols-colored {                   /* MOBILE */
    display:block;
  }
  .type-3cols-colored .area-indent {
    margin: 0 auto;
    margin-top: 56px;
    margin-bottom: 60px;
    width: 91.8% !important;
  }
  .type-3cols-colored .area-indent .header.cursive {
    margin: 0 auto;
    margin-bottom: 36px;
    text-align:center;
    width: 100%;
    background-color: rgba(1,0,196,0);
  }
  .type-3cols-colored .wrapper-cols {
    display:flex;
    flex-wrap: wrap;
    background-color: rgba(1,0,196,0);
  }
  .type-3cols-colored .wrapper-cols > div {
    width: 100% !important;
    padding: 27px 14px 50px 14px;
    text-align: center;
    line-height: 1.44;
    margin-bottom: 4.1vw;
  }
  .type-3cols-colored .wrapper-cols > div:nth-child(3) {
    margin-bottom: 0px;
  }
  .type-3cols-colored .wrapper-cols > div h2 {
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 300;
    margin-top: -2px;
    margin-bottom: 16px;
  }
  .type-3cols-colored .wrapper-cols > div h3 {
    margin-bottom: 8px;
    color: #FFFFFF;
  }
  .type-3cols-colored .wrapper-cols > div h4 {
    margin-bottom: 10px;
  }
  .type-3cols-colored .wrapper-cols > div .hr {
    display: block;
    width: 52px;
    margin-left: calc(50% - 26px);
    margin-top: 23px;
    margin-bottom: 24px;
    height: 1px;
    overflow: hidden;
    border-top: 1px solid #FFFFFF;
  }
  .type-3cols-colored .wrapper-cols > div .font-0 {
    line-height: 0.96 !important;
  }


  .type-faq {                   /* MOBILE */
    display:block;
  }
  .type-faq .area-indent {
    margin: 0 auto;
    margin-top: 48px;
    margin-bottom: 50px;
    width: 91.8%;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
  }
  .type-faq .faq-upper {
    border-width: 1px 0px 0px 0px;
    background-color: rgba(1,0,196,0);
  }
  .type-faq .faq-upper .senstv {
    position:relative;
    padding: 13px 20px 14px 36px;
    line-height: 1.34;
  }
  .type-faq .faq-upper > .extend > div > div {
    margin: 0px 20px 0px 20px;
    border-top:    25px solid rgba(255,0,0,0);
    border-bottom: 42px solid rgba(255,0,0,0);
    line-height: 1.34;
  }
  .type-faq .faq-upper .extend {
    overflow: hidden;
    border-width: 0px 0px 0px 0px;
  }
  .type-faq .faq-upper.open .extend {
    border-width: 1px 0px 0px 0px;
  }
  .type-faq .faq-upper.closed .extend {
    max-height:0px;
    border-width: 0px 0px 0px 0px;
  }

  /* customers-opinion */

  .type-customers-opinion {                                         /* MOBILE */
    display:block;
  }
  .type-customers-opinion .area-indent {
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 16px;
    width: 91.8%;
    background-color: rgba(230,20,6,0) !important;
  }
  .type-customers-opinion .area-indent .header.cursive {
    margin: 0 auto;
    text-align: center;
    background-color: rgba(1,0,196,0);
  }
  .type-customers-opinion .area-indent .blk-outer {
    background-color: rgba(1,0,196,0);
  }
  .type-customers-opinion .blk-outer .icon {
    display: flex;
    justify-content: center;
  }
  .type-customers-opinion .blk-outer .circle {
    width: calc(22vw);
    height: calc(22vw);
    min-width: 101px   !important;
    min-height: 101px  !important;
  }
  .type-customers-opinion .blk-outer .text {
    margin-top: calc(2px + 2vw);
    background-color: rgba(1,0,196,0);
  }
  .type-customers-opinion .blk-outer .text p {
    display: inline;
  }
  .type-customers-opinion .blk-outer .indent {
    display:block;
    position: relative;
    margin-left: 16px;
  }
  .type-customers-opinion .blk-outer .pupilname {
    text-align: center;
    margin-bottom: 12px;
    font-size: 99%;
  }
  .type-customers-opinion .blk-outer .cursive {
    line-height: 1.18;
  }
  .type-customers-opinion .vspace-bottom-extend {
    display:block;
    height:40px;
    background-color: rgba(1,0,196,0);
  }
  .leading-quote {
    position: absolute;
    top: -2px;
    left: -16px;
    background-color: rgba(1,0,196,0);
  }
  .type-customers-opinion h3.header.cursive + .splitter-horizontal {        /* MOBILE */
    margin-top: 32px;
    margin-bottom: 36px;
  }

  .vspace-contact {
    display:block;
    height:12px;
  }
  .vspace-bottom-extend {
    display:block;
    height:38px;
    background-color: rgba(1,244,0,0);
  }

  .footer-area {
    min-height:80px;
    display:block;
  }
  .footer-area > div {
    display:flex;
    justify-content:center;
    align-items:center;
    width:calc(100% - 60px);
    background-color: rgba(1,244,0,0);
    text-align:center;
    margin:0 auto;
  }

  .footer-area > div ul.nav {
    margin-bottom: 32px;
  }
  .divider {
    display:inline-block;
    margin:0px 12px 0px 12px;
  }
  .btn-up {
    margin:0 auto;
    margin-top:17px;
    margin-bottom:17px;
    position:relative;
  }

  .blank-text {                 /* mobile */
    width: 91.8%;
  }

  .type-text-block ul li,
  .type-liste-icon ul li,
  .type-teaserblock ul li
  {
    padding-left:16px;
    line-height: 20px;
  }

  .type-text-block ul li:before,
  .type-liste-icon ul li:before,
  .type-teaserblock ul li:before
  {
    font-size: 32px;
    line-height: 24px;
    margin-left: -16px;
  }

  .type-lockers-block {

  }
  .type-lockers-block {
    padding-bottom: 42px;
  }
  .type-lockers-block .area-indent {
    background-color: rgba(1,60,0,0);
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .type-lockers-block_header-pre .area-indent  {
    margin: 0 auto;
    padding-top: 42px;
    text-align: center;
  }
  .wrapper-locker {
    position: relative;
    width: 100%;
    background-color: rgba(1,0,196,0);
    margin: 0 auto;
    margin-top: 52px;
    /* border-top: 4px solid blue; */
  }

  .locker-extend-content {							/* mobile */
    background-color: rgba(1,60,0,0);
    max-width: calc(100%);
  }

  .wrapper-locker .shade {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 22.4vw;
    width: 100%;
    z-index: 1;
    background-image: linear-gradient(to bottom, #eff0f1 0%, #eff0f4 9%, #eff0f4 100%);
  }
  .wrapper-locker.active .shade {
    background-image: none;
  }
  .wrapper-locker .image {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: none !important;
  }
  .wrapper-locker .image img {
    margin: 0 auto;
  }
  .wrapper-locker img.mobile-icon {
    display: block;
    width: 38%;
    height: auto;
  }
  .wrapper-locker img.mobile-zoom {
    display: none;
  }
  .wrapper-locker.active img.mobile-icon {
    display: none;
  }
  .wrapper-locker.active img.mobile-zoom {
    display: block;
    width: 90%;
    height: auto;
    animation-duration: 600ms;
    animation-name: image-fadein;
  }
  .wrapper-locker .btn-extend {
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    bottom: -22px;
    left: calc(50% - 22px);
    border-radius: 50%;
    background-color: #FFFFFF;
  }
  .wrapper-locker.active .btn-extend {
    background-color: #0175c0;
  }
  .type-lockers-block .extend {
    display: none;
    color: #333333;
    max-height: 0px;
    overflow: hidden;
  }
  .type-lockers-block .extend_open {
    max-height: 10000px;
    animation-duration: 800ms;
    animation-name: infoExtend_open;
    border-bottom: 1px solid rgba(219,219,219, 0.9);
  }
  @keyframes infoExtend_open {
    0% {
      max-height: 0px;
      border-color: rgba(219,219,219,0);
    }
    100% {
      max-height: 600px;
      border-color: rgba(219,219,219,0.9);
    }
  }
  .type-lockers-block .extend_close {
    max-height: 0px;
    animation-duration: 600ms;
    animation-name: infoExtend_close;
    border-color: rgba(219,219,219,0);
  }
  @keyframes infoExtend_close {
    0% {
      max-height: 600px;
      border-color: rgba(219,219,219,0.9);
    }
    100% {
      max-height: 0px;
      border-color: rgba(219,219,219,0);
    }
  }

  .type-lockers-block .content-container {
    display: none !important;
  }
  .type-lockers-block .extend-1 {
    /* border-top: 2px solid blue; */
  }
  .type-lockers-block .extend-2,
  .type-lockers-block .extend-4 {
    display: none !important;
  }
  .type-lockers-block .extend.last {
    display: block;
  }

  .locker-extend-content .right {
		border-bottom: 24px solid transparent;
  }

	.locker-extend-content .left {
		margin-bottom: 36px;
  }
	.locker-extend-content .left img {
		display: none;
  }
  .locker-extend-content .right .header {
		text-align: center;
		padding-left: 22px;
		padding-right: 22px;
		margin-bottom: 24px;
  }
  .locker-extend-content .right p {
		padding-left: 20px;
		padding-right: 20px;
  }
  .locker-extend-content .right table {
		min-width: calc(100% + 2px);
  }
  .locker-extend-content .right td, .locker-extend-content .right th {
		padding: 6px 6px 6px 20px;
	}
  .locker-extend-content .right tr td .colors {
    background-position: 0px 7px;
  }



  .hamburger {              /* HAMBURGER - MOBILE */
    max-height: 0px;
    overflow: hidden;
    background-color: #0064A3;
  }
  /* status + animation */
  .menu-wrapper-outer.open .hamburger {
    max-height: 2000px;
    animation-duration: 800ms;
    animation-name: toggleNavi_open;
  }
  .menu-wrapper-outer.closed .hamburger {
    max-height: 0px;
  }
  @keyframes toggleNavi_open {
    0% {
      max-height: 0px;
    }
    100% {
      max-height: 2000px;
    }
  }
  .menu-wrapper-outer.open .header-area {
    background-color: #0064A3;
  }
  .menu-wrapper-outer.closed .header-area {
    background-color: #FFFFFF;
  }
  .menu-wrapper-outer.open .logo > div:nth-child(1) {
    visibility: visible;
  }
  .menu-wrapper-outer.open .logo > div:nth-child(2) {
    visibility: hidden;
  }
  .menu-wrapper-outer.open .link-sp > a {
    color: transparent;
  }
  /* status + animation - END */



  .hamburger .content-wrapper {
    position: relative;
    min-height: calc(100vh - 120px);
    padding-bottom: 64px;
  }
  .hamburger .content-wrapper .line,
  .hamburger .content-wrapper .line .indent {
    margin: 0px;
  }
  .hamburger .content-wrapper .line.line-3 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 64px;
  }
  .hamburger h2.navi-cat {
    position: relative;
    padding: 0px 0px 0px 34px;
    border: 1px solid transparent;
    border-width: 12px 0px 24px 0px;
    width: calc(89.8% - 34px);
    margin-left: 5.1%;
    cursor: pointer;
    background-color: rgba(1,0,196,0);
  }
  .hamburger h2.navi-cat .ico {
    top: 10px;
    left: 0px;
  }
  .navi-mobile-block {
    background-color: rgba(0,117,191,0);
  }
  .navi-mobile-block.open {
    background-color: rgba(0,117,191,1);
    animation-duration: 300ms;
    animation-name: block-bg-fade_in;
  }
  .navi-mobile-block.closed {
    background-color: rgba(0,117,191,0);
    animation-duration: 300ms;
    animation-name: block-bg-fade_out;
  }
  @keyframes block-bg-fade_in {
    0% {
      background-color: rgba(0,117,191,0);
    }
    100% {
      background-color: rgba(0,117,191,1);
    }
  }
  @keyframes block-bg-fade_out {
    0% {
      background-color: rgba(0,117,191,1);
    }
    100% {
      background-color: rgba(0,117,191,0);
    }
  }
  .navi-mobile-block.open h2 .ico {
    transform: rotate(90deg);
    animation-duration: 300ms;
    animation-name: iconRotate-navicat-90;
  }
  .navi-mobile-block.closed h2 .ico {
    transform: rotate(0deg);
    animation-duration: 300ms;
    animation-name: iconRotate-navicat-0;
  }
  @keyframes iconRotate-navicat-90 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(90deg);
    }
  }
  @keyframes iconRotate-navicat-0 {
    0% {
      transform: rotate(90deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }

  .hamburger .extend {
    width: calc(89.8% - 2px);
    margin-left: 5.1%;
    padding-top: 0px;
    background-color: rgba(1,230,16,0);
    border: 1px solid transparent;
  }
  .navi-mobile-block .extend {
    display: block;
    max-height: 0px;
    overflow: hidden;
  }
  .navi-mobile-block.open .extend {
    max-height: 600px;
    animation-duration: 800ms;
    animation-name: naviSubs-open;
  }
  .navi-mobile-block.closed .extend {
    max-height: 0px;
    animation-duration: 300ms;
    animation-name: naviSubs-close;
  }

  @keyframes naviSubs-open {
    0% {
      max-height: 0px;
    }
    100% {
      max-height: 600px;
    }
  }
  @keyframes naviSubs-close {
    0% {
      max-height: 600px;
    }
    100% {
      max-height: 0px;
    }
  }

  .hamburger .extend > a {
    display: block;
    padding-left: 26px;
    margin-left: 30px;
    margin-bottom: 8px;
  }
  .hamburger .extend > a .ico {
    top: 4px;
    left: 0px;
  }
  .hamburger .content-wrapper .line.line-2 .extend {
    width: calc(89.8% - 31px);
    margin-left: calc(5.1% + 31px);
  }
  .hamburger .content-wrapper .line.line-2 .extend .left {
    margin-bottom: 18px;
  }
  .hamburger .content-wrapper .line.line-2 .extend .right {
    margin-bottom: 48px;
  }
  .hamburger .content-wrapper .line.line-2 .extend a {
    display: block;
  }
  .hamburger .content-wrapper .line.line-2 .extend h3 {
    margin: 0px;
  }
  .hamburger .content-wrapper .line.line-3 .center {
    width: 100%;
    height: 64px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    padding-top: 9px;
  }
  .permanent-links {
    position: relative;
    padding: 0px 0px 0px 5.1%;
    border: 1px solid transparent;
    border-width: 1px 0px 1px 0px;
    width: calc(89.8% - 0px);
    background-color: rgba(200,17,91,0);
  }
  .permanent-links a {
    display: block;
    color: #FFFFFF !important;
    margin: 1em 0px 1.8em 0px;
  }

}


/* --desktop */

@media screen and (min-width: 661px) {

  .mobile-only {
    display: none;
  }
  @media screen and (min-width: 1152px) {
    .menu-wrapper-fixed {
      width:1152px;
    }
  }
  .header-area , .top-spacer-header {
    height:92px;
    background-size: auto 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .navi-toggle {
    background-size: auto 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height:24px;
    width:24px;
    top:34px;
  }
  .logo {
    width:150px;
    height:43px;
    display:block;
    margin-bottom:4px;

    /* 25 Jahre */
    width:160px;
    height:52px;
    margin-bottom:0px;
  }

  .area-indent {
    margin: 0px 60px 0px;
    background-color: rgba(29,211,0,0);
  }
  @media screen and (max-width: 900px) {
    .area-indent {
      margin: 0px 4% 0px;
    }
  }
  .space-h {
    padding: 34px 0px 36px;
  }

  /* QUICKSELECT - START > 660 */

  .type-quickselect {
    /*
    background-image: url(../images/hilfe/quick-select_desktop.jpg);
    background-position: top 50%;
    background-repeat: no-repeat;
    background-size: auto;
    */
  }
  .type-quickselect h1.header + .splitter-horizontal {
    margin-bottom: 0px;
  }
  .quick-select-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: rgba(1,244,0,0);
  }
  @media screen and (min-width: 1150px) {
    .quick-select-wrapper {
      min-height: 580px;
    }
  }
  .quick-select-outer.right {
    width:38.4%;
    margin-right: 6.3%;
    margin-top: 4%;
  }
  .quick-select-outer.left {
    width:38.4%;
    margin-left: 6.3%;
    margin-top: 4%;
  }
  .quick-select-outer.left.passive {
    width:38.4%;
    margin-left: 6.3%;
    margin-top: 4%;
    margin-bottom: 0%;
    animation-duration: 500ms;
    animation-name: collapse_qsLeft;
  }
  .quick-select-outer.left.active {
    width:45.4%;
    margin-left: 3%;
    margin-top: 0%;
    margin-bottom: 0%;
    animation-duration: 500ms;
    animation-name: extend_qsLeft;
  }

  @keyframes extend_qsLeft {
    0% {
      width:38.4%;
      margin-left: 6.3%;
      margin-top: 4%;
    }
    100% {
      width:45.4%;
      margin-left: 3%;
      margin-top: 0%;
    }
  }
  @keyframes collapse_qsLeft {
    0% {
      width:45.4%;
      margin-left: 3%;
      margin-top: 0%;
    }
    100% {
      width:38.4%;
      margin-left: 6.3%;
      margin-top: 4%;
    }
  }
  .quick-select-outer.right {
    width:38.4%;
    margin-right: 6.3%;
    margin-top: 4%;
  }
  .quick-select-outer.right.passive {
    width:38.4%;
    margin-right: 6.3%;
    margin-top: 4%;
    margin-bottom: 0%;
    animation-duration: 500ms;
    animation-name: collapse_qsRight;
  }
  .quick-select-outer.right.active {
    width:45.4%;
    margin-right: 3%;
    margin-top: 0%;
    margin-bottom: 0%;
    animation-duration: 500ms;
    animation-name: extend_qsRight;
  }
  @keyframes extend_qsRight {
    0% {
      width:38.4%;
      margin-right: 6.3%;
      margin-top: 4%;
    }
    100% {
      width:45.4%;
      margin-right: 3%;
      margin-top: 0%;
    }
  }
  @keyframes collapse_qsRight {
    0% {
      width:45.4%;
      margin-right: 3%;
      margin-top: 0%;
    }
    100% {
      width:38.4%;
      margin-right: 6.3%;
      margin-top: 4%;
    }
  }
  .qs-link {
    padding: 4% 2% 4% 7.6%;
  }
  .quick-select-outer.active .qs-link {
    background-color: #0075bf;
    font-size:24px;
    background-position: calc(96.2%) 50%;
  }
  .passive > .qs-link {
    padding-left: 8.8%;
    font-size:16px;
  }
  .active > .qs-link {
    padding-left: 7.6%;
    font-size:24px;
  }
  .qs-text {
    padding: 0 6% 0 7.6%;
    max-height: 0px;
    background-color: #FFFFFF;
    overflow:hidden;
  }
  .quick-select-outer.passive .qs-text {
    padding: 0 6% 0 7.6%;
    max-height: 0px;
    animation-duration: 400ms;
    animation-name: collapse_qsText;
  }
  .quick-select-outer.active .qs-text {
    max-height: 500px;
    padding: 4% 6% 4.4% 7.6%;
    animation-duration: 900ms;
    animation-name: extend_qsText;
  }
  @keyframes extend_qsText {
    0% {
      padding: 0 6% 0 7.6%;
      max-height: 0px;
    }
    32% {
      padding: 0 6% 0 7.6%;
      max-height: 0px;
    }
    100% {
      padding: 4% 6% 4.4% 7.6%;
      max-height: 500px;
    }
  }
  @keyframes collapse_qsText {
    0% {
      padding: 4% 6% 4.4% 7.6%;
      max-height: 500px;
    }
    100% {
      padding: 0 6% 0 7.6%;
      max-height: 0px;
    }
  }
  /* QUICKSELECT - END */

  .goto-content {
    cursor: pointer;
    margin: 0 auto;
  }
  .goto-content.chevron-down {
    display: block;
    width: 56px;
    height: 31px;
    margin-top: 20px;
    margin-bottom: 38px;
    background-image: url(../images/symbols/chevron-down.png);
    background-size: 100% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(78,250,0,0);
  }

  /* KARUSSELL 1 - START > 600 */

  .type-karussell1 {
    /*
    background-image: url(../images/hilfe/karusell1.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: auto;
    */
  }
  .type-karussell1 .area-indent {
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 34px;
    min-height: 60x;
    background-color: rgba(78,250,0,0);
    display:flex;
  }
  .type-karussell1.has-badget .area-indent {  /* if has badget */
    margin-top: 78px;
  }

  .type-karussell1 .image {
    width: 287px;
    background-color: rgba(8,30,120,0);
  }
  .type-karussell1 .image > div {
    width:  212px;
    height: 212px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 36px 12px rgba(0, 89, 130, 0.4);
  }
  .type-karussell1 .image > div > div {    /* Icon im Rund */
    width:  130px;
    height: 130px;
    background-image: url(../images/dummies/icon-karussell1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .type-karussell1 .content {
    width: 586px;
    background-color: rgba(8,130,20,0);
  }
  .type-karussell1 .text {
    margin: 12px 10px 12px 0px;
    background-color: rgba(8,30,120,0);
  }
  .type-karussell1 .wrapper-number-description {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    margin-right: 10px;
    margin-bottom: 24px;
    background-color: rgba(255,0,0,0);
  }
  .type-karussell1 .wrapper-number-description > div:first-child {
    display: flex;
    align-items: center;
    width: 90px;
    margin-right: 30px;
    padding-bottom: 2px;
    background-color: rgba(255,0,0,0);
  }
 .type-karussell1 .wrapper-number-description > div:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 101px);
    background-color: rgba(22,130,58,0);
  }

  .type-karussell1 .slick-list.draggable,
  .type-karussell1 .slick-track,
  .type-karussell1 .cursive.slide {
    height: 100%;
  }
  .type-karussell1 .cursive.slide {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .type-karussell1 .wrapper-number-description > div:last-child > h2.cursive {
    line-height: 1.2;
  }
  .type-karussell1 .arrow {
    display: block;
    width: 15px;
    height: 22px;
    cursor: pointer;
    background-image: url(../images/symbols/Symbol_next-white.svg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(255,0,0,0);
  }
  .type-karussell1 .arrow.arrow-left {
    transform: rotate(180deg);
    margin-left: -2px;
  }
  .number {
    margin: 0px 2px 0px 14px;
  }

  .type-karussell1 .content > .button-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: calc(100% - 16px);
    margin-bottom: 12px;
    background-color: rgba(255,0,0,0);
  }
  .type-karussell1 .content > .button-wrapper > .button {
    margin: 0px;
  }


  .tuev-siegel {        /* desktop */
    width: 180px;
    height: 95px;
    margin-top: -44px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .wrapper-onepixel > div {
    display: flex;
    flex-direction: row;
  }
  .wrapper-onepixel.right > div {
    justify-content: flex-end;
    padding-right: 38px;
  }
  .wrapper-onepixel.right > div .tuev-siegel:nth-last-child(1) {    /* type-karussell1 */
    margin-left: 12px;
  }
  .wrapper-onepixel.center.has-2-badgets > div div:nth-last-child(1) {  /* type-liste-icon */
    margin-left: 6px;
  }
  .wrapper-onepixel.center.has-2-badgets > div div:nth-last-child(2) {  /* type-liste-icon */
    margin-right: 6px;
  }
  .wrapper-onepixel.left > div {
    justify-content: flex-start;  /* L obsolete ? */
  }
  .wrapper-onepixel.center > div {
    justify-content: center;    /*  M  obsolete ? */
  }

  @media screen and (max-width: 900px) {      /* tablet */
    .type-karussell1 {
      /*
      background-image: url(../images/hilfe/karusell1-tablet.jpg);
      */
    }
    .type-karussell1 .area-indent {
      margin: 8vw 3.2% 4%;
      width: 93.6%;
      background-color: rgba(255,26,0,0);
    }
    .type-karussell1 .image {
      width: 38%;
      max-width: 287px;
      min-width: 242px;
    }
    .type-karussell1 .content {
      width: 62%;
    }
    .type-karussell1 .wrapper-number-description > div:last-child {
      padding-top: 12px;
    }
    .type-karussell1 .wrapper-number-description h2.cursive {
      line-height: 1.16;
    }
  }
  /* KARUSSELL 1 - END */

  /* KARUSSELL 2 */
  .type-karussell2 .area-indent {
    width: 690px;
    margin: 0 auto;
    padding: 42px 0px 18px;
    text-align: center;
    background-color: rgba(78,250,0,0);
  }
  .type-karussell2 .slide-area {
    margin-bottom: 62px;
  }
  .type-karussell2 .splitter-horizontal + .text {
    margin-top: -4px;
    margin-bottom: 0px;
  }

  /* type-startpage-opener */                                       /* high */

  .type-startpage-opener > div:first-child {
    width:calc(100% - 477px);
  }
  .type-startpage-opener > div:last-child {
    width:477px;
    padding-left:38px;
    padding-bottom:44px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .type-startpage-opener > div:last-child > div {
    margin:32px 0px 48px 0px;
    background-color: rgba(112,255,0,0);
  }
  .type-startpage-opener > div:last-child .header {    /* obere area */
    padding-bottom:32px;
    padding-right:72px;
    margin-bottom:32px;
    background-color: rgba(112,255,0,0);
  }
  .type-startpage-opener > div:last-child .text {
    background-color: rgba(112,255,0,0);
    padding-right:22px;
  }
  .type-startpage-opener > div:last-child .button-wrapper {
    margin: 0px;
  }
  .type-startpage-opener > div:last-child .button {
    margin:0px;
  }
  @media screen and (max-width: 900px) {
    .type-startpage-opener > div:first-child {
      width:405px;
      background-position: 50% 50%;
    }
    .type-startpage-opener > div:last-child {
      width: calc(100% - 405px);
      padding-left:30px;
    }
    .type-startpage-opener > div:last-child .header {    /* obere area */
      padding-right:30px;
    }
  }
  @media screen and (max-width: 768px) {
    .type-startpage-opener > div:first-child {
      width:380px;
      background-position: 50% 50%;
    }
    .type-startpage-opener > div:last-child {
      width: calc(100% - 380px);
      padding-left:22px;
    }
    .type-startpage-opener > div:last-child .header {    /* obere area */
      padding-right:22px;
    }
  }

  /* Liste mit Icon */

  .type-liste-icon {
    /*
    background-image: url(../images/hilfe/liste-icon-schmal_desktop.jpg);
    background-size: auto;
    background-position: top 50%;
    background-repeat: no-repeat;
    */
  }
  .type-liste-icon .first-child {
    margin: 0 auto;
    margin-top: 50px;
    width: 885px;
    background-color: rgba(129,15,0,0);
  }
  .type-liste-icon.narrow .first-child { /* narrow */
    width: 600px;
  }
  .type-liste-icon .header.cursive {
    text-align:center;
    margin: 0 auto;
    width: calc(100% - 24px);
    background-color: rgba(255,15,0,0);
  }
  .blk-service-outer {
    display:flex;
    margin-bottom:40px;
    background-color: rgba(255,15,0,0);
  }
  .blk-service-text {
    width:calc(100% - 293px);
    line-height: 1.26;
    background-color: rgba(1,21,45,0);
  }
  .type-liste-icon.narrow .blk-service-text {        /* narrow */
    width:calc(100% - 186px);
  }
  .blk-service-text .header {
    margin-top:unset;
    margin-bottom:16px;
    text-align:left;
    background-color: rgba(1,244,0,0);
  }
  .blk-service-text h4 {
    margin-top:16px;
    margin-bottom:16px;
  }
  .icon-normal {
    display:flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 263px;
    background-color: rgba(19,159,0,0);
  }
  .type-liste-icon.narrow .icon-normal {            /* narrow */
    width: 186px;
  }
  .icon-normal > h2.header {
    text-align: center;
    width: calc(100% - 60px);
    margin: 0 auto;
    margin-top: 12px;
    line-height: 1.42;
    background-color: rgba(19,159,0,0);
  }
  .icon-mobile {
    display:none;
  }

  .blk-service-outer .txt-upper {
    display:none;
  }
  .blk-service-outer.no-headline .icon-normal .header {
    display:none;
  }
  .blk-service-outer.no-headline .txt-extend h4 {
    display:none;
  }
  .blk-service-outer.no-headline .txt-upper {
    display:block;
  }
  .blk-service-outer.no-headline .txt-upper .header {
    margin-top: 12px;
  }
  .circle {
    width:110px;
    height:110px;
  }
  .blk-service-outer.no-headline .icon-normal {
    padding-left:40px;
    width: 223px;
    background-color: rgba(156,250,0,0);
  }
  .type-liste-icon.narrow .blk-service-outer.no-headline .icon-normal {
    padding-left: unset;
    width: 186px;
    background-color: rgba(156,250,0,0);
  }

  @media screen and (min-width: 1048px) {

    .type-liste-icon.two-cols .first-child { /* two-cols */
      width: 1000px;
      background-color: rgba(25,200,0,0);
    }
    .type-liste-icon.two-cols .blk-wrapper {
      display:flex;
      flex-wrap: wrap;
      background-color: rgba(25,200,0,0);
    }
    .type-liste-icon.two-cols .blk-service-outer {
      display:flex;
      width: 50%;
      margin-bottom:40px;
      background-color: rgba(255,15,0,0);
    }
    .type-liste-icon.two-cols .icon-normal {            /* two-cols */
      border-left: 20px solid transparent;
      padding-left: 0px;
      width: 110px;
      background-color: rgba(156,250,0,0);
    }
    .type-liste-icon.two-cols .blk-service-text {        /* two-cols */
      margin-left: 40px;
      border-right: 20px solid transparent;
      width:calc(100% - 200px);
      background-color: rgba(16,20,230,0);
    }
  }

  @media screen and (max-width: 940px) {
    .type-liste-icon .first-child {
      width: 100%;
      background-color: rgba(255,15,0,0);
    }
    .blk-service-text {
      width:calc(100% - 250px);
    }
    .icon-normal {
      width: 220px;
    }
    .blk-service-outer.no-headline .blk-service-text {
      width:calc(100% - 224px);
    }
    .blk-service-outer.no-headline .icon-normal {
      padding-left: unset !important;
      width: 174px;
    }
    .type-liste-icon.narrow .first-child {       /* narrow */
      width: 72%;
    }
    .type-liste-icon.narrow .blk-service-text {        /* narrow */
      width:calc(100% - 194px);
    }
    .type-liste-icon.narrow .icon-normal {             /* narrow */
      width: 174px !important;
    }
    .type-liste-icon.narrow .header.cursive {
      width: calc(100% - 40px);
      margin-left: 40px;
      background-color: rgba(255,15,0,0);
    }
  }

  /* TYP 4 ICONS */

  .type-4-icons {
    display:block;
    /*
    background-image: url(../images/hilfe/icon-gruppe-4.jpg);
    background-size: auto;
    background-position: top 50%;
    background-repeat: no-repeat;
    */
  }
  .type-4-icons > div:first-child {
    width:86.6%;
    margin:0 auto;
    display:flex;
    flex-direction: column;
    justify-content:center;
    background-color: rgba(129,15,0,0);
  }
  .type-4-icons .header {
    text-align:center;
    margin-top:42px;
    background-color: rgba(129,15,0,0);
  }
  .type-4-icons .outer-picto {
    display:flex;
    justify-content:space-between;
    margin-top:40px;
    margin-bottom:48px;
  }
  .type-4-icons .outer-picto > div {
    width:134px;
    height:176px;
    background-color: rgba(10,195,0,0);
  }
  .type-4-icons .small-text {
    text-align: center;
    background-color: rgba(129,15,0,0);
    margin-bottom:24px;
  }

  /* TEXT BLOCK */

  .type-text-block {

  }
  .type-text-block .area-indent {
    width: 840px;
    margin: 0 auto;
    padding: 42px 0px 42px;
    text-align: center;
    background-color: rgba(129,15,0,0);
    border-right: solid transparent 18px; /* text center helper */
  }
  .type-text-block.narrower .area-indent {
    width: 750px;
  }
  .type-text-block.narrow .area-indent {
    width: 590px;
  }
  .type-text-block.narrower .text {
    padding: 0px 20px 0px 20px;
    background-color: rgba(129,15,0,0);
  }
  .type-text-block .area-indent.bg-button-only {
    padding: 80px 0px 116px;
  }
  @media screen and (max-width: 900px) {
    .type-text-block .area-indent,
    .type-text-block.narrower .area-indent {
      width: calc(100% - 48px);
    }
    .type-text-block.narrow .area-indent {
      width: calc(65%);
      min-width: 560px;
    }
    .type-text-block.narrower .text {
      padding: 0px;
    }
  }

  /* ZUSAMMENFASSUNG . desktop */

  .type-abstract-block {
    /*
    background-image: url(../images/hilfe/abstract_desktop.jpg);
    background-size: auto;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    */
  }
  .type-abstract-block .area-indent {
    width: 690px;
    margin: 0 auto;
    padding: 42px 0px 48px;
    text-align: center;
    background-color: rgba(129,15,0,0);
  }
  .type-abstract-block .circle {
    margin-top:6px;
    margin-bottom:32px;
  }
  .type-abstract-block h2.header.like-h1 {
    margin-bottom: 36px;
  }
  .type-abstract-block .article {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 510px;
    display: flex;
    background-color: rgba(19,168,0,0);
  }
  .type-abstract-block .article > div:first-child {
    width: 80px;
    background-position: 18px 17px;
    background-color: rgba(0,16,210,0);
  }
  .type-abstract-block .article > div:last-child {
    width: calc(100% - 80px);
    text-align:left;
    background-color: rgba(0,190,20,0);
  }
  .type-abstract-block h4.larger {
    margin-top: 2px;
    margin-bottom: 10px;
    line-height: 1.1;
  }
  .type-abstract-block .font-0 {
    margin-top: 0px;
    line-height: 1.36;
  }

  /* TEASER BLOCK - desktop */

  .type-teaserblock.desktop-reverse {
    flex-direction: row-reverse;
  }
  .type-teaserblock .blk {
    width:50%;
    min-height:340px;
  }
  .type-teaserblock .blk-txt .text {
    margin:62px 48px 44px 50px;
  }
  .type-teaserblock .blk-txt .text .header {
    margin-bottom:21.6px;
  }

  /* DOWNLOADS BLOCK - desktop */

  .type-downloads-block {
    /*
    display:block;
    background-image: url(../images/hilfe/downloads_desktop.jpg);
    background-size: auto;
    background-position: top left;
    background-repeat: no-repeat;
    */
  }
  .type-downloads-block .area-indent {
    width: calc(100% - 340px);
    margin: 0 auto;
    padding: 34px 0px 48px;
    background-color: rgba(1,244,0,0);
  }
  @media screen and (max-width: 900px) {
    .type-downloads-block .area-indent {
      width: calc(100% - 240px);
      padding: 24px 0px 52px;
    }
  }
  .type-downloads-block .area-indent .outer-headline > h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 16px;
    margin-bottom: 12px;
    background-color: rgba(200,14,0,0);
  }

  .type-downloads-block .area-indent .ccm-block-file {
    margin-top: 25px;
    background-color: rgba(20,14,125,0);
  }
  .type-downloads-block .area-indent .ccm-block-file > a {
    display: block;
    margin-top: 25px;
    padding-right: 8px;
    padding-left: 40px;
    text-align: left;
    background-size: 22px auto;
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-color: rgba(200,14,0,0);
  }
  .type-downloads-block .area-indent .ccm-block-file > a > span {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    background-color: rgba(20,255,0,0);
  }

  /* HEADER BLOCK - desktop */
  .type-header-block {
    /*
    background-image: url(../images/hilfe/header_desktop.jpg);
    background-size: auto;
    background-position: top left;
    background-repeat: no-repeat;
    */
  }
  .type-header-block .area-indent {
    position: relative;
    width: calc(100vw);
    max-width: 1152px;
    height: 258px;
    margin: 0px;
  }
  .type-header-block .area-indent > div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
  }
  .type-header-block .area-indent > div:first-child > div {
    width: 299px;
    margin-bottom:10px;
    background-color:#0175c0;
  }
  .type-header-block .area-indent .header-bg-img {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .type-header-block .area-indent .header {
    line-height: 1.1;
    text-align: center;
    margin: 14px 16px 20px 16px;
  }

  /* PERSONEN BLOCK - desktop */
  .type-personen-block {
    display:block;
    /*
    background-image: url(../images/hilfe/personen_desktop.jpg);
    background-size: auto;
    background-position: top left;
    background-repeat: no-repeat;
    */
    min-height: 300px;
  }

  .type-personen-block .area-indent {
    display: flex;
    justify-content: space-between;
    width: 88%;
    max-width: 776px;
    margin: 0 auto;
    margin-top: 12px;
    background-color: rgba(204,25,0,0);
  }
  .type-personen-block .area-indent > div {
    width: 336px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: rgba(20,255,0,0);
  }
  .type-personen-block .image {
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(20,255,0,0);
  }
  .type-personen-block .header {
    margin-top: 21px;
    width: 80%;
    text-align: center;
    background-color: rgba(200,13,0,0);
  }
  .type-personen-block .subline {
    margin-top: -2px;
    margin-bottom: 12px;
    width: 80%;
    text-align: center;
    background-color: rgba(200,13,0,0);
  }
  .type-personen-block .text {
    padding-bottom: 50px;
    width: 96%;
    text-align: center;
    line-height: 1.3;
    background-color: rgba(200,13,0,0);
  }

  @media screen and (max-width: 820px) {
    .type-personen-block .area-indent {
      width: 92%;
    }
    .type-personen-block .area-indent > div {
      width: 47.4%;
    }
    .type-personen-block .image {
      width: 260px;
      height: 260px;
    }
  }

  /* LISTE 2 TABS - desktop */
  .type-list-2tabs {
    /*
    display:block;
    background-image: url(../images/hilfe/list-2tabs_desktop.jpg);
    background-size: auto;
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 400px;
    */
  }
  .type-list-2tabs .area-indent {
    width: 440px;
    margin: 0 auto;
    padding:39px 0px 42px;
    text-align: center;
    background-color: rgba(129,15,0,0);
  }
  .type-list-2tabs .area-indent .header {
    width: 90%;
    margin: 0 auto;
    line-height: 1.1;
    text-align: center;
    background-color: rgba(129,15,0,0);
  }
  .type-list-2tabs .content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    border-left: 9px solid transparent;
    background-color: rgba(1,159,0,0);
  }
  .type-list-2tabs .content > div {
    width: calc(100% - 80px);
    text-align: left;
    padding-top: 4px;
    margin-bottom: 14px;
    background-color: rgba(1,0,196,0);
  }
  .type-list-2tabs .content > .first {
    width: 75px;
    margin-right: 5px;
    padding-top: 0px;
    background-color: rgba(123,0,0,0);
  }

  .type-2videos {                   /* DESKTOP */
    display:block;
  }
  .type-2videos .area-indent {
    margin: 0 auto;
    margin-top: 18px;
    width: 1018px;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: rgba(1,0,196,0);
  }
  .type-2videos .content {
    width: calc(50% - 18px);
    min-height: 332px;
    margin-bottom: 12px;
    background-color: rgba(196,0,16,0);
  }
  .type-2videos .content > .image {
    position: relative;
    width: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    padding-top: 56.4%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(198,0,10,0);
  }
  .type-2videos .video-button {
    display: block;
    position: absolute;
    left: calc(50% - 36px);
    top: calc(50% - 20px);
    width: 72px;
    height: 42px;
    border-radius: 6px;
    background-color: #0075BF;
    background-image: url(../images/symbols/video-arrow.png);
    background-size: auto;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .type-2videos .content > .description {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: rgba(0,0,160,0);
  }
  .type-2videos .content > .description div:nth-child(1) {
    width: 100%;
    margin-top: 9px;
    margin-bottom: -2px;
    line-height: 1.3;
    background-color: rgba(0,0,160,0);
  }
  .type-2videos .content > .description div:nth-child(2) {
    padding-top: 4px;
    background-color: rgba(198,0,10,0);
  }
  .type-2videos .content > .description a {
    display: inline-block;
    cursor: pointer;
    padding-top: 4px;
    padding-right: 32px;
    background-image: url(../images/symbols/Symbol_Download-blue.svg);
    background-size: 22px auto;
    background-position: top right;
    background-repeat: no-repeat;
    background-color: rgba(198,0,10,0);
  }
  @media screen and (max-width: 1070px) and (min-width: 768px) {
    .type-2videos .area-indent {
      width: calc(100% - 46px);
      background-color: rgba(1,0,196,0);
    }
    .type-2videos .content {
      min-height: unset;
      width: calc(48.6%);
    }
  }
  @media screen and (max-width: 767px) {
    .type-2videos .area-indent {
      width: calc(100% - 42px);
      background-color: rgba(1,0,196,0);
    }
    .type-2videos .content {
      min-height: unset;
      width: 100%;
      margin-bottom: 32px;
    }
  }

  .type-faq {                   /* DESKTOP */
    display:block;
  }
  .type-faq .area-indent {
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
    width: calc(100% - 40px);
    max-width: 720px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
  }
  .type-faq .faq-upper {
    border-width: 1px 0px 0px 0px;
    background-color: rgba(1,0,196,0);
  }
  .type-faq .faq-upper .senstv {
    position:relative;
    background-size: 20px auto;
    background-position: top left;
    background-repeat: no-repeat;
    background-color: rgba(1,0,196,0);
    padding: 13px 20px 12px 36px;
    line-height: 1.34;
  }
  .type-faq .faq-upper > .extend > div > div {
    margin: 0px 20px 0px 20px;
    border-top:    25px solid rgba(255,0,0,0);
    border-bottom: 42px solid rgba(255,0,0,0);
    line-height: 1.34;
  }
  .type-faq .faq-upper .extend {
    overflow: hidden;
    border-width: 0px 0px 0px 0px;
  }
  .type-faq .faq-upper.open .extend {
    border-width: 1px 0px 0px 0px;
  }
  .type-faq .faq-upper.closed .extend {
    max-height:0px;
    border-width: 0px 0px 0px 0px;
  }


  .type-3cols-colored {                   /* DESKTOP */
    display:block;
  }
  .type-3cols-colored .area-indent {
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 82px;
    width: 745px;
  }
  .type-3cols-colored .area-indent .header.cursive {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 36px;
    width: 480px;
    background-color: rgba(1,0,196,0);
  }
  .type-3cols-colored .wrapper-cols {
    display:flex;
    justify-content: space-between;
    background-color: rgba(1,0,196,0);
  }
  .type-3cols-colored .wrapper-cols > div {
    width: calc(30.8% - 32px);
    max-width: calc(229px - 32px);
    padding: 27px 16px 50px 16px;
    text-align: center;
    line-height: 1.44;
  }
  .type-3cols-colored .wrapper-cols > div h2 {
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 300;
    margin-top: -2px;
    margin-bottom: 16px;
  }
  .type-3cols-colored .wrapper-cols > div h3 {
    margin-bottom: 8px;
    color: #FFFFFF;
  }
  .type-3cols-colored .wrapper-cols > div h4 {
    margin-bottom: 10px;
  }
  .type-3cols-colored .wrapper-cols > div .hr {
    display: block;
    width: 52px;
    margin-left: calc(50% - 26px);
    margin-top: 23px;
    margin-bottom: 24px;
    height: 1px;
    overflow: hidden;
    border-top: 1px solid #FFFFFF;
  }
  .type-3cols-colored .wrapper-cols > div .font-0 {
    line-height: 0.96 !important;
  }
  @media screen and (max-width: 760px) {
    .type-3cols-colored .area-indent {
      width: 100%;
      background-color: rgba(1,0,196,0) !important;
    }
    .type-3cols-colored .wrapper-cols > div {
      width: calc(33.3% - 33px);
    }
  }

  .type-customers-opinion {                   /* DESKTOP */
    display:block;
  }
  .type-customers-opinion .area-indent {
    margin: 0 auto;
    margin-top: 42px;
    margin-bottom: 82px;
    width: 546px;
    background-color: rgba(230,20,6,0) !important;
  }
  .type-customers-opinion .area-indent .header.cursive {
    margin: 0 auto;
    text-align: center;
    width: calc(100% - 24px);
    background-color: rgba(1,0,196,0);
  }
  .type-customers-opinion .area-indent .blk-outer {
    display: flex;
    background-color: rgba(1,0,196,0);
  }
  .type-customers-opinion .area-indent .blk-outer.reverse {
    flex-direction: row-reverse;
  }
  .type-customers-opinion .blk-outer .icon,
  .type-customers-opinion .blk-outer .circle {
    min-width: 146px  !important;
    min-height: 146px  !important;
    background-color: rgba(1,0,196,0);
  }
  .type-customers-opinion .blk-outer .icon {
    margin-top: 16px;
    margin-right: 21px;
  }
  .type-customers-opinion .area-indent .blk-outer.reverse .icon {
    margin-right: 0px;
    margin-left: 21px;
  }
  .type-customers-opinion .blk-outer .text {
    margin-top: 30px;
  }
  .type-customers-opinion .blk-outer .text p {
    display: inline;
  }
  .type-customers-opinion .blk-outer .indent {
    display:block;
    position: relative;
    margin-left: 16px;
  }
  .type-customers-opinion .blk-outer .pupilname {
    margin-top: 3px;
    margin-bottom: 9px;
  }
  .type-customers-opinion .blk-outer .cursive {
    line-height: 1.18;
  }
  .type-customers-opinion .vspace-bottom-extend {
    display:block;
    height:48px;
    background-color: rgba(1,0,196,0);
  }













  .type-lockers-block {
    padding-bottom: 42px;
  }

  .type-lockers-block .area-indent {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: rgba(1,60,0,0) !important;
    margin: 0 auto;
  }
  .type-lockers-block_header-pre .area-indent  {
    margin: 0 auto;
    padding-top: 42px;
  }
  .wrapper-locker {
    position: relative;
    height: 284px;
    width: 140px;
    background-color: rgba(1,0,196,0);
    margin: 52px 0px 0px 0px;
    border-color: transparent transparent transparent transparent;
    border-style: solid;
    border-width: 0px 34px 0px 34px;
  }

  .locker-extend-content {
    position: relative;
    display: flex;
    margin: 0 auto;
    margin-top: 62px;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 16px;
  }

  @media screen and (max-width: 779px) {
    .type-lockers-block .area-indent {
      width: calc(100vw - 42px);
    }
    .locker-extend-content {
      width: 100vw;
      /* border-top: 3px solid purple; */
    }
    .locker-extend-content .left {
      width: calc(47% - 12px);
      margin-left: 12px;
    }
    .locker-extend-content .right {
      width: calc(53% - 45px);
      margin-left: 24px;
      margin-right: 21px;
    }
    .wrapper-locker {
      background-color: rgba(0,200,16,0);
      border-width: 0px calc(25vw - 130px) 0px calc(25vw - 130px);
    }
  }
  @media screen and (min-width: 780px) and (max-width: 940px) {
    .type-lockers-block .area-indent {
      width: 100vw;
    }
    .locker-extend-content {
      width: calc(100vw - 90px);
    }
    .locker-extend-content .left {
      width: 47%;
    }
    .locker-extend-content .right {
      width: calc(53% - 56px);
      margin-left: 36px;
    }
    .wrapper-locker {
      background-color: rgba(210,0,16,0);
      border-width: 0px calc(12.5vw - 86px) 0px calc(12.5vw - 86px);
    }
  }
  @media screen and (min-width: 941px) {
    .type-lockers-block .area-indent {
      width: 920px !important;
    }
    .locker-extend-content {
      width: 800px;
    }
    .locker-extend-content .left {
      width: calc(51.3% - 26px);
      margin-right: 26px;
    }
    .locker-extend-content .right {
      width: calc(51.3% - 54px);
      margin-left: 27px;
    }
  }

  .extend_open .left > img {
    animation-duration: 800ms;
    animation-name: image-fadein;
  }

  .wrapper-locker .shade {
    position: absolute;
    bottom: 0px;
    left: -919px;
    height: 74px;
    width: 2000px;
    z-index: 1;
    background-image: linear-gradient(to bottom, #eff0f1 0%, #eff0f4 9%, #eff0f4 100%);
  }
  .wrapper-locker .image {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-size: 94% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
  }
  .wrapper-locker .image img {
    display: none !important;
  }
  .wrapper-locker .btn-extend {
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    bottom: -22px;
    left: calc(50% - 22px);
    border-radius: 50%;
    background-color: #FFFFFF;
  }
  .wrapper-locker.active .btn-extend {
    background-color: #0175c0;
  }
  .type-lockers-block .extend {
    display: none;
    color: #333333;
    /* background-color: red; */
    max-height: 0px;
    overflow: hidden;
  }
  .type-lockers-block .extend_open {
    max-height: 10000px;
    animation-duration: 800ms;
    animation-name: infoExtend_open;
    border-bottom: 1px solid rgba(219,219,219,0.9);
  }
  @keyframes infoExtend_open {
    0% {
      max-height: 0px;
      border-color: rgba(219,219,219,0);
    }
    100% {
      max-height: 600px;
      border-color: rgba(219,219,219,0.9);
    }
  }
  .type-lockers-block .extend_close {
    max-height: 0px;
    animation-duration: 600ms;
    animation-name: infoExtend_close;
    border-color: rgba(219,219,219,0);
  }
  @keyframes infoExtend_close {
    0% {
      max-height: 600px;
      border-color: rgba(219,219,219,0.9);
    }
    100% {
      max-height: 0px;
      border-color: rgba(219,219,219,0);
    }
  }

  .type-lockers-block .content-container {
      display: none !important;
  }
  .type-lockers-block .extend.last {
    display: block;
  }

  @media screen and (max-width: 779px) {
    .type-lockers-block .extend-1 {
      display: none !important;
    }
    .type-lockers-block .extend-2,
    .type-lockers-block .extend-4 {
      display: block;
    }
    .extend-off {
      /* background-color: yellow; */
      display: none !important;
      max-height: 0px !important;
    }
  }
  @media screen and (min-width: 780px) {
    .type-lockers-block .extend-1,
    .type-lockers-block .extend-2 {
      display: none !important;
    }
    .type-lockers-block .extend-4 {
      display: block;
    }
  }






  .leading-quote {
    position: absolute;
    top: -2px;
    left: -13px;
    background-color: rgba(1,0,196,0);
  }
  @media screen and (max-width: 740px) {
    .type-customers-opinion .area-indent {
      width: 530px;
    }
  }

  .hamburger {              /* HAMBURGER - DESKTOP */
    max-height: 0px;
    overflow: hidden;
  }
  /* status + animation */
  .menu-wrapper-outer.open .hamburger {
    max-height: 2000px;
    animation-duration: 800ms;
    animation-name: toggleNavi_open;
  }
  .menu-wrapper-outer.closed .hamburger {
    max-height: 0px;
  }
  @keyframes toggleNavi_open {
    0% {
      max-height: 0px;
    }
    100% {
      max-height: 2000px;
    }
  }
  .menu-wrapper-outer.open .header-area {
    background-color: #0064A3;
  }
  .menu-wrapper-outer.closed .header-area {
    background-color: #FFFFFF;
  }
  .menu-wrapper-outer.open .logo > div:nth-child(1) {
    visibility: visible;
  }
  .menu-wrapper-outer.open .logo > div:nth-child(2) {
    visibility: hidden;
  }
  .menu-wrapper-outer.open .link-sp > a {
    color:#FFFFFF;
  }
  /* status + animation - END */

  .hamburger .content-wrapper {
    position: relative;
    background-color: #0075BF;
    min-height: calc(100vh - 92px);
  }
  .hamburger .content-wrapper .line.line-1 {
    background-color: #0064A3;
    padding: 16px 0px 44px 0px;
  }
  .hamburger .content-wrapper .line.line-2 {
    background-color: #0075BF;
    padding: 12px 0px 30px 0px;
  }
  .hamburger .content-wrapper .line.line-3 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #0075BF;
    padding: 12px 0px 16px 0px;
  }
  .hamburger .content-wrapper .line .indent {
    background-color: rgba(1,0,196,0);
    margin: 0 auto;
    width:86%;
    max-width: 730px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-left: 30px solid transparent;    /* visual center correction */
  }
  .hamburger .content-wrapper .line.line-2 .indent .navi-mobile-block {
    background-color: rgba(1,0,196,0);
    width:100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .hamburger .content-wrapper .line.line-3 .indent .navi-mobile-block {
    justify-content: center;
    color: #63C2FF;
  }
  .hamburger .left,
  .hamburger .right {
    background-color: rgba(1,0,196,0);
    width: 270px;
  }
  .hamburger .content-wrapper .line.line-2 .left,
  .hamburger .content-wrapper .line.line-2 .right {
    width: 246px;
    padding-left: 24px;
    padding-bottom: 42px;
    background-color: rgba(1,0,196,0);
  }
  .hamburger .center {
    display: flex;
    justify-content: center;
    background-color: rgba(230,20,6,0);
    margin-top: 12px;
    width: calc(100% - 30px);   /* visual center correction */
  }
  .hamburger .extend {
    width: 100%;
    padding-top: 0px;
    background-color: rgba(1,230,16,0);
    border: 1px solid transparent;
  }
  .hamburger .content-wrapper .line.line-2 .extend {
    display: flex;
    justify-content: space-between;
  }
  .hamburger .extend > a {
    display: block;
    padding-left: 26px;
    margin-bottom: 8px;
  }
  .hamburger .extend > a .ico {
    top: 2px;
    left: 0px;
  }
  .hamburger .content-wrapper .line.line-2 .extend a {
    display: block;
  }
  .hamburger h2.navi-cat .ico {
    display: none;
  }





  .splitter-horizontal {
    margin:0 auto;
    width:146px;
  }
  h1.header + .splitter-horizontal {
    margin-top: 11px;
    margin-bottom: 9px;
  }
  .type-text-block h1.header + .splitter-horizontal {
    margin-top: 14px;
    margin-bottom: 16px;
  }
  .type-text-block.no-splitter h1.header + .splitter-horizontal {
    border-color: transparent;
    margin-bottom: 15px;
  }
  h2.header + .splitter-horizontal {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .type-downloads-block h2.header > .splitter-horizontal {
    position: absolute;
    width: 1000px;
    bottom: 0px;
    right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  h2.header.cursive + .splitter-horizontal,
  h3.header.cursive + .splitter-horizontal {
    margin-top: 32px;
    margin-bottom: 34px;
  }
  h2.header.cursive + .splitter-horizontal.flat {
    margin-top: 14px;
    margin-bottom: 0px !important;
  }

  .footer-area {
    min-height:74px;
  }
  .footer-area > div {
    display:flex;
    justify-content:center;
    align-items:center;
    width:60%;
    background-color: rgba(1,244,0,0);
    text-align:center;
    margin:0 auto;
  }
  .divider {
    display:inline-block;
    margin:0px 11px 0px 11px;
  }
  .btn-up {
    position:absolute;
    bottom:17px;
    right:27px;
  }
}       /* --desktop - END */


/* eKomi */
.eKomi-wrapper {
  position: absolute !important;
  display: block !important;
  top: 1px;
  left: 16px;
}
@media screen and (max-width: 767px) {
  .bar-logos {
    height: 120px;
  }
  .bar-logos > div {
    width: calc(38% - 4px);
    height: 96%;
    background-color: rgba(231,17,191,0);
  }
  .bar-logos > div:nth-child(3) {
    margin-right: 12px;
  }
  .logo_tuev,
  .logo_bwi,
  .logo_bwi_digital_jetzt {
    background-size: contain;
  }
}
@media screen and (max-width: 460px) {
  .bar-logos {
    height: 100px;
    border-bottom: 6px solid #FFFFFF;
  }
  .bar-logos > div:nth-child(3) {
    margin-right: 8px;
  }
}

@media screen and (min-width: 768px) {
  .bar-logos {
    height: 142px;
  }
  .bar-logos > div {
    width: 198px;
    height: 120px;
    background-color: rgba(0,117,191,0);
  }
  .bar-logos > div:nth-child(2) {
    margin-right: 20px;
  }
  .logo_tuev {
    background-size: 198px 120px;
  }
  .logo_bwi {
    background-size: 198px 120px;
  }
  .logo_bwi_digital_jetzt {
    background-size: 198px 120px;
  }
}

.vspace-upper {
   background-color: rgba(0,210,0,0);
}

.vspace-under {
   background-color: rgba(0,210,0,0);
}

.space-between {
  justify-content:space-between;
}
.flex-centered {
	justify-content:center;
}

.vspacer {
  width:100%;
}

.vspacer_0_3 {
  height:3px;
}
.vspacer_0_5 {
  height:10px;
}

.vspacer_0_75 {
  height:15px;
}
.vspacer_1_0 {
  height:20px;
}
.vspacer_1_5 {
  height:28px;
}

.line-height_1 {
	line-height:1.0 !important;
}

.align-center {
  text-align:center;
  align-items:center;
  justify-content:center;
}

.flex-box.align-right {
  display:flex;
  background-color: rgba(255,150,0,0);
  flex-direction:column;
  align-items:flex-end;
  width:100%;
}
.flex-box.align-center {
  display:flex;
  background-color: rgba(255,150,0,0);
  flex-direction:column;
  align-items:center;
  width:100%;
}


/*  Bestellen Notice */
#notice_window {
  margin-top:calc(50vh - 200px);
  display:none;
}
.notice-content {
  display:block;

  margin-top:16px;
  margin-bottom:16px;
  width:70%;
  margin-left:15%;
  background-color: rgba(7,78,129,0);
}
.notice-text-block {
  margin-top:12px;
}

/* OVERLAY */
#overlayBG {
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  height:calc(100vh);
  width:100%;
  z-index:1000;
  /* background-color: rgba(7,78,129,0.8); */
  background-color: #074E81;
  opacity:0.7;
  animation-duration: 400ms;
  animation-name: fadeOverlayBG_in;
}
#overlayBG.white {
  background-color: #FFFFFF;
  opacity:0.94;
  animation-name: unset;
}
#overlay.fade-out,
#overlayBG.fade-out {
  opacity:0;
  animation-duration: 1200ms;
  animation-name: fadeOverlay_out;
}

@keyframes fadeOverlayBG_in {
  0% {
    opacity:0;
  }
  100% {
    opacity:0.7;
  }
}
@keyframes fadeOverlay_out {
  0% {
    opacity:0.7;
  }
  100% {
    opacity:0;
  }
}

#overlay,
.overlay {
  display:none;
  position:absolute;
  justify-content: center;
  align-items: center;
  top:0px;
  left:-1px;
  min-height:calc(100vh);
  width:1px;
  z-index:1001;
  width:100%;
  background-color:rgba(255,0,0,0);
}

@keyframes slideOverlayContent_in {
  0% {
    margin-top:800px;
  }
  100% {
    margin-top:0px;
  }
}

.overlay .content-wrapper {
  width: calc(100vw - 12px);
}
@media screen and (min-width: 660px) {
  .overlay .content-wrapper {
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 1152px) {
  .overlay .content-wrapper {
    width: 1152px;
  }
}
.overlay .ico-button {
  display:block;
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width:22px;
  height:22px;
  background-color: rgba(255,0,0,0);
}
.overlay .button-close-grey {
  background-image: url(../images/symbols/Symbol_Close-light-gray.svg);
  position: absolute;
  right: 24px;
  top: 12px;
}
.video-title {
  margin-left: 24px;
  margin-top: 8px;
}




.overlay .page-wrapper.__service-portal {        /*   .__service-portal  ::  CSS taken from Service Portal - main.css Z.1967   */
  margin-top:0px;
  animation-duration: 800ms;
  animation-name: slideOverlayContent_in;
  justify-content:center;
}
.overlay .__service-portal .content-area {
  display:flex;
  min-height:calc(100vh);
  justify-content:center;
  width: unset;
  overflow: unset;
  position: unset;
  background-color: unset;
}
.overlay .__service-portal .content-wrapper {
  background-color: rgba(255,255,255,1);  /* #FFFFFF */
  min-height:120px;
  width:100%;
}
.overlay .__service-portal .box-indent {
  margin:0px 20px 0px 20px;
}
.overlay .__service-portal .form-content {
  display:flex;
  flex-wrap:wrap;
  padding-top:20px;
  padding-bottom:24px;
}
.overlay .__service-portal .header-image {
  background-size: 100% auto;
  background-position: 50%;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-color: rgba(255,0,0,0);
}
.overlay .__service-portal .sp-buttons-wrapper {
  width:100%;
  display:flex;
  flex-direction:row;
  margin-top: 20px;
}

.overlay .__service-portal .header-image-success {
	background-image: url(../images/icons/Icon_Link.svg);
}
.overlay .__service-portal .header-image-error {
	background-image: url(../images/icons/Icon_404.svg);
}
.overlay .__service-portal .opentext-wrapper {
    width:100%;
}
.overlay .__service-portal .headline {
    border-bottom: 6px solid transparent;
    display: block;
}
.overlay .__service-portal .button {
    padding-left: 0px;
    padding-right: 0px;
}
.overlay .__service-portal .button-right {                 /* white, blue font = special */
  background-color: #FFFFFF !important;
  color: #0175c0 !important;
}
.overlay .__service-portal .button-left {
  border:1px solid #FFFFFF;
  background-color:transparent;
  color:#FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
}



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

  .overlay .__service-portal .content-area {
    width: calc(100% - 20px);
  }
  .overlay .__service-portal .box-indent {
    margin:0px 0px 0px 15px;
    width:calc(100% - 30px);
  }
  .overlay .__service-portal .header-image {
    margin-top:calc(6vw);
    margin-bottom:calc(6vw);
    width:36%;
    padding-top:28%;
  }
  .overlay .__service-portal .opentext-wrapper .text {
    margin: 0px 6.3% 0px 6.3%;
    text-align:center;
    line-height:1.2;
    background-color: rgba(12,150,200,0);
  }
  .overlay .__service-portal .button-left {
    padding-top: 12px;
    padding-bottom: 12px;
    width: calc(61% - 9px);
  }
  .overlay .__service-portal .button-right {
    width: calc(39% - 9px);
  }
}
@media screen and (min-width: 660px) {

  .overlay .__service-portal .content-area {
    width: 600px;
    background-size: 100% auto;
    background-position: top center;
  }
  .overlay .__service-portal .box-indent {
    margin:0px 20px 0px 20px;
  }
  .overlay .__service-portal .header-image {
    margin-top:16px;
    margin-bottom:16px;
    width:130px;
    padding-top:108px;
  }
  .overlay .__service-portal .opentext-wrapper .text {
    margin:12px 28px 0px 28px;
    text-align:center;
    width:calc(100% - 56px);
  }
  .overlay .__service-portal .sp-buttons-wrapper .button {
    width: calc(50% - 10px) !important;
  }
}



/* /////////////////////////// VIMEO VIDEO - OVERLAY  ///////////////////////// */
.overlay .content-wrapper > .vimeo-video {
    position: relative;
    width: calc(100% - 48px);
    margin: -12px 0px -2px 24px;
    padding-top:59%;
    background-color: rgba(255,0,0,0);
}
.overlay .content-wrapper > .vimeo-video .vimeo-player {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.overlay .button-close-grey {
    z-index: 2;
  }
@media screen and (max-width: 559px) {
  .overlay .button-close-grey {
    right: 16px;
    top: 16px;
  }
  .video-title {
    margin-left: 16px;
    margin-top: 9px;
  }
  .overlay .content-wrapper > .vimeo-video {
    position: relative;
    width: calc(100% - 34px);
    margin: 0px 0px 8px 17px;
    padding-top:59%;
  }
}

label {
  display: block;
  color:#8F9FB3 !important;
  line-height: 1.2;
}
sup {
	line-height:0.8 !important;
}

label > sup {
	color:#8F9FB3 !important;
}

.hand {
  cursor: pointer;
}

.notice-container {
	padding-left:28px;
	padding-top:6px;
	padding-bottom:6px;
	border-left:8px solid transparent;
	margin-bottom:4px;
	background-color: rgba(255,255,255,0.9);
	min-height:24px;
	color:#8F9FB3;
  text-align: left;
}
.notice-container-red {
	border-left:8px solid #f63c23;
}
.notice-container-green {
	border-left:8px solid #12e73f;
}
.notice-container-blue {
	border-left:8px solid #63b1e8;
}

@keyframes image-fadein {
  0% {
    opacity:0;
  }
  100% {
    opacity:1.0;
  }
}

.loading-ani {
	width: 140px;
	height: 140px;
	border:2px solid #FFFFFF;
	border-radius:50%;
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../images/mietra-loading-ani.gif);
}

.centered-wrapper {
	width: 140px;
  display: flex;
  flex-wrap: wrap;
}
.centered-wrapper p.color-blue {
  text-align: center;
  margin-top: 18px;
}

/* overwrites */

.area-indent {
  background-color: rgba(255,0,0,0) !important;
}

.info {
  display: none;
}