@font-face {
  font-family: Asap;
  src: url('fonts/asap/Asap-Regular.ttf');
}
/*
@font-face {
  font-family: BloklettersB;
  src: url('fonts/Blokletters-Balpen.ttf');
}
@font-face {
  font-family: BloklettersP;
  src: url('fonts/Blokletters-Potlood.ttf');
}
@font-face {
  font-family: BloklettersV; /**/
 /* src: url('fonts/Blokletters-Viltstift.ttf');
}/*
@font-face {
  font-family: GreatEscapeBold;
  src: url('fonts/TheGreatEscapeBold-op2A.ttf');
}
@font-face {
  font-family: GreatEscape;
  src: url('fonts/TheGreatEscape-ge15.ttf');
}
@font-face {
  font-family: FallInLove;
  src: url('fonts/fall_in_love/Fall in love.ttf');
}
@font-face {
  font-family: daughter;
  src: url('fonts/aa/daughter.ttf');
}*/

* {
  box-sizing: border-box;
  font-family: asap; /*-apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;*/
  font-size: 12pt;
  line-height: 1.6;
}

:root {
  --li-Kreis-Textcolor:	#253517; /*wirkaround für "zu den produktbewertungen" */
  --HomePageBackground: rgba(213,214,242,.1); /*beides supplemente farben*/	
  --HomePageBackground2:rgba(188,186,242,.2); /*beides supplemente farben*/	
	
	     /*   scroll-snap-type: both mandatory; 
        overscroll-behavior-x: contain;*/
	  overflow-y: visible;
	  overflow-x: hidden; 
/* svg und box-shadow */  
  --FooterSVGFill: #253517; /* dunkelstes grün */
  --TextColor: #253517;
  --FooterText: #D9B36C; /* footer not links, generic hellstes braun */
  --TextColorBrightOnDark: #E7F2D5; /*footer text links, hellstes grün */
  
  --SeparatorStrokeColor: #84B36B; /* keen effekt atm */;
  --SeparatorSVGFill: #C1DC96; /*#70B96D; basis tria #BCE8C0*/ /*rgb(138,191,114)*/ /*2. hellstes */
  --ProductPageBackground: rgba(193,220,150,.1);
  --ProductPageBackgroundStrong: rgba(193,220,150,.5);
  --SeparatorShadow: #00FF00; /*keen effekt atm */

  --SeparatorStrokeColorTwei: #7B996B; /*kein effekt im augenblick*/
  --SeparatorSVGFillTwei: #E7F2D5; /*#6BBB7C;*/ /*rgb(192,216,156)*/ /*hellstes*/
  --SeparatorShadowTwei: #7B996B; /* kein effekt im augenblick*/

  --SeparatorStrokeColorDrei: #8C4E18; /*einzig benutztes, braun, rot, grün, chai das selbe*/
  --SeparatorSVGFillDrei: #8C4E18; /*generic braun dunkelstes*/
  --SeparatorShadowDrei: #8ABF72;
 

  --PicShadowInHomescreen: #253517;

/* txt box elemente */
  --HrShadow:#3C2816;
  --HrShadowBorder: 1px solid #8C4E18;
  
  --RotSeparatorStrokeColor: #84B36B; 
  --RotSeparatorStrokeColorTwei: #7B996B; 
  --RotSeparatorStrokeColorDrei: #8C4E18; /*einzig benutztes, braun, rot, grün, chai das selbe*/
  
  --CenterLeftRightBoxBackgroundGradientOne: #E7F2D5; /* basic background color, ook input */
  --CenterLeftRightBoxBackgroundGradientTwo: #C1DC96;
  --CenterLeftRightBoxBackgroundGradientThree: #E7F2D5;  
  
  --CenterboxHeaderColor: #8C4E18; /*textcolor  H1, 2, 3, 4, 5 ook: button background (buy) braun braun, gr+ün: braun, generic braun */
  --CenterboxHeaderColorMarker:#658C3E; /*mittleres grün */
  --TextColorCenterLeftRightBox:#3C2816;
  --VariousBorderColors: 1px solid #EEEEEE; /*sometimes full border, sometimes border-bottom */

  --FirstHeaderBG: #C1DC96; /*2. hellstes grün*/
  --FirstHeaderText: #BC4E18; /*generic braun, braun-braun*/

/* verschiedenes */
  --BackgroundColorHeaderSearchIHover:#f7f7f7;
  --HeaderNavAHoverString: 1px solid #d9d9d9;
  --priceColorMainpage: #447777;
  --BodyBackgroundColor: #f1f4f5;
  --BodyTextColor: #253517;

 	--MenuBorderTop: 0px #7B996B solid;
   --MenuBoxshadowTop:0px 2px 2px #7B996B ;
	--MenuBorderBottom: 0px black solid;
	--MenuBoxshadowBottom: 0px 2px 2px #7B996B inset;
   
   --TextColorHomescreen: #8C4E18; 
   
   --boxBackground: #E7F2D5;
   
   --HomescreenPicRight: belderkes/produktbilder/introseite3.jpg;


	/*rot*/
  
  --RotProductPageBackground: rgba(209,83,100,0.05);
  --RotProductPageBackgroundStrong: rgba(209,83,100,0.5);
  --RotSeparatorSVGFill: #D15364; /*2. hellstes*/
  --RotSeparatorSVGFillTwei: #E3BAC9; /*hellstes*/
  --RotSeparatorSVGFillDrei: #8C4E18; /*generic braun dunkelstes*/

  --KakaoSeparatorStrokeColor: #84B36B; 
  --KakaoSeparatorStrokeColorTwei: #7B996B; 
  --KakaoSeparatorStrokeColorDrei: #8C4E18; /*einzig benutztes, braun, rot, grün, chai das selbe*/

  --RotCenterLeftRightBoxBackgroundGradientOne: #E3BAC9; /* basic background color, ook input, hellstes rot */
  --RotCenterLeftRightBoxBackgroundGradientTwo: #D15364;
  --RotCenterLeftRightBoxBackgroundGradientThree: #E3BAC9; 
  
   /*nicht benutzt, generelle farbe, edit nur über funktion -> foutleest(); (janz onge)*/
  --RotFooterSVGFill: #540031; /* dunkelstes rot */
  --Rot-li-Kreis-Textcolor:#540031;
  --RotTextColor: #540031;
  --RotFooterText: #D9B36C; /* footer not links, generic hellstes braun */
  --RotTextColorBrightOnDark: #E38AC9; /*footer text links, hellstes rot */
  
  
  --RotCenterboxHeaderColor: #263774; /*textcolor  H1, 2, 3, 4, 5 ook: button background (buy) braun braun, gr+ün: braun, generic braun */
  --RotCenterboxHeaderColorMarker: #263774; /*mittleres rot; rose*/
  --RotTextColorCenterLeftRightBox:#3C2816; /*--------------*/
  
  --RotFirstHeaderBG: #D15364; /*2. dunkelstes rot*/
  --RotFirstHeaderText: #E3BAC9; /*generic braun, braun braun*/
  --RotBodyTextColor: #8C4E18;
  --RotpriceColorMainpage: #447777;

  --RotMenuBorderTop: 0px #820232 solid; /*weinrot, rose*/
  --RotMenuBoxshadowTop:0px 2px 2px #820232; /*weinrot, rose*/
	

  /*schmea rot: blau: 263774*/
  /*schmea rot: wein, dunkel: 540031*/
  /*schmea rot: wein, rose: 820232*/
  
  
  /*kakao */
  /*
  #D2D6D8  GRAU
  #D8853C  BRAUN, HELL
  #A55426  BRAUN, DUNKEL
  #D8A588  BEIGE, HELL
  #3F0C01  BRAUN, DUNKEL STES
  */
  --Kakao-li-Kreis-Textcolor: #3F0C01;
  --KakaoProductPageBackground:rgba(216,133,60,0.05);
  --KakaoProductPageBackgroundStrong:rgba(216,133,60,0.5);
  --KakaoSeparatorSVGFill: #D8853C; /*2. hellstes*/
  --KakaoSeparatorSVGFillTwei: #D8A588; /*hellstes*/
  --KakaoSeparatorSVGFillDrei: #8C4E18; /*generic braun dunkelstes #################not */

  --KakaoCenterLeftRightBoxBackgroundGradientOne: #D2D6D8; /* basic background color, ook input, hellstes -> grau */
  --KakaoCenterLeftRightBoxBackgroundGradientTwo: #D8853C;
  --KakaoCenterLeftRightBoxBackgroundGradientThree: #D2D6D8; 
  
   /*nicht benutzt, generelle farbe, edit nur über funktion -> foutleest(); (janz onge)*/
  --KakaoFooterSVGFill: #540031; /* dunkelstes Kakao */
  --KakaoTextColor: #3F0C01;
  --KakaoFooterText: #D9B36C; /* footer not links, generic hellstes braun */
  --KakaoTextColorBrightOnDark: #E38AC9; /*footer text links, hellstes Kakao */
  
  
  --KakaoCenterboxHeaderColor: #A55426; /*textcolor  H1, 2, 3, 4, 5 ook: button background (buy) braun braun, gr+ün: braun, generic braun ###############not */
  --KakaoCenterboxHeaderColorMarker: #A55426; /*mittleres Kakao; rose*/
  --KakaoTextColorCenterLeftRightBox:#3C2816; /*-------------- #####NOT */
  
  --KakaoFirstHeaderBG: #D8853C; /*2. dunkelstes Kakao*/
  --KakaoFirstHeaderText: #E3BAC9; /*generic braun, braun braun*/
  --KakaoBodyTextColor: #8C4E18; /*braun generisches farbschema, dunkelstes*/
  --KakaopriceColorMainpage: #447777;

  --KakaoMenuBorderTop: 0px #A55426 solid;
  --KakaoMenuBoxshadowTop:0px 2px 2px #A55426  ;
  /*-------------------------------------------------------------------------*/
  
  /*nahrung*/
  /*
  #658C3E; grün, wie grüne startseite (mittleres grün)
  #405919; dunkles grün, auch wie grüne startseite (2. dunkelstes grün)
  #D9B36C; ocker, hell (kommt nirgendwo sonst vor?)
  #B67B2F; braun/dunkles ocker, wie kakao 
  #8C4E18; dunkles braun, wie 2. dunkelstes bei kakao
  
  */
  --NahrungProductPageBackground:rgba(217,179,108,0.1);
  --NahrungProductPageBackgroundStrong:rgba(217,179,108,0.5);
  --NahrungSeparatorSVGFill: #D9B36C; /*generic braun dunkelstes #################not */
  --NahrungSeparatorSVGFillTwei: #D9B36C; /*hellstes*/
  --NahrungSeparatorSVGFillDrei: #B67B2F; /*2. hellstes*/
  --NahrungSeparatorStrokeColorDrei: #8C4E18;

  --NahrungCenterLeftRightBoxBackgroundGradientOne: #B67B2F; /* basic background color, ook input, hellstes -> grau */
  --NahrungCenterLeftRightBoxBackgroundGradientTwo: #D9B36C;
  --NahrungCenterLeftRightBoxBackgroundGradientThree: #8C4E18; 
  
   /*nicht benutzt, generelle farbe, edit nur über funktion -> foutleest(); (janz onge)*/
  --NahrungFooterSVGFill: #8C4E18; /* dunkelstes Nahrung */
  --NahrungTextColor: #3F0C01; /*same as kakao */
  --NahrungFooterText: #D9B36C; /* footer not links, generic hellstes braun */
  --NahrungTextColorBrightOnDark: #8C4E18; /*footer text links, hellstes Nahrung */
  
  --Nahrung-li-Kreis-Textcolor: #405919;
  --NahrungCenterboxHeaderColor: #405919; /*textcolor  H1, 2, 3, 4, 5 ook: button background (buy) braun braun, gr+ün: braun, generic braun ###############not */
  --NahrungCenterboxHeaderColorMarker: #8C4E18; /*mittleres ; ocker*/
  --NahrungTextColorCenterLeftRightBox:#8C4E18; /*-------------- #####NOT */
  
  --NahrungFirstHeaderBG: #B67B2F; /*2. dunkelstes Nahrung*/
  --NahrungFirstHeaderText: #E3BAC9; /*generic braun, braun braun*/
  --NahrungBodyTextColor: #8C4E18; /*braun generisches farbschema, dunkelstes*/
  --NahrungpriceColorMainpage: #447777;

  --NahrungMenuBorderTop: 0px #A55426 solid;
  --NahrungMenuBoxshadowTop:0px 2px 2px #A55426  ;  

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


  /*supplemente*/
  /*
  #D5D6F2; himmelblau, hellstes
  #BCBAF2; himmelblau, dukler
  #3A9CD8; cyanes blau
  #2E688C; graues meerblau, dunkel
  #28393D; dunkelestes, fast schwarz
  
  */
 
  --SupplementeProductPageBackground: rgba(213,214,242,0.1);
  --SupplementeProductPageBackgroundStrong: rgba(213,214,242,0.5);
  --SupplementeFormProductPageBackground: rgba(213,214,242,0.2);
  --SupplementeSeparatorSVGFill: #D5D6F2; /*2. hellstes*/
  --SupplementeSeparatorSVGFillTwei: #BCBAF2; /*hellstes*/
  --SupplementeSeparatorSVGFillDrei: #2E688C; /*generic braun dunkelstes #################not */
  --SupplementeSeparatorStrokeColorDrei: #2E688C;

--kommentarBgOne: rgba(213, 214, 242, 0.1); 
--kommentarBgTwo: rgba(188, 186, 242, 0.2);


  --SupplementeCenterLeftRightBoxBackgroundGradientOne: #D5D6F2; /* basic background color, ook input, hellstes -> grau */
  --SupplementeCenterLeftRightBoxBackgroundGradientTwo: #BCBAF2;
  --SupplementeCenterLeftRightBoxBackgroundGradientThree: #D5D6F2; 
  
   /*nicht benutzt, generelle farbe, edit nur über funktion -> foutleest(); (janz onge)*/
  --SupplementeFooterSVGFill: #28393D; /* dunkelstes Supplemente */
  --SupplementeTextColor: #28393D;
  --SupplementeFooterText: #BCBAF2; /* footer not links, generic hellstes braun */
  --SupplementeTextColorBrightOnDark: #D5D6F2; /*footer text links, hellstes Supplemente */
  
  
  --SupplementeCenterboxHeaderColor: #3A9CD8; /*textcolor  H1, 2, 3, 4, 5 ook: button background (buy) braun braun, gr+ün: braun, generic braun ###############not */
  --SupplementeCenterboxHeaderColorMarker: #2E688C; /*mittleres Supplemente; rose*/
  --SupplementeTextColorCenterLeftRightBox:#2E688C; /*-------------- #####NOT */
  
  --SupplementeFirstHeaderBG: #2E688C; /*2. dunkelstes Supplemente*/
  --SupplementeFirstHeaderText: #E3BAC9; /*generic braun, braun braun*/
  --SupplementeBodyTextColor: #8C4E18; /*braun generisches farbschema, dunkelstes*/
  --SupplementepriceColorMainpage: #447777;

  --SupplementeMenuBorderTop: 0px #A55426 solid;
  --SupplementeMenuBoxshadowTop:0px 2px 2px #A55426  ;  
  
}

/*card based layout für neuro+-vergleichstabelle eingefügt*/
.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 20px 0;
    max-width:1600px;
    margin-left:auto;
    margin-right:auto;
  }

  .product-card {
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 16px;
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.0);
    transition: transform 0.2s ease;
  }

  .product-card:hover {
    transform: translateY(-4px);
  }

  .product-card h3 {
    margin-top: 0;
    font-size: 1.25em;
    color: #333;
  }

  .product-card p {
    margin: 8px 0;
    font-size: 0.95em;
    color: #555;
  }

  .product-card strong {
    color: #222;
  }
  /*ende*/


/*
*:active {
  background-color: white;
  -webkit-tap-highlight-color: transparent; 
  color: var(--SupplementeSeparatorSVGFillDrei);
}
*/
.popup-menu, .menu-trigger, nav, .menu-trigger span {
  
	color: var(--SupplementeSeparatorSVGFillDrei);
}

a:active {
	color: var(--SupplementeSeparatorSVGFillDrei); /* Behalte die Standard-Linkfarbe bei */
}

a {
  color: var(--SupplementeSeparatorSVGFillDrei);
  text-decoration: none;
  -webkit-tap-highlight-color: var(--SupplementeSeparatorSVGFillDrei); /* Prevent text blinking on mobile */
}

a:hover {
	color: var(--SupplementeSeparatorSVGFillDrei);
	text-decoration: underline;
}

figure,figcaption {
  color: var(--TextColor);
}

#ziehharmonikaIntro_mobil{display:none;visibility: hidden;transform: scale(0);}
#ziehharmonikaQuality_mobil{display:none;visibility: hidden;transform: scale(0);}
#ziehharmonikaVorteile_mobil{display:none;visibility: hidden;transform: scale(0);}
#ziehharmonikaKombinierbarkeit_mobil{display:none;visibility: hidden;transform: scale(0);}
#ziehharmonikaScience_mobil{display:none;visibility: hidden;transform: scale(0);}

