@CHARSET "ISO-8859-1";

/*@import url("/media/css/ol.catview.inc.css");*/

.narrow
{
	display: none;
}

.olClear
{
	clear: both;
}

.green
{
	color: #1d9614;
}

.red
{
	color: #c11b0e;
}

.orange
{
	color: #ff8a01;
}

p
{
	word-break: break-word;
	hyphens: auto;
}

.landing h1
{
	margin: 2ex 0 3ex;
}

.landing h2
{
	font-size: 12.75pt;
	color: #edbd56;
	font-weight: bold;
	margin: 1ex 0;
}

.blockSatz + .blockSatz
{
	margin-top: 1.5ex;
}

.blockSatz br
{
	margin-bottom: 1.5ex;
}

#olHeader
{
	width: 100%;
	overflow: hidden;
	background-image:url('/media/static/header_standard.jpg');
	height: 16.3vw;
	background-size: cover;
	position: relative;
	cursor: pointer;
}

#olHeaderWrapper
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

#olHeaderInner
{
	display: none;
}

.shoplink
{
	transition: all .2s;
}

.shoplink:hover
{
	filter: brightness(1.2);
	transform: scale(1.125);
}

#olHeader .shoplink
{
	display: none;
}

#olContent.menuclosed #olLandingLeft #olLeftMenu
{
	left: -119px;
	opacity: 0;
}

#olLandingMenu a
{
	text-decoration: none;
}

#olLandingMenu img:hover
{
	filter: brightness(120%);
}

#olContainer
{
	width: 100%;
	overflow: hidden;
	top: 0;
	margin: 70px 0;
}

#olContainerInner
{
	width: 100%;
	overflow: hidden;
	margin: 0;
}

#olContainerSpacer
{
	padding: 16px 24px;
	width: calc(100% - 48px);
}

#olContent
{
	width: 100%;
	margin: 0;
}

#olLandingRight
{
	width: calc(100% - 136px);
	padding-right: 16px;
}

#floatLeft
{
	width: 46%;
	margin: 0 7.75% 0 0;
}

#floatRight
{
	float: right;
	width: 45%;
	margin: 0 1% 0 0;
	overflow: hidden;
}

#floatLeft a img,
#floatRight a img
{
	max-width: 100%;
	height: auto;
}

#warum_ol
{
	margin: 4ex 0 0 0;
}

#warum_ol div
{
	margin: 0 0 0 1em;
	width: calc(100% - 1em);
}

#warum_ol ul
{
	list-style-type: disc;
	list-style-position: outside;
	margin: 2ex 0;
}

#warum_ol li + li
{
	margin-top: 0.75ex;
}

#latest_products .img0
{
	width: 90px;
	float: left;
	clear: both;
	margin: 4ex 0 0 0;
}

#latest_products .gallery
{
	width: calc(100% - 92px);
	position: relative;
	left: -5px;
	margin: 4ex 0 3ex 0;
	padding: 0;
	float: left;
	clear: none;
	display: flex;
	flex-flow: row wrap;
}

#latest_products .gallery_img
{
	width: 229px;
	margin: 0 0 0 20px;
	float: left;
	clear: none;
}

#latest_products .gallery_img img
{
	width: 229px;
	height: auto;
}

#news #floatLeft
{
	width: 420px;
	margin: 0 16px 0 0;
}

#news #floatRight
{
	width: calc(100% - 448px);
}

#buch_messerleidenschaft,
#buch2,
#steakmesser,
#aipcl
{
	padding-top: 5ex;
}

#buch_messerleidenschaft h2,
#buch2 h2
{
	margin-bottom: 4ex;
}

#buch_messerleidenschaft .imglink,
#buch2 .imglink
{
	width: 457px;
	float: left;
	margin: 0 2em 2ex 0;
}

#buch_messerleidenschaft .blockSatz,
#buch2 .blockSatz
{
	font-size: 11.5pt;
	line-height: 130%;
	margin-bottom: 2ex;
}

#buch_messerleidenschaft #floatRight .blockSatz br,
#buch2 #floatRight .blockSatz br
{
	margin-bottom: 4ex;
}

#steakmesser h2,
#aipcl h2,
#olc h2
{
	margin-bottom: 4ex;
}

#steakmesser img
{
	float: left;
	margin: 0 2em 2ex 0;
}

#aipcl img
{
	float: right;
	margin: 0 0 2em 2ex ;
}

#olc img
{
	float: left;
	margin: 0 2ex 2em 0;
}

#schmieden #floatLeft
{
	width: 47%;
	margin: 0 3% 0 0;
}

#schmieden #floatRight
{
	width: 47%;
	margin: 0 0 0 3%;
}

#schmieden h2
{
	margin: 2ex 0;
}

#schmieden h3
{
	margin: 3ex 0;
}


.arrowlist
{
	margin: 2ex 2em 4ex;
	list-style-image: url('/media/static/ol_cat_title_image.png');'
	list-style-position: inside;
	line-height: 133%;
}

.arrowlist li
{
	margin: 1.25ex 1.5em;
}

.arrowlist li a
{
	position: relative;
	top: -2px;
}

#schmieden .links
{
	margin-top: 2ex;
}

#gallery2h
{
	width: 100%;
	padding: 0;
	margin: 0;
}

#gallery2h a
{
	margin: 1ex 0 4ex 0;
	padding: 0;
	display: block;
}

#gallery2h a img
{
	float: left;
	clear: none;
	width: 49%;
	height: auto;
	padding: 0 2% 0 0;
}

#gallery2h a img:nth-child(even)
{
	padding-right: 0;
}


#gallery2h a img:nth-child(odd)
{
	clear: both;
}

#gallery2h + *
{
	margin-top: 2ex;
}

#wir_fuehren
{
	margin-bottom: 8ex;
}

#wir_fuehren ul
{
	line-height: 125%;
}


#kellnermesser #floatLeft
{
	margin-top: 4ex;
}

#kellnermesser #floatRight
{
	margin-top: 3ex;
}

#kellnermesser #floatLeft p img
{
	width: 100%;
	height: auto;
}

#impressum_newsletter
{
	margin-bottom: 2.5ex;
}

#impressum_newsletter #floatLeft
{
	margin: 2.5ex 0 0;
	font-size: 14pt;
	width: auto;
}

#impressum_newsletter #floatRight
{
	margin: 2ex 0 0;
	width: auto;
	float: right;
}

#impressum_newsletter #floatRight a
{
	padding-left: 1em;
}

#trustpilot h2
{
	margin: 4ex 0 3ex;
	color: white;
}

@media only screen and (max-width: 928px)
{
	#cookiedingsbums div
	{
		font-size: 8pt;
		padding-right: 50px;
		padding-left: 25px;
		word-break: break-word;
		hyphens: auto;
	}
}


/* Shop */

