/* Start - General Text elements */
	td, p, div, span, ol, ul, input, textarea, select {
		font-size: 12px;
	}
	
	h1, #articledetail h1 {
		margin-bottom: 8px;
		font-size: 25px;
		line-height: 30px;
	}

	h2 {
		font-size: 20px;
		line-height: 25px;
	}
/* End - General Text elements */

/* Start - Layout elements */
	div#wrapper {
		width: 100%;
		padding-bottom: 10%;
	}
	
	h1, 
	#articledetail .right,
	header .right, 
	#contactform, 
	.contentbox, 
	#registerform, 
	div#wrapper > div#content > article div.items {
		padding-left: 10%;
		padding-right: 10%;
		box-sizing: border-box;
	}
	
	div#wrapper > div#content > article > div.total, 
	div#wrapper > div#content > article > div.errorbox, 
	.close {
		margin: 0px 10% 0px 10%;
	}
	
	.horizontal_line .line {
		width: 47.5%;
		margin: 0px;
		border-bottom: 1px solid #bdbec1;
	}
	
	.horizontal_line .line:first-child {
		margin-right: 0px;
	}
	
	.horizontal_line .line:last-child {
		margin-left: 5%;
	}
	
	a.close {
		float: none;
		display: block;
		text-align: right;
		font-size: 16px;
	}
/* End - Layout elements */

/* Start - Header */
.hamburger {
	background-color: #00519E;
	padding: 11px 18px 12px 5px;
	text-align: right;
}

.hamburger > * {
	display: inline-block !important;
	vertical-align: middle;


	float: none;

	margin-left: 15px;
}

.hamburger > img {
	width: 12%;
	cursor: pointer;
}

.hamburger .search {
	position: relative;
	height: 1.5em;
	z-index: 100;
}

.hamburger .search input {
	position: absolute;
	opacity: 0;

	width: 0;

	right: 100%;
	margin-right: 5px;
	top: -3px;

	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.hamburger .search input.show {
	width: 200px;
	opacity: 1;
}

.hamburger .search a {
	display: inline-block;

	height: 2em;
}

.hamburger .search a svg {
	width: 2em;
	height: 2em;
}

footer > div {
	float: none !important;
	border: none !important;

	background-color: transparent !important;
}

footer nav {
	text-align: justify;
}

footer nav:after {
	display: inline-block;
	content: '';
	width: 100%;
}

footer nav a {

}

footer .box {
	display: inline-block;

	float: none !important;

	border: none !important;
}

footer {
	position: relative;
	margin-top: 20px;

	padding: 10px 30px;

	background-color: #ddf1fb;
}

	#icon_facebook, #icon_twitter {
		position: relative;		
		margin: 0px;
		margin-top: -16px;
		float: right;
	}

	.language {
		right: 10%;
		top: 7px;
		margin-right: 0px;
	}

	.language a {
		color: #ffffff;
		font-size: 16px;
		text-transform: uppercase;
	}

	.language a:first-child {
		border-right: 1px solid #ffffff;
		margin-right: 9px;
		padding-right: 10px;
	}

	header .right {
		margin: 0 auto;
		text-align: center;
	}

	header .right .box {
		display: inline-block;
	}

	#infonav {
		display: inline-block;
		float: none;
		margin-left: 0px;
	}

#infonav a {
	margin-left: 5px !important;
	float: none !important;
	display: inline-block !important;
}

iframe[name="google_conversion_frame"] {
	display: none;
}

	header a {
		font-size: 10px;
	}
	
	body.fr header #infonav a {
		font-size: 8px;
	}

	/*div#wrapper > header > div#logobox {
		width: 78%;
		float: none;
		margin: 20px auto 10px auto;
	}*/
	div#wrapper > header > div#logobox {
		position: absolute;
		top: 0;
		left: 14px;
		width: 115px;
		height: 44px;
		margin: 0;
	}

	div#wrapper > header > div#logobox #miralogo {
		width: auto;
		height: 44px;
	}
	div#wrapper > header > div#logobox #sehenundstaunen {
		width: 115px;
		position: absolute;
		left: 0px;
		top: calc(100% + 5px);
	}