#ziehharmonikaIntro{display:none;visibility: visible;transform: scale(1);max-width:1200px;margin-left:auto;margin-right:auto;}
#ziehharmonikaQuality{display:none;visibility: visible;transform: scale(1);max-width:1200px;margin-left:auto;margin-right:auto;}
#ziehharmonikaVorteile{display:none;visibility: visible;transform: scale(1);max-width:1200px;margin-left:auto;margin-right:auto;}
#ziehharmonikaKombinierbarkeit{display:none;visibility: visible;transform: scale(1);max-width:1200px;margin-left:auto;margin-right:auto;}
#ziehharmonikaScience{display:none;visibility: visible;transform: scale(1);max-width:1200px;margin-left:auto;margin-right:auto;}
.ziehharmonika_piel{margin:0;padding:0;}
.ziehharmonika-caption, .accordion{
    background-color: white;
    width: 100%;
    padding: 10px 20px;
    cursor: pointer;
    text-align: center;
    color: var(--TextColor);
    font-weight: bold;
    border:0;
}
.accordion{border-top: 1px solid lightgrey;}

.ziehharmonika-caption {
	width: 19%;
	margin: 0;
	border-bottom: 1px solid lightgrey;
}
.ziehharmonika-caption img {
	margin: 0;
	max-width: 20px; /* Adjust the size as needed */
	height: auto;
	display:none;
}
#desktop_ausrichtung{display: flex;justify-content: center;align-items: center;}
.ziehharmonika-caption:hover, .accordion:hover  {
    background-color: white;
    
}
.accordion.active{background-color:rgba(213, 214, 242, 0.5); }
/*.ziehharmonika-caption:last-of-type {
    border-bottom: 1px solid lightgrey;
}*/


.info_i{color:black;border:2px solid black;border-radius: 100%;width:1.2em;height:1.2em;text-align:center;font-weight:bold;cursor:pointer;}
.emotionics_in_meme{width:20px;}

a:link{text-decoration: none;}

#FirstHeaderText {color: var(--RotSeparatorSVGFillTwei);}


  

.FirstHeader {
	background-color: var(--SupplementeFooterSVGFill);
	color: whitesmoke; 

	width:100%;
	height:60px;
	font-size:1em;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	line-height: 1;

}

#home_link{
	box-shadow: 0px 2px 0px 0px var(--SupplementeFooterSVGFill) inset, 0px -2px 0px 0px var(--SupplementeSeparatorSVGFillDrei) inset; 
	padding:5px;
	margin-bottom:10px;
	text-align:center;
	letter-spacing: -1px;
	color:var(--SeparatorSVGFillDrei);
}
#home_link small{color:var(--SupplementeFooterSVGFill);letter-spacing: -1px;}



#bgContainerHome
{
	position:absolute;
	width:100%;
	display:inline;
	top:99vh;
}
#bgContainerContentTop
{
	height:25px;
	width:100%;
	background-color:var(--SupplementeSeparatorSVGFill);
}

#bgContainerContentL
{
	background-image: linear-gradient(185deg, var(--SupplementeSeparatorSVGFill) 40%, var(--SupplementeSeparatorSVGFill) 40%,var(--SupplementeSeparatorSVGFill) 60%,white 60%);
	position:relative;
	left:0%;
	height:200px;
	z-index:-1;
	width:50%;
}

#bgContainerContentR
{
	background-image: linear-gradient(175deg, var(--SupplementeSeparatorSVGFill) 40%, var(--SupplementeSeparatorSVGFill) 40%,var(--SupplementeSeparatorSVGFill) 60%,white 60%);
	position:relative;
	left:50%;
	height:200px;
	z-index:-1;
	width:50%;
	transform:translate(0%,-100%)
}


.anim-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.anim-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.anim-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.anim-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.anim-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.anim-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

/*cookiebanner switches*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/*cookiebanner off*/

.fortschrittsbalkenBg{width:100%;border:0px solid var(--SupplementeFooterSVGFill);border-radius:25px;background-color:var(--SupplementeFooterSVGFill);}

.fortschrittsbalken{ /*benutzt in zB research */
	border:0px solid var(--SupplementeCenterboxHeaderColor);
	border-radius:15px;
	text-align:center;
	background-color:var(--SupplementeCenterboxHeaderColor);
	color:white;
	padding: 2px;
	
}

#text_under_products{
	width:75%;
	margin: auto;
}

wissen a:link{color: var(--SupplementeSeparatorSVGFillDrei);text-decoration: none;}
wissen a:visited{color: var(--SupplementeSeparatorSVGFillDrei);text-decoration: none;}
wissen a:hover{color: var(--SupplementeCenterboxHeaderColor);text-decoration: none;}
wissen a:active{color: var(--SupplementeCenterboxHeaderColor);text-decoration: none;}

wissen{color:var(--SupplementeTextColor);}
wissen h1 {color:var(--TextColor);}
wissen h2 {color:var(--TextColor);}
wissen h3 {color:var(--RotTextColor);}
wissen h4 {color:var(--RotTextColor);}
wissen h5 {color:var(--RotTextColor);}
wissen h6 {color:var(--RotTextColor);}

wissen  ul, wissen  li { list-style-type:disc;padding:0;margin:0;

}
wissen ul,wissen ol {margin-left:20px;margin-bottom:20px;}

wissen .fragen{
	margin-left:auto;
	margin-right:auto;
	min-width: 320px;
	max-width: 800px;
	border-radius:15px;
	padding-bottom:5px;
	padding-left: 5px;
	padding-right: 5px;
}



/*gallery links*/
.kopp_motto{
	color:#2E688C;
	padding-left:1px;
	padding-right:1px;
	font-size: 24px;
	line-height: 0.9;

}
#link_me{
	position:absolute;
	top:160px;
	width:100%;
	height:200px;
	z-index:9999;
}


.gallery {
	width:100%;
	position: relative;
	margin: 0;
	padding:0;
	background: none;
	border: none;
	padding-bottom:10px;
	
}

.gallery img {height:49vh;
transform:translate(-50%,0);
	position:relative;
	left:50%;
	

}

.gallery figure {
	height: 49vh;
	position: absolute;
	display: inline-block;
	top: 0;
	width:100%;
	z-index: 1;
	animation: wechseln 21s infinite;
	margin: 0;
	padding:0;
	background-repeat:no-repeat;
	background-size: cover;
	border-radius: 15px 15px 0px 0px;
	background-color: var(--SupplementeFooterSVGFill);
}

.gallery figure:last-of-type {
	position: relative;
}

.gallery > figure figcaption {
	position: absolute;
	text-align:center;
	background-color: rgba(255,255,255,0.7);/*rgba(100,100,100,0.6);*/
	width:100%;
	top: 15px; /*was bottom*/
	padding-top: 3px;
	padding-bottom:3px;
	font-size: 22px;
	z-index: 2;
	color: white;

}

.gallery > h3 {
	position: absolute;
	text-align:center;
	background-color: rgba(215,230,193,.8);/*rgba(100,100,100,0.6);*/
	width:100%;
	bottom: 0px; /*was bottom*/
	padding-top: 3px;
	padding-bottom:3px;
	font-size: 22px;
	z-index: 2;
	color: black;

}
.gallery > h3 span {
	color: var(--TextColor);
}
.gallery > h3 a {
	color: black;
	font-weight: bold;
	font-size: 20px;
	text-decoration: underline;
}

@keyframes wechseln {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}


.gallery figure:nth-of-type(2) {
	animation-delay: 7s;
	opacity: 0;
}

.gallery figure:nth-of-type(3) {
	animation-delay: 14s;
	opacity: 0;
}



																			 
#home_button_h2 {color:var(--FooterSVGFill);background-image: linear-gradient(to right, transparent , var(--CenterLeftRightBoxBackgroundGradientOne),transparent);font-size: 20px;}



.button_home_top{
	text-align:center;
	color: white; /*nato blau #a2d9f7*/

	background-color: var(--SupplementeSeparatorSVGFillDrei);

	padding:15px;
	margin-right:auto;
	margin-left:auto;
	font-weight:bold;
	font-size:24px;
	border-radius: 10px;
	cursor:pointer;
	box-shadow: 0px 0px 0px 2px var(--TextColorBrightOnDark) inset;
	transition: all ease-in-out 0.5s;
}

.button_home_top:active,.button_home_top:hover
{
	transition: all ease-in-out 0.5s;
	box-shadow: 1px 1px 4px white ,-1px -1px 4px white ;
	box-shadow: 0px 0px 4px white;

}
@keyframes buttonlineanim {
	0% {border-color: rgba(155,155,155,0.0);}
	50% {border-color: rgba(155,155,155,0.5);}
	100% {border-color: var(--SupplementeSeparatorSVGFillDrei);}
}
#keks{
background-color:white;border-top:3px solid grey;position:fixed;left:0%;width:100%;height:25vh;z-index:99999999999999999999999999999999999999999999999999999;text-align:center;
}

#infos_ueber_cookies{
background-color:rgba(0,0,0,0.6);z-index:999999999999999999999999999999;visibility:hidden;pointer-events:none;position:fixed;top:0%;left:0%;width:100%;height:100%;margin:auto;overflow: auto;
}
#infos_ueber_cookies_window
{
	background-color:rgb(255,255,255);
	z-index:99999999999999999999999999999999999999999999;
	visibility:hidden;
	position:fixed;
	top:0%;
	left:0%;
	width:640px;
	min-height:75%;
	max-height:100%;
	transform: translate(calc(50vw - 320px),0%);
	text-align:left;
	border:3px solid grey;
	padding-left:5px;
	padding-right:5px;
	overflow:auto;
}

#infos_ueber_cookies_window td {font-size:14px;}
#cookie_scrolltext {font-size:14px;width:100%;height:100px;overflow:auto;border:1px dashed grey;padding-left:10px;}
#cookie_scrolltext strong {font-size:16px;}

.slideshow-containerHomeTop {
  /*max-width: 1000px;*/
	width:100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}

.slideshow-containerHomeTop-inside {
  position: relative;
}

/* Hide the images by default */
.mySlidesHomeTop {
  display: none;
}

/* Next & previous buttons */
.prevHomeTop, .nextHomeTop {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 100% 0% 0% 100%;
  user-select: none;
  background-color: rgba(100,155,100,0.7);
}

/* Position the "next button" to the right */
.nextHomeTop {
  right: 10%;
  border-radius: 0% 100% 100% 0%;
  background-color: rgba(100,155,100,0.7);
}
.prevHomeTop {left:10%;}
/* On hover, add a black background color with a little bit see-through */
.prevHomeTop:hover, .nextHomeTop:hover {
  background-color: rgba(50,105,50,0.7);
}

/* Caption text */
.textHomeTop {
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 10px;
	margin:0;
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	background-color:rgba(0,0,0,0.6);
}



/* The dots/bullets/indicators */
.dotHomeTop {
	position: relative;
	bottom:10px;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin: 0 2px;
  background-color: var(--SeparatorSVGFillTwei);
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  position: relative;
  z-index:22;
  box-shadow: 1px 1px 1px white inset,-1px -1px 1px black inset;
}
.dotContainerHomeTop
{


	margin-right:auto;
	margin-left:auto;
	width:100%;
	left:0px;
}
#dotContainerHomeTopSeparator
{
	position: relative;
	bottom:24px;
	padding-bottom: 5px;

}

.activeHomeTop, .dotHomeTop:hover {
  background-color: lightgrey;
}

/* Fading animation */
.fadeHomeTop {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fadeHomeTop {
  from {opacity: .4}
  to {opacity: 1}
}


/*ende slideshow home top*/




.tab_container{
	margin-left:auto;
	margin-right:auto;
}



.tabmenu{
	padding:0;
	border:0;
	margin:0;
	padding-left:0px;
    text-align: center;
}

.tablink  {
	border-radius:0px;
	border:1px solid var(--SupplementeSeparatorSVGFill);
	min-width:200px;
	border-radius: 15px 5px 0 0;
	padding:10px 5px 10px 5px;
	cursor:pointer;
	transition: all 0.5s;
}
.tablink:active,.tablink:hover  {
	padding:15px 5px 10px 5px;

}
.tab_selected{
	padding:15px 5px 10px 5px;
	border-bottom:0;
	z-index:222;
	transition: all 0.5s;
}


.tab_container .elem{
	min-height:350px;
	margin:0;
	padding:15px;
    max-width:1600px;
    margin:auto;
	background-color:white;
	box-shadow: 0px 0px 3px grey;
}
.tab_container .elem flex{
	display:flex;
	flex-wrap:wrap;
}
.tab_container .elem flex div{flex:250px;}
.tab_container .elem flex figure{max-height:175px;width:200px;}
.tab_container .elem flex figure figcaption {width:200px;}

.merkmale_box{
	display:flex;
	flex:4; 
	justify-content:center;
	flex-wrap:wrap;
}

.merkmal{
	color:var(--FooterSVGFill);
	font-size:1em;
	border:2px solid #999999;
	border-radius: 15px;
	max-width:150px;
	padding:5px;
	margin:5px;
	box-shadow: 2px 2px 1px white inset, -2px -2px 1px white inset;
	position:relative;
	background-image: url('/belderkes/haken.webp'),linear-gradient(-45deg, rgba(255,255,255,0.9) , rgba(255,255,255,0.6), rgba(255,255,255,0.2), transparent);
	height:100px;
	background-position: bottom right,top left;
	background-repeat:no-repeat,no-repeat;
}
.merkmal img{float:right;}

#cartmsg{
	min-width:0px;
	width:0px;
	height:0px;
	min-height:0px;
	padding:0px;
	position:absolute;
	right:-100%;
	top:100px;
	border-radius: 10px 0px 0px 10px;
}
#neukunden_popup{

	width:75vw;
	height:75vh;

	margin:0;
	padding:0px;
	position:fixed;
	right:-100%;
	top:20vh;
	border-radius: 10px 10px 10px 10px;
	z-index:10;
	text-align: center;
}
.bezahl_logos img { padding-left:5px;padding-right:5px;}

textarea {background-color:rgba(255,255,255,0.5);}


.stere{display: inline;cursor: pointer;}
.stere img{width:25px;height:25px;} 
#sterneinput {display:none;}

.textkommentar{
	min-width:310px;
	text-align:left;
	
	color:var(--TextColor);
	margin-left:auto;
	margin-right:auto;
	white-space: normal !important;
	border-top:1px var(--TextColor) solid;
	margin-top:15px;padding:10px;
	padding-top:15px;
}
.headerkommentar{float:right;padding-right:5px;color:var(--TextColor);}


.mySlides {display: none;}
img {vertical-align: middle;} /*???*/
#slideStarter0 {display:block;}
/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
/* Stile für das aktuell angezeigte Slide 
.slides-container .mySlides:nth-child(slideIndex - 1) {
    
}*/
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 100%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 40px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  background-color:black;
  border-radius:0px 25px 25px 0px;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius:25px 0px 0px 25px;;
  
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.textSlide {
  color: #f2f2f2;
  padding: 2px 2px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
  background-color: rgba(0,0,0,60%);
  font-size:20px;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 2px 2px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.textSlide {font-size: 11px}
}

/*ende slideshow */



.produkte-wrapper a { color:var(--SeparatorSVGFillDrei);text-decoration:none; }
.produkte-wrapper a:active { color:var(--SeparatorSVGFillDrei);text-decoration:none; }
.produkte-wrapper a:hover { color:var(--SeparatorSVGFillDrei);text-decoration:none; }
.produkte-wrapper a:visited { color:var(--SeparatorSVGFillDrei);text-decoration:none; }



.produkte-wrapper
{
	display: flex;
	flex-wrap: wrap;
   justify-content:center;
   align-content: center;
	align-items: flex-start;
	padding:0px;
	margin:0px;
}

.description
{
	display:flex;
	flex-direction: row;
	padding:0;margin-top:30px;
	justify-content:center;


}
.description-container{padding:0;margin:0 25px 20px 20px;}

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

.produkt
{
	text-align:center;
	border: 1px solid rgb(240,240,240);
	background-color:rgb(255,255,255);	
	margin:5px;
	margin-top:35px;
	padding-bottom:10px;
	border-radius:15px;
	width:270px;
	box-shadow: 0px 0px 3px lightgrey;
	transition: all 0.5s; 
}
.produkt img {padding-top:10px;transform: scale(1.0);transition: all 0.5s;}
.produkt ul{padding:0 0 0 25px;margin:0;}
.produkt li{padding:0;margin:0;	font-size:0.9em;}
.produkt:hover
{
	background-color: var(--SupplementeFormProductPageBackground);
	margin-top:0px;
	border-radius:25px;
	padding-top:35px;
	box-shadow: 0px 0px 3px lightgrey;
  	transition: all 0.5s;
}
.produkt:hover img
{
  	padding-top:0px;
  	transform: scale(1.1);
  	transition: all 0.5s;
}
.produkt .rrp {color:darkred;}
.produkt .price {color:var(--TextColor);}
.produkt .name {white-space: normal;color:var(--TextColor);}
.produkt .desc_short {font-weight:bold;white-space: normal;text-align: left;color:var(--TextColor);}

.scrollprodukte_optionen .rrp {color:darkred;}
.scrollprodukte_optionen .price {color:var(--TextColor);}
.scrollprodukte_optionen .name {white-space: normal;color:var(--TextColor);}


#submenu{ /*option form ding auf kaufseite */
	padding:25px;
	margin:0;
	position:absolute;
	left:25%;
	top:200px;
	display: flex;
 	flex-wrap: wrap;
   text-align: center;
}
#submenu a
{
	padding:15px;
	margin:5px;
	border-radius: 25px;
	border: 1px solid lightgrey;
	background-color: var(--SupplementeFooterSVGFill);
}
#submenu a:link, #submenu a:visited {
	text-decoration: none;
	color:var(--TextColorBrightOnDark)
}
#submenu a:hover, #submenu a:active {
	color:var(--FooterText);
	text-decoration: none;
}



