/********************************************************************/
/*** File: contenttypes.less
/*** Author: Q2E GmbH
/*** Copyright: (c) 2013 Q2E GmbH office@q2e.at
/*** Last Change: 23.7.2013
/*** Description: System Edwin v3.1 Frontend Framework
/********************************************************************/

/**
Inhalt:
	+ Kundenspezifisch (Farben, Logo etc.)
	+ Contenttypes
  + Module
**/


@import "main.less";


/* ==========================================================================
   Framework - Anpassungen f. Layout 1
   ========================================================================== */

.ct_container {
  padding-right: 20px;
}

@media (max-width: 979px) {
  .ct_container {
    padding-right: 0px;
  }
}

.ct_0 .ct_container {
  padding-right: 0px;
}


/* ContentitemAR */
/* ============================================================================= */
.ct_ar {
  .ar_text {
    margin-bottom: 20px;
  }

  .ar_results {
    margin-bottom: 20px;

    a {
      color: @link-color;

      &:hover {
        color: @link-color-hover;
      }

      &.ar_title_link {
        font-weight: normal;
        font-size: 1.3em;
        font-weight: bold;

        &:hover {
          background-position: 0px -37px;
          color: @main-color;
        }
      }

      &.ar_text_link {
        font-style: italic;
        color: #999;

        &:hover{
          color: @main-color;
        }
      }
    }
  }

  .search_pages {
    text-align: center;

    span, a {
      padding-bottom: 2px;
      padding-left: 6px;
      padding-right: 6px;
      padding-top: 2px;
      margin-right: 3px;
    }

    span {
      color: #fff;
      background-color: @main-color;
    }
  }
}

.metainfo {
  color: #888888;
  display: block;
  font-size: 0.9em;
  line-height: 1.6em;
  margin-bottom: 20px;
}

/* nav archive */
.nav_archive {
  background: #fff;
  margin: 20px 10px;

  .nav_archive_head {
    font-size: 1.2em;
    color: #fff;
    margin-bottom: 5px;
    padding: 11px 10px 10px;
    background: @main-color url("../pix/rbox_head_bg.png") right 0px no-repeat;
  }

  .nav_archive_content {
    padding: 10px 12px 0px 17px;

    h2 {
      background-attachment: scroll;
      background-clip: border-box;
      background-color: rgba(0, 0, 0, 0);
      background-image: url("../pix/icons_sprite.png");
      background-origin: padding-box;
      background-repeat: no-repeat;
      background-size: auto auto;
      background-position: 0 -95px;
      font-size: 16px;
      font-weight: bold;
      margin: 0px 0px 5px 0px;
      padding: 12px 5px 11px 38px;
    }

    .bullet {
      margin-left: 0px;
    }

    a {
      display: inline-block;
      padding: 3px 0px;
      color: @body-color;
      display: inline;
      width: 90%;

      &.nav_menu_A_inactive, &.nav_menu_AL_inactive {
        &:hover {
          color: @link-color-hover;
        }
      }

      &.nav_menu_AL_inactive, &.nav_menu_AL_active {
        margin-top: 10px;
        font-weight: bold;
        color: @main-color;
      }
    }
  }
}


/* ContentItemBG */
/* ============================================================================= */

/*** BG  ***/
.ct_bg {

  .bx-pager {
    a.active {
      background-color: @main-color !important;
    }
  }

  .search_pages {
    text-align: center;

    span, a {
      padding-bottom: 2px;
      padding-left: 6px;
      padding-right: 6px;
      padding-top: 2px;
    }

    span {
      color: #fff;
      background-color: @main-color;
    }

  }

}

/*** BG 1 ***/
.ct_bg_1 {
  margin-bottom: 50px;

  .bx-wrapper {
    margin-bottom: 30px;
    margin-top: 20px;

    .bx-viewport {
      z-index: 0 !important;
      position: relative;
      box-shadow: none;

      .bxslider {
        margin: 0px;

        li {
          text-align: center;

          a.ct_zoom {
            display: inline-block;
            text-align: center;
          }
        }

        img {
          max-height: 450px;
        }

        .bg_box_head {
          bottom: 12px;
          left: 0px;
          position: absolute;
          text-align: center;
          width: 100%;
          background: #f0f0f0;
          color: @body-color;
          padding: 5px 0px;

          opacity: 0.8;
          -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
          filter: alpha(opacity=80);
          -moz-opacity: 0.8;
          -khtml-opacity: 0.8;

          .bg_img_title {
            padding: 3px 20px;
            font-size: 1.3em;
          }

          .bg_img_text {
            padding: 0px 20px;
          }
        }
      }
    }

  }

  #bx-pager {

    a {
      cursor: pointer;
      height: 60px !important;
      //width: auto !important;
      text-align: center;
      background-color: #e8e8e8;

      img {
        display: inline-block;
      }
    }

  }

  .bx-pager {
    a.active {
      background-color: @main-color !important;
    }
  }

  @media (max-width: 1200px) {
    .bx-wrapper {
      .bx-viewport {
        .bxslider {
          img {
            max-height: 340px;
          }
        }
      }
    }
  }

  @media (min-width: 768px) and (max-width: 979px) {
    .bx-wrapper {
      .bx-viewport {
        .bxslider {
          img {
            max-height: 388px;
          }
        }
      }
    }
  }

  @media (max-width: 767px) {
    .bx-wrapper {
      .bx-viewport {
        overflow-y: hidden;

        .bxslider {
          img {
            max-height: 260px;
          }

          .bg_box_head {
            position: static;
            top: auto;
            bottom: auto;
            left: auto;
            background: none;

            .bg_img_title {
              font-weight: 700;
            }
          }
        }
      }
    }
  }

  @media (max-width: 480px) {
    .bx-wrapper {
      .bx-viewport {
        overflow-y: hidden;

        .bxslider {
          img {
            max-height: 160px;
            margin: 0 auto;
          }
        }
      }
    }
  }

}


