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

@import "/layouts/layout5/css/fonts.css";
/* @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700); */
/* @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700); */


/* -------------------- just temporary -------------------- 
@import "/layouts/mls/css/foundation/normalize.css";
@import "/layouts/mls/css/foundation/foundation.min.css"; 
*/


body {
	line-height: 1.6;
	background-color: rgba(20, 20, 20, 0.2);
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #777;
}

body, p {
    font-family: "Roboto", "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-weight: 400;
}

a, a:hover {
	color: rgb(122, 181, 29);
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-weight: 300;
	color: #555;
}

h2.presem {
	color: #847930;
	font-size: 1.375rem;
	font-weight: 400;
}

hr, fieldset {
  border-color: rgba(20, 20, 20, 0.25);
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  background-color: #FAFAFA;
  border: 1px solid rgba(20, 20, 20, 0.3);
  color: inherit;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  background: none repeat scroll 0 0 #FAFAFA;
  border-color: rgba(20, 20, 20, 0.7);
  box-shadow: 0 0 5px rgba(20, 20, 20, 0.5);
  outline: medium none;
}

#header_container .standard {
/*    display: none; */
	float: left;
	margin: 0.5rem 0.9375rem 2rem;
}

#header_container img {
	display: block;
	margin: auto;
}


#main_container {
    position: relative;
	background-color: #fff; 
}





/* -------------------- bg_all -------------------- 

#bg_all {
	background-color: #eee;
	background-attachment: fixed;	
	background-image: url("/files/76/42/6079889729400.jpg "); 
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -9999999;	
} 	*/

/* -------------------- Languages -------------------- */

.lang-li {
	background: transparent !important;
	text-transform: uppercase;
} 

/* -------------------- Search -------------------- */

#search {
	float: right;
	margin: 2.5rem 0.9375rem 0.9375rem;
}

#search * {
    margin: 0;
} 

#search .button {
	font-family: inherit;
	font-size: 0.875rem;
	height: 2.3125rem;
	padding: 0.5rem 1rem;
}

#search .search {
	border-right: none;
}

#search .button input {
	color: #fff;
}


/* --------------------  Languages / Header / Navigation-1 -------------------- */


#language_container, #header_container_wrap  {
	background: rgba(255, 255, 255, 0.8);
/*	position: relative;
	z-index: 80; */
}

#header_container  {

}

#flags {
  overflow: hidden;
}

#topmenu_container_wrap  {
/*	background: rgba(20, 20, 20, 0.2);
	position: relative;
	z-index: 79; 
	box-shadow: 0 7px 0 rgba(180, 141, 88, 0.5); */
}


#flags, #topmenu_container {
	background: transparent;
/*  max-width: 1200px; */
}


/* ---------------------------------------------------------------
						Navigation  1				
--------------------------------------------------------------- */

/* ----  fonts ---- */


.top-bar-section ul li > a, .top-bar-section .dropdown li a, #left_navbar ul li a {
	color: #666;
	font-family: "Roboto","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-size: 0.95rem;
}

.top-bar-section .dropdown li a, #left_navbar ul li a, .fake-link {
	font-weight: 400;
}

/* ----  Level 1+2 ---- */

.top-bar-section ul {
	background: transparent; 
}

.top-bar-section > ul > li:hover,
.top-bar-section > ul > li.active,
.top-bar-section > ul > li.active:hover {
	background: #fff;
}

.top-bar-section > ul > li:hover:not(.has-dropdown),
.top-bar-section > ul > li.active:hover:not(.has-dropdown) {
	background: rgb(255, 255, 255);
}

.top-bar-section > ul > li:not(.has-form) > a:hover:not(.button) {
	background: rgba(20, 20, 20, 0.5);
}

.top-bar-section ul li:hover:not(.has-form) > a {
	background: rgba(20, 20, 20, 0.5);
	color: #fff;
}

.top-bar-section > ul > li.active:not(.has-form) > a:not(.button) {
	background: rgba(122, 181, 29, 0.85);
/*	box-shadow:  0 -8px 0 0 rgb(221, 126, 63) inset; */
	color: #fff;
}

.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
	background: rgba(122, 181, 29, 0.85);
}

.top-bar-section > ul > li.active:hover:not(.has-form) > a:not(.button) {
	background: rgba(20, 20, 20, 0.5);
	color: #fff;
	box-shadow: none;
}