#bg_products_handy {display:none;}
#bg_products {display: block;border-radius: 15px 15px 15px 15px;}

 #logo
{

	position:absolute;
	top:-50px;
	left:10px;
	width:150px;
	z-index:99;
}


#intro_handy_kleiner500{
	display:none;
	background-image:url('belderkes/home_featured_bg_underimg.svg'),url('belderkes/home_featured_bg_underimg_1px.svg');
	background-position:bottom,top;
	background-repeat: no-repeat,repeat;
	background-color:var(--SeparatorSVGFillTwei);
	background-size: auto,auto;
	
}
#intro_pc_tablett{
	display: block;
	background-image:url('belderkes/home_featured_bg_underimg.svg'),url('belderkes/home_featured_bg_underimg_1px.svg');
	background-position:bottom,top;
	background-repeat: no-repeat,repeat;
	background-color:var(--SeparatorSVGFillTwei);
	background-size: auto,auto;
}
#intro
{
	display: block;
	background-image:url('belderkes/home_featured_bg_underimg.svg'),url('belderkes/home_featured_bg_underimg_1px.svg');
	background-position:bottom,top;
	background-repeat: no-repeat,repeat;
	background-color:var(--SeparatorSVGFillTwei);
	background-size: auto,auto;
		border-radius: 15px 15px 0px 0px;
}



#Homescreen{
	background-image: radial-gradient(farthest-side at 50% 50%, var(--SeparatorSVGFillTwei),var(--SeparatorSVGFillTwei),var(--SeparatorSVGFillTwei), transparent);
	overflow: visible;
}


  
 #HomescreenPicRight {
	  content:url("uploads/introseite3.webp");
	  max-width:100%;
	  min-width:80%;
	  border-radius:25px;
	  box-shadow: 3px 3px 15px 2px var(--PicShadowInHomescreen);
  }
 #HomescreenPicLeft {
	  content:url("uploads/platzhalter_supplemente_pexels.webp");
	  max-width:100%;
	  min-width:80%;
	  border-radius:25px;
	  box-shadow: 3px 3px 15px 2px var(--PicShadowInHomescreen);
  }

.scrollingbox {
  min-height: 95vh;
}


div.scrollproducts,div.scrollproducts2 {
	white-space: nowrap;
	background-repeat: no-repeat;
	overflow-x: scroll;
	overflow-y: hidden;
	padding:0px;
	padding-left:30px;
	padding-right:30px;
	display:flex;
	justify-content:left;
}



#content-wrapper-home2
{
	display: flex;
	align-content: flex-start;
	align-items:flex-start;
}


div.scrollproducts a,div.scrollproducts2 a, .scrollprodukte_optionen a {
  display: inline-block;
  text-align: center;
  padding: 25px;
  margin-bottom:10px;
  text-decoration: none;
  color:grey;
  transform: scale(1.0);
  transition-duration: 0.5s;
}

.scrollprodukte_optionen a{display:block;padding:0;margin:0;}

div.scrollproducts a:hover, div.scrollproducts a:active, .scrollprodukte_optionen a:hover, .scrollprodukte_optionen a:active {
  transform: scale(1.1);
  transition-duration: 0.5s;
  
}
div.scrollproducts2 a:hover, div.scrollproducts2 a:active, div#disclaimer {
	transition-duration: 0.5s;
}

#scrollrechts_home, #scrollrechts2_home,#scrolllinks_home,#scrolllinks2_home,#pielrechts, #piellinks
{
	position:relative;
	bottom:200px;
	float:right;
	font-size: 40px;
	width:40px;
	height:50px;
	background-color:rgba(230,230,230,0.7);
	border-radius: 25px 0px 0px 25px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	cursor: pointer;
	text-align: left;
	transition: all 0.5s;
}
#pielrechts, #piellinks{position:relative;top:75px;}
#scrollrechts_home, #scrollrechts2_home,#pielrechts{text-align: right;}
#scrollrechts_home:hover, #scrollrechts_home:active,#scrollrechts_home2:hover, #scrollrechts_home2:active,#pielrechts:active, #pielrechts:hover
{
	filter: brightness(50%);
}
#scrolllinks_home:hover, #scrolllinks_home:active,#scrolllinks2_home:hover, #scrolllinks2_home:active,#piellinks:active, #piellinks:hover
{
		filter: brightness(50%);
}
#scrolllinks_home,#scrolllinks2_home, #piellinks
{
	float:left;
	border-radius: 0px 25px 25px 0px;
}
#scrolllinks2_home,#scrollrechts2_home,#pielrechts {position:relative;bottom:300px;}


#content-wrapper-home .rrp,#content-wrapper-home2 .rrp, #content-wrapper-produkt .rrp
{
	color:darkred;
	text-decoration: line-through;
}
#content-wrapper-home .price,#content-wrapper-home2 .price, #content-wrapper-produkt .price
{
	color:var(--TextColor);
}
#content-wrapper-home .name,#content-wrapper-home2 .name, #content-wrapper-produkt .name
{
	color:grey;
}


.tbl_h2_zutaten{
	font-size:1.7em;
	color:var(--SupplementeSeparatorSVGFillDrei);
	text-align:center;
}

.color, .colorRot, .colorKakao, .colorSupplemente, .colorNahrung 
{
	position:relative;
	font-size:1.7em;
	z-index:0;
	bottom:25px;
	color:var(--SupplementeSeparatorSVGFillDrei);
	text-align:center;
    padding:0;margin:0;
}

.tbl_text_mobil
{
  		visibility: hidden;
		display:none;		
}
.tbl_text_mobil
{
	visibility:hidden;
	display: none;
}
.tbl_text_desktop
{
	visibility:visible;
	display:table-cell;
	
}
.tbl_fill,.tbl_fill_kakao,.tbl_fill_rot {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
}
.tbl_fill_rot:nth-child(even){background-color: var(--RotCenterLeftRightBoxBackgroundGradientOne);}
.tbl_fill:nth-child(even){background-color: var(--CenterLeftRightBoxBackgroundGradientOne);}
.tbl_fill_kakao:nth-child(even){background-color: var(--KakaoCenterLeftRightBoxBackgroundGradientOne);}

.tbl_fill .name,.tbl_fill .text,.tbl_fill .img,.tbl_fill_rot .name,.tbl_fill_rot .text,.tbl_fill_rot .img,.tbl_fill_kakao .name,.tbl_fill_kakao .text,.tbl_fill_kakao .img {
	margin-left:15px;
	margin-right:15px;
	margin-top:5px;
	margin-bottom:5px;
}
.tbl_fill_rot .name,.tbl_fill_kakao .name,.tbl_fill .name{white-space: nowrap;width:150px;text-align: center;}
.tbl_fill_rot .text,.tbl_fill_kakao .text,.tbl_fill .text {flex:50%;}
.tbl_fill_rot .img,.tbl_fill_kakao .img,.tbl_fill .img {width:180px;}




.cols { max-width:1000px;min-width:320px;margin-left:auto;margin-right:auto;padding:0;}


#kollagen tr:nth-child(2n) {
	background-color: var(--SupplementeCenterLeftRightBoxBackgroundGradientOne);
}
#kollagen th:nth-child(2n),.cols #kollagen th:nth-child(3n),
#kollagen td:nth-child(2n),.cols #kollagen td:nth-child(3n) {
	text-align:right;
}
#nahrung tr:nth-child(2n-1) {
	background-color: var(--NahrungCenterLeftRightBoxBackgroundGradientOne);
}
#nahrung th:nth-child(2n),.cols #nahrung th:nth-child(3n),
#nahrung td:nth-child(2n),.cols #nahrung td:nth-child(3n) {
	text-align:right;
}


#kollagen td  {
	border-color:  var(--SupplementeCenterLeftRightBoxBackgroundGradientOne);
}
#kollagen td { padding-left:5px; padding-right:5px;}

#nahrung td  {
	border-color:  var(--NahrungCenterLeftRightBoxBackgroundGradientOne);
}
#nahrung td { padding-left:5px; padding-right:5px;}



#kollagen td  {
	border-color:  var(--SupplementeCenterLeftRightBoxBackgroundGradientOne);
}
#kollagen td { padding-left:5px; padding-right:5px;}

#nahrung td  {
	border-color:  var(--NahrungCenterLeftRightBoxBackgroundGradientOne);
}
#nahrung td { padding-left:5px; padding-right:5px;}





.kombi { /*nur homescreen*/
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	color: var(--CenterboxHeaderColor);
	font-size:24px;
		display: flex;
	align-items: center;
	justify-content: center;
}

.entry {
	font-weight: bold;
	border: 5px brown solid;
	border-radius: 50px;
	padding:20px;
}

.ergebnis {
	font-weight: bold;
	border: 1px black solid;
	border-radius: 50px;
	padding:20px;
}

.separator
{
	width:100%;
	
	box-shadow: 0px -150px 150px 0px var(--SeparatorShadow), 0px -50px 50px 0px var(--SeparatorShadow);
}


.centerbox-header, .centerbox-headerRot, .centerbox-headerKakao, .centerbox-headerSupplemente, .centerbox-headerNahrung
{
	
	margin-left: auto;
	margin-right: auto;

	color: var(--CenterboxHeaderColor);
	font-size:24px;
	

  
	display: flex;
	align-items: center;
	justify-content: center;
		
}

.centerbox-headerRot{
	color: var(--RotCenterboxHeaderColor);
}
.centerbox-headerKakao{
	color: var(--KakaoCenterboxHeaderColor);
}
.centerbox-headerSupplemente{
	color: var(--SupplementeCenterboxHeaderColor);
}
.centerbox-headerNahrung{
	color: var(--NahrungCenterboxHeaderColor);
}








html {
  height: 100%;
  
}

body {
  position: relative;

  color:  var(--BodyTextColor);
	background-size: cover;
  margin: 0;
 
  padding:0;
}

h1, h2, h3, h4, h5 {
  color: var(--TextColor);
}
h3 {margin-top:25px;}
h4 {color:white;}

.content-wrapper {
  width: 100%;
  /*margin: 0 auto;*/
  padding-left:5%;
  padding-right:5%;
}
.content-wrapper p {

  position:relative;

  color:var(--TextColor);
}
.content-wrapperRot p {
	color:var(--RotTextColor);
}
.content-wrapperKakao p {
	color:var(--KakaoTextColor);
}
.content-wrapperSupplemente p {
	color:var(--SupplementeTextColor);
}

.content-wrapperNahrung p {
	color:var(--NahrungTextColor);
}

.content-wrapper.error {
  padding: 40px 0;
}

header {
  position: relative;
  margin-left:15px;
  margin-right:15px;
  background-color: white;
}




header .content-wrapper {
  display: flex;
  margin-top:18px;
}

placeholder
{
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  font-size: 24px;
  margin: 0;
  padding: 0px 0;
}

header h1, header  {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  font-size: 24px;
  margin: 0;
  padding: 0px 0;
}
header h1 {
	margin-top:18px;
	margin-bottom:15px;
	position:relative;
	top:-10px;
	
}



header nav {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  justify-content: center;
  align-items: center;
}

header nav a:link { 
  white-space: nowrap;
  text-decoration: none;
  color: var(--SupplementeCenterboxHeaderColor);
  padding: 10px 10px;
  /*margin: 0 10px;*/
  margin:0px;
  margin-bottom:10px;
  margin-right:5px;
  margin-left:5px;
  font-size: 1.2em;
  border-right:1px solid #EEEEEE;
  border-left:1px solid #EEEEEE;
  
}

header nav a:hover,#menu a:hover {
  
  margin-bottom: 0px;
	border-bottom: 10px solid var(--SupplementeSeparatorSVGFillDrei);
}
#menu a:hover { padding-bottom:5px; } 

header nav a:link, header nav a:active, header nav a:visited {
	white-space: nowrap;
	text-decoration: none;
	color: var(--SupplementeCenterboxHeaderColor);
	padding-right: 10px;
   font-size: 1.2em;
   border-right:1px solid #EEEEEE;
   border-left:1px solid #EEEEEE; 
}

.menulink_mobil {display:none;}

/* Pop-up menu */


#menu_superfoods:checked + .menu-label + .desktop-popup-submenu,
#menu_supplements:checked + .menu-label + .desktop-popup-submenu,
#menu_kategorien:checked + .menu-label + .desktop-popup-submenu,
#menu_infos:checked + .menu-label + .desktop-popup-submenu {
	display: block;
}
  
  .menu-label {
	cursor: pointer;
	font-size: 1.2em;
    border-left: var(--VariousBorderColors);
    border-right: var(--VariousBorderColors);
	margin: 5px;
    color: var(--SupplementeCenterboxHeaderColor);
	padding: 5px;
    border-bottom: 8px solid transparent;
	
    white-space: nowrap;
  }
.menu-label:hover {
    border-bottom: 8px solid var(--SupplementeSeparatorSVGFillDrei);
    
  }



.desktop-popup-submenu {
	display: none;
	position: absolute;
	top: 90%;
	left: 0;
	width: 100%;
	background-color: white;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	z-index: 1000;
}

.desktop-popup-submenu .flexbox-container {
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
	flex-direction: row;
	justify-content: center;
	align-items: top;
}


.menu-item {
	margin: 10px;
	padding: 10px;
	border-radius: 5px;
}

.menu-item a:link, .menu-item a:active, .menu-item a:visited, .menu-item a:hover, .menu-item span, .menu-item div {
	color: var(--SupplementeCenterboxHeaderColorMarker);
	text-decoration: none;
	padding:0px;
	margin:0px;
	/*border-left:6px solid transparent;*/
	padding-left:3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.menu-item span, .menu-item div {
	font-size:0.7em;
}
.menu-item span {
	text-transform: uppercase;
	font-weight: bold;
}

/*
.menu-trigger:hover .popup-menu {
	display: block;
}
*/
#mobilmenu_infos {display:none;}
#mobilmenu_supplements {display:none;}
#mobilmenu_superfoods {display:none;}
#mobilmenu_kategorien {display:none;}

#desktopmenu_infos {display:block;}
#desktopmenu_supplements {display:block;}
#desktopmenu_superfoods {display:block;}
#desktopmenu_kategorien {display:block;}

header .link-icons {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

header .link-icons .search i {
  font-size: 22px;
  padding: 9px;
  border-radius: 50%;
  cursor: pointer;
}

header .link-icons .search i:hover {
  background-color: var(--BackgroundColorHeaderSearchIHover);
}

header .link-icons .search input {
  display: block;
  border: 0;
  border-bottom: var(--VariousBorderColors);
  
  max-width: 200px;
  outline: none;
  margin-right: 10px;
  position: relative;
  bottom: 12px;
}

header .link-icons .responsive-toggle {
  display: none;
}
header .link-icons img {width:27px;}
header .link-icons a {
  position: relative;
  text-decoration: none;
  color: #394352;
  padding: 9px;
  border-radius: 50%;
  margin-left: 5px;
}

header .link-icons a:hover {
  background-color: #f2f2f2;
}

header .link-icons a i {
  font-size: 22px;
}

header .link-icons a span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #eea965;
  border-radius: 50%;
  color: #000;
  font-size: 16px;
  width: 16px;
  height: 16px;
  font-weight: 500;
  position: absolute;
  top: 0;
  right: 0;
}

header 
{
	position: -webkit-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: -moz-sticky;
	position: sticky;
 	top:0px;
 	z-index: 2;
	background-image: linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,1.0),rgba(255,255,255,0.8)); 
}




.featured_products_anzeige
{
   display: flex;
   flex-direction: row;
   background-repeat: no-repeat;
  
   background-size: cover;

   align-items: center;
   justify-content: center;
   text-align: center;
   width:100%;
	border-top: var(--MenuBorderBottom);
	
}


main .featured {

   background-repeat: no-repeat;
  
   background-size: cover;

   text-align: center;
   width:100%;
	border-top: var(--MenuBorderBottom);
	box-shadow: var(--MenuBoxshadowBottom);
   height: 65vh;
   background-position: top center;

  
}



main .featured .containerdiv {
	  display: inline-block;
	  width:50%;
	  margin: 5%;
	  padding-bottom: 15%;
	  margin-top:20%;
}



main .featured h2 {

  margin: 0;

    font-weight:bold;
  font-size:46pt;
   color: var(--TextColorHomescreen);
  padding-bottom: 10px;
  text-shadow: 2px 2px 0px grey;
  transform: rotate(-0.02turn); 
}
main .featured .text {
	font-size:22pt;
	font-family: asap;
	color: var(--TextColorHomescreen);
	margin-top:10%;
	margin-left:10%;
	margin-right:10%;
	hyphens: auto;
}

main .featured .underh2 {

  margin: 0;

  /*font-size: 24px;*/
   color: var(--TextColorHomescreen);
    font-weight:bold;
  font-size:28pt;
  font-family: asap;	
  font-style: italic;
  text-shadow: 2px 2px 0px grey;
	transform: rotate(-0.02turn);
	white-space:nowrap;
}

main .recentlyadded h2 {
  display: block;
  font-weight: normal;
  margin: 0;
  padding: 40px 0;
  font-size: 28px;
  text-align: center;
  width: 100%;
  border-bottom: var(--VariousBorderColors);
}

main .recentlyadded .products, main .products .products-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 40px 0 0 0;
}

#products-wrapper-home {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 20px;
  

}

