/* redfood.de BREAKPOINTS BEAVER GLOBAL 1200, 992, 768 */

/* 
html {
  scroll-padding-top: 250px;
}

#STUDIEN:target {	
		border-top: 200px solid transparent;
		margin-top: -200px;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
}
*/
/*
row_topmenu
	col_topmenu_logo
	col_topmenu_ajaxsearch
	col_topmenu_warenkorb
	col_topmenu_konto
*/


header.fl-builder-content {
	background:#ffffff;
}	



/* SIDE CART BASKET */
.xoo-wsc-modal .xoo-wsc-basket,
.xoo-wsc-modal.xoo-wsc-active .xoo-wsc-basket {top:38px}





/* 
######## HEADER ROW TOPBAR - NEU
######## 
*/


#header-row-topbar {
	width:100%;
	margin:0;padding:0;
	background:#f8f8f8;
	
	
	-webkit-box-shadow: inset 0px -2px 3px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0px -2px 3px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0px -2px 3px 2px rgba(0,0,0,0.05);
	
	font-family: 'MARIEONE TOP BAR Barlow SemiCnd Medium';
	font-weight:500;
	font-size:18px;	
}

#header-row-topbar .fl-row-content-wrap {
	background-color:transparent;
}	

#header-row-topbar > div {

	width:100%;
	max-width:1500px;
	margin:0 auto;	
	
}

#header-row-topbar > div > div > div.fl-col-group {

	display:grid!important;
	grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr;		
	width:100%;
	
}


#topbar-col-order,
#topbar-col-payment,
#topbar-col-versand {margin:0;padding:15px 20px;}	



#topbar-col-order 	{grid-column:1/2;grid-row:1/2}	
.topbar-tel {}
.topbar-clock {}
#topbar-col-payment {grid-column:2/3;grid-row:1/2}	
#topbar-col-versand {grid-column:3/4;grid-row:1/2}	



#header-row-topbar i { margin-right:7px }


/* topbar breakpoint */


@media all and (min-width:768px) {
	header {background:#ffffff}
}	





/* 
######## HEADER ROW TOPBAR - MODS MOBILE
*/

	/* #header-row-topbar {font-family: 'MARIEONE TOP BAR Barlow SemiCnd Light';font-weight:300;font-size:15px} */	


#header-row-topbar {padding-top:10px;padding-bottom:10px}

#header-row-topbar > div > div > div.fl-col-group {	
	display:grid!important;
	justify-content: space-between;			
	align-items:center;
	align-content:center;
	grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr;	
	align-content: space-between;
	width:100%;
	height:27px;
}	 
#topbar-col-order 	{grid-column:1/2;grid-row:1/2;width:100%;height:27px}	
#topbar-col-payment {grid-column:2/3;grid-row:1/2;width:100%;height:27px}	
#topbar-col-versand {grid-column:3/4;grid-row:1/2;width:100%;height:27px}		

#topbar-col-order,
#topbar-col-payment,
#topbar-col-versand {margin:0;padding:0px 20px;}		

#header-row-topbar {font-size:17px}	



@media all and (max-width:1199px) {
	
	#topbar-order a {color:#7f2322}	
	
	
	#header-row-topbar {padding-top:10px;padding-bottom:10px}
	
	#header-row-topbar > div > div > div.fl-col-group {	
		display:grid!important;
		justify-content: space-between;			
		align-items:center;
		align-content:center;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;	
		align-content: space-between;
		width:100%;
		height:54px;
	}	 
	#topbar-col-order 	{grid-column:1/3;grid-row:1/3;width:100%;height:54px}	
	#topbar-col-payment {grid-column:3/6;grid-row:1/2;width:100%;height:27px}	
	#topbar-col-versand {grid-column:3/6;grid-row:2/3;width:100%;height:27px}		
	
	#topbar-col-order,
	#topbar-col-payment,
	#topbar-col-versand {margin:0;padding:0px 20px;}		
	
	#header-row-topbar {font-size:17px}	
	
}



