/*
Theme Name: Mattheis Twentytwelve (2015) Childtheme
Description: Mattheis Twentytwelve Childtheme
Text Domain: twentytwelve-child
Author: Mattheis
Author URI: http://www.mattheis-berlin.de
Template: twentytwelve
Version: 1.0
Tags:
*/
@import url("../twentytwelve/style.css");


:root {
	--selecta-blue: #0a51a1;
	--dark-blue: #063365;
	--hilite-color: #ffdc16;

	--color-focus: darkorange;
	
	--ratgeber-color: #f8a91b;
	--babywelt-color: #de0067;
	--kleinkindwelt-color: #009db2;
	--spiel-puzzle-color: #9290c6;
	--tulips-petrol: #197874;
	--tulips-green: #52ae32;
	--bellybutton-color: #6f6058;
	--steiff-color: #d50032;
	--kinderzimmer-color: #9a054b;
	--produkte-color: #75B843;

	--width-submenu-trigger: 45px;
}



/* ------------------------- Seiteneinstellungen Allgemein & Content ------------------*/


	body {
	    background: #fff;
		overflow: hidden;
	}
	.noscroll {
		overflow: hidden;
	}

	* {
		box-sizing: border-box;
	}


	.no-display, .visuallyhidden {
		border: 0;
		clip: rect(0 0 0 0);
		-webkit-clip-path: inset(50%);
		clip-path: inset(50%);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
		white-space: nowrap;
	}
	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	/* Focus Elements */
    :is(a, button, input, textarea, select):is(:focus-visible) {
        outline: 2px solid var(--color-focus) !important;
    }

	/*-----------Site ------------*/

		.site-content article {
			max-width: 1800px;
			margin: 0 auto;
			padding-left: 20px;
			padding-right: 20px;
			padding-left: 2%;
			padding-right: 2%;
			border-bottom: none;
		}

		/* gap to top (space for sticky header) */
			#main {
				margin-top: 91px;
				padding: 30px 0 0;
			}
			.home #main, 
			.home #main, 
			.single-post #main {
				padding: 0;
			}
			/*@media screen and (max-width: 783px) {
				#main {
					margin-top: 45px;
				}
			}*/

		body .site {
			box-shadow: none;
			margin: 0;
			padding: 0;
		}

		.site{
			max-width: 100%;
		}
		.entry-header{
			margin-bottom:0;
		}
		.site-content{
			margin-top:0;
		}
		.entry-content{
			position: relative;
		}


		/* images */
			img {
				border-radius: 0 !important;
				box-shadow: none !important;
			}

		/*====== CLEARFIX ========*/
			.clearfix:after, footer:after{
				content: ".";
				display: block;
				clear: both;
				visibility: hidden;
				line-height: 0;
				height: 0;
			}
			.clearfix {
				display: inline-block;
			}
			html[xmlns] .clearfix {
				display: block;
			}
			* html .clearfix {
				height: 1%;
			}




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

	/* header container */
		#masthead {
			position: fixed;
			top: 0;
			width: 100%;
			height: 90px;
			z-index: 9999;
			background: var(--selecta-blue);
			padding: 0;
			border-bottom-width: 1px;
			border-bottom-style: inset;
		}
		/* Logged-In */
			.logged-in.admin-bar #masthead {
				top: 46px;
			}
			@media screen and (min-width: 783px){
				.logged-in.admin-bar #masthead {
					top: 32px;
				}
			}
			

	/* header wrapper */
		#headerwrap {
			padding-right: 20px;
			margin: 0 auto;
			position: relative;
		}

	/* Logo responsive */
		#logo {
			float: left;
			position: static;
			margin: 20px 0 0 20px;
		}
		#logo img {
			height: 40px;
			width: auto;
			margin: 5px 0 0;
			padding: 0;
		}
		/*@media screen and (min-width: 1200px){
			#logo img {
				height: 40px;
			}
		}
		@media screen and (min-width: 1400px){
			#logo img {
				height: 50px;
			}
		}*/



	/*---------------------- NAVIGATION --------------------*/

		/* Menu position */
			/* #site-navigation {
				position: fixed;
				top: 0px;
				right: 110px;
				display: none;
			} */
			/* for logged in user */
				/*.logged-in.admin-bar #site-navigation {
					top: 32px;
				}*/



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

			.main-navigation {
				float: right;
				margin-top: 0;
			}

			.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul{
				border: none;
			}

			.main-navigation li {
				margin: 0 1rem 0 0;
			}

			.main-navigation li a {
				color: #ffffff;
				font-size: 1rem;
				font-family: 'Roboto Condensed', sans-serif;
			}

			/*--- Current Menu Item ---*/
				/* .main-navigation li a:hover,  */
				.main-navigation ul.nav-menu > .current-menu-item, 
				.main-navigation ul.nav-menu > .current-menu-ancestor, 
				.main-navigation ul.nav-menu > .current_page_item, 
				.main-navigation ul.nav-menu > .current_page_ancestor {
					background: url(/wp-content/uploads/2018/06/menu-line.png) var(--selecta-blue) no-repeat 50% 85%;
					background-repeat: no-repeat;
				}
				.main-navigation ul.nav-menu .current-menu-item > a, 
				.main-navigation ul.nav-menu .current-menu-ancestor > a, 
				.main-navigation ul.nav-menu .current_page_item > a, 
				.main-navigation ul.nav-menu .current_page_ancestor > a {
					color: #ffffff;
					/* background: url(/wp-content/uploads/2018/06/menu-line.png) no-repeat 50% 85%;
					background-repeat: no-repeat; */
					text-decoration: none;
					font-weight: normal;
				}

			/*--- Hover Menu Item ---*/
				.main-navigation li a:hover, 
				.main-navigation li a:focus, 
				.main-navigation li a:active {
					color: #ffffff;
					text-decoration: none;
					font-weight: normal;
				}

			.menu-hauptmenue-container {
				margin-top: 10px;
			}

			/* dotted outline bei menue klick verhindern */
				a, a:active, a:focus {
					outline: none;
				}


			.main-navigation .nav-menu>li {
				padding: 0;
				margin-right: -6px;
				background-color: var(--selecta-blue);
			}
			.nav-menu>li:last-child {
				border-right: 1px solid rgba(200,200,200,.4);
			}


			/* Menü im Internet Explorer */
				@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
				   #site-navigation {
				        position: relative;
				        float: right;
				        right: 20px;
				    }
				}
				@media screen and (high-contrast: active), (high-contrast: none) {
				   #site-navigation {
				        position: relative;
				        float: right;
				        right: 20px;
				    }
			}



			/***** Seitenstruktur erkennbar machen // aktuelle Seite markieren im Menü ******/
				.current-page-ancestor>a {
					/* background: rgba(0, 0, 0, 0) url(/wp-content/uploads/2018/06/menu-line.png) no-repeat scroll 50% 85% !important; */
					background-image: none !important;
				}
				/* 
				.current-page-ancestor .sub-menu .current-page-ancestor a {
					background-color: rgba(255,255,255,.2) !important;
				} */



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

			.main-navigation li ul.sub-menu {
				z-index: 9998;
			}
			ul.sub-menu li a{
				color: #000;
			}
			.main-navigation li ul li a{
			    background: rgb(72, 157, 189);
			    color: #fff;
			    font-size: 1rem;
			    line-height: 2;
			    width: unset;
			    min-width: 250px;
			    padding: 5px 30px 5px 10px;
			}
			.main-navigation li ul li a:hover,
			.main-navigation li ul li a:focus{
			    /*JTH alt background: rgba(0, 0, 0, 0.8) url("images/menu-line.png") no-repeat scroll 50% 85%; */
				/* background: #3b7caac4 url("images/menu-line.png") no-repeat scroll 50% 85% !important; */
			    color: #fff;
				background-repeat: repeat-x;
			}
			.main-navigation li ul.sub-menu li a:hover,
			.main-navigation li ul.sub-menu li a:focus{
			    background: rgb(49, 81, 156);
			}
			/* Current Item Menu Line Rot */
			 .main-navigation :is(.current-menu-item, .main-navigation .current-menu-ancestor, .main-navigation .current_page_item, .main-navigation .current_page_ancestor) {
			    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2018/06/menu-line.png") no-repeat scroll 50% 85%;
				background-repeat: repeat-x;
				/* margin-bottom: -13px; */
			}
			.main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a, .main-navigation .sub-menu .current_page_item > a, .main-navigation .sub-menu .current_page_ancestor > a{
			    background: var(--selecta-blue);
			}

			/* Current Item Menu Line Rot */
				.sub-menu>li.current-menu-item.current_page_item>a {
					background: rgba(255,255,255,.2) !important;
				}
				.sub-menu>li.current-menu-item.current_page_item>a:hover {
					background: rgba(255,255,255,.3) !important;
				}






/*---------Schriften und Groessen------------*/

	/* MyFontsWebfontsKit Schriften */
		.Haptic-Bold { 
			font-family: Haptic-Bold !important;
			font-weight: normal;
			font-style: normal;
		}
		.Haptic-Light_0_wt { 
			font-family: Haptic-Light_0_wt;
			font-weight: normal;
			font-style: normal;
		}
		.FFInfoDisplayWebPro { 
			font-family: FFInfoDisplayWebPro;
			font-weight: normal;
			font-style: normal;
		}
		.FFInfoDisplayWebProBold { 
			font-family: FFInfoDisplayWebProBold;
			font-weight: normal;
			font-style: normal;
		}
		.FFInfoDisplayWebProBoldItalic { 
			font-family: FFInfoDisplayWebProBoldItalic;
			font-weight: normal;
			font-style: normal;
		}
		.FFInfoDisplayWebProItalic { 
			font-family: FFInfoDisplayWebProItalic;
			font-weight: normal;
			font-style: normal;
		}
		.FFInfoDisplayWebProMedium { 
			font-family: FFInfoDisplayWebProMedium;
			font-weight: normal;
			font-style: normal;
		}
		.FFInfoDisplayWebProMediumItalic { 
			font-family: FFInfoDisplayWebProMediumItalic;
			font-weight: normal;
			font-style: normal;
		}


	/*---- Selecta Stories Schrift ---*/
		/* Alex Brush */
			@font-face {
				font-family: 'alex_brushregular';
				src: url('/wp-content/themes/childtwentytwelve/webfonts/alex_brush/alexbrush-regular-webfont.woff2') format('woff2'),
					 url('/wp-content/themes/childtwentytwelve/webfonts/alex_brush/alexbrush-regular-webfont.woff') format('woff');
			}
		/* Minion Pro */
			@font-face {
				font-family: 'minion_proregular';
				src: url('/wp-content/themes/childtwentytwelve/webfonts/minion_pro/MinionPro-Regular.woff') format('woff');
			}


	/* Weiße Schriften bei .weiss z.B. im slider */
		.wpb_text_column.wpb_content_element.weiss h1, 
		.wpb_text_column.wpb_content_element.weiss h2, 
		.wpb_text_column.wpb_content_element.weiss h3, 
		.wpb_text_column.wpb_content_element.weiss h4, 
		.wpb_text_column.wpb_content_element.weiss h5, 
		.wpb_text_column.wpb_content_element.weiss p {
			color: #fff !important;
		}
		.text-weiss *, 
		.text-white *, 
		.weiss-text *, 
		.white-text * {
			color: #fff !important;
		}

	/* Buttons white */
		.text-weiss a.vc_btn3, .text-weiss a.vc_btn3:link, .text-weiss a.vc_btn3:visited, 
		.text-white:not(.tulip-circle-row) a.vc_btn3, .text-white:not(.tulip-circle-row) a.vc_btn3:link, .text-white:not(.tulip-circle-row) a.vc_btn3:visited, 
		.weiss-text a.vc_btn3, .weiss-text a.vc_btn3:link, .weiss-text a.vc_btn3:visited, 
		.white-text a.vc_btn3, .white-text a.vc_btn3:link, .white-text a.vc_btn3:visited {
			color: #fff !important;
			border: 2px solid #fff !important;
			background-color: transparent !important;
		}
		.text-weiss a.vc_btn3:hover, .text-weiss a.vc_btn3:focus, .text-weiss a.vc_btn3:active, 
		.text-white:not(.tulip-circle-row) a.vc_btn3:hover, .text-white:not(.tulip-circle-row) a.vc_btn3:focus, .text-white:not(.tulip-circle-row) a.vc_btn3:active, 
		.weiss-text a.vc_btn3:hover, .weiss-text a.vc_btn3:focus, .weiss-text a.vc_btn3:active, 
		.white-text a.vc_btn3:hover, .white-text a.vc_btn3:focus, .white-text a.vc_btn3:active {
			background-color: rgba(255,255,255,.2) !important;
		}

	/* Handlee Schrift Schreibschrift Klasse */
		.wpb_text_column.wpb_content_element.handlee h1, 
		.wpb_text_column.wpb_content_element.handlee h2, 
		.wpb_text_column.wpb_content_element.handlee h3, 
		.wpb_text_column.wpb_content_element.handlee h4, 
		.wpb_text_column.wpb_content_element.handlee h5, 
		.wpb_text_column.wpb_content_element.handlee h6, 
		.wpb_text_column.wpb_content_element.handlee p {
			font-family: 'Handlee', cursive !important;
		}

	/* Hoch- bzw. Tiefgestellt */
		sup {
			top: -.5em;
			top: -.3em;
		}
		sub, sup {
			font-size: 75%;
			line-height: 0;
			position: relative;
			vertical-align: baseline;
			text-decoration: none;
		}

	/* Page title */
		h1.page-title {
			font-family: 'Roboto', sans-serif;
			font-weight: 700; 
			font-style: normal; 
			font-size: 1.2rem;
			line-height: 1.2;
			color: #2A4C9C;
			padding-left: 2%;
			padding-top: 2.4%;
		}

		#footerwidgets li, #footerwidgets p  {
			padding-bottom: .5em;
			font-size: 1rem;
			line-height:1.5em;
			font-family: 'Roboto', sans-serif;
			color: white;
		}

		

	/* Suchergebnisse und Blog Beitragsüberschriften */
		.site-content article .entry-title a {
		    color: #31519c !important;
		    font-size: 1.5rem !important;
		    text-decoration: underline !important;
		}

	/* Blog Übersicht Schriften */
		body.custom-font-enabled {
		    font-family: "Arial Condensed", Helvetica, Arial, sans-serif;
		}


	/* Überschrift Trennungen */
		h1, h2 {
			-moz-hyphens: none;
			-o-hyphens: none;
			-webkit-hyphens: none;
			-ms-hyphens: none;
			hyphens: none;
		}


	/* Footer Schrift kleiner */
		.schrift-kleiner {
			font-size: .75em;
		}



	/* Headlines Smartphone */

		h1, :is(.entry-content, .comment-content, .entry-header, .page-header, .archive-header) :is(h1, h1.entry-title, h1.page-title, h1.archive-title) {
			font-family: 'FFInfoDisplayWebProBold', sans-serif;
			font-weight: normal;
			font-size: 40px;
			font-size: 2.85rem;
		    line-height: 1.2;
			color: #31539c;
			letter-spacing: 1px;
			margin: 0;
			padding: 0;
		}

		h2, :is(.entry-content, .comment-content, .entry-header) h2 {
			font-family: 'FFInfoDisplayWebProBold', sans-serif;
			font-weight: normal;
			font-size: 32px; 
			font-size: 2.3rem;
		    line-height: 1.2;
			color: #2A4C9C;
			letter-spacing: 1px;
			margin: 0;
			padding: 0;
		}
		h3, :is(.entry-content, .comment-content, .entry-header) h3 {
			font-family: 'FFInfoDisplayWebProBold', sans-serif;
			font-weight: normal; 
			font-size: 25px;
			font-size: 1.8rem;
		    line-height: 1.2;
			letter-spacing: 1px;
			color: #2A4C9C;
			margin: 0;
			padding: 0;
		}
		h4, :is(.entry-content, .comment-content, .entry-header) h4 {
			font-family: 'FFInfoDisplayWebProBold', sans-serif;
			font-weight: normal;
			font-size: 20px;
			font-size: 1.6rem;
			letter-spacing: 1px;
		    line-height: 1.2;
			color: #2A4C9C;
			margin: 0;
			padding: 0;
		}
		h5, :is(.entry-content, .comment-content, .entry-header) h5 {
			font-family: 'FFInfoDisplayWebProBold', sans-serif;
			font-weight: normal;
			font-size: 18px;
			font-size: 1.5rem;
			letter-spacing: 1px;
		    line-height: 1.2;
			color: #2A4C9C;
			margin: 0;
			padding: 0;
		}
		h6, :is(.entry-content, .comment-content, .entry-header) h6 {
			font-family: 'FFInfoDisplayWebProBold', sans-serif;
			font-weight: normal;
			font-size: 16px;
			font-size: 1.4rem;
			letter-spacing: 1px;
			color: #2A4C9C;
			margin: 0;
			padding: 0;
		}

		.entry-content .wpb_text_column p, 
		.entry-content .wpb_text_column li, 
		.entry-content .wpb_text_column a {
			font-family: 'Haptic-Light_0_wt', sans-serif;
			color: #555;
			font-size: 20px;
			font-size: 1.4rem;
		}


	/* Headlines Tablet */

		@media screen and (min-width: 420px) {
			h1, :is(.entry-content, .comment-content, .entry-header, .page-header, .archive-header) :is(h1, h1.entry-title, h1.page-title, h1.archive-title) {
			    font-size: 40px;
				font-size: 2.85rem;
			}
			/* body.home h2 {
			    font-size: 40px;
				font-size: 2.85rem;
			}
			body.home h3 {
			    font-size: 30px;
			}
			body.home h4 {
			    font-size: 24px;
			}
			body.home h5 {
				font-size: 20px;
			}
			body.home h6 {
				font-size: 16px;
			} */
		}



	/* Font Colors Categories */
		/* Kinderzimmmer */
		/* Schönes & Nützliches */
			.farbe-schoenes :is(p, h1, h2, h3, h4, h5, h6, li a), 
			.produktvorschau.schoenes h4 {
				color: #95094e !important;
			}
		/* Babywelt */
			.farbe-babywelt :is(p, h1, h2, h3, h4, h5, h6, li a), 
			.produktvorschau.babywelt h4 {
				color: var(--babywelt-color) !important;
			}
		/* Kleinkindwelt */
			.farbe-kleinkind :is(p, h1, h2, h3, h4, h5, h6, li a), 
			.produktvorschau.kleinkind h4 {
				color: var(--kleinkindwelt-color) !important;
			}
		/* Erste Spiele */
			.farbe-erste :is(p, h1, h2, h3, h4, h5, h6, li a), 
			.produktvorschau.erste h4 {
				color: var(--spiel-puzzle-color) !important;
			}
		/* Bellybutton */
			.farbe-belly :is(p, h1, h2, h3, h4, h5, h6, li a), 
			.produktvorschau.belly h4 {
				color: var(--bellybutton-color) !important;
			}
		/* Steiff */
			.farbe-steiff :is(p, h1, h2, h3, h4, h5, h6, li a), 
			.produktvorschau.steiff h4 {
				color: var(--steiff-color) !important;
			}



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

	/*----- General Button Styles -----*/
		/* Button, Submit */button, input[type="submit"], input[type="button"], 
		/* Ninja Forms */body .nf-form-content button, body .nf-form-content input[type=button], body .nf-form-content input[type=submit], 
		/* Header Search */.after-header form input.search-submit[type="submit"], 
		/* WP Bakery Page Builder */#page .vc_btn3-container .vc_general.vc_btn3, #page .vc_btn3-container .vc_btn3, 
		/* Post Grids */.vc_gitem-post-meta-field-Shop.Link *, 
		/**/ .mw-read-more {
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			font-family: 'Haptic-Bold';
			font-size: 1.15em;
			font-size: 1.2rem;
			height: auto;
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
			display: inline-flex;
			justify-content: center;
			align-items: center;
		}
		/* :not(:is(.wpb_wrapper, .vc_gitem-col)) > .vc_btn3-container :is(.vc_general.vc_btn3, .vc_btn3) {
			color: #fff;
			background-color: #6DAB3C;
			border-radius: 15px;
		} */
		body:is(.archive, .search) .vc_btn3-container :is(.vc_general.vc_btn3, .vc_btn3) {
			color: #fff;
			background-color: #6DAB3C;
			border-radius: 15px;
		}
		/* Hover, Focus, Active */
			/* Button */
			button:is(:hover, :focus, :active), 
			/* Input Submit */
			input[type="submit"]:is(:hover, :focus, :active), 
			/* Input Button */
			input[type="button"]:is(:hover, :focus, :active), 
			/* Ninja Forms */
			body .nf-form-content button:is(:hover, :focus, :active), 
			body .nf-form-content input[type=button]:is(:hover, :focus, :active), 
			body .nf-form-content input[type=submit]:is(:hover, :focus, :active), 
			/* Search Form Header */
			.after-header form input.search-submit[type="submit"]:is(:hover, :focus, :active), 
			/* WP Bakery Page Builder */
			#page .vc_btn3-container .vc_btn3:is(:hover, :focus, :active), 
			#page .vc_btn3-container .vc_general.vc_btn3:is(:hover, :focus, :active), 
			/**/ .mw-read-more:is(:hover, :focus, :active) {

			}
		/* Child Elements (i. e. Icons) */
			/* Button */
			button:hover *, button:focus *, button:active *, 
			/* Input Submit */
			input[type="submit"]:hover *, input[type="submit"]:focus *, input[type="submit"]:active *, 
			/* Input Button */
			input[type="button"]:hover *, input[type="button"]:focus *, input[type="button"]:active *, 
			/* Ninja Forms */
			body .nf-form-content button:hover *, body .nf-form-content button:focus *, body .nf-form-content button:active *, 
			body .nf-form-content input[type=button]:hover *, body .nf-form-content input[type=button]:focus *, body .nf-form-content input[type=button]:active *, 
			body .nf-form-content input[type=submit]:hover *, body .nf-form-content input[type=submit]:focus *, body .nf-form-content input[type=submit]:active *, 
			/* Search Form Header */
			.after-header form input.search-submit[type="submit"]:focus *, .after-header form input.search-submit[type="submit"]:focus-within *, 
			.after-header form input.search-submit[type="submit"]:hover *, .after-header form input.search-submit[type="submit"]:active *, 
			/* WP Bakery Page Builder */
			#page .vc_btn3-container .vc_btn3:hover *, #page .vc_btn3-container .vc_btn3:focus *, #page .vc_btn3-container .vc_btn3:active *, 
			#page .vc_btn3-container .vc_general.vc_btn3:hover *, #page .vc_btn3-container .vc_general.vc_btn3:focus *, #page .vc_btn3-container .vc_general.vc_btn3:active * {
			}

		/* Icon on Button */
			#page .vc_btn3-container .vc_btn3 .vc_btn3-icon {
			}
			#page .vc_btn3-container .vc_general.vc_btn3.vc_btn3-icon-right {
				padding-right: 48px;
			}
			#page .vc_btn3-container .vc_general.vc_btn3.vc_btn3-icon-left {
				padding-left: 48px;
			}
			/* Hover */
				/*#page .vc_btn3-container .vc_general.vc_btn3:hover *, 
				#page .vc_btn3-container .vc_general.vc_btn3:focus *, 
				#page .vc_btn3-container .vc_general.vc_btn3:active * {
					color: #fff;
				}*/


