ihk24/templates/source/sass/partials/objects/_breadcrumb.scss

@charset "UTF-8";
// breadcrumb
.breadcrumb {
  @include clearfix();
  @include font-family(korbregular);
  font-size: 1.125em; // 18px
  margin: 40px 15px 0 0;
  .breadcrumb-list-wrapper {
    height: 70px;                   //test
    float: left;
    margin: 0;
    //max-width: calc(100% - 140px);  //test
    width: 100% !important;
    overflow-x: scroll;
  }
  .document-number {
    border: 1px solid $cGrayDocumentx;
    border-radius: 20px;
    color: $cGrayDocumentx;
    font-size: 14px;
    float: right;                   //test
    //float: left;
    //margin: 10px 0 0;               //test
    margin: 10px 0 20px 10px;
    padding: 4px 10px;
    cursor: default;
    text-decoration: none;
    clear: none;                      //test
    a {
      color: inherit;
    }
  }
  .breadcrumb-list {
    @include clearfix();
    display: block;
    white-space: nowrap;
    margin: 10px 0 10px 10px !important;    //test
  }
  .breadcrumb-item {
    display: inline-block;
    list-style: none;
    line-height: 1em !important;
    //float: left;                          //test
    a {
      color: $cDarkGray;
      display: inline-block;
      //text-decoration: underline;       //test
      text-decoration: none;
      &:after {
        @include icons2();
        @include backgroundpositionheightweight(arrowBreadcrumb);
        content: "";
        display: inline-block;
    
        margin: 2px 5px 3px 7px;
     
      }
      &:hover {
        text-decoration: none;
      }
    }
    &.last a:after {
      content: none;
    }

	&:last-child {
		a:after {
			width:0;
		}
	}
  }
}

/*test*/
/*@media (max-width: 330px) {
  .breadcrumb {
    font-size: 10px;
  }
}*/

	.breadcrumb-number-print-wrapper {
       max-width: 960px;
       margin: auto auto 0;
       padding: 4px 10px;
    }

    .document-number-print { 
      border: 1px solid $cGrayDocumentx;
      border-radius: 20px;
      max-width: 960px;
      color: $cGrayDocumentx;
      font-size: 14px;
      float: right;                         
      padding: 4px 10px;
      cursor: default;
      text-decoration: none;
      clear: both;                      //test
      a {
        color: inherit;
      }
    }

@media (min-width: $screen-sm-min),
print {
  .breadcrumb {
    color: $cDarkGray;
    font-size: 1em;
    margin: 35px auto 0;
    max-width: 960px;
    .breadcrumb-list-wrapper {
      max-width: 75%;
      overflow: visible;
    }
    .document-number { 
      border: 1px solid $cGrayDocumentx;
      border-radius: 20px;
      color: $cGrayDocumentx;
      font-size: 14px;
      float: right;                   //test
      //float: left;
      //margin: 10px 0 0;               //test
      margin: 10px 0 20px 10px;
      padding: 4px 10px;
      cursor: default;
      text-decoration: none;
      clear: none;                      //test
      a {
        color: inherit;
      }
    }
    .breadcrumb-item {
      float: left;
      a {
        &:after {
          @include icons2();
          @include backgroundpositionheightweight(arrowBreadcrumb);
        }
      }
    }
  }
  .breadcrumb-list {
    margin: 0 10px;
  }
}