@media only screen and (max-width: 640px)
{
	#jquery-msg-content #ok,
	#jquery-msg-content #next
	{
		width: auto !important;
	}

	#jquery-msg-content #next
	{
		padding-left: 5em;
	}
}

@media only screen and (max-width: 440px)
{
	#jquery-msg-content #next
	{
		padding-left: 0;
	}
}

#olMenuButton,
#olMenuButton2
{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 60px;
	height: 60px;
	background-image: url("/media/static/menu_icon.png");
	background-size: cover;
	opacity: 0.9;
	z-index: 1000;
}

#olMenuButton2
{
	display: none;
}

#olLeftMenuFirst
{
	z-index: 101;
	overflow: hidden;
}

body.landing #olMenuButton
{
	display: none;
}

#olMenuButton:hover
{
	opacity: 1.0;
	transform: scale(1.125);
}

#olContentRight
{
	width: calc(100% - 190px);
}

.olItemLargeContainer
{
	position: relative;
}

.olItemLargeContainer.olItemPos0,
.olItemLargeContainer.olItemPos3
{
	clear: both;
}

.olItemCartContainer
{
	padding-bottom: 12px;
}

.seals
{
	position: relative;
	top: 5px;
}

#olItemLargeImage
{
	position: relative;
}

#olItemLargeImage .youtube
{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 99;
	cursor: pointer;
}

#olItemLargeImage .youtube:hover
{
	transform: scale(1.1);
}

#olItemLargePrice02
{
	left: 50px;
}

#olItemLargeName
{
	word-break: break-word;
	hyphens: auto;
}

.olItemLargeContainer .putOnWatchlist
{
	position: absolute;
	bottom: 0.85ex;
	left: 1.4em;
	color: white;
	background-color: #839aeb;
	font-size: 10pt;
	font-weight: bold;
	padding: 0.4ex 0.6em;
	letter-spacing: 0.09em;
	cursor: pointer;
	border: none;
	border-radius: 1px;
}

.olItemLargeContainer .putOnWatchlist:hover
{
	filter: saturate(2.0) brightness(1.2);
}

@media only screen and (max-width: 440px)
{
	#olItemLargeName
	{
		top: -48px;
	}

	.AngebotsDauer
	{
		top: -30px;
	}
}

#olMenuButton
{
	display: none;
}

#cover
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: red;
	opacity: 0.8;
	z-index: 100;
}

#olTopSearch
{
	display: none;
}

#catlist
{
	display: none;
}

#livechat-eye-catcher
{
	opacity: 0.9;
}

#olCartContent
{
	display: block;
	padding-top: 35px;
	padding-left: 20px;
	font-size: 10pt;
}

#olModulMenu
{
	/* width: 100%; */
	position: relative;
}


/* START 3 Siegel unter dem Header */

#olCartContainer
{
	background-repeat: no-repeat;
}

#olCartContainer .help-seal
{
	display: none;
}

#olBagetContainer
{
	float: right;
	width: 148px; /* OLD: 243px */
	height: 71px;
	padding: 0;
	overflow: hidden;
}

#olBagetContainer > div
{
	float: right;
	padding-right: 10px;
}

#olBagetContainer > div:nth-child(3)
{
	transition: 0.3s;
}

#olBagetContainer > div:nth-child(3):hover
{
	filter: brightness(200%);
}

@media only screen and (max-width: 1088px)
{
	#olBagetContainer > div:first-child
	{
		display: none;
	}

	#olBagetContainer
	{
		width: 162px;
	}
}

@media only screen and (max-width: 1000px)
{
	#olBagetContainer > div:nth-child(2)
	{
		display: none;
	}

	#olBagetContainer
	{
		width: 81px;
	}

	#olCartContainer {
		float: left;
	}
}

@media only screen and (max-width: 928px)
{
	#olBagetContainer
	{
		display: none;
		position: fixed;
		bottom: 14px;
		right: 30px;
		width: 71px;
		padding: 5px;
		border-radius: 40px;
		background-color: black;
		border: 1px solid #444;
		z-index: 10;
	}
	
	#olBagetContainer > div
	{
		padding: 0;
	}
}

@media only screen and (max-width: 480px)
{
	#olBagetContainer
	{
		right: 0;
	}
}

@media only screen and (max-width: 440px)
{
	#olBagetContainer
	{
		display: none;
	}

	/*
	#olCartContainer
	{
		width: 80%;
		margin: 0 7% 0 13%;
	}
	 */

	#olCartLink
	{
		float: left;
	}

	#olCartContainer .help-seal
	{
		display: block;
		float: right;
		margin-right: 10px;
	}

	#olCartContainer .help-seal img
	{
		width: 71px;
		height: auto;
	}
}

@media only screen and (max-width: 400px)
{
	/*
	#olCartContainer
	{
		width: 90%;
		margin: 0 5%;
	}
	 */

	#olCartContainer .help-seal
	{
		margin-right: 3px;
	}
}

@media only screen and (max-width: 360px)
{
	#olCartContainer
	{
		width: 96%;
		margin: 0 0 0 4%;
	}

	#olCartContainer .help-seal
	{
		margin-right: 15px;
	}
}

@media only screen and (max-width: 320px)
{
	#olCartContainer .help-seal img
	{
		width: 60px;
		margin-right: 0;
	}
}

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

	#olCartContainer
	{
		width: 180px;
		margin: 0 calc(50% - 90px);
	}

	#olCartContainer .help-seal
	{
		display: none;
	}
}

/* ENDE 3 Siegel */


#olModulMenu .advice
{
	margin-left: -250px;
	font-size: 9pt;
}

#olModulMenu .advice .short
{
	display: none;
}


#olModulMenu > .advice
{
	display: none;
}


#olModulMenu #suchInfo
{
	cursor:pointer;
	font-size: 9pt;
}

#olModulMenu #suchInfoText
{
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 5px;
	display: block;
	padding: 1ex 0 1ex 1em;
}

#breadcrumbs
{
	margin: 2ex 0;
	clear: both;
	float: left;
	color: #f90;
	font-weight: bold;
	font-size: 10.5pt;
	width: 95%;
	height: auto;
	overflow: hidden;
}

#breadcrumbs a
{
	color: #f90;
}

#breadcrumbs .splitter
{
	padding: 0 7px;
}

#breadcrumbs .splitter:first-child
{
	padding-left: 0;
}

/* Footer */