/* End - Header */

/* Start - Navigation */
	#leftColumn {
		display: none;
	}
	
	#leftColumn.opened {
		display: block;
	}
	
	div#wrapper > div#content > aside#leftColumn {
		margin: 0px;
	}

	div#wrapper > div#content > aside#leftColumn {
		width: 100%;
		float: none;
		z-index: 100;
		margin-top: 2px;
	}
	div#content {
		z-index: 100;
	}

	#articlenav, aside#leftColumn .box {
		margin-bottom: 0px;
	}

	aside#leftColumn .box.newsletter,
	aside#leftColumn .box.search, 
	.certified-by, 
	.payment-options {
		padding: 0px 10% 0px 10%;
	}
	
	.box.newsletter .small {
		clear: both;
		color: #000000;
	}

	aside#leftColumn .box.search {
		margin-bottom: 30px;
	}

	aside #newsletteremail, aside #search {
		margin-bottom: 3px;
	}

	#newsletterbutton, #searchbutton, #vouchersubmit {
		margin-bottom: 3px;
	}

	#articlenav > a, #usernav a, .boxtitle, #articlenav_link_parent, ul#customernavigation a, body.mobile #basketprogressbar a {
		background-color: #b4e2fc;
	}

	#articlenav > a, #usernav > a, .boxtitle, ul#customernavigation a, body.mobile #basketprogressbar a {
		border-top: 0px;
	}

	#articlenav > a:hover, #articlenav > a.active,
	#usernav > a:hover, #usernav > a.active, 
	ul#customernavigation a:hover, ul#customernavigation a.active,
	body.mobile #basketprogressbar li.active a {
		border-top: 0px;
	}

	#articlenav a, #usernav a, .boxtitle, #articlenav_link_parent, #articlenav_link, ul#customernavigation a, body.mobile #basketprogressbar a {
		padding: 6px 10% 6px 10%;
		border-bottom: 2px solid #ffffff;
		font-size: 12px;
	}

	#articlenav nav a, #usernav nav a, #articlenav_link {
		background-color: #e3f4fd;
		padding-left: 14%;
	}

	#articlenav nav {
		display: none;
	}
	
	#articlenav nav.opened {
		display: block;
	}
	
	div#wrapper > div#content > article > ul#customernavigation > li, #basketprogressbar li {
		float: none;
		margin-right: 0px;
	}
/* End - Navigation */

/* Start - Content */
	div#wrapper > div#content > article {
		width: 100%;
		float: none;
		margin-top: 10px; /*40px*/
		box-sizing: border-box;
	}
	
	div#wrapper > div#content > article {
		
	}
	
	body.home div#wrapper > div#content > article {
		padding: 0px;
	}
	
	div#wrapper > div#content > article > div.contentbox {
		width: 100%;
	}

	.col1of2, .col2of2 {
		width: 100%;
		float: none;
		margin-right: 0px;
	}
	
	article .fpmain, article .fpmain2 {
		width: 100% !important;
		box-sizing: border-box;
	}
	
	.tbltype-Responsive { 
		width: auto !important;
	}
/* End - Content */

/* Start - Category Overview */
	div#wrapper > div#content > article > div.articlerow > div.article, 
	div#wrapper > div#content > article > div.categoryrow > div.category, 
	div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer {
		width: 50%;
	}
	
	div#wrapper > div#content > article > div.articlerow > div.article > div, 
	div#wrapper > div#content > article > div.categoryrow > div.article > div, 
	div#wrapper > div#content > article > div.manufacturerrow > div.article > div {
		min-height: 148px;
	}
	
	div#wrapper > div#content > article > div.articlerow > div.article:first-child > div, 
	div#wrapper > div#content > article > div.categoryrow > div.category:first-child > div, 
	div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer:first-child > div {
		margin-right: 5%;
	}
	
	div#wrapper > div#content > article > div.articlerow > div.article:last-child > div, 
	div#wrapper > div#content > article > div.categoryrow > div.category:last-child > div, 
	div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer:last-child > div {
		margin-left: 5%;
	}
	
	.pagenav, 
	.articlerow .article div a, 
	.categoryrow .category div a, 
	.manufacturerrow .manufacturer div a {
		padding: 0px 10px 0px 10px;
	}
	
	.articlerow .article div a.articleimage, 
	.categoryrow .category div a.articleimage, 
	.manufacturerrow .manufacturer div a.articleimage {
		padding: 0px;
	}
	
	.articlerow  .articleimage img {
		width: 100%;
	}
	
	.pagenav a {
		margin-left: 10px;
		font-size: 16px;
	}
	
	.pagenav a.active {
		font-family: 'Roboto';
		font-weight: 700;
		color: #00519E;
	}
