/*
Author {
	Florian Stelter
	Stelter Media
	http://stelter-media.de
}
*/

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	box-sizing: border-box;
}

html {
	height: 100%;
	font-family: 'Roboto', Georgia, Verdana, Arial, sans-serif;
	font-weight: 300;
	font-size: 62.5%;
}

body {
	position: relative;
	min-height: 100%;
	background: #FFF;
	font-size: 1.4rem;
}

a {
	cursor: pointer;
	transition: .1s;
	color: #1977a6;
}
a:hover {
	color: #2390ff;
}

.checkbox label, .radio label {
	float: left;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: 'Montserrat', Verdana, sans-serif;
	font-weight: 700;
}
p {
	font-family: 'Roboto', Georgia, Verdana, Arial, sans-serif;
	font-weight: 300;
	font-size: 1.6rem;
	line-height: 3rem;
}
nav li {
	font-family: 'Roboto', Georgia, Verdana, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	list-style: none;
	text-decoration: none;
	color: #555 !important;
	line-height: 1.8;
}
nav li a {
	text-decoration: none;
	color: #555 !important;
}
nav li a:hover {
	text-decoration: underline;
	color: #2390ff !important;
}
.text-xs {
	font-size: 14px;
	color: #666;
}
blockquote::after {
	border-color: transparent #FFF;
	border-style: solid;
	border-width: 0 50px 50px 0;
	bottom: -50px;
	content: "";
	display: block;
	left: 45%;
	position: absolute;
	width: 0;
}
blockquote {
	background: #FFF;
	border-radius: 10px;
	color: #fff;
	margin: 0;
	padding: 15px 30px;
	position: relative;
	box-shadow: 4px 17px 40px rgba(0, 0, 0, 0.1);
	color: #777;
	font-family: 'Roboto', Georgia, Verdana, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.9;
	padding: 70px 40px;
	margin: 40px 20px;
}

.waypointhidden {
	display: none;
}

.select2-selection--single .select2-selection__arrow::after {
	content: '\f078';
	font-family: FontAwesome;
}
.select2-container--open .select2-selection--single .select2-selection__arrow::after {
	content: '\f077';
	font-family: FontAwesome;
}

.select2-results__option[aria-selected="true"] {
	background-color: #193747;
	position: relative;
}
.select2-results__option[aria-selected="true"]:after {
	left: 0%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #AAA;
	border-width: 8px;
	margin-top: -8px;
}

/*
.title {
	font-family: 'bebas', Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 55px;
	line-height: 1.15;
}
.title.xxl {
	font-size: 85px;
}
.title.xl {
	font-size: 70px;
}
.title.xs {
	font-size: 40px;
}
.title.xxs {
	font-size: 32px;
}
.title.light, p.light, .light p, .light .title {
	color: #FFF;
}
*/

.pt-150 { padding-top: 150px; }
.pt-125 { padding-top: 125px; }
.pt-100 { padding-top: 100px; }

.no-lg { display: none; }


.input-error {
	background: #efacac;
	border-color: #843534;
	color: #140000;
}
.title.input-error {
	background: inherit;
	border-color: inherit;
	color: #CC0000;
}

.alert-primary {
	background: #e3f2fd;
	color: #104d92;
}
.alert-danger {
	background: #fbe9e7;
	color: #9c1f1f;
}
#bulk_sale, #checkout_error, #checkout_step2_buttons, #checkout_step2 { display: none; }

section {
	max-width: 100%;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
}
.wrapper {
	margin: 0 auto;
	width: 1140px;
}
.no-relative { position: static }
.relative { position: relative }


button.btn-default {
	background: #226689;
	color: #FFF;
	font-family: 'Montserrat', Verdana, sans-serif;
	font-weight: 700;
	font-size: 1.4rem;
	padding: 15px 30px;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	margin-top: 10px;
}
button.btn-default:hover {
	background: #1977a6;
	color: #FFF;
}
button.btn-checkout {
	border-bottom: 5px solid #004673;
	padding: 15px 45px 10px 45px;
}
button.btn-secondary {
	background: #8eafc0;
	border-bottom: 5px solid #7b8e97;
	color: #2e363b;
	font-family: 'Montserrat', Verdana, sans-serif;
	font-weight: 700;
	font-size: 1.4rem;
	padding: 15px 30px 10px 30px;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	margin-top: 10px;
}