main .recentlyadded .products .product, main .products .products-wrapper .product { 
  display: block;
  overflow: visible;
  text-decoration: none;
  width: 25%;
  padding-bottom: 60px;
}
main .recentlyadded .products .product, main .products .products-wrapper .product img {
	height:200px;
	width:200px;
}

main .recentlyadded .products .product img, main .products .products-wrapper .product img {
  transform: scale(1);
  transition: transform 0.5s;
}

main .recentlyadded .products .product .name, main .products .products-wrapper .product .name, .scroll-contaner .product .name {
  display: block;
  color: var(--BodyTextColor);
  padding: 20px 0 2px 0;
}
main .recentlyadded .products .product .nameRot, main .products .products-wrapper .product .nameRot {
	 color: var(--RotBodyTextColor);
}
main .recentlyadded .products .product .nameKakao, main .products .products-wrapper .product .nameKakao {
	 color: var(--KakaoBodyTextColor);
}
main .recentlyadded .products .product .nameSupplemente, main .products .products-wrapper .product .nameSupplemente {
	 color: var(--SupplementeBodyTextColor);
}
main .recentlyadded .products .product .nameNahrung, main .products .products-wrapper .product .nameNahrung {
	 color: var(--NahrungBodyTextColor);
}


main .recentlyadded .products .product .price, main .products .products-wrapper .product .price {
  display: block;
  color: #999999;
}

main .recentlyadded .products .product .rrp, main .products .products-wrapper .product .rrp {
  color: #d52d2d;
  text-decoration: line-through;
}

main .recentlyadded .products .product:hover img, main .products .products-wrapper .product:hover img {
  transform: scale(1.1);
  transition: transform 0.5s;
}

main .recentlyadded .products .product:hover .name, main .products .products-wrapper .product:hover .name {
  text-decoration: underline;
}

main > .product {
  display: flex;
  padding: 40px 0;
  max-width:1600px;
  margin-left:auto;
  margin-right:auto;
}

#heinstitel{
  font-size: 20px;
  font-weight: normal;
  margin: 0;
  width:100%;
  text-align:center;
  color:var(--TextColor);
}
main > .product h1 {
  font-size: 38px;
  font-weight: normal;
  margin: 0;
  padding: 20px 0 10px 0;
  text-align:center;
}
main > .product #produkt_name {
  font-size: 38px;
  font-weight: normal;
  margin: 0;
  padding: 20px 0 10px 0;
  text-align:center;
  color: var(--TextColor);
}

main > .product .product-img-large {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
}

main > .product .product-small-imgs {
  display: flex;
  align-content: center;
  justify-content:center;
  flex-flow: wrap;
  
}

main > .product .product-small-imgs .product-img-small {
  display: flex;
  align-items: center;
  justify-content: center;
  
  border: var(--VariousBorderColors);
  cursor: pointer;
  margin: 5px 5px 0 0;
  padding: 5px 10px 5px 10px;
}

main > .product .product-small-imgs .product-img-small:nth-child(3n) {
  margin-right: 0;
}

main > .product .product-small-imgs .product-img-small.selected {
  border: 1px solid #c8c8c8;
}

main > .product .product-img-large img, main > .product .product-img-small img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

main > .product .product-imgs {
  
  padding: 15px;
  flex:50%;
}

main > .product .product-wrapper {
 	border-radius: 25px;
    flex: 50%;
}
/*main > .product .product-text {
	flex: 34%;
	text-align:left;
	align-self:flex-start;
	padding:20px 30px 20px 20px;
}*/

main > .product .prices {
  display: flex;
  justify-content:center;
}

main > .product .price {
  display: block;
  font-size: 26px;
  color: var(--priceColorMainpage);
}
main > .product .price {
  color: var(--RotpriceColorMainpage);
}
main > .product .price {
  color: var(--KakaopriceColorMainpage);
}
main > .product .price {
  color: var(--SupplementepriceColorMainpage);
}
main > .product .price {
  color: var(--NahrungpriceColorMainpage);
}

main > .product .rrp {
  color: #BBBBBB;
  text-decoration: line-through;
  font-size: 26px;
  padding-left: 10px;
}

main > .product form {
  display: flex;
  flex-flow: column;
  justify-content:center;
 
}

main > .product form label {
  padding-bottom: 10px;
  }






main > .product form select, main > .product form input[type="number"], main > .product form input[type="text"], main > .product form input[type="datetime-local"] {
  height:30px;
	border:1px solid grey;
	border-radius:25px;
  text-align: center; 
  font-size: 1em;
  margin-left:auto;
  margin-right:auto;
  background-color: var(--SupplementeSeparatorSVGFillTwei);
  transition: all 0.15s ease-in-out;
}
main > .product form select, main > .product form input[type="number"]:hover, main > .product form input[type="text"]:hover, main > .product form input[type="datetime-local"]:hover {
  background-color: var(--SupplementeSeparatorSVGFill);
  transition: all 0.15s ease-in-out;
}

#productpage, #productpageRot, #productpageKakao,#productpageSupplemente,#productpageNahrung{
	padding-right:25px;
	padding-left:25px;
	background-color:var(--ProductPageBackground);
	border-radius:20px;
	width:95%;
	margin-left: auto;
	margin-right: auto;
	border: 0px;

}
#productpageRot {
	background-color: var(--RotProductPageBackground);
	border: 0px;
}
#productpageKakao {
	
	background-color: var(--KakaoProductPageBackground);
	border: 0px;
}
#productpageSupplemente {
	background-color: var(--SupplementeFormProductPageBackground);
	border: 0px;
}
#productpageNahrung {
	background-color: var(--NahrungProductPageBackground);
	border: 0px;
}

.kauf_optionen
{
	border: 1px solid grey;
	background-color:rgba(255,255,255,0.2);
	margin:2px;
}
.kauf_optionen:active,.kauf_optionen:hover
{
	border: 1px solid black;
	background-color:rgba(255,255,255,0.8);

}

#kaufOptionen
{
	/*border:1px solid grey;
	padding:20px 10px 20px 10px;
	border-radius: 15px;*/
    width:90%;
    margin:auto;
    
    
	text-align: center;
	
	

}

#quantity {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
          height:30px;
          font-size: 1.3em;
          border-radius: 0px;
          border-left:0;
          border-right:0;
          width:100%;
          margin-top:5px;
}
#quantity::-webkit-inner-spin-button, 
#quantity::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}

.radio {
	display: none;
}
.radio:hover + figure:hover {
  cursor: pointer;
}

.radio + figure {
  display: inline-block;
  cursor: pointer;
  border-radius: 10px;
  border: 3px solid transparent;
  transition: border 0.3s;
  background-color: white;
  margin-right: 10px; /* Add margin to space out the items */
}

.radio:checked + figure {
  border: 3px solid var(--SupplementeSeparatorSVGFillDrei); 
  background-color: white;
}



/*.radio + figure:active {*/
/*form:active, .product-wrapper:active, #kaufOptionen:active, .radio-checkbox:active, .radio + figure:active, label:active {
    border-radius: 10px;
	text-decoration: none;
	color: var(--BodyTextColor);
	background-color: transparent;
}*/

/*
main > .product form .radio-checkbox {
  display: flex;
  flex-flow: wrap;
  max-width: 275px;
}

main > .product form .radio-checkbox input {
  margin: 0 10px 10px 0;
}

main > .product form .radio-checkbox label {
  padding-right: 15px;
}*/

.plus /*button von produktseite */
{
	border-radius:0px 25px 25px 0px;
	height:30px;
	width:30px;
	font-size:1em;
	font-weight: bold;
	border:1px black solid;
	line-height: 0px;
	margin-top:5px;
}

.minus /*button von produktseite */
{
	border-radius:25px 0px 0px 25px;
	height:30px;
	width:30px;
	font-size:1em;
	font-weight: bold;
	border:1px black solid;
	line-height: 0px;
	margin-top:5px;
}


main > .product form .btn {
  width: 90%;
  height:45px;
  border-radius:10px;
  border: 1px solid var(--CenterboxHeaderColor);
  text-transform: uppercase;
    margin-left:auto;
  margin-right:auto;
}

main > .products h1 {
  display: block;
  font-weight: normal;
  margin: 0;
  padding: 40px 0;
  font-size: 28px;
  text-align: center;
  width: 100%;
}

main > .products .products-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 40px;
}


main > .products .products-header label {
  padding-left: 20px;
 
}

main > .products .products-header select {
  padding: 5px;
  margin-left: 15px;
  border: 1px solid #d5d5d5;
  color: var(--BodyTextColor);
  border-radius: 4px; 
}

main > .products .buttons {
  text-align: right;
  padding-bottom: 40px;
}

main > .products .buttons a:first-child {
  margin-right: 5px;
}

.tablinks { /* checkout tabs*/
	background-color: var(--SupplementeSeparatorSVGFill);
	color: var(--BodyTextColor);
	border: 0px solid var(--SupplementeSeparatorSVGFillTwei);
	box-shadow: 0px -2px 2px var(--SupplementeFormProductPageBackground);
	border-bottom:0;
	border-radius:10px 10px 0 0;
	padding-top:8px;
	padding-bottom:8px;
}
.tablinks:hover {/* checkout tabs*/
	background-color: var(--SupplementeFormProductPageBackground);
	border-color:var(--SupplementeFormProductPageBackground);
	cursor: pointer;
}
.tablinks.active {/* checkout tabs*/
	background-color: var(--SupplementeFormProductPageBackground);
	border-color:var(--SupplementeSeparatorSVGFill);
	box-shadow: 0px -2px 2px var(--SupplementeSeparatorSVGFill);
}
.tabcontent {/* checkout tabs*/

	
	background: linear-gradient(to bottom, var(--SupplementeFormProductPageBackground), transparent 15px);
	border-radius: 0px 15px 0px 0px;
	
	width:100%;
	max-width:1000px;
	padding:0px;
}

main .cart h1, main .myaccount h1 {
  display: block;
  font-weight: normal;
  margin: 0;
  padding: 40px 0;
  font-size: 28px;
  text-align: center;
  width: 100%;
}

main .cart table, main .myaccount table {
  width: 100%;
}

main .cart table thead td, main .myaccount table thead td {
  padding: 30px 0;
  border-bottom: var(--VariousBorderColors);
}

main .cart table thead td:last-child, main .myaccount table thead td:last-child {
  text-align: right;
}

main .cart table tbody td, main .myaccount table tbody td {
  padding: 20px 0;
  border-bottom: var(--VariousBorderColors);
}

main .cart table tbody td:last-child, main .myaccount table tbody td:last-child {
  text-align: right;
}

main .cart table .img, main .myaccount table .img {
  width: 80px;
}

main .cart table .remove, main .myaccount table .remove {
  color: #777777;
  font-size: 16px;
  padding-top: 3px;
}

main .cart table .remove:hover, main .myaccount table .remove:hover {
  text-decoration: underline;
}

main .cart table .price, main .cart table .options, main .myaccount table .price, main .myaccount table .options {
  color: #999999;
}

main .cart table .options, main .myaccount table .options {
  font-size: 18px;
  max-width: 200px;
}

main .cart table a, main .myaccount table a {
  text-decoration: none;
  color: var(--BodyTextColor);
}

main .cart table input[type="number"], main .myaccount table input[type="number"] {
  width: 68px;
  padding: 10px;
  border: 0px solid var(--SupplementeFormProductPageBackground);
  background-color:var(--SupplementeFormProductPageBackground);
  color: var(--BodyTextColor);
  border-radius: 4px;
  border-radius:25px;
}

/* Cart: lvl_two suggestions must not cause horizontal overflow (clips price column) */
main .cart .cart-lvl2-suggestions {
	max-width: 100%;
}
main .cart .cart-lvl2-row {
	flex-wrap: wrap;
}
main .cart .cart-lvl2-left {
	min-width: 0;
	flex: 1 1 240px;
}
main .cart .cart-lvl2-title {
	min-width: 0;
}
main .cart .cart-lvl2-title > div {
	overflow-wrap: anywhere;
	word-break: break-word;
}
main .cart .cart-lvl2-right {
	flex: 0 0 auto;
}

main .cart .total, main .myaccount .total, main .cart .vorkasse, main .myaccount .vorkasse {
  text-align: right;
  padding: 30px 0 40px 0;
}

main .cart .total .text, main .myaccount .total .text,main .cart .vorkasse .text, main .myaccount .vorkasse .text {
  padding-right: 40px;
  font-size: 22px;
}

main .cart .total .price, main .myaccount .total .price,main .cart .vorkasse .price, main .myaccount .vorkasse .price {
  font-size: 22px;
  color: #999999;
}

main .cart .total .note, main .myaccount .total .note,main .cart .vorkasse .note, main .myaccount .vorkasse .note {
  display: block;
  padding-top: 15px;
}

main .cart .buttons, main .myaccount .buttons {
  text-align: right;
  padding-bottom: 40px;
}

main .cart .buttons .btn, main .myaccount .buttons .btn {
  margin: 0 0 10px 5px;
}

#cart_kaufbutton_adjustment{position:relative;bottom:75px;}

main .placeorder h1 {
  display: block;
  font-weight: normal;
  margin: 0;
  padding: 40px 0;
  font-size: 28px;
  text-align: center;
  width: 100%;
}

main .placeorder p {
  text-align: center;
}

main .checkout h1, main .myaccount h1 {
  display: block;
  font-weight: normal;
  margin: 0;
  padding: 40px 0;
  font-size: 28px;
  text-align: center;
  width: 100%;
}

main .checkout .shipping-details, main .myaccount .shipping-details {
  width: 600px;
  display: flex;
  flex-flow: wrap;
  padding-bottom: 40px;
}

main .checkout .shipping-details h2, main .myaccount .shipping-details h2 {
  width: 100%;
  font-weight: normal;
  font-size: 24px;
  padding: 30px 0 20px 0;
  margin: 0 0 10px 0;
  border-bottom: var(--VariousBorderColors);
}

main .checkout .shipping-details h2:first-child, main .myaccount .shipping-details h2:first-child {
  padding: 20px 0 20px 0;
}

main .checkout .shipping-details label, main .myaccount .shipping-details label {
  display: block;
  padding: 15px 0 0px 0;
}

.rowflex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;}
.rowflex div {
	width: 48%;
}



main .checkout .container {
  display: flex;
  align-items: flex-start;
}

	
main .checkout .shipping-details {
  margin-right: 25px;
  width: 100%;
}

main .checkout .payment-methods {
  display: flex;
  flex-flow: wrap;
  width: 100%;
  justify-content: space-between;
}

main .checkout .payment-methods label {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid lightgrey;
  border-radius: 5px;
  height: 60px;
  width: 159px;
  margin: 10px;
  font-weight: 500;
  color: #434f61;
  padding: 0;
  cursor: pointer;
}

main .checkout .payment-methods label .fa-stripe {
  color: #6671E4;
}

main .checkout .payment-methods label:nth-child(2), main .checkout .payment-methods label:nth-child(8) {
  margin-left: 0;
}

main .checkout .payment-methods label:nth-child(3n) {
  margin-right: 0;
}

main .checkout .payment-methods label:hover {
  border: 1px solid grey;
}

main .checkout .payment-methods input {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

main .checkout .payment-methods input:checked + label {
  border: 4px solid var(--TextColor);
  background-color: var(--SupplementeFormProductPageBackground);
  color: var(--TextColor);
}

main .checkout .cart-details {
  width: 90%;
  box-shadow: 0px 0px 5px 0px var(--SupplementeSeparatorSVGFill);
  border-radius: 4px;
  margin-left: 25px;
  margin-bottom: 50px;
}

main .checkout .cart-details h2 {
  margin: 0;
  padding: 23px 15px;
  font-weight: 500;
}

main .checkout .cart-details table {
  width: 100%;
  padding: 20px;
}

main .checkout .cart-details table .price {
  text-align: right;
  font-weight: 500;
}

main .checkout .cart-details table td {
  padding: 5px;
}

main .checkout .cart-details .discount-code {
  padding: 0 23px 23px 23px;
}

main .checkout .cart-details .discount-code .result {
  display: block;
  padding-top: 10px;
}

main .checkout .cart-details .shipping-methods {
  padding: 23px;
}

main .checkout .cart-details .shipping-methods h3 {
  margin: 0;
  padding: 0 0 10px;
  font-weight: 500;
}

main .checkout .cart-details .shipping-methods .shipping-method {
  padding-top: 10px;
  margin: 0;
}

main .checkout .cart-details .total,main .checkout .cart-details .vorkasse {
  border-top: var(--VariousBorderColors);
  display: flex;
  justify-content: space-between;
  padding: 23px;
  font-size: 1em;
  font-weight: 500;
}

main .checkout .cart-details .alt {
  color: #a6aab1;
  padding-left: 5px;
}

main .checkout .cart-details .summary {
  border-top: var(--VariousBorderColors);
  padding: 23px 0;
}

main .checkout .cart-details .summary div {
  display: flex;
  justify-content: space-between;
  padding: 3px 23px;
}

main .checkout .cart-details .summary div span {
  font-size: 1em;
  font-weight: 500;
  font-size:0.8em;
}

main .checkout .cart-details .summary .discount span {
  color: #de0000;
}

main .checkout .cart-details .buttons {
  margin: 0 23px 23px 23px;
}

main .checkout .cart-details .buttons .btn {
  width: 100%;
  
}
main .checkout form  input[type=checkbox]
{
	margin-left:15px;
	background-color:var(--SupplementeFormProductPageBackground);
	color:var(--TextColor);
}

main .checkout label,main .checkout i
{
	font-size:0.8em;
	font-weight: bold;

	color:var(--TextColor);
	margin-top:0px;
	
}
main .checkout input{
	padding:4px;
	font-size: 1em;
	border-radius:25px;
	border:0;
	background-color: var(--SupplementeFormProductPageBackground);
}
main .checkout p,main .checkout span{
	color:var(--TextColor);	
	font-size:1em;
}
main .checkout table td {
	
	color:var(--TextColor);
}
main .checkout h1,main .checkout h2,main .checkout h3,main .checkout h4
{
font-weight: bold;
font-size: 1.2em;
}
main .checkout table td label{font-size: 0.9em;}
main .checkout table a{text-decoration: underline;}
main .checkout select {padding:7px;background-color: var(--SupplementeFormProductPageBackground);border-radius:25px;border:0;}

main .myaccount {
  display: flex;
  flex-flow: wrap;
}

main .myaccount .menu {
  padding-right: 35px;
  width: 300px;
}

main .myaccount .menu a {
  display: block;
  text-decoration: none;
  color: #888888;
  padding: 15px 0;
  border-bottom: 1px solid #f6f6f6;
}

main .myaccount .menu a:hover {
  color: #3c3c3c;
}

main .myaccount .myorders, main .myaccount .mydownloads, main .myaccount .settings {
  flex: 1;
  padding-bottom: 50px;
}

main .myaccount .myorders .order {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  margin: 30px 0 30px 0;
}

main .myaccount .myorders .order .order-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f6f6f6;
}

