/* CSS Mini Reset */
/******************/
html{color:#000;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
.clear{ clear:both; }
.nopadl{ padding-left:0px !important;	}
.nopadr{ padding-right:0px !important; }
.nopad{padding-left:0px !important; padding-right:0px !important; }
.mar_s{
	margin-bottom:30px;
}
.mar_l{
	margin-bottom:60px;
}
/* FONTS */
@font-face{
    font-family: 'Financier Display Black';
    src: url('fonts/FinancierDisplayWeb-Black.woff2') format('woff2'),
         url('fonts/FinancierDisplayWeb-Black.woff') format('woff'),
         url('fonts/FinancierDisplayWeb-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face{
    font-family: 'Founders Grotesk Regular';
    src: url('fonts/FoundersGroteskWeb-Regular.woff2') format('woff2'),
         url('fonts/FoundersGroteskWeb-Regular.woff') format('woff'),
         url('fonts/FoundersGroteskWeb-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'Founders Grotesk Semibold';
    src: url('fonts/FoundersGroteskWeb-Semibold.woff2') format('woff2'),
         url('fonts/FoundersGroteskWeb-Semibold.woff') format('woff'),
         url('fonts/FoundersGroteskWeb-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face{
    font-family: 'Founders Grotesk Bold';
    src: url('fonts/FoundersGroteskWeb-Bold.woff2') format('woff2'),
         url('fonts/FoundersGroteskWeb-Bold.woff') format('woff'),
         url('fonts/FoundersGroteskWeb-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/**********/
body{
    font-family: 'Founders Grotesk Regular';
	background:#fef2e4;
	-webkit-font-smoothing:antialiased;
	font-size:20px;
	line-height:25px;
	color:#005151;
}
.e404{
	width:100%;
	display:block;
	position:absolute;
	z-index:100;
	text-align:center;
	margin-top:50vh;
	font-size:25px;
}
h1{
    font-family: 'Financier Display Black';
	font-size:50px;
	margin-bottom:50px;
	float:left;
	position:relative;
	width:100%;
}
h2{
	font-size:35px;
	margin-bottom:30px;
	margin-top:60px;
	float:left;
	position:relative;
	width:100%;
}
h2:first-child{
	margin-top:0px;
}
strong{
    font-family: 'Founders Grotesk Semibold';
}

/* NAV */
#header_wrapper{
	height:150px;
	position:relative;
	width:100%;
	float:left;
	background:#FFF;
	border-bottom:2px solid #ad841f;
}
#header{
	height:100%;
	position:relative;
    width:1200px;
    float:left;
    margin-left:calc((100vw - 1200px) / 2);
}
#logo{
	width:285px;
	height:auto;
	margin-top:14px;
}
#nav_wrapper{
	float:right;
	margin-top:80px;
}
#nav_wrapper li{
	float:left;
	margin-left:20px;
}
#nav_wrapper img{
	width:25px;
	margin-left:10px;
}
.nav > li > a{
	padding:0px;
	font-size:17px;
	color:#004c4c;
}
.nav > li > a:hover, .nav > li > a:focus, .nav > li > a.act{
	background:none;
	opacity:1;
	border-bottom:2px dotted #004c4c;
}
#langnav{
	float:right;
	width:100%;
	position: relative;
	margin-top:105px;
	margin-bottom:20px;
}
#langnav ul{
	float:right;
}
#langnav li{
	float:left;
}
#langnav li:after{
	content:"|";
	margin-left:5px;
	margin-right:5px;
}
#langnav li:last-child:after{
	display:none;
}
#langnav a{
	color:#005151;
}
#langnav a.act, #langnav a:hover, #langnav a:focus{
	text-decoration: none;
	font-family: 'Founders Grotesk Semibold'
}
#logout{
	position: absolute;
	right:0px;
	bottom:0px;
	font-size:12px;
	color:#005151;
}

