/*Overrides mobile css*/
body {
	background: #000;
}
body #special_content,
body .ui-content .ui-listview-inset {
	margin-bottom: 50px;
}
/*.start .ui-content,
.detail .ui-content{
	padding: 0em !important;
}*/
/*Overrides Ende*/
body *{
	/*-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;

	-o-user-select: none;
	user-select: none;*/
}
/*Startseite*/
#mainmenu_smf{
	display:block;
	margin:0;
	padding:0;
}
.mainmenu_item{
	width:50%;
	line-height:130px;
	text-align:center;
	display:inline-block;
	float:left;
	/*background:url(../img/schiefer.jpg) center no-repeat;
	background-size:cover;*/
}
.mainmenu_item a{
	height:130px;
}
#mainmenu_item_01{
	background:url(../img/kategorie_01.jpg) no-repeat bottom right #006DA5;
	background-size:cover;
}
#mainmenu_item_02{
	background:url(../img/kategorie_02.jpg) no-repeat bottom right #920F15;
	background-size:cover;
}
#mainmenu_item_03{
	background:url(../img/kategorie_03.jpg) no-repeat bottom right #415B2C;
	background-size:cover;
}
#mainmenu_item_04{
	background:url(../img/kategorie_04.jpg) no-repeat bottom right #81A311;
	background-size:cover;
}
#mainmenu_item_05{
	background:url(../img/kategorie_05.jpg) no-repeat bottom right #A58E6E;
	background-size:cover;
}
#mainmenu_item_06{
	background:url(../img/kategorie_06.jpg) no-repeat bottom right #EB6607;
	background-size:cover;
}
#mainmenu_item_07{
	background:url(../img/kategorie_07.jpg) no-repeat bottom right #E2001A;
	background-size:cover;
}
#mainmenu_item_08{
	background:url(../img/kategorie_08.jpg) no-repeat bottom right #70706E;
	background-size:cover;
}
.mainmenu_item a{
	text-shadow:none;
	color:#ffffff !important;
	font-size:1.2em;
	text-decoration:none;
	display:block;
}

/*Kategorieseite*/
#popupmenu{
	position:absolute;
	top:0px;
	left:5px;
}
#backbutton{
	position:absolute;
	top:0px;
	right:5px;
}

.ui-content .ui-listview-inset,
.ui-panel-inner > .ui-listview-inset{
	margin:0;
	border-radius:0;
}

/*Detailseite*/
h1.topic_title,
.ui-content h1{
	display:block;
	color:#ffffff;
	background:#e2001a;
	padding:0.25em 1em !important;
	margin:-5px 0 0;
	font-size:1.5em !important;
	text-transform:uppercase;
	text-shadow:none !important;
	font-weight:normal;
}
h1.topic_title .videolength{
	color:#000;
	padding:0em;
	font-size:0.5em;
	text-transform:none;
	display:block;
	font-weight:bold;
}
h1.kat_h1,
p.kat_p{
	text-shadow:none !important;
}
h1,
h2,
h3,
p,
li,
a{
	text-shadow:none !important;
}
h3.ui-collapsible-heading.ui-collapsible-heading-collapsed a{
	color: #ffffff !important;
	background-color: #333 !important;
	/*z-index: 100 !important;*/
}
h3.ui-collapsible-heading.ui-collapsible-heading-collapsed a:hover{
	background-color: #e2001a !important;
	/*z-index: 100 !important;*/
}
.ui-btn-icon-notext:after, .ui-btn-icon-left:after, .ui-btn-icon-right:after {
	/*z-index: 100 !important;*/
}
.ui-page-theme-b .ui-btn {
}
.red{
	background:#e2001a !important;
	text-shadow:none !important;
}
video{
	width:100%;
	/*max-width:768px;*/
	height:auto;
	margin:0 auto;
	padding:0;
}
.videocontainer{
	width:100%;
	height:auto;
	display:block;/*
	position:relative;*/
}
.videocontainercontent{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:block;
}
.videocontainercontent img,
.videocontainercontent video{
	width:100%;
	height:auto;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	position:fixed;
}
.videocontainer,
.videocontainer iframe{
	width:100%;
	height: auto;
	aspect-ratio:  16 / 9;
	display:block;	
	z-index:50;
	
}
.videocontainer .platzhalter{
	/*PLatzhalter img um Größe des Containers zu bewahren*/
	width:100%;
	height:auto;
	display:block;
	position:relative;
}
.videocontainer div.nowifi{
	width:80%;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:10%;
	position:absolute;
	top:15%;
	left:0;
	text-align:center;
	z-index:500;
}
video{
	/* Erst nach starten einblenden*/
	display:none;
}
.site_navigation{
	display:table;
	width:100%;
}
.site_navigation button{
	display:table-cell;
	width:50%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:none !important;
	border:none !important;
	
}
.site_navigation button.ui-btn-icon-left{
	text-align:left;	
}
.site_navigation button.ui-btn-icon-right{
	text-align:right;	
}