.bootstrap-touchspin button.btn-default {
	background: #EEE;
	color: #000;
	font-family: 'Montserrat', Verdana, sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	padding: 8px 15px;
	border: none;
	border-bottom: 1px solid #CCC;
	border-radius: 0;
	text-transform: uppercase;
	margin-top: 0;
}
button.bootstrap-touchspin-up {
	border-radius: 0 3px 3px 0;
}
button.bootstrap-touchspin-down {
	border-radius: 3px 0 0 3px;
}

.input-group-btn {
	vertical-align: top;
}

button img {
	margin-right: 10px;
	position: relative;
	top: -3px;
}

.text-opener {
	display: none;
}

#overlay, #overlay-b {
	display: none;
}

#buybox {
	max-width: 500px;
	width: 90%;
	background: #FFF;
	padding: 20px;
	text-align: center;
	z-index: 20000;
	box-shadow: 3px 3px 15px #000;
}
#buybox h3 {
	margin-bottom: 20px !important;
	text-transform: uppercase;
	line-height: 1.35;
	font-size: 3rem;
	border-bottom: 5px solid #EEE;
}


#overlay, #overlay-b {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 10000;
	background: rgba(0,0,0,.8);
	align-items: center;
	justify-content: center;
	top: 0;
}
#main-menu {
	max-width: 420px;
	width: 90%;
	background: #FFF;
	padding: 20px;
	text-align: center;
	z-index: 20000;
	box-shadow: 3px 3px 15px #000;
}
#main-menu ul {
	margin: 0;
	padding: 0;
}
#main-menu li {
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1.55;
	padding: 0 30px;
	width: 100%;
	text-transform: uppercase;
	font-family: 'Roboto', Georgia, Verdana, Arial, sans-serif;
	font-weight: 300;
}
#main-menu li a {
	color: #555;
	letter-spacing: .05rem;
}
#main-menu li a:hover {
	color: #29516e;
	text-decoration: none;
}


/************************************/
/* *********  FIXED HEADER  ******* */
/************************************/
header {
	position: fixed;
	z-index: 9999;
	width: 100%;
	padding: 10px 0 10px 0;
	background: rgba(0, 33, 51, .9);
	transition: .5s;
	outline: 8px solid rgba(18, 55, 74, .85);
	max-width: 1920px;
}
header a:hover {
	text-decoration: none;
}
#header-logo, #header-logo h1 {
	height: auto;
	color: #FFF;
	font-size: 3.6rem;
	font-family: 'Montserrat', Verdana, sans-serif;
	font-weight: 200;
	display: inline-block;
}
#header-logo span {
	font-size: 50%;
}
#open_nav {
	float: left;
	padding: 30px 30px 30px 0;
}
#open_nav img {
	width: 47px;
	height: auto;
	margin-right: 10px;
}
#open_nav, #cart {
	font-family: 'Montserrat', Verdana, sans-serif;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.6rem;
}
#open_nav {
	padding: 14px 14px 14px 0;
}
#cart {
	padding: 14px 0 14px 0;
}
#cart img {
	position: relative;
	top: -3px;
	padding-left: 10px;
}
/************************************/
/* *********  HEADER ENDE  ******** */
/************************************/



#main-wrapper {
	width: 100%;
	margin: 0 auto;
	max-width: 1920px;
}

#teaser {
	width: 100%;
	max-width: 1920px;
	float: none;
	overflow: hidden;
	margin: 0 auto;
	height: 959px;
	position: relative;
	
}

#teaser-animated {
	width: 1920px;
	height: 959px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}
#teaser-bg {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
}
#teaser-land {
	position: absolute;
	z-index: 110;
	top: 425px;
	left: 0;
}
#teaser-lighthouse {
	position: absolute;
	z-index: 120;
	top: 101px;
	right: 111px;
}
#teaser-glasses {
	position: absolute;
	z-index: 130;
	top: 0;
	left: 0;
}


#teaser-clouds-a {
	position: absolute;
	z-index: 101;
	top: 90px;
	left: 0px;
	transform: translate3d(0, 0, 0);
	animation-name: clouds-a;
    animation-duration: 75s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
#teaser-clouds-b {
	position: absolute;
	z-index: 101;
	top: 90px;
	left: 1590px;
	transform: translate3d(0, 0, 0);
	animation-name: clouds-b;
    animation-duration: 75s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
#teaser-clouds-c {
	position: absolute;
	z-index: 102;
	top: 15px;
	left: 0px;
	transform: translate3d(0, 0, 0) rotateZ(180deg);
	animation-name: clouds-a;
    animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
