*{
    margin:0;
    padding:0;
    /*font-family: sans-serif;*/
    font-family: sans-serif;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
*, *:before, *:after {
	box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
svg#vitapedia_logo {
		z-index: 2000;
		position: fixed;
		/*position: absolute;*/
		top: 2px;
		right: 15px;
		display: inline-block; 
		/*width: auto; */
		width: 50vw; 
		max-width:250px;
		height: 25px;
		max-height: 30px;
		margin: 15px 0 0 15px;
	}
		#heartbeat {
			animation: heartbeat 1.6s infinite;
			transform-origin: 90px 35px;
		}
		
		#vitapedia_logo:hover #heartbeat {
			animation: rainbowHeart 6s infinite, heartbeat 1.2s infinite;
		}
	@keyframes heartbeat {
			  0%
			  {
				transform: scale( 1 );
			  }
			  20%
			  {
				transform: scale( 0.8 );
			  }
			  40%
			  {
				transform: scale( 1 );
			  }
			  60%
			  {
				transform: scale( 0.8 );
			  }
			  80%
			  {
				transform: scale( 1 );
			  }
			  100%
			  {
				transform: scale( 1 );
			  }
		}
	@keyframes rainbowHeart {
			  0%
			  {
				fill: #008d36;
			  }
			  20%
			  {
				fill: #ffc814;
			  }
			  40%
			  {
				fill: #cc6600;
			  }
			  60%
			  {
				fill: #cc0000;
			  }
			  80%
			  {
				fill: #8d0057;
			  }
			  100%
			  {
				fill: #008d36;
			  }
		}

/* scrollbar styling */
	* {
	  /*scrollbar-width: thin;*/
	  scrollbar-color: #a6a6a6 #e6e6e6;
	}
	*::-webkit-scrollbar {
	  /*width: 8px;*/
	}
	*::-webkit-scrollbar-track {
	  background: #e6e6e6;
	}
	*::-webkit-scrollbar-thumb {
	  background-color: #a6a6a6;
	  border: 1px solid #e6e6e6;
	}
/* scrollbar styling -- END */


body{
    background-image: url(images/white-wood.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
	min-width: 300px;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

#vitastempel{
    display:none;
}

.a_btn {
    display:inline-block;
    color:white;
    background-color:forestgreen;
    padding:20px 30px;
    border:2px solid forestgreen;
    transition: 0.2s;
    letter-spacing: 0.5px;
}
.a_btn:hover{
    color:forestgreen;
    background-color:white;
}

h1 {
    margin: 0 0 20px 0;
    font-size: 36px;
    font-weight:900;
    color: #ccc;
	line-height: 1;
}
h2 {
    margin: 20px 0;
    font-size: 36px;
    font-weight:900;
    color: #ccc;
	line-height: 1;
}


#videos h2{
    margin: 40px 0 20px 0;
    font-size: 36px;
    font-weight:900;
    color: #ccc;
}

.anchorGap{
    padding-top: 100px;
    margin-top: -40px;
}

.accordion h4{
    margin:40px 0px 20px 0px;
    font-size: 20px;
    color: #333;
}

h3{
    margin: 50px 0 10px 0;
}

.legal h4{
    padding-top:20px;
}

.legal ul{
    list-style-type: disc;
}

.legal ul li{
    margin-left:20px;
    margin-bottom: 10px;
}

p, span, table, ol li {
    color: #333;
	cursor: context-menu;
	font-size: 16px;
    line-height: 150%;
}

p{
    margin: 0 0 20px 0;
}



p.quote{
    text-align: center;
    font-size: 20px;
    font-family: 'Courier New', monospace;
    padding: 20px 0;
}

.last_updated {
	width: calc(100% - 40px);
	max-width: 960px;
	margin: 0 auto;
	padding: 10px 0 0 0 ;
}
.last_updated p {
	text-align: right;
	font-size: 90%;
	opacity: 0.85;	
}

.rwd_table,
.einzug-S,
.einzug-L{
    padding:20px 20px 0 20px;
}
.rwd_table tr td,
.einzug-S tr td,
.einzug-L tr td{
    vertical-align: top;
}
.rwd_table tr td:first-child,
.einzug-S tr td:first-child,
.einzug-L tr td:first-child{
    font-weight: bold;
}
.rwd_table tr td:last-child,
.einzug-S tr td:last-child,
.einzug-L tr td:last-child{
    padding-bottom:20px;
}

#wrap{
    padding: 50px 20px 60px 20px;
    max-width:960px;
    box-sizing:border-box;
    margin: 50px auto 0 auto;
    background-color: #fff;
	height:auto;
	/*min-height: calc(100vh - 246px);*/
	min-height: calc(100vh - 478px);
    box-shadow: 0 0 10px #aaa;
}

.responsive{
    max-width:100%;
}


#wrap:after{
    clear:both;
}

a{
    text-decoration: none;
    color: #333;
}