@media all and (max-width:979px) {
	
	#header-row-topbar {padding-top:10px;padding-bottom:10px}
	
	#header-row-topbar > div > div > div.fl-col-group {	
		display:grid!important;
		justify-content: space-between;			
		align-items:center;
		align-content:center;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;	
		align-content: space-between;
		width:100%;
		height:54px;
	}	 
	#topbar-col-order 	{grid-column:1/3;grid-row:1/3;width:100%;height:54px}	
	#topbar-col-payment {grid-column:3/6;grid-row:1/2;width:100%;height:27px}	
	#topbar-col-versand {grid-column:3/6;grid-row:2/3;width:100%;height:27px}		
	
	#topbar-col-order,
	#topbar-col-payment,
	#topbar-col-versand {margin:0;padding:0px 20px;}		
	
	#header-row-topbar {font-size:17px}	
	
}


@media all and (max-width:767px) {
	
	#header-row-topbar {padding-top:10px;padding-bottom:10px}
	
	#header-row-topbar > div > div > div.fl-col-group {	
		display:grid!important;
		justify-content: space-between;			
		align-items:center;
		align-content:center;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;	
		width:100%;
		height:50px;
	}	 
	#topbar-col-order 	{grid-column:1/3;grid-row:1/3;width:100%;height:50px}	
	#topbar-col-payment {grid-column:3/6;grid-row:1/2;width:100%;height:25px}	
	#topbar-col-versand {grid-column:3/6;grid-row:2/3;width:100%;height:25px}		
	
	#topbar-col-order,
	#topbar-col-payment,
	#topbar-col-versand {margin:0;padding:0px 20px;}		
	
	#header-row-topbar {font-size:16px}	
	
}

	

@media all and (max-width:639px) {
	
	#header-row-topbar {padding-top:10px;padding-bottom:10px}
	
	#header-row-topbar > div > div > div.fl-col-group {	
		display:grid!important;
		justify-content: space-between;			
		align-items:center;
		align-content:center;		
		grid-template-columns: 1fr 1fr 1fr ;grid-template-rows: 1fr;	
		width:100%;
		height:63px;
	}	 
	#topbar-col-order 	{grid-column:1/4;grid-row:1/2;width:100%;height:21px}	
	#topbar-col-payment {grid-column:1/4;grid-row:2/3;width:100%;height:21px}	
	#topbar-col-versand {grid-column:1/4;grid-row:3/4;width:100%;height:21px}		
	
	#topbar-col-order,
	#topbar-col-payment,
	#topbar-col-versand {margin:0;padding:0px 20px;}		
	
	#header-row-topbar {font-size:14px}	
	
	#header-row-topbar i.fa-clock {display:none}
	#header-row-topbar span.topbar-tel {margin-right:8px}
	
}	


/* TOPBAR ZEILENUMBRUECHE TEXT */

@media all and (min-width:640px) and (max-width:1199px) {
	#header-row-topbar {line-height:25px}
	#header-row-topbar span.topbar-tel::after {content:'\A';white-space: pre}
}

/* min-width */

@media all and (min-width:768px) {
	#topbar-payment .fl-html { text-align:center }
	#topbar-versand .fl-html { text-align:right }	
}
@media all and (min-width:768px) and (max-width:1199px) {
	#topbar-payment .fl-html { text-align:right }		
}

@media all and (min-width:1200px) {
	#header-row-topbar i.fa-clock {display:none}
	#header-row-topbar span.topbar-tel {margin-right:8px}
}

	

/*
@media all and (min-width:1200px) {
	#header-row-topbar #topbar-versand span::before {content:'\A';white-space: pre}
}
*/


/*
#####
##### LOGO - SEARCH - WATENKORB - KONTO 
#####
*/

#row_topmenu {z-index:1000!important;position:relative;background:#ffffff!important}

#row_topmenu > div > div > div.fl-col-group {	
	display:grid!important;
	justify-content:stretch;			
	align-content:center;
	justify-items: stretch;
	align-items:stretch;	
	grid-template-columns: 240px auto 420px 170px;	
	grid-template-rows: 100px;	
	grid-row-gap:    0px;
	grid-column-gap: 0px;
	align-content: space-between;
	width:100%;
}	 
#col_topmenu_logo 		{grid-column:1/2;grid-row:1/2}	
#col_topmenu_ajaxsearch {grid-column:2/3;grid-row:1/2}
#col_topmenu_warenkorb 	{grid-column:3/4;grid-row:1/2}	
#col_topmenu_konto 		{grid-column:4/5;grid-row:1/2}	


