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

/* Allgemeines & Resets
------------------------*/

	* {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		text-decoration: none;
		font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		font-family: 'Fira Sans', 'Helvetica', Arial, sans-serif;
		color: #333333;
	}

	html {
		font-size: 21px;
		height: 100%;
		background-color: #F5F5F5;
		background-color: #FFFFFF;
		background-color: red;
	}

	@media screen and (max-width: 480px) {
		html {
			font-size: 18px;
		}
	}

	body {
		height: 100%;
	}

	small {
		font-size: 12px;
	}

	small * {
		font-size: inherit;
		color: inherit;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	section {
		position: relative;
	}

	.clear {
		clear: both;
		line-height: 0;
		height: 0;
		font-size: 0;
	}

	.clear-after:after {
		content: '';
		clear: both;
		display: table;
	}

	a {
		color: #009cdf;
	}

	a:hover {
		color: #009cdf;
	}

	a:focus {
		outline: 0;
	}

	.fa {
		padding-right: 7px;
	}


/* Inhalt
----------*/

	main {
		background-color: #FFFFFF;
		/*background-color: #f6fafe;*/
		/*background-color: #edf2f7;*/
	}

	main:after {
		content: '';
		clear: both;
		display: table;
	}

	.sg-www-home main {
		margin-top: 150px;
	}

	main h1 {
		color: rgb(38, 38, 38);
		font-size: 50px;
		font-weight: 700;
		line-height: 72px;
		margin: 10px 0 25px 0;
		font-family: 'Fira Sans', 'Helvetica', Arial, sans-serif;
	}

		@media screen and (max-width: 768px) {
			main h1 {
				font-size: 28px;
				line-height: 32px;
				margin-bottom: 20px;
			}
		}

	main h2 {
		margin-top: 20px;
		padding: 0;
	}

	main h2, main h2 * {
		font-size: 40px;
		font-weight: 700;
		font-family: 'Fira Sans', 'Helvetica', Arial, sans-serif;
	}

		@media screen and (max-width: 768px) {
			main h2 {
				font-size: 25px;
				line-height: 30px;
				font-weight: bold;
			}
		}

	main h2.center {
		text-align: center;
	}

	main h2.boxed {
		background-color: #3a3a3a;
		font-size: 30px;
		color: #FFFFFF;
		display: inline-block;
		padding: 10px;
		text-transform: uppercase;
		margin-bottom: 30px;
	}

	main h3 {
		font-size: 28px;
		font-weight: 600;
		margin: 30px 0 0 0;
	}
	
	blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5 {
	    color: #fff;
	} 
	
	blockquote p, blockquote strong {
	    color: #fff!important;
	}
	
	blockquote a {
	    color: #fff;
	}
	
	blockquote a:hover {
	    color: #fff!important;
	}
    
    blockquote .btn {
        background-color: #fff;
        color: #333333;
    }
    
    blockquote .btn:hover {
	    color: #333333 !important;
	    opacity: 1;
	    background-color: #f6fafe;
    }
    
    .block ul, .block ol {
        margin-top: 10px;
    }
    
    .block li > ul {
        margin-top: 0;
    }

/* Überschriften
-----------------*/

	main h4 {
		margin-top: 30px;
		color: #444a56;
	}

	main p,
	.infopopup p {
		margin-top: 15px;
		line-height: 32px;
		color: #444a56;
	}

	main h3 + p,
	main h4 + p {
		margin-top: 7px;
	}

	main img {
		margin-bottom: 20px;
	}

	main p a {
		font-weight: bold;
		font-size: inherit;
	}

	main ul,
	main ol {
		margin-top: 30px;
		margin-bottom: 0;
		margin-left: 25px;
	}

	main ul li,
	main ol li {
		list-style-position: outside;
		line-height: 35px;
	}

	main ul ul,
	main ol ol {
		margin-bottom: 0px;
	}

	main table {
		width: 100%;
		border-collapse: collapse;
	}

	main table td,
	main table th {
		border: 1px solid #DDDDDD;
		padding: 10px 20px;
		vertical-align: top;
		text-align: left;
	}

/* Quadratische Boxen
----------------------*/

	a.quadrat {
		width: 100%;
		padding-top: 100%;
		position: relative;
		margin-bottom: 30px;
	}

	.quadrat-content {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

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

	header {
		position: relative;
		width: 100%;
		height: 100px;
		min-height: unset;
		background-image:url('../../img/bgr-new.png');
		background-size: 600px;
		border-bottom: 1px solid #EEEEEE;
		-webkit-box-shadow: 0px 0px 25px -18px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 25px -18px rgba(0,0,0,1);
		box-shadow: 0px 0px 25px -18px rgba(0,0,0,1);
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
	}

	@media screen and (max-width: 480px) {
		header {
			height: 60px;
		}

		header > .container {
			width: 100% !important;
			padding: 0;
		}
	}

	.is-subpage header {
		height: 100px;
	}

	@media screen and (max-width: 480px) {
		.is-subpage header {
			height: 60px;
		}
	}

/* Logo
--------*/

	.headerlogo {
		display: inline-block;
		position: relative;
		top: 32px;
		z-index: 1;
	}

	.headerlogo img {
		height: 45px;
	}

	@media screen and (max-width: 480px) {
		.headerlogo {
			top: 14px;
			left: 20px;
			width: 200px;
		}

		.headerlogo img {
			height: 35px;
		}
	}

	.headerlogo:hover {
		opacity: 0.8;
	}

	.headerlogo span {
	  position: absolute;
	  left: 228px;
		top: 14px;
	  font-size: 10px;
	  color: #167eac;
	  letter-spacing: 1px;
	  font-weight: 400;
	  background-color: #167eac;
	  padding: 2px 9px;
	  color: #FFF;
	}

/* Headerinhalt
----------------*/

	.headercontent {
		position: relative;
		width: 100%;
		text-align: center;
	}

		@media screen and (max-width: 480px) {
			.headercontent {
				padding: 0 20px;
			}
		}

	.headercontent h1 {
		line-height: 38px;
		color: #FFFFFF;
		font-size: 50px;
		font-weight: 600;
		margin-bottom: 30px;
		font-family: 'Fira Sans', 'Helvetica', Arial, sans-serif;
		white-space: nowrap;
		margin-top: 80px;
	}

		@media screen and (max-width: 768px) {
			.headercontent h1 {
				line-height: 38px;
				font-size: 30px;
			}
		}

	.headercontent p {
		color: #FFFFFF;
		margin-bottom: 20px;
		line-height: 36px;
	}

		@media screen and (max-width: 480px) {
			.headercontent p {
				color: #FFFFFF;
				margin-bottom: 20px;
				line-height: 25px;
				font-size: 16px;
			}
		}

	.headercontent .btn {
		background-color: #FFFFFF;
		color: #1c9dd7;
		font-weight: 400;
	}

	.headerimage {
		position: relative;
		width: 90%;
		margin: 50px auto 0 auto;
		z-index: 1;
	}

		@media screen and (max-width: 480px) {
			.headerimage {
				width: calc(100% - 40px);
			}
		}

		.headerimage img {
			display: block;
			margin: 0 auto;
		}

		.headerimage:hover:before {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			opacity: 0.5;
			cursor: pointer;
			border-radius: 5px;
		}

	.header-demolink {
		display: none;
	}

	.headerimage:hover .header-demolink {
		display: block;
		color: #FFFFFF;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		background-color: #7AC943;
		padding: 12px 24px;
		text-decoration: none;
	}
	

/* Navigation
--------------*/

	#nav {
		position: absolute;
		top: 35px;
		right: 0;
		z-index: 1;
	}

	#nav li {
		display: inline-block;
		position: relative;
	}

	#nav li a {
		display: inline-block;
		padding: 7px 20px;
		color: #333333;
		font-weight: 400;
	}

	#nav li:hover > a,
	#nav li.is-highlighted > a {
		color: #000000;
		background-color: #F5F5F5;
		background-color: rgba(0,0,0,0.05);
	}