/*** BG 2 ***/
.ct_bg_2 {

  .bg_text_1 {
    margin-bottom: 20px;
  }

  .bx-wrapper {
    margin-bottom: 30px;

    .bxslider {
      margin: 0px;

      li {
        text-align: center;

          img {
            display: inline-block;
          }

      }

      .bg_box_head {
        bottom: 12px;
        left: 0px;
        position: absolute;
        text-align: center;
        width: 100%;
        background: #f0f0f0;
        color: @body-color;
        padding: 5px 0px;

        opacity: 0.8;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;

        .bg_img_title {
          padding: 3px 20px;
          font-size: 1.3em;
        }

        .bg_img_text {
          padding: 0px 20px;
        }
      }
    }
  }

  #bx-pager {
    margin-left: -22px;

    a {
      float: left;
      margin-left: 23px;
      margin-bottom: 20px;
      cursor: pointer;
      width: 120px;
      height: 80px;
      background-color: #e8e8e8;
      text-align: center;
      display: block;

      img {
        opacity: 0.6;
        transition-delay: 0s;
        transition-duration: 0.3s;
        transition-property: all;
        transition-timing-function: ease;
        display: inline-block;

        &:hover {
          opacity: 1;
          transition-delay: 0s;
          transition-duration: 0.3s;
          transition-property: all;
          transition-timing-function: ease;
        }
      }

      &.active {
        img {
          opacity: 1;
          transition-delay: 0s;
          transition-duration: 0.3s;
          transition-property: all;
          transition-timing-function: ease;
        }
      }

    }
  }

  a.bg_start_slideshow {
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../pix/bg_icon_slideshow.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    display: block;
    height: 80px;
    width: 120px;
  }

  .search_pages {
    text-align: center;

    span, a {
      padding-bottom: 2px;
      padding-left: 6px;
      padding-right: 6px;
      padding-top: 2px;
    }

    span {
      color: #fff;
      background-color: @main-color;
    }
  }

  @media (max-width: 1200px) {

    .bxslider {
      li {
        img {
          max-height: 354px;
        }
      }
    }

    #bx-pager {
      margin-left: -10px;

      a {
        width: 21% !important;
        margin-left: 20px;
        height: 75px;

        img {
          max-height: 100%;
        }
      }
    }
  }

  @media (min-width: 768px) and (max-width: 979px) {
    .bxslider {
      li {
        img {
          max-height: 400px;
        }
      }
    }

    #bx-pager {
      margin-left: 0px;
      a {
        margin-left: 32px;
        width: 18.5% !important;
      }
    }
  }

  @media (max-width: 767px) {
    .bx-wrapper {
      .bxslider {
        li {
          text-align: center;

          img {
            max-height: 275px;
            display: inline;
          }

          .bg_box_head {
            position: static;
            top: auto;
            bottom: auto;
            left: auto;
            background: none;

            .bg_img_title {
              font-weight: 700;
            }
          }
        }
      }
    }

    #bx-pager {
      margin-left: 2%;

      a {
        margin-left: 4.5%;
        width: 27% !important;
      }
    }
  }

  @media (max-width: 480px) {

    .bxslider {
      li {
        img {
          max-height: 160px;
        }
      }
    }

    #bx-pager {
      margin-left: 2%;

      a {
        margin-left: 2%;
        margin-bottom: 10px;
        margin-left: 2.5%;
        width: 45% !important;
      }
    }
  }

}