#col_topmenu_logo 		{width:100%;align-content:center;justify-self:start}	
#col_topmenu_ajaxsearch {width:100%;align-content:center;justify-self:end}	
#col_topmenu_warenkorb 	{width:100%;align-content:center;justify-self:end}	
#col_topmenu_konto 		{width:100%;align-content:center;justify-self:end}	

	
	/* logo column */
header #row_topmenu #col_topmenu_logo .fl-module-content {margin-top:0!important}		
header #row_topmenu #col_topmenu_logo .fl-photo-content {height:70px!important}		
#col_topmenu_logo img {height:100%;width:auto;max-height:70px}


#col_topmenu_ajaxsearch > div > div {width:100%;display:flex;justify-content:end;align-self:center}
#col_topmenu_ajaxsearch > div > div > div {width:100%;max-width:400px}

/*
#col_topmenu_ajaxsearch input {
	border-radius:3px
	-webkit-box-shadow: inset 0px 0px 5px 0px #888888; 
	box-shadow: inset 0px 0px 5px 0px #888888;
}	
*/

#col_topmenu_ajaxsearch input[type=search] {
  padding-left:15px!important;
}
#col_topmenu_ajaxsearch input[type=text] {
  border-radius: 20px;
  border: 1px solid #2d9fd9;
  color: #555;
  height: 30px;
}
#col_topmenu_ajaxsearch input[type=text]:focus {
  outline: none;
  border: 1px solid #a0d18c;
  color: #555;
}


#col_topmenu_warenkorb nav {display:flex;justify-content:end;align-self:center}	
#col_topmenu_warenkorb .wpmenucart {margin-left:40px}
#col_topmenu_warenkorb #menu-warenkorb > li > ul li:last-child a {color:#ffffff;background:#7f2322;padding:10px 10px!important}
#col_topmenu_warenkorb #menu-warenkorb > li > ul li .wpmenucart-thumbnail img {
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
#col_topmenu_warenkorb #menu-warenkorb li:first-child i:before {margin-right:3px}

#col_topmenu_konto div {display:flex;justify-content:end;align-self:center}	
	
#topmenu_konto i, 
#topmenu_konto .fl-icon i:before { font-size:16px }
#topmenu_konto i::after { 
	content:'MEIN KONTO';
	font-family: 'Lato',sans-serif;
	font-size:16px;	
	font-style:normal;
	font-weight:400;
	line-height: 1.8;
	color:#333333;
	margin-left:7px;
	margin-right:20px
}





/* 
##### BP MOBILE 1199 
*/

@media all and (max-width:1199px) {

	#row_topmenu > div > div > div.fl-col-group {	
		display:grid!important;
		justify-content:stretch;			
		align-content:center;
		justify-items: stretch;
		align-items:stretch;	
		grid-template-columns: 180px auto 170px 140px;	
		grid-template-rows: 80px;	
		grid-row-gap:    0px;
		grid-column-gap: 0px;
		align-content: space-between;
		width:100%;
	}	 
	#col_topmenu_logo 		{grid-column:1/2;grid-row:1/2}	
	#col_topmenu_ajaxsearch {display:none}	
	#col_topmenu_warenkorb 	{grid-column:2/3;grid-row:1/2}	
	#col_topmenu_konto 		{grid-column:3/4;grid-row:1/2}		
	
	/* logo */
	header #row_topmenu #col_topmenu_logo		
	header #row_topmenu #col_topmenu_logo > div > div > div,
	header #row_topmenu #col_topmenu_logo .fl-photo-content,
	header #row_topmenu #col_topmenu_logo .fl-photo-content a {height:80px!important;margin-top:0px!important}		
	header #row_topmenu #col_topmenu_logo .fl-photo-content img {
		max-height:60px!important;height:60px!important;
		margin-top:8px!important
	}	
	
	/* menu toggle */
	#menu_main_zeile {
		margin-top:-80px!important; 
	}		
	header .mega-menu-toggle {
		line-height:80px!important;height:80px!important;
	}	
	
}	