/* -------------------- Smart Slider -------------------- */
	/*--------- Link Layer -----------*/
		.link-layer, 
		.link-layer * {
			height: 100%;
			width: 100%;
			display: block;
		}



/* -------------------- FOOTER -------------------- */

	/* Footer Container */
		footer#colophon {
			width: 100vw;
			max-width: none;
			background-color: transparent;
			border: none;
			margin: 0;
			padding: 0;
		}

	/* Footer Wrapper */
		#footerwidgets {
			width: 100vw;
			/*height: 800px;*/
			padding: 20px 0 20px 0;
			margin: 0;
			background-color: #cccccc;
			display: flex;
			align-items: stretch;
			flex-direction: column;
		}

	/* Text Color */
		#footerwidgets p {
			color: #fff;
			padding: 0;
			line-height: 1.7;
		}

	/* Links */
		#footerwidgets p a {
			text-decoration: none;
			color: #eee;
			padding: 0;
			line-height: 1.7;
		}

	/* Footer Widgets */
		.footerwidgets .footer-column {
			width: 100%;
			background-color: #31529c;
		}
		.footerwidgets .footer-column > .footer-column-wrapper {
			padding: 20px;
		}

	/* Media Queries */
		@media screen and (min-width: 1024px){
			/* Footer Wrapper */
				#footerwidgets {
					flex-direction: row;
				}
			/* Footer Widgets */
				.footerwidgets .footer-column {
					width: 25%;
				}
		}



/*----- COPYRIGHT Line -----*/

	/* Copyright Line / Impressum / AGB */
		#copyrightline {
			padding: 35px 20px 180px;
			text-align: center;
			font-size: 16px;
			font-size: 1.15rem;
			background-color: #fff;
		}
		@media screen and (min-width: 600px){
			#copyrightline {
				padding: 35px 20px 140px;
			}
		}

	/* Textwidget */
		#copyrightline>.textwidget:nth-child(2) {
			margin-top: 20px;
		}
		#copyrightline>.textwidget:nth-child(2) p {
			margin-bottom: 5px;
		}
		
	/* Text */
		#copyrightline .textwidget p, 
		#copyrightline .textwidget a {
			font-size: 18px;
			font-size: 1.3rem;
		}





/*-------------------- HOME ----------------------------*/


 
/* toggle menue aus bei responsive ansicht */
	.menu-toggle {
		/*display: none;*/
	}



/* -------------------- Blog ------------------------------*/

	/* Post Grid Hintergrund der Kacheln weiß statt rosa und Rahmen dazu */
		.vc_gitem_row .vc_gitem-col {
			background: #fff;
			border-width: 0px 1px 1px 1px;
			border-color: #f6f6f6;
			border-style: solid;
		}





/* JDK 18.05.2018 */

/* Submenü */

/* .main-navigation .nav-menu>li {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
} */
.main-navigation .nav-menu li > .sub-menu {
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	box-shadow: 5px 5px 10px #555;
	box-shadow: none;
}

.main-navigation .nav-menu li ul li a {
	text-transform: none;
	font-size: 16px;
	font-size: 1.15rem;
}

@media screen and (min-width: 600px) {
	.main-navigation li ul li a {
		padding: 10px 0;
		border: none;
	}
	.main-navigation li ul li {
		border-bottom: 2px dotted #fff !important;
		margin-bottom: 10px;
	}
	.main-navigation li ul {
		border-radius: 0 15px 0 15px;
	}
}




#menu-menu-1>li>ul.sub-menu li {
	min-width: 200px !important;
}
#menu-menu-1>li>ul.sub-menu li a {
	padding: 10px 10px 5px;
	border-radius: 0 10px 0 0;
}


/*------- Abwechselnde Farben -*/
	/* normales Menü mit Rubrikfarben Hover & Submenü */
	/* Selecta Stories */
	/* #site-navigation ul.nav-menu>li:nth-child(1):hover, 
	#site-navigation ul.nav-menu>li:nth-child(1):hover > a, 
	#site-navigation ul.nav-menu>li:nth-child(1):focus, 
	#site-navigation ul.nav-menu>li:nth-child(1):focus > a, 
	#site-navigation ul.nav-menu>li:nth-child(1):active, 
	#site-navigation ul.nav-menu>li:nth-child(1):active > a, 
	#site-navigation ul.nav-menu>li:nth-child(1) .sub-menu, 
	#site-navigation ul.nav-menu>li:nth-child(1) .sub-menu li a {
		background-color: #d1ebef;
		color: #555;
	} */
	/* Ratgeber */
	#site-navigation ul.nav-menu>li.ratgeber:hover, 
	#site-navigation ul.nav-menu>li.ratgeber > a:is(:hover, :focus, :active),
	#site-navigation ul.nav-menu>li.ratgeber .sub-menu, 
	#site-navigation ul.nav-menu>li.ratgeber .sub-menu li a {
		background-color: var(--ratgeber-color);
		color: #000;
	}
	/* Babywelt */
	#site-navigation ul.nav-menu>li.babywelt:hover, 
	#site-navigation ul.nav-menu>li.babywelt > a:is(:hover, :focus, :active), 
	#site-navigation ul.nav-menu>li.babywelt .sub-menu, 
	#site-navigation ul.nav-menu>li.babywelt .sub-menu li a {
		background-color: var(--babywelt-color);
	}
	/* Kleinkindwelt */
	#site-navigation ul.nav-menu>li.kleinkindwelt:hover, 
	#site-navigation ul.nav-menu>li.kleinkindwelt > a:is(:hover, :focus, :active), 
	#site-navigation ul.nav-menu>li.kleinkindwelt .sub-menu, 
	#site-navigation ul.nav-menu>li.kleinkindwelt .sub-menu li a {
		background-color: var(--kleinkindwelt-color);
		color: #000;
	}
	/* Spiel & Puzzle - früher: Erste Spiele */
	#site-navigation ul.nav-menu>li.spiel-puzzle:hover, 
	#site-navigation ul.nav-menu>li.spiel-puzzle > a:is(:hover, :focus, :active), 
	#site-navigation ul.nav-menu>li.spiel-puzzle .sub-menu, 
	#site-navigation ul.nav-menu>li.spiel-puzzle .sub-menu li a {
		background-color: var(--spiel-puzzle-color);
		color: #000;
	}
	/* Tulip's Garden */
	#site-navigation ul.nav-menu>li.tulips-garden:hover, 
	#site-navigation ul.nav-menu>li.tulips-garden > a:is(:hover, :focus, :active), 
	#site-navigation ul.nav-menu>li.tulips-garden .sub-menu, 
	#site-navigation ul.nav-menu>li.tulips-garden .sub-menu li a {
		background-color: var(--tulips-petrol) !important;
	}
	#site-navigation ul.nav-menu>li.tulips-garden>a {
		background-image: url(/wp-content/uploads/flower-coral.svg) !important;
		background-image: url(/wp-content/uploads/tulpe.png) !important;
		background-position: 100% 10% !important;
		background-position: bottom right !important;
		background-size: 35% !important;
		background-repeat: no-repeat !important;
	}
	/* Bellybutton */
	#site-navigation ul.nav-menu>li.bellybutton:hover, 
	#site-navigation ul.nav-menu>li.bellybutton > a:is(:hover, :focus, :active), 
	#site-navigation ul.nav-menu>li.bellybutton .sub-menu, 
	#site-navigation ul.nav-menu>li.bellybutton .sub-menu li a {
		background-color: var(--bellybutton-color);
	}
	/* Steiff */
	#site-navigation ul.nav-menu>li.steiff:hover, 
	#site-navigation ul.nav-menu>li.steiff > a:is(:hover, :focus, :active), 
	#site-navigation ul.nav-menu>li.steiff .sub-menu, 
	#site-navigation ul.nav-menu>li.steiff .sub-menu li a {
		background-color: var(--steiff-color);
	}
	/* Kinderzimmer*/
	#site-navigation ul.nav-menu>li.kinderzimmer:hover, 
	#site-navigation ul.nav-menu>li.kinderzimmer > a:is(:hover, :focus, :active), 
	#site-navigation ul.nav-menu>li.kinderzimmer .sub-menu, 
	#site-navigation ul.nav-menu>li.kinderzimmer .sub-menu li a {
		background-color: var(--kinderzimmer-color);
	}
	/* Produkte */
	#site-navigation ul.nav-menu>li.produkte:hover, 
	#site-navigation ul.nav-menu>li.produkte > a:is(:hover, :focus, :active), 
	#site-navigation ul.nav-menu>li.produkte .sub-menu, 
	#site-navigation ul.nav-menu>li.produkte .sub-menu li a {
		background-color: var(--produkte-color);
		color: #000;
	}
	/* Sprachen */
	#site-navigation ul.nav-menu>li.language:hover, 
	#site-navigation ul.nav-menu>li.language > a:is(:hover, :focus, :active), 
	#site-navigation ul.nav-menu>li.language .sub-menu, 
	#site-navigation ul.nav-menu>li.language .sub-menu li a {
		background-color: var(--selecta-blue);
	}


	li {
		font-family: 'Haptic-Light_0_wt', sans-serif;
	}



/* Hover Submenü */
#site-navigation ul.nav-menu li .sub-menu li:hover {
	background-color: transparent;
}
#site-navigation ul.nav-menu li .sub-menu li a:hover {
	background-color: rgba(255,255,255,.3);
}
/*
#site-navigation ul li .sub-menu li:hover {
	background-color: rgba(49, 82, 156, 0.2);
}
*/


/* Links */

#primary p a, 
#primary p a:visited {
	color: #2A4C9C !important;
	text-decoration: underline;
}

