@import url(column.css);

@-ms-viewport {
	width: auto
}

body {
	margin: 0;
	padding: 0;
	color: #999;
	font: normal 0.9em/1.2em Arial,Helvetica,Verdana,sans-serif;
	/* background: url(../../public/images/back_start.jpg) no-repeat; */
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	}

body > div {
	min-width: 950px;
}


.onlyprint {
	display: none;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.touch {
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none !important;
}

.touch > * {
    -webkit-transform: translateZ(0px);
}

h1 {
	color: #d13239;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	font-size: 1.7em;
	}
h2 {
	color: #d13239;
	margin: 0;
	margin-top: 0.5em;
	margin-bottom: 0.8em;
	padding: 0;
	font-size: 1.3em;
	}

.nospace {
	margin-top: 0;
	margin-bottom: 0;
}

.space {
	margin: 0 !important;
	padding: 9px initial;
}


p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	}
	p:last-child {
		margin-bottom: 0;
	}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

a, a:link {
	color: #666;
	text-decoration: none;
	}
a:visited, a:hover, a:active {
	color: #999;
	text-decoration: underline;
	}

a.force {
	color: #666;
}

a.special {
	color: #303C42;
	text-decoration: underline;
}
	a.special:hover {
		text-decoration: none;
	}
.wrapper {
	position: relative;
	width: 950px;
	margin: auto;
	}

.hidden {
	display: none;
}

.center {
	text-align: center;
}

/*
** Buttons
*/

.btn {
	display: inline-block;
	/*width: 180px;*/
	text-align: center;
	padding: 5px;
	border: 1px #999999 solid;
	-webkit-appearance: none;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #EEEEEE;
	cursor: pointer;
	margin-top: 10px;
	color: #303C42;
}
	.btn.disabled, .btn:disabled {
		color:#a8a8a8;
		border: 1px #a8a8a8 solid;
		cursor: default;
		text-decoration: none;
		outline: none;
	}
	.btn:not(.disabled):not(:disabled):hover {
		background-color: initial;
	}

	.btn.btn-block{
		display:block;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 5px;
	}

	.btn.btn-sm {
		width: 120px;
	}
	.btn.btn-lg {
		width: 200px;
		font-size: 1.5em;
	}
		.btn.btn-block.btn-lg {
			width: 100%;
		}

	.btn.btn-asept {
		background-color: #98dcd5;
		color: #666;
	}
		.btn.btn-asept:hover {
			background-color: #20c6ae !important;
		}
	.btn.btn-error {
		background-color: #FFDDDD
	}
		.btn.btn-error:hover {
			background-color: #FFAAAA !important;
		}

a.btn{
	color: #303C42;
}

/*
** Form Inputs
*/
input.input {
	font: normal 0.9em Arial,Helvetica,Verdana,sans-serif;
}
	input.input-fine {
		padding: 5px;
		text-align: right;
		border: 1px #EEEEEE solid;
		color: #303C42;
		font-size: 1em;
		padding-right: 5px;
	}
		.input.input-xs {
			width: 40px;
			height: 20px;
		}
input:not([type=submit]):focus,textarea:focus {
	outline: none;
	border: 1px #00a58d solid !important;
}

/*
** Helpers
*/
.pull-right {
	float: right;
}
.pull-left {
	float:left;
}

.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
div.bottom {
	position: absolute;
	bottom: 0;
}
	div.bottom.right {
		right: 0;
	}

.inline {
	display: inline-block;
}

.clearfix {
	clear:both;
	float: none;
	overflow: hidden;
}

.canmiddle {
	text-align:center;
}
	.canmiddle:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

.middle {
    display: inline-block;
    vertical-align: middle;
	}
/*
** Fonts
*/
.fnt {}
	.fnt.fnt-normal {
		font-size: initial;
	}
	.fnt.fnt-lg {
		font-size: 1.2em;
	}
	.fnt.fnt-md {
		font-size: 1.1em;
	}
	.fnt.fnt-sm {
		font-size: 0.9em;
	}
	.fnt.fnt-xs {
		font-size: 0.85em;
	}
	.fnt.error {
		color: #d13239;
	}
	.fnt-upper{
		text-transform: uppercase;
	}
	.fnt.fnt-inital {
		text-align: initial;
		text-transform: initial;
	}
	.fnt.fnt-right{
		text-align: right;
	}