/* FORM */
#login{
	text-align:center;
	position:relative;
	float:left;
	width:100%;
}
#login_form, #pw_box{
	position:relative;
	float:left;
	width:100%;
}
#pw_box{
	display:none;
}
.formfeld{
	width:100%;
	border-radius:3px;
	-webkit-box-shadow:inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:   inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:        inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	border:none;
	height:50px;
	margin-bottom:10px;
	padding-left:10px;
}
.formfeld.disabled{
/*	display:none; */
}
.label{
	display:block;
	font-size:20px;
	line-height:25px;
	color:#005151;
	padding:0px;
	font-weight:normal;
	margin-bottom:30px;
}
#login_text{
	font-size:35px;
	line-height:40px;
	position:relative;
	width:100%;
	float:left;
	margin-bottom:35px;
}
.button{
	font-weight:400;
	color:#FFF;
	background:#005151;
	border-radius:5px;
	border:none;
	padding:5px 15px;
	font-size:20px;
	line-height:24px;
	height:35px;
	margin:0px 10px;
	text-decoration: none !important;
	display: inline-block;
/*    font-family: 'Founders Grotesk Medium'; */
}
.order_prev{
	background:#005151 url("../img/arrow_left.jpg") top 10px left 10px no-repeat;
	padding-left:40px;
}
.order_next{
	background:#005151 url("../img/arrow_right.jpg") top 10px right 10px no-repeat;
	padding-right:40px;
}
.button.orange{
	-webkit-box-shadow:inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:   inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:        inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	color:#005151;
	background:#fef2e4;
}
#order_send, .order_save.dis{
	background:#e56a54;
}
#profile_save{
	margin:0px;
}
#req_info{
	margin-top:15px;
}
.button:hover, #pw_fg:hover{
	opacity:0.5;
}
#pw_fg{
	position:absolute;
	left:-190px;
	bottom:-45px;
	font-size:12px;
	cursor:pointer;
	z-index:100;
}
#form_profile .label{
	font-size:20px;
	text-align:left;
}
#pay_wrapper .label{
	margin-bottom:5px;
}

/* CONTENT */
#wrapper{
	position:relative;
	min-height:calc(100vh - 150px);
	width:1200px;
	float:left;
	margin-left:calc((100vw - 1200px) / 2);
}
#content{
	position:relative;
	background:#FFF;
	margin-top:100px;
	margin-bottom:100px;
	padding:100px 200px 50px;
	float:left;
	width:100%;
}
#saved{
	text-align: center;
	float: left;
	width:100%;
	padding-top:20px;
	color:green;
	font-family: 'Founders Grotesk Semibold';
	display: none;
}
#erfolg, #fail{
	display: none;
	float: left;
	width:100%;
	padding-top:20px;
}
#login_fail{
	float: left;
	width:100%;
	position: relative;
	margin-bottom:25px;
	color:red;
}