table a,
.link,
.anchor_accordion_content p a,
.accordion p a,
.accordion2 p a,
.anchor_accordion_content li a,
.accordion li a,
.accordion2 li a,
.kuchnia p a,
.legal p a,
.anchor_accordion_content span a,
.accordion span a,
.accordion2 span a,
.legal span a{
    /*display:inline-block;*/
    padding: 6px 0 0 0;
    border-bottom: 6px solid rgba(11,142,54,0.2);
    transition: 0.3s;
    line-height: 11px;
}
table a:hover,
.link:hover,
.anchor_accordion_content p a:hover,
.accordion p a:hover,
.accordion2 p a:hover,
.accordion2 li a:hover,
.accordion li a:hover,
.anchor_accordion_content li a:hover,
.kuchnia p a:hover,
.legal p a:hover,
.anchor_accordion_content span a:hover,
.accordion span a:hover,
.accordion2 span a:hover,
.legal span a:hover,
table a:focus,
.link:focus,
.anchor_accordion_content p a:focus,
.accordion p a:focus,
.accordion2 p a:focus,
.anchor_accordion_content li a:focus,
.accordion li a:focus,
.accordion2 li a:focus,
.kuchnia p a:focus,
.legal p a:focus,
.anchor_accordion_content span a:focus,
.accordion span a:focus,
.legal span a:focus,
table a:active
.link:active
.anchor_accordion_content p a:active,
.accordion p a:active,
.accordion2 p a:active,
.anchor_accordion_content li a:active,
.accordion li a:active,
.accordion2 li a:active,
.kuchnia p a:active,
.legal p a:active,
.anchor_accordion_content span a:active,
.accordion span a:active,
.accordion2 span a:active,
.legal span a:active{
    background: rgba(11,142,54,0.15);
    border-bottom: 6px solid transparent;
}

ul{
	list-style-type: none;
	margin:0;
	padding:0;
    color: #333;
}

ul li{
	margin:0;
	padding:0;
}

::-moz-selection {     
color: inherit;    
background: inherit;
}

::selection {
color: inherit;     
background: inherit;
}



a:focus,
h3:focus{
    outline:0;
}


.clear{
    clear:both;
}


.mittig{
    text-align: center;
}


/*   INTRO   */

.overlay{
    width:100%;
    position: fixed;
    top:0;
    left:0;
	bottom:0;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
}


#intro{
    padding:0 20px;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

#intro-stamp{
    display:block;
    /*width:0%;*/
	width: 100%;
    max-width: 140px;
    margin: 10px auto 10px auto;
    transition:0.5s;
	display: none;
}

#intro #vitapedia_logo,
#intro-logo{
    display:block;
    /*width:0%;*/
	width: 100%;
	height: auto;
    max-width: 720px;
    margin: 0 auto 30px auto;
}


#intro-lang{
    width: 190px;
    margin: 20px auto;
    box-sizing: border-box;
}

#intro-lang img{
    display:inline-block;
    margin: 0 5px;
    transition:0.6s;
    /*opacity:0;*/
}

.slideLeft1{
    -webkit-filter: grayscale(70%); 
    filter: grayscale(70%);
}

.slideLeft2{
    -webkit-filter: grayscale(70%); 
    filter: grayscale(70%);
}

.slideLeft3{
    -webkit-filter: grayscale(70%); 
    filter: grayscale(70%);
}



.slideLeft1:hover, .slideLeft1:active, .slideLeft1:focus{
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);	
}

.slideLeft2:hover, .slideLeft2:active, .slideLeft2:focus{
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);	
}

.slideLeft3:hover, .slideLeft3:active, .slideLeft3:focus{
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);		
}





/*   NAVIGATION   */


.menu-button{
    position:fixed;
    /*position: absolute;*/
    top:0;
    left:0;
    width:100%;
    height: 60px;
    box-shadow: 0 0 10px #333;
    background-color: #fff;
    z-index: 1000;
}

.menu-button span{
    font-size: 40px;
    line-height: 100%;
    display:inline-block;
    cursor:pointer;
    position: absolute;
    top: 10px;
    left: 10px;
}
.menu-button span::after {
	content: "MENU";
	font-size: 15px;
	line-height: 100%;
	position: relative;
	top: -8px;
	left: 4px;
}
.menu-button span:nth-child(2){
	display:none;
}