.top-bar-section > ul > li.active:hover:not(.has-dropdown) > a:not(.button) {
	background: rgba(122, 181, 29, 0.85);
	color: #fff;
/*	box-shadow: 0 -8px 0 0 #DD7E3F inset;  */
}

.top-bar-section li:not(.has-form) a:not(.button) {
	background: transparent;
	border-radius: 5px 5px 0 0;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
	background: rgba(20, 20, 20, 0.25);
	color: #fff;
}

.top-bar-section .dropdown {
	background: #fff;
}

.top-bar-section .right li:not(.moved) .dropdown {
/*  left: 0;	*/
}

.top-bar-section .dropdown li {
	background: rgba(20, 20, 20, 0.5);
	float: left;
}

.top-bar-section .dropdown li:not(.back) {
/*	width: 50%; */
}

.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
  background: none repeat scroll 0 0 transparent;
  color: #fff;
}

.top-bar-section .dropdown li:not(.has-form) a:hover:not(.button) {
  background: none repeat scroll 0 0 rgba(20, 20, 20, 0.3);
  color: #fff;
}

.top-bar-section li.active:not(.has-form) ul.dropdown a:not(.button) {
	background: rgba(0, 0, 0, 0);
	color: #fff;
}

.top-bar-section li.active:not(.has-form) ul.dropdown a:hover:not(.button) {
	background: rgba(20, 20, 20, 0.3);
	color: #fff;
}

.top-bar-section .has-dropdown:not(.moved) > .dropdown {
/*  width: 310px !important;	*/
}

/* ----------------  Level 1+2 Expanded(Menu) -------------- */


#left_container {
	display: none !important;
}

#topmenu_container.expanded .dropdown li a {
	padding: 12px 15px;
}

#topmenu_container.expanded .top-bar-section ul {
/*	background: #fff;  */
}

.top-bar.expanded .title-area {
	background: transparent;
}

.top-bar .toggle-topbar.menu-icon a, .top-bar .mobile-search a, .top-bar.expanded .toggle-topbar a {
	color: #666;
/*	font-size: 0.875rem; */
	height: 34px;
	line-height: 33px;
/*	padding: 0 25px 0 0; */
	position: relative;
	text-indent: 0;
}

.top-bar .mobile-search {
	margin-top: -16px;
	padding-left: 40px;
	position: absolute;
	right: 100px;
	top: 50%;
}

.top-bar .mobile-search a {
	font-size: 1.4rem;
	font-weight: normal;
	padding: 0 25px 0 0;
}

.top-bar .toggle-topbar.menu-icon a:after, .top-bar.expanded .toggle-topbar a:after {
	box-shadow: 0 10px 0 2px #666, 0 17px 0 2px #666, 0 24px 0 2px #666;
}

#topmenu_container.expanded .top-bar-section > ul > li {
	background: rgba(20, 20, 20, 0.4); 
/*	border: 5px solid rgba(20, 20, 20, 0.9); 
	float: left;
    width: 32.666%;
	margin: 0 1% 1% 0; */
}

#topmenu_container.expanded .top-bar-section > ul > li:nth-child(5),
#topmenu_container.expanded .top-bar-section > ul > li:last-child {  
	margin-right: 0;
}	

#topmenu_container.expanded .top-bar-section > ul > li > a {
	color: #fff;
    text-align: center;
	padding: 20px 0;
}

#topmenu_container.expanded .top-bar-section > ul > li > a:hover,
#topmenu_container.expanded .top-bar-section ul li.active > a:hover {
	background: rgba(20, 20, 20, 0.25); 
}	

#topmenu_container.expanded .top-bar-section ul li.active > a {
/*	background: rgb(97, 167, 226);  */
	color: #fff;
}

			/* ----  Adjust topbar height for small only ---- */

@media only screen and (max-width: 40em) {
	#topmenu_container_wrap {
    	padding-top: 10px;
	}
	.top-bar {
    	height: 55px;
	}
	.top-bar-section ul {
  		margin-top: 10px;
	}
}  




/* ----  "Back"-button ---- */

.back h5 {
  margin: 0;
}

.top-bar-section .dropdown li.title h5 a {
/*  background: none repeat scroll 0 0 rgba(20, 20, 20, 0.75) !important; */
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF !important;
  text-indent: -1000px;
}