#teaser-clouds-d {
	position: absolute;
	z-index: 102;
	top: 15px;
	left: 1550px;
	transform: translate3d(0, 0, 0) rotateZ(180deg);
	animation-name: clouds-b;
    animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes clouds-a {
    0%   {left:0px;}
    100% {left: -1589px;}
}
@keyframes clouds-b {
    0%   {left:1550px;}
    100% {left: 1px;}
}


#teaser-water-a {
	position: absolute;
	z-index: 123;
	top: 472px;
	opacity: 1;
	left: -20px;
	transform: translate3d(0, 0, 0);
	animation-name: water-a;
    animation-duration: 1.8s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@keyframes water-a {
	0% { transform: scale(1.0); opacity: 1; left: -19px; }
	50% { transform: scale(1.004); top: 478px; opacity: .05; left: -11px; }
	100% { transform: scale(1.0); opacity: 1; left: -19px; }
}
#teaser-water-b {
	position: absolute;
	z-index: 123;
	top: 470px;
	opacity: .8;
	left: -60px;
	transform: translate3d(0, 0, 0);
	animation-name: water-b;
    animation-duration: 2.4s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@keyframes water-b {
	0% { transform: scale(1.0); opacity: 1; left: 8px; }
	50% { transform: scale(1.007); top: 455px; opacity: 0; left: -5px; }
	100% { transform: scale(1.0); opacity: 1; left: 8px; }
}

#teaser-gras {
	position: absolute;
	z-index: 111;
	top: 620px;
	opacity: 0;
	right: -15px;
	transform: translate3d(0, 0, 0);
	animation-name: gras;
    animation-duration: 1.48s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}
@keyframes gras {
	0% { opacity: .0; }
	10% { opacity: .0; }
	
	11% { opacity: .0; }
	20% { opacity: .0; }
	
	21% { opacity: .14; }
	30% { opacity: .14; }
	
	31% { opacity: .21; }
	40% { opacity: .21; }
	
	41% { opacity: .28; }
	50% { opacity: .28; }
	
	51% { opacity: .37; }
	60% { opacity: .37; }
	
	61% { opacity: .28; }
	70% { opacity: .28; }
	
	71% { opacity: .2; }
	80% { opacity: .2; }
	
	81% { opacity: .13; }
	90% { opacity: .13; }
	
	91% { opacity: .05; }
	100% { opacity: .05; }
	
}







/************************************/
/* *********    PRODUKTE    ******* */
/************************************/
.product-decoration-bar-half-right,
.product-decoration-bar-full-horizontal,
.product-price-headline {
	display: none;
}
.product-section {
	overflow: hidden;
	height: 719px;
	width: 100%;
	position: relative;
	perspective: 1000px;
}
.product-background {
	position: absolute;
	z-index: -1;
	right: 50%;
	height: 719px;
	overflow: hidden;
	width: 50%;
	
	transform: translate3d(0, 0, 0);
	animation-name: product-background-animation;
    animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.product-section:nth-child(even) .product-background {
	position: absolute;
	z-index: -1;
	right: auto;
	left: 50%;
}

#product-water .product-background {
	background: url('../images/bg-water.png') center  no-repeat;
}
#product-earth .product-background {
	background: url('../images/bg-earth.png') center  no-repeat;
}
#product-air .product-background {
	background: url('../images/bg-air.png') center  no-repeat;
}

@keyframes product-background-animation {
	0% { background-size: 1180px 719px; }
	50% { background-size: 1298px 791px; }
	100% { background-size: 1180px 719px; }
}

.product-image-full {
	position: absolute;
	left: calc(25% - 293px);
	top: 130px;
	z-index: 12;
	transition: .8s;
	filter: grayscale(0%);
	opacity: 1;
}
.after-img-hck {
	display: block;
	position: absolute;
	left: calc(25% - 293px);
	top: 130px;
	z-index: 12;
	width: 345px;
	height: 1px;
	background: transparent;
}
.product-image-full.deactivated {
	filter: grayscale(100%);
	opacity: .7 !important;
}
.after-img-hck::after {
	transition: .8s;
	opacity: 0;
}
.product-image-full.deactivated + .after-img-hck::after {
	content: 'Lieferungen ab einem Liter erfolgen in PET-Flaschen und nicht im Dekorglas.';
	background: #FFF;
	border: 1px dashed rgba(0,0,0,.35);
	padding: 12px;
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 1.45;
	color: #666;
	box-shadow: 2px 2px 10px rgba(0,0,0,.3);
	display: block;
	margin-top: 200px;
	width: 70%;
	margin-left: 11.5%;
	opacity: 1;
}