.menu-button div{
    height: 60px;
    width:70%;
    max-width: 226px; 
    float:right;
    margin-right: 10px;
    background-image: url(images/vitapedia-logo.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
}

.menu-button:after{
    clear:both;
}



nav{
    position:fixed;
    /*position: absolute;*/
    top:-460px;
    left:0;
    width:100%;
    box-shadow: 0 0 50px #000;
    z-index: 900;
    transition:1s;
	background-color: white;
}


nav ul{
	list-style-type: none;
}

nav ul li{
    margin-bottom:0;
    display:block;
}


nav ul li a{
	text-decoration: none;
	color: #000;
    background-color: #fff;
	display: block;
    font-size: 20px;
	padding: 20px 30px;
    border-bottom: 2px solid #ccc;
}
nav ul li a span {
	font-size: 20px;
	cursor: pointer;
	z-index: -1;
}
nav ul li.search a {	
	position: relative;
	padding: 20px 30px 20px 60px;
}
.search a::before {
	content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.623 4.2559c-7.9132 0-14.367 6.454-14.367 14.367 0 7.9132 6.454 14.367 14.367 14.367 3.2414 0 6.2283-1.0954 8.6367-2.918a2.0002 2.0002 0 0 0 0.15039 0.16602l14.898 14.898a2.0002 2.0002 0 1 0 2.8281 -2.8281l-14.898-14.898a2.0002 2.0002 0 0 0 -0.16602 -0.15039c1.8225-2.4084 2.918-5.3953 2.918-8.6367 0-7.9132-6.454-14.367-14.367-14.367zm0 3.5898c5.9732 0 10.777 4.8042 10.777 10.777 0 5.9732-4.8042 10.777-10.777 10.777s-10.777-4.8042-10.777-10.777c2e-7 -5.9732 4.8042-10.777 10.777-10.777z' color='%23000000' color-rendering='auto' fill='%23000' image-rendering='auto' shape-rendering='auto' solid-color='%23000000' style='block-progression:tb;isolation:auto;mix-blend-mode:normal;text-decoration-color:%23000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none;white-space:normal'/%3E%3C/svg%3E%0A");
	display: inline-block;
	position: absolute;
	left: 30px;
	top: calc(50% - 10px);
	height: 20px;
	width: 20px;	
}
.search a.current::before,
.search a:hover::before {
	content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.623 4.2559c-7.9132 0-14.367 6.454-14.367 14.367 0 7.9132 6.454 14.367 14.367 14.367 3.2414 0 6.2283-1.0954 8.6367-2.918a2.0002 2.0002 0 0 0 0.15039 0.16602l14.898 14.898a2.0002 2.0002 0 1 0 2.8281 -2.8281l-14.898-14.898a2.0002 2.0002 0 0 0 -0.16602 -0.15039c1.8225-2.4084 2.918-5.3953 2.918-8.6367 0-7.9132-6.454-14.367-14.367-14.367zm0 3.5898c5.9732 0 10.777 4.8042 10.777 10.777 0 5.9732-4.8042 10.777-10.777 10.777s-10.777-4.8042-10.777-10.777c2e-7 -5.9732 4.8042-10.777 10.777-10.777z' color='%23000000' color-rendering='auto' fill='%23aaa' image-rendering='auto' shape-rendering='auto' solid-color='%23000000' style='block-progression:tb;isolation:auto;mix-blend-mode:normal;text-decoration-color:%23000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none;white-space:normal'/%3E%3C/svg%3E%0A");
}

@media (min-width:1024px) {
	.search a span {
		display: none;
	}
}

#search_h_en::before {
	content: "Popular search results:";
}
#search_h_de::before {
	content: "Beliebte Suchergebnisse:";
}
#search_h_pl::before {
	content: "Popularne wyniki wyszukiwania:";
}


nav ul li.shopping a {	
	position: relative;
	padding: 20px 30px 20px 60px;
}

.shopping a::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' clip-rule='evenodd' fill-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' version='1.0' viewBox='0 0 569 458'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E .str1 %7Bstroke:%23000000%3Bstroke-width:40%7D .fil0 %7Bfill:none%7D %3C/style%3E%3C/defs%3E%3Cpath class='fil0 str1' d='m150 109l389-2-64 197h-325v-195z'/%3E%3Cpath class='fil0 str1' d='m150 109c-14-31-28-61-36-76-7-15-8-16-25-16-18 0-54 1-89 1'/%3E%3Ccircle class='fil0 str1' cx='218' cy='402' r='41'/%3E%3Ccircle class='fil0 str1' cx='404' cy='402' r='41'/%3E%3C/svg%3E");
	display: inline-block;
	position: absolute;
	left: 30px;
	top: calc(50% - 10px);
	height: 20px;
	width: 20px;
}
.shopping a.current::before,
.shopping a:hover::before{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' clip-rule='evenodd' fill-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' version='1.0' viewBox='0 0 569 458'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E .str1 %7Bstroke:%23aaaaaa%3Bstroke-width:40%7D .fil0 %7Bfill:none%7D %3C/style%3E%3C/defs%3E%3Cpath class='fil0 str1' d='m150 109l389-2-64 197h-325v-195z'/%3E%3Cpath class='fil0 str1' d='m150 109c-14-31-28-61-36-76-7-15-8-16-25-16-18 0-54 1-89 1'/%3E%3Ccircle class='fil0 str1' cx='218' cy='402' r='41'/%3E%3Ccircle class='fil0 str1' cx='404' cy='402' r='41'/%3E%3C/svg%3E");
}


.large-nav img{
    /* display:none; */
    /*position:fixed;*/
    position:absolute;
    left:0;
    top: -200px;
    height: 60px;
    box-sizing: border-box;
    padding:5px;
}

.show-nav{
    top:60px;
}

.current, .current * {
    color: #aaa;
	cursor: default;
}


/*   INDEX - PHOTOS   */

#galeria{
    max-width:884px;
    margin: 0 auto;
}

#galeria a img{
    border: 1px solid #ccc;
    border-radius: 7px;
    margin: 5px;
    width:27%;
    max-width: 128px;
}



/*   VIDEOS */

#videos ol {
	padding-left: 0 !important;
}
#videos ol li {
    margin-bottom: 10px;
    margin-left: 30px;
    transition:1s;
}

