/*#52771B*/
/* promobar */
/*#7e3bd0*/
/*#d03bc4*/
/* media up to # */
/* media from # up */
.category-banner {
  position: relative;
  max-width: 860px;
  margin-bottom: 20px;
  overflow: hidden;
  margin-left: -20px;
  margin-right: -20px; }
  @media (min-width: 768px) {
    .category-banner {
      margin-left: 0;
      margin-right: 0; } }
  .category-banner img {
    position: relative;
    left: -50%;
    min-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    margin-bottom: 20px;
    height: 60vh;
    margin-left: 50%; }
    @media (min-width: 768px) {
      .category-banner img {
        min-width: auto;
        max-height: auto;
        width: 100%;
        height: auto; } }
  .category-banner h1 {
    position: relative;
    margin-right: 20px;
    margin-left: 20px;
    padding: 10px 0 10px 0;
    text-align: center;
    border-top: 2px solid #465241;
    border-bottom: 2px solid #465241;
    text-transform: uppercase;
    font-size: 3.2rem; }
    @media (min-width: 768px) {
      .category-banner h1 {
        margin-right: 0;
        margin-left: 0; } }

.breadcrumbs {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 1.3rem;
  z-index: 200; }
  @media (min-width: 768px) {
    .breadcrumbs {
      top: 5px; } }
  .breadcrumbs a {
    color: #aaa;
    text-align: left;
    padding-right: 3px; }
    .breadcrumbs a:before {
      content: " \00bb ";
      margin-right: 5px; }
    .breadcrumbs a:first-of-type:before {
      content: ""; }
    .breadcrumbs a:link, .breadcrumbs a:visited {
      color: #778070; }
    .breadcrumbs a:active, .breadcrumbs a:hover {
      color: #EE5A1C; }
  section.teaser .breadcrumbs {
    left: 0;
    top: -5px; }
  body.page-tree.level-top .breadcrumbs {
    display: none; }

.item-breadbrumb {
  display: inline-block;
  margin: 0px 10px; }

/* Pager */
.pager {
  width: 100%;
  padding: 12px;
  text-align: center; }
  .pager a {
    border: 1px solid #426d2f;
    margin: 2px;
    padding: 6px 12px; }
    .pager a.sel {
      background-color: #EE5A1C;
      border-color: #EE5A1C;
      color: #fff; }
    .pager a.off {
      border-color: #ccc;
      color: #ccc; }
    .pager a.prev, .pager a.next {
      border: none; }
    .pager a:hover {
      border-color: #EE5A1C; }

.quickhelp {
  margin: 4px 0;
  background-color: #FAFAF9;
  color: #69895b; }
  .quickhelp p {
    padding: 4px;
    margin: 4px; }
  @media (min-width: 768px) {
    .quickhelp {
      padding: 16px; } }

/* Close_Menu (Page Background) */
#close_menu {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  bottom: -100%;
  left: 0;
  cursor: pointer;
  transition: background-color .3s;
  -webkit-transition: background-color .3s;
  transform: translateZ(0); }
  #close_menu.visible {
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6); }

/**
* Messages are shown on top of the page
*/
#message, .message {
  position: relative;
  text-align: center;
  width: auto !important;
  border-radius: 2px; }
  #main-content > #message, #main-content > .message {
    margin: 0 0 80px 0 !important; }
  #message h6, .message h6 {
    display: block;
    height: 32px;
    line-height: 28px;
    font-weight: bold; }
  #message img, .message img {
    width: 30%;
    margin-top: 6px; }
  #message div.image, .message div.image {
    display: none;
    /*display: inline-block;*/
    background-image: url(/static/common/images/messages.svg);
    background-size: 160px;
    width: 160px;
    height: 160px;
    text-align: center; }
  #message.warn div.image, .message.warn div.image {
    background-position: 0 0px; }
  #message.not_found div.image, .message.not_found div.image {
    background-position: 0 -160px; }
  #message.yesno div.image, .message.yesno div.image {
    background-position: 0 -320px; }
  #message.error div.image, .message.error div.image {
    background-position: 0 -480px; }
  #message.info div.image, .message.info div.image {
    background-position: 0 -640px; }
  #message.confirm div.image, .message.confirm div.image {
    background-position: 0 -800px; }
  #message p, .message p {
    padding: 1em 0;
    margin: 10px 0;
    display: block;
    background-color: #fff6b4; }
  #message .mctrl, .message .mctrl {
    height: 32px;
    position: relative; }
    #message .mctrl button, .message .mctrl button {
      height: 32px;
      width: 50%;
      position: absolute;
      font-weight: bold; }
      #message .mctrl button#message_yes, .message .mctrl button#message_yes {
        left: 0; }
      #message .mctrl button#message_no, .message .mctrl button#message_no {
        right: 0; }

.show_on_demand {
  cursor: pointer; }
  .show_on_demand > h1 {
    position: relative; }
    .show_on_demand > h1:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      background: url(/static/common/images/sprites.svg) no-repeat -160px -196px;
      width: 32px;
      height: 32px; }
  .show_on_demand > .matter {
    transition: max-height .5s ease-in-out;
    max-height: 0;
    overflow: hidden; }
  .show_on_demand.visible > .matter {
    max-height: 2000px;
    overflow-y: scroll; }
  .show_on_demand.visible > h1:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: url(/static/common/images/sprites.svg) no-repeat -128px -196px;
    width: 32px;
    height: 32px; }