#olFooter
{
	width: calc(100% - 5px);
	font-size: 8pt;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#olFooter hr,
#olFooter .menubreak
{
	display: none;
}

#olFooterInner > div
{
	float: left;
	clear: none;
	margin-right: 9ex;
}

#olFooterInner #olFooterAddress
{
	margin-top: 0.7ex;
	margin-right: 5em;
}

#olFooterInner > div#olFooterMenu3,
#olFooterInner > div#olFooterNewsletter
{
	margin-right: 0;
}

#olFooterInner > div#olFooterNewsletter
{
	float: right;
	margin-right: 15px;
}

.oLFooterMenu li:first-child
{
	margin-top: 0;
}

.oLFooterMenu li
{
	line-height: 5ex;
}

/* Shop-Startseite */

#olSiteTitle
{
	margin: 20px 0;
	padding: 0 10px 0 0;
}

#olSiteTitle h1
{
	font-size: 13.5pt;
	font-weight: bold;
	margin: 0 0 2ex 5px;
}

#olSiteTitle h2
{
	font-size: 13.5pt;
	font-weight: bold;
	margin: 1ex 0 0;
}

#olSiteTitle p
{
	margin: 0;
	line-height: normal;
	font-family: Helvetica, sans-serif;
	color: white;
	font-size: 11pt;
	font-weight: bold;
}

#olSiteTitle br
{
	margin-bottom: 0.75ex;
}

/* Footer-Icons */

#footer_icons
{
	position: fixed;
	bottom: -54px;
	left: 10px;
	width: 315px;
	height: 54px;
	background-color: transparent;
	transition: bottom 0.5s;
}

#footer_icons a
{
	display: block;
	float: left;
	width: 75px;
	height: 54px;
	margin: 0 5px 0 0;
	padding: 0;
	clear: none;
}

#footer_icons a#link_cart
{
	margin-right: 0;
}

#footer_icons #link_categories
{
	background-image: url("/media/static/footer_link1.gif");
}

#footer_icons #link_special_offers
{
	background-image: url("/media/static/footer_link2.gif");
}

#footer_icons #link_login
{
	background-image: url("/media/static/footer_link3.gif");
}

#footer_icons #link_cart
{
	background-image: url("/media/static/footer_link4.gif");
}


/* Login */

#loginbox
{
	width: 97%;
	border: 0;
}

form#login #roundBorder
{
	width: 100%;
}

form#login table
{
	width: 500px;
	border: 0;
	margin-top: 2ex;
}

form#login table td
{
	padding: 2px 0;
}

form#login table td.label
{
	width: 115px;
	padding: 0 0 0 1em;
}

form#login input
{
	width: 300px;
}

form#login button
{
	width: 250px;
	height: 30px;
	color: black;
	margin: 2.5ex 5ex;
}

#loginbox form#login button
{
	background-color: #8de68d;
}

#loginbox form#login #signup button
{
	font-weight: bold;
	color: white;
	background-color: #00114E;
}

form#login .message
{
	text-align: center;
	color: #900;
	font-size: 10.5pt;
}

form#login #forgotpw
{
	margin: 2.5ex 5ex;
}

#chat-widget-container
{
	opacity: 0.9 !important;
}

#back-to-blog
{
	margin: 0 0 20px 0;
}

#back-to-blog a
{
	color: #edbd56;
	font-weight: bold;
	font-size: 12pt;
}

.blog-page .blog-bottom
{
	clear: both;
}

.blog-page .blog-bottom h1
{
	margin-bottom: 2ex;
}

#olFooterNewsletter
{
	display: flex;
	flex-flow: column nowrap;
	height: 208px;
	justify-content: space-between;
	align-items: flex-start;
}

@media only screen and (max-width: 928px)
{
	.blog-page #floatLeft,
	.blog-page #floatRight
	{
		float: none;
		width: 100%;
	}

	.blog-page #floatLeft img,
	.blog-page #floatRight img
	{
		max-width: 100%;
		max-height: 50vh;
		width: auto;
		height: auto;
	}
}

@media only screen and (max-width: 512px)
{
	.blog-page .blog-bottom img
	{
		width: 80%;
		height: auto;
		margin: 0 10%;
	}
}

@media only screen and (min-width: 1320px) /* min! */
{
	.olItemLargeContainer
	{
		margin: 0.8vw 1.5%;
	}

	.olItemLargeContainer.olItemPos2,
	.olItemLargeContainer.olItemPos5
	{
		margin-right: 0;
	}
}

@media only screen and (min-width: 1792px) /* min! */
{
	.olItemLargeContainer
	{
		margin-top: 16px;
		margin-bottom: 16px;
	}
}

@media only screen and (max-width: 1319px)
{
	.olItemLargeContainer
	{
		margin: 8px calc(25% - 245px);
	}

	.olItemLargeContainer.olItemPos0,
	.olItemLargeContainer.olItemPos3
	{
		margin-left: 0;
	}

	.olItemLargeContainer.olItemPos2,
	.olItemLargeContainer.olItemPos5
	{
		margin-right: 0;
	}
}

@media only screen and (max-width: 1300px)
{
	#latest_products .gallery_img.img4
	{
		display: none;
	}

	#news #floatLeft
	{
		width: 40%;
		margin: 0 3% 0 0;
	}

	#news #floatRight
	{
		width: calc(55.5%);
	}

	#steakmesser #floatLeft img
	{
		width: 100%;
	}

	#olFooterInner > div,
	#olFooterInner #olFooterAddress
	{
		margin-right: 3vw;
	}
}

@media only screen and (max-width: 1280px)
{
	#olSearchContainer
	{
		float: right;
	}

	#olModulMenu
	{
		height: 86px;
	}

	#olModulMenu div.advice
	{
		display: block;
		position: absolute;
		top: 82px;
		right: 17px;
	}

	#olSearchContainer .advice
	{
		display: none;
	}

	#olModulMenu #suchInfo
	{
		/* display: none; */
	}
}

@media only screen and (max-width: 1248px)
{
	.olItemLargeContainer.olItemPos3
	{
		clear: none;
	}

	.olItemLargeContainer.olItemPos2,
	.olItemLargeContainer.olItemPos4
	{
		clear: both;
	}

	.olItemLargeContainer.olItemPos0,
	.olItemLargeContainer.olItemPos2,
	.olItemLargeContainer.olItemPos4
	{
		margin-left: calc(50% - 337px);
		margin-right: 8px;
	}

	.olItemLargeContainer.olItemPos1,
	.olItemLargeContainer.olItemPos3,
	.olItemLargeContainer.olItemPos5
	{
		margin-left: 8px;
		margin-right: calc(50% - 337px);
	}
}

@media only screen and (max-width: 1200px)
{
	#olFooterInner > div,
	#olFooterInner #olFooterAddress
	{
		margin-right: 1.5vw;
	}
}

@media only screen and (max-width: 1152px)
{
	.narrow
	{
		display: block;
	}

	#olFooterMenu1 ul li:nth-child(3)
	{
		line-height: 2.75ex;
	}

	#buch_messerleidenschaft p,
	#buch2t p
	{
		line-height: 125%;
	}

	#buch_messerleidenschaft .imglink img,
	#buch2 .imglink img
	{
		width: 100%;
		height: auto;
	}

	#buch_messerleidenschaft .imglink,
	#buch2 .imglink
	{
		width: 40%;
		height: auto;
	}

	#steakmesser img,
	#aipcl img,
	#olc img
	{
		width: 50%;
		height: auto;
	}
}

@media only screen and (max-width: 1120px)
{
	#olFooterInner
	{
		position: relative;
	}

	#olFooterInner > div#olFooterMenu1
	{
		clear: both;
	}

	#olFooterAddress,
	#olFooter hr
	{
		margin-bottom: 3ex;
	}

	#olFooterNewsletter
	{
		position: absolute;
		top: 25px;
		right: 0;
		margin-top: 0.75ex;
		
		display: flex;
		flex-flow: column wrap;
		width: 435px;
		height: 120px;
		justify-content: space-between;
		align-items: flex-end;
	}

	#olFooterInner > div#olFooterMenu1,
	#olFooterInner > div#olFooterMenu2,
	#olFooterInner > div#olFooterMenu3
	{
		width: 30%;
		margin-right: 5%;
	}

	#olFooterInner > div#olFooterMenu3
	{
		margin-right: 0;
	}

	#olFooter .menubreak,
	#olFooter hr
	{
		clear: both;
		display: block;
	}
}

@media only screen and (max-width: 1048px)
{
	#latest_products .gallery_img.img3
	{
		clear: both;
	}

	#latest_products .gallery_img.img4
	{
		display: block;
	}
}

@media only screen and (max-width: 1024px)
{
	#olModulMenu
	{
		height: 75px;
	}

	#olModulMenu div.advice
	{
		top: 73px;
	}

	#intro #floatLeft,
	#intro #floatRight
	{
		clear: both;
		float: left;
		width: 98%;
	}

	#intro #floatRight
	{
		margin-top: 3ex;
		text-align: center;
	}

	#gallery2h a img
	{
		padding: 0 3% 10px;
		width: 94%;
	}

	#gallery2h a img
	{
		clear: both;
	}

	#kellnermesser #floatLeft
	{
		margin-right: 3%;
	}

	#kellnermesser #floatRight
	{
		width: 48.5%;
	}
}

@media only screen and (max-width: 960px)
{
	.olItemLargeContainer
	{
		clear: both;
		margin: 5px calc(50% - 160px) !important;
	}
}

@media only screen and (max-width: 880px)
{
	#olSearchContainer
	{
		float: left;
	}

	#olContainer
	{
		margin: 7.95vw 0;
	}

	#olHeader
	{
		background-image: url("/media/static/logo_mobil.jpg");
		height: 17.3vw;
	}

	#olHeaderInner
	{
		display: block;
		position: relative;
		height: 0;
	}

	body.landing #olHeader .shoplink,
	body.googlepage #olHeader .shoplink
	{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		opacity: 0.95;
		transform: scale(0.75);
	}

	#olLandingLeft
	{
		display: none;
	}

	#olLandingRight
	{
		width: 94%;
		margin: 0 3%;
	}

	#buch_messerleidenschaft .imglink,
	#buch2 .imglink
	{
		width: 50%;
	}

	#buch_messerleidenschaft p,
	#buch2 p
	{
		line-height: 115%;
		font-size: 11.5pt;
	}	
}


@media only screen and (max-width: 832px)
{
	#olNaviContainer a
	{
		display: block;
		float: left;
	}

	#olNaviContainer a:nth-of-type(2)
	{
		clear: both;
	}

	#olModulMenu .advice
	{
		clear: both;
	}

	#olSearchContainer
	{
		top: 62px;
	}

	#olNaviContainer img {
		height: 50px;
	}

	#olCartLink, #olCartLink > img {
		width: 50px;
	}

	span.olNaviMenuItem  {
		display: none;
	}

	span#olSaleText {
		display: none;
	}

	span#olSaleItems {
		top: 55% !important;
	}

	span.ol-navi-badge-count {
		right: -5% !important;
	}

	li.menu-contact-icon {
		display: none !important;
	}

	span.ol-navi-badge-carmos {
		font-size: 15px;
		top: 50%;
	}

	#olModulMenu
	{
		padding-bottom: 26px;
	}

	#breadcrumbs
	{
		position: relative;
		top: 25px;
	}


}