#videos ol li {
    text-decoration: none;
    color: #333;
    font-size: 17px;
    transition:0.3s;
}

#videos ol li a:hover {
    text-decoration: underline;
    margin-left: 5px;
    margin-right: 5px;
}

#videos ol li::after {
    content: " ➜ ";
    color: rgba(0,0,0,0);
    text-decoration: none;
    font-size: 22px;
}


#videos ol li:hover::after {
    content: " ➜ ";
    color: forestgreen;
    font-size: 22px;
    text-decoration: none;
}

/* SEARCH */

#search ul li {
    margin-bottom: 10px;
    margin-left: 10px;
    transition:0.6s;
}
#search ul li a {
	transition:0.6s;
}

#search ul li {
    text-decoration: none;
    color: #333;
    font-size: 17px;
    transition:0.3s;
}

#search ul li a::before {
	content: " ➜ ";
    color: forestgreen;
    font-size: 22px;
}

#search ul li a:hover {
    text-decoration: underline;
    /*margin-left: 5px;*/
    margin-right: 5px;
}

/*
#video-wrap{
    width:100%;
    max-width:960px;
    margin: 0 auto;
}

.videobox{
    width:300px;
    height: 200px;
    background-color: #111;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 15px;
    margin: 30px auto;
}

.videobox h4{
    color:#fff;
    height: 40px;
}

.videobox a{
    display: block;
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    font-size: 40px;
    border: 5px solid rgba(255,255,255,0.7);
    box-sizing: border-box;
    width: 70px;
    height:70px;
    padding: 7px 0px 5px 15px;
    margin: 10px auto 0 auto;
    border-radius: 50px;
}

.videobox a:hover{
    color: rgba(255,255,255,1.0);
    border-color: rgba(255,255,255,1.0);
}


.filmik{
    position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: auto;
    width:100%;
    max-width:960px;
    margin-top: 10px;
    margin-bottom: 10px;
}

iframe{
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/






/*   FACTS  */
/* accordion */

.anchor {
    position: relative;
    height: 58px;
    margin-top: -58px;
    visibility: hidden;
}

.anchor_accordion,
.accordion,
.accordion2 {
    margin-bottom: 30px;
}
.accordion2 {
	border-bottom: 2px solid #ddd;
}
a.anchor_accordion_link {	
	display: block;
	padding-top: 15px;
	scroll-margin-top: 58px;
}
.anchor_accordion h3 {
	cursor:pointer;
    margin-bottom:0;
    background-color: #ddd;
    border:2px solid transparent;
    padding: 15px 40px 15px 20px;
    margin-top: 0;
    transition:0.5s;
	position: relative;
}
.accordion h3 {
    cursor:pointer;
    margin-bottom:0;
    background-color: #ddd;
    border:2px solid transparent;
    padding: 15px 40px 15px 20px;
    margin-top:15px;
    transition:0.5s;
	position: relative;	
}
.accordion2 h3 {
    cursor:pointer;
    margin-bottom:0;
    background-color: #fff;
    border-top:2px solid #ddd;
    border-left:2px solid #ddd;
    border-right:2px solid #ddd;
    padding: 15px 40px 15px 20px;
    margin-top:0px;
    transition:0.5s;
	position: relative;	
}

.accordion h3::before,
.accordion2 h4::before  {
	content: "+";
	position: absolute;
	right: 20px;
	font-weight: 100;
}
.accordion h3.active::before,
.accordion2 h4.active::before  {
	content: "–";
}

.anchor_accordion_content {
	padding: 20px;
}
.accordion .collapsible {
    padding: 20px 20px 0 20px;
}
.anchor_accordion_content {
	transition: 0.6s;
	display: none;
	opacity: 0;	
}
.accordion2 .collapsible {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
	display: none;
}


@-webkit-keyframes fadeIn {
	from 	{ opacity: 0; }
	to 		{ opacity: 1; }
}
@keyframes fadeIn {
	from 	{ opacity: 0; }
	to 		{ opacity: 1; }
}
.anchor_accordion_link:target + .anchor_accordion_content {
	display: block;
	opacity: 1;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}
/*
.anchor_accordion_link:hover h3 {
	border-color: #333; 
}
*/

.anchor_accordion_link h3 {
	position: relative;
	transition: 0.3s;
	border: none;
}

.anchor_accordion_link h3::after {
	content: '›';
	position: absolute;
	right: 1em;
	line-height: 0.9;
	scale: 1.5;
	transition: 0.3s;
}

.anchor_accordion_link:target h3::after {
	rotate: 90deg;
	line-height: 1.1;
}

@keyframes highlight {
	0%	 	{ opacity: 1; }
	100%	{ opacity: 0; }
}

@keyframes heart {
	0% 			{ opacity: 0; scale: 0.1;}
	40% 		{ opacity: 1; scale: 2; rotate: -90deg; }
	100%		{ opacity: 0; scale: 0.1; rotate: 0deg; }
}
.anchor_accordion_link h3::before {
	content: " ";
	color: #333;
	position: absolute; 
	left: 0;
	top: 0;
	height: 100%;
	border-left: 4px solid #333;
	z-index: 20;
	transition: 0.3s;
	opacity: 0;
}