.vc_custom_heading h4 {
	font-size: 28px;
	font-size: 2rem;
}

/* Buttons */
	.vc_btn3-color-white {
		border: 2px solid #fff;
		background-color: rgba(255,255,255,0);
		color: #fff;
	}
	.vc_btn3-color-white:hover {
		background-color: rgba(255,255,255,0.2);
	}

	/* rounded 15px */
		.border-radius-15 a {
			border-radius: 15px !important;
		}


#primary .blog-button a, 
#primary .blog-button a:visited {
	background-color: var(--ratgeber-color) !important;
	/* background-color: #e89705 !important;
	background-color: #b47500 !important;
	background-color: #000 !important; */
	color: #fff !important;
	text-decoration: none;
}

/* Page Header */
.page-header .page-title {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 0;
}


/* Beitragsbild oben weg */
.post .entry-header img, 
.page .entry-header img {
	display: none;
}
.post .entry-header h1 {
	font-size: 40px;
	font-size: 2.9rem;
	margin-bottom: 20px;
}
@media screen and (min-width: 767px){
	.post .entry-header {
		width: 66.66666667%;
		margin: 0 auto;
	}
}
.search-results .post .entry-header {
	width: 100%;
	margin: 0;
}

/* Beitrag Teaser Hintergrund */
.vc_gitem_row.vc_row .vc_gitem-col {
	background-color: #eee;
}

/* Abstand Content oben */
#content {
	/*margin-top: 89px;*/
}
/*.post {
	margin-top: 70px !important;
}*/




/* Slider Pfeile */
.flex-prev, 
.flex-next {
	background-color: rgba(0,0,0,.5);
	border-radius: 50px;
}

.flex-next:before {
	content: url(/wp-content/uploads/pfeil-nachher.png) !important;
}

.flex-prev:before {
	content: url(/wp-content/uploads/pfeil-vorher.png) !important;
}

/* Flexslider */
.flexslider {
	margin: 0 !important;
}
.wpb_gallery_slides, .wpb_flexslider, .flexslider_fade, .flexslider {
	border: none !important;
}


/* Text weiß */

.text-weiss p, 
.text-weiss h1, 
.text-weiss h2, 
.text-weiss h3, 
.text-weiss h4, 
.text-weiss h5, 
.text-weiss h6, 
.text-weiss li, 
.text-weiss a {
	color: #fff;
}

/* Abstand h2 zu Icon Altersbutton */
.text-weiss h2 {
	padding-right: 60px;
}


/************* Altersbuttons ************/
.null-monate:after {
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_0.png);
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_0-rand.png);
	position: absolute;
    right: 10px;
    top: 10px;
    height: 60px;
    width: 60px;
    z-index: 10;
}
.drei-jahre:after, 
.drei-monate:after {
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_3.png);
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_3-rand.png);
	position: absolute;
    right: 10px;
    top: 10px;
    height: 60px;
    width: 60px;
    z-index: 10;
}
.sechs-monate:after {
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_6.png);
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_6-rand.png);
	position: absolute;
    right: 10px;
    top: 10px;
    height: 60px;
    width: 60px;
    z-index: 10;
}
.zehn-monate:after {
	content: url(/wp-content/uploads/Selecta_Altersbutton_10.png);
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_10-rand.png);
	position: absolute;
    right: 10px;
    top: 10px;
    height: 60px;
    width: 60px;
    z-index: 10;
}
.zwoelf-monate:after {
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_12.png);
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_12-rand.png);
	position: absolute;
    right: 10px;
    top: 10px;
    height: 60px;
    width: 60px;
    z-index: 11;
}
.achtzehn-monate:after {
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_18.png);
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_18-rand.png);
	position: absolute;
    right: 10px;
    top: 10px;
    height: 60px;
    width: 60px;
    z-index: 11;
}
.einundzwanzig-monate:after {
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_21.png);
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_21-rand.png);
	position: absolute;
    right: 10px;
    top: 10px;
    height: 60px;
    width: 60px;
    z-index: 11;
}
.vierundzwanzig-monate:after {
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_24.png);
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_24-rand.png);
	position: absolute;
    right: 10px;
    top: 10px;
    height: 60px;
    width: 60px;
    z-index: 11;
}
.dreissig-monate:after {
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_30.png);
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_30-rand.png);
	position: absolute;
    right: 10px;
    top: 10px;
    height: 60px;
    width: 60px;
    z-index: 11;
}
.dreieinhalb-jahre:after {
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_3-einhalb-rand.png);
	position: absolute;
    right: 10px;
    top: 10px;
    height: 60px;
    width: 60px;
    z-index: 11;
}
.vier-jahre:after {
	content: url(/wp-content/uploads/2018/06/Selecta_Altersbutton_4-rand.png);
	position: absolute;
    right: 10px;
    top: 10px;
    height: 60px;
    width: 60px;
    z-index: 11;
}




/* Slider */
.wpb_gallery_slides.wpb_flexslider.flexslider_fade.flexslider {
    overflow: hidden;
}


/* Buttons Farbe */
.button-kinderzimmer>a, 
.button-kinderzimmer>button {
	background-color: var(--kinderzimmer-color) !important;
}
.button-kleinkind>a, 
.button-kleinkind>button {
	background-color: var(--kleinkindwelt-color) !important;
}
.button-babywelt>a, 
.button-babywelt>button {
	background-color: var(--babywelt-color) !important;
}
.button-erste-spiele>a, 
.button-erste-spiele>button {
	background-color: var(--spiel-puzzle-color) !important;
}
.button-belly>a, 
.button-belly>button {
	background-color: var(--bellybutton-color) !important;
}


/* Produktvorschau */
.produktvorschau h4 {
	margin: 10px 0 !important;
}
.produktvorschau .wpb_single_image {
	margin-bottom: 10px !important;
}
.produktvorschau .wpb_text_column {
	margin-top: 10px;
    margin-bottom: 10px;
}

.produktvorschau .vc_column_container>.vc_column-inner {
	padding: 20px !important;
}

.produktvorschau .vc_btn3-container.vc_btn3-inline {
	margin-bottom: 0;
}



/* STARTSEITE */
/* Teaser Felder */
.teaser-felder .vc_column-inner .wpb_text_column {
	padding-top: 20px;
	padding-bottom: 15px;
	margin-bottom: 0;
}
.teaser-felder h4 {
	margin-top: 0;
}
@media screen and (max-width: 978px){
	.teaser-felder h4 {
		height: 56px;
	}
}
@media screen and (max-width: 767px){
	.teaser-felder h4 {
		height: unset;
	}
}

/*
.teaser-felder .vc_column_container>.vc_column-inner {
	padding: 0 !important;
}
*/

/* Icons */
.icons {
	padding-bottom: 40px;
}

.icons .vc_single_image-wrapper {
    width: 60px;
    height: auto;
}

.icons .vc_column-inner>.wpb_wrapper {
	border: 4px solid #ccc;
	padding: 30px 20px;
}
.icons .vc_column_container:nth-child(2) .vc_column-inner>.wpb_wrapper {
	border-left: none;
	border-right: none;
}


@media screen and (min-width: 768px){
	.icons .vc_column-inner>.wpb_wrapper {
		height: 275px;
	}
}
@media screen and (min-width: 958px){
	.icons .vc_column-inner>.wpb_wrapper {
		height: 245px;
	}
}
@media screen and (max-width: 768px){
	.icons .vc_column-inner>.wpb_wrapper {
		margin-bottom: 20px;
	}
}

/* Wrapper Test */
.wpb_wrapper {
    width: 100%;
}




/********* HEADER **********/
/* Sprachen */
.sprachen>a {
    position: fixed;
    top: 5px;
	right: 10px;
    height: 25px;
    width: 25px;
	display: block;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.sprachen>a#de {
	background-image: url(/wp-content/uploads/2018/06/Deutschland-quadr.jpg);
}

.sprachen>a:hover {
	opacity: .6;
}

/* Sprache im Menü */
/* Deutschland Flagge */
#menu-menu-1>li:last-child>a:before {
	content: "";
	background-image: url(/wp-content/uploads/2018/06/Deutschland.jpg);
	background-image: url(/wp-content/uploads/2018/07/Deutschland-rand.jpg);
	width: 75px;
	height: 15px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	position: absolute;
	left: 0;
	top: 20px;
}

/********** Flaggen Submenü **********/
/* Großbritanien Flagge */
#menu-menu-1>li:last-child>.sub-menu>li:first-child>a:before {
	content: "";
	background-image: url(/wp-content/uploads/2018/06/Grossbritanien.jpg);
	background-image: url(/wp-content/uploads/2018/07/Grossbritanien-rand.jpg);
	width: 32px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	position: absolute;
	left: 15px;
	top: 15px;
}
/* Frankreich Flagge */
#menu-menu-1>li:last-child>.sub-menu>li:nth-child(2)>a:before {
	content: "";
	background-image: url(/wp-content/uploads/2018/06/Frankreich.jpg);
	background-image: url(/wp-content/uploads/2018/07/Frankreich-rand.jpg);
	width: 32px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	position: absolute;
	left: 15px;
	top: 15px;
}
/* Niederlande Flagge */
#menu-menu-1>li:last-child>.sub-menu>li:nth-child(3)>a:before {
	content: "";
	background-image: url(/wp-content/uploads/2018/06/Niederlande.jpg);
	background-image: url(/wp-content/uploads/2018/07/Niederlande-rand.jpg);
	width: 32px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	position: absolute;
	left: 15px;
	top: 15px;
}





/**** Rubrikseiten ****/

@media screen and (min-width: 767px){
	.icons-column {
		padding-left: 20px !important;
	}
}
.icons-column .vc_column-inner {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.icons-column p {
    font-family: 'Handlee' !important;
}


/* Titelbild volle Breite und Abstände */
.titelbild .vc_single_image-wrapper, .titelbild .vc_single_image-img.attachment-full {
    width: 100% !important;
}
@media screen and (min-width: 767px){
	.titelbild .vc_column-inner {
		padding-right: 0 !important;
	}
}


/* Row / Reihe Abstand weg */
.vc_row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

@media screen and (max-width: 767px){
	.vc_row.vc_column-gap-20>.vc_column_container {
		padding: 0 !important;
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 767px){
	.vc_row.vc_column-gap-20>.vc_column_containe {
		padding: 10px !important;
		margin-bottom: 0;
	}
}


/* Titelbild *//*
.titelbild .wpb_column {
	padding: 0 !important;
}
.titelbild .vc_column-inner {
	padding-left: 0 !important;
}
*/

.titelbild .vc_column_container>.vc_column-inner, 
.vc_column-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}


/* Produktvorschau */
.produktvorschau {
	margin-bottom: 15px;
}

@media screen and (min-width: 767px){
	.produktvorschau.vc_row.vc_column-gap-20>.vc_column_container {
		padding: 0 15px 0 0 !important;
	}
	.produktvorschau {
		margin-right: -15px !important;
	}
}

/* Article */
article {
	width: 90%;
	padding: 0 !important;
	margin: 0 5% !important;
}
@media screen and (min-width: 1200px){
	article {
		max-width: 1200px;
		padding: 0 !important;
		margin: 0 auto !important;
	}
	.wpb_wrapper {
		max-width: 1200px;
		margin: 0 auto;
	}
}


/* Produktseite */
.text-weiss>.vc_column-inner {
	padding: 15px !important;
}

.vc_row.wpb_row.vc_row-fluid.vc_custom_1528125906484.vc_row-has-fill.vc_row-o-equal-height.vc_row-flex>.wpb_column.vc_column_container.vc_col-sm-6:first-child {
	padding: 15px !important;
}


/* Suchergebnisse / Search results */
.search-results article {
	margin-bottom: 50px !important;
}
.search-results article mark {
	color: unset !important;
}





/***** Beiträge / Posts Navi *****/
.site-content nav {
	width: 90%;
    max-width: 1200px;
    margin: 0 auto;
	overflow: visible;
	margin-bottom: 100px;
}

.nav-previous, 
.nav-next {
	width: unset;
}

.nav-single>span>a {
	background-color: rgba(49,82,156,1);
	padding: 15px;
	color: #fff;
	border-radius: 5px;
	/*max-width: 320px;*/
	white-space: nowrap;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}
.nav-single>span>a:hover {
	background-color: rgba(49,82,156,.7);
}

@media screen and (max-width: 720px){
	.site-content .nav-single span, 
	.site-content .nav-single span a {
		width: 100%;
		clear: both;
		max-width: none;
	}
	.site-content nav {
		margin-bottom: 150px;
	}
}

@media screen and (min-width: 1100px){
	.site-content .nav-single span, 
	.site-content .nav-single span a {
		/*max-width: 400px;*/
	}
}


/* Listen Abstand */
	.entry-content li, .comment-content li, .mu_register li {
		margin: 0 0 0 1.571429rem;
	}





/*------------------------ Post Grid for Page Teaser -------------------------*/

	.vc_grid.vc_row {
		margin-bottom: 30px !important;
	}
	.vc_gitem_row.vc_row .vc_gitem-col {
		background-color: transparent;
	}

	.vc_gitem-row-position-bottom, 
	.vc_gitem-row-position-top {
		position: static !important;
	}
	.vc-gitem-zone-height-mode-auto:before {
		padding-top: 0 !important;
	}

	.vc_gitem_row .vc_gitem-col {
		border: none !important;
	}

	.vc_custom_heading.vc_gitem-post-data>div {
		font-family: 'FFInfoDisplayWebProBold', sans-serif !important;
		font-size: 20px;
		font-size: 1.4rem;
	}

	.vc_gitem-post-meta-field-Maße {
		font-family: 'Haptic-Light_0_wt', sans-serif;
		font-size: 18px;
		font-size: 1.3rem;
	}

	.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
		margin-bottom: 0 !important;
	}

	.vc_grid .vc_grid-item .vc_gitem_row.vc_row.vc_gitem-row-position-bottom .vc_gitem-col {
		padding: 0 30px 0 20px !important;
	}

	.vc_grid .vc_grid-item .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col {
		padding: 20px 20px 0 20px !important;
	}


	/*----- Buttons -----*/
		
		/* Details Button */
			.produkt-buttons {
				padding-bottom: 20px !important;
			}
			.produkt-buttons .vc_gitem-col:first-child {
				width: 110px;
				margin-right: 10px;
				padding-right: 0 !important;
			}
			.produkt-buttons .vc_gitem-col:first-child a {
				width: 100px;
				padding: 15px 0 !important;
				text-align: center;
			}

		/* Im Shop Ansehen Button */
			.produkt-buttons .vc_gitem-col:nth-child(2) {
				width: 175px;
				padding-left: 0 !important;
			}
			.produkt-buttons .vc_gitem-col:nth-child(2)>div {
				text-align: center;
				color: #fff;
				width: 175px;
				font-size: 14px;
				font-size: 1rem;
				padding: 12px 0 !important;
			}
			.produkt-buttons .vc_gitem-col:nth-child(2) a {
				position: absolute;
				width: 175px;
				display: block;
				height: 50px;
				margin-top: -37px;
				margin-bottom: -12px;
			}

			/* category colors */
				.produkt-buttons.produkt-buttons-kleinkind .vc_gitem-col:nth-child(2)>div {
					background-color: var(--kleinkindwelt-color);
				}
				.produkt-buttons.produkt-buttons-schoenes .vc_gitem-col:nth-child(2)>div {
					background-color: #95094e;
				}
				.produkt-buttons.produkt-buttons-babywelt .vc_gitem-col:nth-child(2)>div {
					background-color: var(--babywelt-color);
				}
				.produkt-buttons.produkt-buttons-erste .vc_gitem-col:nth-child(2)>div {
					background-color: var(--spiel-puzzle-color);
				}
				.produkt-buttons.produkt-buttons-belly .vc_gitem-col:nth-child(2)>div {
					background-color: var(--bellybutton-color);
				}
				.produkt-buttons.produkt-buttons-steiff .vc_gitem-col:nth-child(2)>div {
					background-color: var(--steiff-color);
				}
				.produkt-buttons.produkt-buttons-neuheiten .vc_gitem-col:nth-child(2)>div {
					background-color: var(--produkte-color) !important;
				}
				.green{
					color: var(--produkte-color) !important;
				}

			@media screen and (max-width: 1160px){

				/* break shop button */
					.produkt-buttons .vc_gitem-row-position-top>.vc_gitem-col:nth-child(2) {
						clear: both;
					}

			}
		
		/* Smart Slider 3 Button */
			.slider-button a {
				font-family: 'Haptic-Bold', sans-serif !important;
				border-radius: 15px !important;
			}
			@media screen and (max-width: 600px){
				.slider-button {
					margin-top: 5px;
				}
				.slider-button a {
					padding: 5px 20px 3px !important;
				}
			}
			@media screen and (max-width: 350px){
				.slider-button {
					margin-left: -5px;
				}
			}
			@media screen and (min-width: 1200px){
				.slider-button a {
					font-size: 24px !important;
					font-size: 1.7rem !important;
					padding: 15px 50px 12px !important;
				}
			}