@media only screen and (max-width: 800px)
{
	#olHeaderInner
	{
		height: 100%;
	}

	body.landing #olHeader .shoplink,
	body.googlepage #olHeader .shoplink
	{
		right: 8px;
		bottom: 6px;
	}

	#olModulMenu
	{
		height: 65px;
	}

	#news #floatLeft
	{
		width: 50%;
		margin: 0 25%;
	}

	#news #floatRight
	{
		clear: both;
		width: 100%;
		margin: 0;
	}

	#steakmesser #floatLeft
	{
		width: 75%;
		margin: 0 12.5%;
	}

	#steakmesser #floatRight
	{
		clear: both;
		width: 100%;
		margin: 0;
	}

	#impressum_newsletter #floatRight a
	{
		display: block;
		padding: 2ex 0 0;
	}

	form#login table
	{
		width: 100%;
	}

	form#login table td.label
	{
		width: 22%;
		padding: 0 0 0 3%;
	}

	form#login input
	{
		width: 92%;
	}
	
	#olModulMenu div.advice .long
	{
		display: none;
	}

	#olModulMenu div.advice .short
	{
		display: inline;
	}
}

@media only screen and (max-width: 736px)
{
	#olFooterNewsletter
	{
		flex-flow: column nowrap;
		align-items: flex-start;
		width: auto;
		height: 208px;
		right: inherit;
		left: 25px;
	}

	#olFooterInner #olFooterAddress
	{
		margin-top: 235px;
	}
}

@media only screen and (max-width: 704px)
{
	#latest_products .img0
	{
		width: 100%;
		text-align: center;
		margin: 2ex 0 2ex 0;
	}

	#latest_products .gallery
	{
		clear: both;
		left: 0;
		margin: 0 calc(50% - 260px) 4ex;
		width: 520px;
	}

	#buch_messerleidenschaft .imglink,
	#buch2 .imglink,
	#steakmesser img,
	#aipcl img,
	#olc img
	{
		width: 96%;
		margin: 0 2% 4ex;
	}

	#buch_messerleidenschaft .imglink img,
	#buch2 .imglink img
	{
		width: 100%;
	}
}


@media only screen and (max-width: 704px)
{
	#olNaviContainer a
	{
		clear: both;
	}

	#olSearchContainer
	{
		top: 92px;
	}

	#olModulMenu
	{
		padding-bottom: 44px;
	}

	#olModulMenu div.advice
	{
		top: 73px;
	}
}