/* End - Category Overview */

/* Start - Article Detailsansicht */
	body.mobile div#wrapper > div#content > article > div.articlenav {
		margin-top: 0px;
		text-align: left;
	}
	
	div#articledetail .left {
		width: auto;
	}
	
	div#articledetail > .left, 
	div#articledetail > .center, 
	div#articledetail > .right {
		float: none;
	}
	
	#mainlink, #mainlink img {
		width: 100%;
	}
	
	#main {
		margin-bottom: 0px;
		border: 0px;
	}
	
	div#articledetail .left .price {
		width: 67px;
		height: 62px;
		top: auto;
		right: 20px;
		bottom: -20px;
		left: auto;
		padding-top: 5px;
		font-size: 16px;
		line-height: 16px;
	}
	
	div#articledetail .left .price.ohnelink, 
	div#articledetail .left .price.aktion.ohnelink {
		height: 52px;
		padding-top: 15px;
	}
	
	div#articledetail .left .price a, div#articledetail .left .blockprices a {
		font-size: 9px; 
		line-height: 11px; 
	}			
	
	div#articledetail .left .price.aktion {
		height: 60px;
		padding-top: 7px;
		font-size: 10px;
		line-height: 10px;
	}
	
	div#articledetail .left .price.aktion.ohnelink {
		font-size: 11px;
	}
	
	div#wrapper > div#content > article > div#articledetail div.images .three60-view {
		width: 60px;
		height: 50px;
		margin-top: 20px;
		padding-top: 10px;
		font-size: 11px;
		line-height: 15px;
	}
	
	div#articledetail .center {
		width: auto;
		margin-top: 35px;
		padding: 15px 0px 0px 0px;
		border-top: 1px solid #bdbec1;
	}
	
	.center .colorbox {
		width: 26.66%;
		display: inline-block;
		padding-right: 10%;
	}
	
	.center .colorbox.last {
		padding-right: 0px;
	}
	
	div#articledetail .center img {
		width: 100%;
		max-width: none;
		margin-bottom: 10px;
	}
	
	div#articledetail > .right {
		width: 100%;
	}
	
	#articledetail label {
		width: auto !important;
		margin-top: 0px;
		padding-left: 15px /*35px*/;
	}
	
	#articledetail .checkbox label, 
	label[for=agb] {
		margin-top: -3px;
		margin-bottom: 20px;
		padding-left: 40px;
	}
	
	#articledetail label br {
		display: none;
	}
	
	.col1, .col2 {
		width: 100%;
		margin-right: 0px;
	}
	
	.subtitle {
		margin-top: 18px;
	}
	
	.beschreibung, .beschreibungfr {
		width: 100% !important;
	}
	
	.beschreibung table, .beschreibungfr table {
		width: 100% !important;
	}
/* End - Article Detailsansicht */	

/* Start - Warenkorb */
	body div#wrapper > div#content > article div.items > div.articleimage {
		width: 100%;
		float: none;
	}
	
	.image {
		width: 100%;
	}
	
	.articleimage .image {
		width: 20%;
		float: left;
	}
	
	.items .small, 
	.articletitle {
		display: block;
		padding-left: 25%;
	}
	
	body div#wrapper > div#content > article div.items > div.article {
		width: 100%;
		float: none;
		clear: both;
		padding-top: 10px;
	}
	
	body div#wrapper > div#content > article div.items > div.article > div > form[name=refresh] > input#refreshbutton {
		width: 16px;
		height: 16px;
		padding: 5px;
		border:1px solid #b2b2b2;
	}
	
	div#wrapper > div#content > article div.items {
		border-bottom: 0px;
	}
	
	.items .article {
		padding-bottom: 10px;
		border-bottom: 1px solid #bdbec1;
	}
	
	div#wrapper > div#content > article > div.total {
		padding-left: 0px;
		padding-right: 0px;
		border-bottom: 1px solid #bdbec1;
	}
	
	div#wrapper > div#content > article > div.basketnav > div.continue > a {
		width: 100%;
	}