.product-section:nth-child(even) .product-image-full,
.product-section:nth-child(even) .after-img-hck {
	left: calc(75% - 53px);
}

.product-action-wrapper {
	width: 50%;
	left: 50%;
	position: absolute;
	padding: 120px;
}
.product-section:nth-child(even) .product-action-wrapper {
	left: 0%;
}

.order-zone {
	width: 300px;
	background: #FFF;
	padding: 25px;
	position: absolute;
	top: 270px;
	left: calc(25% + 10px);
	border: 1px solid #b1b1b1;
	z-index: 10;
	height: 255px;
	box-shadow: 2px 2px 17px rgba(0,0,0,.3);
}
.product-section:nth-child(even) .order-zone {
	left: calc(75% - 335px);
}

.order-zone .product-deliverytime {
	position: absolute;
	top: -25px;
	text-align: right;
	width: 100%;
	left: 0;
	color: #383838;
	font-family: 'Roboto', Georgia, Verdana, Arial, sans-serif;
	font-weight: 300;
	font-size: 1.4rem;
}
.product-section:nth-child(even) .order-zone .product-deliverytime {
	text-align: left;
}

.order-zone .product-count-headline {
	position: absolute;
	top: 14px;
	text-align: center;
	width: calc(100% - 50px);
	left: 25px;
	color: #383838;
	font-family: 'Montserrat', Verdana, sans-serif;
	font-weight: 700;
	font-size: 1.4rem;
	text-transform: uppercase;
}
.order-zone .select2  {
	position: absolute;
	top: 38px;
	width: calc(100% - 50px) !important;
	left: 25px;
	color: #383838;
	font-family: 'Roboto', Georgia, Verdana, Arial, sans-serif;
	font-weight: 300;
	font-size: 1.4rem;
}
.order-zone .product-price  {
	position: absolute;
	top: 75px;
	width: calc(100% - 50px) !important;
	left: 25px;
	color: #093850;
	text-align: right;
	font-family: 'Montserrat', Verdana, sans-serif;
	font-weight: 700;
	font-size: 4.8rem;
}
.order-zone .product-baseprice, .order-zone .product-shipping {
	position: absolute;
	width: calc(100% - 50px) !important;
	left: 25px;
	top: 134px;
	text-align: right;
	width: 100%;
	color: #1d1d1d;
	font-family: 'Roboto', Georgia, Verdana, Arial, sans-serif;
	font-weight: 300;
	font-size: 1.4rem;
}
.order-zone .product-shipping {
	top: 152px;
}
.order-zone button {
	position: absolute;
	width: calc(100% - 50px) !important;
	left: 25px;
	top: 173px;
	width: 100%;
}



.product-text p {
	text-align: justify;
	width: 100%;
	color: #6b6b6b;
	margin-bottom: 2.2rem;  /* line-height - font-size */
	letter-spacing: 0.02rem;
}
.product-text .headline-original {
	text-align: center;
	width: 100%;
	display: inline-block;
	font-family: 'Montserrat', Verdana, sans-serif;
	font-weight: 700;
	font-size: 2.6rem;
	text-transform: uppercase;
	color: #d4d4d4;
	margin: 0;
	padding: 0;
	line-height: 1;
}
.product-text h2 {
	text-align: center;
	width: 100%;
	display: inline-block;
	font-family: 'Montserrat', Verdana, sans-serif;
	font-weight: 700;
	font-size: 6rem;
	color: #12374a;
	margin: -.9rem 0 4.3rem 0;
	padding: 0;
	line-height: 1;
}
.product-text p:last-child::after {
	content: ' ';
	width: 50%;
	background: #dce4ef;
	height: 3px;
	display: block;
	margin-top: 70px;
	left: 25%;
	position: relative;
	
}

/* 3D Inhalt */
body.show-3d-content .product-background {
	right: 45%;
	animation-duration: 12s;
	transform: translate3d(0, 0, 0) rotateY(45deg) rotateX(0deg) scale(.6);
	box-shadow: 7px 22px 25px rgba(0,0,0,.15);
	
	animation-name: product-image-3d-animation;
    animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}

body.show-3d-content .product-image-full {
	transform: translate3d(0, 0, 0) rotateY(24deg) rotateX(0deg) scale(.7);

	margin-left: 90px;
	
	animation-name: product-image-3d-animation;
    animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}
