/* ############################################################################################################ */
/* ##  name: Custom CSS                                                                                      ## */
/* ############################################################################################################ */

/* Fonts
-------- */
    /* margin */
    @font-face {
      font-display: swap; 
      font-family: 'Margin';
      font-style: normal;
      font-weight: 100;
      src: url('/project/nureinshop/pub/font/margin.woff') format('woff'); 
    }
    
    /* montserrat-100 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 100;
      src: url('/project/nureinshop/pub/font/montserrat-v31-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }
    
    /* montserrat-200 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 200;
      src: url('/project/nureinshop/pub/font/montserrat-v31-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }
    
    /* montserrat-300 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 300;
      src: url('/project/nureinshop/pub/font/montserrat-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }
    
    /* montserrat-regular - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 400;
      src: url('/project/nureinshop/pub/font/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }
    
    /* montserrat-500 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      src: url('/project/nureinshop/pub/font/montserrat-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }
    
    /* montserrat-600 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      src: url('/project/nureinshop/pub/font/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }
    
    /* montserrat-700 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      src: url('/project/nureinshop/pub/font/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }

/* Basics
--------- */
    body, html {
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 19px;
        color: #292828;
        background: #f6f4f0;
    }
    
    p {
        font-weight: 300;
        margin-bottom: 15px;
        margin-top: 0px;
    } 
    
    strong {
        font-weight: 300;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Margin', Arial, sans-serif;
        text-transform: lowercase;
    }
    
    h1 {
        font-size: 600%;
    }
    
    .page-nureinshop-home h1 {
        padding-top: 0px;
    }
    
        @media (max-width: 600px) {
            h1 {
                font-size: 390%;
                line-height: 0.9em;
            }
            
            .page-nureinshop-home h1 {
                padding-bottom: 15px !important;
            }
        }
    
    .block.block-nureinshop-newsletter h1 {
        font-size: 400%;
    }
    
    h2 {
        font-size: 400%;
    }
    
    @media (max-width: 600px) {
            h2 {
                font-size: 300%;
                line-height: 0.9em;
            }
        }
    
    h3 {
        font-size: 300%;
    }
    
    @media (max-width: 600px) {
            h3 {
                font-size: 260%;
                line-height: 0.9em;
            }
        }
    
    
    h4 {
        font-size: 250%;
    }
    
    @media (max-width: 600px) {
            h4 {
                font-size: 180%;
                line-height: 0.7em;
            }
        }
    
    img {
        border-radius: 5px;
    }
    
/* Hinweisbalken
---------------- */
    .demonotice {
        background: #94a286;
    }
    
/* Icons
-------- */
    .icons img {
        transition: transform 0.3s ease;
    }

    .icons img:hover {
      transform: scale(1.05);
    }
    
    .block.block-nureinshop-contentgrid.icons h3 {
        font-size: 170%;
    }
    
    .block-nureinshop-contentgrid.icons p {
        margin-top: 0px;
    }
        
/* Button
-------- */
    .btn {
        font-family: 'Margin', Arial, sans-serif;
        text-transform: lowercase;
        text-decoration: none;
        font-size: 150%;
        padding: 0px 15px;
        border-radius: 5px;
    }
    
/* Suche ausblenden
------------------- */
    #region-search {
        display: none;
    }
    
/* Header
--------- */
    #region-logo a {
      padding: 40px 0 0px 0;
    }
    
    header {
        border-bottom: 0px !important;
    }
    
/* Sticky Header
---------------- */
    header {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: #f6f4f0;
    }
    
    #region-nav {
        position: sticky;
        top: 190px;
        z-index: 1000;
        background: #f6f4f000;
    }
    
    #region-nav ul {
        margin-top: -200px;
    }
    

    header img {
        transition: width 0.35s ease;
    }
    
    header.scrolled img {
      
        width: auto;
        margin-top: 30px;
    }
    
    
    header.scrolled {
        box-shadow: 0 3px 15px rgba(0, 0, 0, 0.12);
    }
    
/* Navigation
------------- */
    #region-nav nav {
        border-bottom: 0px;
        font-family: 'Margin', Arial, sans-serif;
        text-transform: lowercase;
        text-align: right;
        position: absolute;
        z-index: 9;
        width: 100%;
        font-size: 160%;
        top: 80px;
        background-color: #f6f4f00;
    }
    
    #region-nav .level-2 {
        text-align: left;
    }
    
    #region-nav a {
        color: #292828000;
    }
    
    #region-nav .level-1 > li > a:active {
        color: #292828000;
    }
    
    #region-nav .level-1 > li:hover > a {
        background-color: #f6f4f0;
    }
    
    #region-nav .level-1 > li:first-of-type > a {
        border-left: 0px;
    }
    
    #region-nav .level-1 > li > a {
        border-right: 0px;
    }
    
    #region-nava {
      position: relative;
      color: #292828;
      text-decoration: none;
      padding: 0.25rem 0;
    }
    
    #region-nav .level-1 > li:hover > a {
        color: #292828;
    }
    
    #region-nav ul li a {
        padding: 10px 20px 0px 20px;
    }
    
    #region-nav a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 2px;
      background: currentColor;
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 0.3s ease;
    }
    
    #region-nav a:hover::after {
      transform: scaleX(1);
      transform-origin: left;
    }
    
/* Bild + Text Startseite
------------------------- */
    .bildblock h2 {
        color: #f6f4f0;
        margin-top: 15px;
        line-height: 0.8em;
    }
    
    .bildblock .btn {
        background: #f6f4f0;
        color: #94a286;
        margin-bottom: 8%;
    }

/* Footer
--------- */    
    #region-footer,
    #region-copyright {
        background: #292828;
        color: #f6f4f0;
    }
    
    .page-nureinshop-home footer {
        margin-top: -28px;
    }
    
    #region-copyright {
        font-size: 80%;
    }
    
    #region-footer a.btn {
        text-decoration: none !important;
    }
    
    #region-footer a,
    #region-copyright a {
        color: #f6f4f0;
        text-decoration: underline;
    }

    footer h2 {
        font-size: 200%;
        color: #f6f4f0;
    }
    
    footer {
        font-size: 90%;
    }
    
    #region-footer .btn {
        background: #f6f4f0;
        color: #292828;
    }
    
    #region-footer {
        padding-bottom: 20px;
        padding-top: 50px;
    }
    
    footer a {
        text-decoration: underline;
        line-height: 1.8em;
        text-decoration-thickness: auto;
        text-decoration-thickness: 0;
        text-underline-offset: 5px;
    }
    
    /*.page-nureinshop-home #region-footer {
        margin-top: 7%;
    }*/
    
/* Formular
----------- */
    .nureinshop-block-newsletter--label {
        font-family: 'Margin', Arial, sans-serif;
        font-size: 120%;
        color: #292828;
    }
    
    label {
        font-size: 70%;
    }
    
/* Fade-in
---------- */
        body {
      animation: fadeIn 0.8s ease-out;
    }
    
    @keyframes fadeIn {
      from {
        opacity: 0;
      }
    
      to {
        opacity: 1;
      }
    }

/* Offcanvas
------------ */
    .offcanvas-menu {
         font-family: 'Margin', Arial, sans-serif;
         text-transform: lowercase;
         font-size: 170%;
    }

/** generated: 2026-08-20 14:04:46 **/