/*------------------------ Posts Ratgeber -------------------------*/

	/*----- Post Grid -----*/

		.ratgeber .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col, 
		.ratgeber .vc_grid .vc_grid-item .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col {
			padding: 0 !important;
		}
		.ratgeber .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col .wpb_single_image.wpb_content_element {
			margin-bottom: 0 !important;
		}
		.ratgeber .vc_grid .vc_grid-item:nth-child(3) .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col img, 
		.ratgeber .vc_grid .vc_grid-item:nth-child(6) .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col img, 
		.ratgeber .vc_grid .vc_grid-item:nth-child(9) .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col img, 
		.ratgeber .vc_grid .vc_grid-item:nth-child(12) .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col img, 
		.ratgeber .vc_grid .vc_grid-item:nth-child(15) .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col img, 
		.ratgeber .vc_grid .vc_grid-item:nth-child(18) .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col img, 
		.ratgeber .vc_grid .vc_grid-item:nth-child(21) .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col img, 
		.ratgeber .vc_grid .vc_grid-item:nth-child(24) .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col img, 
		.ratgeber .vc_grid .vc_grid-item:nth-child(27) .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col img {
			border-top: none !important;
		}

		.ratgeber .vc_custom_heading, 
		.ratgeber .vc_custom_heading.vc_gitem-post-data-source-post_excerpt, 
		.ratgeber .vc_btn3-container {
			padding: 0 15px;
		}

		/* Post Title */
			.ratgeber .vc_grid h4 {
				margin: 20px 0;
			}

		/* Post Excerpt %%%%%% */
			.ratgeber .vc_grid p {
				color: #555;
				font-family: 'Haptic-Light_0_wt', sans-serif;
				font-size: 18px;
				font-size: 1.3rem !important;
			}









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

		#social-buttons {
			position: fixed;
			top: unset;
			bottom: 80px;
			right: 15px;
			display: flex;
			flex-direction: column;
			z-index: 9997;
			row-gap: 8px;
		}
		#social-buttons a {
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 200px;
			aspect-ratio: 1 / 1;
			background-color: var(--selecta-blue);
			width: 40px;
			height: 40px;
		}
		#social-buttons a img {
			width: 90%;
			height: auto;
		}

		/* Facebook */
			#social-buttons a.fb {
				background-color: transparent;
			}
			#social-buttons a.fb img {
				width: 100%;
			}
		/* Instagram */
			#social-buttons a.insta {
				background-color: #fff;
			}
			#social-buttons a.insta img {
				width: 70%;
			}
		/* YouTube */
			#social-buttons a.youtube {
				background-color: #ff0000;
			}
			#social-buttons a.youtube img {
				width: 75%;
			}
		/* Pinterest */
			#social-buttons a.pinterest {
				background-color: #fff;
			}
			#social-buttons a.pinterest img {
				width: 100%;
			}

		/* #social-buttons a.fb, 
		#social-buttons a.insta, 
		#social-buttons a.pinterest,
		#social-buttons a.youtube,
		#social-buttons a.google{
			margin-left: -100px;
		} */
		#social-buttons a:is(:hover, :focus, :active) {
			opacity: .8;
		}


		.hidden {
			display: none;
		}






/*------------------------ iframes -------------------------*/

	/* Puzzle iframe */
		.puzzle-embed-container {
			position: relative; 
			padding-bottom: 85%; /* ratio 16x9 */
			height: 0; 
			overflow: hidden; 
			width: 100%;
			height: auto;
		}
		.puzzle-embed-container iframe {
			position: absolute; 
			top: 0; 
			left: 0; 
			width: 100%; 
			height: 100%; 
		}

	/* Memo iframe */
		.memo-embed-container {
			position: relative; 
			padding-bottom: 56.25%; /* ratio 16x9 */
			height: 0; 
			overflow: hidden; 
			width: 100%;
			height: auto;
		}
		.memo-embed-container iframe {
			position: absolute; 
			top: 0; 
			left: 0; 
			width: 100%; 
			height: 100%; 
		}


	/* iframes iOS valide */
		iframe.i-amphtml-fill-content {
			height: 0 !important;
			max-height: 100% !important;
			max-width: 100% !important;
			min-height: 100% !important;
			min-width: 100% !important;
			width: 0 !important;
		}
		.amp-active-iframe {
			height: 0 !important;
			max-height: 100% !important;
			max-width: 100% !important;
			min-height: 100% !important;
			min-width: 100% !important;
			width: 0 !important;
		}


	/*----- responsive iFrame -----*/
		embed, iframe, object {
			max-width: 100%;
		}
		.embed-container {
			position: relative; 
			padding-bottom: 56.25%; /* ratio 16x9 */
			height: 0; 
			overflow: hidden; 
			width: 100%;
			height: auto;
		}
		.embed-container iframe {
			position: absolute; 
			top: 0; 
			left: 0; 
			width: 100%; 
			height: 100%; 
		}
		/* ratio 4x3 */
		.embed-container.ratio4x3 {
			padding-bottom: 82%;
		}




/*-------------------- BACK TO TOP --------------------------*/

	#totop {
		right: 15px;
		bottom: 20px;
		height: 40px;
		width: 40px;
		z-index: 9998;
		background-image: url(/wp-content/uploads/2018/06/totop.png);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}





/* -------------------- COOKIE CONSENT -------------------- */

	/* Cookie Consent */
		#cookieChoiceInfo {
			z-index: 9999 !important;
		}







/*--------- Search Selecta Stories ---------------*/

	.search #main article {
		max-width: 1200px !important;
	}
	.search #main article header.entry-header {
		display: block;
	}

	/* Selecta Stories */
	/*.search #main article.category-selecta-stories-kategorie, 
	.search #main article#post-6737 {
		display: none;
	}*/



/*------------------------------- Search Results / Archives ------------------------------*/

	/*--- Archive Header ---*/
		header:is(.page-header, .archive-header) h1 {
			text-align: center;
			padding: 0 20px;
		}

	/* Post Title */
		body.search-results #content > article .search-post-title, 
		body.archive #content > article .archive-post-title {
			font-size: 1.7em;
			margin-bottom: 30px;
		}

/*--------- Search Results Page --------*/

/* No Search Results */
    body.search-no-results .entry-content * {
        text-align: center;
    }

/* post container */
    body.search-results .post-container {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }
    body.search-results .post-container > *:not(:last-child), 
	body.archive .post-container > *:not(:last-child) {
        margin-bottom: 10px;
    }

    /* post image */
        /* body.search-results .post-container .archive-post-thumbnail :is(a, img), 
        body.archive .post-container .archive-post-thumbnail :is(a, img) {
            max-width: 100%;
        } */

    /* post title */
        body.search-results .search-post-title, 
        body.archive .archive-post-title {
            font-size: 1.5em;
            margin: 0 0 30px;
        }
        body.search-results .search-post-title a, 
        body.archive .archive-post-title a {
        }
        body.search-results .search-post-title a:hover, 
        body.search-results .search-post-title a:focus, 
        body.search-results .search-post-title a:active, 
        body.archive .archive-post-title a:hover, 
        body.archive .archive-post-title a:focus, 
        body.archive .archive-post-title a:active {
        }
    /* post excerpt */
        body:is(.search-results, .archive) :is(.search-post-excerpt, .archive-post-excerpt) {
            font-size: 1em;
            margin: 0;
			line-height: 1.4;
			/* display: none; */
        }
	/* button - post link */
        /* body.search-results .vc_btn3-container, 
        body.archive .vc_btn3-container {
			display: none;
		} */








/*--------------------------- NEW HOMEPAGE --------------------------------------------*/
/* Neue Startseite */

	/* Container */
		.home #primary.site-content article, 
		article.category-selecta-stories-kategorie {
			max-width: 1920px !important;
			/*width: 100%;*/
		}

		/*.home .entry-content {
			padding: 0 20px;
		}*/

		.home #primary.site-content .wpb_wrapper {
			max-width: none !important;
		}


	/* Paragraph / Text width */
		.entry-content .wpb_text_column p {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
		}

	/* TV-Spots */
		.home #tv-spots .wpb_video_widget {
			overflow: hidden;
		}

	/* Icons */
		.home .icon.wpb_single_image {
			display: inline-block;
			border-radius: 100% !important;
			margin-left: calc(50% - 70px);
		}

	/* Selecta Logo in front of Schmidt SPiele Logo from YouTube Channel */
		.logo-tv-spot.wpb_single_image {
			position: relative;
			height: 0;
			padding: 0;
			margin: 0;
			left: 12px;
			top: 0px;
			z-index: 10;
		}
		.logo-tv-spot.wpb_single_image figure {
			width: 25px;
			background-color: #fff;
			background-color: #0c52a0;
			/*border-radius: 100%;*/
			border-radius: 5px 0px 0px 0px;
			padding: 0px 8px;
			overflow: hidden;
		}

		@media screen and (min-width: 1100px){
			.logo-tv-spot.wpb_single_image figure {
				width: 40px;
				padding: 0px;
			}
		}

	/* Buttons */
		.home a.vc_general.vc_btn3 {
			font-family: 'Haptic-Bold', sans-serif !important;
			text-transform: uppercase;
			font-size: 16px !important;
			font-size: 1.15rem !important;
			padding-top: 18px;
		}
		.home a.vc_general.vc_btn3 i:before {
			font-size: 16px !important;
			font-size: 1.15rem !important;
		}
		@media screen and (min-width: 768px){
			.home a.vc_general.vc_btn3, 
			.home a.vc_general.vc_btn3 i:before {
				font-size: 20px !important;
				font-size: 1.4rem !important;
			}
		}
		@media screen and (min-width: 1024px){
			.home a.vc_general.vc_btn3, 
			.home a.vc_general.vc_btn3 i:before {
				font-size: 28px !important;
				font-size: 2rem !important;
			}
		}
		/*.categories-grid a, .categories-grid a:link, .categories-grid a:visited, 
		.categories-grid a i:before, .categories-grid a:link i:before, .categories-grid a:visited i:before {
			font-size: 16px !important;
		}*/





	/*------ Selecta Stories ------*/

		/* Inner Columns */
			.story_container .vc_column-inner {
				padding: 0;
			}

		/* Text Container */
			.story_container .wpb_text_column {
				padding: 0 20px;
			}

		/* Hanna Hoppel */
			.story_container>.wpb_column:nth-child(1) .wpb_single_image {
				margin-bottom: 0;
			}
			.story_container>.wpb_column:nth-child(1) img {
				width: 150px;
			}

		/* Homepage Button */
			.story_container .vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-white, 
			.story_container .vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-white:link, 
			.story_container .vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-white:visited {
				color: #555 !important;
				background-color: #fff !important;
				border-radius: 15px !important;
			}
			/* Hover */
				.story_container .vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-white:hover, 
				.story_container .vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-white:focus, 
				.story_container .vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-white:active {
					background-color: #ddd !important;
				}

		/* Hearts pulsating */
			.story_container>.wpb_column:nth-child(3) .wpb_single_image {
				margin-bottom: 0px;
			}
			.story_container>.wpb_column:nth-child(3) img {
				width: 150px;
			}
			/* animation pulsate */
				.anim_pulse img {
					animation-name: anim_pulse;
					animation-duration: 3s;
					animation-iteration-count: infinite;
					animation-timing-function: linear;
				}
				@keyframes anim_pulse {
					0% { transform: scale(1); }
					50% { transform: scale(1.2); }
					100% { transform: scale(1); }
				}







/*------------------------------- Search Results / Archives ------------------------------*/

    body:is(.search-results, .archive) #content > article {
        max-width: 1000px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 50px !important;
    }
    body:is(.search-results, .archive) #content > article:not(:last-child) {
        border-bottom: 1px solid #ededed;
        padding-bottom: 25px !important;
    }

    /* Post Title */
        body:is(.search-results, .archive) #content > article .archive-post-title {
            font-size: 1.7em;
            margin-bottom: 30px;
        }




/*----- 404 Page -----*/

    .error404 article {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }

    .error404 .entry-content * {
        text-align: center;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }



/*--------- Search Results Page --------*/

    /* No Search Results */
        body.search-no-results .entry-content * {
            text-align: center;
        }

    /* post container */
        body.search-results .post-container {
            width: 100%;
            max-width: 800px;
            margin: 0 auto;
        }
        body.search-results .post-container > * {
            width: 100%;
            max-width: 800px;
        }

        /* post title */
            body.search-results .search-post-title, 
            body.archive .archive-post-title {
                font-size: 1.5em;
                margin: 0 0 30px;
            }
            body.search-results .search-post-title a, 
            body.archive .archive-post-title a {
                color: #484847;
                color: var(--grey);
            }
            body:is(.search-results, .archive) .search-post-title a:is(:hover, a:focus, a:active) {
                color: #a6a6a6;
                color: var(--light-grey);
            }
        /* post excerpt */
            body.search-results .search-post-excerpt, 
            body.archive .archive-post-excerpt {
                font-size: 1em;
                margin: 0 0 30px;
            }







/*----------------- Video Grid ----------------*/

	/* Container */
		.video-grid {
			margin: 0;
		}

	/* Font Color */
		.video-grid p, 
		.video-grid h1, 
		.video-grid h2, 
		.video-grid h3, 
		.video-grid h4, 
		.video-grid h5, 
		.video-grid h6 {
			color: #000 !important;
		}

	/* Headlines */
		.video-grid h3 {
			margin-top: 15px;
		}

	/* Separator */
		.video-grid .vc_row .vc_separator {
			margin: 30px 0;
			border-color: #a4dc97;
		}

	/* Buttons */
		.video-grid .vc_row .vc_btn3-container {
			margin-bottom: 0;
		}
		.video-grid a, 
		.video-grid a:link, 
		.video-grid a:visited {
			margin: 30px 0 20px;
			background-color: #fff;
			border-radius: 15px;
			color: #a4dc97;
		}
		/* Hover */
			.video-grid a:hover, 
			.video-grid a:focus, 
			.video-grid a:active {
				background-color: rgba(255, 255, 255, .7);
			}

	/* Video Border */
		/* Gravurservice */
		/*.video-grid .wpb_wrapper>.vc_row:nth-child(1)>.wpb_column:nth-child(2) .wpb_raw_html > .wpb_wrapper*/
		.video-grid .wpb_wrapper>.vc_row:nth-child(1)>.wpb_column:nth-child(2) .wpb_content_element {
			border: 10px solid rgb(164, 220, 151);
		}

	/* Text Container */
		.video-grid .vc_row .wpb_text_column {
			margin-bottom: 0;
		}

			/* gap between rows */
				.video-grid .vc_row {
					margin: 0 0 80px;
				}

			.video-grid .vc_row .vc_column-inner {
				padding-top: 0;
			}

			.video-grid .vc_row .vc_single_image-wrapper {
				width: 100%;
			}

			/* Background Color Element */
				.video-grid .vc_row .wpb_column .vc_column-inner .background_color {
					content: '';
					box-sizing: content-box;
					position: absolute;
					z-index: -1;
					top: 0;
					width: 160%;
					height: 100%;
					border-radius: 20px;
					padding: 20px 0;
					margin: -20px 0 0;
				}


		/*----- Layout 2 (Video right) ------*/

			/*------ Content Column (left) -----*/
				.video-grid .vc_row .wpb_column:nth-child(1)>.vc_column-inner {
					position: absolute;
				}

				.video-grid .vc_row .wpb_column:nth-child(1)>.vc_column-inner .background_color {
					left: 0;
				}

				/* Text & Button Container */
					.video-grid .vc_row .wpb_text_column, 
					.video-grid .vc_row .vc_btn3-container {
						margin-left: 40px;
					}

			/*----- Image Column (right) ------*/
				.video-grid .vc_row .wpb_column:nth-child(2)>.vc_column-inner {
					position: relative;
					z-index: 10;
					border-radius: 100%;
				}
				.video-grid .vc_row .wpb_column:nth-child(2) .wpb_content_element {
					width: 80% !important;
					height: 0;
					padding-bottom: 80%;
					/*padding-bottom: 80%;*/
					/*border: 5px solid darkorange;*/
					background-color: #fff;
					border-radius: 100%;
					overflow: hidden;
					float: right;
					position: relative;
					z-index: 10;
				}
				.video-grid .vc_row .no-border {
					border: none !important;
				}
				.video-grid .vc_row .wpb_column:nth-child(2) .wpb_content_element > .wpb_wrapper {
					width: calc(100% + 10px);
					margin-left: -5px;
					margin-right: -5px;
					margin-top: -5px;
					position: relative;
					z-index: 9;
					/*height: 0;
					padding-top: 50%;
					padding-bottom: 50%;
					max-width: none !important;
					display: flex;
					justify-content: center;
					align-items: center;*/
				}

				.video_circle, .video_circle * {
					border-radius: 100%;
					width: 100%;
					height: auto;
					margin: 0 !important;
				}