.site_navigation button.ui-btn-icon-left a, 
.site_navigation button.ui-btn-icon-right a {
	color: #ffffff !important;
	/*z-index: 100 !important;*/
}

.site_navigation button a{
	color:#ffffff !important;
	text-decoration:none;
	font-weight:normal;
}


p.detail{
	padding:1em;
	background:#fafafa !important;
	color:#666666 !important;
	margin-top:0;
	text-shadow:none;
}

.content_img img{
	width:100%;
	height:auto;
	margin-bottom:-5px;
}
/*.ui-content h1{
	margin:0;
	padding:0.5em;
	background:#e2001a;
	font-size:1.3em;	
	width:100%;
}*/
.ui-collapsible{
	border-radius:0 !important;
}
/*Artikelnavigation*/
.site_navigation{
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:table;
}

.site_navigation button{
	width:50%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:table-cell;
	float:left;
}


/*Messerempfehlung*/
h2.recommended_knives{
	padding:0.5em 1em 0.5em 1em;
	text-transform:uppercase;
	color:#ffffff;
	font-size:0.9em;
	background:#e2001a;
	margin:0 0 0 0;
	text-shadow:none;
	font-weight:normal;
}
ul.knives{
	margin:0;
	padding:0 0 1em 0;
	display:block;
	list-style:none inside;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:0 !important;
}
ul.knives li{
	padding:0.25em;
	margin:0;
	display:block;
	color:#000;
	text-shadow:none;
	background:#ffffff !important;
	border-radius:0 !important;
	border:none !important;
	border-bottom:1px solid #ccc !important;
	/*z-index: 100 !important;*/
}
ul.knives li a{
	background:transparent !important;
	margin:0;
	padding:0;
	border:none !important;
}
.knife_wrap{
	display:block;
	width:100%;
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.knife_inner{
	display:inline-block;
	vertical-align:top;
	width:50%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.knife_name{
	color:#000000;
	padding:0.5em 0.5em 0.5em 1em;
	text-shadow:none;
}
.knife_img{
	background:no-repeat center;
	background-size:contain;
	height:80px;
}
.ui-listview > li p.knife_family {
	font-size: 1rem;
	font-weight: 700;
}
/*Tabs*/
/*#tabs ol li,*/
.multiline li{
	white-space:normal !important;
}
.ui-collapsible-content{
	padding:0 !important;
	/*z-index: 100 !important;*/
}
body .ui-collapsible-content ol{
	margin-top:0 !important;
	/*z-index: 100 !important;*/
}
.ui-collapsible-content ol li{
	padding:0.5em 1.8em !important;
	background:#fafafa !important;
	color:#666666 !important;
	text-shadow:none !important;
	font-weight:normal;
	/*z-index: 100 !important;*/
}
.ui-collapsible-heading,
.ui-collapsible-heading a{
	box-shadow:none !important;
	font-weight:normal;
}
/*#tabs h3.intab{
	padding:0em 1em !important;
}
#tabs ol{
	list-style:inside !important;
	margin:0;	
}
#tabs ol li{
	background:#ffffff;
	color:#000000 !important;
	text-shadow:none;
	padding:0.5em 0.5em 0.5em 1em;
}*/

/*footet*/
body .footer{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:50px !important;
	/*/*z-index: 100 !important;*/*/
}
.footer_logo{
	margin:10px 0;
	height:30px;
	background:url(../img/dick_logo_400.png) no-repeat center transparent;
	background-size:contain;
}
.step-by-step-title {
	margin-left: 15px;
}
.step-by-step-img {
	display: block;
    margin: 22px auto 0;
}
body ol.ui-listview li{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.ui-page-theme-b .site_navigation .ui-btn:focus {
	/*box-shadow: 0px !important;*/
	background: #E2001A !important;
}
.beschr_subtitle {
	background: #FAFAFA;
	margin: 0px;
	color: #333;
	padding-left: 15px;
}
h2.beschr_subtitle {
	padding: 10px;
}
.detail {
	margin: 0px;
}
.extra-detail {
	padding: 10px;
}
ol.ui-listview > li:before {
	background: none repeat scroll 0 0 #e2001a !important;
    color: #fff !important;
    margin-right: 5px;
    margin-top: -5px;
    text-align: right;
    vertical-align: top;
}

h3.rezept_header {
	margin-left: 20px;
}
.break-it {
  overflow: visible !important;
  white-space: pre-wrap !important;	
}
.h3-force-display, .p-force-display {
	display: block !important;
}
.ui-popup.ui-body-b.ui-overlay-shadow.ui-corner-all .ui-listview.ui-listview-inset.ui-corner-all.ui-shadow li .ui-btn-icon-right:after {
	background: none;
	width: 0px;
	height: 0px;
}
form.ui-filterable {
	display: none;
}
.popupMenuSmf{
	left:10px !important;
	bottom:30px !important;
	top:auto !important;
	position:fixed !important;
	background:#373737;
	width:210px;
	height:auto;
	display:none;
	border-radius: 5px;
	border: 1px solid #000 !important;
	border-bottom: 0px !important;
	/*z-index: 200 !important;*/
}
body .popupMenuSmf a{
	background:#333;
	line-height:2em;
	border: 0px !important;
}
.popupMenuSmf ul li {
	border-bottom: 1px solid #000 !important;
}
.list-divider {
	margin-top: -1px;
}
.ui-page-theme-b button.ui-btn.ui-btn-icon-right,
.ui-page-theme-b button.ui-btn.ui-btn-icon-left {
	padding: 0px;
	/*z-index: 100 !important;*/
}
.ui-page-theme-b button.ui-btn.ui-btn-icon-right a,
.ui-page-theme-b button.ui-btn.ui-btn-icon-left a {
	display: block;
	width: 100%;
	padding: 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	/*z-index: 100 !important;*/
}
.ui-page-theme-b button.ui-btn.ui-btn-icon-right a {
	padding-right: 40px;
}
.ui-page-theme-b button.ui-btn.ui-btn-icon-left a {
	padding-left: 40px;
}
.ui-page-theme-b button.ui-btn.ui-btn-icon-right a:hover,
.ui-page-theme-b button.ui-btn.ui-btn-icon-left a:hover{
	background: #E2001A !important;
	/*z-index: 100 !important;*/
}
.ui-header .ui-title {
	margin: 0 15px;
}
.dick-hyperlink {
	height: 30px;
	width: 100px;
	margin: 0px auto;
}
body > div > .ui-content, body > div > .ui-content *, body  > div > #special_content, body > div > #special_content *{
	/*z-index: 100 !important;*/
}