main .myaccount .myorders .order .order-header > div {
  display: flex;
  padding: 15px;
}

main .myaccount .myorders .order .order-header > div div {
  padding-right: 35px;
}

main .myaccount .myorders .order .order-header > div div:last-child {
  padding-right: 0;
}

main .myaccount .myorders .order .order-header > div div span {
  display: block;
  font-size: 14px;
}

main .myaccount .myorders .order .order-items {
  padding: 15px;
}

main .myaccount .myorders .order .order-items table {
  margin: 0;
  padding: 0;
}

main .myaccount .settings form {
  max-width: 400px;
}

main .myaccount .settings form .btn {
  margin-top: 25px;
}

main .myaccount form {
  width: 100%;
}

main .myaccount h2 {
  width: 100%;
  font-weight: normal;
  font-size: 20px;
  padding: 30px 0 20px 0;
  margin: 0 0 10px 0;
  border-bottom: var(--VariousBorderColors);
}

main .myaccount table {
  padding-bottom: 40px;
}

main .myaccount table tr:last-child td {
  border-bottom: 0;
}

main .myaccount table a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  border: var(--VariousBorderColors);
  border-radius: 4px;
  padding: 0 10px;
  font-size: 14px;
  color: #de0000;
  margin: 0 5px 5px 0;
}

main .myaccount table a:hover {
  color: #ab0000;
}

main .myaccount table a i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding-right: 10px;
  margin-right: 10px;
  height: 100%;
  border-right: var(--VariousBorderColors);
}

main .myaccount table .name {
  word-break: break-all;
}

main .myaccount .login-register {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 40px;
}

main .myaccount .login-register h1 {
  text-align: left;
  padding-top: 15px;
}

main .myaccount .login-register .login {
  width: 100%;
  border-right: 1px solid #f6f6f6;
  padding-right: 45px;
}

main .myaccount .login-register .register {
  width: 100%;
  padding-left: 45px;
}

main .myaccount .login-register .btn {
  margin-top: 25px;
}

main p.error {
  color: red;
}


.img-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);z-index:2;
}

.img-modal div {
  position: absolute;
  display: flex;
  flex-flow: column;
  width: 800px;
  height: 800px;
  max-width: 90%;
  max-height: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  padding: 15px;z-index:2;
}

.img-modal div a {
  display: inline-flex;
  align-self: flex-end;
  text-decoration: none;
  font-size: 34px;
  line-height: 26px;
  color: #bbbbbb;z-index:2;
}

.img-modal div a:hover {
  color: #a2a2a2;z-index:2;
}

.img-modal div img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  padding-top: 20px;
  padding-bottom: 25px;
  z-index:3;
}

.btn {
  text-decoration: none;
  background: #4b505c;
  border: 0;
  color: #FFFFFF;
  padding: 11px 16px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
    
}

.btn:hover {
  background: #7777aa;
}

.btn:disabled {
  background: #ddd;
}

#warenkorb_buttons{
	display:flex;
	flex-wrap:no-wrap;
	align-items: flex-end;
	justify-content:right;
}
#emptycart, #update,#checkout{
	width:165px;
	border-radius:50px;
}
#updateimg:active,#updateimg:hover{filter:invert(100%)}
#remove:active,#remove:hover{filter:invert(100%)}
#cart_remove_handy{display:none;}
#checkout{
	width:165px;
	padding:10px;

}
.form-label {
  display: block;
  padding: 20px 0 10px 0;
}

.form-field {
  width: 100%;
  padding: 10px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  background-color: #fff;
}

footer  {

  position: absolute;
  bottom: 0px;
  left: 0px;
  margin: 0;
  padding: 0;
  width: 100%;
}

footer a {
  text-decoration: none;
  color: var(--BodyTextColor);
}

footer a:hover {
  text-decoration: underline;
}


/*home*/
#svg_knotentang{width:20%;}
#svg_knotentang_start{width:15%;}
.svg_knotentang_start{width:15%;position:absolute;}
#svg_olivenblatt{width:20%;}
.svg_olivenblatt{width:20%;z-index:9;position:absolute;}
#svg_obenrechts{width:20%;top:0px;right:0.5%;}
#svg_obenmitte{width:20%;top:-100px;left:30%;} 

/*grün*/
#svg_spinat {width:20%;right:35%;bottom:0px;}
.svg_spinat {width:20%;}
#svg_loewenzahnblatt {width:20%;left:25%;top:-200px;bottom:0px;}
#svg_gruenkohl {width:20%;right:30%;top:-100px;bottom:0px;}
#svg_gruenkohl_tbl {width:20%;right:40%;top:-100px;bottom:0px;}
#svg_papayablatt {width:20%;left:30%;top:0px;bottom:0px;}
#generic_svg {background-size: 20%;}



.about-us {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  padding: 40px 0;
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px;
  padding-right:10px;
}

#footerdiv{
	
	min-height: 135px;
	padding:0px;
	margin:0px;
	display: flex;
	text-align:center;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	color:var(--BodyTextColor);
}
#footerdiv a {
	color: var(--SupplementeSeparatorSVGFillDrei);text-decoration: none;
}

#footerdiv a:hover,
#footerdiv a:active,
#footerdiv a:visited {
	color: var(--SupplementeSeparatorSVGFillDrei);text-decoration: none;
}


small
{
	font-size:0.8em;
}

.image-container{
    width: 75%;margin: auto;
}
.floated_right{
    float: right;
    width: 50%;

}

.keypoint-entry  {flex:50%;padding:50px 100px 50px 50px;margin:auto;color: var(--TextColor);text-align:left;}
.keypoint-entry2 {flex:50%;padding:50px 100px 50px 100px;margin:auto;color: var(--TextColor);text-align:left;}

.newhome, .keypoints {
	margin: auto;
	color: var(--TextColor);
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content: center;
	align-self: center;
	max-width: 1600px;
}
.newhome-reverse, .keypoints-reverse {
	margin: auto;
	color: var(--TextColor);
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
	justify-content: center;
	align-self: center;
	max-width: 1600px;
}
.newhomeUntergruppe{flex:30%;padding:10px;}

.newhomeKakao {	padding:20px;max-width:75%;min-width: 320px;margin-left:auto;margin-right:auto;background: linear-gradient(var(--KakaoCenterLeftRightBoxBackgroundGradientTwo), transparent 100%); color: var(--KakaoTextColor);}
.newhomeRot {	padding:20px;max-width:75%;min-width: 320px;margin-left:auto;margin-right:auto;background: linear-gradient(var(--RotCenterLeftRightBoxBackgroundGradientTwo), transparent 100%); color: var(--RotTextColor);}  
.newhomeGrun {	padding:20px;max-width:75%;min-width: 320px;margin-left:auto;margin-right:auto;background: linear-gradient(var(--CenterLeftRightBoxBackgroundGradientOne), transparent 100%); color: var(--TextColor);}
.newhomeSupplemente {	padding:20px;max-width:75%;min-width: 320px;margin-left:auto;margin-right:auto;background: linear-gradient(var(--SupplementeCenterLeftRightBoxBackgroundGradientOne), transparent 100%); color: var(--SupplementeTextColor);}
.newhomeNahrung {	padding:20px;max-width:75%;min-width: 320px;margin-left:auto;margin-right:auto;background: linear-gradient(var(--NahrungCenterLeftRightBoxBackgroundGradientOne), transparent 100%); color: var(--NahrungTextColor);}


.newhomeNahrung h1,.newhomeNahrung h2,.newhomeNahrung h3,.newhomeNahrung h4,.newhomeNahrung h5
{
	color: var(--NahrungTextColor);
	color:var(--SupplementeSeparatorSVGFillDrei);
}
.newhomeSupplemente h1,.newhomeSupplemente h2,.newhomeSupplemente h3,.newhomeSupplemente h4,.newhomeSupplemente h5
{
	color: var(--SupplementeTextColor);
	color:var(--SupplementeSeparatorSVGFillDrei);
}
.newhomeKakao h1,.newhomeKakao h2,.newhomeKakao h3,.newhomeKakao h4,.newhomeKakao h5
{
	color: var(--KakaoTextColor);
	color:var(--SupplementeSeparatorSVGFillDrei);
}
.newhomeGrun h1,.newhomeGrun h2,.newhomeGrun h3,.newhomeGrun h4,.newhomeGrun h5
{
	color: var(--TextColor);
	color:var(--SupplementeSeparatorSVGFillDrei);
}
.newhomeRot h1,.newhomeRot h2,.newhomeRot h3,.newhomeRot h4,.newhomeRot h5
{
	color: var(--RotTextColor);
	color:var(--SupplementeSeparatorSVGFillDrei);
}
.newhome h1,.newhome h2,.newhome h3,.newhome h4,.newhome h5
{
	color: var(--TextColor);
	color:var(--SupplementeSeparatorSVGFillDrei);
}
.newhomecontainer h4 {color:white;}
.TXHS {color: var(--SupplementeTextColor);}


.startcontainer
{
	position: relative;
	text-align: center;
	color: white;
	
}
.newhomecontainer
{
	position: relative;
	text-align: center;
	color: white;
	margin:auto;
	box-shadow: 0px 0px 5px grey;
	background-color: white;
}
.newhomecontainerText
{
	color: var(--TextColor);
	margin:auto;
	padding:0px;
	text-align:left;
	flex:70%;
}
.newhomeImg
{
	position: absolute;
	top: 0px;
	left: 50%;
  	transform: translate(-50%, -30%);
	font-weight:bold;  
	z-index:1;
}

.newhometext h3
{
	margin-top:0px;
	font-size:0.9em;
	color:black;
	background-image: url(belderkes/OverlayText.webp); /*belderkes/  nato/membilder*/
	background-repeat: repeat-x;
	background-size:contain ;
	
	padding:10px 5px 30px 0px;
}

.newhometext,.newhometextWissen 
{
	position: absolute;
	top: 0px;
	width:100%;
	margin-left:auto;
	margin-right: auto;
	font-weight:bold; 
}
.newhometextWissen {padding-left:25%;padding-right:25%;}
.newhomeTextUnderImage
{
	width:75%;
	margin:auto;
	padding-top:15px;
	padding-bottom:15px;
}
.newhometextNurBGIMG
{
	padding:10px;
	text-shadow: 0 0 3px black,0 0 3px black,0 0 2px black,0 0 3px black,0 0 2px black,0 0 3px black;
	font-size:30px;
	font-weight:bold;  
}


.btnGrey {
  color:var(--TextColor);
  position: relative;
  overflow: hidden;
  z-index: 1;

	padding:1px;
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15 ease-in-out;
}
.btnGrey::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 100%;
  background-color: bbbbbb;
  z-index: -1;
  -webkit-transition: width 150ms ease-in-out;
  transition: width 0.15 ease-in-out;
}
.btnGrey:hover {
  color:white;
}
.btnGrey:hover::after {
  width: 105%;
}
.btnG{
  position: relative;
  display: block;
  color: var(--SupplementeTextColor);
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid grey;
	font-size:1em;
	margin:auto;
background-color: aaaaaa;
  overflow: hidden;
  transition: 1s all ease;
}
.btnG::before{

  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
  transition: all 0.6s ease;
}


.ctaform {
	color:var(--SupplementeTextColor);
	background-color: var(--SupplementeSeparatorSVGFillTwei);
   z-index: 1;
	border: 1px solid grey;
	padding:5px;
  -webkit-transition: color 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin:3px;
}
.ctaform:hover
{
  color:var(--SupplementeTextColor);
  cursor: pointer;
  background-color: var(--SupplementeSeparatorSVGFill);
  -webkit-transition: width 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.btnS2 {
  color:var(--SupplementeTextColor);
  background-color: var(--SupplementeFormProductPageBackground);
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  padding:8px 12px 8px 12px;
  z-index: 1;
	border: 0px solid grey;
  -webkit-transition: color 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin:3px;
  border: 3px solid var(--SupplementeSeparatorSVGFillDrei);
}

.btnS2:hover {
  color:var(--TextColor);
  cursor: pointer;
  background-color: var(--SupplementeSeparatorSVGFill);
  -webkit-transition: width 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}



.btnSupplemente {
	text-align:center;
  color:var(--SupplementeTextColor);
  position: relative;
  overflow: hidden;
  z-index: 1;
	border: 0px solid grey;
	padding:5px;
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}
.btnSupplemente::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 100%;
  background-color: var(--FooterSVGFill); /*var(--SupplementeSeparatorSVGFillTwei);*/
  z-index: -1;
  -webkit-transition: width 0.15s ease-in-out;
  transition: width 0.15s ease-in-out;
}
.btnSupplemente:hover {
  color:white;
  cursor: pointer;
}
.btnSupplemente:hover::after {
  width: 105%;
}

.btnS{
  position: relative;
  display: block;
  color: white;
  text-decoration: none;
  border-radius: 25px;
  border: 0px solid grey;
	font-size:1.1em;
	margin:auto;
background-color: var(--SupplementeSeparatorSVGFillDrei);
  overflow: hidden;
  font-weight:bold;
  transition: 1s all ease;
}
.btnS::before{

  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
  transition: all 0.6s ease;
}


.textimg
{
	min-height: 400px;
}
.svg_top { width:10%; }
.svg_generic { width:17%; }


#MERKMAL_ID_HANDY {position:relative;top:-50px;}
#only_handy_klein{display:none;}
#aktionstext{display:block;}
#aktionstext_mob{display:none;}


.isscrollbar{display:none;}
.isscrollbar_product{display: none;}
.img_kleurverloop{display:none;}


.handymenu { display:none;}
.browsermenu {display:flex;}

.blog_mark{
	text-align:center;
	padding-left:25px;
	padding-right:25px;
	font-style: italic;
}


#disclaimer {
	display:flex;
	flex-direction:row;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	align-items:flex-start;
    overflow-x: auto;


    
}
#disclaimer img {width:100px;opacity: 0.4;}
#disclaimer .dis_elem {
	padding:5px;
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	flex:33%;
	align-items:flex-start;
}

#disclaimer p {
	text-align: left;
	white-space: wrap;
	
}

#disclaimer div:hover {
	box-shadow: 0px 0px 5px lightgrey inset;
	background-color:rgba(255,255,255,0.7);
}
#disclaimer .pielrechts {display: none;}
#disclaimer .piellinks {display: none;}

.productseite_function_start_end_bild{width:100%;height:120px;}

#platzhalter_desktop{
height:75px;}

.dubisthier{text-align: center;border-top: 2px solid white;border-bottom: 2px solid white;background-color:var(--HomePageBackground);padding: 10px 0px 10px 0;}