/*
.top-bar-section .dropdown li.title h5 a:hover {
	background: rgba(20, 20, 20, 1) !important;
	color: #fff !important;
}	
*/

.top-bar-section .dropdown li.title h5 a:after {
  border-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 0.9) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-image: none;
  border-style: inset inset inset solid;
  border-width: 10px;
  content: "";
  display: block;
  height: 0;
  left: 5px;
  margin-right: 15px;
  margin-top: -4.5px;
  position: absolute;
  top: 17px;
  width: 0;
}

/* ----  arrows ---- */

.top-bar-section .has-dropdown > a:after {
  border-color: rgb(180, 141, 88) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.top-bar-section .has-dropdown.active > a:after,
.top-bar-section .has-dropdown > a:hover:after {
/*  border-color: rgb(255, 255, 255) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);	*/
}

.expanded .has-dropdown > a:after {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
/*	margin-right: 0;
	margin-top: 0;
	right: 45%;
	top: 60px;	*/
}

.expanded .has-dropdown.active > a:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}

/* ----  divider ---- */

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
  border: none;
}

.top-bar-section .divider, .top-bar-section [role="separator"] {
  border: none;
  clear: both;
  height: 1px;
  width: 100%;
  display: none;
}

.expanded .top-bar-section .divider, .top-bar-section [role="separator"] {
  border-top: 1px solid #fff;
  clear: both;
  height: 1px;
  width: 100%;
  display: block;
}



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

#content_wrap {
	background-color: rgba(20, 20, 20, 0.05);
/*	background-image: linear-gradient(#e5e5e5, #f4f4f4, #e5e5e5);  */
	position: relative;
	min-height: 35vh;
}

#history_wrap {
/*	background: rgba(20, 20, 20, 0.05); */
	position: relative;
	z-index: 0;
}

#history_wrap, #content_container {
/*  background: rgba(255, 255, 255, .95) */
}

#history {
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	color: #909090;
	padding-bottom: 1rem;
	padding-top: 1.5rem;
}

/* -------------------- Userpanel -------------------- */

#userpanel {
	line-height: 0;
}

/* -------------------- Navi-2  -------------------- */

.side-nav li, .inline-list {
	font-family: "Roboto","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: .9375rem;  
}

#left_navbar li.level > a {
	background: none repeat scroll 0 0 rgba(97, 167, 226, 0.8);
	padding: 0.16667rem 0.88889rem;
}

#left_navbar ul ul li.level > *:before {
	content: "»";
	font-size: 1.25rem;
	margin-right: 0.25rem;
	line-height: 0;
}

#left_navbar ul {
	padding-top: 0;
} 

#left_navbar ul ul {
	padding: 0 0 0 0.875rem;
}


/* -------------------- Navi-2/3 active -------------------- */

#left_navbar ul li a.menu-2-2,
#left_navbar ul li a.menu-3-2 {
	background: none repeat scroll 0 0 rgba(20, 20, 20, 0.25);
	color: rgb(4, 46, 80);
	padding: 0.16667rem 0.88889rem;
}

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

#content_container {
	padding-top: 1rem;
/*	padding-bottom: 1rem; */
}

#content_container img {
	border-radius: 5px;
}

/* -------------------- Content / Overview / Newslist / Panels -------------------- */

.box1 .standard img,
.box2_1 .standard img,
.box2_2 .standard img {
	margin-bottom: 1.25rem;
}

.overview-1-nav .left-inline,
.overview-1 .left-inline {
	float: left;
}

.box-leftinline .left-inline,
.overview-1-nav .left-inline,
.overview-1 .left-inline,
.news-image {
	margin-right: 0.9375rem;
}

.overview-2-nav .left-inline,
.overview-2 .left-inline,
.overview-3-nav .left-inline,
.overview-3 .left-inline {
	margin-bottom: 0.5rem;
}

.panel-secondary, .panel-secondary-light, .panel-primary  {
	color: #fff;
	margin-bottom: 1.25rem;
	padding: 1.25rem;
}

.panel {
	background-color: rgba(20, 20, 20, 0.15);
	border: none;
}

.overview-content.panel {
	background-color: rgba(122, 181, 29, 0.2);
	border-radius: 10px;
}

.overview-content .left-inline a img {
	border: 8px solid rgba(122, 181, 29, 0.25);
}

