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

/*VERWENDETE FARBEN
-------------------
ROT: #b31917 | GRAU:#4d4d4d */

/* BASICS
--------- */
    body, html {
        background: #4d4d4d;
        color: #FFFFFF;
        font-family: "Open Sans", sans-serif;
        font-style: italic;
        font-optical-sizing: auto;
    }
    
    p {
        font-size: 19px;
        font-weight: 300;
    }
    
    a {
        color: #FFFFFF;
    }
    
    a:hover {
        opacity: 0.7;
        color: #FFF;
    }
    
    strong {
        font-weight: 600;
    }
    
    h1, h2, h3, h4, h5, h6 {
        color: #FFFFFF;
        font-weight: 700;
    }
    
    h1 {
        font-size: 45px;
        margin-bottom: 5px;
    }
    
    .page-nureinshop-home h1 {
        padding-top: 10px;
    }
    
    h2 {
        font-size: 35px;
    }
    
    h2.subpages-title {
        margin-bottom: 0px;
    }
    
    h3 {
        font-size: 27px;
    }

/* HEADER
----------*/

    header {
      background-color: rgba(77, 77, 77, 0.95);
      border-bottom: none;
      position: sticky;
      top: 0;
      border-bottom: 1px solid #FFF;
    }
    
    #region-topnav {
        background-color: #4d4d4d;
        font-size: 100%;
    }
    
    #region-topnav ul li a {
      font-size: 15px;
      padding: 10px 0 0 0;
    }
    
    
/* LOGO
--------*/
	header .logo {
		display: block;
		float: left;
	}

	header .logo img {
		height: 70px;
		margin: 20px 0px;

	}

    
/* SLIDESHOW
------------ */
    [data-block-id="abce631d516fa264b6030ef26e753cfb"] > .container {
        margin-left: 20px;
        margin-right: 20px;
        width: 98%;
    }
    
/* CAROUSEL PRODUKTE
------------------- */
    [data-block-id="06bf53b5faff7dc7d40ad7a417d7d41b"] {
         background: #FFFFFF14 !important;
    }
    
    .block-nureinshop-slideshow .slideshow-title {
      background-color: #fff0;
      font-size: 30px;
      font-weight: 600;
      text-align: left;
      padding-left: 20px;
    }
    
    .block-nureinshop-slideshow .owl-next, .block-nureinshop-slideshow .owl-prev {
        font-family: "Major Mono Display", monospace !important;
        font-size: 160px !important;
        top: calc(35% - 50px);
        font-style: normal !important;
    }
    
    .block-nureinshop-slideshow .owl-prev {
        left: -120px;
    }
    
    .block-nureinshop-slideshow .owl-next {
        right: -120px;
    }
    
/* ÜBER FABÖ
------------ */
    [data-block-id="2a19381c0436db584f496f4ac8682c28"] > .container {
        width: calc(100% - 40px);
        background: #FFFFFF14;
        margin-bottom: 80px;
        margin-top: 80px;
        margin-left: 20px;
    }
    
    [data-block-id="2a19381c0436db584f496f4ac8682c28"] p a {
        font-weight: 400;
    }
    
    [data-block-id="2a19381c0436db584f496f4ac8682c28"] p a:hover {
        color: #FFFFFF;
        opacity: 0.6;
    }
    
    [data-block-id="2a19381c0436db584f496f4ac8682c28"] .col-9 {
        padding-top: 50px;
    }
    
    [data-block-id="2a19381c0436db584f496f4ac8682c28"] img {
        max-width: 90%;
        margin-bottom: -26px;
    }
    
/* REFERENZEN
------------- */
    .btn-referenzen h3 {
        background: #b31917;
        color: #FFFFFF;
        padding: 5px 30px;
        display: block;
        margin-left: 30%;
        margin-right: 30%;
    }
    
    .btn-referenzen h3 a:hover {
        color: #FFFFFF;
        opacity: 0.6;
    }
    
    .subpages article {
        background-color: #fff0;
    }
    
    a.btn {
        text-decoration: none !important;
    }
    
    .btn {
        margin-bottom: 5px;
    }
    
    .subpages-content {
        padding: 0px;
        padding-top: 10px;
    }
    he
    h2.subpages-title {
        font-size: 180%;
    }
    
    [data-block-id="42b9a9384b4f241405f51990bec50322"] > .container {
        width: 100%;
        padding: 20px;
        padding-top: 10px;
    }
    
    [data-block-id="89ffde0140a581bd1748cbe09b3d8b18"] {
        margin-bottom: 20px;
    }
    
