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

/* Frutiger */
@font-face {
  font-display: swap; 
  font-family: 'Frutiger';
  font-style: normal;
  font-weight: normal;
  src: local('Frutiger'), url('Frutiger.woff') format('woff');
  src: url('/project/nureinshop/pub/font/Frutiger.woff') format('woff'); 
}

/* Frutiger Bold */
@font-face {
  font-display: swap; 
  font-family: 'Frutiger Bold';
  font-style: normal;
  font-weight: normal;
  src: url('/project/nureinshop/pub/font/Frutiger_bold.woff') format('woff'); 
}

/* Basics
-------- */
    body, html {
        color: #0a2f48;
        background: #FFF;
        font-family: 'Frutiger', Arial, sans-serif !important;
        font-size: 19px;
    }
    
    p {
        margin-top: 10px;
        line-height: 1.4em;
    }
    
    p strong {
        font-family: 'Frutiger Bold';
    }
    .page-nureinshop-home h1 {
        text-transform: uppercase;
        padding-top: 0px;
        margin-top: 0px;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Frutiger Bold';
        text-transform: uppercase;
    }
    
    h1 {
        text-transform: uppercase;
        color: #0a2f48;
        font-size: 250%;
    }
    
    h1 strong {
        color: #e77e0a;
    }
    
    h2 {
        text-transform: uppercase;
        font-size: 200%;
    }
    
    h3 {
        font-size: 170%;
        color: #0a2f48;
    }
    
    h4 {
        font-size: 150%;
        color: #0a2f48;
    }
    
/* Blockquote
------------- */
    blockquote h2 {
        color: #FFF;
    }
    
    blockquote .btn {
        background: #FFF;
        color: #e77e0a;
        text-decoration: none;
    }
    
    blockquote .btn:hover {
        color: #e77e0a;
    }
    
    blockquote {
        padding-bottom: 40px;
    }
    
/* Effekte
-----------*/
        @keyframes slideInFromLeft {
      0% {
        transform: translateX(-100%);
        opacity: 0;
      }
      100% {
        transform: translateX(0);
        opacity: 1;
      }
    }

    .slide-in-left {
      animation: slideInFromLeft 1s ease-out forwards;
    }
    
    .fade-in {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }
    
    .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
    }
    
/* Liste
-------- */
    .block-nureinshop-text ul, .block-nureinshop-text ol,
    .text-container ul, .text-container ol {
      margin-left: 25px;
      margin-bottom: 10px;
      margin-top: 10px;
      line-height: 1.7;
    }
    
/* Beitragsliste
---------------- */
    .subpages article {
        background-color: #FFF0;
    }
    
/* Footer
--------- */
    #region-footer {
        background: #0a2f48;
        color: #FFF;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .page-nureinshop-home footer {
        margin-top: 4%;
    }
    
    footer {
        margin-top: 3%;
    }
    
    #region-copyright {
        background: #0a2f48;
        margin-top: 0px;
        color: #FFF;
        text-transform: uppercase;
        font-size: 70% !important;
    }
    
    #region-footer h4 {
        color: #FFF;
        font-size: 120%;
    }
    
    #region-footer h2 {
        color: #FFF;
        font-size: 120%;
    }
    
    #region-footer a {
        color: #FFF;
        text-decoration: underline;
        text-underline-offset: 6px;
    }
    
    #region-footer a:hover {
        opacity: 0.8;
    }
    
    #region-footer h3 a {
         text-decoration: none;
         font-size: 80%;
    }
    
    #region-copyright a {
        color: #FFF;
    }
    
    #region-copyright {
        font-size: 90%;
    }
    
/* Dekobild
----------- */
    .ueberuns img {
        border-radius: 15px;
    }
    
    .ueberuns .btn {
        text-decoration: none;
    }
    
/* Button
--------- */
    .btn {
        font-family: 'Frutiger Bold';
        border-radius: 5px;
        padding-top: 10px;
    }
    
/* Slideshow
------------ */
    .owl-nav {
        display: none;
    }

/* Navigation
------------- */
    #region-nav {
		display: none !important;
	}

	.pregel-nav {
		float: right;
		padding-top: 90px;
		text-align: left;
		text-transform: uppercase;
		font-family: 'Frutiger Bold';
	}

	.pregel-nav li {
		list-style-type: none;
		display: inline-block;
	}

	.pregel-nav li a {
		display: block;
		padding: 7px 15px;
		white-space: nowrap;
	}
	
	.level-1 > li:last-of-type > a {
	    padding-right: 0;
	}

	/* Level 1
	-----------*/

		.pregel-nav .level-1 > li {
			display: inline-block;
		}

	/* Level 2
	-----------*/

		.pregel-nav .level-2 {
			display: none;
		}

		.pregel-nav .level-2 a {
			font-size: 18px;
			font-style: normal;
		}

		.pregel-nav .level-2 > li {
			display: block;
		}

		.pregel-nav .level-2 > li:hover > a {
			color: #2f2f30;
		}

		.pregel-nav ul li:hover > ul {
			display: block;
			position: absolute;
			background-color: #FFFFFFD4;
		}
	

	/* Level 3
	-----------*/
		.pregel-nav .level-3 {
			display: none;
		}

		.pregel-nav .level-2 li:hover ul {
			display: block;
			position: absolute;
			top: 5px;
			left: calc(100% - 0px);
			background-color: #FFF;
		}
		
/* Header
--------- */
    header {
        border-bottom: 0px;
        position: sticky;
        top: 0;
        background-color: #ffffffde;
        z-index: 1000;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
		
/* Logo
------- */
    #region-logo a {
        padding: 10px;
    }
    
    #region-logo a img {
        height: 85px;
    }
    
    header .logo {
        display: block;
        float: left;
        position: absolute;
        z-index: 9999;
    }

    header .logo img {
        height: 110px;
        padding-top: 15px;
    }
    
/* Liste
------- */
    .nureinshop-block-accordion--body ul {
        margin-left: 20px;
        line-height: 1.5em;
        margin-top: 10px;
    }
    
/* Responsive Design
-------------------- */
    @media only screen and (max-width:776px) {
        h1 {
            font-size: 200%;
            text-align: left;
        }
        
        h2 {
            font-size: 170% !important;
        }
        
        h3 {
            font-size: 150%;
        }
        
        .text-startseite h2 {
            font-size: 170%;
        }
        
        .google-reviews h2 {
            font-size: 105%;
            text-align: center !important;
        }
        
        .text-startseite h3 {
            font-size: 130%;
        }
        
        #region-footer img {
            width: 250px;
        }
        
        #region-copyright a {
            text-decoration: underline;
            text-underline-offset: 6px;
        }
        
    }
    
    .offcanvas-logo img {
        height: 100px;
        
    }
    
    .offcanvas-menu {
        background-color: #FFFFFFEB;
        width: 100%;
    }
    
    .offcanvas-nav {
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    ul.level-2 {
        font-weight: 300;
    }
    
    .offcanvas-nav li {
        line-height: 1.7em;
    }
    
    #region-mobile-nav .mobile-logo img {
      padding: 0;
      height: 70px;
      padding-top: 5px;
    }

    


/** generated: 2025-08-29 17:51:02 **/