/* Subnavigation
-----------------*/

	#nav ul {
		background-color: #FFFFFF;
	}

	@media screen and (max-width: 1400px) {
		#nav {
			display: none;
		}
	}

	#nav ul li {
		display: block;
	}

	#nav ul li a {
		display: block;
		white-space: nowrap;
		color: #222222;
		text-align: left;
		border-radius: 0;
	}

	#nav ul li a:hover {
		color: #000000;
		background-color: #F5F5F5;
	}

	/* Icon
	--------*/

		#nav .fa {
			position: relative;
			top: -2px;
			left: -4px;
			color: #333333;
			font-size: 13px;
			padding-right: 0;
		}

	/* Submenu
	-----------*/

		header ul ul {
			display: none;
			margin: 10px 0 0;
			padding: 0;
			max-height: 400px;
			position: absolute;
			top: 30px;
			right: 0;
			z-index: 99;
			box-shadow: 0 0 12px rgba(0, 0, 0, 0.18);
			-webkit-overflow-scrolling: touch;
		}



	#nav li:hover ul {
		display: block;
	}

/* Header-Platzhalter für den fixed Header
-------------------------------------------*/

	.header-placeholder {
		height: 100px;
	}

	@media screen and (max-width: 480px) {
		.header-placeholder {
			height: 60px;
		}
	}
	