/* End - Warenkorb */

/* Start - Bestellungsprozess */
	div#wrapper > div#content > article > div.loginbox > div.title {
		width: 100%;
		float: none;
	}
	
	div#wrapper > div#content > article > div.loginbox form {
		width: 100%;
		float: none;
		margin-right: 0px;
		border-right: 0px;
	}
	
	.voucherform .small {
		display:block;
		clear: both;
	}
	
	div#wrapper > div#content > article form#addressform input#passwortwiederholen {
		width: 100%;
	}
	
	label[for=newsletter], label[for=lieferung_abweichend] {
		margin-bottom: 0px;
		padding-top: 5px;
	}
	
	div#wrapper > div#content > article > #paymentmethodform label, 
	div#wrapper > div#content > article > #deliverymethodform label {
		width: 47%;
		box-sizing: border-box;
	}
	
	div#wrapper > div#content > article > #paymentmethodform label.odd, 
	div#wrapper > div#content > article > #deliverymethodform label.odd {
		margin-right: 3%;
	}
	
	div#wrapper > div#content > article > #paymentmethodform label.even, 
	div#wrapper > div#content > article > #deliverymethodform label.even {
		margin-left: 3%;
	}
	
	div#wrapper > div#content > article > #paymentmethodform label, div#wrapper > div#content > article > #deliverymethodform label {
		height: 110px;
		padding-top: 10px;		
	}
	
	div#wrapper > div#content > article > div.errorbox {
		width: auto;
		margin-bottom: 10px;
	}
	
	div#wrapper > div#content > article > div#summary_address {
		border-bottom: 0px;
	}
	
	div#wrapper > div#content > article > div#summary_address > div:last-child {
		padding-bottom: 10px;
		border-bottom: 1px solid #bdbec1;
	}
	
	label[for=agb] {
		height: auto;
	}
/* End - Bestellungsprozess */

/* Start - Kundenbereich */
	.items .fullwidth .small {
		padding-left: 0px;
	}
	
	div#wrapper > div#content > article > div#summary_address > div.leftCol, 
	div#wrapper > div#content > article > div#summary_address > div.rightCol {
		width: 100%;
	}
/* End - Kundenbereich */

/* Start - Forms */
	label {
		width: 100%;
		display: block;
		float: none;
		margin-bottom: 5px;
	}
	
	input[type=text], 
	input[type=password], 
	input[type=button],
	input[type=submit],
	textarea,
	.si-select,
	article a.button,
	.fake_input {
		width: 100%;
		height: 28px;
		box-sizing: border-box;
	}
	
	textarea {
		height: 100px;
	}

	div#wrapper > div#content > article form input#plz, 
	div#wrapper > div#content > article form input#lieferungplz {
		width: 20%;
		margin-right: 3%;
	}
	
	div#wrapper > div#content > article form input#ort, 
	div#wrapper > div#content > article form input#lieferungort {
		width: 77%;
	}
	
	.si-select {
		width: 100%;
		background-position: right 0px;
		box-sizing: border-box;
	}
	
	.si-options {
		width: 100%;
		box-sizing: border-box;
	}

	.si-options a {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}
	
	input[type=submit], article a.button {
		width: 100%;
	}
/* End - Forms */

/* Start - Entrytype News */
	body.home h1, .news > * {
		padding: 0px 10% 0px 10%;
	}
	
	.news > a {
		padding-left: 0px;
	}
	
	.news img {
		padding: 0px;
	}

	.news__youtubevid {
		padding: 0;
	}

	.news p {
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 20px;
	}
/* End - Entrytype News */