/* ORDER */
#body2 #content{
	padding:100px 50px;
}
#body2 h1{
	margin-bottom:15px;
}
#body2 h2{
	margin-top:0px;
	margin-bottom:20px;
}
#order_header, #order_extra_header{
	font-size:15px;
	color:#ad841f;
	height:30px;
	line-height:36px;
}
#order_header .prod_box, #order_extra_header .prod_box{
	height:100%;
}
#order_header .box5, #order_extra_header .box5{
	text-align: center;
}
.info{
	width:15px;
	height:15px;
	position: absolute;
	right:2px;
	bottom:2px;
	cursor: pointer;
}
.info.title_info{
	position: relative;
	right:inherit;
	bottom:inherit;
	margin-top:-2px;
	margin-left:10px;
}
.prod_title{
	width:100%;
	position:relative;
	float:left;
	color:#fef2e4;
	background:#005151;
	border-bottom:1px solid #fef2e4;
	height:30px;
	line-height:30px;
	text-transform: uppercase;
	cursor: pointer;
}
.prod_title:last-child{
	border-bottom:none;
}
.prod_title .box1{
	border-right:none;
}
.prod_subtitle{
	width:100%;
	position:relative;
	float:left;
	color:#005151;
	background:#fef2e4;
	border-bottom:1px solid #fef2e4;
	height:30px;
	line-height:30px;
}
.prod_title .box1, .prod_subtitle .box1{
	margin-right:5px;
}
.prod_acc{
	float: right;
	height:100%;
	width:25px;
	background:#ad841f;
	cursor:pointer;
	-webkit-box-shadow:inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:   inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:        inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	position: relative;
}
.prod_acc:after{
	content:"\25BC";
	color:#FFF;
	position:absolute;
	top:0px;
	left:2px;
}
.act .prod_acc:after{
	content:"\25B2";
}
.prod_wrapper{
	width:100%;
	position:relative;
	float:left;
	display:none;
	margin-top:-1px;
}
.prod_row{
	height:30px;
	line-height:30px;
	width:100%;
	position:relative;
	float:left;
	color:#000;
	border-bottom:1px dotted #005151;
	font-size:18px;
}
.prod_wrapper .prod_row:last-child{
	border-bottom:none;
}
.prod_row .formfeld{
	height:100%;
	margin-bottom:0px;
	text-align: right;
	padding-right:5px;
}
.prod_row .box7 .formfeld{
	color:#e56a54;
}
.prod_box{
	border-right:1px dotted #005151;
	position:relative;
	float:left;
	padding:0px 5px;
	height:100%;
}
.hatching{
	background: repeating-linear-gradient(45deg,
	  #FFF,
	  #FFF 5px,
	  #e8e8e8 5px,
	  #e8e8e8 10px
	);
}
.prod_smalltitle{
	border-top:1px solid #005151;
	margin-top:-1px;
}
.sort_box{
	width:20px;
	height:20px;
	border-radius:3px;
	display:inline-block;
	margin-bottom:-4px;
}
.sort_Flex{
	background:#fef2e4;
}
.sort_Core{
	background:#005151;
}
.sort_Local{
	background:#e56a54;
}
/*.sort_Diversification{
	background:#e56a54;
}*/
.box1{
	width:3%;
	border-right:2px solid #005151;
}
.box2{
	width:27%;
	padding-left:5px;
}
.box3{
	width:7%;
	text-align: right;
}
.box4{
	width:12%;
	text-align: center;
}
.box5{
	width:16%;
	text-align: right;
}
.box6{
	text-align: center;
	width:9%;
}
.box7{
	text-align: center;
	width:14%;
	padding:0px;
}
.prod_row .box7{
	line-height:29px;
}
.box8{
	text-align: center;
	width:12%;
	border-right:none;
}
.checkbox{
	display:none;
}
.checkmark{
	cursor:pointer;
	position:absolute;
	top:5px;
	left:3px;
	height:20px;
	width:20px;
	background:#FFF;
	-webkit-box-shadow:inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:   inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:        inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	border-radius:3px;
	margin-bottom:0px;
}
.checkmark:after{
	content:"";
	position:absolute;
	display:none;
}
.checkbox:checked ~ .checkmark:after{
	display:block;
}
.checkbox:disabled ~ .checkmark:after{
	color:grey;
}
.checkmark:after{
	left:2px;
	top:-5px;
	color:#005151;
	content:"\2713";
	font-size:20px;
}
.checkmark.checkmark_action{
	left:calc(50% - 10px);
}
.checkmark.possible, .prod_row .formfeld.possible{
	background:	#e8e8e8;
}
#act_fail{
	float:left;
	width:100%;
	position: relative;
	margin-top:15px;
	color:red;
	display: none;
}
#order_footer{
	margin-top:50px;
	position: relative;
	float:left;
	width:100%;
}
#order_footer .sort_box{
	-webkit-box-shadow:inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:   inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:        inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	margin-right:5px;
	margin-bottom:-2px;
}
.order_footer_box{
	float:left;
	width:50%;
	text-align: left;
}
#order_extra_header{
	border-bottom:2px solid #005151;
}
#extra_wrapper .prod_row .box2, #extra_wrapper .prod_row .box3, #extra_wrapper .prod_row .box4, #extra_wrapper .prod_row .box5{
	padding:0px;
}
#extra_wrapper .prod_row .formfeld{
	color:#000;
	padding-left:5px;
}
#extra_wrapper .box2 .formfeld{
	text-align: left;
}
#extra_wrapper .box3 .formfeld{
	text-align: center;
}
#extra_wrapper .box7 .formfeld{
	color:#e56a54;
}