.darker {
	color: #666666;
}
	.dark {
		color: #777;
	}

.strong {
	font-weight: bold;
}


/*
** Content Rwws
*/

.content.row {
	padding: 12px 5px;
}
.line {
		border-bottom: 1px #EEEEEE solid;
	}
	.line:last-child {
		border-bottom: 0;
	}

.well {
	border: 1px solid #EEE;
	background: #fafafa;
	padding: 15px;
	margin-bottom: 15px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	.well:last-child {
		margin-bottom: 0;
	}


/*
* Header
* ---------------------- */

#header {
	height: 179px;
	border-bottom: 1px solid #999;
	text-align: center;
	background: #fff;
	z-index: 100;
	width: 100%;
	top: 0;
	position: absolute;
	}
#header + a {
	color: #999;
	}
#sprachwahl {
	position: absolute;
	right: 0;
	margin-top: 5px;
	}
#sprachwahl ul {
	float: right;
	}
#logo {
	padding-top: 40px;
	}

#navi ul {
	margin-top: 25px;
	}
#navi ul li {
	display: inline-block;
	margin: 0 20px;
	height: 40px;
	}
#navi ul li a {
	text-transform: uppercase;
	height: 35px;
	display: block;
	line-height: 35px;
	}
#navi ul li a:hover {
	color: #d13239;
	text-decoration: none;
	}


#navi > ul li.active {
	background: url(../../public/images/nav_spickel.png) no-repeat;
	background-position: center 32px;
	}
#navi ul li.active a {
	color: #d13239;
	}

#navi a.shopicon {
	background: url(../../public/images/icon_shop.png) no-repeat;
	padding-right: 40px;
	background-position: right -35px;
	}

#sprachwahl ul {
	height: 20px;
	overflow: hidden;
	}
#sprachwahl ul.active {
	height: 40px;
	}
#sprachwahl ul li {
	height: 20px;
	}
#sprachwahl ul li a {
	padding-right: 10px;
	}
#sprachwahl ul li a:hover {
	color: #000;
	}
#sprachwahl ul li a.aktsprache {
	background: url(../../public/images/pfeil_sprachwahl.png) no-repeat right;
	}




/*
 * SHOP
 -------------------- */

 #test{
 	position: fixed;
 	z-index: 99999;
 	top: 0;
 	left: 0;
 	width: 200px;
 	height: 100px;
 	background-color: #000;
 	color:#FFF;
 	display: block;
 	min-width: initial;
 }

 #clearsearch {
 	width: 10px;
 	height: 10px;
 	display: inline-block;
 	margin-left: -40px;
 	background-image: url(../../public/images/cancel_exit_cross_close.png);
 }

#shopbalken {
	position: relative;
	margin: auto;
	left: 0;
	background: #72C7B9;
	height: 45px;
	width: 100%;
	}
#shopbalken .wrapper {
	text-align: left;
	padding-top: 9px;
	}

#suchfeld_form {
	float: left;
	position: relative;
	}
.suchfeld {
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	padding: 5px 30px 5px 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 350px;
	}
	.suchfeld:focus {
		outline: none;
		box-shadow: 0 0 20px #00a58d;
		border: 1px #00a58d solid;
	}
#suchfeldSubmit {
	background-image: url(../../public/images/lupe.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 16px;
	background-color: transparent;
	width: 20px;
	height: 16px;
	border: 0px;
	cursor: pointer;
	outline: 0;
	text-indent: -9999px;
	position: absolute;
	top: 6px;
	right: 6px;
	}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #e4f6f3;
	}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #e4f6f3;
	opacity: 1;
	}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #e4f6f3;
	opacity: 1;
	}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #e4f6f3;
	}

#shopbalken .links {
	float: right;
	margin: 0;
	margin-top: 5px;
	color: #fff;
	font-size: 0.85em;
	text-transform: uppercase;
	line-height: 1.5em;
	}