@media only screen and (max-width: 672px)
{
	#footer_icons
	{
		z-index: 102;
	}

	#schmieden #floatLeft,
	#schmieden #floatRight
	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		clear: both;
	}

	#schmieden #gallery2h
	{
		width: 100%;
	}

	#schmieden #gallery2h a img
	{
		clear: none;
		width: 49%;
	}

	#gallery2h a img:nth-child(odd)
	{
		padding: 0 2% 0 0;
	}

	#gallery2h a img:nth-child(even)
	{
		padding: 0;
	}

	#wir_fuehren
	{
		margin-bottom: 4ex;
	}

	#wir_fuehren h2
	{
		margin-top: 0;
	}

	#kellnermesser #floatLeft,
	#kellnermesser #floatRight
	{
		width: 100%;
		margin: 0;
		clear: both;
	}

	#kellnermesser #floatRight h2
	{
		margin-top: 3ex;
	}
}


@media only screen and (max-width: 640px)
{
	body.landing #olHeader .shoplink, body.googlepage #olHeader .shoplink {
		right: 36px;
		bottom: 16px;
	}

	#olCartContainer {
		float: left;
	}

	#olContainer
	{
		margin: 0 0 7.95vw;
	}

	#top_search,
	#catlist
	{
		display: block;
	}

	#olModulMenu
	{
		padding-bottom: 0;
	}

	#breadcrumbs
	{
		top: 0;
	}

	#olSearchContainer, #breadcrumbs
	{
		display: none;
	}

	#suchInfoMobilNavi {
		display: block;
	}

	#news #floatLeft
	{
		width: 75%;
		margin: 0 12.5%;
	}

	#steakmesser #floatLeft
	{
		width: 100%;
		margin: 0;
	}

	#olModulMenu div.advice .long
	{
		display: none;
	}

	#olModulMenu div.advice .short
	{
		display: inline;
	}
}


@media only screen and (max-width: 672px)
{
	#olMenuButton
	{
		display: block;
	}

	#olLeftMenuFirst
	{
		z-index: 101;
	}

	#olContentLeft
	{
		width: 32px;
		position: relative;
		top: -24px;
	}

	#olContentRight
	{
		width: calc(100% - 32px);
	}

	#olContent #olLeftMenu
	{
		transition: left .5s, opacity .5s;
		position: absolute;
		top: 24px;
		left: 0;
		width: 178px;
	}

	#olContent #olLandingLeft #olLeftMenu
	{
		top: 0;
	}

	#olContent #olContentRight
	{
		margin-left: 24px;
	}

	#olContent.menuclosed #olLeftMenu
	{
		left: -190px;
		opacity: 0;
	}

	#olContent.menuopen #olLeftMenu
	{
		display: block;
		opacity: 0.975;
	}
	
	#olContent.menuopen .olLeftMenuFirstInner
	{
		opacity: 1.0;
	}

	#olModulMenu div.advice .long
	{
		display: inline;
	}

	#olModulMenu div.advice .short
	{
		display: none;
	}

	#olModulMenu {
		padding: 0;
	}
}

#latest_products .landing-categories img {
	width: 275px;
}

.blockSatz .image-wrapper img {
	width: 100%;
	max-width: 600px;
}

@media only screen and (max-width: 572px)
{
	#latest_products .gallery
	{
		width: 100%;
		margin: 0;
		position: static;
	}

	/*
	#latest_products .gallery .gallery_img
	{
		clear: both;
		margin: 0 0 4ex 0;
	}
	*/

	#latest_products .gallery_img
	{
		width: 100%;
		margin: 0;
		clear: both;
		padding-bottom: 20px;
	}

	#latest_products .gallery_img img
	{
		width: 100%;
		height: auto;
	}

	#latest_products .landing-categories img {
		width: 100%;
	}
}

@media only screen and (max-width: 512px)
{
	#olContent
	{
		padding: 5px 0 0;
	}

	#olContainerSpacer
	{
		padding: 16px 16px;
		width: calc(100% - 32px);
	}

	.blockSatz
	{
		text-align: left;
	}

	#olContent
	{
		padding-bottom: 10px;
	}

	#olFooter
	{
		position: relative;
		top: 5px;
	}

	#olFooterNewsletter
	{
		left: 25px;
	}

	#olFooterInner > div#olFooterMenu1,
	#olFooterInner > div#olFooterMenu2,
	#olFooterInner > div#olFooterMenu3
	{
		clear: both;
		width: auto;
	}

	#olFooterInner > div#olFooterMenu2
	{
		position: relative;
		top: -2ex;
	}

	#olFooterInner > div#olFooterMenu3
	{
		position: relative;
		top: -4ex;
	}
	
	
}

@media only screen and (max-width: 480px)
{
	body.landing #olHeader .shoplink,
	body.googlepage #olHeader .shoplink
	{
		display: none;
	}

	#olLandingLeft
	{
		display: block;
		position: absolute;
		top: 10px;
		left: 0;
	}

	#olLandingMenu
	{
		margin-top: 2ex;
		top: 0;
		right: 0;
		position: relative;
		left: 90px;
	}

	#olLandingMenu a img
	{
		margin: 0 3em;
		height: 26px;
	}

	#news #floatLeft
	{
		width: 100%;
		margin: 0;
	}

	#schmieden #gallery2h a img
	{
		clear: both;
		width: 100%;
		padding: 10px 0 0;
	}

	#impressum_newsletter #floatRight
	{
		clear: both;
		float: left;
		margin: 5ex 0 0;
	}
}


@media only screen and (max-width: 464px)
{
	#olModulMenu div.advice .long
	{
		display: none;
	}

	#olModulMenu div.advice .short
	{
		display: inline;
	}
}


@media only screen and (max-width: 440px)
{
	/*
	#olNaviContainer {
		display: none;
	}*/

	#olModulMenu #suchInfo
	{
		/* display: none; */
	}

	#olModulMenu div.advice
	{
		width: 100%;
		text-align: center;
		right: 7px;
	}

	#olModulMenu div.advice .short
	{
		display: none;
	}

	#olModulMenu div.advice .long
	{
		display: inline-block;
	}

	#olModulMenu
	{
		height: 90px;
	}

	form#login table td.label
	{
		width: 30%;
	}

	form#login button
	{
		width: auto;
		height: auto;
		padding: 0.5ex 0.5em;
		margin-bottom: 1.5ex;
	}

	#breadcrumbs
	{
		padding-top: 2ex;
		text-align: center;
	}

	#suchInfoMobilCart {
		float: left;
		display: block;
	}
}

