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

/* 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-v29-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-v29-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-v29-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-v29-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-v29-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-v29-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-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - 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: 800;
  src: url('/project/nureinshop/pub/font/montserrat-v29-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

 
 
/* Basics
---------- */ 
    body, html {
        color: #2f2f30;
        background: #FFF;
        font-family: 'Montserrat', Arial, sans-serif !important;
        font-weight: 300;
        font-size: 19px;
    }
    
    p {
        margin-top: 10px;
        line-height: 1.4em;
        font-weight: 300;
    }
    
    p strong {
        font-weight: 500;
    }
    
    .btn {
        border-radius: 0px;
        background: #1d77b8;
        color: #FFF;
        text-transform: uppercase;
        font-weight: 300;
        padding: 0 2em;
        display: inline-block;
        transition: .25s ease-in-out;
        margin-top: 20px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    h1, h2, h3, h4, h5, h6 {
        text-transform: uppercase;
    }
    
    h1 {
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 300%;
    }
    
    .page-nureinshop-home h1 {
        margin-top: 0px;
        padding-top: 0px;
    }
    
    .page-nureinshop-home h2 {
        color: #2f2f30;
        font-weight: 400;
        letter-spacing: 2px;
        font-size: 140%;
    }
    
    h2 {
        font-size: 220%;
        color: #2f2f30;
    }
    
    h3 {
        font-size: 190%;
    }
    
    h4 {
        font-size: 150%;
    }
    
    h5 {
        font-size: 120%;
    }
    
    h6 {
        font-size: 100%;
    }
    
    .text-startseite h2 {
        font-size: 200%;
        font-weight: 600;
        color: #1d77b8;
        margin-top: 20px;
    }
    
    .text-startseite h3 {
        font-size: 150%;
        font-weight: 400;
        letter-spacing: 1px;
    }
    
    .text-startseite img:hover {
        transition: 0.5s;
        transform: scale(1.02);
    }
    
    .text-startseite img {
        transition: 0.5s;
    }
    
/* 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);
    }
    
    
/* Logo
------- */
    #region-logo a {
        padding: 10px;
    }
    
    #region-logo a img {
        height: 120px;
    }
    
/* Liste
-------- */
    .block-nureinshop-text ul, .block-nureinshop-text ol {
      margin-left: 25px;
      margin-bottom: 10px;
      margin-top: 10px;
      line-height: 1.7;
    }

/* Google Reviews
----------------- */
    .google-reviews h2 {
        font-size: 180%;
    }
    
    .nureinshop-block-google-reviews--morebtn {
        margin-top: 10px;
    }
    
    
/* Footer
--------- */
    #region-footer {
        background: #2f2f30;
        color: #FFF;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .page-nureinshop-home footer {
        margin-top: 4%;
    }
    
    footer {
        margin-top: 3%;
    }
    
    #region-copyright {
        background: #2f2f30;
        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%;
        font-weight: 600;
        text-align: right;
    }
    
    #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%;
    }
    
/* Slideshow
------------ */
    .owl-nav {
        display: none;
    }
    
/* Button
--------- */
    .btn-blue {
        background: #1d77b8;
        color: #FFF;
        text-transform: uppercase;
        font-weight: 300;
        padding: 0 2em;
        display: inline-block;
        transition: .25s ease-in-out;
        margin-top: 20px;
        padding-bottom: 10px;
    }
    
    .btn-blue:hover {
        background: #1d77b8;
        transition: 0.5s;
        transform: scale(1.05);
        font-weight: 400;
        color: #FFF;
    }
    
    .btn-blue a {
        color: #FFF;
        text-decoration: none;
    }
    
/* Leistungen
------------- */
    .page-b75f320740 h2.subpages-title {
        font-size: 100% !important;
        text-align: center !important;
        color: #FFF;
        background: #2f2f30;
    }
    
    .page-b75f320740 .subpages article {
        background: #2f2f30;
    }
    
    .page-b75f320740 .subpages article img {
        height: 100px;
    }
    
    .page-b75f320740 h2.subpages-title:hover {
        color: #1d77b8;
        transition: 0.2s;
    }
    
    .leistungen,
    .leistungen-beitragsliste{ 
        background: #2f2f30;
        padding-top: 2%;
        padding-bottom: 1%;
        color: #FFF;
        margin-top: 3%;
        margin-bottom: 3%;
    }
    
    .leistungen img,
    .page-b75f320740 .subpages article img {
        max-height: 100px;
        transition: 0.5s;
    }
    
    .leistungen img:hover,
    .page-b75f320740 .subpages article img:hover {
        opacity: 0.8;
        transition: 0.5s;
        transform: scale(1.02);
        
    }
    
    .leistungen h3 {
        font-size: 100%;
    }
    
    .leistungen a {
        color: #FFF;
    }
    
    .leistungen h3 a:hover {
        opacity: 0.8;
    }
    
    .block-nureinshop-text-carousel .owl-carousel .owl-dots .owl-dot.active {
        background-color: #FFF;
    }
    