#shopbalken .links a {
	color: #fff;
	}
#shopbalken .links a:hover {
	text-decoration: underline;
	}
#shopbalken .links div {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #fff;
	}
#shopbalken .links .warenkorb {
	margin: 0;
	padding: 0;
	border: none;
	}
#shopbalken .links .warenkorb a {
	padding-left: 25px;
	background: url(../../public/images/warenkorb.png) no-repeat;
	background-size: 18px;
	}
.anzahl {
	background: #fff;
	color: #72C7B9;
	padding: 4px 8px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}

#kategoriebalken {
	height: 45px;
	background: #fff;
	}
#kategoriebalken ul {
	margin: 0;
	line-height: 45px;
	width: 950px;
	margin: auto;
	text-align: left;
	}
#kategoriebalken ul li {
	margin-left: 0;
	margin-right: 40px;
	}
#kategoriebalken ul li a {
	color: #000;
	font-size: 0.9em;
	}

.box {
	position: absolute;
	right: 0;
	top: 50px;
	width: 300px;
	color: #303C42;
	font-size: 0.9em;
	}
	.box h3 {
		font-size: 1em;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0;
		margin-bottom: 20px;
		}
.box.login input.input {
	margin-top: 0.2em;
	margin-bottom: 1em;
	width: calc(100% - 15px);
	padding: 5px;
	border: 1px solid #000;
	}

.box input.submitButton {
	margin-top: 1em;
	width: auto;
	}
.box.login {
	/*height: 190px;*/
	}

	.box.login > div.topspickel {
		position: absolute;
		height: 10px;
		width: 115px;
		right: 0;
		background: url(../../public/images/layerbox_spickel.png) no-repeat;
		z-index: 100;
		}
.box.cart {
	/*height: 400px;*/
	}

	.box.cart  > div.topspickel {
		position: absolute;
		height: 10px;
		width: 50px;
		right: 0;
		background: url(../../public/images/layerbox_spickel.png) no-repeat;
		z-index: 100;
		}
.box.profile {
	/*height: 120px;*/
	}

	.box.profile > div.topspickel {
		position: absolute;
		height: 10px;
		width: 240px;
		right: 0;
		background: url(../../public/images/layerbox_spickel.png) no-repeat;
		z-index: 100;
		}
	.box.profile .profilepic {
		height: 62px;
		width: 62px;
		margin-right: 5px;

		background-size: cover;
		background-position: left top;
	}
		.box.profile .profilepic.pic1 {
			background-image: url(../../public/images/profilbild_person.png);
		}
		.box.profile .profilepic.pic2 {
			background-image: url(../../public/images/profilbild_firma.png);
		}
.schatten {
	position: relative;
	margin-top: 9px;
	background: #fcfcfc;
	border: 1px solid #eee;
	padding: 15px;
	box-shadow: 2px 2px 4px #999;
	}
.close a {
	background: url(../../public/images/close.png) no-repeat;
	background-size: 15px;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 15px;
	position: absolute;
	right: 10px;
	top: 10px;
	}



/*
* Content
* ---------------------- */

p.breadcrumb {
	margin-bottom: 20px;
}

#main-content {
	background: #fff;
	padding: 30px 0 30px 0;
	margin-top: 260px;
	}
.page {
	height: 1200px;
	}
.normal-page {
	border: 1px solid #f2f2f2;
	background: #fcfcfc;
	padding: 15px;
	}
.views-row {
	border: 1px solid #f2f2f2;
	background: #fcfcfc;
	padding: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	}
.newsimage {
	float: right;
	}
.newsimage img {
	width: 200px;
	}
.positions {

}
	.row {
		border-bottom: 1px #eee solid;
	}
		.row:last-of-type {
			border-bottom: 0;
		}

	.positions > .total {
	}
		.total .right {
			text-align: right;
			width: 235px;
		}
		.total .doright {
			float: right;
			width: 300px;
		}