.anchor_accordion_link:target h3::before{
	-webkit-animation: highlight 4s;
	animation: highlight 4s;
}

.anchor_accordion_link:hover h3::before  {
	opacity: 1;
}

.collapsible::after {
    content: "";
    clear: both;
    display: table;
}
.accordion2 .collapsible {
    padding: 0px 20px 0px 20px;
}
/*
.collapsible p {
    margin: 20px 0;
}
*/
.anchor_accordion_content img,
.collapsible img{
    max-width: 100%;
    display:block;
    margin: 0px auto;
    text-align: center;
}
.anchor_accordion_content > img,
.collapsible > img {
	margin: 20px auto;
}

.anchor_accordion_content ul, 
.collapsible ul{
    margin: 30px 20px;
}

.anchor_accordion_content ul li,
.collapsible ul li{
    margin-bottom:30px;
    line-height: 140%;
}

.collapsible ul li span:nth-child(1){
    font-weight: bold;
}

/* radio accordion */
.radio_accordion {
	margin-top: 30px;
	margin-bottom: 30px;
	border-bottom: 2px solid #ddd;
}
.radio_accordion > div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
}
.radio_accordion .panel {
	margin: 0 auto;
	height: 0;
	overflow: hidden;
	padding: 0 20px;
	transition: 0.5s;
}
.radio_accordion input:checked~.panel {
	height: auto;
	color: #444;
	padding: 0 20px 20px 20px;
	transition: 0.5s;
	
}
.radio_accordion label {
	cursor: pointer;
	background-color: #fff; 
	color: #444;
	display: block;
	border-top: 2px solid #ddd;
	padding: 1em 2em 1em 1em;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	z-index: 10;
	position:relative;
}
.radio_accordion label::after {
	content: '›';
	color: #bbb;
	position: absolute;
	right: 1em;
	line-height: 0.9;
	font-weight: 400;
	scale: 1.5;
	transition: 0.3s;
}
.radio_accordion label:hover::after {
	color: #333;
}
.radio_accordion input:checked + label::after {
	rotate: 90deg;
	line-height: 1.1;
}
.radio_accordion input{
	display: none;
}
.radio_accordion input:checked+label {
	background-color: white;
	color: #444;
}
.radio_accordion input:checked+label:before {
	transition: 0.5s;
}




.dashList{
    margin:20px 20px 40px 10px !important;
}
.dashList li{
    padding-left: 15px;
    margin-bottom: 0.75em !important;
}

.dashList li:before{
    content: "–";
    display: inline-block;
    width:10px;
    padding-right:5px;
    margin-left: -15px;
}
table .dashList{
    margin: 20px !important;
}

.bulletList {
	list-style-type: disc;
	margin:20px 20px 40px 30px !important;
}
.bulletList li::marker {
	color: forestgreen;
	font-size: 1.2em;
}
.bulletList li {
    margin-bottom: 0.75em !important;
}

#wrap ol {
	padding-left: 1.5em;
	padding-bottom: 0.5em;
}
#wrap ol li {
	margin-bottom: 20px; 
}

.images{
    max-width:884px;
    margin: 20px auto;
    text-align: center;
}

.accordion2 .images {
	padding-bottom: 20px;
}

.images a{
    display:inline-block;
	margin: 5px;
	width:27%;
	max-width:128px;
}

.images a img{
    border: 1px solid #ccc;
    border-radius: 7px;
    width:100%;
    /*max-width: 128px;*/
}



/*   KITCHEN   */


#worktop{
    margin: 20px auto 50px auto;
    text-align: center;
}

#worktop li{
    display:inline-block;
    position: static;
    width: 30%;
}

#worktop li a img{
    max-width:100%;
    max-height: 100px;
}


#opisy div{
    display:none;
}


.kuchnia img{
    display:none;
    /* display:block; */
    max-width:100%;
    max-height: 350px;
    margin:10px auto;
}


.kuchnia{
    margin:20px;
    padding-bottom: 30px;
}

.kuchnia p{
    margin-bottom: 10px;
}

.kuchnia ul{
	margin-bottom: 25px;
}

.kuchnia li:before{
	content: '✔';   
    margin-left: 1px; 
	margin-right: 5px;
	color: forestgreen;
}

.kuchnia li{
    margin-left: 30px;
	margin-bottom:5px;
    
}





.tabs {
    display:block;
}

.tab-links li {
    margin:0px 5px;
    list-style:none;
    display: inline-block;
}


.tab{
    display:none;
}

.tab.activeTab{
    display:block;
}



/*   RECIPES  */


/*   SHOP  */

#sklep h3, 
#przepisy h3{
    margin-bottom:10px;
}


#sklep ul, 
#przepisy ul{
    list-style-type: none;
}

#sklep ul li, 
#przepisy ul li{
    margin-bottom: 10px;
    display:block;
    transition:1s;
}

#main-events ul li a,
#sklep ul li a,
#przepisy ul li a,
#videos ol li a{
    text-decoration: none;
    color: #333;
    font-size: 17px;
    transition:0.3s;
}