/*----------------- Category Grid ----------------*/

	/* Container */
		.categories-grid {
			margin: 0;
		}

	/* Font Color */
		.categories-grid p, 
		.categories-grid h1, 
		.categories-grid h2, 
		.categories-grid h3, 
		.categories-grid h4, 
		.categories-grid h5, 
		.categories-grid h6 {
			color: #fff !important;
		}

	/* Headlines */
		.categories-grid h3 {
			margin-top: 15px;
		}

	/* Separator */
		.categories-grid .vc_row .vc_separator {
			margin: 30px 0;
		}

	/* Buttons */
		.categories-grid .vc_row .vc_btn3-container {
			margin-bottom: 0;
		}
		.categories-grid a, 
		.categories-grid a:link, 
		.categories-grid a:visited {
			margin: 30px 0 20px;
			background-color: #fff;
			border-radius: 15px;
		}
		/* Hover */
			.categories-grid a:hover, 
			.categories-grid a:focus, 
			.categories-grid a:active {
				background-color: rgba(255, 255, 255, .7);
			}

	/* Images */
		.categories-grid .wpb_single_image {
			margin-bottom: 0;
		}

	/* Image Borders */
		/* Ratgeber */
		.categories-grid .wpb_wrapper>.vc_row:nth-child(1)>.wpb_column:nth-child(1) .vc_figure {
			border: 10px solid rgb(248, 169, 27);
		}
		/* Babywelt */
		.categories-grid .wpb_wrapper>.vc_row:nth-child(2)>.wpb_column:nth-child(2) .vc_figure {
			border: 10px solid rgb(222, 0, 103);
		}
		/* Kleinkindwelt */
		.categories-grid .wpb_wrapper>.vc_row:nth-child(3)>.wpb_column:nth-child(1) .vc_figure {
			border: 10px solid rgb(0, 157, 178);
		}
		/* Erste Spiele */
		.categories-grid .wpb_wrapper>.vc_row:nth-child(4)>.wpb_column:nth-child(2) .vc_figure {
			border: 10px solid rgb(146, 144, 198);
		}
		/* bellybutton */
		.categories-grid .wpb_wrapper>.vc_row:nth-child(5)>.wpb_column:nth-child(1) .vc_figure {
			border: 10px solid rgb(111, 96, 88);
		}
		/* Schönes & Nützliches */
		.categories-grid .wpb_wrapper>.vc_row:nth-child(6)>.wpb_column:nth-child(2) .vc_figure {
			border: 10px solid rgb(149, 9, 78);
		}

	/* Text Container */
		.categories-grid .vc_row .wpb_text_column {
			margin-bottom: 0;
		}



	/*---------- LAYOUTS ----------*/

			/* gap between rows */
				.categories-grid .vc_row {
					margin: 0 0 80px;
				}

			.categories-grid .vc_row .vc_column-inner {
				padding-top: 0;
			}

			.categories-grid .vc_row .vc_single_image-wrapper {
				width: 100%;
			}

			/* Selecta Icon */
				.selecta_icon {
					position: absolute;
					top: -65px;
					left: unset;
					right: 0;
					width: 125px;
				}

			/* Background Color Element */
				.categories-grid .vc_row .wpb_column .vc_column-inner .background_color {
					content: '';
					box-sizing: content-box;
					position: absolute;
					z-index: -1;
					top: 0;
					width: 160%;
					height: 100%;
					border-radius: 20px;
					padding: 20px 0;
					margin: -20px 0 0;
				}

			.categories-grid .vc_row:nth-child(2n+1) .wpb_column:nth-child(1) figure, 
			.categories-grid .vc_row:nth-child(2n+2) .wpb_column:nth-child(2) figure {
				box-sizing: content-box;
			}
			
		/*----- Layout 1 (Image left) ------*/

			/*----- Image Column (left) ------*/
				.categories-grid .vc_row:nth-child(2n+1) .wpb_column:nth-child(1)>.vc_column-inner {
					position: relative;
					z-index: 10;
					border-radius: 100%;
				}
				.categories-grid .vc_row:nth-child(2n+1) .wpb_column:nth-child(1) figure {
					width: 80% !important;
					height: 0;
					width: auto;
					padding-bottom: 80%;
					/*border: 5px solid darkorange;*/
					background-color: #fff;
					border-radius: 100%;
					overflow: hidden;
				}
				.categories-grid .vc_row:nth-child(2n+1) .no-border {
					border: none !important;
				}
				.categories-grid .vc_row:nth-child(2n+1) .wpb_column:nth-child(1) figure img {
					/* width: auto;
					height: auto;
					min-width: 100%;
					min-height: 100%;
					max-width: none !important; */
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}

			/*------ Content Column (right) -----*/
				.categories-grid .vc_row:nth-child(2n+1) .wpb_column:nth-child(2)>.vc_column-inner {
					position: static;
				}
				.categories-grid .vc_row:nth-child(2n+1) .wpb_column:nth-child(2)>.vc_column-inner .background_color {
					left: unset;
					right: 0;
				}

				/* Text & Button Container */
					.categories-grid .vc_row:nth-child(2n+1) .wpb_text_column, 
					.categories-grid .vc_row:nth-child(2n+1) .vc_btn3-container {
						margin-right: 40px;
					} 



		/*----- Layout 2 (Image right) ------*/

			/*------ Content Column (left) -----*/
				.categories-grid .vc_row:nth-child(2n+2) .wpb_column:nth-child(1)>.vc_column-inner, 
				.video-grid .vc_row .wpb_column:nth-child(1)>.vc_column-inner {
					position: static;
				}

				.categories-grid .vc_row:nth-child(2n+2) .wpb_column:nth-child(1)>.vc_column-inner .background_color, 
				.video-grid .vc_row .wpb_column:nth-child(1)>.vc_column-inner .background_color {
					left: 0;
				}

				/* Text & Button Container */
					.categories-grid .vc_row:nth-child(2n+2) .wpb_text_column, 
					.categories-grid .vc_row:nth-child(2n+2) .vc_btn3-container, 
					.video-grid .vc_row .wpb_text_column, 
					.video-grid .vc_row .vc_btn3-container {
						margin-left: 40px;
					}

			/*----- Image Column (right) ------*/
				.categories-grid .vc_row:nth-child(2n+2) .wpb_column:nth-child(2)>.vc_column-inner, 
				.video-grid .vc_row .wpb_column:nth-child(2)>.vc_column-inner {
					position: relative;
					z-index: 10;
					border-radius: 100%;
				}
				.categories-grid .vc_row:nth-child(2n+2) .wpb_column:nth-child(2) figure {
					width: 80% !important;
					height: 0;
					width: auto;
					padding-bottom: 80%;
					/*border: 5px solid darkorange;*/
					background-color: #fff;
					border-radius: 100%;
					overflow: hidden;
				}
				.categories-grid .vc_row:nth-child(2n+2) .no-border, 
				.video-grid .vc_row .no-border {
					border: none !important;
				}
				.categories-grid .vc_row:nth-child(2n+2) .wpb_column:nth-child(2) figure img {
					/* width: auto;
					height: auto;
					min-width: 100%;
					min-height: 100%;
					max-width: none !important; */
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}



	/*--------------- MEDIA QUERIES -----------------*/

		/* Changes on Smartphone */
			@media screen and (max-width: 767px){

				/* gap between image and content */
					/*.categories-grid .vc_row:nth-child(2n+1)>.wpb_column:nth-child(2), 
					.categories-grid .vc_row:nth-child(2n+2)>.wpb_column:nth-child(1) {
						margin: -60px 0 0;
					}*/

				/* change position (flex-direction) of image and content column */
					.categories-grid .vc_row:nth-child(2n+2), 
					.video-grid .vc_row {
						flex-direction: column-reverse !important;
					}

				/* upper gap from content to image column */
				/* & inner padding */
					/* Content Column (right) */
						.categories-grid .vc_row:nth-child(2n+1) .wpb_column:nth-child(2) {
							margin-top: 30px;
						}
						.categories-grid .vc_row:nth-child(2n+1) .wpb_column:nth-child(2) .vc_column-inner {
							padding: 10px 0;
						}
					/* Content Column (left) */
						.categories-grid .vc_row:nth-child(2n+2) .wpb_column:nth-child(1), 
						.video-grid .vc_row .wpb_column:nth-child(1) {
							margin-top: 30px;
						}
						.categories-grid .vc_row:nth-child(2n+2) .wpb_column:nth-child(1) .vc_column-inner, 
						.video-grid .vc_row .wpb_column:nth-child(1) .vc_column-inner {
							padding: 10px 0;
						}

				/* hide background_color element */
					.categories-grid .background_color, 
					.video-grid .background_color {
						display: none !important;
					}

				/* Text & Button Container */
					.categories-grid .vc_row .wpb_text_column, 
					.categories-grid .vc_row .vc_btn3-container, 
					.video-grid .vc_row .wpb_text_column, 
					.video-grid .vc_row .vc_btn3-container {
						margin: 0 40px;
					}

				/* Video alignment */
					.video-grid .vc_row .wpb_column:nth-child(2) .wpb_content_element {
						float: none;
    					margin: 0 auto;
					}

			}

			@media screen and (min-width: 768px){

				/* Layout zweispaltig */
					/*.categories-grid .vc_row {
						float: left;
						width: 50%;
						clear: none;
					}
					.categories-grid .vc_row .wpb_column {
						float: left;
						width: 100%;
						clear: none;
					}*/

				/* gap between rows */
					.categories-grid .vc_row, 
					.video-grid .vc_row {
						margin: 0 0 110px;
					}

				/* show background_color element */
					.categories-grid .background_color, 
					.video-grid .background_color {
						display: block;
					}

				/* Selecta Icon */
					.selecta_icon {
						width: 150px;
						top: -75px;
					}
					.categories-grid .vc_row:nth-child(2n+2)>.wpb_column .selecta_icon {
						right: -150px;
					}

			}


			@media screen and (min-width: 1024px){

				/* Images float left/right */
					.categories-grid .vc_row:nth-child(2n+1)>.wpb_column:nth-child(1) figure {
						float: left;
					}
					.categories-grid .vc_row:nth-child(2n+2)>.wpb_column:nth-child(2) figure {
						float: right;
					}

				/* Position Content Column */
					.categories-grid .vc_row:nth-child(2n+2) .wpb_column:nth-child(1)>.vc_column-inner, 
					.categories-grid .vc_row:nth-child(2n+1) .wpb_column:nth-child(2)>.vc_column-inner, 
					.video-grid .vc_row:nth-child(2n+1) .wpb_column:nth-child(1)>.vc_column-inner {
						position: absolute;
					}

			}


			@media screen and (min-width: 1366px){

				/* Selecta Icon */
					.selecta_icon {
						width: 150px;
						top: -100px;
					}

			}


			@media screen and (min-width: 1800px){

				/* Container */
					.categories-grid, 
					.video-grid {
						margin: 0 0 80px;
					}

				/* gap between rows */
					.categories-grid .vc_row , 
					.video-grid .vc_row {
						margin: 0 0 0;
					}

				/* Selecta Icon */
					/*.selecta_icon {
						width: 200px;
						top: -100px;
					}*/

			}




			/* Post Navi */
				.nav-single {
					display: none;
				}




/*----------- Steiff: Teddy yellow-red -----------*/
	.pos-relative {
		position: relative;
		z-index: 3;
	}

	.steiff-teddy {
		position: absolute;
	}

	.teddy-top-right {
		width: 75px;
		height: auto;
		top: -35px;
		left: unset;
		right: 20px;
		z-index: 5;
	}


	.teddy-left-bottom {
		width: 50px;
		height: auto;
		top: unset;
		bottom: 3px;
		left: -24px;
		z-index: 1;
	}
	.teddy-left-bottom-hand {
		width: 22px;
		height: auto;
		top: unset;
		bottom: -9px;
		left: -17px;
		z-index: 4;
	}

	@media screen and (min-width: 768px){
		.teddy-left-bottom {
			width: 60px;
			bottom: 3px;
			left: -27px;
		}
		.teddy-left-bottom-hand {
			width: 27px;
			bottom: -13px;
			left: -20px;
		}
		
		.teddy-top-right {
			width: 100px;
			top: -47px;
			right: 50px;
		}
	}


.hilite {
	color: var(--selecta-blue) !important;
	background-color: var(--hilite-color);
}






/*------------- Gravurservice Section -----------------*/
	/*--- Background ---*/
		.gravurservice-video-grid {
			background-image: linear-gradient(0deg, rgb(255,210,0) 10%, rgb(252,152,22) 60%, rgb(248,91,46) 100%);
			background-image: -webkit-linear-gradient(0deg, rgb(255,210,0) 10%, rgb(252,152,22) 60%, rgb(248,91,46) 100%);
			overflow: visible !important;
		}
		.gravurservice-video-grid > .wpb_column > .vc_column-inner > .wpb_wrapper {
			max-width: none;
		}

	/*--- Row Shape Images ---*/
		.gravurservice-video-grid > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_single_image:first-child {
			position: absolute;
			top: -2px;
			left: 0;
			margin: 0;
		}
		.gravurservice-video-grid > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_single_image:last-child {
			position: absolute;
			top: unset;
			left: 0;
			bottom: -2px;
			margin: 0;
		}
		.gravurservice-video-grid > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_single_image img {
			width: 100vw;
		}

	/*--- Inner Content Wrapper ---*/
		.gravurservice-video-grid .gravurservice-video-grid-inner-content {
			max-width: 1450px;
			width: 90%;
			padding: 0 !important;
			margin: 0 auto !important;
		}
		.gravurservice-video-grid .gravurservice-video-grid-inner-content > .wpb_column:first-child {
			z-index: 2;
		}
		.gravurservice-video-grid .gravurservice-video-grid-inner-content > .wpb_column:nth-child(2) {
			z-index: 1;
		}

	/*--- Video ---*/
		.gravurservice-video-grid .video-wrapper video {
			border: 10px solid rgb(220, 16, 104) !important;
			border-radius: 9999px;
			box-sizing: border-box;
			position: relative;
			z-index: 21;
		}
		/* .gravurservice-video-grid .wpb_raw_code.video-wrapper > .wpb_wrapper {
			width: calc(100% + 10px);
			margin-left: -5px;
			margin-right: -5px;
			margin-top: -5px;
			position: relative;
			z-index: 9;
		} */

	/*--- Text ---*/
		.gravurservice-video-grid.text-white * {
			color: #fff !important;
		}

	/*--- SVG Animation ---*/
		.svg-path-anim {
			padding-left: 35px;
		}
		.svg-path-anim img {
			width: 100%;
			transform: rotate(-5deg);
		}

	/*--- SVG Animation ---*/
		/* .gravurservice-video-grid .svg-anim#ben-anim, 
		.gravurservice-video-grid .svg-anim#charlotte-anim {
			fill: #fff;
			stroke: #fff;
		} */

	/*--- Button ---*/
		.gravurservice-video-grid .vc_general.vc_btn3, 
		.gravurservice-video-grid .vc_general.vc_btn3 * {
			color: rgb(220, 16, 104) !important;
		}
		.gravurservice-video-grid .vc_general.vc_btn3 {
			color: rgb(220, 16, 104) !important;
			font-family: 'FFInfoDisplayWebProBold', sans-serif;
			text-transform: uppercase;
			font-size: 1.2em;
			border-radius: 8px;
		}

	/*--- Image in Circle ---*/
		.gravurservice-video-grid .video-grid-circle {
			position: relative;
			z-index: 10;
			border-radius: 9999px;
			max-width: 460px;
			aspect-ratio: 1;
			border: 5px solid var(--ratgeber-color);
			overflow: hidden;
			float: right;
		}

	/*--- Curved Text
	-- Tolle Geschenk-Idee
	---*/
		.curved-text-wrapper {
			position: absolute;
			left: 100%;
			z-index: 20;
		}
		svg.curved-text {
			width: 430px;
		}
		.curved-text * {
			font-family: 'Haptic-Bold', sans-serif;
			text-transform: uppercase;
			fill: #fff;
		}
		#curve {
			fill: transparent;
		}



	@media screen and (min-width: 768px){
		.gravurservice-video-grid .gravurservice-video-grid-inner-content > .wpb_column:first-child {
			padding-right: 30px;
		}
		.gravurservice-video-grid .gravurservice-video-grid-inner-content > .wpb_column:nth-child(2) {
			padding-left: 30px;
		}
		/* Curved Text */
		.curved-text-wrapper {
			transform: translateX(-40px);
		}
	}
	@media screen and (min-width: 768px){
		.gravurservice-video-grid .gravurservice-video-grid-inner-content > .wpb_column:first-child {
			padding-right: 75px;
		}
		.gravurservice-video-grid .gravurservice-video-grid-inner-content > .wpb_column:nth-child(2) {
			padding-left: 75px;
		}
		/* Curved Text */
		.curved-text-wrapper {
			transform: translateX(-95px);
		}
	}


	/* Smartphone */
	@media screen and (max-width: 767px){
		.gravurservice-video-grid .gravurservice-video-grid-inner-content > .wpb_column {
			padding: 0;
		}
		/*--- Image in Circle ---*/
		.gravurservice-video-grid .video-grid-circle {
			width: 50%;
			margin-top: -20px;
			margin-bottom: 0;
		}
		/*--- Text ---*/
		.gravurservice-video-grid .gravurservice-video-grid-inner-content .max-500px {
			width: 60%;
			float: left;
		}
		.gravurservice-video-grid .gravurservice-video-grid-inner-content .max-500px p {
			line-height: 1.4;
			font-size: 18px;
			font-size: 1.3rem;
		}
		/*--- SVG Anim ---*/
		.gravurservice-video-grid .svg-path-anim {
			width: calc(40% - 15px);
			float: left;
			padding-left: 15px;
			margin-top: 20vw;
		}
		/* Curved Text */
		/* .curved-text-wrapper {
			left: 0;
			transform: translateY(66%);
		}
		svg.curved-text {
			width: 250px;
		}
		svg.curved-text * {
			font-size: 24px;
		} */
		.curved-text-mobile .vc_single_image-wrapper {
			position: relative;
		}
		.curved-text-mobile img {
			position: absolute;
			top: -10px;
			left: 0;
			width: 53vw !important;
			max-width: none !important;
		}
	}
	@media screen and (max-width: 350px){
		/*--- Text ---*/
		.gravurservice-video-grid .gravurservice-video-grid-inner-content .max-500px {
			width: 100%;
		}
		/*--- SVG Anim ---*/
		.gravurservice-video-grid .svg-path-anim {
			width: 100%;
			margin-top: 0;
			padding: 0 30px;
			box-sizing: border-box;
		}
	}






