/********************************************************************/
/*** File: custom.less
/*** Author: Q2E GmbH
/*** Copyright: (c) 2007 Q2E GmbH office@q2e.at
/*** Last Change: 11.04.2012
/*** Description: System Edwin v1.0 Frontend Inhalt-Format
/********************************************************************/

/**
Inhalt:
  + spezielle Farbdefinition für den Fredwin-Kunden (Klassik-1)
  + Ausblenden von Modulen speziell beim Kunden
**/

@import "../mod_consentmanager.less";

/* ==========================================================================
   SPEZIELLE EINSTELLUNGEN f. Fredwin-Kunden
   ========================================================================== */

//Haupt-Farbe 1 (türkis) - Farbe die man lesen kann und die als BG-Color mit weißer Schrift funktioniert
@custom-main-color-1: #A0B561;

//Haupt-Farbe 2 (hellgrün) - Kann auch eine hellere Farbe sein, muss nicht leserlich sein
@custom-main-color-2: #000;

// Spezielle Farbe f. Header-Text (default ist custom-main-color-1)
@custom-header-color: #FFF;
@custom-header-padding: 10px 20px 0px 0px;

// Link- und Fließtextfarben
@link-color: @custom-main-color-1;
@link-color-hover: #888;
@body-color: #202020;
@main-color-light-grey: #e6edcc; // für Hintergründe etc.
@font-color-grey: #aaa;

// Mobile-Menü
@custom-menu-color: #424242;
@custom-menu-level0-bgcolor: #f4f4f4;
@custom-menu-level1-bgcolor: #d9d9d9;
@custom-menu-level2-bgcolor: #c3c3c3;

// Bunter Footer
@custom-used-colored-footer: true;

// Mobile Buttons
@custom-used-long-logo: true;

// Einblenden von Modulen
@display_rss_feed: false;
@display_language_switch: false;
@display_newsticker: false;
@display_facebook_stream: false;
@display_main_navigation: true;

.gradient {
  background: #f2f2f2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f2f2f2 0%, #c7c7c7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#c7c7c7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f2f2f2 0%,#c7c7c7 100%); /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(top,  #f2f2f2 0%,#c7c7c7 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f2f2f2 0%,#c7c7c7 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f2f2f2 0%,#c7c7c7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c7c7c7', GradientType=0 ); /* IE6-9 */
}


/* ==========================================================================
   Framework
   ========================================================================== */

h1, h2 {
  color: @custom-main-color-1;
}

.sidebar_right, .sidebar_left {
  background-color: @main-color-light-grey;
}

// hervorheben
.txt_highlight_1 {
  color: @custom-main-color-1;
}

// Zwischenüberschrift
.txt_highlight_2 {
  font-size: 1.35em;
  color: @custom-main-color-1;
  font-weight: bold;
}

// Zwischenüberschrift
.txt_highlight_3 {
  font-size: 1.15em;
  color: @custom-main-color-1;
  font-weight: normal;
  font-style: italic;
}

// Liste (editor-list)
.ct_container {

  ul.editor-list, ul:not(.bxslider, .va_nav) {
    list-style: none;
    margin: 1em 0;
    padding: 0 0 0 1em;
    font-size: 1em;
    color: @custom-main-color-1;

    li {
      padding-left: 1em;
      text-indent: -1.0em;
      color: @custom-main-color-1 !important;

      ul {
        margin: 0.2em 0;

        li {
          text-indent: -1.1em;
          color: @custom-main-color-1 !important;
        }

        li:before {
          content: "\0009F9"; // Circle, border only.
          font-size: 1.2em;
          font-weight: 400;
          line-height: 1em;
          color: @custom-main-color-1 !important;
        }
      }
    }

    li:before {
      font-weight: 900;
      content: "\002022"; // Full circle (disc).
      color: @custom-main-color-1 !important;
      padding-right:7px;
    }
  }

}

.metainfo {
  color: @font-color-grey;
}

