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

/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 200;
  src: url('/project/nureinshop/pub/font/outfit-v15-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('/project/nureinshop/pub/font/outfit-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('/project/nureinshop/pub/font/outfit-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Allgemeines
-------------- */
    body, html {
        font-family: 'Outfit', Arial, sans-serif;
        font-weight: 200;
        font-size: 20px;
    }
    
    #region-content {
        background: url('/pub/media/225ab7f1f2a41d98752a9d4e2c497372/glitzer-gold.png');
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 400px;
        padding-bottom: 4%;
    }
    
    .page-nureinshop-home #region-content {
        padding-bottom: 0%;
    }
    
    strong {
        font-weight: 400;
    }
    
    p {
        line-height: 1.5em;
    }
    
    p a {
        text-decoration: underline;
        text-underline-offset: 5px;
        color: #424242;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Outfit', Arial, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    }
    
    h1 {
        font-size: 350%;
    }
    
    .page-nureinshop-home h1 {
        padding-top: 0px;
        margin-top: 0px;
    }
    
    h2 {
        font-size: 240%;
    }
    
    h3 {
        font-size: 210%;
    }
    
    h4 {
        font-size: 200%;
    }
    
    h5 {
        font-size: 180%;
    }
    
    h6 {
        font-size: 150%;
    }
    
    .iframe_dsgvo {
        background-color: #d4a8a4;
        color: white;
    }
    
    .iframe_dsgvo .btn {
        background-color: #d4a8a400;
    }
    
    .owl-prev, 
    .owl-next {
        display: none;
    }
    
/* Button
--------- */
    .btn {
        border: 2px solid #FFF;
        font-weight: 600;
        border-radius: 0px;
        text-decoration: none;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
/* Dienstleistungen
------------------- */
    div.block.block-nureinshop-subpages.dienstleistungen {
        background: url('/pub/media/9a90017356afeb8962800cc4491db635/hintergrundbild-dienstleistungen.jpg');
        padding-top: 4%;
        padding-bottom: 4%;
        background-size: cover;
    }
    
    .dienstleistungen h2.subpages-title {
        font-size: 120%;
        text-align: center;
        color: #FFF;
        font-weight: 200;
    }
    
    h2.subpages-title {
        font-size: 120%;
        text-align: center;
        font-weight: 200;
    }
    
    .subpages article {
        background-color: #FFF0;
    }
    
/* Footer
--------- */
    #region-footer {
        background: url('/pub/media/9a90017356afeb8962800cc4491db635/hintergrundbild-dienstleistungen.jpg');
        padding-top: 4%;
        padding-bottom: 5%;
        background-size: cover;
        color: #FFF;
    }
    
    #region-footer a {
        color: #FFF;
    }
    
    #region-footer .btn {
        background-color: #d4a8a400;
    }
    
    footer {
         margin-top: 0px;
    }
    
    footer h2 {
        font-size: 200%;
        color: #FFF;
    }
    
    #region-copyright {
        background-color: #F2F2F200;
        font-size: 90%;
        margin-top: -70px;
        color: #FFF;
    }
    
    #region-copyright a {
        color: #FFF;
    }
    
/* Logo & Header
---------------- */
    #region-logo a img {
        height: 200px;
    }
    
    header {
        border-bottom: none;
    }
    
    #region-nav nav {
        border-bottom: none;
    }
    
    header {
        position: absolute;
        background-color: #FFF0;
        width: 100%;
        padding-left: calc(50% - 178px); 
        padding-right: calc(50% - 178px);
    }
    
/* Effekte
----------- */
    .glitter-text {
      background: linear-gradient(
        120deg,
        #d4b84c,  /* helles warmes Gold */
        #f1d469,  /* goldener Glanz */
        #b59e54,  /* sehr heller Glanz */
        #f1d469,
        #d4b84c
      );
      background-size: 300% 100%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: shimmer 4s linear infinite; /* etwas schneller */
    }
    
    @keyframes shimmer {
      0% { background-position: 0% 0%; }
      100% { background-position: 100% 0%; }
    }

    body {
      opacity: 0;
      transition: opacity 0.8s ease-in-out;
    }
    
    body.loaded {
      opacity: 1;
    }
    
    a {
        transition: color 0.3s ease, opacity 0.3s ease;
    }

    a:hover {
      opacity: 0.8;
    }

/* Responsive Design
-------------------- */
    @media screen and (max-width: 810px) { 
        h1 {
            font-size: 200%;
        }
        
        h2 {
            font-size: 170%;
        }
        
        h3 {
            font-size: 130%;
        }
        
        .block.full-width > .container {
            padding-left: 0px;
            padding-right: 0px;
        }
        
        #region-copyright {
            background-color: #000;
            font-size: 80%;
            margin-top: 0px;
            color: #FFF;
            text-align: left;
            padding-left: 0px;
        }
        
        #offcanvas_menu,
        #region-mobile-nav ul {
            display: none;
        }
        
        #region-mobile-nav .mobile-logo img {
            height: 120px;
            margin-left: 50%;
            margin-top: 20px;
        }
        
        #region-mobile-nav {
          position: absolute;
          background-color: #FFF0;
          border-bottom: none;
          z-index: 9;
        }
        
        .ueber-uns,
        .terminbuchung {
            text-align: center;
        }
        
        .ueber-uns {
            padding-bottom: 5%;
        }
        
        div.block.block-nureinshop-subpages.dienstleistungen {
            padding-bottom: 10%;
        }
        
        .iframe_dsgvo {
            min-height: 400px;
            margin-top: 30px;
        }
        
        #plugin_emotion_image img {
            min-height: 170px;
            width: 100%;
            object-fit: cover;
    }
    }


/** generated: 2025-10-27 22:46:54 **/