@keyframes product-image-3d-animation {
	0% { transform: translate3d(0, 0, 0) rotateY(24deg) rotateX(0deg) scale(.7); }
	50% { transform: translate3d(0, 0, 0) rotateY(32deg) rotateX(0deg) scale(.7); }
	100% { transform: translate3d(0, 0, 0) rotateY(24deg) rotateX(0deg) scale(.7); }
}
/************************************/
/* ********* PRODUKTE ENDE ******** */
/************************************/









/************************************/
/* ***********  CHECKOUT  ********** */
/************************************/

#checkout .panel.xs .panel-body {
	padding: 6px;
}
#checkout .panel.xs .row {
	margin: 0;
}
#checkout .panel.xs .row > div {
	padding-left: 5px;
	padding-right: 5px;
}
#checkout .panel.xs button {
	margin: 0;
	float: right;
}

#checkout table {
	width: 100%;
}
#checkout .panel {
	float: left;
	width: 100%;
	clear: both;
	background: transparent;
}
#checkout .panel-head {
	float: left;
	clear: both;
	width: 100%;
}
#checkout .panel-body {
	float: left;
	clear: both;
	padding: 40px 50px 25px;
	width: 100%;
	background: #FFF;
	box-shadow: 0px 0px 16px rgba(0,0,0,.15);
}
.radio label {
	padding: 0 0 0 28px;
	
}

.checkout_p_image {
	border-radius: 5px;
	margin: 6px 0 9px 0;
}
.product-row td {
	border-bottom: 1px solid #ccc;
	padding-bottom: 0px;
	padding-top: 2px;
}

.checkout_tbl_col_1 { width: 90px }
.checkout_tbl_col_2 { width: 220px }
.checkout_tbl_col_3 { width: 120px }

.t-lh-price { line-height: 34px; }


#checkout {
	background: url('../images/full-bg.jpg') no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
#checkout .panel-head {
	text-align: center;
}
#checkout .panel-head img {
	max-width: 40%;
	margin: 0 auto;
}
#checkout .panel-head h2 {
	background: #183646;
	color: #FFF;
	line-height: 1.4;
	padding: 5px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 50%;
	margin: 0 auto;
}
#checkout .panel-body {
	border-top: 5px solid #183646;
}

a.remove_article {
	font-size: 1.1rem;
	padding-top: 5px;
	color: #808080 !important;
	text-transform: uppercase;
	letter-spacing: .1rem;
}
a.remove_article:hover {
	color: #1977a6 !important;
}

#payment_title, p.title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #B0B0B0;
	background: #F6F6F6;
	line-height: 2.2;
}
table .title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.7rem;
	text-transform: uppercase;
	line-height: 1.8;
}


#registrationform, #abw_lieferadresse {
	display: none;
}

.stick-bottom {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 0 !important;
}

#create_new_account_boxfield {
	margin: 10px 0 0 0;
}

#buy_final {
	margin-right: -28px;
}
#checkout_back_button {
	margin-top: 22px;
	margin-left: -12px;
}
#checkout_back_text {
	display: none;
}
/************************************/
/* ********  CHECKOUT ENDE  ******* */
/************************************/

footer {
	background: url('../images/footer-bg.png') top center no-repeat;
	clear: both;
	float: left;
	width: 100%;
}
footer p, footer li, footer nav li a {
	color: #FFF !important;
	font-family: 'Roboto', Georgia, Verdana, Arial, sans-serif;
	font-weight: 300;
	font-size: 1.4rem;
	letter-spacing: 0.05rem;
	line-height: 1.4;
	margin: 0;
	padding: 15px;
	display: inline-block;
}
footer nav li a {
	//border-right: 1px solid rgba(255,255,255,.25);
}
footer nav li::after {
	content: '|';
	position: relative;
	top: -1px;
	color: #CCC;
}
footer nav li:last-child::after {
	content: '';
}

footer div > p {
	float: left;
	width: 20%;
	text-align: left;
}
footer nav {
	float: right;
	width: 80%;
	text-align: right;
}
footer nav ul {
	margin: 0;
	padding: 0;
	float: right;
}
footer nav li {
	display: inline;
	text-align: right;
	padding: 0;
}

#default-page, #checkout {
	text-align: left;
	padding-top: 120px;
}
.Haendlerbund_Rechtstext_Titel {
	font-family: 'Montserrat', Verdana, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 1.15;
	color: #555;
	width: 100%;
	text-align: center;
	float: left;
	margin: 0 0 30px 0;
}