#main-events ul li a:hover,
#main-events ul li a:active,
#sklep ul li a:hover, 
#sklep ul li a:active,
#przepisy ul li a:hover,
#przepisy ul li a:active{
    text-decoration: underline;
    margin-left: 5px;
    margin-right: 5px;
}

#main-events ul li::before,
#sklep ul li::before,
#przepisy ul li::before{
    content: " ➜ ";
    color: forestgreen;
    font-size: 22px;
}

#main-events ul li:hover::after,
#przepisy ul li:hover::after{
    content: " ➜ ";
    color: forestgreen;
    font-size: 22px;
    text-decoration: none;
}


#sklep span > span{
    font-size: 22px;
}



#sklep span:nth-child(1) span{
    color:#cc0000;
}

#sklep span:nth-child(2) span{
    color:#007399;
}

#sklep span:nth-child(3) span{
    color:#ff9900;
}

.video_links_sidebar_wrapper {
    padding:30px 0px;
}
.video_link_poster {
    display:inline-block;
    margin-bottom:20px;
    margin-top:20px;
    transition:0.3s;
}
.video_link_poster .video_link_title {
    padding:5px 0px;
}
.video_link_poster img {
    width:auto;
    max-width:100%;;
    transition:0.3s;
}
.video_link_poster:hover {
    opacity:0.8;
}


.lebensmittel::after{
    content: " 🍒 ";
    color: #cc0000;
    font-size: 22px;
}

.equipment::after{
    content: " 🔌 ";
    color: #007399;
    font-size: 22px;
}

.tropikalne::after{
    content: " ☀";
    color: #ff9900;
    font-size: 22px;
}

.trinkkokos::after{
    content:" 🌴 ";
    font-size: 22px;
}


.napisz{
    text-align: center;
    margin: 50px auto 0 0;
}
.napisz div{
    max-width: 300px;
    margin: 0 auto;
    border: 3px dashed #ccc;
    padding: 20px 20px 0 20px;
}

/* - - - SEARCH - - -  */
#search_wrap {
	margin: 2em 0;
}
input#myInput{
	font-size:16px;
	padding: 12px 20px;
	border: 1px solid #ddd;
	margin-bottom: 6px;
	width: 200px;
}
input#myInput::placeholder,
input#myInput:-ms-input-placeholder,
input#myInput::-ms-input-placeholder {
	color: #999;
	opacity: 1;
}
input#myInput:focus-visible {
	outline: 2px solid forestgreen;
}
input#myInput + span {
	cursor: pointer;
	padding: 0 0.5em;
	font-size: 26px;
	line-height: 130%;
	display: inline-block;
}
input#myInput + span:hover {
	color: forestgreen;
}
.searchBox span{
	cursor: pointer;
	display:inline-block;
	margin-left: -30px;
}
.keywords{
	display:none;
}
#myList{
	list-style-type: none;
	padding:0;
	margin: 2em 0;
}
#myList p,
#myList li {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	display: none;
}
#myList li::after{
	content: "";
	clear: both;
	display: table;
}

h2{
	margin-top: 10px;
	margin-bottom: 10px;
}


@media(min-width:700px){

	#myList li{
		margin-bottom: 1.5em;
	}
	.blogTeaser img{
		width:40%;
		float:left;
	}
	.blogTeaser div{
		width:60%;
		float:left;
		padding-left:20px;
	}
}


/* - - - NEWSLETTER - - - - */

.newsletter_checkbox {
	margin: 30px 0;
}
.disabled_link {
	pointer-events: none;
  	cursor: default;
  	opacity: 0.7;
}
input[type="checkbox"] {
    transform:scale(1.3, 1.3);
	margin-right: 0.75em;
	margin-left: 0.25em;
	cursor: pointer;
	accent-color: forestgreen;
	width: 20px;
	height: 20px;
}

/*  - - - - - - - - - - */

#main-events{
    width:100%;
    max-width: 960px;
    margin: 0 auto;
    box-sizing: border-box;
}

#main-events p{
    margin: 20px 0 40px 0;
    color: #333;
}

#main-events a{
    text-decoration: none;
}


#main-events img{
    width:100%;
    max-width:900px;
    margin-top: 30px;
}


#main-events ul.auflistung{
    list-style-type: none;
    margin-left: 10px;
    transition: 0.3s;
}

#main-events ul.auflistung li{
    margin: 20px 0 30px 0;
    transition: 0.3s;
}


span.new{
    color: #ffffff;
    background-color: #0B8E36;
    padding: 3px 6px;
    font-weight: 600;
    font-family: sans-serif;
    font-size: 22px;
    position:relative;
    top:1px;
}

/* - - - - - - - - - */


#jumper, 
.jumper{
	position:fixed;
    right:10px;
	display:block;
    transition: 0.5s;
    z-index: 100;
    color:#aaa;
    background-color: #fff;
    text-decoration: none;
    /*box-shadow: 0 0 10px #bbb;*/
    box-sizing: border-box;
	font-size: 25px;
	line-height: 1;
    padding: 0.25em;
    cursor:pointer;
}

#jumper{
	bottom: 10px;
    display:none;
}

