@font-face {
    font-family: 'dejavu_sans';
	src: url('DejaVuSans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.header-front	{
	background-color: rgba(0, 45, 20, 0.5); 
	width:340px;height:225px;
	position:absolute;
	left:50%;
	top:0px;
	margin:0px 0px 0px -170px;
	font-family:dejavu_sans;
	color:white;
	font-size:2em;
	padding:40px 20px 20px 20px;
}

.header-impressum	{
	background-color: rgba(0, 45, 20, 0.7); 
	width:100%;height:80px;
	position:absolute;
	left:0px;
	top:0px;
	font-family:dejavu_sans;
	color:white;
	font-size:2em;
	overflow:visible
	
}

.header-front h1, .header-impressum h1	{
	font-family:dejavu_sans;
	font-size:1em;
	font-weight:normal;
	letter-spacing:0.001em;
}

.bottles	{
	
	margin:-150px 0px 0px 0px;
	
}
.pad-15 {
	padding: 0px 30px 40px 15px;
	float:left;
}

/********** mail ***************/

#success, #error {
    display:none;   
}
#success span, #error span {
    display:block;
    position:relative;
    top:200px;
    width:400px;
    height:200px;
    /*margin:350px 150px 100px 150px;*/
    background-color:#fff;
	text-align:center;
	padding-top:25px;
}
#success span p, #error span p {
    margin:50px 0px 6px 10px;
}
#success span p {
  color: #408080;
  font-size:1em;
  background-color:#fff;
}
#error span p {
  color:#c0392b;
  font-size:1em;
  background-color:#fff;
}

/*********** mail ende ***********/

/*****************   loader  *******************/

.loader-backdrop{
    position: fixed;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    background-color: #fff;
}

.loader{
    position: absolute;
    border-radius: 100px;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    border: 6px solid #f2f2f2;
    border-left: 6px solid #2AAE4C;
    margin-top: -50px;
    margin-left: -50px;
    -webkit-animation: circle 1.1s infinite linear;
    animation: circle 1.1s infinite linear;
}

@-webkit-keyframes circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*********************  loader ende  ************************/

.blog {font-size:3.5em}

@media (max-width: 400px) {
	.blog {font-size:2em}
}

#processPayment {background-color:white}

.m-t-10 {margin-top:10px}
.m-b-10 {margin-bottom:10px}
.m-b-20 {margin-bottom:20px}