@media (max-width: 1365px) {
	#main-wrapper {
		width: 100%;
		margin: 0 auto;
		max-width: 1180px;
	}
	header {
		max-width: 1180px;
	}
	
	#teaser-animated {
		display: none;
	}
	#teaser {
		background: url('../images/bg-teaser-1180.jpg') top center no-repeat;
		height: 877px;
	}
	
	
	.product-background {
		left: 0;
		right: auto;
		width: 100%;
	}
	.product-section:nth-child(even) .product-background {
		left: 0;
		right: auto;
		width: 100%;
	}
	
	.product-image-full, .after-img-hck {
		left: calc(23% - 173px);
	}
	.product-section:nth-child(even) .product-image-full,
	.product-section:nth-child(even) .after-img-hck {
		left: calc(73% - 86px);
	}
	
	.product-section {
		position: relative;
	}
	.product-action-wrapper {
		margin: 80px;
		background: #FFF;
		padding: 25px 35px;
		width: 50%;
		right: 0 !important;
		left: auto;
		box-shadow: 0 0 14px rgba(0,0,0,.15);
		height: 550px;
	}
	
	.product-text p {
		font-size: 1.4rem;
		line-height: 2.6rem;
		margin-bottom: 1.2rem;
		letter-spacing: 0.001rem;
		color: #7a7a7a;
	}
	.product-text .headline-original {
		font-size: 2rem;
	}
	.product-text h2 {
		font-size: 4.2rem;
		margin: -.7rem 0 2rem 0;
	}
	.product-text p:last-child::after {
		display: none;
	}
	
	.order-zone {
		box-shadow: none;
		border: none;
		background: rgba(62,106,178,.09);
		width: 50%;
		right: 80px;
		left: auto;
		top: 470px;
		position: absolute;
		height: 160px;
	}
	.product-section:nth-child(even) .order-zone {
		right: auto;
		left: 80px;
	}
	
	.product-decoration-bar-half-right {
		background: rgba(62,106,178,.09);
		width: 55%;
		left: 45%;
		height: 160px;
		position: absolute;
		z-index: 1;
		display: block;
		top: 0;
	}
	.product-decoration-bar-full-horizontal {
		background: rgba(62,106,178,.09);
		width: 100%;
		left: 0;
		height: 60px;
		position: absolute;
		z-index: 1;
		top: 30px;
		display: block;
	}
	
	.order-zone p,
	.order-zone span {
		z-index: 10;
	}
	
	.order-zone .product-price-headline, .order-zone .product-count-headline {
		color: #394951;
		font-family: 'Montserrat', Verdana, sans-serif;
		font-weight: 700;
		font-size: 1.3rem;
		line-height: 2;
		top: 5px;
		left: 35px;
		position: absolute;
		display: block;
		width: 45%;
		text-align: left;
		text-transform: uppercase;
	}
	.order-zone .product-count-headline {
		left: calc(45% + 15px);
		width: 55%;
	}
	.order-zone .product-price {
		text-align: left;
		top: 32px;
		left: 35px;
		font-size: 2.8rem;
		color: #093850;
	}
	.order-zone .product-baseprice,
	.order-zone .product-deliverytime,
	.order-zone .product-shipping {
		text-align: left;
		top: 103px;
		left: 35px;
		font-size: 1.3rem;
		color: #36404e;
		width: calc(45% - 45px);
	}
	.order-zone .product-deliverytime {
		top: 123px;
	}
	
	.order-zone .product-shipping {
		color: #1d1d1d;
		top: 67px;
	}
	
	.order-zone .select2 {
		text-align: left;
		top: 43px;
		left: calc(45% + 15px);
		width: calc(55% - 45px) !important;
		z-index: 15;
	}
	
	.order-zone button {
		left: calc(45% + 15px);
		width: calc(55% - 45px) !important;
		top: 88px;
		z-index: 10;
		padding: 15px 0;
	}
	
	
	
}