/* Footer
----------*/

	footer {
		padding: 50px 0 30px 0;
		background-color: #FFFFFF;
		background-color: #f6fafe;
		border-top: 75px solid #FFFFFF;
		margin-top: 0;
	}
	
	#region-footer {
	    background-color: transparent;
	    
	}
	
	#region-footer > .container .row .col-6:last-of-type {
	    text-align: right;
	}
	
	#region-footer > .container a {
	    margin-right: 20px;
	    color: #343434;
	}

	.page-sg-www-home footer {
		border-top: 0;
	}

	footer strong {
		display: block;
		color: #FFFFFF;
		margin-bottom: 30px;
		font-weight: 300;
	}

	footer strong .fa {
		color: #FFFFFF;
		padding-right: 7px;
	}

	footer ul {
		margin-bottom: 50px;
	}

	footer .blognews {

	}

	footer .blognews li {
		margin-bottom: 20px;
	}

	footer small {
		display: block;
	}

/* Styling Inhaltboxen auf der Startseite
-------------------------------------------*/

    .feature-items .nureinshop-block-contengrid--item {
        display: block;
        background-color: #f6fafe;
        padding: 40px;
    }   
    
    .feature-items .nureinshop-block-contengrid--item img  {
        display: block;
        width: 90px;
        margin-bottom: 10px;
    }  
    
/* Newsletter-Abstand
-----------------------*/

    [data-block-id="d33a20210ffea25cce42b8e1b120b3a5"] {
        padding: 50px 0 0 0;
    }

/* Buttons
-----------*/

    .btn {
		display: inline-block;
		padding: 12px 24px;
		border: none;
		text-align: center;
		background-color: #167eac;
		text-decoration: none;
		border-radius: 0;
		color: #FFFFFF;
		/*text-transform: uppercase;*/
		white-space: nowrap;
		position: relative;
		cursor: pointer;
		font-weight: 400;
		line-height: 33px;
		font-size: inherit;
		text-transform: unset;
	}

	.btn .fa {
		color: inherit;
	}

	.btn:hover {
		opacity: 0.8;
		color: #FFFFFF;
	}

	.btn-secondary {
		background-color: #F1F1F1 !important;
		color: #454545;
	}

	.btn-secondary:hover {
		background-color: #DDDDDD;
		color: #333333;
	}
	


/* Akkordeon
-------------*/

    .nureinshop-block-accordion--body {
        background-color: #F2F2F2;
    }
    
    .nureinshop-block-accordion--head:hover {
        color: #fff!important;
    }
    
    
/* Nova_Theme
 * Zentrale CSS-Datei für alle Theme-Styles.
============================================*/

/* Fonts
---------*/

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

	/* fira-sans-300italic - 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: 'Fira Sans';
	  font-style: italic;
	  font-weight: 300;
	  src: url('/project/nureinshop/pub/font/fira-sans-v17-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

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

	/* fira-sans-italic - 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: 'Fira Sans';
	  font-style: italic;
	  font-weight: 400;
	  src: url('/project/nureinshop/pub/font/fira-sans-v17-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

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

	/* fira-sans-500italic - 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: 'Fira Sans';
	  font-style: italic;
	  font-weight: 500;
	  src: url('/project/nureinshop/pub/font/fira-sans-v17-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

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

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

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

	/* fira-sans-700italic - 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: 'Fira Sans';
	  font-style: italic;
	  font-weight: 700;
	  src: url('/project/nureinshop/pub/font/fira-sans-v17-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

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

	/* fira-sans-800italic - 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: 'Fira Sans';
	  font-style: italic;
	  font-weight: 800;
	  src: url('/project/nureinshop/pub/font/fira-sans-v17-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}


/* Allgemeine Styles
---------------------*/

	* {
		font-family: 'Fira Sans', 'Helvetica', Arial, sans-serif;
		color: #333333;
	}

	html {
		font-size: 21px;
		height: 100%;
		background-color: #FFFFFF;
		background-color: #f6fafe;
	}

	a:hover {
		color: #029EE1 !important;
	}

	main {
		background-color: #FFFFFF;
		padding-bottom: 75px;
	}

	main p,
	main label {
		margin-top: 10px;
		line-height: 32px;
	}