.jumper:hover,
#jumper:hover {
    color: forestgreen;
}

.jumper:active,
#jumper:active {
    color: darkgreen;
}


#jump_top {
	bottom:50px;
}
#jump_bottom {
	bottom: 10px;
}

@media(min-width:1200px){
    
	#jumper {
		font-size: 30px;
		bottom: 30px;
		right: 30px;
	}
	#jump_top {
		font-size: 30px;
		bottom: 80px;
		right: 30px;
	}
	#jump_bottom {
		font-size: 30px;
		bottom: 30px;
		right: 30px;
	}	    
    
}







.socialmedia{
    position:fixed;
    left:0;
    bottom: 10vh;
    z-index: 100;
    /*display:none;*/
}


.socialmedia a{
    display:block;
    text-decoration: none;
    color:#fff;
    font-size:30px;
    font-weight: 600;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 5px;
    opacity:1;
    transition: 0.5s;
    z-index: 25;
}


#facebook{
    padding: 5px 10px 5px 20px;
    background-color: #3B5998;
    transition: 0.5s;
}

#youtube{
    padding: 5px 15px 5px 15px;
    background-color: #c4302b;
    transition: 0.5s;
}

.socialmedia a:hover {
    opacity:0.7;
}

.socialmedia a:active{
    opacity:0.7;
}





.impr{
    width:100%;
    max-width: 440px;
    padding: 30px 0;
    font-size: 16px;
}


.impr p{
    margin-top: 20px;
}

.impr a{
	color: #333;
}

#angaben1a::after{
    content: " Kamila Kisiel ";
    color:#333;
}

#angaben1b::after{
    content: " Bahnhofstraße 83 ";
    color:#333;
}

#angaben1c::after{
    content: " 47574 Goch ";
    color:#333;
}

#angaben1d::after{
    content: " +49 177 425 66 08 ";
    color:#333;
}

#angaben1e::after{
    content: " info@vitamila.eu ";
    color:#333;
}


#angaben2::after{
    content: " Kamila Kisiel ";
    color:#333;
}



/*  FOOTER   */
footer, footer * {
	color: #c0b4a7;
	font-size: 15px;
	text-transform: uppercase;
}
#footer_top{
	width:100vw;
    height:196px;
    background-image: url(images/gras.png);
	background-repeat: repeat-x;
    background-position: center;
    z-index: 1;
	text-align: center;
    vertical-align: bottom;
    display:table-cell;    
}

#footer_bottom {
	background-color: #2b1d0e;
	padding: 30px;
}

#footer_bottom > ul {
	max-width: 960px;
	margin: 0 auto;
}

#footer_bottom ul li {
	display: inline-block;
	padding: 1em 1.5em 1em 0;
	margin: 0;
}

#footer_bottom ul + ul {
	margin-top: 1rem;
}

#footer_bottom li a svg {
	height: 2em;
	width: 2em;
}
#footer_bottom li a svg {
	fill: #c0b4a7;
}

#footer_bottom li a:hover svg {
	fill: #e5e1db;
}


#footer_bottom a:hover:not(.current) {
	text-decoration-line: underline;
	text-decoration-style: dotted;
	color: #e5e1db;
}

#footer_bottom li a.current {
	cursor: default;
	color: #999085;
}


/*
@media (min-width:540px) {
	#footer_bottom ul {
		column-count: 2;
	}
}
@media (min-width:768px) {
	#footer_bottom ul {
		column-count: 3;
		column-gap: 25%;
	}
}
@media (min-width:1024px) {
	#footer_bottom ul  li {
		margin: 0  0 .75em 0;
		padding-left: 30px;
	}
}
*/


#footer_copyright {
	background-color: #1e1409 ;
	padding: 15px 30px;
}
#footer_copyright > * {
	display: block;
	max-width: 960px;
	margin: 0 auto;
	color: #aca196;
}

@media (min-width:1024px) {
	#footer_bottom ul,
	#footer_copyright > * {
		padding-left: 30px;
	}
}

/*
#impressum{
    font-size: 16px;
    display:inline-block;
    margin-top: 130px;
    color: #fff;
    text-shadow: 0 0 20px #000; 
}

#impressum:hover{
    color:#000;
    text-shadow: 0 0 20px #fff;
}
*/

#impr{
    width:100%;
    max-width:440px;
    margin-bottom: 50px;
    margin-top:50px
}



/* R E S P O N S I V E */

@media(max-width:529px){
    
	p, ul, ol {
		font-size: 0.85rem;
	}
	
    .rwd_table tr td:first-child,
    .einzug-S tr td:first-child,
    .einzug-L tr td:first-child{
        display:block;
        width:100% !important;
    }
    .rwd_table tr td:last-child,
    .einzug-S tr td:last-child,
    .einzug-L tr td:last-child{
        display:block;
        width:100% !important;
    }
    
        
}