/* FOOTER & COPYRIGHT
--------------------- */
    #region-copyright {
        display: none;
    }
    
    #region-footer {
        background: #b31917;
        margin-left: 20px;
        margin-right: 20px;
        text-align: left;
        padding-top: 30px !important;
        padding-bottom: 0px;
    }
    
    #region-footer h6 {
        font-size: 80%;
        font-weight: 200;
        padding-bottom: 30px;
    }
    
     #region-footer a:hover {
         color: #FFFFFF;
         opacity: 0.6;
     }
     
/* LOGIN 
-------- */
    #user_auth.user-login-form,
    form.form-register-form,
    #user_registration {
        background-color: #777777 !important;
    }
    
    #region-topnav a:after {
        background-image: url('/pub/media/cd07624652061d0d624984bc15a659bb/icon-login.svg'); 
        content: "";
        position: absolute;
        top: 10px;
        left: 101%;
        height: 20px;
        width: 20px;
    }
    
    .user-logout-form {
        background-color: #FFFFFF36 !important;
        padding: 15px;
    }
    
    
    .block.block-nureinshop-user-auth {
        background: #7777778c;
        padding-bottom: 30px;
        padding-top: 20px;
    }
    
    #user_auth h3 {
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 15px;
        margin-bottom: 0px;
    }
    
    .form-register-form {
        padding: 15px;
    }
    
    .field {
        margin-top: 0px;
    }
    
    .field-email {
        padding-top: 15px;
    }
    
    [data-block-id="60bfdfbaa2b5a4ef4e4ca577fc55cad0"],
    [data-block-id="8d0468ebed40d4f99780f0cc945c2e0a"],
    [data-block-id="9182228d63a4985681c7d5725d4aa740"],
    [data-block-id="25ff4dfd60543ff117d64580efc57205"],
    [data-block-id="e875eec0abd7e33cca526d6b124ba605"],
    [data-block-id="01cefb844fcda2a331c25dc5004b2e37"],
    [data-block-id="f6707e190028f874f7b62bffce903046"],
    [data-block-id="eab33cde0c18e6859bf8103231816e2d"],
    [data-block-id="6ae68060cb60ddb7f397608bd0331254"],
    [data-block-id="9e37c794416194dab92d15a911ce15ac"],
    [data-block-id="405d5fe2d102425d38e5a40615434c32"],
    [data-block-id="d316f45cee9a3e370700bbedb9de7c48"] {
         background: #7777778c;
         padding-top: 20px;
    }
    
    .pagination {
        margin-bottom: 20px;
    }
    
/* PRODUKTANSICHT
----------------- */
    .productgrid article {
      background-color: #777;
      border: none;
    }
    
    .productpage-pricewrapper {
        background-color: #4d4d4d;
        padding: 0px;
    }
    
    .btn {
        text-transform: none;
    }
    
    .request,
    .productpage-delivery-time {
        display: none;
    }
    
    .product-name {
        font-size: 200%;
    }
    
    .productpage-priceoffer {
        margin-top: 0px;
    }
    
    .productpage-cartbutton {
        margin-top: 0px;
    }
    
/* TABS
------- */
    .shop-tabs-content {
      border: none;
      background-color: #b31917;
    }
    
    .shop-tabs ul.shop-tabs-elements li.active {
        background-color: #b31917b2;
    }
    
    .shop-tabs ul.shop-tabs-elements li {
        border: none;
        background-color: #b31917;
    }
    
