/*
 * CUSTOM
*/
/*
#block-bild
   {
      margin-top: -5rem;
   }
#block-bild figure
   {
      width: 100%;
      position: relative;
   }
#block-bild img
   {
      width: 100%;
      height: auto;
   }

#block-bild figcaption > div
   {
      padding: 1.875rem;
      padding-left: 3.875rem;
      padding-right: 3.875rem;
   }
#block-bild figcaption > div > div
   {
      width: 33%;      
      max-width: 75rem;
      height: auto;            
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      padding: 1.875rem;
      padding-left: 3.875rem;
      padding-right: 3.875rem;
   }
   */
mark.mark_one
   {
      
   }
mark.mark_two
   {
      
   }

#userlike-tab
   {
      right: 50% !important;
      transform: translateX(50%) !important;
   }
   

.bg-color-1
   {
      background-color: #eeeeee;
   }
.bg-color-2
   {
      background-color: #320096;
   }
.bg-color-3
   {
      background-color: #c8d200;
   }
.bg-color-1 > .fill-container-bg,
.bg-color-2 > .fill-container-bg,
.bg-color-3 > .fill-container-bg
   {
      background-color: transparent;
   }
.bg-color-1 p,
.bg-color-1 .p-wysiwyg li,
.bg-color-1 ul.file-list li,
.bg-color-1 .tile-block h5 a,
.bg-color-1 h1, 
.bg-color-1 h2,
.bg-color-1 h3,
.bg-color-1 h4,
.bg-color-1 h5
   {
      
   }
.bg-color-2 p,
.bg-color-2 .p-wysiwyg li,
.bg-color-2 ul.file-list li,
.bg-color-2 .tile-block h5 a,
.bg-color-2 h1, 
.bg-color-2 h2,
.bg-color-2 h3,
.bg-color-2 h4,
.bg-color-2 h5,
.bg-color-2 .msg-icon
   {
      color: white;
   }
.bg-color-2 a.btn
   {
      color: var(--btn-c-hover);
      background-color: var(--btn-bg-hover);
   }
.bg-color-2 a.btn:hover,
.bg-color-2 a.btn:focus
   {
      color: var(--btn-bg-hover) !important;
      background-color: var(--btn-c);
   }
.bg-color-3 p,
.bg-color-3 .p-wysiwyg li,
.bg-color-3 ul.file-list li,
.bg-color-3 .tile-block h5 a,
.bg-color-3 h1, 
.bg-color-3 h2,
.bg-color-3 h3,
.bg-color-3 h4,
.bg-color-3 h5,
.bg-color-3 .msg-icon
   {
      color: black;
   }
.bg-color-3 a.btn:hover,
.bg-color-3 a.btn:focus
   {
      color: var(--btn-bg) !important;
      background-color: var(--btn-c);
   }
   
.header-nav-link
   {
      color: var(--toggle-mobile-menu-account-c);
   }
.header-nav-link.hnl-small
   {
      font-size: 1rem;
      line-height: 2rem;
   }
   
   html.contrast img
      {
         filter: contrast(1.125);
      }
   html.contrast
      {
         filter: grayscale(100%);
      } 
   html.contrast .bg-color-3
      {
         /* background-color: #c8d200; */
         background-color: #d8e210;
      } 
   html.contrast .bg-color-2 a.btn 
      {
         color: var(--btn-c-hover);
         /* background-color: #c8d200; */
         background-color: #b8c200;
      }
   html.contrast .bg-color-2 a.btn:hover, .bg-color-2 a.btn:focus 
      {
         /* color: #c8d200 !important; */
         color: #b8c200 !important;
         background-color: var(--btn-c);
      }