/*-------------- Tulip's Garden --------------*/


	/*----- Rows with Tulip's Garden Colors -----*/
		/* Headlines */
			.vc_row.tulip-colors h1, 
			.vc_row.tulip-colors h2, 
			.vc_row.tulip-colors h3, 
			.vc_row.tulip-colors h4, 
			.vc_row.tulip-colors h5, 
			.vc_row.tulip-colors h6 {
				color: var(--tulips-petrol);
			}
		/* Buttons */
			.vc_row.tulip-colors .vc_btn3-container.tulips-btn > .vc_btn3/* , 
			.vc_row .vc_btn3-container > .vc_btn3 */ {
				background-color: var(--tulips-petrol) !important;
				color: #fff !important;
			}
			.vc_row.tulip-colors .vc_btn3-container.tulips-btn > .vc_btn3 * {
				color: #fff !important;
			}


	/*----- Lawn Background -----*/
		.tulip-bg-productfooter {
			position: absolute !important;
			top: unset;
			bottom: 0;
		}


	/*----- Cloud Background -----*/
		.garden-cloud-bg {
			background-image: url(/wp-content/uploads/tulips-garden-hintergrund.webp);
			background-repeat: no-repeat;
			background-size: 100vw;
			background-position: center bottom;
			padding-bottom: 350px;
		}
		@media screen and (min-width: 768px){
			.garden-cloud-bg {
				padding-bottom: 500px;
			}
		}
		@media screen and (min-width: 1024px){
			.garden-cloud-bg {
				padding-bottom: 600px;
			}
		}
	/* Startseite tulips Garden */
		.tulip-bg-footer {
			background-image: url(/wp-content/uploads/background_01-web.png);
			background-repeat: no-repeat;
			background-size: 100vw;
			background-position: center bottom;
			padding-bottom: 100px;
		}
		@media screen and (min-width: 1024px){
			.tulip-bg-footer {
				padding-bottom: 150px;
			}
		}
		@media screen and (min-width: 1920px){
					.tulip-bg-footer {
						padding-bottom: 250px;
			}
		}

	/* Produktseite tulips Garden */
		.tulip-bg-productfooter {
			background-image: url(/wp-content/uploads/background_01-web.png);
			background-repeat: no-repeat;
			background-size: 100vw;
			background-position: center bottom;
			padding-bottom: 0;
			margin-bottom: -15px;
			z-index: 1 !important;
		}
		.wpb-content-wrapper > .vc_row {
			position: relative;
			z-index: 2;
		}
		@media screen and (min-width: 1024px){
			.tulip-bg-productfooter {
				padding-bottom: 0;
			}
		}
		@media screen and (min-width: 1920px){
			.tulip-bg-productfooter {
				padding-bottom: 0;
			}
		}

	/* Font Bellota */
		#page .bellota * {
			font-family: 'Bellota';
			color: var(--tulips-green);
			font-weight: 700;
			font-style: italic;
		}

	/* Tulip's Logo SVG */
		.tulip-logo-onimg {
			position: absolute;
			top: 5px;
			right: 5px;
		}
		.tulip-logo-onimg img {
			width: 90px;
		}
		@media screen and (min-width: 768px){
			.tulip-logo-onimg {
				top: 10px;
				right: 10px;
			}
			.tulip-logo-onimg img {
				width: 150px;
			}
		}
		@media screen and (min-width: 1366px){
			.tulip-logo-onimg {
				top: 20px;
				right: 20px;
			}
			.tulip-logo-onimg img {
				width: 240px;
			}
		}

	/*------------ Tulip Circle Row -------------*/
		.tulip-circle-row.vc_row {
			/* background-color: transparent !important;
			background-image: linear-gradient(90deg, transparent 25%, var(--tulips-petrol)25.1%); */
			overflow: visible;
			margin: 50px 0 50px;
			border-radius: 20px;
			position: relative;
			z-index: 2;
		}
		.tulip-circle-row.start-tcr.vc_row:not(.notransform) {
			margin-top: 0;
			transform: translateY(-15%);
		}

		@media screen and (min-width: 768px){
			.tulip-circle-row.vc_row {
				display: flex;
				justify-content: center;
				align-items: stretch;
				margin: 75px 0 75px;
			}
			.tulip-circle-row.start-tcr.vc_row:not(.notransform) {
				transform: translateY(-40%);
			}
			
			.tulip-circle-row.vc_row > .vc_col-sm-3 > .vc_column-inner, 
			.tulip-circle-row.vc_row > .vc_col-sm-3 > .vc_column-inner > .wpb_wrapper {
				height: 100%;
			}
			
			.tulip-circle-row.vc_row > .vc_col-sm-3 .tulip-circle-img, 
			.tulip-circle-row.vc_row > .vc_col-sm-3 .wpb_single_image {
				top: unset;
				bottom: 20px;
				transform: none;
			}
		}

	/* Above Footer BG Tulip Startseite */
		.vc_row.wpb_row.vc_row-fluid.tulip-circle-row.tulip-bg-footer.titelbild.column-reverse{
			overflow: visible!important;
			margin: 120px 0 -15px 0!important;
			border-radius: 0;
			position: relative!important;
			z-index: 1;
		}
		/* @media screen and (min-width: 1100px){
			.tulip-circle-row.vc_row {
				margin: 150px 0;
			}
			.tulip-circle-row.start-tcr.vc_row {
				margin: -150px 0 150px;
			}
		} */
		@media screen and (max-width: 767px){
			.tulip-circle-row.column-reverse {
				display: flex;
				flex-direction: column-reverse;
			}
		}

	/* Above Footer BG Tulip Produktseite */
		.vc_row.wpb_row.vc_row-fluid.tulip-circle-row.tulip-bg-productfooter.titelbild.column-reverse{
			overflow: visible!important;
			margin: 120px 0 -15px 0!important;
			border-radius: 0;
			position: relative!important;
			z-index: 1;
		}

	/* Tulips Garden Übversicht | Clouds */
		article#post-9811.post-9811	.entry-content {
			background-image: url(/wp-content/uploads/wolke-hintergrund.webp);
			background-size: contain;
			background-repeat: no-repeat;
			background-repeat: repeat-y;
			background-position: center;
			background-position: top;
		}
		/* article#post-9811.post-9811	.entry-content .wpb-content-wrapper > div:nth-child(2),
		article#post-9811.post-9811	.entry-content .wpb-content-wrapper > div:nth-child(6){
			background-image: url(/wp-content/uploads/wolke-hintergrund.webp);
			background-size: contain;
			background-repeat: no-repeat;
			background-position: right;
		}
		article#post-9811.post-9811	.entry-content .wpb-content-wrapper > div:nth-child(4){
			background-image: url(/wp-content/uploads/wolke-hintergrund.png);
			background-size: contain;
			background-repeat: no-repeat;
		} */

	/* Tulip Stories Übersicht | mobile gaps */
		@media screen and (max-width: 768px){
			article#post-9811.post-9811	.entry-content .wpb-content-wrapper > div:nth-child(4),
			article#post-9811.post-9811	.entry-content .wpb-content-wrapper > div:nth-child(6){
				padding-top: 50px!important;
				margin: 0!important;
			}
			article#post-9811.post-9811	.entry-content .wpb-content-wrapper > div:nth-child(2){
				margin: 0px!important;
				padding-top: 0px!important;
				padding-bottom: 75px;
			}
		}
		

	
		/*--- Column (Image Tulip) ---*/
			.tulip-circle-row .tulip-circle-img {
				margin: 0;
			}
			@media screen and (min-width: 768px){
				.tulip-circle-row .tulip-circle-img {
					position: absolute;
					width: 180%;
					left: 0;
					top: 0;
					transform: translateY(-40%);
					z-index: 2;
				}
				.tulip-circle-row > .wpb_column.vc_col-sm-3:nth-child(2) .tulip-circle-img {
					left: unset;
					right: 0;
				}
			}
			@media screen and (min-width: 1100px){
				.tulip-circle-row .tulip-circle-img {
					width: 160%;
				}
				.tulip-circle-row:not(.start-tcr) > .wpb_column.vc_col-sm-3:first-child .tulip-circle-img:not(.start-tcr) {
					width: calc(160% + 100px);
					left: -100px;
				}
				.tulip-circle-row:not(.start-tcr) > .wpb_column.vc_col-sm-3:nth-child(2) .tulip-circle-img:not(.start-tcr) {
					width: calc(160% + 100px);
					right: -100px;
				}
			}
			@media screen and (min-width: 1400px){
				.tulip-circle-row .tulip-circle-img {
					width: 160%;
				}
				.tulip-circle-row:not(.start-tcr) > .wpb_column.vc_col-sm-3:first-child .tulip-circle-img:not(.start-tcr) {
					width: calc(160% + 150px);
					left: -150px;
				}
				.tulip-circle-row:not(.start-tcr) > .wpb_column.vc_col-sm-3:nth-child(2) .tulip-circle-img:not(.start-tcr) {
					width: calc(160% + 150px);
					right: -150px;
				}
			}
			@media screen and (max-width: 767px){
				.tulip-circle-row .tulip-circle-img {
					width: 300px;
					margin: 0 auto -10px;
				}
			}
		/*--- Column (Text, Separator, Buttons) ---*/
			.tulip-circle-row.vc_row  > .wpb_column.vc_col-sm-9 {
				background-color: var(--tulips-petrol);
				border-radius: 20px;
				padding-bottom: 30px;
			}
			/* Tulip's Buttons */
				.tulips-btn.vc_btn3-container .vc_btn3, 
				.tulips-btn.vc_btn3-container .vc_btn3:hover, 
				.tulips-btn.vc_btn3-container .vc_btn3:active, 
				.tulips-btn.vc_btn3-container .vc_btn3:focus, 
				.tulips-btn.vc_btn3-container .vc_btn3 * {
					color: var(--tulips-petrol) !important;
					opacity: 1!important;
				}
			/* Column (Text) */
				.tulip-circle-row.vc_row > .wpb_column.vc_col-sm-9 .wpb_text_column {
					padding: 0 20px;
				}
			/* Buttons */
				.tulip-circle-row.vc_row > .wpb_column.vc_col-sm-9 .tulips-btn.vc_btn3-container {
					margin: 0 15px 10px;
				}

			@media screen and (min-width: 768px){
				.tulip-circle-row.vc_row  > .wpb_column.vc_col-sm-9::after {
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					width: 120%;
					height: 100%;
					background-color: var(--tulips-petrol);
					border-radius: 20px;
					z-index: -1;
				}
				/* left column (Text) */
					.tulip-circle-row.vc_row > .wpb_column.vc_col-sm-9:first-child::after {
						left: 0;
					}
					.tulip-circle-row.vc_row > .wpb_column.vc_col-sm-9:first-child > .vc_column-inner {
						width: 66.666%;
						float: left;
					}
					.tulip-circle-row.vc_row > .wpb_column.vc_col-sm-9:first-child .wpb_text_column {
						padding: 0 0 0 20px;
					}
					/* Buttons */
						.tulip-circle-row.vc_row > .wpb_column.vc_col-sm-9:first-child .tulips-btn.vc_btn3-container {
							margin: 0 0 20px 20px;
						}
				/* right column (Text) */
					.tulip-circle-row.vc_row > .wpb_column.vc_col-sm-9:nth-child(2)::after {
						left: unset;
						right: 0;
					}
					.tulip-circle-row.vc_row > .wpb_column.vc_col-sm-9:nth-child(2) > .vc_column-inner {
						width: 66.666%;
						float: right;
					}
					.tulip-circle-row.vc_row > .wpb_column.vc_col-sm-9:nth-child(2) .wpb_text_column {
						padding: 0 20px 0 0;
					}
					/* Buttons */
						.tulip-circle-row.vc_row > .wpb_column.vc_col-sm-9:nth-child(2) .tulips-btn.vc_btn3-container {
							margin: 0 20px 20px 0;
						}
			}



	/* Product Pages */
		body.page article.category-tulips_garden p, 
		body.page article.category-tulips_garden h1, 
		body.page article.category-tulips_garden h2, 
		body.page article.category-tulips_garden h3, 
		body.page article.category-tulips_garden h4, 
		body.page article.category-tulips_garden h5, 
		body.page article.category-tulips_garden h6, 
		body.page article.category-tulips_garden li a {
			color: var(--tulips-petrol);
		}
		/* white Links */
			#primary article.category-tulips_garden .text-weiss p a, #primary article.category-tulips_garden .text-weiss p a:visited, 
			#primary article.category-tulips_garden .text-white p a, #primary article.category-tulips_garden .text-white p a:visited, 
			#primary article.category-tulips_garden .weiss-text p a, #primary article.category-tulips_garden .weiss-text p a:visited, 
			#primary article.category-tulips_garden .white-text p a, #primary article.category-tulips_garden .white-text p a:visited {
				color: #99ceba !important;
				color: #bed56f !important;
			}
		/* mitwachsendes Spielzeug */
			body.page article.category-tulips_garden .wpb_gallery + .wpb_single_image {
				position: absolute;
				top: 0;
				left: unset;
				right: 20px;
				z-index: 2;
				width: 100px;
			}
			body.page article.category-tulips_garden .wpb_gallery + .wpb_single_image img {
				box-shadow: 0 0 5px rgba(0,0,0,.5) !important;
				border-radius: 999px !important;
				background-color: #fff;
			}
			@media screen and (min-width: 768px){
				body.page article.category-tulips_garden .wpb_gallery + .wpb_single_image {
					width: 140px;
					transform: translateY(-30%);
				}
			}
			/* @media screen and (min-width: 1024px){
				body.page article.category-tulips_garden .wpb_gallery + .wpb_single_image {
					width: 180px;
				}
			} */

	/* Post Grid Products */
		/* Title */
			.tulips-garden-product-grid .vc_custom_heading.vc_gitem-post-data *, 
			body.page article.category-tulips_garden .vc_custom_heading.vc_gitem-post-data * {
				color: var(--tulips-petrol) !important;
			}

		/* Buttons */
			/* .tulips-garden-product-grid .vc_gitem-post-meta-field-Shop.Link, 
			body.page article.category-tulips_garden .vc_gitem-post-meta-field-Shop.Link {
				display: none !important;
			} */
			.tulips-garden-product-grid .produkt-buttons .vc_gitem-col:nth-child(2) > div, 
			body.page article.category-tulips_garden .produkt-buttons .vc_gitem-col:nth-child(2) > div {
				background-color: var(--tulips-petrol);
				color: #fff;
			}

		/* Separator */
			article.category-tulips_garden .entry-content .wpb-content-wrapper .vc_row .vc_separator.vc_sep_border_width_4 .vc_sep_holder .vc_sep_line.vc_sep_line{
				border-color: #197874!important;
			}

		/* Filter */
			/* Active & Hover */
			.tulips-garden-product-grid ul.vc_grid-filter .vc_grid-filter-item:hover, 
			.tulips-garden-product-grid ul.vc_grid-filter li.vc_active.vc_grid-filter-item {
				background-color: #197874;
			}

		/* Featured Product Grid */
			.tulips-garden-featured .vc_grid-item > .vc_grid-item-mini {
				display: flex;
				align-items: stretch;
				background-color: #f4f4f4;
				border: 3px solid var(--tulips-petrol);
			}
			.tulips-garden-featured .vc_grid-item > .vc_grid-item-mini > * {
				height: 100%;
			}
			/* Title */
				.tulips-garden-featured .produkt-buttons .vc_gitem-zone-mini > .vc_gitem_row:first-child > .vc_gitem-col:first-child {
					width: 100%;
				}
				.tulips-garden-product-grid .produkt-buttons .vc_custom_heading.vc_gitem-post-data *, 
				.tulips-garden-featured .produkt-buttons .vc_custom_heading.vc_gitem-post-data * {
					color: var(--tulips-petrol) !important;
				}
			/* Text */
				.tulips-garden-featured p, 
				.tulips-garden-featured li {
					font-size: 18px;
					font-size: 1.3rem;
				}
			/* Buttons */
				.tulips-garden-featured .produkt-buttons.vc_gitem-zone-a .vc_gitem-row-position-middle {
					position: static;
					transform: none;
				}
				.tulips-garden-product-grid .produkt-buttons .vc_gitem-col:nth-child(2) > div, 
				.tulips-garden-featured .produkt-buttons .vc_gitem-col:nth-child(2) > div {
					background-color: var(--tulips-petrol);
				}
				/*.tulips-garden-product-grid .produkt-buttons .vc_gitem-col:nth-child(2) > div:hover, 
				.tulips-garden-featured .produkt-buttons .vc_gitem-col:nth-child(2) > div:hover,
				.tulips-garden-product-grid .produkt-buttons .vc_gitem-col:nth-child(2) > div:focus, 
				.tulips-garden-featured .produkt-buttons .vc_gitem-col:nth-child(2) > div:focus,
				.tulips-garden-product-grid .produkt-buttons .vc_gitem-col:nth-child(2) > div:active, 
				.tulips-garden-featured .produkt-buttons .vc_gitem-col:nth-child(2) > div:active{
					background-color: #fff;
					color: var(--tulips-petrol);
				}*/
			
			/* Smartphone */
				@media screen and (max-width: 767px){
					.tulips-garden-featured .vc_grid-item > .vc_grid-item-mini {
						flex-direction: column;
					}
					.tulips-garden-featured .vc_grid-item > .vc_grid-item-mini > * {
						width: 100%;
					}
					.tulips-garden-featured .vc_grid-item .produkt-buttons .vc_gitem-col {
						padding: 0 20px !important;
					}
				}

		/* Storytelling | Bilder */
				/* .tulip-circle-img.img-reverse{
					-webkit-transform: scaleX(-1); 
					-moz-transform: scaleX (-1); 
					-o-transform: scaleX(-1)); 
					-ms-transform: scaleX(-1); 
					transform: scaleX(-1); 
					margin-top: -200px;
				}

				@media screen and (max-width: 768px){
					.tulip-circle-img.img-reverse{
						-webkit-transform: scaleX(-1); 
						-moz-transform: scaleX (-1); 
						-o-transform: scaleX(-1)); 
						-ms-transform: scaleX(-1); 
						transform: scaleX(-1); 
						margin-top: 0px;
					}
				} */





	/*------ Animationen ----------*/

		/*--- Libelle ---*/
			.libelle-animation {
				position: absolute;
				left: 0;
				width: 90vw;
				max-width: 500px;
			}
			/*.libelle-animation .vc_figure {
				width: 33.333%;
			}*/
			.libelle-animation .vc_single_image-wrapper {
				height: 0;
				padding-top: 47.3%;
			}
			.libelle-animation img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: auto;
			}

			@media screen and (min-width: 768px){
				.libelle-animation {
					width: 60vw;
					max-width: 800px;
				}
			}
			@media screen and (min-width: 1024px){
				.libelle-animation {
				}
			}
			@media screen and (min-width: 1500px){
				.libelle-animation {
					width: 40vw;
					transform: translateY(-30px);
				}
			}
			@media screen and (min-width: 2100px){
				.libelle-animation {
					transform: translateY(-120px);
				}
			}

		/*--- Butterfly ---*/
			@media screen and (min-width: 768px){
				.insect-animation {
					position: absolute;
					z-index: 5;
					width: 200px;
				}
				.insect-animation-right, 
				.butterfly-animation {
					left: unset;
					right: 0;
					transform: translateY(-100%) translateX(48vw);
					margin-right: 50%;
				}
				.insect-animation-left {
					left: 0;
					right: unset;
					transform: translateY(-100%) translateX(-48vw);
					margin-left: 50%;
				}
				.insect-animation-center {
					left: 0;
					right: unset;
					transform: translateY(-100%) translateX(-50%);
					margin-left: 50%;
				}
			}

		/*--- Ants Animation ---*/
			.ants-animation {
				width: calc(50vw - 600px);
				position: absolute;
				left: unset;
				left: 0;
				transform: translateY(-100%) translateX(-50vw);
				margin-left: 50%;
				min-width: 230px;
				z-index: 0;
			}
			.ants-animation-2 {
				right: 0;
				left: unset;
				transform: translateY(0) translateX(50vw);
				margin-right: 50%;
				margin-left: 0;
			}
			@media screen and (max-width: 1024px){
				.ants-animation {
					max-width: 230px;
				}
			}
			@media screen and (min-width: 2000px){
				.ants-animation {
					transform: translateY(-80%) translateX(-50vw);
				}
				.ants-animation-2 {
					transform: translateY(-20%) translateX(50vw);
				}
			}
			/* @media screen and (min-width: 1800px){
				.ants-animation {
					width: calc(50vw - 600px);
				}
			} */

		/* Hide Animations mobile */
			@media screen and (max-width: 767px){
				.insect-animation, 
				.butterfly-animation, 
				.ants-animation {
					display: none;
				}
			}





