@charset "UTF-8";
/* CSS Document */

body{
	background-color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:17px;
	height: 100%;
	margin: 0;
  	color: #777;
	line-height:0.7;
}
@viewport {
	width: device-width;
}
p {
	margin:0px;
	margin-bottom:12px;
}	
h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:20px;
	line-height:1.5;
	height: 100%;
	margin: 0;
  	color: #1a365e;
}
h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	font-size:18px;
	line-height:1.2;
	height: 100%;
	margin: 0;
  	color: #ffffff;
}
.impressum {
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:1.2;
	height: 100%;
	margin: 0;
  	color: #1a365e;
}
a:link { 
	color: #fff;
}
a:visited  { 
	color: #fff;
}
a:hover { 
	color: #fff;
}
a:link.contact {
	color:#1a365e;
	text-decoration:none;
}
a:hover.contact {
	text-decoration:underline; 
	color:#1a365e;
}
a:visited.contact  { 
	color:#1a365e;
	text-decoration:none;
}
.clear {
	clear: both;
}
.logo{
  width: 90px;
	height: auto;
	margin-top: 20px;
}
/* parallax scrolling effect */
.bgimg-1,.bgimg-2{
  position: relative;
  opacity: 1.0;
  filter: alpha(opacity=100);
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.bgimg-1 {
  background-image: url("../img/EU-banner-desktop.jpg");
background-color: #658d8c;
  min-height: 650px;
  min-width: 100%;
}
.image_text {
  position: absolute;
  left: 0;
  top: 40%;
  width: 88%;
  text-align: center;
  color: #ffffff;
  padding-left:6%;
  padding-right:6%;
  font-family: 'Montserrat', sans-serif;
line-height: 1.0;
}
.herofont1{
	font-family: 'Great Vibes', cursive;
	font-size: 60px; 
	color:#ffffff;
	padding-right: 10px;
	line-height: 0.55;
}
.herofont2{
	font-family: 'Montserrat', "sans-serif";
	font-size: 20px; 
	line-height: 0.3;
	color:#ffffff;
	text-transform: uppercase;
}
.follow_text{
	font-family: 'Montserrat', "sans-serif";
	font-size: 16px; 
	color:#ffffff;
	text-transform: uppercase;
	display: inline-block;
	
}
.product_title{
	font-family: 'Montserrat', "sans-serif";
	font-size: 13px; 
	color:#505050;
	text-transform: uppercase;
	line-height: normal;
}
a:link.product_title {
	color:#505050;
	text-decoration:none;
}
a:hover.product_title {
	text-decoration:underline; 
	color:#505050;
}
a:visited.product_title  { 
	color:#505050;
	text-decoration:none;
}
.basetextsmaller {
	margin:auto;
	color: #FFFFFF;
	font-family: 'Montserrat', "sans-serif";
	font-size: 0.6em;
	line-height: 0.5;
}
.baselinks {
	margin:auto;
	color: #FFFFFF;
	font-family: 'Montserrat', "sans-serif";
	font-size: 12px;
	line-height:250%;
	margin-right: 20px;
	margin-left: 0px;
	display: inline-block;
	text-transform: uppercase;
}
.social_media_icons{
	width: auto;
	height: 25px;
	padding-left:25px;
	padding-right:0px;
	vertical-align: sub;
}
a:link.baselinks {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover.baselinks {
	text-decoration:underline; 
	color:#FFFFFF;
}
a:visited.baselinks  { 
	color:#FFFFFF;
	text-decoration:none;
}
.flag{
	float: right; 
	display: inline-block;
	margin: 10px 20px 5px 5px;
	
}
#flagbar{
	margin: auto;
	width: 100%;
	height: 120px;
	text-align:right;
	position:fixed;
	z-index:37;
}
#logobar{
	margin: auto;
	width: 100%;
	height: 120px;
	text-align:center;
	position:fixed;
	background-color: #ffffff;
	z-index:36;
	border: solid;
	border-bottom-width: 1px;
	border-color: #e1e1e1;
}
#text_image_bar{
	margin: auto;
	margin-top: 515px;
	width: 100%;
	height: 145px;
	text-align:center;
	position:absolute;
	background-color:rgba(26,47,48,0.7);
	z-index:26;
}
#info_container{
	margin: auto;
	width: 88%;
	max-width: 1080px;
	height: auto;
	background-color: #ffffff;
	text-align: center;
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 60px;
}
#info_container2{
	margin: auto;
	width: 88%;
	max-width: 1080px;
	height: auto;
	background-color: #ffffff;
	text-align: center;
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 150px;
}
#info_container3{
	margin: auto;
	width: 88%;
	max-width: 1080px;
	height: auto;
	background-color: #ffffff;
	text-align: center;
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 200px;
}
#shopnow {
  	margin: auto;
  	width: auto;
  	height:auto;
	text-align: center;
}
.shopnow{
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-top: 15px;
    height:auto;
	background-color: #e50050;
	width: 200px;
	border: 2px solid #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
text-transform: uppercase;
	font-size: 1.1em;
	color: #FFFFFF;
	margin: auto;
	margin-left: -140px;
	margin-top: 40px;
    position:absolute;
	z-index: 30;
	text-align: center;
}