@media (max-width: 1140px) {
	.no-lg { display: block; }
	.no-sm { display: none; }
	
	.wrapper {
		width: 95%;
	}
	
	.product-action-wrapper {
		width: 55%;
		margin: 30px 25px;
		height: 662px;
	}
	.order-zone {
		width: 55%;
		right: 25px;
		top: 532px;
	}
	.product-section:nth-child(even) .order-zone {
		left: 25px;
	}
	
	/************************************/
	/* ***********  CHECKOUT  ********** */
	/************************************/
	#checkout .panel-body {
		padding: 10px 48px 34px;
	}

	.checkout_tbl_col_1 { width: 100px }
	.checkout_tbl_col_2 { width: 180px }
	.checkout_tbl_col_3 { width: 110px }

	.t-lh-price { line-height: 34px; }

	#checkout-upselling-area > div:hover {
		transform: inherit;
	}

	#checkout-upselling-area img {
		max-width: 90px;
	}
	#checkout-upselling-area > div div {
		width: 120px;
	}
	#create_new_account_boxfield {
		margin: 0;
	}
	.stick-bottom {
		bottom: -28px;
		right: 8px;
	}
	/************************************/
	/* ********  CHECKOUT ENDE  ******* */
	/************************************/
	
	
	
	
	
	
}
@media (max-width: 1000px) {
	header .wrapper {
		width: 100%;
	}
	#open_nav span, #cart span {
		display: none;
	}
	#header-logo span {
		display: none;
	}
	
	#teaser {
		background: url('../images/bg-teaser-768.jpg') top center no-repeat;
		height: 478px;
	}
	
	#checkout .panel-head img {
		max-width: 90%;
		margin: 0 auto;
	}
	#checkout .panel-head h2 {
		width: 100%;
		font-size: 1.7rem;
	}
	
	.product-image-full {
		width: 200px;
		height: auto;
		left: 3%;
	}
	.after-img-hck {
		width: 200px;
		left: 3%;
	}
	.after-img-hck::after {
		margin-top: 100px !important;
		padding: 5px !important;
		font-size: 1.2rem !important;
	}
	.product-section:nth-child(even) .product-image-full,
	.product-section:nth-child(even) .after-img-hck {
		right: 3%;
		left: auto;
	}
	
	.product-action-wrapper,
	.order-zone	{
		width: 65%;
	}
	
	.product-text .headline-original {
		font-size: 1.8rem;
	}
	.product-text h2 {
		font-size: 3rem;
	}
	.product-text p {
		font-size: 1.4rem;
		line-height: 2.3rem;
		margin-bottom: 1.2rem;
		letter-spacing: 0.001rem;
		color: #7a7a7a;
	}
	
	.order-zone {
		top: 455px;
		height: 237px;
	}
	
	.order-zone .product-price-headline,
	.order-zone .product-count-headline,
	.order-zone .product-decoration-bar-half-right {
		display: none;
	}
	
	.order-zone .product-deliverytime {
		top: 6px;
	}
	.order-zone .select2 {
		top: 30px;
		left: 34px;
		width: calc(100% - 65px) !important;
	}
	
	.order-zone .product-decoration-bar-full-horizontal {
		width: calc(100% - 65px);
		top: 75px;
		left: 35px;
		height: 82px;
	}
	
	.order-zone .product-price {
		top: 78px;
		font-size: 2.8rem;
		text-align: right;
		width: calc(100% - 90px) !important;
	}
	.order-zone .product-shipping {
		top: 115px;
		text-align: right;
		width: calc(100% - 90px) !important;
	}
	.order-zone .product-baseprice {
		top: 135px;
		text-align: right;
		width: calc(100% - 90px) !important;
	}
	
	
	.order-zone button {
		font-size: 1.4rem;
		left: 35px;
		top: 155px;
		width: calc(100% - 65px) !important;
	}
	
	footer div > p {
		display: none;
	}
	footer nav,
	footer ul {
		width: 100%;
	}
	footer nav li {
		width: 100%;
		float: left;
		clear: both;
		text-align: center;
	}
	footer nav li::after {
		display: none;
	}
	
}