.backlink {

  a {
    color: @body-color !important;
    font-weight: bold;
    font-size: 0.9em;
  }

  span {
    background-color: @custom-main-color-1;
  }

  &:hover {
    span {
      background-color: @custom-main-color-2;
    }
  }

}

/******* Links *******/
/*********************/

a {
  color: @link-color;
  text-decoration: none;

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

  &:visited {
    color: @link-color;

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

a.nlink3_more_link {
  color: @custom-main-color-1;

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

a.nlink3i {
  color: @custom-main-color-1;

  &:visited {
    color: @custom-main-color-1;
  }

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

}

a.nlink3, a.nlink5, a.nlink3a {
  color: @custom-main-color-1;

  &:visited {
    color: @custom-main-color-1;
  }

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

.bullet {
  background-color: @custom-main-color-2;
}


/****** Top Bereich *****/
/************************/

.header-text {
  color: @custom-header-color;
  padding: @custom-header-padding;

  .txt_highlight_2, a {
    color: @custom-header-color;
  }
}

.breadcrumb {
  color: @font-color-grey;

  a {
    padding: 0px 3px;
    color: @font-color-grey;

    &:hover, &:focus, &.bc_current {
      color: @custom-main-color-1;
    }
  }
}


@media (max-width: 979px) {
  .header-text {
    color: @custom-main-color-1;

    .txt_highlight_2, a {
      color: @custom-main-color-1;
    }
  }
}

@media (max-width: 480px) {
  .header-text {
    color: @body-color;

    .txt_highlight_2, a {
      color: @body-color;
    }
  }
}


/* ==========================================================================
   Navigation
   ========================================================================== */


/****** NAVIGATION nlevel0 ******/
/********************************/

.nav {

  .nlevel0 {

    ul {
      background-color: @main-color-light-grey;

      li {

        a {
          color: @body-color;
        }

        &:hover, &.nl0_active, &.nl0_below {
          background-color: @custom-main-color-1;

          a {
            color: #fff;
          }
        }

      }

    }

    a#pull {
      background-color: @custom-main-color-1;
    }

  }

  .nlevel1 {

    ul {
      li {
        a {
          color: @body-color;

          .bullet {
            background-color: @custom-main-color-2;
          }
        }

        a.nl1_active , a:hover, a.nl1_below {
          color: @link-color-hover;

          .bullet {
            background-color: @custom-main-color-1;
          }
        }
      }
    }

  }

  .nlevel2 {
    background-color: @main-color-light-grey;
  }

}


/******** NESTED Level 2 ********/
/********************************/

.mod_nnav_2 {

  .parent_label {
    background-color: @custom-main-color-1;
    color: #fff;

    a {
      color: #fff;
    }
  }

  ul {

    li {

      a {
        color: @body-color;

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

      &.item_below, &.item_active, &:hover {

        > a {
          color: @custom-main-color-1;
        }

        .bullet {
          background-color: @custom-main-color-1;
        }
      }
    }

    &.mod_nnav_items_2 {
      background-color: #fff;

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


/* ==========================================================================
   MOBILE - Navigationen
   ========================================================================== */

/* NestedNavLevel1 */
/* ModulSitemapNav */
/* DoubleNestedNavLevel2 */
/* ========================================================================== */

.navbar {

  .navbar-inner {

    .btn-navbar {
      background-color: @main-color-light-grey;
      margin-bottom: 5px;

      span, i {
        color: @custom-main-color-1;
      }

    }

    .brand {
      color: @custom-main-color-1;
    }


    .nav-collapse {
      background-color: #eee;

      ul {

        li {

          a {
            color: @body-color;
            background-color: @custom-menu-level0-bgcolor;
          }

          // Level 0 active
          &.active, &.below, &.mod_sn_item_active, &.mod_sn_item_0:hover {
            a.mod_sn_item_0 {
              background-color: @custom-main-color-1;
              color: #fff;
            }
          }


          // Level1
          &.mod_sn_item_1 {
            a {
              background-color: @custom-menu-level1-bgcolor;

              &:hover {
                background: #f8f7f7;
              }
            }

            // level 1 active
            &.active, &.below, &.mod_sn_item_active {
              a.mod_sn_item_1 {
                background: #f8f7f7;
              }
            }

          }

          // Level2
          &.mod_sn_item_2 {

            a {
              background-color: @custom-menu-level2-bgcolor;
              border-bottom: solid 1px #e9e9e9;

              &:hover {
                background-color: #fff;
              }

              &.dropdown-toggle:focus {
                background-color: #fff;
              }
            }

            // Level2 active
            &.active, &.mod_sn_item_active {
              a.mod_sn_item_2  {
                background-image: none !important;
                background: #fff;
              }
            }
          }

        }
      }
    }
  }

}



/* ==========================================================================
   Footer
   ========================================================================== */

.footer {

  .footer-container {
    border-top: solid 1px @body-color;
  }

  a, a.nlink3 {
    color: @custom-main-color-1;

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

  .footer-text {
    text-align: left;
  }
}

// Bunter Footer (Hauptfarbe 1)
.use-colored-footer() when (@custom-used-colored-footer = true) {
  .footer {
    background-color: @custom-main-color-1;
    color: #fff;

    .footer-container {
      border: none;
    }

    a, a.nlink3 {
      color: #fff;
      text-decoration: underline;

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

    .nav-footer {
      .fnlevel0 {

        li {
          a {
            color: #fff;
            text-decoration: none;
          }
        }

      }
    }
  }

  .branding a {
    background-image: url("../../pix/fredwin_logo_branding_weiss.png") !important;
  }
}
.use-colored-footer();

.nav-footer {
  .fnlevel0 {

    li {
      .spacer {
        color: @custom-main-color-1;
      }

      a {
        color: @custom-main-color-1;

        &:hover, &:active, &.nl0_active {
          color: @link-color-hover;
        }
      }
    }
  }
}

/* ========================================================================== */
/* Formulare - Buttons etc.
/* ========================================================================== */

select,
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=url],
textarea {
  color: @body-color;
}

select {
  height: 31px;
}

.button {
  background-color: @custom-main-color-1;
  border: 1px solid @custom-main-color-1;
}

a.button {
  color: #fff;
}

.button-grey {
  background-color: #ccc;
  border: 1px solid #ccc;
}

/* ========================================================================== */
/* Cookie Consent
/* ========================================================================== */

.cc_banner-wrapper {
  .cc_container {
    background-color: @main-color-light-grey;
    color: @body-color;


    .cc_message {
      a {
        color: @link-color;

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

    .cc_btn {
      color: #fff;
      background-color:@custom-main-color-1;

      &:hover, &:focus, &:visited {
        color: @body-color;
        background-color: @link-color-hover;
      }
    }
  }
}

/* ==========================================================================
   Contenttypes
   ========================================================================== */

/**** K L A S S I K  1  ****/
/***************************/

.si_variation_1 {

  /* SI AREA 1 */
  .si_area1 {
    .bx-wrapper {

      a {
        border-radius: 0px !important;
      }

      a.active {
        background-color: @custom-main-color-2 !important;
      }

    }
  }

  /* SI AREA 2 */
  .si_area2 {

    .si_area2_box {
      background-color: @main-color-light-grey;
    }

    .si_area2_box_text {

      h1 {
        color: @custom-main-color-1;

        a {
          color: @custom-main-color-1;

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

      a.nlink3_si_area2_box_text {
        color: @body-color;

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

    }

  }

}


/**** F A S H I O N  1  ****/
/***************************/

.si_variation_2 {

  /* SI AREA 1 */
  .si_area1 {
    .bx-wrapper {

      a {
        border-radius: 0px !important;
      }

      a.active {
        background-color: @custom-main-color-2 !important;
      }

    }
  }

  /* SI AREA 2 */
  .si_area2 {

    .si_area2_box_text {
      color: @body-color;

      a {
        color: @body-color;

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

      .nlink3_more_link {
        color: @custom-main-color-1;
      }
    }

  }

}


/**** E X T R A  1  ****/
/***********************/

.si_variation_3 {

  /* SI AREA 1 */
  .si_area1 {
    .bx-wrapper {

      a {
        border-radius: 0px !important;
      }

      a.active {
        background-color: @custom-main-color-2 !important;
      }

    }
  }

  /* SI AREA 2 */
  .si_area2 {

    .si_area2_box {
      background-color: @main-color-light-grey;

      .si_area_box_content {

        .si_area2_box_text {
          color: @body-color;

          a {
            color: @body-color;

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

          .nlink3_more_link {
            color: @custom-main-color-1;
          }
        }

      }

    }
  }

  /* SI AREA 3 */
  .si_area3 {
    .si_area3_box {

      h1 {
        color: #000;

        a {
          color: #000;
        }
      }

      .si_area3_box_text  {
        color: @body-color;

        a {
          color: @body-color;

          &.nlink3_more_link {
            color: @custom-main-color-1;
          }

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

  /* SI AREA 3 */
  .si_area4 {
    background-color: @main-color-light-grey;
  }

}

/**** M O D E R N  1  ****/
/***************************/

.si_variation_4 {

  /* SI AREA 1 */
  .si_area1 {
    .bx-wrapper {

      a.active {
        background-color: @custom-main-color-2 !important;
      }

    }
  }

  /* SI AREA 2 */
  .si_area2 {

    .si_area2_box {
      h1 {
        background-color: @custom-main-color-1;
        color: #fff;

        a {
          color: #fff;
        }
      }
    }

    .si_area2_box_image {
      background-color: @main-color-light-grey;
    }

    .nlink3_si_area2_box_text {
      color: @body-color;

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

  }

  .si_area_container {
    background-color: @main-color-light-grey;
  }

  /* SI AREA 3, SI AREA 4 */
  .si_area3, .si_area4 {

    .si_area3_box, .si_area4_box {

      .si_area3_box_text, .si_area4_box_text {
        color: @body-color;

        a {
          color: @body-color;

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

}


/***** ContentItem AR  *****/
/***************************/

.ct_ar {

  .ar_results {

    a.ar_title_link {
      color: @link-color;

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

    }

    a.ar_text_link {
      &:hover {
        color: @custom-main-color-1;
      }
    }

  }

  .search_pages {

    span, a {
      color: @custom-main-color-1;
    }

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

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

/***** ContentItem BG  *****/
/***************************/

.ct_bg {

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

  .search_pages {
    text-align: center;

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

  }

}


/***** ContentItem ES *****/
/***************************/

.ct_es_1 {

  .es_ext_content {
    .es_ext_02_ed_container {
      h3 {
        color: @custom-main-color-1;
      }
    }
  }

}


/***** ContentItem FQ  *****/
/***************************/

/*** FQ 1 ***/
.ct_fq_1 {

  .fq_question_container {

    .fq_box {

      h2 {
        border-left-color: @custom-main-color-2;
      }

      .fq_box_main_content_text {

        .toppage_link_top {

          span {
            color: @custom-main-color-1;

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

        }
      }
    }

  }


  #fq_box_question_anchors {
    ul {
      li {
        color: @custom-main-color-1;

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

}

/*** FQ 2 ***/
.ct_fq_2 {
  #fq_box_question_anchors {
    background: @main-color-light-grey;
  }
}

/***** ContentItem IB  *****/
/***************************/

.ct_ib {

  .ib_boxes_container {

    .ib_box {

      h2 {
        color: @custom-main-color-1;
        border-bottom-color: @custom-main-color-1;

        a {
          color: @custom-main-color-1;

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

      }

      .ib_box_text {

        a.nlink3_more_link {
          color: @custom-main-color-1;
        }

        h2 {
          color: @custom-main-color-1;
          border-bottom-color: @custom-main-color-1;

          a {
            color: @custom-main-color-1;

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

        }
      }

    }

  }

}


/***** ContentItem QP  *****/
/***************************/

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

  .qp_statement {

    .qp_statement_text {

      a {
        color: @body-color;

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

      a.qp_statement_title {
        color: @custom-main-color-1;

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

  }

}


/***** ContentItem VA  *****/
/***************************/

/*** VA 1 ***/
.ct_va_1 {
  .va_nav_container {
    ul {
      li.nav_item_active {
        background-color: @custom-main-color-1;
        border: solid 1px @custom-main-color-1;
      }

      li.nav_item_inactive {
        background-color: #fff;
        color: @custom-main-color-1;
        border: solid 1px @custom-main-color-1;

        a {
          color: @custom-main-color-1;
        }

        &:hover {
          background-color: @custom-main-color-1;

          a {
            color: #fff;
          }
        }
      }
    }
  }
}

/****** ModuleSidebox  *****/
/***************************/

.mod_sidebox {
  .mod_sb_normal {
    .mod_sb_head {
      color: @custom-main-color-1;
    }
  }
}

/****** Module Nav Archiv  *****/
/*******************************/

.nav_archive {

  .nav_archive_head {
    color: #fff;
    background-color: @custom-main-color-1;
  }

  .nav_archive_content {
    a {

      &.nav_menu_AL_inactive, &.nav_menu_AL_active {
        color: @custom-main-color-1;
      }

    }
  }

}

/****** Main Content Right  *****/
/*******************************/

.main_content_right {

  .main_content_right_label {
    color: #ffffff;
    background-color: @custom-main-color-1;
  }

  .main_links, .main_downloads {

    h3 {
      color: @custom-main-color-1;
    }

    a {
      color: @body-color;

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

}

/****** Module Newsticker  *****/
/*******************************/

.mod_newsticker {
  background: @main-color-light-grey;

  .mod_newsticker_content {
    background: #fff;

    .mod_newsticker_title {
      background-color: @custom-main-color-1;
    }

    .mod_newsticker_news {
      border-bottom: solid 1px @main-color-light-grey;

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

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

      .mod_newsticker_news_title {
        font-weight: bold;

        &:hover {
          color: @custom-main-color-1;
          cursor: pointer;
        }
      }

      .mod_newsticker_news_date, .mod_newsticker_news_category {
        color: @font-color-grey;
      }

    }
  }
}


@media (max-width: 767px) {
  .custom-used-long-logo() when (@custom-used-long-logo = true) {
    .mobile-buttons {
      position: relative;
      width: 100%;
      right: auto;
    }

    .siteframe {
      padding-top: 0px;
    }

    .top {
      padding-top: 10px;
    }
  }
  .custom-used-long-logo();
}

/*////////////////////////////////////////////////////////////////////////////*/
/* Ausblenden von Modulen                                                     */
/*////////////////////////////////////////////////////////////////////////////*/


/* RSS Feed */
.display_rss_feed() when (@display_rss_feed = false) {
    .rss_feed {
      display: none !important;
    }
  }
  .display_rss_feed();


/* Language-Switch */
.display_language_switch() when (@display_language_switch = false) {
  .lang_select  {
    display: none !important;
  }
}
.display_language_switch();


/* Newsticker */
.display_newsticker() when (@display_newsticker = false) {
  .mod_newsticker {
    display: none;
  }
}
.display_newsticker();


/* Facebook News Stream */
.display_facebook_stream() when (@display_facebook_stream = false) {

  .facebooklikebox {
    display: none;
  }
}
.display_facebook_stream();


/* Hauptnavigation */
.display_main_navigation() when (@display_main_navigation = false) {
  .nav-level1  {
    display: none !important;
  }
}
.display_main_navigation();