/* anzeige bezahlvorgang gfx */
.bezahlvorgang {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

.bezahlvorgang > .num, .bezahlvorgang > .numOk {
	background-color: var(--SupplementeFormProductPageBackground);
	width: 50px;
	height: 50px;
	margin: 10px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	border-radius: 50%;
	box-shadow: 0 0 2px 1px var(--SupplementeCenterLeftRightBoxBackgroundGradientTwo);
	transition: background-color 0.3s ease;
	color:lightgrey;
}

.bezahlvorgang > .numOk {
	background-color: #e6e6ff;
	color: var(--TextColor);
}

.bezahlvorgang > .line, .bezahlvorgang > .lineOk {
	/*background: linear-gradient(to right, #e6e6ff, transparent);*/
	background: var(--SupplementeFormProductPageBackground);
	width: 50px;
	height: 10px;
	margin: 10px;
	text-align: center;
	align-self: center;
	border-radius: 5px;
	transition: background 0.3s ease;
}

.bezahlvorgang > .lineOk {
	background-color:#e6e6ff;
}

.bezahlvorgang > .text {
	width: 100px;
	margin: 0 20px 10px 20px;
	padding: 0;
	text-align: center;
	font-size: 16px;
	color: grey;
	transition: color 0.3s ease;
}
/* bezahlvorgang anzeige ende */



@media screen and (min-width: 1400px){
	div.scrollproducts
	{
		justify-content:center;
	}

}


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

	.tabmenu{
		padding-left:250px;
	}
	.productseite_function_start_end_bild{
		max-width:1600px;
		position:relative;
  		left:50%;
  		/*clip-path: inset( 0% 0 10% 0);*/
  		transform:translate(-50%,0%);	
	}


	#werbung_img{ 
		position:absolute;
  		clip: rect(0, 1600px, 70vh, 0);
  		/*clip-path: inset( 0% 0 10% 0);*/
  		transform:translate(-50%,0%);
  }

	
	div.scrollproducts2
	{
		justify-content:center;
	}
	#scrollrechts_home,#scrolllinks_home{display:none;}
	
	/*home*/
	#svg_knotentang{width:15%;}
	#svg_knotentang_start{width:15%;}
	.svg_knotentang_start{width:10%;}
	#svg_olivenblatt{width:15%;}
	.svg_olivenblatt{width:15%;}
	#svg_obenrechts{width:15%;top:0px;right:0.5%;}
	#svg_obenmitte{width:15%;top:-100px;left:30%;} 
	
	/*grün*/
	#svg_spinat {width:15%;right:35%;top:-60px;bottom:0px;}
	.svg_spinat {width:15%;}
	#svg_loewenzahnblatt {width:15%;left:25%;top:-200px;bottom:0px;}
	#svg_gruenkohl {width:15%;right:30%;top:-100px;bottom:0px;}
	#svg_gruenkohl_tbl {width:15%;right:40%;top:-100px;bottom:0px;}
	#svg_papayablatt {width:15%;left:30%;top:0px;bottom:0px;}
	#generic_svg {background-size: 15%;}

	/*home*/
	 #gratis{content: url('belderkes/gratis600.webp');}
	 #sport{content: url('belderkes/sport.webp');}
	 #bundel{content: url('belderkes/bundel-nmn-apigenin800.webp');}
	 #science {content: url('belderkes/science_dna.webp');}
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie.webp');}

	/*produktseiten*/
	#chaikao_warm{content: url('uploads/chaikao_warm.webp');}
	#chaikao_eis{content: url('uploads/chaikao_eis_eiswuerfel.webp');}
	#chaikao_gewuerze{content: url('uploads/chaigewuerze.webp');}
	#chaikao_produktbild{content: url('uploads/chaikao_produktbild.webp');}

	.svg_top { width:7%; }
	.svg_generic { width:13%; }

}

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



	 #gratis{content: url('belderkes/gratis600.webp');}
	 #sport{content: url('belderkes/sport.webp');}
	 #bundel{content: url('belderkes/bundel-nmn-apigenin800.webp');}
	 #science {content: url('belderkes/science_dna.webp');}
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie.webp');}
	 	/*produktseiten*/

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

	#home_underh2_links { position:relative;top:100px;}
	#home_text_links{ position:relative;top:100px;}



	 #gratis{content: url('belderkes/gratis600.webp');}
	 #sport{content: url('belderkes/sport.webp');}
	 #bundel{content: url('belderkes/bundel-nmn-apigenin800.webp');}
	 #science {content: url('belderkes/science_dna.webp');}
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie.webp');}
}

@media screen and (max-width: 1600px) and (max-height: 900px) {
	#home_underh2_links { position:relative;top:100px;}
	#home_text_links{ position:relative;top:100px;}
		
	main .featured .text {font-size:16pt;text-align:center;}
	


	 #gratis{content: url('belderkes/gratis600.webp');}
	 #sport{content: url('belderkes/sport.webp');}
	 #bundel{content: url('belderkes/bundel-nmn-apigenin800.webp');}
	 #science {content: url('belderkes/science_dna.webp');}
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie.webp');}
}

@media screen and (max-width: 1366px) and (max-height: 768px) {
	#home_underh2_links { position:relative;top:100px;}
	#home_text_links{ position:relative;top:100px;}
		main .featured .underh2 {font-size:22pt;}
	main .featured .text {font-size:15pt;text-align:center;}

	 #gratis{content: url('belderkes/gratis600.webp');}
	 #sport{content: url('belderkes/sport.webp');}
	 #science {content: url('belderkes/science_dna.webp');}
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie.webp');}

}

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

	
	header h1, header  {
	  display: flex;
	  flex-grow: 1;
	  flex-basis: 0;
	  font-size: 24px;
	  margin: 0;
	  padding: 0px 0;
	}
	

	
	header .link-icons {
	  display: flex;
	  flex-grow: 1;
	  flex-basis: 0;
	  justify-content: flex-end;
	  align-items: center;
	  position: relative;
	}
	
	header .link-icons .search i {
	  font-size: 22px;
	  padding: 9px;
	  border-radius: 50%;
	  cursor: pointer;
	}
	
	header .link-icons .search i:hover {
	  background-color: var(--BackgroundColorHeaderSearchIHover);
	}
	
	header .link-icons .search input {

	  border: 0;
	  border-bottom: var(--VariousBorderColors);
	  padding: 10px 0;
	  max-width: 100px;
	  outline: none;
	  margin-right: 10px;
	}
	
	header .link-icons .responsive-toggle {
	  display: none;
	}
	
	header .link-icons a {
	  position: relative;
	  text-decoration: none;
	  color: #394352;
	  padding: 9px;
	  border-radius: 50%;
	  margin-left: 5px;
	}
	
	header .link-icons a:hover {
	  background-color: #f2f2f2;
	}
	
	header .link-icons a i {
	  font-size: 22px;
	}
	
	header .link-icons a span {
	  display: inline-flex;
	  justify-content: center;
	  align-items: center;
	  text-align: center;
	  background-color: #eea965;
	  border-radius: 50%;
	  color: #000;
	  font-size: 16px;
	  width: 16px;
	  height: 16px;
	  font-weight: 500;
	  position: absolute;
	  top: 0;
	  right: 0;
	}

	 #gratis{content: url('belderkes/gratis600.webp');}
	 #sport{content: url('belderkes/sport.webp');}
	 #bundel{content: url('belderkes/bundel-nmn-apigenin800.webp');}
	 #science {content: url('belderkes/science_dna.webp');}
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie.webp');}
	  #MERKMAL_ID_HANDY {position:relative;top:-0px;}
}


@media screen and (max-width: 1280px) {
	#home_underh2_links { position:relative;top:100px;}
	#home_text_links{ position:relative;top:100px;}
	
	main .featured .underh2 {font-size:22pt;}
	main .featured .text {font-size:16pt;text-align:center;}

	 #gratis{content: url('belderkes/gratis600.webp');}
	 #sport{content: url('belderkes/sport.webp');}
	 #bundel{content: url('belderkes/bundel-nmn-apigenin800.webp');}
	 #science {content: url('belderkes/science_dna.webp');}
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie.webp');}
	 

}

@media screen and (max-width: 1280px) and (max-height: 750px) {
	#home_underh2_links { position:relative;top:100px;}
	#home_text_links{ position:relative;top:100px;}
	
	main .featured .underh2 {font-size:22pt;}
	main .featured .text {font-size:14pt;text-align:center;}

	 #gratis{content: url('belderkes/gratis600.webp');}
	 #sport{content: url('belderkes/sport.webp');}
	 #bundel{content: url('belderkes/bundel-nmn-apigenin800.webp');}
	 #science {content: url('belderkes/science_dna.webp');}
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie.webp');}
	 

}

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


 #logo
{
	display:none;
}
	
	main .featured .underh2 {font-size:18pt;}
	main .featured .text {font-size:16pt;text-align:center;}
	#home_underh2_links { position:relative;top:100px;left:80px;}
	#home_text_links{ position:relative;top:100px;left:80px;}

	 #gratis{content: url('belderkes/gratis600.webp');}
	 #sport{content: url('belderkes/sport.webp');}
	 #bundel{content: url('belderkes/bundel-nmn-apigenin800.webp');}
	 #science {content: url('belderkes/science_dna.webp');}
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie.webp');}

	 .prevHomeTop {
		left: 0%;
		border-radius: 0% 100% 100% 0%;
	}
	 .nextHomeTop {
		right: 0%;
		border-radius: 100% 0% 0% 100%;
	}
	
	#submenu{
		padding:25px;
		margin:0;
		position:absolute;
		left:15%;
		top:150px;
	}	
	

	
	header .link-icons {padding:0px; margin:0px;}
	
	header .link-icons a {
	  position: relative;
	  text-decoration: none;
	  color: #394352;
	  padding: 5px;
	  border-radius: 50%;
	  margin-left: 0px;
	}
	header .content-wrapper {padding-right:0px;margin-right:0px;padding-left:0px;margin-left:0px;margin-right:15px;}


	
}



@media screen and (max-height:930px) {
	#home_underh2_links { position:relative;top:100px;left:75px;}
	#home_text_links{ position:relative;top:100px;left:75px;}

	 #gratis{content: url('belderkes/gratis600.webp');}
	 #sport{content: url('belderkes/sport.webp');}
	 #bundel{content: url('belderkes/bundel-nmn-apigenin800.webp');}
	 #science {content: url('belderkes/science_dna.webp');}
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie.webp');}
	 
}


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

	header .link-icons .search input {display:none;}
	#mobilmenu_infos {
		display:block;
		color: var(--SupplementeCenterboxHeaderColor);
		padding: 10px 10px;
		margin: 0 10px;
		font-size: 1.2em;
		border: 1px solid #EEEEEE;
		text-decoration: none;
		cursor: pointer;
		overflow-y: auto;
		max-height: 70vh;
		z-index:9;
	}
	#mobilmenu_supplements {
		display:block;
		color: var(--SupplementeCenterboxHeaderColor);
		padding: 10px 10px;
		margin: 0 10px;
		font-size: 1.2em;
		border: 1px solid #EEEEEE;
		text-decoration: none;
		cursor: pointer;
		overflow-y: auto;
		max-height: 70vh;
		z-index:9;
	}
	#mobilmenu_superfoods {
		display:block;
		color: var(--SupplementeCenterboxHeaderColor);
		padding: 10px 10px;
		margin: 0 10px;
		font-size: 1.2em;
		border: 1px solid #EEEEEE;
		text-decoration: none;
		cursor: pointer;
		overflow-y: auto;
		max-height: 70vh;
		z-index:9;
	}
	#mobilmenu_kategorien {
		display:block;
		color: var(--SupplementeCenterboxHeaderColor);
		padding: 10px 10px;
		margin: 0 10px;
		font-size: 1.2em;
		border: 1px solid #EEEEEE;
		text-decoration: none;
		cursor: pointer;
		overflow-y: auto;
		max-height: 70vh;
		z-index:9;
	}
	#akkordeon_mobilmenu_infos_menu {display:none;}
	#akkordeon_mobilmenu_supplements_menu {display:none;}
	#akkordeon_mobilmenu_superfoods_menu {display:none;}
	#akkordeon_mobilmenu_kategorien_menu {display:none;}


	#desktopmenu_infos {display: none;}
	#desktopmenu_supplements {display:none;}
	#desktopmenu_superfoods {display:none;}
	#desktopmenu_kategorien {display:none;}



	.menulink_mobil {display:block;}
	.dropdown {display:none;}

	.newhomeKakao {	max-width:100%;}
	.newhomeRot {	max-width:100%;}  
	.newhomeGrun {	max-width:100%;}
	.newhomeSupplemente {max-width:100%;}
	.newhomeNahrung {max-width:100%;}

	
.productseite_function_start_end_bild{height:80px;}	
	.tablink {min-width:0px;}
	#disclaimer {
		overflow:auto;
		min-width:400px;
	}
	
	#disclaimer .dis_elem{max-width: 40vw;min-width:80vw;}
	#disclaimer .pielrechts {display: block;}
	#disclaimer .piellinks {display: block;}

	.keypoint-entry  {flex:50%;padding:10px 15px 10px 15px;margin:auto;color: var(--TextColor);text-align:left;}
	.keypoint-entry2 {flex:50%;padding:10px 15px 10px 15px;margin:auto;color: var(--TextColor);text-align:left;}

	.newhome, .keypoints, .keypoints-reverse {

		flex-direction:column;
	}
	.newhome-reverse {

		flex-direction:column-reverse;
	}	
	#kaufOptionen
	{
		margin-right:0px;
	}
	
	#quick_links{
		border-radius: 0px;
		width:100%;
	}
	#ziehharmonikaIntro{display:none;visibility: hidden;transform: scale(0);}
	#ziehharmonikaQuality{display:none;visibility: hidden;transform: scale(0);}
	#ziehharmonikaVorteile{display:none;visibility: hidden;transform: scale(0);}
	#ziehharmonikaKombinierbarkeit{display:none;visibility: hidden;transform: scale(0);}
	#ziehharmonikaScience{display:none;visibility: hidden;transform: scale(0);}
	#ziehharmonikaIntro_mobil{display:none;visibility: visible;transform: scale(1);}
	#ziehharmonikaQuality_mobil{display:none;visibility: visible;transform: scale(1);}
	#ziehharmonikaVorteile_mobil{display:none;visibility: visible;transform: scale(1);}
	#ziehharmonikaKombinierbarkeit_mobil{display:none;visibility: visible;transform: scale(1);}
	#ziehharmonikaScience_mobil{display:none;visibility: visible;transform: scale(1);}
	.ziehharmonika-caption {
		width: 100%;
		margin: 0;
		border-bottom: 1px solid lightgrey;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.ziehharmonika-caption img {
		margin: 0;
		max-width: 20px; /* Adjust the size as needed */
		height: auto;
		display:inline-block;
	}
	#desktop_ausrichtung{display:block;}
	#home_underh2_links { position:relative;top:20px;left:65px;}
	#home_text_links{ position:relative;top:20px;left:65px;}
	 #gratis{content: url('belderkes/gratis600.webp');}
	 #sport{content: url('belderkes/sport.webp');}
#bundel{content: url('belderkes/bundel-nmn-apigenin800.webp');}
	 #science {content: url('belderkes/science_dna.webp');}	
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie.webp');}
	 

	
	#MERKMAL_ID_HANDY {position:relative;top:50px;}
	
	#submenu{
		padding:25px;
		margin:0;
		position:absolute;
		left:15%;
		top:135px;
		background-color:transparent;
		border-radius: 100%;
		border: 0px dotted grey;
	}	
	


	main .featured .text {
		font-size:20pt;
		font-family: asap;
		color: var(--TextColorHomescreen);
		margin-top:15%;
		margin-left:0%;
		margin-right:0%;
		text-align: center;
		
	}
	main .featured .underh2 {
	
	
	
	  /*font-size: 24px;*/
	   color: var(--TextColorHomescreen);
	    font-weight:bold;
	  font-size:24pt;
	  font-family: asap;	
	  font-style: italic;
	  text-shadow: 1px 1px 0px grey;
		transform: rotate(-0.02turn);
		white-space:nowrap;
	}
	
	/*home screen default width 20%*/
	#svg_knotentang{width:40%;}
	#svg_knotentang_start{width:20%;}
	.svg_knotentang_start{width:25%;z-index:1;}
	#svg_olivenblatt{width:30%;}
	.svg_olivenblatt{width:30%;} 
	#svg_obenrechts{display:none;}

	/*grün*/
	#svg_spinat {width:30%;right:35%;top:0px;bottom:0px;}
	.svg_spinat {width:30%;}
	#svg_loewenzahnblatt {width:30%;left:25%;top:0px;bottom:0px;}	
	#svg_gruenkohl {width:30%;right:30%;top:0px;bottom:0px;}	
	#svg_papayablatt {width:30%;left:30%;top:0px;bottom:0px;}
	#generic_svg {background-size: 30%;}

	.svg_top { width:15%; }
	.svg_generic { width:22%; }

	.newhomecontainer,.newhomecontainerRot,.newhomecontainerGrun,.newhomecontainerKakao,.newhomecontainerSupplemente,.newhomecontainerNahrung {width:100%;}


  .hrshadowed{position:relative;}
  #marker, #markerRot, #markerKakao, #markerSupplemente, #markerNahrung {	text-align:center}
  #marker::after, #markerRot::after, #markerKakao::after, #markerSupplemente::after, #markerNahrung::after {display:none;}
  
  .centerbox_big, .centerbox_bigRot, .centerbox_bigKakao, .centerbox_bigSupplemente, .centerbox_bigNahrung{
  		width:95%;
  }
  .centerbox, .centerboxRot, .centerboxKakao, .centerboxSupplemente, .centerboxNahrung{
  		width:95%;
  }
  .leftbox, .leftboxRot, .leftboxKakao, .leftboxSupplemente, .leftboxNahrung{
  		width:75%;
  		margin-left: 2.5%;
  		margin-right:20.5%;
  	
  }
  .rightbox, .rightboxRot,.rightboxKakao, .rightboxSupplemente, .rightboxNahrung{
  	width:75%;
  	margin-left: 20.5%;
  	margin-right:2.5%;
  	
  }
  .rhide {
    display: none;
  }
  .content-wrapper {
    width: 100%;
    padding: 0 auto;
  }
  .content-wrapper #pageend {
    width: 100%;
    padding: 0 auto;
  }

  header {
    justify-content: space-between;
	position: relative;
	z-index: 100000;
  }
  header h1 {
    font-size: 16px;
    flex-basis: auto;
  }
  header nav {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% + 1px);
    width: 100%;
    background-color: #FFFFFF;
	z-index: 100001 !important;
	max-height: calc(100dvh - 70px);
	overflow-y: auto;
  }

	#mobile_nav_toggle:checked + nav {
		display: block;
	}
  header nav a {
    display: block;
    padding: 10px 12px;
    margin: 0;
    border-bottom: 1px solid #f6f6f6;
  }

  
  .handymenu { display:block;}
  .browsermenu {display:none;}
  .handymenu_scrollbox {overflow:scroll;display:flex;}
  .handymenu_scrollbox .next_elem {text-align:center;}
  
  header .link-icons {
    display: inline-flex;
    width: 100px;
  }
  header .link-icons .responsive-toggle {
    display: block;
    padding: 20px;
    position:relative;
    right:5px;
  }
	header .link-icons label.responsive-toggle {
		cursor: pointer;
	}
  header .link-icons .search input {
    max-width: 150px;
  }

	main .cart .cart-lvl2-row {
		align-items: flex-start;
	}
	main .cart .cart-lvl2-right {
		width: 100%;
		justify-content: flex-end;
	}
  #mobilonly_search{display:block;}
  main .recentlyadded .products, main .products .products-wrapper {
    justify-content: center;
  }
  main .recentlyadded .products .product, main .products .products-wrapper .product {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  main .recentlyadded .products .product, main .products .products-wrapper .product img {
  		height:200px;
  		width:200px;
  }
  main .featured {
    flex-direction: column-reverse;
    
    padding-left:5%;
    padding-right:5%;
    
    height:auto;
    width:100%;
  }
  main .featured h2 {
    font-size: 48px;
    width: 100%;
    padding: 0 10px;
  }
  main .featured p {
    font-size: 18px;
	width:100%;
    padding: 0 10px;
  }
	main .featured .containerdiv {
	width:100%;
	
	}  
	main .featured .text {
	 width:100%;
	 margin: 0px;
	 margin-top: 5%;
	 margin-left:auto;
	 margin-right:auto;
	 padding-left:10%;
	 padding-right:10%;
	}
  main > .products .products-header {
    flex-flow: column;
  }
  main > .products .products-header p {
    padding-bottom: 10px;
  }
  main > .products .products-header form {
    display: flex;
    flex-flow: column;
  }
  main > .products .products-header form label {
    padding-top: 15px;
  }
  main > .product {
    padding: 0 10px;
    flex-flow: column;
  }
  main > .product .product-imgs {
    padding: 20px 10px 0 10px;
  }
  main > .product .product-imgs .product-img-large {
    height: 100%;
	
  }
  main > .product .product-imgs .product-small-imgs .product-img-small {
    height: 80px;
    flex-basis: 30%;
    margin: 5px 0px;
  }
  main > .product form input[type="number"], main > .product form input[type="text"], main > .product form input[type="datetime-local"], main > .product form input[type="submit"], main > .product form select {
    width: 100%; text-align: center;
  }
  main > .product .product-wrapper {
    padding:0;
  }
  main .cart table input[type="number"] {
    width: 68px;
  }
  main .checkout .container, main .myaccount .container {
    flex-flow: column;
  }
  main .myaccount .shipping-details .payment-methods {
    flex-flow: column;
  }
  main .checkout .shipping-details .payment-methods label, main .myaccount .shipping-details .payment-methods label {
    margin: 0 0 10px 0;
  }
  main .checkout .cart-details, main .myaccount .cart-details {
    margin: 0 0 40px 0;
    width: 100%;
  }
  main .checkout form, main .myaccount form {
    width: 100%;
  }
  main .myaccount .login-register {
    flex-flow: column;
  }
  main .myaccount .login-register .login {
    border-right: 0;
    padding: 10px;
  }
  main .myaccount .login-register .register {
    padding: 10px;
  }
  main .myaccount .menu {
    width: 100%;
    padding-right: 0;
  }
  
	.scrollbar_text
	{
		display: block;
		overflow:scroll;
		line-height: 1em;
		height: 400px;
		padding-left:5px;
		padding-right:5px;
	}
	
	.isscrollbar, .isscrollbar_product{ 
		display:block;
		border-radius:0 0 15px 15px;
		text-align:center;
		margin:0;
		padding:3px;
		position:relative;
		bottom:15px;
	}
	.isscrollbar{background-color:var(--SeparatorSVGFillTwei);}
	.img_kleurverloop{
		display:block;
		position:relative;
		bottom:35px;
		height:35px;
		width:100%;

	}
  #cart_remove_handy{display:block;}


	#platzhalter_desktop{
		height:30px;}
		
}