.overview-header {
	margin-bottom: 0.75rem;
}


.description {
	color: #999;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
}

.panel-secondary {
	background-color: rgba(20, 20, 20, 0.7);
/*	background-image: linear-gradient(rgba(20, 20, 20, 0), rgba(0, 0, 0, 0.1));	*/
}

.panel-secondary-light {
	background-color: rgba(20, 20, 20, 0.4);
/*	background-image: linear-gradient(rgba(20, 20, 20, 0), rgba(0, 0, 0, 0.1));	*/
}

.panel-primary {
	background-color: rgba(180, 141, 88, 0.7);
/*	background-image: linear-gradient(rgba(221, 126, 63, 0), rgba(0, 0, 0, 0.1));	*/
}


.panel-secondary h1, .panel-secondary h2, .panel-secondary h3, .panel-secondary h4, .panel-secondary h5, .panel-secondary h6, .panel-secondary p,
.panel-secondary-light h1, .panel-secondary-light h2, .panel-secondary-light h3, .panel-secondary-light h4, .panel-secondary-light h5, .panel-secondary-light h6, .panel-secondary-light p,
.panel-primary h1, .panel-primary h2, .panel-primary h3, .panel-primary h4, .panel-primary h5, .panel-primary h6, .panel-primary p {
  color: #fff;
}

.panel-secondary .button, .panel-secondary-light .button, .panel-primary .button {
  margin-bottom: 0;
}

button, .button {
  background-color: rgba(122, 181, 29, 0.85);
/*  background-image: linear-gradient(rgb(229, 190, 137), rgb(180, 141, 88)); */
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

button:hover, button:focus, .button:hover, .button:focus {
  background-color: rgba(122, 181, 29, 1);
/*  background-image: linear-gradient(rgb(180, 141, 88), rgb(180, 141, 88)); */
}

button a, .button a {
	color: #fff;
}

.circle {
  border-radius: 1000px;
}



/* -------------------- Footernavigation / Mainlinks / Copyright -------------------- */

#footernavigation_wrap, #copyright-container_wrap {
	background: rgba(20, 20, 20, 0.2);
}

#mainlink_container_wrap {
/*	background: rgba(20, 20, 20, 0.2); */
	position: absolute;
	top: 0;
	width: 100%
}

#feedbackLink, .footnav, .main-1, .main-2 {
	padding-left: 0.9375em;
	padding-right: 0.9375em;
}

.footnav strong {
  color: #847930;
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 400;
}

.footnav ul {
  list-style-type: none;
  margin: 0;
  padding-top: 0.5rem !important;
}

.footnav ul li { 
  	margin: 0 0 0.125rem;
}

#mainlink_container, #footernavigation, #footernavigation ul, .copyright-container {
	color: #777;
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	padding: 0.875rem 0;
}


#feedbacklink, .main-1, .main-1:hover, .footnav a {
	color: #777;
}

.main-2, .main-2:hover {
	color: #fff;
}

.icon-user-3 {
  float: right;
  font-size: 1.3rem;
  margin-right: -8px;
}


			/* -------------------- Footernavigation / Mainlinks / Copyright:  center elements -------------------- 
			

#mainlink_container, #footernavigation, .copyright-container {
	text-align: center;
}

#feedbackLink, .footnav, .main-1, .main-2 {
	display: inline-block;
	vertical-align: top;
	float: none!important;
	text-align: left;
}																*/										
	


/* -------------------- e-mail Form -------------------- */

fieldset legend {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #666666;
	font-size: 0.875rem;
	font-weight: normal;
	text-transform: uppercase;
}

label.labeltext {
	color: inherit;
	font-size: inherit;
}

span.required {
	color: #008CBA;
}

.label {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: inherit;
	display: inline-block;
	font-family: inherit;
	font-size: 0.875rem;
}







 Form 

.fform * {
	font-family: inherit;
	font-size: inherit;
}

.fform table {
	background: none;
	border: none;
	margin: 0;
}

.fform table td {
	margin: 0;
	padding: 0 !important;
}

input.fsubmit {
	float: right;
}



table tr.even, table tr.alt, table tr:nth-of-type(2n) {
	background: none !important;
}













/* Foundation */

/* ---- Orbit-Slider ---- */