/* Social Links 
--------------- */
    .social-links {
    	position: fixed;
    	right: 0px;
    	width: 45px;
    	top: 250px;
    	z-index: 999999999;
    	text-transform: uppercase;
    }
    
    .social-links a {
    	box-sizing: border-box;
    	position: relative;
    	display: inline-block;
    	height: 45px;
    	width: 45px;
    	text-align: left;
    	background-color: #1d77b8;
    	margin-bottom: 3px;
    	padding: 10px;
    	line-height: 0;
    	opacity: 1;
    	margin: 0;
    }
    
    .social-links a span {
    	display: none;
    	width: auto;
    	position: absolute;
    	right: 45px;
    	background-color: inherit;
    	height: 45px;
    	top: 0;
    	color: #FFF;
    	line-height: 45px;
    	padding-left: 20px;
    	padding-right: 20px;
    	white-space: nowrap;
    	font-size: 16px;
    }
    
    .social-links a i {
    	display: inline-block;
    	position: absolute;
    	top: 0;
    	right: 0;
    	height: 45px;
    	width: 45px;
    	margin-right: 0;
    	background-size: 45px 45px;
    	background-position: center center;
    	background-repeat: no-repeat;
    }
    .icon-1 {
    	background-image: url("/pub/media/27a3e5a04610072b3de21f4b70f2bb5d/icon-instagram.svg");
    }
    
    .icon-2 {
    	background-image: url("/pub/media/59943ff3d354974bd39ef4caba26e4a8/icon-facebook.svg");
    }
    
    .icon-3 {
    	background-image: url("/pub/media/184137ccd53bf82e193bf21bb4b48f85/icon-mail.svg");
    }
    
    .icon-4 {
    	background-image: url("/pub/media/d4a24f2b314672b6bc3c2a34ae015e05/icon-phone.svg");
    }
    
    
    .social-links a span.zweizeilig {
    	line-height: 20px;
    	padding-top: 5px;
    	height: 50px;
    	padding-right: 20px;
    }
    
    .social-links a:hover {
        background-color: #1d77b8;
    	opacity: 1;
    	color: #FFF;
    }
    
    .social-links a:hover span {
    	display: block;
    	opacity: 1;
    	font-weight:400;
    	height: auto;
    }
    
    .social-links a:nth-child(4) {
    	padding-top: 13px;
    }
    
    @media only screen and (max-width:1200px) {
    	.social-links {
    		top: 160px;
    	}
    }
    
    @media only screen and (max-width:980px) {
    	.social-links {
    		top: 80px;
    	}
    }
    
    @media only screen and (max-width:776px) {
    	.social-links {
            display: none;
    	}
    }

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

	.grasberger-nav {
		float: right;
		padding-top: 90px;
		text-align: left;
		text-transform: uppercase;
	    font-weight: 500;
	    letter-spacing: 1px;
	}

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

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

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

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

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

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

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

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

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

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

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

		.grasberger-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
------- */
    header .logo {
        display: block;
        float: left;
        position: absolute;
        z-index: 9999;
    }

    header .logo img {
        height: 130px;
        padding-top: 10px;
    }
    
/* 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%;
        }
        
        .page-b75f320740 h1 {
            text-align: left !important;
        }
        
        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;
            font-weight: bold;
        }
        
        .text-startseite h3 {
            font-size: 130%;
        }
        
        #region-footer p, 
        #region-footer a,
        #region-footer h2,
        #region-footer h3,
        #region-footer,
        #region-copyright p {
            text-align: center !important;
        }
        
        #region-footer img {
            width: 250px;
        }
        
        #region-copyright a {
            text-decoration: underline;
            text-underline-offset: 6px;
        }
        
        [data-block-id="59ba2744f8ac2322ddeb923c8272ce44"] > .container {
            padding: 0px;
        }
        
    }
    
    .offcanvas-logo img {
        height: 100px;
        
    }
    
    .offcanvas-menu {
        background-color: #FFFFFFEB;
        width: 100%;
    }
    
    .offcanvas-nav {
        text-transform: uppercase;
        font-weight: 600;
        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-06-16 16:39:40 **/