a:link.shopnow {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover.shopnow {
	text-decoration:none; 
	color:#FFFFFF;
	background-color:#d1ddd7;
}
a:visited.shopnow  { 
	color:#FFFFFF;
	text-decoration:none;
}
.product_image1{
	width: 100%;
	height:auto;
}

#product_text1{
	width: 30%;
	height:auto;
	float:left;
	display: inline-block;
	padding-right: 5%;
	padding-bottom: 3%
}
#product_text2{
	width: 30%;
	height:auto;
	float:left;
	display: inline-block;
	padding-right: 5%;
	padding-bottom: 3%
}
#product_text3{
	width: 30%;
	height:auto;
	float:right;
	display: inline-block;
	padding-left: 0%;
	padding-bottom: 3%
}
#product_text4{
	width: 30%;
	height:auto;
	float:left;
	display: inline-block;
	padding-right: 5%;
	padding-bottom: 3%
}
#product_text5{
	width: 30%;
	height:auto;
	float:left;
	display: inline-block;
	padding-right: 5%;
	padding-bottom: 3%
}
#product_text6{
	width: 30%;
	height:auto;
	float:right;
	display: inline-block;
	padding-left: 0%;
	padding-bottom: 3%
}
#base_box {
  	margin: auto;
  	width: 100%;
  	height:250px;
	background-color: #99b1a5;
	margin-top:100px;
}
#infobox {
	margin: auto;
	margin-left: 6%;
	margin-top: 50px;
	width: 40%;
	height:auto;
	text-align:left;
	float:left;
	display: inline;
	margin-bottom:10px;
}
#sociallogobox {
	margin: auto;
	width: 45%;
	height:auto;
	text-align:right;
	float:right;
	display: inline;
	margin-right: 6%;
	margin-top: 50px;
}

@Media screen and (max-width: 1050px) {	
.herofont1{
	font-size: 45px; 
}
.herofont2{
	font-size: 16px; 
}
.product_title{
	font-size: 10px;
	line-height: normal;

}
}

@Media screen and (max-width: 600px) {	
.bgimg-1,.bgimg-2{
  background-size:contain;
	background-image: url("../img/EU-banner-mobile.jpg");
  min-height: 425px;
  min-width: 100%;
}
h1 {
	font-size:15px;
}
h2 {
	font-size:14px;
}
.herofont1{
	font-size: 35px; 

}
.herofont2{
	font-size: 14px; 
}
#text_image_bar{
	margin-top: 325px;
		height: 100px;
}
.image_text {
  top: 35%;
}
#info_container{
	padding-top: 40px;
}
#product_text1{
	width: 47%;
	height:auto;
	float:left;
	display: inline-block;
	padding-right: 0%;
	padding-bottom: 3%
}
#product_text2{
	width: 47%;
	height:auto;
	float:right;
	display: inline-block;
	padding-right: 0%;
	padding-bottom: 3%
}
#product_text3{
	width: 47%;
	height:auto;
	float:left;
	display: inline-block;
	padding-left: 0%;
	padding-bottom: 3%
}
#product_text4{
	width: 47%;
	height:auto;
	float:right;
	display: inline-block;
	padding-right: 0%;
	padding-bottom: 3%
}
#product_text5{
	width: 47%;
	height:auto;
	float:left;
	display: inline-block;
	padding-right: 0%;
	padding-bottom: 3%
}
#product_text6{
	width: 47%;
	height:auto;
	float:right;
	display: inline-block;
	padding-left: 0%;
	padding-bottom: 3%
}
.product_title{
	font-size: 8px; 
	line-height: normal;

}
.social_media_icons{
	height: 20px;
	padding-left:20px;
}
.follow_text{
	font-size: 13px; 
}
.logo{
  width: 70px;
	margin-top: 15px;
}
#logobar{
	height: 90px;
}
#infobox {
	margin: auto;
	margin-left: 6%;
	margin-top: 50px;
	width: 94%;
	height:auto;
	text-align:left;
	float:left;
	display: inline;
	margin-bottom:10px;
}
#sociallogobox {
	margin: auto;
	width: 94%;
	height:auto;
	text-align:left;
	float:left;
	display: inline;
	margin-left: 6%;
	margin-top: 20px;
}
}