@media all and (max-width:992px) {
	
	#row_topmenu > div > div > div.fl-col-group {	
		grid-template-columns: 180px auto 50px 140px;		
	}	
	#col_topmenu_warenkorb .amount {display:none!important}
	#col_topmenu_warenkorb .fl-menu .menu > li {font-size:16px!important}

	#topmenu_konto i::after {display:none}
	
	/* logo */
	header #row_topmenu #col_topmenu_logo		
	header #row_topmenu #col_topmenu_logo > div > div > div,
	header #row_topmenu #col_topmenu_logo .fl-photo-content,
	header #row_topmenu #col_topmenu_logo .fl-photo-content a {height:80px!important;margin:0!important}		
	header #row_topmenu #col_topmenu_logo .fl-photo-content img {
		max-height:60px!important;height:60px!important;
		margin-top:8px!important
	}			
	
}	

@media all and (max-width:767px) {

	#col_topmenu_warenkorb .cartcontents {display:none!important}
}	

@media all and (max-width:599px) {
	
	#row_topmenu > div > div > div.fl-col-group {	
		grid-template-columns: 170px auto 35px 110px;		
	}		

	#col_topmenu_warenkorb #menu-warenkorb li:first-child i {padding-right:5px} 
	#col_topmenu_warenkorb #menu-warenkorb li:first-child { 
	width:20px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}	
}	


/* 
##### SHRINKING HEADER
*/

header.fl-theme-builder-header-shrink {
-webkit-box-shadow: 0px 8px 8px -5px rgba(85,85,85,1);
-moz-box-shadow: 0px 8px 8px -5px rgba(85,85,85,1);
box-shadow: 0px 8px 8px -5px rgba(85,85,85,1);
}

/* zeile logo warenkorb konto */
header.fl-theme-builder-header-shrink #row_topmenu > div > div > div.fl-col-group {	
	grid-template-rows: 70px;	
}

/* logo */
header.fl-theme-builder-header-shrink #row_topmenu #col_topmenu_logo		
header.fl-theme-builder-header-shrink #row_topmenu #col_topmenu_logo > div > div > div,
header.fl-theme-builder-header-shrink #row_topmenu #col_topmenu_logo .fl-photo-content,
header.fl-theme-builder-header-shrink #row_topmenu #col_topmenu_logo .fl-photo-content a {height:70px!important;margin-top:0px!important}		
header.fl-theme-builder-header-shrink #row_topmenu #col_topmenu_logo .fl-photo-content img {
	max-height:55px!important;height:55px!important;
	margin-top:3px!important
}	

/* zeile main menu */
header.fl-theme-builder-header-shrink #menu_main_zeile .fl-row-content-wrap,
header.fl-theme-builder-header-shrink #menu_main_zeile nav > ul > li > a {
	line-height:55px!important;min-height:55px!important;height:55px!important;
}


@media all and (max-width:1199px) {

	/* zeile logo warenkorb konto */
	header.fl-theme-builder-header-shrink #row_topmenu > div > div > div.fl-col-group {	
		grid-template-rows: 60px;	
	}

	/* zeile main menu */
	header.fl-theme-builder-header-shrink #menu_main_zeile .fl-row-content-wrap,
	header.fl-theme-builder-header-shrink #menu_main_zeile nav > ul > li > a {
		line-height:60px!important;min-height:60px!important;height:60px!important;
	}
	/* menu toggle */
	header.fl-theme-builder-header-shrink #menu_main_zeile {
		margin-top:-60px!important; 
	}		
	header.fl-theme-builder-header-shrink .mega-menu-toggle {
		line-height:60px!important;height:60px!important;
	}
	
	/* logo */
	header.fl-theme-builder-header-shrink #row_topmenu #col_topmenu_logo		
	header.fl-theme-builder-header-shrink #row_topmenu #col_topmenu_logo > div > div > div,
	header.fl-theme-builder-header-shrink #row_topmenu #col_topmenu_logo .fl-photo-content,
	header.fl-theme-builder-header-shrink #row_topmenu #col_topmenu_logo .fl-photo-content a {height:60px!important;margin-top:0px!important}		
	header.fl-theme-builder-header-shrink #row_topmenu #col_topmenu_logo .fl-photo-content img {
		max-height:45px!important;height:45px!important;
		margin-top:3px!important
	}	

}