@media(min-width:530px){
    
    #galeria a img
    .images a{
        width:21%;
        max-width: 128px;
    }
    
    
    .rwd_table tr td:first-child,
    .einzug-S tr td:first-child,
    .einzug-L tr td:first-child{
        display:table-cell;
        text-align: right;
    }
    .rwd_table tr td:last-child,
    .einzug-S tr td:last-child,
    .einzug-L tr td:last-child{
        display:table-cell;
        padding-left:15px;
    }
    
    .einzug-S tr td:first-child{
        width:100px !important;
    }
    .einzug-S tr td:last-child{
        width:calc(100% - 100px) !important;
    }
    
    .einzug-L tr td:first-child{
        width:170px !important;
    }
    .einzug-L tr td:last-child{
        width:calc(100% - 170px) !important;
    }
    
    
    
    
}



@media(min-width:700px){
	
	#wrap{
		padding: 58px 30px 60px 30px;
	}
	
	
    #galeria a img,
    .images a{
        width: 128px;
    }
    
    
    .videobox{
        display: inline-block;
        margin: 0 0 30px 30px;;
    }
    
    #video-wrap{
        width: 700px;
        margin: 0 auto;
    }

    
    .collapsible ul li span{
        display: inline-block;
        vertical-align: top;
    }
    
    .collapsible ul li span:nth-child(1){
        text-align: right;
    }
    
    .collapsible ul li span:nth-child(2){
        padding-left: 15px;
    }
    
    ul.einzugS li span:nth-child(1){
        width: 100px;
    }
    
       
    ul.einzugS li span:nth-child(2){
        width: calc(98% - 100px);
    }
    
    ul.einzugL li span:nth-child(1){
        width: 170px;
    }
    
    
    ul.einzugL li span:nth-child(2){
        width: calc(98% - 170px);
    }
    
    #sklep .flex_wrap {
        display: flex;
        justify-content: space-between;
    }
    #sklep .flex_child {
        width:50%;
    }
    .video_links_sidebar_wrapper {
        text-align:right;
        padding:0px;
    }
    

}



@media(min-width:1024px){
    
	svg#vitapedia_logo {
		top: 0;
		left: 0;
		max-width:250px;
		height: 30px;
		max-height: 30px;
	}
	
    .menu-button{
        display:none;
    }
    
    .large-nav{
        display:block;
        width:100%;
        position:fixed;
        /*position:absolute;*/
        top:0;
        background-color: #fff;
        box-shadow: 0 0 10px #aaa;
        z-index:1000;
    }
    
    
    .large-nav img{
        top:0;
    }
  
    nav{
        position:static;
        float:right;
        /*width:750px;*/
        width:auto;
        background-color: transparent;
        box-shadow: none;
        transition:0s;
    }
    
    nav ul li{
        display:inline-block;
        box-sizing: border-box;
    }
    
    nav ul li a{
        display:inline-block; 
        padding: 20px 20px;
        border-bottom:none;
        font-size: 15px;
    }
	
	nav ul li a span {
		font-size: 15px;
	}
	
	nav ul li.search a {
		padding: 20px 20px 20px 35px;
	}	
	
	
	.search a::before  {
		left: 12px;
	}
	
	nav ul li.shopping a {
		padding: 20px 20px 20px 35px;
	}
	.shopping a::before  {
		left: 8px;
		top: calc(50% - 9px);
	}
	
    
    nav ul li a:hover span,
    nav ul li a:hover {
        color: #aaa;
        /*font-weight: */
    }
    
    nav ul li:nth-child(1) a{
        border-top:none;
    }

    
    large-nav:after{
		clear: both;
    }
    
    #vitastempel{
        width:900px;
        margin: 10px auto 30px auto;
    }
    
    #vitastempel span{
        display:inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    
    #vitastempel span:nth-child(1){
        width: 150px;
        height:150px;
        background-image: url(images/vitapedia-stamp.png);
    }
   
    #vitastempel span:nth-child(2){
        width: 745px;
        height:150px;
        background-image: url(images/vitapedia-logo.png);
    }
    
    .kuchnia img{
        display:none;
    }
    
    
    #worktop{
        width:920px;
        height: 550px;
        margin: 20px auto 50px auto;
        background-image: url(images/worktop.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom center;
        position: relative;
        z-index: 50;
        }


    #worktop li{
        width: auto;
        display:block;
        position:absolute;
        transition: 0.2s;
    }
    
    #worktop li:hover{
        transform: scale(1.2,1.2);
    }

    /* transform: rotate(-5deg); */

    #worktop li:nth-child(1){
        top: 25px;
        left: 7px;
    }


    #worktop li:nth-child(2){
        top: 115px;
        left: 180px;
    }


    #worktop li:nth-child(3){
        top: 140px;
        left: 300px;
    }


    #worktop li:nth-child(4){
        top: 205px;
        right: 260px;
    }

    #worktop li:nth-child(5){
        top: 85px;
        right: 245px;
    }


    #worktop li:nth-child(6){
        top: 150px;
        right: -30px;
    }


    #worktop li:nth-child(7){
        bottom: 35px;
        left: 195px;
    }

    #worktop li:nth-child(8){
        bottom: 115px;
        right: 40px;
    }
    
    #worktop li a img {
        height: 100%;
        max-height: 100%;
    }
    
    
    
    
    
    .socialmedia{
        bottom: 30vh;
    }
    
    
    
    
}







@media(min-width:1800px){
    
    
    
}