.orbit-container .orbit-timer .orbit-progress {
  background-color: rgba(20, 20, 20, 0.7);
}

.orbit-container .orbit-timer.paused > span {
  border-color: rgba(0, 0, 0, 0) rgba(20, 20, 20, 0.7) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.orbit-container .orbit-timer > span {
  border-color: rgba(0, 0, 0, 0) rgba(20, 20, 20, 0.7) rgba(0, 0, 0, 0) rgba(20, 20, 20, 0.7);
}

.orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
	background-color: rgba(20, 20, 20, 0.5);
}

.orbit-container .orbit-next > span {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(20, 20, 20, 0.7);
}

.orbit-container .orbit-prev > span {
  border-color: rgba(0, 0, 0, 0) rgba(20, 20, 20, 0.7) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.orbit-container .orbit-slides-container > * .orbit-caption {
	background-color: rgba(20, 20, 20, 0.8);
}

.orbit-bullets li {
	background: none repeat scroll 0 0 rgba(20, 20, 20, 0.3);
}

.orbit-bullets li.active {
	background: none repeat scroll 0 0 rgb(4, 46, 80);
}

.orbit-container .orbit-slides-container img {
	margin: 0 auto;
}


/* ---- Lightbox ---- */

.th {
  background: none repeat scroll 0 0 #dcdcdc;
  border: 4px solid rgba(180, 141, 88, 0.6);
  border-radius: 10px;
  box-shadow: none;
  padding: 5px;
}

.th:hover, .th:focus {
  border: 4px solid rgba(180, 141, 88, 1);
  box-shadow: none;
}

/* ---- Reveal Modal ---- */

dialog, .reveal-modal {
  background-color: #fff;
}






.lightbox [data-clearing] li {
	margin-bottom: 10px;
}

.lightbox table, .lightbox table td {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.clearing-assembled .clearing-container .carousel > ul li .th {
  border: medium none;
  box-shadow: none;
  display: block;
}











/*
.top-bar-section ul {
	font-size: 18px;
}

.top-bar-section ul li > a {
	color: #888888;
	font-weight: bold;
	text-transform: uppercase;
}

.top-bar-section .dropdown li a {
	color: #888888;
    padding: 12px 20px;
}

.top-bar-section ul li > a:hover, .top-bar-section .dropdown li a:hover {
	color: orange;
}


p {
    font-size: 0.9em;
}

*/

/* Custom */

.lg, .lg_small {
	background-image: url("/files/1/36890735746447500.png"); 
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 45px;
	margin-left: 16px;
	overflow: hidden;
	text-align: left;
	text-indent: -119988px;
	transition: opacity 0.17s linear 0s;
}
.lg_small:before {
	content: "Name";
}

.lg {
	width: 246px;
}

.lg_small {
/*	background-size: 100% auto; */
	width: 103px;
}

@media only screen and (min-width: 40.063em) {
	.lg_small {
    	display: none !important;
	}
}


/* tables */

.quali {
	background: rgba(122, 181, 29, 0.1);
}

.quali td {
	  border: 6px solid #fff;
	  color: inherit;
}

.quali td:first-child {
	vertical-align: middle !important;
}

.quali p {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
margin: 0;
}



/* toTop button Xibis */

#toTop-right {
  border-radius: 100%;
  bottom: 10px;
  color: #FFFFFF;
  display: none;
  font-weight: 400;
  height: 70px;
  outline: medium none;
  position: fixed;
  right: 0.9375rem;
  text-decoration: none;
  text-indent: -2000px;
  width: 70px;
}

.icon-arrow-up:before {
  content: "";
}

#toTop-right i:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(255, 255, 255, 0.6);
  border-image: none;
  border-style: inset inset inset solid;
  border-width: 20px;
  content: "";
  display: block;
  height: 0;
  left: 15px;
  margin-right: 15px;
  margin-top: -4.5px;
  position: absolute;
  top: 4px;
  width: 0;
}

.bttn {
  background: none repeat scroll 0 0 rgba(20, 20, 20, 0.4);
  color: #FFFFFF;
  padding: 12px 16px;
}

.bttn:hover {
  background: none repeat scroll 0 0 rgba(20, 20, 20, 0.7);
}



/* ---- felina mockup ---- */


/* ---- home ---- */

.box-marke {
	background-color: rgba(20, 20, 20, 0.2);
}