/*** BG 3 ***/
.ct_bg_3 {

  .bg_box_img {
    cursor: pointer;
    float: left;
    margin: 0px 0.8% 20px 0;
    position: relative;
    width: 32.1%;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;

    .ct_zoom {
      img {
        vertical-align: middle;
        display: inline-block;
        text-align: center;
      }
    }

    .bg_box_head {
      bottom: 4px;
      left: 0px;
      position: absolute;
      text-align: center;
      width: 100%;
      background: #f0f0f0;

      opacity: 0.8;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;

      .bg_img_title {
        padding: 5px;
        color: @body-color;
        line-height: 1.2em;
      }

      .bg_img_text {
        display: none;
      }
    }
  }

  .bg_pages {
    text-align: right;
    margin-bottom: 20px;
  }

  .search_pages {
    text-align: right;
    margin: 0px 1% 15px;
  }

  @media (min-width: 1200px) {

    .bg_box_img {
      img {
        height: 150px;
      }
    }

  }

  @media (max-width: 1200px) {

    .bg_box_img {
      img {
        height: 114px;
      }
    }

  }

  @media (max-width: 767px) {

    .bg_box_img {
      width: 47%;

      .bg_box_head {
        bottom: 0px;
      }
    }

    .ct_11 .mfp-arrow {
      display: none;
    }

  }


  @media (max-width: 480px) {

    .bg_box_img {
      width: 100%;
      margin: 0px 0px 34px 0px;
    }

  }

}


/*** BG 4 ***/
.ct_bg_4 {

  .bg_box_img {
    cursor: pointer;
    float: left;
    margin: 0px 1% 20px 1%;
    position: relative;
    width: 13.96%;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    height: 147px;

    .ct_zoom {
      img {
        vertical-align: middle;
        display: inline-block;
        text-align: center;
      }
    }

    .bg_box_head {
      bottom: 4px;
      left: 0px;
      position: absolute;
      text-align: center;
      width: 100%;
      background: #f0f0f0;

      opacity: 0.8;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;

      .bg_img_title {
        padding: 5px;
        color: @body-color;
        line-height: 1.2em;
        font-size: 0.9em;
      }

      .bg_img_text {
        display: none;
      }
    }
  }

  .bg_pages {
    text-align: right;
    margin-bottom: 20px;
  }

  .search_pages {
    text-align: right;
    margin: 0px 1% 15px;
  }

  @media (max-width: 1200px) {

    .bg_box_img {
      height: 112px;

      img {
        margin-top: 0px !important;
      }
    }

  }

  @media (min-width: 768px) and (max-width: 979px) {

    .bg_box_img {
      height: 127px;

      img {
        margin-top: 0px !important;
      }
    }

  }

  @media (max-width: 767px) {

    .bg_box_img {
      width: 14.3%;
      height: 140px;
      border: none;

      .bg_box_head {
        bottom: 0px;
      }
    }

    .ct_11 .mfp-arrow {
      display:none;
    }

  }

  @media (max-width: 600px) {

    .bg_box_img {
      width: 14.3%;
      height: 100px;
      border: none;

      .bg_box_head {
        bottom: 0px;
      }
    }

    .ct_11 .mfp-arrow {
      display:none;
    }

  }

  @media (max-width: 480px) {

    .bg_box_img {
      width: 30%;
      margin: 0px 2.3% 34px 0px;
      height: 100%;

      .bg_box_head {
        .hidden;
      }
    }

  }

}

/*Magnific Popup Überschreiben*/
.ct_11 {
  img.mfp-img {
    padding: 0px !important;
  }

  .mfp-figure {
    background: #fff !important;
    border: 10px solid #fff !important;
  }

  .mfp-figure:after {
    background: none !important;
    box-shadow: none !important;
  }

  .mfp-bottom-bar {
    margin-top: 0px !important;
    background: #fff !important;
  }

  .mfp-title {
    color: #000 !important;
    float: left;
    width: 73% !important;
    padding-right: 5% !important;
    margin-left: 10px;
    padding-bottom: 10px;
  }

  .mfp-counter {
    float: left;
    width: 15%;
    position: static !important;
    text-align: right;
    padding-bottom: 5px;
  }

  .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    padding-right: 20px !important;
  }
}


/* ContentitemCM */
/* ============================================================================= */

.ct_cm {
  .cm_main_content {
    margin-bottom: 20px;

    .ct_img {
      .ct_img_gap;
    }

    h1 {
      margin-top: 0;
    }
  }

  table.mb_table {
    width: 70%;
  }
}

//Abstand bilder
@media (max-width: 767px) {
  .ct_cm {
    .cm_main_content {
      margin-bottom: 40px;

      .ct_img {
        margin-bottom: 20px;
      }
    }

    table.mb_table {
      width: 100%;
    }
  }
}