/*---------------- Videos ----------------*/

	.video-container {
		max-width: 960px;
		margin: 0 auto;
	}
	.video-container .video-wrapper {
		display: flex;
		justify-content: center;
		height: 0;
		padding-top: 75%;
		position: relative;
	}
	.video-container .video-wrapper video {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}




	



/*------------------ Skip Links ---------------*/

		/*----- Header: Skip to Content Button -----*/
			#skip-to-content {
				position: fixed;
				top: -1000px;
				left: -1000px;
				width: 1px;
				height: 1px;
				overflow: hidden;
				clip: rect(1px, 1px, 1px, 1px);
				clip-path: inset(50%);
				white-space: nowrap;
				z-index: -1;
			}
			#skip-to-content:focus {
				position: fixed;
				top: 10px;
				left: 10px;
				width: auto;
				height: auto;
				overflow: visible;
				clip: auto;
				clip-path: none;
				white-space: normal;
				z-index: 1000;
				background-color: var(--selecta-blue);
				color: #fff;
				padding: 10px;
				border: 2px solid #fff;
				border-radius: 5px;
				box-shadow: 0 0 10px rgba(0,0,0,.5);
				z-index: 999999999;
			}
			body.admin-bar #skip-to-content:focus {
				top: 56px;
			}
			@media screen and (min-width: 783px){
				body.admin-bar #skip-to-content:focus {
					top: 42px;
				}
			}

		/*----- Skip Links Class -----*/
			.skip-link {
				padding: 0 !important;
				margin: 0 !important;
				height: 0;
			}
			.skip-link .vc_btn3 {
				width: 0;
				height: 0;
				overflow: hidden;
				clip: rect(0, 0, 0, 0);
				clip-path: inset(50%);
				white-space: nowrap;
			}
			.skip-link .vc_btn3:focus {
				width: auto;
				height: auto;
				overflow: visible;
				clip: auto;
				clip-path: none;
				white-space: normal;
			}

			#skip-youtube .vc_btn3 {}


/*-------------------------------------------------
 # Navigation 
 -------------------------------------------------*/
	#site-navigation.main-navigation {
		position: static;
		display: flex;
		align-items: center;
		height: 88px;
	}

	.menu-wrapper {
		margin-right: 12px;
	}

    /*----- Hamburger Menu Button -----*/
        #site-navigation.main-navigation .menuToggleBtn {
            display: inline-block;
            position: relative;
            height: 23px;
            width: 25px;
            padding: 10px;
            background: transparent;
            border: none;
            border-radius: 3px;
            box-shadow: none;
            box-sizing: content-box;
            z-index: 2;
        }
        #site-navigation.main-navigation .menuToggleBtn > div {
            position: relative;
            top: 0;
            left: 0;
            height: 3px;
            width: 25px;
            background-color: #fff;
            border-radius: 10px;
            transform-origin: 0 0;
            transform: rotate(0deg);
            transition-duration: .2s;
            transition-timing-function: linear;
            transition-property: transform, top, left, width;
        }
        #site-navigation.main-navigation .menuToggleBtn > div:first-child {
            top: -8px;
        }
        #site-navigation.main-navigation .menuToggleBtn > div:nth-child(2) {
            top: -1px;
        }
        #site-navigation.main-navigation .menuToggleBtn > div:nth-child(3) {
            top: 6px;
        }
        /* Hover */
            #site-navigation.main-navigation .menuToggleBtn:hover {
				background-color: #fff;
			}
            #site-navigation.main-navigation .menuToggleBtn:hover div {
                background-color: #000;
            }

        /* Active */
            /* Close Button */
                #site-navigation.main-navigation .menuToggleBtn.menuToggle {
					background-color: #fff;
				}
                #site-navigation.main-navigation .menuToggleBtn.menuToggle div {
                    background-color: #000;
                }
                #site-navigation.main-navigation .menuToggleBtn.menuToggle div:first-child {
                    transform: rotate(41deg);
                    width: 33px;
                    top: -8px;
                    left: 2px;
                }
                #site-navigation.main-navigation .menuToggleBtn.menuToggle div:nth-child(2) {
                    transform: rotate(-41deg);
                    width: 33px;
                    top: 11px;
                }
                #site-navigation.main-navigation .menuToggleBtn.menuToggle div:nth-child(3) {
                    opacity: 0;
                }



		/*----- Search Form Header -----*/
			
			/* Handler Button */
				#searchbox {
					display: block;
					position: static;
					margin-top: 0;
					padding: 5px;
					background: var(--selecta-blue);
					cursor: pointer;
					border: none;
				}
				#searchbox * {
					color: #fff;
				}
				#searchbox svg {
					width: 24px;
					height: auto;
				}
				#searchbox svg .st0 {
					fill: #fff;
				}
				#searchbox:hover svg .st0 {
					fill: #aaa;
				}

			/* Search Form after Header */
				.searchform-wrapper {
					display: none;
					width: 100%;
					background-color: var(--selecta-blue);
					background-color: var(--dark-blue);
					box-sizing: border-box;
					position: fixed;
					top: 30px;
					z-index: 9998;
					padding: 10px;
					transition: top .2s linear;
				}
				.searchform-wrapper.vsbl {
					display: block;
					top: 90px;
				}
				/* Logged-In */
					.logged-in.admin-bar .searchform-wrapper.vsbl {
						top: 136px;
					}
					@media screen and (min-width: 783px){
						.logged-in.admin-bar .searchform-wrapper.vsbl {
							top: 122px;
						}
					}

				.searchform-wrapper form {
					float: right;
				}
				/* Submit Search Button */
					input#searchsubmit {
						background: #78b635;
						color: #fff;
						border: none;
						padding: 8px 10px 4px;
					}


			/*--- Menu Item Has Children ---*/
				/*--- Menu Item Has Children ---*/
					/* Submenu Trigger */
						li.menu-item-has-children > button.trigger {
							appearance: none;
							-webkit-appearance: none;
							-moz-appearance: none;
							-o-appearance: none;
							-ms-appearance: none;
							width: var(--width-submenu-trigger);
							height: 83px;
							border-radius: 0;
							border: none;
							outline: none;
							background: transparent;
							display: inline-block;
							display: flex;
							padding: 0;
							justify-content: center;
							align-items: center;
							position: absolute;
							top: 0;
							left: unset;
							right: 0;
							cursor: pointer;
						}
						li.menu-item-has-children > .trigger > div {
							height: 100%;
							width: 100%;
							/* border: 1px solid #6a6a6a; */
							border-top: none;
							border-left: none;
							background-color: transparent;
							background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 80 48.3" style="enable-background:new 0 0 80 48.3;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:%23ffffff;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}</style><polyline class="st0" points="6.3,6.3 40,42 73.7,6.3 "/></svg>');
							background-size: 35%;
							background-repeat: no-repeat;
							background-position: center;
							transform: rotate(0deg);
							transition: all .2s linear;
						}
						li.menu-item-has-children > .trigger * {
							color: #fff;
						}
						/* Active and Hover Status */
							li.menu-item-has-children.active > .trigger > div, 
							li.menu-item-has-children > .trigger:is(:hover, :focus, :focus-within, :focus-visible, :active) > div {
								background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 80 48.3" style="enable-background:new 0 0 80 48.3;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:%23ffffff;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}</style><polyline class="st0" points="6.3,6.3 40,42 73.7,6.3 "/></svg>');
								transform: rotate(180deg);
							}
						ul:is(.menu, .nav-menu) li.menu-item.menu-item-has-children:before {
							display: none;
							/* top: 5px ;
							right: 7px; */
						}
						/* Hover */
							li.menu-item-has-children:hover > .trigger, 
							li.menu-item-has-children:hover > .trigger div {
								border-color: var(--selecta-blue);
							}
						/* Sub Menu */
							ul.sub-menu li.menu-item-has-children:hover > .trigger div {
								margin-top: 0;
							}



				/*------ Sub Menu ------*/
					#site-navigation.main-navigation ul.sub-menu {    
						display: none;
						height: auto;
						width: auto;
						clip: unset;
						overflow: hidden;
					}
					#site-navigation.main-navigation li.active > ul.sub-menu {
						display: block;
						height: auto;
						overflow: visible;
					}
					/* Active */
						#site-navigation.main-navigation li.menu-item-has-children.active > ul.sub-menu {
							display: block;
							overflow: visible;
						}





		/*--------------- Break Point ---------------*/
			@media screen and (min-width: 1366px){
				:root {
					--width-submenu-trigger: 28px;
				}
				#site-navigation.main-navigation .menuToggleBtn { /* Hide Toggle Button on Desktop */
					display: none;
				}
				#site-navigation.main-navigation .menu-wrapper-desktop {
					display: block;
				}
				#site-navigation.main-navigation .menu-wrapper-mobile {
					display: none;
				}
				#site-navigation.main-navigation ul.sub-menu li:is(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor), 
				#site-navigation.main-navigation ul.sub-menu li:is(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor) > a {
					background-image: none !important;
				}
				.nav-menu>li>a {
					border-left: 1px solid rgba(200,200,200,.4);
					padding: 27px 10px 3px;
					font-size: 13px;
					font-size: .95rem;
					line-height: 60px;
				}
				/* Align last item right */
					#menu-menu-1 > li:is(:last-child, :nth-last-child(2), :nth-last-child(3)) > ul.sub-menu {
						left: unset;
						right: 0;
						border-radius: 15px 0 0 15px;
					}
					#menu-menu-1 > li:is(:last-child, :nth-last-child(2), :nth-last-child(3)) > ul.sub-menu li {
						float: right;
					}
					#menu-menu-1 > li:is(:last-child, :nth-last-child(2), :nth-last-child(3)) > ul.sub-menu li a {
						text-align: right;
						padding-right: 10px;
						min-width: 150px !important;
						border-radius: 10px 0 0 0;
					}
				/* Language Menu Flags */
					#menu-menu-1>li:last-child>a:before {
						width: 95px;
						height: 20px;
						top: 15px;
					}
				/* Search Button */
					#searchbox {
						margin-top: 34px;
					}
				/*--- Menu Item Has Children ---*/
					.main-navigation ul.nav-menu > li.menu-item-has-children {
						padding-right: var(--width-submenu-trigger);
						position: relative;
					}
					.main-navigation ul.nav-menu > li.menu-item-has-children > a {
						padding-right: 0 !important;
					}
					/* Submenu Trigger */
						li.menu-item-has-children > button.trigger {
							height: 90px;
							padding-top: 27px;
						}
	
			}

			@media screen and (min-width: 1400px){
				.nav-menu>li>a {
					font-size: 14px;
					font-size: 1rem;
				}
			}
			@media screen and (min-width: 1500px){
				.nav-menu>li>a {
					font-size: 15px;
					font-size: 1.08rem;
				}
				/*--- Logo ---*/
					#logo img {
						height: 46px;
					}
			}
			@media screen and (min-width: 1600px){
				.nav-menu>li>a {
					padding: 27px 15px 3px;
					font-size: 16px;
					font-size: 1.15rem;
				}
				/*--- Logo ---*/
					#logo img {
						height: 50px;
					}
			}

		/*----- Mobile ------*/
			@media screen and (max-width: 1365px){
				#site-navigation.main-navigation .menu-wrapper ul.nav-menu {
					display: none !important;
					width: 100%;
					max-width: 400px;
					max-height: calc(100vh - 90px);
					position: absolute;
					top: 90px;
					left: -400px;
					padding-bottom: 80px;
					background-color: var(--selecta-blue);
					box-shadow: none;
					overflow: scroll;
					transition: .2s left linear;
				}
				/* Logged-In */
					.logged-in.admin-bar #site-navigation.main-navigation .menu-wrapper ul.nav-menu {
						max-height: calc(100vh - 136px);
					}
					@media screen and (min-width: 783px){
						.logged-in.admin-bar #site-navigation.main-navigation .menu-wrapper ul.nav-menu {
							max-height: calc(100vh - 122px);
						}
					}
				#site-navigation.main-navigation .menu-wrapper.menuToggleOn ul.nav-menu {
					display: block !important;
					left: 0;
				}

				/* Menu Items */
					#site-navigation.main-navigation ul.nav-menu li {
						width: 100%;
						clear: both;
						float: none;
						position: relative;
						margin: 0;
					}
					#site-navigation.main-navigation ul.nav-menu li a {
						width: 100%;
						height: 83px;
						padding: 12px;
						border-bottom: 0;
						line-height: 1;
						text-transform: uppercase;
						white-space: nowrap;
						display: flex;
						align-items: center;
						text-decoration: none;
						text-align: left;
						margin: 0;
					}

				/* Sub Menu */
					#site-navigation.main-navigation ul.sub-menu {    
						position: static;
						padding: 0;
						border-radius: 0;
						box-shadow: none;
					}

				/* Tulips Garden */
					#site-navigation ul.nav-menu>li.tulips-garden>a {
						background-position: 130px !important;
						background-size: 10% !important;
					}

				/* Last Menu Items */
					#site-navigation.main-navigation #menu-menu-1 > li:is(:nth-child(8), :nth-child(9)) > ul.sub-menu li a {
						text-align: left;
					}

				/* Language Menu */
					#site-navigation.main-navigation #menu-menu-1 li.language a {
						padding: 12px 12px 12px 54px;
					}
					#site-navigation.main-navigation #menu-menu-1 li.language a:before {
						left: 12px;
						top: 30px;
						width: 32px;
						height: 20px;
					}
					#site-navigation.main-navigation #menu-menu-1 li.language > ul.sub-menu > li > a {
						text-align: left;
					}

				/* Menu Line */
					#site-navigation.main-navigation li:is(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor) {
						background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2018/06/menu-line.png") no-repeat scroll 12px 85%;
					}
					#site-navigation.main-navigation li:is(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor) > a {
						background-image: none !important;
					}
					#site-navigation.main-navigation ul.sub-menu li:is(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor) {
						background-image: none !important;
					}

			}