.box-marke-pos {
	background-color: rgba(255, 255, 255, 0.5);
}

.box-marke-c {
	background-color: #ec8e48;
}

.box-marke-u {
	background-color: #f9bb39;
}

.box-marke div, .box-marke-pos div, .box-marke-c div, .box-marke-u div {
  background: none;
  padding: 1.25rem;
  min-height: 170px;
}


/* ----  ---- */



@media only screen and (max-width: 40em) {
	.small-collapse {
    	margin: 0;
    	padding: 0;
	}
}

@media only screen and (max-width: 40em) {
	#test {
    	display: none !important;
	}
}

@media only screen and (min-width: 40.063em) {
	.serie-slider ul {
    	background: none !important;
	}
}


.bg-dark, .bg-dark-home, .bg-dark-overview {
	background-color: rgba(20, 20, 20, 0.65);
	box-shadow: -25rem 0 0 rgba(20, 20, 20, 0.65), 25rem 0 0 rgba(20, 20, 20, 0.65);
}

.bg-dark-home {
	margin-top: -1rem!important;
}

.bg-dark-overview {
	padding-top: 1.25rem;
}

.bg-white {
	background-color: #fff;
	box-shadow: -25rem 0 0 #fff, 25rem 0 0 #fff;
}

.bg-medium {
	background-color: rgba(20, 20, 20, 0.15);
	box-shadow: -25rem 0 0 rgba(20, 20, 20, 0.15), 25rem 0 0 rgba(20, 20, 20, 0.15);
}



/*
.serie_title_2 {
	background-color: rgba(20, 20, 20, 0.05);
	box-shadow: -25rem 0 0 rgba(20, 20, 20, 0.05), 25rem 0 0 rgba(20, 20, 20, 0.05);
	padding: 1rem 0;
	margin-bottom: 1.875rem;
}

.modelle-bg {
	background-color: rgba(20, 20, 20, 0.05);
	box-shadow: -25rem 0 0 rgba(20, 20, 20, 0.05), 25rem 0 0 rgba(20, 20, 20, 0.05);
	padding: 1rem 0;
	margin-bottom: 1.875rem;
}

.modelle-bg * {
	color: #ccc2a9; 
}

*/


.serie-slider ul {
	background: rgba(20, 20, 20, 0.2);
}








ul.colors {
	overflow: visible;
}

ul.colors li {
  margin-bottom: 1.375rem;
}

ul.colors li > a {
  box-shadow: 0 0 0 3px rgba(20, 20, 20, 0.2);
}

ul.colors li.active > a {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px rgba(180, 141, 88, 0.97);
}

ul.colors li > a.has-tip {
	border: none;
}




.pikto_wrap {
	background-color: #dcdcdc;
	position: relative;
	margin-bottom: 1.875rem;
	overflow: hidden;
/*	border-radius: 10px; */
}

.pikto_wrap_2 {
	background-color: #b48d58;
	background-image: linear-gradient(#e5be89, #b48d58);
	position: relative;
	margin-bottom: 1.875rem;
	overflow: hidden;
/*	border-radius: 10px;  */
}

.pikto_wrap_2:hover {
	background-color: #b48d58;
	background-image: linear-gradient(#b48d58, #b48d58);
}


.pikto_wrap:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.pikto {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.pikto div {
/*	background-color: rgba(20, 20, 20, 0.25); */
	background-image: linear-gradient(rgba(20, 20, 20, 0.05), rgba(20, 20, 20, 0.25));
	width: 100%;
	height: 100%;
	position: absolute;
}


.pikto div:hover {
	background-color: rgba(20, 20, 20, 0);
	background-image: linear-gradient(rgba(20, 20, 20, 0.1), rgba(20, 20, 20, 0.45));
}

.cup {
  text-align: center;
  padding: 0 0 1.25rem !important;
}


/* ---- tabs sizes ---- */


.tabs dd {
  text-align: center;
}

.tabs dd > a {
  background-color: rgba(180, 141, 88, 0.7);
/*  background-image: linear-gradient(#e5be89, #b48d58); */
  border-radius: 3px;
  color: #ffffff;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 1rem;
}

.tabs dd > a:hover {
  background-color: rgba(180, 141, 88, 1);
/*  background-image: linear-gradient(#b48d58, #b48d58); */
}

.tabs dd.active a {
  background: rgba(20, 20, 20, 0.85);
/*  color: #999; */
}

.tabs-content > .content {
/*  background: none repeat scroll 0 0 rgba(20, 20, 20, 0.85); */
  border-radius: 5px;
  padding: 0.9375rem 0;
/*  text-align: center; */
}

/*
@media only screen and (min-width: 64.063em) {
	.tabs-content > .content {
    	width: 50%;
	}
}
*/

.tabs-content > .content > h2 {
/*  color: #999; */
  font-weight: 700;
  margin: 0;
}




/* ---- accordion sizes ---- */




#speakers.accordion dd.active {
  background: none repeat scroll 0 0 rgba(20, 20, 20, 0.05);
  box-shadow: -25rem 0 0 rgba(20, 20, 20, 0.05), 25rem 0 0 rgba(20, 20, 20, 0.05);
}

#speakers.accordion dd > a {
  background: none repeat scroll 0 0 rgba(122, 181, 29, 0.2);
  color: #847930;
  border-radius: 10px;
  font-family: inherit;
  font-size: 1.5rem;
  position: relative;
}

#speakers.accordion dd:not(.active) > a, #speakers.accordion .content.active {
  margin-bottom: 6px;
}