@media only screen and (max-width: 360px)
{
	.olItemLargeContainer
	{
		width: 100%;
		margin: 0 !important;
		background-size: 100% 100%;
		position: relative;
	}

	.olItemImageNew
	{
		width: calc(100% - 10px);
		height: auto;
	}

	#olItemLargePrice
	{
		left: 13vw !important;
	}

	#olItemLargeName
	{
		padding-left: 15px;
		padding-right: 15px;
	}

	.olItemCartContainer
	{
		width: 100%;
	}

	.seals
	{
		display: block;
		position: absolute;
		top: 0;
		right: 10px;
	}

	.seals.seals3
 	{
 		top: 7px;
		transform: scale(0.85);
 		transform-origin: top right;
	}
}

@media only screen and (max-width: 360px)
{
	#olContainerSpacer
	{
		padding: 16px 8px;
		width: calc(100% - 16px);
	}

	#chat-widget-container
	{
		bottom: 50px !important;
	}

	#footer_icons
	{
		bottom: 0;
	}

	#footer_icons a
	{
		width: 64px;
		height: 46px;
		background-size: cover;
		margin-right: 3px;
	}
}


@media only screen and (min-width: 1324px)
{
	#olContainerInner
	{
		width: 1324px;
		margin: 0 auto;
	}

	#olHeader,
	#olContainerSpacer,
	#olContent
	{
		width: 1274px;
	}

	#olLandingRight
	{
		width: 1136px;
	}
}



@media only screen and (min-width: 1340px)
{
	#olHeader
	{
		width: 1274px;
		height: 222px;
		overflow: hidden;
		background-size: 100% 100%;
	}
}





/* START WARENKORB */

/* START Warenkorb Schritte */

#olCartSteps
{
	padding-bottom: 5px;
	margin-top: 15px;
}

#olCartSteps table .step1
{
	width: 9%;
}

#olCartSteps table .step2
{
	width: 10%;
}

#olCartSteps table .step3
{
	width: 12%;
}

#olCartSteps table .step4
{
	width: 12%;
}

#olCartSteps table .step5
{
	width: 57%;
}

#olCartSteps table .selector img
{
	width: 12px;
	height: 10px;
	margin-left: 13px;
}

@media only screen and (max-width: 916px)
{
	#olCartSteps
	{
		margin-left: 10px;
	}

	#olCartSteps.step1 table .step5,
	#olCartSteps.step2 table .step5,
	#olCartSteps.step3 table .step5,
	#olCartSteps.step4 table .step1,
	#olCartSteps.step5 table .step1
	{
		display: none;
	}
}

@media only screen and (max-width: 872px)
{
	#olCartSteps.step1 table .step4,
	#olCartSteps.step2 table .step4,
	#olCartSteps.step3 table .step1
	{
		display: none;
	}
}

@media only screen and (max-width: 808px)
{
	#olCartSteps.step4 table .step2,
	#olCartSteps.step5 table .step2
	{
		display: none;
	}
}

@media only screen and (max-width: 752px)
{
	#olCartSteps.step1 table .step3,
	#olCartSteps.step2 table .step1,
	#olCartSteps.step3 table .step2
	{
		display: none;
	}
}

@media only screen and (max-width: 672px)
{
	#olCartSteps.step1 table .step3,
	#olCartSteps.step2 table .step4,
	#olCartSteps.step3 table .step2,
	#olCartSteps.step3 table .step5,
	#olCartSteps.step4 table .step2,
	#olCartSteps.step5 table .step2
	{
		display: block;
	}
}

@media only screen and (max-width: 640px)
{
	#olCartSteps.step3 table .step5,
	#olCartSteps.step4 table .step2,
	#olCartSteps.step5 table .step2
	{
		display: none;
	}
}

@media only screen and (max-width: 584px)
{
	#olCartSteps.step1 table .step3,
	#olCartSteps.step2 table .step4,
	#olCartSteps.step3 table .step2
	{
		display: none;
	}
}

@media only screen and (max-width: 496px)
{
	#olCartSteps.step4 table .step3,
	#olCartSteps.step5 table .step3
	{
		display: none;
	}
}

@media only screen and (max-width: 432px)
{
	#olCartSteps.step2 table .step3
	{
		display: none;
	}
}

@media only screen and (max-width: 416px)
{
	#olCartSteps.step1 table .step2,
	#olCartSteps.step3 table .step4
	{
		display: none;
	}
}

/* ENDE Warenkorb Schritte */


/* START Kundendaten */ 

#olCartAdresses .part1
{
	float: left;
	width: 550px;
	padding-left: 40px;
	color: black;
}

#olCartAdresses .part2
{
	float: left;
	width: 400px;
	padding-left: 40px;
	color: black;
}

#olCartAdresses table
{
	width: 100%;
	border: none;
}

#olCartAdresses table td
{
	color: black;
}

#olCartAdresses table .header
{
	font-weight:bold;
	font-size: 9pt;
}

#olCartAdresses table .header a
{
	text-decoration: none;
	color: black;
	padding-left: 170px;
}

#olCartAdresses table .data
{
	padding-left: 11px;
}

@media only screen and (max-width: 560px)
{
	#olCartAdresses table .header a
	{
		padding-left: 100px;
	}
}

@media only screen and (max-width: 464px)
{
	#olCartAdresses .part1,
	#olCartAdresses .part2
	{
		padding-left: 10px;
	}

	#olCartAdresses table .header a
	{
		padding-left: 30px;
	}
}

@media only screen and (max-width: 344px)
{
	#olCartAdresses .part1,
	#olCartAdresses .part2
	{
		padding-left: 5px;
	}

	#olCartAdresses table .header a
	{
		padding-left: 0;
	}

	#olCartAdresses table .header a:before
	{
		content: "-> ";
	}
}

/* ENDE Kundendaten */


/* START Inhaltsauflistung Warenkorb */

.narrow
{
	display: none;
}

#olCartTop
{
	display: flex;
	flex-direction: row;
	padding: 0 12px;
	margin-top: 10px;
}

#olCartTop > div
{
	text-transform: uppercase;
}

.olCartTopCell1
{
	flex-grow: 1;
}

.olCartTopCell2,
.olCartItemCell2
{
	flex-basis: 50px;
	padding-right: 5px;
	text-align: right;
}

.olCartTopCell3,
.olCartItemCell3
{
	flex-basis: 65px;
	padding-right: 5px;
	text-align: right;
}

.olCartTopCell4,
.olCartItemCell4
{
	flex-basis: 80px;
	text-align: right;
}

.olCartItemImageSmall
{
	width: 160px;
	max-width: 160px;
	height: auto;
	max-height: 120px;
}

.olCartItem
{
	width: calc(100% - 6px);
	height: 115px;
	min-height: 115px;
	padding: 15px 6px 10px 0;
	border-bottom: 1px #ccc solid;
	background-color: #201916;
	display: flex;
	flex-direction: row;
	overflow: hidden;
}