/*
* --------------- Products Grid (Shortcode: [pages_by_category category=" tulips_garden"]) ----------------
*/

	.products-grid .products-grid-wrapper {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		margin: 0 -10px;
	}

	.products-grid .products-grid-wrapper .page-item {
		padding: 10px;
	}
	.products-grid .products-grid-wrapper .page-item .page-item-wrapper {
		height: 100%;
		padding: 10px;
		background-color: #f4f4f4;
		/* border: 1px solid #ddd; */
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: space-between;
		row-gap: 20px;
	}

	/* Filter */
		.products-grid .category-filters {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 8px;
		}
		/* Buttons */
			.products-grid .category-filters .filter-btn {
				border: 1px solid var(--selecta-blue);
				color: #fff;
				background-image: none;
				background-color: var(--selecta-blue);
				padding: 8px 12px 6px;
			}
			/* Active / Hover */
				.products-grid .category-filters .filter-btn:is(.active, :hover, :focus, :focus-within, :focus-visible) {
					color: var(--selecta-blue);
					color: #000 !important;
					background-color: #fff;
				}

	/* Product Title */
		.products-grid .products-grid-wrapper .product-title * {
			color: #555 !important;
		}
		.products-grid .products-grid-wrapper .product-title h2 {
			font-size: 1.8rem;
		}

	/* Buttons */
		.products-grid .products-grid-wrapper .button-container {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 6px;
		}
		.products-grid .products-grid-wrapper .button-container a, 
		.mw-post-grid .mw-post-item .mw-read-more /* Post Grid */ {
			display: block;
			padding: 12px 12px 10px;
			text-decoration: none;
			border: 1px solid #575656;
			color: #575656;
			background-color: #fff;
			text-transform: uppercase;
			font-family: 'Haptic-Bold';
			font-size: 1.2rem;
			line-height: 1.2;
		}
		.products-grid .products-grid-wrapper .button-container a.btn-shop {
			color: #fff;
			background-color: #575656;
		}
		/* Single Product Page */
			.btn.single-product-btn {
				font-family: 'Haptic-Bold';
				font-size: 1.2rem;
				background: transparent;
				border: 2px solid #fff;
				text-transform: uppercase;
				text-decoration: none;
				padding: 18px 25px;
			}

	/* Responsive */
		@media screen and (min-width: 340px){
			.products-grid .products-grid-wrapper .button-container {
				flex-direction: row;
				align-items: stretch;
				justify-content: space-between;
			}
		}
		@media screen and (min-width: 460px){
		}
		@media screen and (min-width: 600px){
			.products-grid .products-grid-wrapper {
				flex-direction: row;
				align-items: stretch;
			}
			.products-grid .products-grid-wrapper .page-item {
				width: 50%;
			}
			.products-grid .products-grid-wrapper .button-container {
				flex-direction: column;
				align-items: flex-start;
			}
		}
		@media screen and (min-width: 720px){
			.products-grid .products-grid-wrapper .button-container {
				flex-direction: row;
				justify-content: space-between;
			}
		}
		@media screen and (min-width: 1024px){
			.products-grid .products-grid-wrapper {
				margin: 0 -16px;
			}
			.products-grid .products-grid-wrapper .page-item {
				width: 33.333%;
				padding: 16px;
			}
			.products-grid .products-grid-wrapper .page-item .page-item-wrapper {
				padding: 20px;
			}
		}
		@media screen and (min-width: 1024px) and (max-width: 1100px) {
			.products-grid .products-grid-wrapper .button-container {
				flex-direction: column;
			}
		}
		@media screen and (min-width: 1366px){
			.products-grid .products-grid-wrapper .button-container a, 
			.mw-post-grid .mw-post-item .mw-read-more /* Post Grid */ {
				padding: 10px 16px;
			}
		}
		@media screen and (min-width: 1600px){
			.products-grid .products-grid-wrapper .button-container a, 
			.mw-post-grid .mw-post-item .mw-read-more /* Post Grid */ {
				padding: 16px 24px;
			}
		}

	/*--- Colors ---*/
		/* Babywelt */
			.products-grid:is(.babywelt, .unterwegs-dabei, .sehen-betrachten, .greifen-fuehlen, .rollen-krabbeln) .products-grid-wrapper .product-title * { color: var(--babywelt-color); }
			.products-grid:is(.babywelt, .unterwegs-dabei, .sehen-betrachten, .greifen-fuehlen, .rollen-krabbeln) .products-grid-wrapper .button-container a.btn-shop { background-color: var(--babywelt-color); border-color: var(--babywelt-color); }
			.products-grid:is(.babywelt, .unterwegs-dabei, .sehen-betrachten, .greifen-fuehlen, .rollen-krabbeln) .category-filters .filter-btn {
				border-color: var(--babywelt-color);
				background-color: var(--babywelt-color);
			}
			.products-grid:is(.babywelt, .unterwegs-dabei, .sehen-betrachten, .greifen-fuehlen, .rollen-krabbeln) .category-filters .filter-btn:is(.active, :hover, :focus, :focus-within, :focus-visible) {
				color: var(--babywelt-color);
				background-color: #fff;
			}
		/* Kleinkindwelt */
			.products-grid:is(.kleinkind, .spiel-spass, .bewegen-erleben, .sortieren-zuordnen, .stecken-stapeln, .entdecken-erforschen, .spielend-lernen) .products-grid-wrapper .product-title * { color: var(--kleinkindwelt-color); }
			.products-grid:is(.kleinkind, .spiel-spass, .bewegen-erleben, .sortieren-zuordnen, .stecken-stapeln, .entdecken-erforschen, .spielend-lernen) .products-grid-wrapper .button-container a.btn-shop { background-color: var(--kleinkindwelt-color); border-color: var(--kleinkindwelt-color); color: #000; }
			.products-grid:is(.kleinkind, .spiel-spass, .bewegen-erleben, .sortieren-zuordnen, .stecken-stapeln, .entdecken-erforschen, .spielend-lernen) .category-filters .filter-btn {
				border-color: var(--kleinkindwelt-color);
				background-color: var(--kleinkindwelt-color);
				color: #000;
			}
			.products-grid:is(.kleinkind, .spiel-spass, .bewegen-erleben, .sortieren-zuordnen, .stecken-stapeln, .entdecken-erforschen, .spielend-lernen) .category-filters .filter-btn:is(.active, :hover, :focus, :focus-within, :focus-visible) {
				color: var(--kleinkindwelt-color);
				background-color: #fff;
			}
		/* Spiel & Puzzle */
			.products-grid:is(.spiel-puzzle, .erster-spielspass, .erste-spielmittel) .products-grid-wrapper .product-title * { color: var(--spiel-puzzle-color); }
			.products-grid:is(.spiel-puzzle, .erster-spielspass, .erste-spielmittel) .products-grid-wrapper .button-container a.btn-shop { background-color: var(--spiel-puzzle-color); border-color: var(--spiel-puzzle-color); color: #000; }
			.products-grid:is(.spiel-puzzle, .erster-spielspass, .erste-spielmittel) .category-filters .filter-btn {
				border-color: var(--spiel-puzzle-color);
				background-color: var(--spiel-puzzle-color);
				color: #000;
			}
			.products-grid:is(.spiel-puzzle, .erster-spielspass, .erste-spielmittel) .category-filters .filter-btn:is(.active, :hover, :focus, :focus-within, :focus-visible) {
				color: var(--spiel-puzzle-color);
				background-color: #fff;
			}
		/* Tulips Garden */
			.products-grid:is(.tulips_garden) .products-grid-wrapper .product-title * { color: var(--tulips-petrol); }
			.products-grid:is(.tulips_garden) .products-grid-wrapper .button-container a.btn-shop { background-color: var(--tulips-petrol); border-color: var(--tulips-petrol); }
			.products-grid:is(.tulips_garden) .category-filters .filter-btn {
				border-color: var(--tulips-petrol);
				background-color: var(--tulips-petrol);
			}
			.products-grid:is(.tulips_garden) .category-filters .filter-btn:is(.active, :hover, :focus, :focus-within, :focus-visible) {
				color: var(--tulips-petrol);
				background-color: #fff;
			}
		/* Bellybutton */
			.products-grid:is(.bellybutton) .products-grid-wrapper .product-title * { color: var(--bellybutton-color); }
			.products-grid:is(.bellybutton) .products-grid-wrapper .button-container a.btn-shop { background-color: var(--bellybutton-color); border-color: var(--bellybutton-color); }
		/* Steiff */
			.products-grid:is(.steiff-kategorie) .products-grid-wrapper .product-title * { color: var(--steiff-color); }
			.products-grid:is(.steiff-kategorie) .products-grid-wrapper .button-container a.btn-shop { background-color: var(--steiff-color); border-color: var(--steiff-color); }
		/* Kinderzimmer */
			.products-grid:is(.kinderzimmer) .products-grid-wrapper .product-title * { color: var(--kinderzimmer-color); }
			.products-grid:is(.kinderzimmer) .products-grid-wrapper .button-container a.btn-shop { background-color: var(--kinderzimmer-color); border-color: var(--kinderzimmer-color); }
		/* Neuheiten */
			.products-grid:is(.neuheiten) .products-grid-wrapper .product-title * { color: var(--produkte-color); }
			.products-grid:is(.neuheiten) .products-grid-wrapper .button-container a.btn-shop { background-color: var(--produkte-color); border-color: var(--produkte-color); color: #000; }





/*---------------- Post Grid [mw-post-grid] Ratgeber ------------*/

		.mw-post-grid {
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			margin: 0 -10px;
		}
		.mw-post-item {
			padding: 10px;
		}
		.mw-post-item .mw-post-item-wrapper {
			background-color: #f4f4f4;
		}
		.mw-post-info {
			padding: 12px;
			display: flex;
			flex-direction: column;
			row-gap: 12px;
		}

		/* Buttons */
			.mw-post-grid .mw-post-item .mw-read-more {
				display: inline-block;
				background-color: var(--ratgeber-color);
				border-color: var(--ratgeber-color);
				color: #000;
			}

		/* Pagination */
			.wpb_text_column .mw-pagination {
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: stretch;
				gap: 4px;
			}
			.wpb_text_column .mw-pagination .page-numbers {
				width: auto;
				height: auto;
				/* height: 28px; */
				padding: 8px;
				font-size: 1.4rem;
				font-family: 'Haptic-Light_0_wt', sans-serif;
				font-weight: 400;;
				line-height: 1;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #fff;
				text-decoration: none;
				color: #000;
			}
			.wpb_text_column .mw-pagination .page-numbers.current {
				background-color: #ddd;
			}
			.wpb_text_column .mw-pagination a.page-numbers:hover {
				background-color: var(--selecta-blue);
				color: #fff;
			}


		@media screen and (min-width: 600px){
			.mw-post-grid {
				flex-direction: row;
			}
			.mw-post-item {
				width: 50%;
			}
		}
		@media screen and (min-width: 1024px){
			.mw-post-item {
				width: 33.333%;
			}
			.mw-post-info {
				padding: 16px;
				row-gap: 16px;
			}
		}






/* After Post "Das könnte Sie auch interessieren" Shortcode */

	.after-post {
		padding: 0 5%;
	}

	.after-post .after-post-wrapper {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
	}

	.after-post .after-post-wrapper hr {
		border-top: 4px solid var(--selecta-blue);
		margin: 0 0 32px;
	}

	.after-post .after-post-wrapper h4 {
		margin-bottom: 32px;
	}

	.after-post .after-post-wrapper p {
		font-family: 'Haptic-Light_0_wt', sans-serif;
		color: #555;
		font-size: 20px;
		font-size: 1.4rem;
		line-height: 1.5;
	}