#speakers.accordion dd.active > a {
  background: none;
  font-size: 2.25rem;
  font-weight: 300;
  padding-bottom: 0;
  text-align: center;
}

#speakers.accordion .content.active {
  background: none;
}

#speakers.accordion dd > a > img {
  margin-right: 1rem;
  width: 80px;
}

#speakers.accordion dd.active > a > img {
  width: 200px;
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 40em) {
	#speakers.accordion dd:not(.active) > a > img {
    	display: none;
	}
	#speakers.accordion dd > a:after { 
		top: 30px !important;
	}
	#speakers.accordion dd.active { 
		background: none !important;
		box-shadow: none !important;
	}
} 

#speakers.accordion dd > a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 12px;
	border-color: rgba(20, 20, 20, 0.25) transparent transparent transparent;
	border-left-style: solid;
	margin-right: 30px;
	position: absolute;
	top: 60px;
	right: 0; 
}

#speakers.accordion dd.active > a:after {
	border-color: transparent transparent rgba(20, 20, 20, 0.7) transparent; 
	top: 48px;
}

#size-matrix.accordion dd.active > a:before {
	border-color: transparent transparent rgba(20, 20, 20, 0.7) transparent;
	top: 1rem;
}

#size-matrix.accordion .content {
  padding: 0.9375rem 0;
}

.size_av {
	background-color: rgba(180, 141, 88, 1);
	width: 30px;
}

.size_noav {
	background: #fff;
	border: 2px solid rgba(180, 141, 88, 1);
	width: 30px; 
}

.size_av, .size_noav, .ubw_txt li {
	height: 30px; 
	display: block;
	margin: 0.5rem auto;
}

.ubw, .ubw_txt {
	margin-left: 0;
}

.ubw li {
	box-shadow: 0 15px 0 0 #fff inset, 0 16px 0 0 #dcdcdc inset;
	list-style-type: none;
}





.back-button {
	background: none repeat scroll 0 0 rgba(180, 141, 88, 0.7);
	display: block;
	height: 5rem;
	margin: 1.25rem 0 1.25rem;
	position: relative;
	width: 5rem;
}

.icon-arrow-left-3 {
	color: #eee !important;
	font-size: 2rem;
}

.icon-arrow-right-3 {
	color: rgba(255, 255, 255, 0.6) !important;
	float: right;
	font-size: 3.5rem;
}

.icon-arrow-right-3:hover {
	color: rgba(122, 181, 29, 0.85) !important;
}

.icon-info {
	color: rgba(255, 255, 255, 0.6) !important;
	float: left;
	font-size: 2.5rem;
}

.back, .back-ico {
	float: left;
}

.back-ico a {
  font-size: 2rem;
  line-height: 0;
  padding: 0.75rem 1rem;
}

.back-ico {
	background-color: rgba(122, 181, 29, 0.85);
	border-radius: 5px;
	margin-bottom: 1.25rem;
	padding: 1rem 0;
}

.back-ico:hover {
	background-color: rgba(122, 181, 29, 1);
}

.back {
	padding: 1rem .5rem;	
}