/* RESPONSIVE DESIGN
-------------------- */
    
    #region-mobile-nav {
        background-color: #4d4d4d;
		position: fixed !important;
		top: 0 !important;
		width: 100% !important;
		border-bottom: none;
		z-index: 999;
	}
    
    #region-mobile-nav img {
        -webkit-filter: invert(100%); /* Safari/Chrome */
        filter: invert(100%);
    }
    
    .mobile-logo img {
        filter: none !important;
    }
    
    .page-nureinshop-search .search-form label {
        color: #FFF;
    }
    
    .offcanvas-menu {
        background: #4d4d4d;
    }
    
    .offcanvas-nav ul {
        font-size: 20px;
    }
    
    .offcanvas-menu li.active > a {
        background-color: #ffffff17;
    }
    
    .offcanvas-nav .btn-toggle {
        filter: invert(60%);
    }

/* Hauptnavigation
-------------------*/

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

	.faboe-nav {
		float: right;
		padding-top: 60px;
		text-align: left;
	}

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

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

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

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

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

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

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

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

		.faboe-nav .level-2 > li:hover > a {
			background-color: #b31917;
			color: #FFFFFF;
			opacity: 1 !important;
		}

		.faboe-nav ul li:hover > ul {
			display: block;
			position: absolute;
			background-color: #4d4d4df2;
			box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
			border: 1px solid #5a5a5a;
		}

	/* Level 3
	-----------*/

		.faboe-nav .level-3 {
			display: none;
		}

		.faboe-nav .level-2 li:hover ul {
			display: block;
			position: absolute;
			left: calc(100% - 0px);
			background-color: #4d4d4de0;
			margin-top: -40px !important;
		}
		
/* Buttons
---------- */
    .btn,
    .productcategories-entry,
    .product-buttons .btn{
        border-radius: 4px;
    }

/* Liste
-------- */
    .block-nureinshop-text ul {
        font-size: 19px;
    }
    
/* Zitat/Blockquote
-------------------- */

    blockquote {
        background: #b31917;
        padding: 10px 20px;
        color: #FFFFFF;
        margin-top: 30px;
    }
    
    blockquote a {
        color: #FFF;
    }
    

/* Header und Co.
------------------*/

    [data-block-id="eae7808488804d6214ab20d87a098891"] .container {
    	width: 100%;
    	height: 100vh;
    }
    
    #region-topnav {
    	position: fixed;
    	top: 0;
    	width: 100%;
    }

/* Header
----------*/

	header {
		top: 0;
		width: 100%;
	}    
   
/* Loginbutton
---------------*/

    .faboe-loginbtn {
        position: absolute;
        top: 13px;
        right: 0px;
        background: #b31917;
        padding: 5px !important;
        border-radius: 4px;
    }
    
    .faboe-loginbtn a {
        display: block;
        background-image: url('/project/nureinshop/theme/default/pub/img/login.svg');
        background-repeat: no-repeat;
        background-size: 24px auto;
        background-position: right center;
        padding-right: 28px;
        height: 24px;
        opacity: 1;
    }
    
    .faboe-loginbtn a:hover {
        opacity: 0.8;
    }
    
/* Suche
-------- */
    #region-search .search-icon {
        /*filter: brightness(0) invert(1);*/
    }
    
    #region-search input {
        border-radius: 3px;
    }
    
    #region-search .search-icon {
        right: 370px !important;
        background-image: none;
    }
    
/* Cookie Banner
---------------- */
    .cookie-message--p {
        color:#4d4d4d !important;
    }
    
/* Referenz-Container
-----------------------*/

    #bafoeg_reference_container h2 {
        font-size: 20px;
    }
    
    #bafoeg_reference_container ul {
        margin-left: 20px;
        margin-top: 10px;
        font-size: 130%;
    }

    #bafoeg_reference_container {
        margin: 20px 0;
        background: #777777;
        padding: 10px 10px 25px 30px;
    }
    
/* Formulare
-------------*/

    .user-login-form {
        padding: 1px 20px 20px 20px !important;
    }
    
    .user-login-form .field {
        margin-top: 10px;
    }
    
    .form-register-form::before {
        content: '';
        display: table;
        clear: both;
    }
    
    .form-register-form .btn {
        margin-top: 10px;
    }
   

/** generated: 2025-08-03 15:50:33 **/