/* ORDER 2 */
#order_2, #order_3, #order_4{
	display:none;
}
#order_1, #order_2, #order_3, #order_4{
	position: relative;
	width:100%;
	float: left;
}
#order_2, #order_3, #order_4{
	font-size:35px;
	line-height:40px;
}
#order_2 img{
	width:100%;
	margin-top:20px;
}
#order_footer, #order_footer2, #order_footer3, .footer{
	text-align: center;
	margin-top:60px;
}
.pick_label{
	padding-left:40px;
}
.pick_change .checkmark{
	top:13px;
}
.pick_change .checkmark:after{
	top:-9px;
}
#pick_header{
	float:left;
	position: relative;
	width:100%;
	height:60px;
}
#pick_header .pick_box{
	height:60px;
}
#pick_header .pbox2{
    font-family: 'Founders Grotesk Bold';
	font-size:20px;
	line-height:24px;
	padding-top:10px;
}
#pick_header .pbox3 span, #pick_header .pbox4 span{
	transform:rotate(-90deg);
	height:60px;
	width:60px;
	font-size:14px;
	line-height:14px;
	display: block;
	text-align: left;
}
#pick_header .pbox3 span{
	padding-top:24px;
	padding-left:5px;
}
#pick_header .pbox4 span{
	padding-top:17px;
	padding-left:5px;
}
#pick_header .checkmark{
	top:20px;
}
#pick_header .checkmark:after{
	top:-9px;
}
.pick_title{
	float:left;
	position: relative;
	width:100%;
	color:#fef2e4;
	background:#005151;
	border-bottom:1px solid #fef2e4;
	height:30px;
	line-height:30px;
	text-transform: uppercase;
    font-family: 'Founders Grotesk Semibold';
	font-size:20px;
}
.pick_title .pbox1{
	width:7%;
	height:100%;
	border-right:1px solid #fef2e4;
}
.pick_title .pbox2{
	height:100%;
	width:93%;
	padding-top:0px;
}
.pick_wrapper{
	float:left;
	position: relative;
	width:100%;
	font-size:16px;
	margin-top:-1px;
}
.pick_row{
	float:left;
	position: relative;
	width:100%;
	height:30px;
	line-height:30px;
	color:#000;
	border-bottom:1px solid #005151;
	border-right:1px solid #005151;
	border-left:1px solid #005151;
}
.pick_box{
	float:left;
	position: relative;
}
.pick_row .pbox3, .pick_row .pbox4{
	font-size:12px;
}
.pick_row .pbox4 .formfeld{
	height:30px;
}
.pbox1{
	width:calc(7% - 1px);
	border-right:1px solid #005151;
	height:100%;
}
.pbox2{
	border-right:1px solid #005151;
	width:calc(63% + 1px);
	padding-left:5px;
}
.pbox3{
	border-right:1px solid #005151;
	width:15%;
	text-align: center;
}
.pbox4{
	text-align: center;
	width:15%;
}

/* ORDER 3 */
#order_3 .info{
	position: relative;
	right: inherit;
	bottom:inherit;
	margin-left:5px;
}
#order_text{
	width:100%;
	height:350px;
	resize: none;
	color:#8c8c8c;
	padding:10px;
	font-size:20px;
	line-height:25px;
	-webkit-box-shadow:inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:   inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:        inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	margin-top:30px;
	border-radius:3px;
}

/* ORDER 4 */
.select{
	font-size:25px;
	width:215px;
	height:30px;
	text-align: right;
	-webkit-box-shadow:inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:   inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:        inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	border-radius:3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	line-height:20px;
	border:none;
	padding-right:20px;
	background:url("../img/select.png") top 11px right 5px no-repeat;
	padding-left:5px;
}
.select:after{
	content:"9660";
	display: block;
}
.select option{
	font-size:20px;
}


/* ETC */
.embed-container{
	position:relative;
	padding-bottom:56.25%; /* ratio 16x9 */
	height:0;
	overflow:hidden;
	width:100%;
	height:auto;
}
.embed-container iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.tooltip{
	width:200px !important;
}
#change{
	margin-left:0px;
	margin-top:20px;
}
#change:hover{
	color:#FFF;
}

/* FORM */
#input_wrongdiv, #input_wrongdiv1, #input_wrongdiv2{
	display:none;
	color:#F00;
	margin:5px 0px 25px 0px;
}
#after_send{
	display:none;
	color:green;
	margin:5px 0px 25px 0px;
}

/* FOOTER */
#footer_wrapper{
	height:150px;
	background:#FFF;
	width:100%;
	position: relative;
	float: left;
}
#footer, #footer2{
	position: relative;
	width: 1200px;
	float: left;
	margin-left: calc((100vw - 1200px) / 2);
	padding-top:32px;
}
#footer2_wrapper{
	height:150px;
	background:#005151;
	color:#FFF;
	width:100%;
	position: relative;
	float: left;
}
#footer2{
	padding-top:25px;
}
#footer2 a{
	text-decoration: underline;
	color:#FFF;
}
#footer2 .right{
	text-align: right;
}
.footer_img{
	float:left;
	width:calc(100% / 11);
	position: relative;
}
.footer_img img{
	width:100%;
	float: left;
	position: relative;
	height:auto;
}

/* COOKIES */
#cookie_wrapper{
	position:fixed;
	left:0px;
	bottom:0px;
	color:#fff;
	background:#8a7e78;
	min-height:39px;
	text-align:center;
	padding:0px 24px;
	font-size:14px;
	width:100%;
	z-index:9999999;
}
#cookie_wrapper a{
	color:#fff !important;
	text-decoration:underline !important;
}
#cookie_accept{
	position:absolute;
	display:block;
	right:11px;
	top:0px;
	cursor:pointer;
}

/* SPINNER */
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background:#005151;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#important{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	background:red;
	color:#FFF;
	text-align: center;
	padding:10px;
}