/* Layoutelemente
------------------*/

	.container {
		position: relative;
		width: 1300px;
		margin: 0 auto 0 auto;
	}

	@media screen and (max-width: 1450px) {
		.container {
			width: 100%;
			margin-right: 0;
			margin-left: 0;
			padding: 0 30px;
		}
	}

	@media screen and (max-width: 768px) {
		.container {
			padding: 0 30px 0 30px;
		}
	}

/* Inhaltsformatierung
-----------------------*/

	main h1 {
		color: #333333;
		font-size: 50px;
		font-weight: 700;
		line-height: 72px;
		margin-top: 20px;
		font-family: 'Fira Sans', 'Helvetica', Arial, sans-serif;
	}

	main h2 {
		color: #333333;
		font-size: 40px;
		font-weight: 700;
		font-family: 'Fira Sans', 'Helvetica', Arial, sans-serif;
		margin-top: 40px;
	}

	main h3 {
		font-size: 28px;
		font-weight: 600;
		margin: 30px 0 0 0;
	}

	main h4 {
		font-size: 26px;
		font-weight: 600;
		margin: 30px 0 0 0;
	}

/* Button
----------*/

	.btn {
		display: inline-block;
		padding: 12px 24px;
		border: none;
		border-radius: 0;
		text-align: center;
		background-color: #167eac;
		color: #FFFFFF;
		/*text-transform: uppercase;*/
		white-space: nowrap;
		position: relative;
		cursor: pointer;
		font-weight: 400;
		line-height: 33px;
		font-size: inherit;
		text-decoration: none;
	}

	.btn .fa {
		color: inherit;
	}

	.btn:hover {
		opacity: 0.8;
		color: #FFFFFF !important;
	}

	.btn-secondary {
		background-color: #F1F1F1 !important;
		color: #454545;
	}

	.btn-secondary:hover {
		background-color: #DDDDDD;
		color: #333333;
	}

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

	header {
		width: 100%;
		height: 100px;
		min-height: unset;
		border-bottom: 1px solid #EEEEEE;
		-webkit-box-shadow: 0px 0px 25px -18px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 25px -18px rgba(0,0,0,1);
		box-shadow: 0px 0px 25px -18px rgba(0,0,0,1);
		position: fixed;
		top: 0;
		z-index: 9999;
	}

	@media screen and (max-width: 480px) {
		header {
			height: 60px;
		}

		header > .container {
			width: 100% !important;
			padding: 0;
		}
	}

	.is-subpage header {
		height: 100px;
	}

	@media screen and (max-width: 480px) {
		.is-subpage header {
			height: 60px;
		}
	}

/* Header-Platzhalter für den fixed Header
-------------------------------------------*/

	.header-placeholder {
		height: 100px;
	}

	@media screen and (max-width: 480px) {
		.header-placeholder {
			height: 60px;
		}
	}

/* Logo
--------*/

	header .logo {
		display: inline-block;
		position: relative;
		top: 32px;
		z-index: 1;
	}

	header img {
		height: 45px;
	}

	@media screen and (max-width: 480px) {
		.headerlogo {
			top: 14px;
			left: 20px;
			width: 200px;
		}

		.headerlogo img {
			height: 35px;
		}
	}

	.headerlogo:hover {
		opacity: 0.8;
	}

	.headerlogo span {
	  position: absolute;
	  left: 228px;
		top: 14px;
	  font-size: 10px;
	  color: #167eac;
	  letter-spacing: 1px;
	  font-weight: 400;
	  background-color: #167eac;
	  padding: 2px 9px;
	  color: #FFF;
	}