@media (max-width: 720px) {
	#main-menu li {
		font-size: 1.4rem;
	}
	
	#teaser {
		background: url('../images/bg-teaser-320.jpg') top center no-repeat;
		height: 282px;
	}
	.product-action-wrapper,
	.order-zone {
		width: calc(100% - 50px);
	}
	.product-action-wrapper {
		padding: 15px 20px;
	}
	.product-image-full,
	.product-section:nth-child(even) .product-image-full {
		width: 120px;
		height: auto;
		left: calc(50% - 60px);
		top: 90px;
		right: auto;
	}
	.after-img-hck {
		width: 120px;
		left: calc(50% - 60px);
		top: 90px;
		right: auto;
	}
	.after-img-hck::after {
		margin-top: 60px !important;
		padding: 12px !important;
		font-size: 1.2rem !important;
		width: 160% !important;
		margin-left: -70px !important;
	}
	
	.product-text .headline-original {
		font-size: 1.2rem;
	}
	.product-text h2 {
		margin: -.7rem 0 18rem 0;
		font-size: 2rem;
	}
	.product-text p {
		font-size: 1.2rem;
		line-height: 1.8rem;
		margin-bottom: .6rem;
		letter-spacing: auto;
	}
	.text-opener {
		display: block;
		font-size: 1.2rem;
		font-family: 'Montserrat', Verdana, sans-serif;
		font-weight: 700;
		color: #222222;
		text-align: left;
	}
	.additional-text {
		display: none;
	}
	
	.order-zone .select2,
	.product-deliverytime,
	.order-zone button,
	.product-decoration-bar-full-horizontal {
		left: 15px !important;
		width: calc(100% - 30px) !important;
	}
	
	.order-zone .product-price,
	.order-zone .product-baseprice,
	.order-zone .product-shipping {
		width: calc(100% - 60px) !important;
	}
	
	button {
		font-size: 1.2rem !important;
	}
}

@media (max-width: 500px) {
	#header-logo h1, #headerlogo {
		font-size: 1.6rem;
		line-height: 2;
		margin: 0;
		padding: 0;
		display: block;
	}
	#open_nav, #cart {
		padding: 5px;
	}
	#open_nav img {
		width: 36px;
		height: auto;
	}
	#cart img {
		width: 27px;
		height: auto;
	}
}

/* Contentbreite 768px */
@media (max-width: 767px) {
	
	
	.no-lg { display: block; }
	.no-sm { display: block; }
	.no-xs { display: none; }
	
	p { font-size: 13px; }
	
	.image-responsive-xs {
		max-width: 100%;
		width: auto;
		height: auto;
	}
	
	.pt-150, .pt-125, .pt-100 { padding-top: 0 }
	
	.pt-xs-100 { padding-top: 100px }
	.pt-xs-80 { padding-top: 80px }
	.pt-xs-60 { padding-top: 60px }
	.pt-xs-30 { padding-top: 30px }
	.pt-xs-15 { padding-top: 15px }
	
	
	/************************************/
	/* ***********  CHECKOUT  ********** */
	/************************************/
	#checkout .panel-body {
		padding: 10px 20px 22px;
	}
	
	#checkout table tr.product-row td:nth-child(1),
	#checkout table tr.product-row td:nth-child(2),
	#checkout table tr.product-row td:nth-child(4) {
		display: none;
	}
	
	#checkout table tr:nth-child(1) td {
		border-bottom: 1px solid #ccc;
		padding-bottom: 8px;
	}
	#checkout table tr:nth-child(2) td {
		padding-top: 8px;
	}
	
	.checkout_tbl_col_1 { width: 50px }
	.checkout_tbl_col_3 { width: 0 }

	.t-lh-price { line-height: 34px; }

	#checkout-upselling-area > div {
		font-size: 16px !important;
	}
	#checkout-upselling-area > div div {
		width: 70px;
	}
	#create_new_account_boxfield {
		margin: 0;
	}
	.stick-bottom {
		bottom: -13px;
		right: 16px;
	}
	
	#checkout .row.mt-20 {
		margin: 0 !important;
	}
	
	#checkout input, #checkout select, #checkout textarea, #checkout .select2 {
		margin-bottom: 16px;
	}
	#twax-menge {
		margin-bottom: 0 !important;
	}
	
	#checkout table, #checkout label {
		font-size: 12px !important;
	}
	
	.less-col-padding-xs .col-xs-1,
	.less-col-padding-xs .col-xs-2,
	.less-col-padding-xs .col-xs-3,
	.less-col-padding-xs .col-xs-4,
	.less-col-padding-xs .col-xs-5,
	.less-col-padding-xs .col-xs-6,
	.less-col-padding-xs .col-xs-7,
	.less-col-padding-xs .col-xs-8,
	.less-col-padding-xs .col-xs-9,
	.less-col-padding-xs .col-xs-10,
	.less-col-padding-xs .col-xs-11,
	.less-col-padding-xs .col-xs-12 {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
	#buy_final {
		margin-right: -12px;
	}
	#checkout_back_button {
		display: none;
	}
	#checkout_back_text {
		display: block;
		margin-top: 18px;
	}
	/************************************/
	/* ********  CHECKOUT ENDE  ******* */
	/************************************/
}

/*
header, footer {
	padding: 0 120px !important;
}
*/