@charset "utf-8";

	@font-face {
		font-family: 'yantramanav';
		src: local('yantramanav'),
			 url('../fonts/yantramanav-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/yantramanav-regular-webfont.woff2') format('woff2'),
			 url('../fonts/yantramanav-regular-webfont.woff') format('woff'),
			 url('../fonts/yantramanav-regular-webfont.ttf') format('truetype'),
			 url('../fonts/yantramanav-regular-webfont.eot');
		font-weight: normal;
		font-style: normal;	 
	}
	
	body {
		padding-top: 150px;
		padding-bottom:60px;
		font-family: yantramanav, sans-serif;
	}
	@media (min-width: 992px) {
		body {
			padding-top: 140px;
			padding-bottom: 60px;
		}
	}
/* SHOP-BUTTON */
	.shop_button button {
		border:1px solid black;
		background-color:#EA7503;
		border-radius:5px;
		cursor:pointer;
		font-size:14px;
	}
	.shop_button button:hover, shop_button button:focus {
		border:1px solid #0F4B89;
	}	
/* BOX AUSWAHL-LISTE SUCHE/ARTIKEL */		
	#oneborder {
		border:1px solid #EA7503;
		border-radius:5px;
		padding:3px;
		color:black;
		text-decoration:none;
		box-shadow: 0 1px 3px white inset;
		background-color:#FFFFCC;
		text-align:center;
		display:block;
		font-size:13px;
		margin:3px;
	}			
	#oemlist {
		border:1px solid #EA7503;
		border-radius:5px;
		padding:1px;
		color:black;
		text-decoration:none;
		cursor:pointer;
		box-shadow: 0 1px 3px white inset;
		background-color:#FFFFCC;
		text-align:center;
		display:block;
		font-size:13px;
		margin-top:3px;
		margin-bottom:3px;
	}
	#oemlist:focus, #oemlist:hover { 
		border:1px solid #0F4B89;
		border-radius:5px;
		background-color:#EA7503;
	}
	#border {
		border:1px solid #EA7503;
		border-radius:5px;
		padding:1px;
		color:black;
		text-decoration:none;
		cursor:pointer;
		box-shadow: 0 1px 3px white inset;
		background-color:#FFFFCC;
		text-align:center;
		display:block;
		font-size:13px;
		margin-top:3px;
		margin-bottom:3px;
	}
	#border:focus, #oemlist:hover { 
		border:1px solid #0F4B89;
		border-radius:5px;
		background-color:#EA7503;
	}
/* BORDER */
	.border_all {
		border:2px solid #0F4B89;
		border-radius:10px;
		background-color:#FFFFCC;
		width:95%;
	}
	.back_title {
		background-color:#CCC;
		border-radius:4px;
	}
	.border_all_shop {
		border:2px solid #0F4B89;
		border-radius:10px;
		background-color:#FFFFCC;
	}
/* SOCIAL BUTTON */
	.social-btn{ 
		/* bottom: 30px; */
		width: 100%; 
		left: 50%;
		padding-left:0;
	}
	.social-btn li { 
		display:inline-block;
	}
	.social-btn ul { 
		list-style:none;
		margin-left:0px;
	}
	.social-btn .list-heading { 
		display: block; 
		margin-bottom: 15px;
	}
	.social-btn > li > a > i{ 
		display: inline-block;
		height: 35px; 
		width: 35px; 
		line-height: 35px;
		border-radius: 10px;
		font-size: 18px; 
		margin: 0 5px;
		color:#fff;
	}
	.social-btn > li > a > i:hover { 
		background: #0F4B89!important; 
	}		
	.social-btn > li > a > i[class*="facebook"] { 
		background: #EA7503; 		
	}
	.social-btn > li > a > i[class*="twitter"] { 
		background: #EA7503;
	}
	.social-btn > li > a > i[class*="google"] {
		background: #EA7503;
	}
/* NAVBAR-DESIGN */
	.nav_style {
		width:125px;
	}
	.nav_button {
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		padding-left: 0.4em;
		padding-right: 0.4em;
		border:1px solid black;
		background-color:#FFFFFF;
		margin-top:5px;
		margin-right:5px;
		margin-bottom:5px;
		box-shadow: 0 1px 3px gray inset;
		border-radius:5px;
	}
	.nav_button:hover {
		background-color:#0F4B89;
		box-shadow: 0 1px 3px white inset;
	}
	.nav_button_drop {
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		padding-left: 0.4em;
		padding-right: 0.4em;
		border:1px solid black;
		background-color:#FFFFFF;
		margin-top:5px;
		margin-right:5px;
		margin-bottom:5px;
		box-shadow: 0 1px 3px gray inset;
		border-radius:3px;
	}
	.nav_button_drop:hover {
		background-color:#0F4B89;
		box-shadow: 0 1px 3px white inset;
	}
	.nav_back {
		background-color:transparent;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:2px;
		padding-right:2px;
		border:none;
	}
	.nav_style_bottom {
		width:105px;
	}
	.nav_button_bottom {
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		padding-left: 0.4em;
		padding-right: 0.4em;
		border:1px solid black;
		background-color:#FFFFFF;
		margin-right:5px;
		box-shadow: 0 1px 3px gray inset;
		border-radius:5px;
	}
	.nav_button_bottom:hover {
		background-color:#0F4B89;
		box-shadow: 0 1px 3px white inset;
	}
/* FOOTER ALWAYS BOTTOM */
	html {
	  position: relative;
	  min-height: 100%;
	}
	body {
	  margin-bottom: 60px;
	}
	.footer {
	  position: absolute;
	  bottom: 0;
	  width: 100%;
	}	
	.anker {
		position:absolute;
		top:135px;
	}
	.anker_artikel {
		position:relative;
		top:-115px;
	}
/* SONSTIGES */	
	.a_dif {
		margin-bottom:15px;
	}
	.zeiten {
		background-color:#EA7503;
		padding-left:5px;
		padding-right:5px;
		border:1px solid #0F4B89;
		border-radius:3px;
	}
/* TESTBEREICH */
	.wdh {
		display:none;
	}
	.card img {
		height:100%;
	}
	.ownJumbo {
		border-radius:5px; 
		background-color:#e9ecef;
		padding-top:10px;
		padding-bottom:10px;
		margin-top:15px;
	}
	.captcha {
		position: relative;
	}
	.captcha-fake-field {
		background: transparent;
		bottom: 0;
		border: none;
		display: block;
		height: 1px;
		left: 12px;
		width: 1px;
		position: absolute;
		z-index: -1;
		visibility:hidden;
	}
	.drop_search {
		background-color:#f7f7f7;
		color:black;
		border:2px solid #dfdfdf;
		font-size:16px;
	}
	.drop_search:hover, .drop_search:visited {
		background-color:#f7f7f7;
		color:black;
		border:2px solid #dfdfdf;	
	}
	.dropdown_search {
		width:95%;
		padding-left:10px;
		border:2px solid #dfdfdf;
	}
	.btn:focus, .btn:active {
		outline:none !important;
		box-shadow:none;
	}
	span.pflichtfeld {
		font-size: 12px;
		color: Red;
	}
	span.hilfetext {
		font-size: 10px;
		font-style: Oblique;
	}
	.vermerk {
		border:none;
		outline:none;
		background:none;
		cursor:pointer;
		padding:0;
		font-family:inherit;
		font-size:inherit;
		color: #007BFF;
	}
	.vermerk:hover, .vermerk:focus {
		text-decoration: underline;
	}