/* Headerinhalt
----------------*/

	.headercontent {
		position: relative;
		width: 100%;
		text-align: center;
	}

		@media screen and (max-width: 480px) {
			.headercontent {
				padding: 0 20px;
			}
		}

	.headercontent h1 {
		line-height: 38px;
		color: #FFFFFF;
		font-size: 50px;
		font-weight: 600;
		margin-bottom: 30px;
		font-family: 'Fira Sans', 'Helvetica', Arial, sans-serif;
		white-space: nowrap;
		margin-top: 80px;
	}

		@media screen and (max-width: 768px) {
			.headercontent h1 {
				line-height: 38px;
				font-size: 30px;
			}
		}

	.headercontent p {
		color: #FFFFFF;
		margin-bottom: 20px;
		line-height: 36px;
	}

		@media screen and (max-width: 480px) {
			.headercontent p {
				color: #FFFFFF;
				margin-bottom: 20px;
				line-height: 25px;
				font-size: 16px;
			}
		}

	.headercontent .btn {
		background-color: #FFFFFF;
		color: #1c9dd7;
		font-weight: 400;
	}

	.headerimage {
		position: relative;
		width: 90%;
		margin: 50px auto 0 auto;
		z-index: 1;
	}

		@media screen and (max-width: 480px) {
			.headerimage {
				width: calc(100% - 40px);
			}
		}

		.headerimage img {
			display: block;
			margin: 0 auto;
		}

		.headerimage:hover:before {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			opacity: 0.5;
			cursor: pointer;
			border-radius: 5px;
		}

	.header-demolink {
		display: none;
	}

	.headerimage:hover .header-demolink {
		display: block;
		color: #FFFFFF;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		background-color: #7AC943;
		padding: 12px 24px;
		text-decoration: none;
	}

/* Brotkrumenpfad
------------------*/

	#region-breadcrumb {
		background-color: #FFFFFF;
		padding: 50px 0 0 0;
	}

	@media screen and (max-width: 480px) {
		#region-breadcrumb {
			padding-top: 30px;
		}
	}

    #region-breadcrumb ul {
        padding-bottom: 0 !important;
    }

    #region-breadcrumb ul li a {
        font-size: 16px;
    }

	#region-breadcrumb li {
		display: inline-block;
		font-size: 16px;
		color: #AAAAAA;
		padding: 0 5px 0 0;
	}

	#region-breadcrumb li a:after {
		content: "\f105";
		font-family: FontAwesome;
		display: inline-block;
		padding-left: 10px;
	}

	#region-breadcrumb li:last-of-type:after {
		content: "";
	}

/* Content
-----------*/

	#region-content:before {
		content: '';
		clear: both;
		display: table;
	}

/* Hero-Element auf der Startseite
-----------------------------------*/

	.nova-hero {
		position: relative;
		padding: 100px 0 75px 0;
		margin: 0 auto 0 auto;
		width: 100%;
		height: 550px;
		z-index: 1;
		background-color: #167eac;
		background-image: url('/project/nureinshop/plugin/nova/pub/img/bgr-icons.png');
		text-align: center;
	}

	.nova-hero img {
		display: block;
		height: 200px;
		width: 200px;
		margin: 0 auto;
	}

	.nova-hero h1 {
		color: #FFFFFF;
		padding-top: 0;
		margin-top: 0;
	}

	.nova-hero p {
		color: #FFFFFF;
		text-align: center;
		font-weight: 300;
		margin-top: 0;
	}

/* Navigation
--------------*/

    .level-2 {
        background-color: #fff!important;
    }
    
    .level-2 > li {
        width: 100%;
    }

	.nova--nav {
		position: absolute;
		top: 35px;
		right: 0;
		z-index: 1;
	}

	.nova--nav li {
		display: inline-block;
		position: relative;
	}

	.nova--nav li a {
		display: inline-block;
		padding: 7px 20px;
		color: #333333;
		font-weight: 400;
	}

	.nova--nav li:hover > a,
	.nova--nav li.is-highlighted > a {
		color: #000000;
		background-color: #F5F5F5;
		background-color: rgba(0,0,0,0.05);
	}

/* Subnavigation
-----------------*/

	@media screen and (max-width: 1400px) {
		.nova--nav {
			display: none;
		}
	}

	.nova--nav li {
		display: inline-block;
	}

	.nova--nav ul li a {
		display: block;
		white-space: nowrap;
		color: #222222;
		text-align: left;
		border-radius: 0;
	}

	.nova--nav ul li a:hover {
		color: #000000;
		background-color: #F5F5F5;
	}

	/* Icon
	--------*/

		.nova--nav .fa {
			position: relative;
			top: -2px;
			left: -4px;
			color: #333333;
			font-size: 13px;
			padding-right: 0;
		}

	/* Submenu
	-----------*/

		header ul ul {
			display: none;
			margin: 10px 0 0;
			padding: 0;
			max-height: 400px;
			position: absolute;
			top: 30px;
			right: 0;
			z-index: 99;
			box-shadow: 0 0 12px rgba(0, 0, 0, 0.18);
			-webkit-overflow-scrolling: touch;
		}

	.nova--nav li:hover ul {
		display: block;
	}