/* ContentItemDL */
/* ============================================================================= */
.ct_dl_1 {

  .dl_main_content {
    .ct_img {
      .ct_img_gap;
    }
    h1 {
      margin-top: 0px;
    }
  }

  .dl_list_container {
    margin-top: 30px;

    .dl_area {
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 1px dotted #ccc;

      .ct_img {
        padding-top: 4px;
      }

      h2 {
        margin-top: 0px;
      }

      .dl_list_text {
        margin-bottom: 10px;
      }

      .dl_area_items {


        .dl_item {
          background: url("../pix/downloadicons/dl_icon_default.png") no-repeat scroll 0 0 transparent;
          height: auto !important;
          min-height: 35px;
          padding: 4px 0 5px 45px;
          position: relative;
          margin-bottom: 10px;
          float: left;
          width: 38%;
          margin-right: 1%;

          &.dl_item_ppt{
            background:url(../pix/downloadicons/dl_icon_ppt.png) no-repeat 0px 0px;
          }

          &.dl_item_css{
          background:url(../pix/downloadicons/dl_icon_dss.png) no-repeat 0px 0px;
          }

          &.dl_item_doc{
          background:url(../pix/downloadicons/dl_icon_doc.png) no-repeat 0px 0px;
          }

          &.dl_item_eps{
          background:url(../pix/downloadicons/dl_icon_eps.png) no-repeat 0px 0px;
          }

          &.dl_item_fla{
          background:url(../pix/downloadicons/dl_icon_fla.png) no-repeat 0px 0px;
          }

          &.dl_item_html{
          background:url(../pix/downloadicons/dl_icon_html.png) no-repeat 0px 0px;
          }

          &.dl_item_htm{
          background:url(../pix/downloadicons/dl_icon_html.png) no-repeat 0px 0px;
          }

          &.dl_item_jpg{
          background:url(../pix/downloadicons/dl_icon_jpg.png) no-repeat 0px 0px;
          }

          &.dl_item_mp3{
          background:url(../pix/downloadicons/dl_icon_mp3.png) no-repeat 0px 0px;
          }

          &.dl_item_nfo{
          background:url(../pix/downloadicons/dl_icon_nfo.png) no-repeat 0px 0px;
          }

          &.dl_item_pdf{
          background:url(../pix/downloadicons/dl_icon_pdf.png) no-repeat 0px 0px;
          }

          &.dl_item_psd{
          background:url(../pix/downloadicons/dl_icon_psd.png) no-repeat 0px 0px;
          }

          &.dl_item_swf{
          background:url(../pix/downloadicons/dl_icon_swf.png) no-repeat 0px 0px;
          }

          &.dl_item_txt{
          background:url(../pix/downloadicons/dl_icon_txt.png) no-repeat 0px 0px;
          }

          &.dl_item_wav{
          background:url(../pix/downloadicons/dl_icon_wav.png) no-repeat 0px 0px;
          }

          &.dl_item_xls{
          background:url(../pix/downloadicons/dl_icon_xls.png) no-repeat 0px 0px;
          }

          &.dl_item_tif{
          background:url(../pix/downloadicons/dl_icon_jpg.png) no-repeat 0px 0px;
          }

          &.dl_item_zip{
          background:url(../pix/downloadicons/dl_icon_psd.png) no-repeat 0px 0px;
          }

          &.dl_item_dwg{
          background:url(../pix/downloadicons/dl_icon_eps.png) no-repeat 0px 0px;
          }

          &.dl_item_avi{
          background:url(../pix/downloadicons/dl_icon_mov.png) no-repeat 0px 0px;
          }

          &.dl_item_mov{
          background:url(../pix/downloadicons/dl_icon_mov.png) no-repeat 0px 0px;
          }

          &.dl_item_wmv{
          background:url(../pix/downloadicons/dl_icon_mov.png) no-repeat 0px 0px;
          }

          .dl_item_extension {
            color: #FFFFFF;
            font-size: 0.65em;
            left: 20px;
            position: absolute;
            top: 25px;
            text-transform: uppercase;
          }

        }
      }
    }
  }
}