.olCartItemCell1
{
	height: 100%;
	flex-basis: calc(100% - 210px);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.bundle .olCartItemCell1
{
	height: auto;
}

.olCartItemCell1b
{
	order: 1;
	width: 168px;
	flex-basis: 100%;
	padding: 2px 10px 0 0;
}

.olCartItemCell1a,
.olCartItemCell1c
{
	width: calc(100% - 180px);
}

.olCartItemCell1a
{
	order: 2;
	padding-bottom: 8px;
}

.olCartItemCell1a a
{
	font-size: 10pt;
	color: #E8E0D8;
	word-wrap: break-word;
	hyphens: auto;
}

.olCartItemCell1c
{
	order: 3;
	flex-grow: 1;
	line-height: 150%;
}

.olCartItemCell1c #green,
.olCartItemCell1c #red
{
	padding-top: 5px;
	line-height: 100%;
}

.olCartItemCell2,
.olCartItemCell3,
.olCartItemCell4
{
	font-size: 10pt;
	text-align: right;
}

.olCartItemCell2 span,
.olCartItemCell3 span,
.olCartItemCell4 span
{
	line-height: 100%;
}


.bundle .olCartItemCell1c .green
{
	padding-top: 5px; 
}

.bundle .olCartItemCell1c .single-product a
{
	font-size: 9pt;
}

.olCartItem.bundle
{
	height: auto;
}

.olCartBundleTitleNarrow,
.olCartBundleCell2a
{
	font-size: 10pt;
	padding-bottom: 10px;
	color: #ff8a01;
	word-wrap: break-word;
	hyphens: auto;
}

.olCartBundleTitleNarrow
{
	display: none;
	width: 100%;
}

.olCartBundleCell1Inner
{
	width: 100%;
	display: flex;
	flex-direction: row;
}

.olCartBundleCell1b
{
	flex-basis: 180px;
}

.olCartBundleCell2
{
	flex-basis: calc(100% - 180px);
	display: flex;
	flex-direction: column;
}

.olCartBundleCell2b .single-product
{
	margin-top: 5px;
	line-height: 100%;
}

.olCartItemDiscountText
{
	display: inline-block;
	padding-top: 2px;
}

.olCartItemQuText,
.olCartItemSumText
{
	position: relative;
	top: -5px;
}

.olCartItemPlus,
.olCartItemMinus,
.olCartItemDelImg
{
	display: inline-block;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-repeat: no-repeat;
	position: relative;
	left: 3px;
}

.olCartItemPlus
{
	background-image: url("/media/static/ol_cart_item_plus.png");
}

.olCartItemMinus
{
	background-image: url("/media/static/ol_cart_item_minus.png");
}

.olCartItemDelImg
{
	background-image: url("/media/static/ol_cart_delete.png");
}

/*
@media only screen and (max-width: 1064px)
{
	.olCartItem br.narrow
	{
		display: inline;
	}

	.olCartItem .olCartItemPlus,
	.olCartItem .olCartItemDelImg
	{
		margin-top: 12px;
	}

	.olCartItemQuText,
	.olCartItemSumText
	{
		top: 2px;
	}

	.olCartTopCell4, .olCartItemCell4
	{
		flex-basis: 65px;
	}

	.olCartItemCell1
	{
		height: 100%;
		flex-basis: calc(100% - 195px);
	}
}

@media only screen and (max-width: 1024px)
{
	#olCartTop
	{
		padding: 0 10px;
	}

	#olCartTop > div
	{
		font-size: 8pt;
	}

	.olCartItemCell2,
	.olCartItemCell3,
	.olCartItemCell4
	{
		font-size: 9pt;
	}

	.olCartTopCell3
	{
		padding-right: 2px;
	}

	.olCartTopCell2,
	.olCartItemCell2
	{
		flex-basis: 32px;
	}

	.olCartTopCell3,
	.olCartItemCell3
	{
		flex-basis: 45px;
	}

	.olCartItemCell1
	{
		flex-basis: calc(100% - 145px);
	}

	.olCartItemCell1a
	{
		max-height: 53px;
		overflow: hidden;
	}

	.olCartItemCell1b
	{
		padding-right: 5px;
	}

	.olCartItemCell1c
	{
		padding-top: 3px;
		line-height: 130%;
		max-height: 61px;
		overflow: hidden;
	}
}

@media only screen and (max-width: 928px)
{
	.olCartItem
	{
		height: auto;
	}

	.olCartItemCell1
	{
		flex-direction: row;
		flex-basis: calc(100% - 125px);
	}

	.bundle .olCartItemCell1
	{
		flex-direction: column;
	}

	.olCartItemCell1a
	{
		order: 1;
		flex-basis: 100%;
		width: 100%;
	}

	.olCartItemCell1b
	{
		order: 2;
		flex-basis: 130px;
	}

	.olCartItemCell1c
	{
		height: auto;
		max-height: initial;
	}

	.olCartTopCell2,
	.olCartItemCell2,
	
	{
		flex-basis: 30px;
	}
}

@media only screen and (max-width: 896px)
{
	.olCartBundleTitleNarrow
	{
		display: block;
	}

	.olCartBundleCell2a
	{
		display: none;
	}
}

@media only screen and (max-width: 800px)
{
	.olCartItemImageSmall
	{
		width: 120px;
	}

	.olCartBundleCell1b
	{
		flex-basis: 140px;
	}

	.olCartBundleCell2
	{
		flex-basis: calc(100% - 135px);
	}

	.olCartItemCell1a a
	{
		font-size: 9pt;
	}
}

@media only screen and (max-width: 608px)
{
	#olContent #olContentRight
	{
		margin-left: 10px;
		width: calc(100% - 10px);
	}

	.olCartTopCell3
	{
		padding-right: 0;
	}

	.olCartItemCell1,
	.olCartBundleCell1Inner
	{
		flex-direction: column;
	}

	.olCartItemCell1b,
	.olCartItemCell1c,
	.olCartBundleCell1b
	{
		width: calc(100% - 5px);
		flex-basis: initial;
	}

	.olCartItemCell1b,
	.olCartBundleCell1b
	{
		text-align: center;
	}

	.olCartBundleCell1b
	{
		margin: 10px 0;
	}

	.olCartItemCell1c
	{
		padding-bottom: 5px;
	}

	.olCartItemImageSmall
	{
		border-width: 2px;
	}
}

@media only screen and (max-width: 512px)
{
	.olCartTopCell2,
	.olCartItemCell2,
	{
		flex-basis: 25px;
	}

	.bundle .olCartItemCell2,
	{
		flex-basis: 20px;
	}

	.olCartItemCell1,
	.bundle .olCartBundleCell1
	{
		flex-basis: calc(100% - 129px);
	}
}

@media only screen and (max-width: 416px)
{
	.olCartItemImageSmall
	{
		width: 100%;
	}
}*/

/* END Inhaltsauflistung Warenkorb */

/* ENDE WARENKORB */



/* START Videolinks auf der Startseite */

.videolinks
{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: space-between;
	align-items: stretch;
}

.videolinks a
{
	display: block;
	flex-basis: 24%;
	margin-top: 5px;
	
}

.videolinks a img
{
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 1024px)
{
	.videolinks a
	{
		flex-basis: 32.5%;
	}
}

@media only screen and (max-width: 736px)
{
	.videolinks a
	{
		flex-basis: 49.5%;
	}
}

@media only screen and (max-width: 512px)
{
	.videolinks a
	{
		flex-basis: 100%;
	}
}

/* ENDE Videolinks auf der Startseite */



.fancybox-overlay
{
	background: rgba(0,0,0, 0.85);
}

@media only screen and (max-height: 800px)
{
	.fancybox-opened .fancybox-title
	{
		line-height: 133%;
	}
}

@media only screen and (max-height: 544px)
{
	.fancybox-opened .fancybox-title
	{
		visibility: hidden !important;
		display: none !important;
	}
}

@media (max-width: 640px), (max-height:512px)
{
	.fancybox-overlay-fixed
	{
		overflow: hidden !important;
	}

	.fancybox-wrap
	{
		transform: scale(1.06);
	}

	.fancybox-skin
	{
		padding: 6px !important;
	}

	.fancybox-close
	{
		top: -7px !important;
		right: -4px !important;
	}

	.fancybox-title-inside-wrap
	{
		transform: scale(0.9433) translate(0, -1px);
	}
}


@media (min-width: 801px)
{
	#olHeader
	{
		background-image: none;
	}
}

#olHeader .slides,
#olHeader .slide,
#olHeader .slide img
{
	width: 100%;
	height: 100%;
}

#olHeader .slides
{
	position: relative;
}

#olHeader .slides .slide
{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	opacity: 0;
}

@media (max-width: 800px)
{
	#olHeader .slides
	{
		display: none;
	}
}


/* START Pagination */

.pagination
{
	font-size: 161%; /*121%;*/
	width: calc(100% - 1em);
	margin: 1ex 0 0.5ex 0;
	position: relative;
	text-align: center;
}

.pagination .arrow
{
	font-size: 133%;
}

.pagination .pageXofY
{
	position: absolute;
	top: 0;
	left: 0;
}

.pagination .totalProducts
{
	position: absolute;
	top: 0;
	right: 0;
}

.pagination-control > *
{
	padding-left: 0.5em;
}

.pagination-control > *:first-child
{
	padding-left: 0;
}

.pagination-control .current
{
	color: #f90;
}

@media (max-width: 640px)
{
	.pagination
	{
		font-size: 177%;
	}

	.pagination-control
	{
		width: 100%;
		padding: 2.5ex 0 0;
	}
}

/* ENDE Pagination */

#olContentRight .ratio16-9
{
	width: 100%;
	display: block;
}

#olContentRight .ratio16-9 span
{
	padding: 56.25% 0 0 0;
	display: block;
	position: relative;
}

#olContentRight .ratio16-9 span iframe
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/* Scroll-Up-Button */

#scroll-to-top
{
	position: fixed;
	display: flex;
	justify-content: center;
	bottom: 0;
	width: 100vw;
	height: 28pt;
	font-size: 13pt;
	z-index: 101;
}

#scroll-to-top div
{
	position: relative;
	bottom: 0;
	background-color: white;
	color: black;
	opacity: 0.7;
	border-radius: 30px 30px 0 0;
	padding: 0.8ex 1.5em 0;
	cursor: pointer;
	transition: bottom 0.5s;
	z-index: 102;
}

#scroll-to-top.hidden div
{
	bottom: -40px;
}

#scroll-to-top div span
{
	display: inline-block;
	transform: rotate(270deg);
	margin-right: 0.4em;
}

#scroll-to-top div:hover
{
	opacity: 0.9;
}

@media (max-width: 640px)
{
	#scroll-to-top
	{
		justify-content: flex-end;
	}

	#scroll-to-top div
	{
		margin-right: 1.5em;
	}
}


/* Umgestaltung Header-Bereich */

@media only screen and (max-width: 640px)
{
	#olHeader
	{
		background-image: url("/media/static/background.webp");
		background-size: 320%;
		background-position: top center;
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		height: calc(16.75vw + 64px);
		z-index: 100;
	}

	#olHeaderWrapper
	{
		background-image: url('/media/static/trans_layer.png');
		background-repeat: repeat-y;
	}

	#olHeaderInner
	{
		display: block;
		position: relative;
		width: calc(100% - 48px);
		height: 16.5vw;
		margin: 0;
		padding: 16px 24px 8px;
		background-image: url("/media/static/logo_mobil.jpg");
		background-position: center 16px;
		background-size: calc(100% - 48px) auto;
		background-repeat: no-repeat;
	}

	body.landing #olHeader .shoplink
	{
		display: block;
		right: 24px;
		bottom: 4px;
	}

	#olMenuButton
	{
		top: 20px;
		left: 28px;
	}

	#olTopSearch
	{
		display: block;
		width: calc(100% - 48px);
		margin: 0 24px 6px;
		height: 34px;
		position: relative;
	}

	#top_search
	{
		width: 100%;
		height: 100%;
	}

	#top_search #search
	{
		width: calc(100% - 37px);
		padding: 0.5ex 0 0.5ex 32px;
		font-size: 13pt;
		border-radius: 5px;
		background-image: url("/media/static/search.gif");
		background-color: white;
		background-repeat: no-repeat;
		background-position: 0 4px;
		z-index: 0;
	}

	#top_search #cancel
	{
		width: 24px;
		height: 24px;
		position: absolute;
		top: 6px;
		right: 8px;
		z-index: 1;
		background-image: url("/media/static/cancel.gif");
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 0 0;
		cursor: pointer;
	}

	#olContent
	{
		margin-top: 25.5vw;
	}

	div.order-comments {
		float:none;
		margin-left:5%;
		width:90%;
	}

	div.order-comments textarea {
		width: 100%;
	}
}

@media only screen and (max-width: 480px)
{
	#olHeader
	{
		height: calc(16.75vw + 68px);
	}

	body.landing #olHeader .shoplink
	{
		display: none;
	}

	#olMenuButton
	{
		display: none;
	}

	#olMenuButton2
	{
		display: block;
		position: absolute;
		left: 15px;
		top: inherit;
		bottom: 8px;
	}

	#olTopSearch
	{
		width: calc(100% - 108px);
		margin: 0 12px;
		position: absolute;
		right: 8px;
	}

	#olHeaderInner
	{
		background-image: url("/media/static/logo.png");
	}
}

@media only screen and (max-width: 402px)
{
	#olNaviContainer img {
		height: 45px;
	}

	#olCartLink, #olCartLink > img {
		width: 45px;
	}
}