/* Newsletter-Block (Startseite)
---------------------------------*/

	[data-block-id="d33a20210ffea25cce42b8e1b120b3a5"] {
		padding: 75px 0 0 0;
		text-align: center;
	}

	[data-block-id="d33a20210ffea25cce42b8e1b120b3a5"] .container p {
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
	}

/* Inhaltsgrid
---------------*/

	.nureinshop-block-contengrid {
		column-gap: 40px;
	}

	.nureinshop-block-contengrid--item {
	    color: #333333;
		background-color: #f6fafe;
		padding: 40px;
		margin-top: 20px;
		display: flex!important;
		flex-direction: column;
	}
	
	.nureinshop-block-contengrid--item h2 {
	    color: #333333;
	}
	
	.nureinshop-block-contengrid--item > *:first-child {
        margin-top: 0;
    }

	.nureinshop-block-contengrid--item img {
		display: block;
		width: 90px;
		height: 90px;
		margin-bottom: 10px;
	}
	
	.nureinshop-block-contengrid--item p:has(.btn) {
        margin-top: auto;
        padding-top: 30px;
    }
	


/* Footer
----------*/

	footer {
		padding: 50px 0 30px 0;
		background-color: #f6fafe;
	}

	#region-footer {
		background-color: transparent;
	}

	#region-footer .row > .col-6:first-of-type a {
		color: #333333;
		margin-right: 20px;
	}

	#region-footer .row > .col-6:first-of-type a:hover {
		opacity: 0.8;
	}

/* Bildergalerie
-----------------*/

	.block-nureinshop-image-gallery .quadrat img {
		outline: 1px solid #EEEEEE;
	}
	
	.fotorama__wrap {
	    width: 100%!important;
	}

/* Tutorialfilter
------------------*/

	.tutorialfilter {
		background-color: #F7F7F7;
		padding: 20px 30px 30px 30px;
		margin-top: 30px;
	}

	.tutorialfilter--label {
		display: block;
		color: #AAAAAA;
		font-size: 14px;
		margin: 0;
	}

	.tutorialfilter--form {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 300px 200px;
		column-gap: 30px;
	}

/* Ergebnisliste
-----------------*/

	.tutorialresult {
		margin-top: 30px;
	}

/* Tutorialliste
-----------------*/

	.tutoriallist {
		margin-top: 30px;
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 30px;
		row-gap: 30px;
	}

	.tutoriallist--image {
		background-color: #DDDDDD;
	}

	.tutoriallist img {
		display: block;
		height: 275px;
		width: 100%;
		object-fit: contain;
	}

	.tutoriallist article {
		position: relative;
		background-color: #F7F7F7;
		padding-bottom: 30px;
	}

	.tutoriallist article:hover {
		opacity: 0.8;
	}

	.tutoriallist h2 {
		font-size: 28px;
		font-weight: 600;
		margin: 30px 30px 0 30px;
	}

	.tutoriallist p.category {
		display: block;
		font-size: 16px;
		margin: 7px 30px 0 30px;
		opacity: 0.8;
	}

	.tutoriallist--description {
		margin: 7px 30px 0 30px;
	}

/* Block Pluginliste
=====================*/

	.nes-plugincategorylist,
	.nes-pluginlist {
		list-style-type: none;
		margin: 30px 0 0 0 !important;
	}

	.nes-plugincategorylist h2,
	.nes-pluginlist h2 {
		font-size: 21px;
		margin-top: 0;
	}

	.nes-plugincategorylist li,
	.nes-pluginlist li {
		display: block;
		margin: 0 !important;
	}

	.nes-plugincategorylist li a,
	.nes-pluginlist li a {
		display: block;
		padding: 15px 30px;
		border: 1px solid #f5f5f5;
		background-color: #F7F7F7;
		margin-top: 30px;
		color: inherit;
	}

	.nes-plugincategorylist li a:hover,
	.nes-pluginlist li a:hover {
		background-color: #F2F2F2;
	}

	.nes-plugincategorylist li:first-child a,
	.nes-pluginlist li:first-child a {
		margin-top: 0;
	}

/* Newsletter
==============*/

	.nureinshop-block-newsletter--label {
		margin-top: 0;
	}    

/** generated: 2025-12-03 11:38:56 **/