@media screen and (max-width: 900px) {
.tablink {width:115px;}

}

@media screen and (max-width: 800px) {
	#MERKMAL_ID_HANDY {position:relative;top:75px;}
	#infos_ueber_cookies_window
	{
		width:70%;
		transform: translate(15%,0%);
	}
	
	#cart_kaufbutton_adjustment{position:relative;bottom:0px;}
}

/* für bezahlvorgang  warenkorb anzeige gfx*/
@media screen and (max-width: 750px) {

	
	.bezahlvorgang > .num,.bezahlvorgang > .numOk {
	  width: 50px;
	  margin: 0px;
	}
	
	.bezahlvorgang > .line,.bezahlvorgang > .lineOk {
	  width: 50px;
	  margin: 0px;
	}
	
	.bezahlvorgang > .text {
		margin:0;
		padding: 0;
		font-size:14px;
	}
}



@media screen and (max-width: 650px) {
	#MERKMAL_ID_HANDY {position:relative;top:100px;}

	#infos_ueber_cookies_window
	{
		width:80%;
		transform: translate(10%,0%);
	}
	.productseite_function_start_end_bild{height:50px;}
}	
	
@media screen and (max-width: 600px) {
	.tablink {width:95px;overflow:hidden;font-size:0.8em;padding:2px;}
	.tablink:active,.tablink:hover {width:95px;overflow:hidden;font-size:0.8em;padding:2px;text-shadow: 0px 0px 50px black,0px 0px 50px black;}
	.tab_selected {width:95px;overflow:hidden;font-size:0.8em;padding:2px;text-shadow: 0px 0px 50px black,0px 0px 50px black;}
	#infos_ueber_cookies_window
	{
		width:86%;
		transform: translate(7%,0%);
	}

	#text_under_products{
		width:95%;
	}
  

	#aktionstext{display:none;}
	#aktionstext_mob{display:block;}
	
	
	#svg_knotentang{width:50%;}
	#svg_olivenblatt{width:40%;opacity:1.0;}
	.svg_olivenblatt{width:40%;opacity:1.0;}  
	
	/*grün*/
	#svg_spinat {width:35%;right:35%;top:0px;bottom:0px;}
	.svg_spinat {width:35%;}
	#svg_loewenzahnblatt {width:40%;left:25%;top:0px;bottom:0px;}
	#svg_gruenkohl {width:40%;right:0%;top:0px;bottom:0px;}
	#svg_gruenkohl_tbl {width:40%;right:25%;top:0px;}
	#svg_papayablatt {width:40%;left:30%;top:0px;bottom:0px;}
	#generic_svg {background-size: 40%;}
	
	#menu { height:44px;padding:4px;}
	/*.ankermenu, .ankermenu_startpage  { display: none; }*/
	.svg_top { width:22%; }
	.svg_generic { width:37%; }

	/*.newhometextWissen{padding-left:0%;padding-right:0%;}*/
	
	#home_underh2_links { position:relative;top:0px;left:0px;}
	#home_text_links{ position:relative;top:0px;left:0px;}
	 #gratis{content: url('belderkes/gratis600_klein.webp');}
	 #sport{content: url('belderkes/sport_klein.webp');}
	 #bundel{content: url('belderkes/bundel-nmn-apigenin320.webp');}
	 #science {content: url('belderkes/science_dna_klein.webp');}
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie_klein.webp');}
	 
	 	/*produktseiten*/
	#chaikao_warm{content: url('uploads/chaikao_warm_klein.webp');}
	#chaikao_eis{content: url('uploads/chaikao_eis_eiswuerfel_klein.webp');}
	#chaikao_gewuerze{content: url('uploads/chaigewuerze_klein.webp');}
	#chaikao_produktbild{content: url('uploads/chaikao_produktbild_klein.webp');}
	#rot_beeren{content: url('uploads/beeren_mittel.webp');}
	#rot_produktbild{content: url('uploads/rot_produktbild_mittel.webp');}
	#rot_milchreis{content: url('uploads/rot_milchreis_deko_erdbeere.webp');}
	#rot_sport{content: url('uploads/rot_sport_mittel.webp');}
	#grun_mueslischale{content: url('uploads/mueslischale2_klein.webp');}
	#grun_introseite{content: url('uploads/introseite_mittel.webp');}
	#grun_introseite2{content: url('uploads/introseite2_klein.webp');}
	#grun_introseite3{content: url('uploads/introseite3_klein.webp');}
	#wissen{content: url('belderkes/wissen_klein.webp');}
	#video_aktion{content: url('belderkes/video_aktion_klein.webp');}
	#home_supplemente_start{content: url('uploads/home-supplemente-start_klein.webp');}
	#home_start_haut{content: url('uploads/home-start-haut_klein.webp');}
	
	#intro_handy_kleiner500{display:block;}
	#intro_pc_tablett{display: none;}
	

	#scrollrechts_home:hover, #scrollrechts_home:active { filter: brightness(180%);}
	#scrolllinks_home:hover, #scrolllinks_home:active { filter: brightness(180%);}
	#scrollrechts2_home:hover, #scrollrechts2_home:active { filter: brightness(180%);}
	#scrolllinks2_home:hover, #scrolllinks2_home:active { filter: brightness(180%);}

	
	/*.newhomeTextUnderImage {width:100%;padding:0px;margin:0;}*/
	
	.svg_knotentang_start{width:30%;z-index:9;}
		
	#submenu{
		padding:0px;
		margin:0;
		position:absolute;
		left:1%;
		top:150px;
		background-color:transparent;
		border-radius: 0;
		border: 0px;
	}
	#bg_products_handy {display:block;}
	#bg_products {display: none;}


 	 main > .product .product-imgs .product-small-imgs .product-img-small {
   	 height: 50px;
   	 flex-basis: 15%;
  	  	margin: 5px 0px;
  	  	
 	}

  .rightbox, .leftbox, .rightboxRot, .leftboxRot, .rightboxKakao, .leftboxKakao, .rightboxSupplemente, .leftboxSupplemente, .rightboxNahrung, .leftboxNahrung  {
	  	width:95%;
	  	margin-left: 2.5%;
	  	margin-right:2.5%;
  	
  }
  .centerbox_big, .centerbox,.centerbox_bigRot, .centerboxRot,.centerbox_bigKakao, .centerboxKakao, .centerbox_bigSupplemente, .centerboxSupplemente, .centerbox_bigNahrung, .centerboxNahrung
  {
  		width:95%;
  }
  #kollagen th,#kollagen td, #kollagen {
  	/*eine tabelle*/
		width:95%;
  		td:nth-child(1),th:nth-child(1){width:55%;max-width:55%;min-width:55%; }
  		td:nth-child(2),th:nth-child(2){width:20%;max-width:20%;min-width:20%; }
  		td:nth-child(3),th:nth-child(3){width:20%;max-width:20%;min-width:20%; }
  }
  .tbl_text_mobil_row
  {
  		visibility: visible;
		display:table-row;
		
		
  }
  .tbl_text_mobil
  {
  		visibility: visible;
		display:table-cell;
		
		
  }
  .tbl_text_desktop
  {
  		visibility:hidden;
		display:none;
	}
	#HomescreenPicRight {
	  content:url("uploads/introseite.webp");
	  max-width:60%;
	  min-width:250px;
	  border-radius:300px;
	  box-shadow: 3px 3px 15px 2px var(--PicShadowInHomescreen);
  }
  #HomescreenPicLeft {
	  content:url("uploads/platzhalter_supplemente_pexels2.webp");
	  max-width:60%;
	  min-width:250px;
	  border-radius:250px;
	  box-shadow: 3px 3px 15px 2px var(--PicShadowInHomescreen);
  }

  main .featured {
    flex-direction: column-reverse;
    width:auto;
  }
	

	
	
	main .featured .text {
		font-size:12pt;
		font-family: asap;
		color: var(--TextColorHomescreen);
		margin-top:15%;
		margin-left:0%;
		margin-right:0%;
	
		
	}
	main .featured .underh2 {
	
	  
	
	  /*font-size: 24px;*/
	   color: var(--TextColorHomescreen);
	    font-weight:bold;
	  font-size:14pt;
	  font-family: asap;	
	  font-style: italic;
	  text-shadow: 1px 1px 0px grey;
		transform: rotate(-0.02turn);
		white-space:nowrap;
	}
	
	main .featured .containerrow {
		  display: flex;
		  flex-direction: row-reverse;
		  width:100%;
	
		  padding: 0%;
		  margin:0%;
		  position:relative;
		  left:50px;
	}
	
	main .featured .containerdiv {
		padding: 0%;
		margin: 0%;
		padding-bottom: 15%;
	   margin-top:5%;
	}

	.scrollbar_text,.scrollbar_text_product 
	{
		display: block;
		overflow:scroll;
		line-height: 1em;
		height: 400px;

		padding-left:5px;
		padding-right:5px;
	}
	.scrollbar_text{
		border-left:2px solid var(--SeparatorSVGFillTwei);
		border-right:2px solid var(--SeparatorSVGFillTwei);
	}
	
	.isscrollbar, .isscrollbar_product{ 
		display:block;
		border-radius:0 0 15px 15px;
		text-align:center;
		margin:0;
		padding:3px;
		position:relative;
		bottom:15px;
	}
	.isscrollbar {background-color:var(--SeparatorSVGFillTwei);}
	.img_kleurverloop,.img_kleurverloop_product{
		display:block;
		position:relative;
		bottom:35px;
		height:35px;
		width:100%;
	}
	.img_kleurverloop
	{
		border-left:2px solid var(--SeparatorSVGFillTwei);
		border-right:2px solid var(--SeparatorSVGFillTwei);
	}

	
	#content-wrapper-home,#content-wrapper-home2
	{	
		background-image:url('belderkes/home_featured_bg_handy.svg');
		background-repeat: no-repeat;
		background-size: 575px auto;
		background-position: center top;
	}  	

	
	


	main .checkout .payment-methods label { width:120px;}

	main .checkout .container {
	  font-size:14px; 
	  line-height: 1;
	}
	main .checkout input {
		margin:0;
		padding:5px;
	}
	
	.form-label {
	  display: block;
	  padding: 20px 0 10px 0;
	}
	main .checkout form  input[type=checkbox]
	{
		margin:5px;
		padding:0px;
		background-color: var(--SupplementeFormProductPageBackground);
		color: var(--TextColor);
	}
	.form-field {
		font-size:16px;
	  width: 100%;
	  padding: 5px;
	  border: 1px solid #d5d5d5;
	  border-radius: 4px;
	  background-color: #fff;
	}
	main .checkout form label, main .checkout form i{
	font-size:14px;
	}


	


}



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

	.description{
	flex-direction: column;
}

}
@media screen and (max-width: 500px)  {
	#rot_beeren{content: url('uploads/beeren_klein.webp');}
	#rot_produktbild{content: url('uploads/rot_produktbild_klein.webp');}
	#rot_milchreis{content: url('uploads/rot_milchreis_deko_erdbeere_klein.webp');}
	#rot_sport{content: url('uploads/rot_sport_mittel_sehr_klein.webp');}
	main .checkout .payment-methods label { width:115px;}
	
	.tablink {width:80px;overflow:hidden;font-size:0.8em;padding:1px;border-radius:0;}
	.tablink:active,.tablink:hover {width:80px;overflow:hidden;font-size:0.8em;padding:1px;text-shadow: 0px 0px 50px black,0px 0px 50px black;border-radius:0;}
	.tab_selected {width:80px;overflow:hidden;font-size:0.8em;padding:1px;text-shadow: 0px 0px 50px black,0px 0px 50px black;border-radius:0;}


	/*anzeige bezahlvorgang gfx*/
	.bezahlvorgang {
		flex-wrap: nowrap;
	}
	
	.bezahlvorgang > .num,.bezahlvorgang > .numOk {
	  width: 50px;
	  margin: 0px;
	}
	
	.bezahlvorgang > .line,.bezahlvorgang > .lineOk {
	  width: 50px;
	  margin: 0px;
	
	}
	
	.bezahlvorgang > .text {
		margin:5px 0 0 0;
		padding:0;
		font-size:12px;
		align-self:baseline;
		line-height: 0.9;
	}
	.bezahlvorgang > .text:nth-of-type(1) {width:17.5%;}
	.bezahlvorgang > .text:nth-of-type(5) {width:17.5%;}



}	