.produkt {
	/*border: 1px solid #EEE;
	background: #fafafa;*/
	/* padding: 15px;
	margin-bottom: 20px; */
	position: relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	min-height: 150px;
	}
	.positions .produkt {
		border: 0;
		margin-bottom: 0;
		min-height: 120px;
		background: initial;
	}
.produkt .bild {
	float: left;
	width: 155px;
	text-align: center;
	}
	.produkt .bild  img {
		max-width: 150px;
		max-height: 120px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
.produkt .infos {
	min-height: 120px;
	margin-left: 170px;
	width: 505px;
	text-align: justify;
	}
	.produkt > .infos > .title {
		display: inline-block;
		margin-bottom: 15px;
	}
	.produkt > .infos > .unity {
		float: right;
	}
	.produkt > .infos > .documents {
		margin-top: 20px;
	}
		.produkt > .infos > .documents > strong {
			display: inline-block;
			width: 100%;
			padding-bottom: 5px;
			border-bottom: 1px #EEEEEE solid;
		}
		.produkt > .infos > .documents > ul {
			margin-top: 10px;
		}
		.produkt > .infos > .documents > ul > li{
			display: inline;
		}
			.produkt > .infos > .documents > ul > li:after {
				content: "|";
				margin: 0 5px;
			}
				.produkt > .infos > .documents > ul > li:last-of-type:after {
					content: "";
					margin: 0;
				}
.positions .bestellen,.positions .infos {
	height: 120px;
}
.produkt .bestellen {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: right;
	width: 170px;
	color: #303C42;
	}
	.produkt > .bestellen > .cart {
		position: absolute;
		bottom: 0;
		right: 0;
	}
		.produkt > .bestellen > .cart > .pieces{
			margin-bottom: 20px;
		}
		.produkt > .bestellen > .cart > .pieces > div {
			display: inline-block;
		}
			.produkt > .bestellen > .cart > .pieces > div:first-of-type {

			}
			.produkt > .bestellen > .cart > .pieces > div:last-of-type {
				width: 30px;
			}
			.produkt > .bestellen > .cart > .pieces input {
				width: 50px;
				text-align: right;
				border: 1px #EEEEEE solid;
				color: #303C42;
				height: 25px;
				padding-right: 10px;
			}

				.pieces input:read-only {
					background-color: #fafafa !important;
					border: 1px #fafafa solid !important;
				}

/*
** Warenkorb
*/
div.infos a.delete {
	padding-left: 20px;
	background-image: url(../../public/images/artikelloeschen.png);
	background-repeat: no-repeat;
	background-size: 12px 34px;
	background-position: left top;
}
	div.infos a.delete:hover {
		background-position: left bottom;
	}

div.deletelayer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(114, 199, 185, 0.95);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	 div.deletelayer > div {
		color: #fcfcfc;
	}

div.products {
	font-size: 0.9em;
	overflow-y: auto;
	max-height: 267px;
}
	div.products > div.row {
		clear:both;
		overflow: hidden;
		margin: 0;
		min-height: 80px;
		border-bottom: 1px #EEEEEE solid;
		padding: 9px 0;
		position: relative
	}
	div.products > div.row:not(.well):last-of-type {
		padding-bottom: 9px;
	}
		div.products > div.row > div.deletelayer {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-color: rgba(114, 199, 185, 0.95);
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}

		div.products > div.row > div.image {
			float: left;
			width: 53px;

			text-align: center;
		}
			div.products > div.row > div.image > img {
				max-width: 53px;
				border-radius: 2px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				max-height: 63px;
			}

		div.products > div.row > div.infos {
			margin-left: 61px;
			margin-right: 15px;
			position: relative;
			height: 70px;
		}
			div.products > div.row > div.infos > div.title {
				margin-right: 12px;
			}
			div.products > div.row > div.infos > div.delete {
				width: 12px;
				height: 16px;
				position: absolute;
				top: 0;
				right: 0;
				background-image: url(../../public/images/artikelloeschen.png);
				background-repeat: no-repeat;
				background-size: cover;
				cursor: pointer;
			}
				div.products > div.row > div.infos > div.delete:hover {
					background-position: left bottom;
				}
			div.products > div.row > div.infos > input {
				margin-right: 5px;
			}

			div.products > div.row > div.infos > div > div{
				position: absolute;
				bottom: 0;
			}
				div.products > div.row > div.infos > div > div.price {
					right: 0;
				}

div.arrow {
	background-image: url(../../public/images/arrow.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	width: 150px;
	height: 50px;
	top: 0;
	left: 40%;
}
/*
* Footer
* ---------------------- */

#footer {
	background: #00a58d;
	height: 200px;
	color: #fff;
	font-size: 0.9em;
	}
#footer a {
	color: #fff;
	}