@media (max-width: 480px) {
  .ct_dl {
    .dl_list_container{
      .dl_area {
        .dl_area_items {
          .dl_item {
            width: 85%;
          }
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .ct_dl {
    .dl_main_content {
      .ct_img {
        margin-bottom: 20px;
      }
    }

    .dl_list_container {
      .dl_area {
        .ct_img {
          margin-bottom: 0px;
        }
      }
    }
  }
}



/* ContentitemES */
/* ============================================================================= */
.ct_es_1 {

  .es_main_content {
    margin-bottom: 30px;

    h1 {
      margin-top: 0px;
    }
  }

  .es_ext_content {
    margin-top: 50px;

    .es_ext_02_ed_container {
      margin-bottom: 25px;
    }

    h3 {
      color: @main-color;
      margin-top: 5px;
      font-size: 1em;
      font-weight: normal;
      height: 35px;
    }

    .span6:nth-child(odd) {
      margin-left: 0px;
    }

    iframe {
      border: 0px;
    }
  }

  @media (min-width: 1200px) {

    .es_main_content {
      .span4 {
        width: 200px;
      }
    }

  }

  @media (max-width: 767px) {

    .es_main_content {
      margin-bottom: 40px;

      .ct_img {
        margin-bottom: 10px;
      }
    }

  }


  @media (max-width: 480px) {

    .es_ext_content {
      .es_video_container_02 {
        float: none;
        width: 100%;
      }
    }

  }


}


/*** ES 2 ***/
.ct_es_2 {

  .es_main_content {
    margin-bottom: 30px;

    h1 {
      margin-top: 0px;
    }
  }


  @media (min-width: 1200px) {

    .es_main_content {
      .span4 {
        width: 200px;
      }
    }

  }

  @media (max-width: 767px) {

    .es_main_content {
      margin-bottom: 40px;

      .ct_img {
        margin-bottom: 10px;
      }
    }

  }

}



/* ContentitemFQ */
/* ============================================================================= */

/*** FQ 1 ***/
.ct_fq_1 {
  .fq_main_content {
    .fq_main_content_text {
      margin-bottom: 20px;
    }
  }

  #fq_box_question_anchors {
    margin-bottom: 40px;
    ul {
      padding-left: 30px;

      li {
        list-style-type: decimal-leading-zero;
        color: @main-color;
        padding-left: 2px;

        a {
          &:hover {
            color: @link-color-hover;
          }
        }
      }
    }
  }

  .fq_question_container {
    .fq_box {

      h2 {
        font-size: 1.2em;
        line-height: 1.3em;
        margin: 0 0 4px;
        border-left: solid 4px @main-color;
        padding-left: 8px;
      }

      .fq_box_main_content_text {
        margin-bottom: 30px;
        padding-bottom: 5px;
        position: relative;

        .toppage_link_top {
          font-size: 0.9em;
          float: right;

          span {
            background: url("../pix/footer_arrow.jpg") no-repeat;
            background-position: 0px 4px;
            padding-left: 15px;
            color: @main-color;
          }
        }
      }
    }

  }

}


/*** FQ 2 ***/
.ct_fq_2 {
  .fq_box_text {
    margin-bottom:25px;
  }

  .fq_box {
    display:none;
  }

  .fq_box_question_anchors {
    margin-bottom: 25px;
    padding: 5px;

    h2 {
      font-size: 1em;
      font-weight: normal;
      line-height: 18px;
      margin: 0px 8px 0px 0px;
    }

    a {
    position:relative;
    padding-left: 14px;

      &.active {
        text-decoration:none;
        color: @link-color-hover;
      }
    }

    .fq_navi_item {
      float :left;
      padding: 0px 10px 0px 0px;

      img {
        padding-right: 5px;
        padding-top: 5px;
      }
    }
  }

  .fq_question_container {
    h2 {
      font-weight: normal;
      font-size: 1.5em;
    }
  }

}



/* ============================================================================= */
/* Contentitem IB */
/* ============================================================================= */

/*** IB 1 ***/
.ct_ib_1 {

  .ib_boxes_container {
    margin-top: 40px;

    .ib_box {
      margin-bottom: 30px;

      .ib_box_text {

        h2 {
          font-size: 1.4em;
          font-weight: normal;
          margin-top: 0px;
        }

        a {
          color: @body-color;

          &:hover {
            color: @link-color-hover;
          }
        }
      }

    }

  }

  @media (min-width: 1200px) {

    .span4 {
      width: 185px;
    }

  }


  @media (max-width: 767px) {

    .ib_box {
      .ib_box_text {
        margin-top: 20px;
      }
    }

  }

}


/*** IB 2 ***/
.ct_ib_2 {

  .ib_head {
    margin-bottom: 20px;
  }

  .ib_box {
    margin-bottom: 15px;
    position: relative;

    h2 {
      font-size: 1.3em;
      border-bottom: 1px dotted @main-color;
      margin-bottom: 5px;
      padding-bottom: 3px;

      a {
        color: @main-color;

        &:hover {
          color: #000;
        }
      }

    }

    .ib_box_content {

      .ct_img {
        .ct_img_gap;

        padding-top: 5px;
      }

      .ct_img {
        float: left;
      }

      .ib_box_text {

        a {
          display: block;
          color: @body-color;
          line-height: 1.3em;

          &:hover {
            color: @link-color-hover;
          }
        }

        .ib_box_link {
          bottom: -5px;
          float: right;
          position: absolute;
          right: 0;

          a {
            display: inline-block;
            margin-top: 5px;
          }
        }
      }
    }

    &.ib_box3, &.ib_box5, &.ib_box7, &.ib_box9, &.ib_box11 {
      margin-left: 0px;
    }
  }

  @media (max-width: 1200px) {

    .ib_box {

      .ct_img {
        max-width: 120px;
        float: left;
      }
    }

  }


  @media (max-width: 767px) {

    .ib_box {
      width: 100%;
      margin-right: 0%;
      margin-left: 0px;
      margin-bottom: 25px;

      .span6 {
        width: 27% !important;
        float: left;
      }
    }

  }

}

/*** IB 3 ***/
.ct_ib_3 {

  .ib_head {
    margin-bottom: 20px;
  }

  .ib_box {
    margin-bottom: 15px;

    h2 {
      font-size: 1.3em;
      border-bottom: 1px dotted @main-color;
      margin-bottom: 10px;
      padding-bottom: 3px;

      a {
        color: @main-color;

        &:hover {
          color: #000;
        }
      }
    }

    .ib_box_content {

      .ct_img {
        .ct_img_gap;
      }

      .ib_box_text {

        a {
          display: block;
          color: @body-color;

          &:hover {
            color: @link-color-hover;
          }
        }

        .ib_box_link {
          float: right;

          a {
            display: inline-block;
            margin-top: 5px;
          }
        }
      }
    }

    &.ib_box4, &.ib_box7, &.ib_box10, &.ib_box13 {
      margin-left: 0px;
    }
  }


  @media (max-width: 767px) {

      .ib_box {
        width: 100%;
        margin-right: 0%;
        margin-left: 0px;
        margin-bottom: 25px;

        .span6 {
          width: 27% !important;
          float: left;
        }
      }

  }

}


/* ContentitemQS */
/* ============================================================================= */

/*** QS 1 ***/
.ct_qs_1 {

  .ct_img {
    padding-top: 0px;
    margin-bottom: 8px;
  }

  .qs_main_content {
    margin-bottom: 30px;
  }

  .qs_main_container {
    margin-bottom: 40px;

    h1 {
      font-size: 2em;
      margin: 0 0 5px;
      padding: 0;
    }
  }

  .qs_boxes_container {

    h2 {
      font-size: 1.4em;
      font-style: normal;
      font-weight: bold;
      margin: 0px 0px 5px 0px;
      padding: 0px;
    }

    .qs_box {
      margin-bottom: 30px;
    }
  }

  @media (min-width: 1200px) {

    .span4 {
      width: 190px;
    }

  }

}


/*** QS 2 ***/
.ct_qs_2 {

  .qs_img_1 {
    margin-bottom: 8px;
    float: right;
  }

  .qs_main_content {
    margin-bottom: 30px;
  }

  .qs_main_container {
    margin-bottom: 40px;

    h1 {
      font-size: 2em;
      margin: 0 0 2px;
      padding: 0;
    }

    .qs_img_3 {
      margin-top: 20px;
    }
  }

  .qs_boxes_container {

    h2 {
      font-size: 1em;
      font-style: normal;
      font-weight: bold;
      margin: 5px 0px 0px 0px;
      padding: 0px;
    }

    .qs_box {
      margin-bottom: 30px;
      font-size: 0.95em;
      line-height: 1.2em;
      color: #9A9A9A;
    }

    .qs_box3, .qs_box5 {
      margin-left: 0px;
    }

  }

  @media (min-width: 1200px) {

    .span4 {
      width: 190px;
    }

  }

}


/* ContentitemQP */
/* ============================================================================= */

/*** QP 1 ***/
.ct_qp_1 {

  #qp_statement_anchors {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.3em;
    margin-top: 20px;

    img {
      margin-bottom: 4px;
    }

    .qp_statement {

      &:hover {
        a {
          color: @link-color-hover;
        }
      }

    }
  }

  .qp_main_content {
    .ct_img {
      .ct_img_gap;
    }
  }

  .qp_statement_container {

    .qp_statement_box_1 {
      .ct_img {
        .ct_img_gap;
        padding-bottom: 5px;
      }
    }

    .qp_statement {
      margin-top: 30px;

      h2 {
        font-weight: normal;
         margin-bottom: 10px;
      }

      h3 {
        margin-top: 0px;
      }

      .toppage_link_top_cont {
        background: url("../pix/footer_arrow.jpg") right 5px no-repeat;
        padding-right: 12px;
        line-height: 1em;
      }

    }

    .qp_statement_box_container {
      margin-top: 25px;

      .ct_img {
        .ct_img_gap;

        margin-left: 0px;
        padding-bottom: 5px;
      }
    }
  }


  @media (min-width: 1200px) {

    .span4 {
      width: 200px;
    }

  }


  @media (max-width: 767px) {

    #qp_statement_anchors {
      .span2 {
        width: 15%;
        margin-right: 2%;
        float: left;

        &>a {
          display: none;
          visibility: hidden;
        }
      }
    }

    .qp_statement {
      img {
        margin-bottom: 5px;
      }
    }

  }


}


/*** QP 2 ***/
.ct_qp_2 {

  .qp_main_content {
    margin-bottom: 20px;
  }

  .qp_statement {
    margin-bottom: 20px;

    .qp_statement_text {
      a {
        color: @body-color;
      }

      a.qp_statement_title {
        font-weight: bold;
        color: @main-color;
      }
    }

    h3 {
      margin-top: 0px;
    }

    .qp_statement_box_2, .qp_statement_box_3 {
      margin-top: 20px;
    }
  }

  .toppage_link_top_cont {
    background: url("../pix/footer_arrow.jpg") right 5px no-repeat;
    padding-right: 12px;
    line-height: 1em;
  }

  @media (min-width: 1200px) {

    .span4 {
      width: 190px;
    }

  }

}

/* ContentitemTI */
/* ============================================================================= */


/*** TI 1 ***/
.ct_ti_1 {

  .ti_container {
    margin-top: 20px;

    h2 {
      font-size: 1.4em;
    }

    .ct_img {
      float: left;
      padding-right: 10px;
      margin-bottom: 5px;

      img {
        padding-top: 5px;
      }
    }

    .ti_left, .ti_right {
      padding-bottom: 10px;
    }
  }

  //Umbruch auf einspaltige Gallerie
  @media (max-width: 1200px) {

    .ti_container {

      .ti_left {
        margin-bottom: 20px;
      }

      .span6 {
        width: 100% !important;
        margin-left: 0px;
      }
    }

  }

}


/*** TI 2 ***/
.ct_ti_2 {

  .ti_container {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  h2 {
    font-size: 1.4em;
    margin-top: 0px;
  }

  .ti_left_image_container {
    float: left;
    margin-right: 20px;
  }

  @media (min-width: 1200px) {

    .span5 {
      width: 170px;
    }

  }

  @media (max-width: 979px) {

    .ti_left  {
      width: 100%;
      margin-bottom: 20px;

      .span5 {
        width: 30%;
      }
    }

    .ti_right {
      margin-left: 0px;
      margin-top: 10px;
    }

  }

  @media (max-width: 767px) {

    .ti_left  {
      .span5 {
        width: 25%;
      }
    }

  }

  @media (max-width: 480px) {

    .ti_left  {
      .span5 {
        width: 35%;
      }
    }

  }

}


/*** TI 3 ***/
.ct_ti_3 {

  .ti_container {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  h2 {
    font-size: 1.4em;
    font-weight: bold;
  }


  @media (min-width: 481px) and (max-width: 767px) {

    .ti_container  {

      .span8 {
        width: 60%;
        float: left;
      }

      .span4 {
        width: 34%;
        float: right;
      }
    }
  }

  @media (max-width: 480px) {
    .ti_right {
      margin-top: 20px;
    }
  }

}


/*** TI 4 ***/
.ct_ti_4 {

  h2 {
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 0px;
  }

  @media (min-width: 1200px) {

    .span4 {
      width: 200px;
    }

  }

  @media (max-width: 767px) {
    .ti_left {
      margin-bottom: 20px;
    }
  }

}


/* ContentitemVA */
/* ============================================================================= */

.ct_va {

  .va_main_content {
    h1 {
      margin-bottom: 10px;
    }
  }

  .va_nav_container {
    margin: 30px 0px 25px 0px;
    color: #fff;

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

      li {
        float:left;
        padding: 6px 10px;
        list-style: none;
        margin-right: 3px;
        background: #00A7ED;
        margin-bottom: 4px;

        &.nav_item_active, &:hover {
          background: #aaa; /* Old browsers */
        }

        a {
          color:#fff;
          display:inline-block;
        }
      }
    }

  }

  @media (max-width: 767px) {

    ul {
      li {
        width: 95%;

        a {
          text-align: left;
          width: 100%;
          padding-left: 15px;
          display: inline-block;
        }
      }
    }

    .va_image_container {
      .va_text {
        margin-top: 20px;
        display: block;
      }
    }

  }

  @media (min-width: 1200px) {

    .span4 {
      width: 200px;
    }

  }

}


/* ContentitemVD */
/* ============================================================================= */

.ct_vd_1 {

  #c_vd_document {
    height: 500px;
  }

}


/* MainContentRight Links Downloads */
/* ============================================================================= */

.main_content_right {
  background-color: #F0F0F0;
  margin-bottom: 10px;
  padding: 10px 0px;

  .main_content_right_label {
    color: #ffffff;
    background-color: @main-color;
    margin: 15px 0 0;
    padding: 12px 5px 11px 12px;
    font-size: 1.2em;
  }

  .main_links_downloads {
    background-color: #fff;
    margin: 0 10px 0px;
    padding-bottom: 20px;
  }

  .main_links {
    margin-bottom: 20px;
    padding: 0px 10px;

    h3 {
      margin-top: 0px;
      font-size: 1.2em;
      font-weight: bold;
      margin: 10px 0 0 5px;
      padding: 12px 5px 11px 41px;
      background: @icon-content-right no-repeat;
      color: @main-color;
    }

    a {
      display: block;
      font-size: 1em;
      font-style: normal;
      line-height: 1.1em;
      padding: 3px 0 6px 5px;
      margin-left: 5px;

      &:hover {
        color: @link-color-hover;
      }
    }
  }

  .main_downloads {
    padding: 0px 10px;

    h3 {
      margin-top: 0px;
      font-size: 1.2em;
      font-weight: bold;
      margin: 10px 0 0 5px;
      padding: 12px 5px 11px 41px;
      background: @icon-content-right no-repeat;
      background-position: -1px -53px;
      color: @main-color;
    }

    a {
      display: block;
      font-size: 1em;
      font-style: normal;
      line-height: 1.2em;
      padding: 3px 0 6px 0px;
      margin-left: 11px;

      &:hover {
        color: @link-color-hover;
      }
    }
  }
}

/* ModuleSidebox */
/* ============================================================================= */

.mod_sidebox {
  margin-bottom: 20px;
  padding-top: 10px;

  .mod_sb_normal {
    margin: 0 10px 10px 10px;
    padding: 15px;
    position: relative;
    background-color: #FFFFFF;

    .mod_sb_head {
      font-size: 1.2em;
      margin-bottom: 5px;
      color: @main-color;
    }

    .ct_img {
      display: block;
      text-align: center;

      img {
        display: inline;
      }
    }

    .mod_sb_text {
      font-size: 0.9em;
      line-height: 1.4em;
      margin-bottom: 8px;

      a.mod_sb_text_link {
        color: @body-color;

          &:hover {
            color: @link-color-hover;
          }
      }
    }

  }

  .mod_sb_fullsize {
    margin: 10px 10px 13px;
    text-align: center;
  }

  /*Kontaktformular Popup; Anpassung Body bg direkt in main_cg_form*/

  .cg_form {
    color: @main-color;
    font-size: 0.9em;
  }

}

/*main_cg_form*/
.main_cg_form {
  table.mb_table {
    width: 100%;
  }
}


/* ModuleNewsTicker */
/* ============================================================================= */
.mod_newsticker {
  background: #f0f0f0;
  margin-bottom: 20px;
  padding-bottom: 10px;

  .mod_newsticker_content {
    margin: 0px 10px;
    background: #fff;
    padding-bottom: 20px;

    .mod_newsticker_title {
      background-color: @main-color;
      color: #fff;
      font-size: 1.2em;
      font-weight: normal;
      margin: 0px 0 20px;
      padding: 12px 5px 11px 12px;
    }

    .mod_newsticker_news {
      margin-bottom: 10px;
      padding: 0px 15px 10px;
      border-bottom: solid 1px #aaa;

      a {
        &:hover {
          color: @link-color-hover;
        }

        &.nlink4 {
          float: right;
          background: @icon-list no-repeat;
          background-position: 0px 4px;
          padding-left: 20px;

          &:hover {
            background-position: 0px -36px;
          }
        }
      }

      .mod_newsticker_news_date, .mod_newsticker_news_category {
        font-style: italic;
        font-size: 0.9em;
        color: #aaa;
      }

      .mod_newsticker_news_title {
        font-weight: bold;

        &:hover {
          color: @link-color-hover;
          cursor: pointer;
        }
      }

      a {
        &.nlink3_more_link {
          float: right;
        }
      }

    }
  }
}



/* Facebook Like Box */
/* ============================================================================= */
.facebooklikebox {
  margin: 20px 0px;
  background-color: #fff;
  border: 0px;
  overflow-y: hidden;

  iframe {
    max-width: 100%;
    border: 0px;
    overflow-y: hidden;
  }
}



/* Share Buttons */
/* ============================================================================= */

/*Fancybox - socialmedia Buttons*/
a.share_button_mail{
  padding:0 2px;
  float:left;
  cursor:pointer;
}

.addthis_toolbox {
  border-bottom: 1px dotted #D2D2D2;
  border-top:1px dotted #D2D2D2;
  margin:20px 0px 70px 0px;
  padding:10px 0px;
}

#tip7-title {
  text-align: left;
  color: #4C4C4C;
}