@media screen and (max-width: 410px)  {
	.tablink {margin:0;width:75px;overflow:hidden;font-size:0.8em;padding:1px;border-radius:0px;}
	.tablink:active,.tablink:hover {margin:0;width:75px;overflow:hidden;font-size:0.8em;padding:1px;text-shadow: 0px 0px 50px black,0px 0px 50px black;border-radius:0px;}
	.tab_selected {margin:0;width:75px;overflow:hidden;font-size:0.8em;padding:1px;text-shadow: 0px 0px 50px black,0px 0px 50px black;border-radius:0px;}

}
/* apple iphones 6, 6s, 7, X => 375 */
@media screen and (max-width: 390px)  {
	#infos_ueber_cookies_window
	{
		width:94%;
		transform: translate(3%,0%);
		padding:0;
	}

	.tablink {margin-left:1px;width:70px;overflow:hidden;font-size:0.8em;padding:1px;}
	.tablink:active,.tablink:hover {margin:0;width:70px;overflow:hidden;font-size:0.8em;padding:1px;text-shadow: 0px 0px 50px black,0px 0px 50px black;}
	.tab_selected {margin:0;width:70px;overflow:hidden;font-size:0.8em;padding:1px;text-shadow: 0px 0px 50px black,0px 0px 50px black;}


	 #gratis{content: url('belderkes/gratis600_klein.webp');}
	 #sport{content: url('belderkes/sport_klein.webp');}
	 #bundel{content: url('belderkes/bundel-nmn-apigenin320.webp');}
	 #science {content: url('belderkes/science_dna_klein.webp');}
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie_klein.webp');}
	 
	 	/*produktseiten*/
	#chaikao_warm {content: url('uploads/chaikao_warm_klein.webp');}
	#chaikao_eis{content: url('uploads/chaikao_eis_eiswuerfel_klein.webp');}
	#chaikao_gewuerze{content: url('uploads/chaigewuerze_klein.webp');}
	#chaikao_produktbild{content: url('uploads/chaikao_produktbild_klein.webp');}
	#rot_beeren{content: url('uploads/beeren_klein.webp');}
	#rot_produktbild{content: url('uploads/rot_produktbild_klein.webp');}
	#rot_milchreis{content: url('uploads/rot_milchreis_deko_erdbeere_klein.webp');}
	#rot_sport{content: url('uploads/rot_sport_sehr_klein.webp');}
	#grun_mueslischale{content: url('uploads/mueslischale2_klein.webp');}
	#grun_introseite{content: url('uploads/introseite_mittel.webp');}
	#grun_introseite2{content: url('uploads/introseite2_klein.webp');}
	#grun_introseite3{content: url('uploads/introseite3_klein.webp');}
	#nmn{content: url('uploads/1-nmn_500x500_klein.webp');}
	#akg{content: url('uploads/1-akg_500x500_klein.webp');}
	#apigenin{content: url('uploads/1-apigenin_500x500_klein.webp');}
	#hyaluron{content: url('uploads/1-hyaluron_500x500_klein.webp');}
	#supplemente_rueckseite{content: url('uploads/supplemente-rueckseite_500x500_klein.webp');}
	#nmn_rueckseite{content: url('uploads/nmn-rueckseite_500x500_klein.webp');}
	#kollagen{content: url('uploads/1-kollagen_500x500_klein.webp');}
	#mg{content: url('uploads/1-mg_500x500_klein.webp');}
	#tmg{content: url('uploads/1-tmg_500x500_klein.webp');}
	#wissen{content: url('belderkes/wissen_klein.webp');}
	#intro_handy_kleiner500{display:block;}
	#intro_pc_tablett{display: none;}

	#submenu{
		padding:0;margin:0;
		position:absolute;
		left:15%;
		top:125px;
	}
	#bg_products_handy {display:block;}
	#bg_products {display: none;}
	
		main .checkout .payment-methods label { width:105px;font-size:14px;}
	main .checkout .payment-methods label img { width:95px;font-size:14px;}
	
	
	.scrollbar_text, .scrollbar_text_product
	{
		display: block;
		overflow:scroll;
		line-height: 1em;
		height: 265px;
		padding-left:5px;
		padding-right:5px;
	}
	.scrollbar_text{
		border-left:2px solid var(--SeparatorSVGFillTwei);
		border-right:2px solid var(--SeparatorSVGFillTwei);
	}
	
	.isscrollbar, .isscrollbar_product{ 
		border-radius:0 0 15px 15px;
		text-align:center;
		margin:0;
		padding:3px;
		position:relative;
		bottom:15px;
	}
	.isscrollbar{background-color:var(--SeparatorSVGFillTwei);}
	.img_kleurverloop,.img_kleurverloop_product{
		position:relative;
		bottom:35px;
		height:35px;
		width:100%;
	}
	.img_kleurverloop{
		border-left:2px solid var(--SeparatorSVGFillTwei);
		border-right:2px solid var(--SeparatorSVGFillTwei);
	}
	

}



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

#home_link{font-size:0.8em;}
#home_link small{font-size:0.8em;}

	#svg_knotentang{width:50%;}
	#svg_olivenblatt{width:40%;opacity:1.0;}
	.svg_olivenblatt{width:40%;opacity:1.0;}  
	
	/*grün*/
	#svg_spinat {width:35%;right:35%;top:0px;bottom:0px;}
	.svg_spinat {width:35%;}
	#svg_loewenzahnblatt {width:40%;left:25%;top:0px;bottom:0px;}
	#svg_gruenkohl {width:40%;right:0%;top:0px;bottom:0px;}
	#svg_gruenkohl_tbl {width:40%;right:25%;top:0px;}
	#svg_papayablatt {width:40%;left:30%;top:0px;bottom:0px;}
	#generic_svg {background-size: 40%;}
	
	.svg_top { width:30%; }
	.svg_generic { width:46%; }
	.ankermenu, .ankermenu_startpage  { display: none; }


	#home_underh2_links { position:relative;top:0px;left:0px;}
	#home_text_links{ position:relative;top:0px;left:0px;}
	#correction_l { position:relative; left:-10px;}
	#correction_r { position:relative; left:20px;}


	 #gratis{content: url('belderkes/gratis600_klein.webp');}
	 #sport{content: url('belderkes/sport_klein.webp');}
	 #bundel{content: url('belderkes/bundel-nmn-apigenin320.webp');}
	 #science {content: url('belderkes/science_dna_klein.webp');}
	 #zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie_klein.webp');}	
	 
	 	/*produktseiten*/


	 	
	 	
	#chaikao_warm{content: url('uploads/chaikao_warm_klein.webp');}
	#chaikao_eis{content: url('uploads/chaikao_eis_eiswuerfel_klein.webp');}
	#chaikao_gewuerze{content: url('uploads/chaigewuerze_klein.webp');}
	#chaikao_produktbild{content: url('uploads/chaikao_produktbild_klein.webp');}
	#rot_beeren{content: url('uploads/beeren_klein.webp');}
	#rot_produktbild{content: url('uploads/rot_produktbild_klein.webp');}
	#rot_milchreis{content: url('uploads/rot_milchreis_deko_erdbeere_klein.webp');}
	#rot_sport{content: url('uploads/rot_sport_sehr_klein.webp');}
	#grun_mueslischale{content: url('uploads/mueslischale2_klein.webp');}
	#grun_introseite{content: url('uploads/introseite_klein.webp');}
	#grun_introseite2{content: url('uploads/introseite2_klein.webp');}
	#grun_introseite3{content: url('uploads/introseite3_klein.webp');}
	#nmn{content: url('uploads/1-nmn_500x500_klein.webp');}
	#akg{content: url('uploads/1-akg_500x500_klein.webp');}
	#apigenin{content: url('uploads/1-apigenin_500x500_klein.webp');}
	#hyaluron{content: url('uploads/1-hyaluron_500x500_klein.webp');}
	#supplemente_rueckseite{content: url('uploads/supplemente-rueckseite_500x500_klein.webp');}
	#nmn_rueckseite{content: url('uploads/nmn-rueckseite_500x500_klein.webp');}
	#kollagen{content: url('uploads/1-kollagen_500x500_klein.webp');}
	#mg{content: url('uploads/1-mg_500x500_klein.webp');}
	#tmg{content: url('uploads/1-tmg_500x500_klein.webp');}

	 
	#intro_handy_kleiner500{display:block;}
	#intro_pc_tablett{display: none;}	 

	#submenu{
		padding:0px;
		margin:0;
		left:1%;
		position:absolute;
		top:125px;

	}
	#MERKMAL_ID_HANDY {position:relative;top:100px;}
	#only_handy_klein{display:block;}


  .rightbox, .leftbox, .rightboxRot, .leftboxRot, .rightboxKakao, .leftboxKakao, .rightboxSupplemente, .leftboxSupplemente, .rightboxNahrung, .leftboxNahrung  {
	  	width:95%;
	  	margin-left: 2.5%;
	  	margin-right:2.5%;
  	
  }
  .centerbox_big, .centerbox,.centerbox_bigRot, .centerboxRot,.centerbox_bigKakao, .centerboxKakao, .centerbox_bigSupplemente, .centerboxSupplemente, .centerbox_bigNahrung, .centerboxNahrung
  {
  		width:95%;
  }
  #kollagen th,#kollagen td, #kollagen {
  	/*eine tabelle*/
		width:95%;
  		td:nth-child(1),th:nth-child(1){width:55%;max-width:55%;min-width:55%; }
  		td:nth-child(2),th:nth-child(2){width:20%;max-width:20%;min-width:20%; }
  		td:nth-child(3),th:nth-child(3){width:20%;max-width:20%;min-width:20%; }
  }
  .tbl_text_mobil_row
  {
  		visibility: visible;
		display:table-row;
		
		
  }
  .tbl_text_mobil
  {
  		visibility: visible;
		display:table-cell;
		
		
  }
  .tbl_text_desktop
  {
  		visibility:hidden;
		display:none;
	}
	#HomescreenPicRight {
	  content:url("uploads/introseite.webp");
	  max-width:60%;
	  min-width:250px;
	  border-radius:300px;
	  box-shadow: 3px 3px 15px 2px var(--PicShadowInHomescreen);
  }
  #HomescreenPicLeft {
	  content:url("uploads/platzhalter_supplemente_pexels2.webp");
	  max-width:60%;
	  min-width:250px;
	  border-radius:250px;
	  box-shadow: 3px 3px 15px 2px var(--PicShadowInHomescreen);
  }

  main .featured {
    flex-direction: column-reverse;
    width:auto;
  }
	

	
	
	main .featured .text {
		font-size:12pt;
		font-family: asap;
		color: var(--TextColorHomescreen);
		margin-top:15%;
		margin-left:0%;
		margin-right:0%;
	
		
	}
	main .featured .underh2 {
	
	  
	
	  /*font-size: 24px;*/
	   color: var(--TextColorHomescreen);
	    font-weight:bold;
	  font-size:14pt;
	  font-family: asap;	
	  font-style: italic;
	  text-shadow: 1px 1px 0px grey;
		transform: rotate(-0.02turn);
		white-space:nowrap;
	}
	
	main .featured .containerrow {
		  display: flex;
		  flex-direction: row-reverse;
		  width:100%;
	
		  padding: 0%;
		  margin:0%;
		  position:relative;
		  left:50px;
	}
	
	main .featured .containerdiv {
		padding: 0%;
		margin: 0%;
		padding-bottom: 15%;
	   margin-top:5%;
	}
	


}






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

#home_link{font-size:0.7em;}
#home_link small{font-size:0.7em;}

	#svg_knotentang{width:50%;}
	#svg_olivenblatt{width:40%;opacity:1.0;}
	.svg_olivenblatt{width:40%;opacity:1.0;}  
	
	/*grün*/
	#svg_spinat {width:35%;right:35%;top:0px;bottom:0px;}
	.svg_spinat {width:35%;}
	#svg_loewenzahnblatt {width:40%;left:25%;top:0px;bottom:0px;}
	#svg_gruenkohl {width:40%;right:0%;top:0px;bottom:0px;}
	#svg_gruenkohl_tbl {width:40%;right:25%;top:0px;}
	#svg_papayablatt {width:40%;left:30%;top:0px;bottom:0px;}
	#generic_svg {background-size: 40%;}
	
		
	.ankermenu, .ankermenu_startpage  { display: none; }


	#home_underh2_links { position:relative;top:0px;left:0px;}
	#home_text_links{ position:relative;top:0px;left:0px;}
	#correction_l { position:relative; left:-10px;}
	#correction_r { position:relative; left:20px;}
	#menu { height:44px;padding:0px;}
	.FirstHeader{letter-spacing: -1px;font-size:0.9em;}
	#timer{letter-spacing: 0px;}
	

	 #gratis{content: url('belderkes/gratis600_klein.webp');}
	 #sport{content: url('belderkes/sport_klein.webp');}
	 #bundel{content: url('belderkes/bundel-nmn-apigenin320.webp');}
	 #science {content: url('belderkes/science_dna_klein.webp');}
	#zufriedenheitsgarantie{content: url('belderkes/zufriedenheitsgarantie_klein.webp');}

	/*produktseiten*/
	#chaikao_warm{content: url('uploads/chaikao_warm_klein.webp');}
	#chaikao_eis{content: url('uploads/chaikao_eis_eiswuerfel_klein.webp');}
	#chaikao_gewuerze{content: url('uploads/chaigewuerze_klein.webp');}
	#chaikao_produktbild{content: url('uploads/chaikao_produktbild_klein.webp');}
	#rot_beeren{content: url('uploads/beeren_klein.webp');}
	#rot_produktbild{content: url('uploads/rot_produktbild_klein.webp');}
	#rot_milchreis{content: url('uploads/rot_milchreis_deko_erdbeere_klein.webp');}

	#grun_mueslischale{content: url('uploads/mueslischale2_klein.webp');}
	#grun_introseite{content: url('uploads/introseite_klein.webp');}
	#grun_introseite2{content: url('uploads/introseite2_klein.webp');}
	#grun_introseite3{content: url('uploads/introseite3_klein.webp');}
	#nmn{content: url('uploads/1-nmn_500x500_klein.webp');}
	#akg{content: url('uploads/1-akg_500x500_klein.webp');}
	#apigenin{content: url('uploads/1-apigenin_500x500_klein.webp');}
	#hyaluron{content: url('uploads/1-hyaluron_500x500_klein.webp');}
	#supplemente_rueckseite{content: url('uploads/supplemente-rueckseite_500x500_klein.webp');}
	#nmn_rueckseite{content: url('uploads/nmn-rueckseite_500x500_klein.webp');}
	#kollagen{content: url('uploads/1-kollagen_500x500_klein.webp');}
	#mg{content: url('uploads/1-mg_500x500_klein.webp');}
	#tmg{content: url('uploads/1-tmg_500x500_klein.webp');}
	#tbl_bundel{background-image: url('uploads/1-nmn_500x500.webp');}
	#tbl_apigenin{background-image: url('uploads/1-apigenin_500x500.webp');}
	#tbl_nmn{background-image: url('uploads/bundel-nmn-apigenin.webp');}
	
	
	#intro_handy_kleiner500 {display:block;}
	#intro_pc_tablett{display: none;}	
	#MERKMAL_ID_HANDY {position:relative;top:100px;}
	#only_handy_klein{display:block;}
	.tablink  {padding:5px;}

  .rightbox, .leftbox, .rightboxRot, .leftboxRot, .rightboxKakao, .leftboxKakao, .rightboxSupplemente, .leftboxSupplemente, .rightboxNahrung, .leftboxNahrung  {
	  	width:95%;
	  	margin-left: 2.5%;
	  	margin-right:2.5%;
  	
  }
  .centerbox_big, .centerbox,.centerbox_bigRot, .centerboxRot,.centerbox_bigKakao, .centerboxKakao, .centerbox_bigSupplemente, .centerboxSupplemente, .centerbox_bigNahrung, .centerboxNahrung
  {
  		width:95%;
  }
  #kollagen th,#kollagen td, #kollagen {
  	/*eine tabelle*/
		width:95%;
  		td:nth-child(1),th:nth-child(1){width:55%;max-width:55%;min-width:55%; }
  		td:nth-child(2),th:nth-child(2){width:20%;max-width:20%;min-width:20%; }
  		td:nth-child(3),th:nth-child(3){width:20%;max-width:20%;min-width:20%; }
  }
  .tbl_text_mobil_row
  {
  		visibility: visible;
		display:table-row;
		
		
  }
  .tbl_text_mobil
  {
  		visibility: visible;
		display:table-cell;
		
		
  }
  .tbl_text_desktop
  {
  		visibility:hidden;
		display:none;
	}
	#HomescreenPicRight {
	  content:url("uploads/introseite.webp");
	  max-width:60%;
	  min-width:250px;
	  border-radius:300px;
	  box-shadow: 3px 3px 15px 2px var(--PicShadowInHomescreen);
  }
  #HomescreenPicLeft {
	  content:url("uploads/platzhalter_supplemente_pexels2.webp");
	  max-width:60%;
	  min-width:250px;
	  border-radius:250px;
	  box-shadow: 3px 3px 15px 2px var(--PicShadowInHomescreen);
  }

  main .featured {
    flex-direction: column-reverse;
    width:auto;
  }
	
	
	
	main .featured .text {
		font-size:12pt;
		font-family: asap;
		color: var(--TextColorHomescreen);
		margin-top:15%;
		margin-left:0%;
		margin-right:0%;
	
		
	}
	main .featured .underh2 {
	
	  
	
	  /*font-size: 24px;*/
	   color: var(--TextColorHomescreen);
	    font-weight:bold;
	  font-size:14pt;
	  font-family: asap;	
	  font-style: italic;
	  text-shadow: 1px 1px 0px grey;
		transform: rotate(-0.02turn);
		white-space:nowrap;
	}
	
	main .featured .containerrow {
		  display: flex;
		  flex-direction: row-reverse;
		  width:100%;
	
		  padding: 0%;
		  margin:0%;
		  position:relative;
		  left:50px;
	}
	
	main .featured .containerdiv {
		padding: 0%;
		margin: 0%;
		padding-bottom: 15%;
	   margin-top:5%;
	}
	
	

	



	.isscrollbar,.isscrollbar_product{border-radius:0 0 15px 15px;text-align:center;margin:0;padding:3px;}
	.isscrollbar{background-color:var(--SeparatorSVGFillTwei);}

	main .checkout .payment-methods label { width:96px;font-size:14px;}
	main .checkout .payment-methods label img { width:90px;font-size:14px;}
	

}