#footer a:hover {
	text-decoration: underline;
	}
#adresse {
	padding-top: 15px;
	text-align: right;
	}

/*
** Checkout
*/

div.checkout {
}

	div.checkout div.middle {
		left: 110px;
		right: 210px;
		height: 100%;
	}

	div.checkout > div.row {
		min-height: 100px;
	}

div.delivery table td:first-child {
	width: 150px;
}

div.number {
	width: 60px;
	height: 60px;
	background-size: cover;
	background-position: left top;
}
	div.number.number1 {
		background-image: url(../images/numbers/number_01.png);
	}
	div.number.number2 {
		background-image: url(../images/numbers/number_02.png);
	}
	div.number.number3 {
		background-image: url(../images/numbers/number_03.png);
	}
	div.number.number4 {
		background-image: url(../images/numbers/number_04.png);
	}
	div.number.number5 {
		background-image: url(../images/numbers/number_05.png);
	}
	div.number.number6 {
		background-image: url(../images/numbers/number_06.png);
	}
	div.number.active {
		background-position: left bottom;
	}

/*
** Test
*/

.table {
	display: table;
	table-layout: auto;
}
	.table-row {
		display: table-row;
	}
	.table-cell {
		display: table-cell;
	}
	.table-cell.top {
		vertical-align: top;
	}

/*
** Form
*/


.form-group {

}
	.form-group .form-static {
		line-height: 1.3em;
	}

	.form-group .form-control {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.form-group .form-control.error {
		background-color:rgba(255,0,0,0.1);
	}

	.form-group select.form-control {
		-webkit-appearance: menulist;
		-moz-appearance: menulist;
		appearance: menulist;
		font-size: initial;
		margin-left: 1px;
		margin-right: 1px;
	}

	input[type=radio],input[type=checkbox] {
		font-size: initial;
		margin-left: 1px;
		margin-right: 1px;
	}
/*
	.form-group select.form-control {
		height: 25px;
		line-height: 25px;
		width: 140px;
		display: inline-block;
		border: 1px solid #aaa;
		padding: 0 5px;
		color: #555;
		background: url(../../public/images/down_arrow_select.jpg) no-repeat right #eee;
	}
	*/
	.form-group input[type=text].form-control,.form-group input[type=password].form-control {
		font: normal 0.9em Arial,Helvetica,Verdana,sans-serif;
	}
		.form-group input[type=text].form-control,.form-group input[type=password].form-control,.form-group textarea.form-control {
			padding: 5px;
			border: 1px #EEEEEE solid;
			color: #303C42;
			font-size: 1em;
			padding-right: 5px;
			margin: 1px 0;
		}
			.form-group input.form-control.block {
				display: block;
				width: 90%;
			}
			.form-group input.form-control.xs {
				width: 30px;
				height: 8px;
			}

			/*
	body.firefox .form-group select.form-control {
		-moz-appearance: menulist;
		border:  1px #ddd solid;
		background: initial;
	}

		.form-group select.select-lg.form-control {
			width: 200px;
			height: 30px;
			line-height: 30px;
		}
*/
/*
** Bestellungen
*/
div.well.orders {
	margin-bottom: 10px;
	padding: 0;
}
	div.orders a {
		padding: 15px;
		display: block;
		text-decoration: none;
	}
	div.orders {
		font-size: 1.1em;
	}
	div.orders i.lupe {
		width: 14px;
		height: 14px;
		display: inline-block;

		background-image: url(../images/lupe_grau.png);
		background-size: cover;

		margin-right: 10px;
	}