#tip7-title b {
  display: block;
}

#tip7-title span {
  float: right;
}

/*Fancybox - email function*/
.addthis_toolbox .custom_images {
  width:225px;
  padding-left:4px;
}

a.attb {
  padding:0 4px;
  float:left;
  cursor:pointer;
}

span.attbs {
  background:url(../pix/socials_transparent.png) no-repeat scroll 0 0 transparent;
  display:block;
  height:33px;
  line-height:16px !important;
  overflow:hidden;
  width:33px;
}

a.share_button_mail {
  padding:0 2px;
  float:left;
  cursor:pointer;
}

span.attbs_email:hover{
   filter: alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

span.attbs_email {background-position:-72px 0px;}
span.attbs_facebook {background-position:0px 0px;}
span.attbs_twitter {background-position:-36px 0px;}
span.attbs_more {background-position:-144px 0px;}


.addthis_toolbox .custom_images {
  padding-left:29px;
}

/* -------------------------------------------------------------------------- */
/* Twitter Widget                                                             */
/* -------------------------------------------------------------------------- */

.twitterwidget {margin: 0 10px 13px; padding: 0; position: relative;}

/* -------------------------------------------------------------------------- */
/* Facebook Likebox                                                           */
/* -------------------------------------------------------------------------- */

.facebooklikebox {
  background-color:#FFF;
  margin: 0 10px 13px;
  padding: 0; position:
  relative;
}

a.fb_stream {
  display: block;
  margin: 0 10px 13px;
  cursor: pointer;
  width: 151px;
  height: 32px;
  background: transparent url(../../pix/fb_show_stream_layout_1.png) no-repeat 0 0;
  color: #fff !important;
  font-weight: bold;
  font-size: 16px;
  padding: 17px 0px 0px 51px;
}