/*

Grundfarben:

Dunkelblau (Schrift und Flächen): #193a68
Hellgrau (Suchfeld, Balken, Footer HG, PZN...): #ebeef1 
Grau (Schrift): #666666

Serienfarben:

Hydrolipid: #ad98da
Sensitive: #ebadc5
Clear Balance: # 40dac5
Anti Age: # 7d003e 
Active Balance: #ffb16f
UREA: #5eb0e5

Neutrale HG-Farbfläche: #7a97c0

*/

/* http://menacingcloud.com/?c=cssViewportOrMetaTag */
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/*
 * Fonts
 **********************************************/

/*@font-face {
    font-family: 'desyrelregular';
    src: url('../fonts/desyrel-webfont.eot');
    src: url('../fonts/desyrel-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/desyrel-webfont.woff') format('woff'),
         url('../fonts/desyrel-webfont.ttf') format('truetype'),
         url('../fonts/desyrel-webfont.svg#desyrelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/*
 * General
 **********************************************/
 .clear {
 	clear: both;
 }
 /* html elements */
  
 body {
	color: #193a68;
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
 }
 
 img {
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimizeQuality;
 }
 
 /* override BS list-indent */
 ul {
	padding-left : 20px;
 }
 
 a {
	color: #193a68;
	-webkit-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
	outline: 0;
 }
 
 a:hover, a:active, a:focus {
	outline: 0;
}
 
 a:hover, a:focus {
	color: #003889; /* shades: #002862 #003889 */
	text-decoration: underline;
 }
 
 a:focus {
	outline: 0px;
 }
 .gewinnspiel #component a,
 .articleBody a {
 	text-decoration: underline;
 }
 .gewinnspiel #component a:hover,
  .articleBody a:hover {
 	text-decoration: none;
 }
 .freibxslider a {
 	text-decoration: none;
 }
 
p {}
 
 p:last-of-type {
    margin-bottom: 0;
 }
 
 hr {
	 clear: both;
	 border-top: 1px solid #b2b2b2;
	 margin-top: 40px;
 }
 
 iframe {
    max-width: 100%; 
 }

 
 /* pseudo */
 
::-webkit-input-placeholder { color: #193a68;}
:-moz-placeholder { color: #193a68; }
::-moz-placeholder { color: #193a68;  }
:-ms-input-placeholder {  color: #193a68;  }
 
/*
 * Typo
 **********************************************/
 
h1 {
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	/*-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;*/
 }

h2 {
	margin-top: 0;
	font-size: 35px;
}
h3 {
	margin-top: 0;
	font-size: 25px;
}

 
h2, h3, h4, h5, h6 {
	font-family:"Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	/*-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;*/
 }
 
 h1.deco_font,  h1 span.deco_font,
 h2.deco_font,  h2 span.deco_font,
 h3.deco_font,
 h4.deco_font,
 h5.deco_font,
 h6.deco_font {
	/*font-family: "desyrelregular", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-weight: 300;
 }
 
 
 /* H1'en  '*/
	 
	 h1.page_heading {
		margin: 0px 0 50px;
		color: #193a68;
	  }
	  
	  h1.section_heading {
		/*font-family: "desyrelregular", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
		font-weight: 700;
		margin: 40px 0 50px;
		color: #193a68;
	  }
  
  /* Großüberschriften mehrfach, substituiert h1 */
	
	h2.handwrite {
		/*font-family: "desyrelregular", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
		font-weight: 700;
		color: #193a68;
		font-size: 36px;		
	}
	
	h2.section_heading,
	.item-page-default-layout .article_content_col h2.section_heading {
		font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 500;
		margin: 40px 0 20px;
		color: #193a68;
		font-size: 16px;
	  }
	  
	  h2.section_heading_alternative,
	  .item-page-default-layout .article_content_col h2.section_heading_alternative   {
		font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
		margin: 40px 0 10px;
		color: #193a68;
		font-size: 36px;
	  }
	  
	   h3.section_heading_alternative,
	  .item-page-default-layout .article_content_col h3.section_heading_alternative   {
		font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 300;
		margin: 40px 0 40px;
		color: #193a68;
		font-size: 24px;
	  }
  
	  /* daher wie h2: */
	  
	  h3.section_subheading {
		color: #193a68;
		font-weight: 300;
		margin-top: 30px;
	  }
 
	  /* Gemischte h1-Überschrift der Info-Specials */
	 
	  h1.info_special {
		font-weight: 300;
		font-size: 36px;
	  }

	  h1.deco_font, 
	  h1 span.deco_font {
		font-size: 36px;
		color: #193a68;
	  }
	  
	  /* Größere Variation des Dekofonts*/
	  
	  h1.deco_font_bigger,
	  h2.deco_font_bigger,
	  .fullwidth_section.headings  h1.deco_font_bigger {
		/*font-family: "desyrelregular", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
		font-weight: 700;
		font-size: 40px;
		color: #193a68;
		margin: 15px 0 0 0;
	  }
	  
	  h1.deco_font_bigger.heading,
	  h2.deco_font_bigger.heading {
		/*font-family: "desyrelregular", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
		font-weight: 700;
		font-size: 40px;
		color: #193a68;
		margin: 0 0 40px 0;
	  }
  
	 .produktserie_header.deco_font_bigger {
		margin: 0;
		line-height: normal;
	  }
 
	  p {
	  margin: 0 0 20px;
	  }
	
		/* Anführungszeichen, z.B. unter Prinzip */
		.quotationmarks {
	    	/*font-size: 30px;
	    	position: relative;
	    	top: 10px;
			font-family: 'PT Sans', sans-serif;*/
		}

/*
 * Custom styled elements
 */

ul.nobullets {
	list-style-type: none;
}
 
a.download_icon {
padding: 0 20px 0 51px;
line-height: normal;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
margin: 0;
text-decoration: underline;
font-weight: 700;
font-size: 14px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left-center;
}
 
a.pdf {
background-image:  url('/images/content/fileicons/pdf_document.png');
}

a.doc {
background-image:  url('/images/content/fileicons/doc.png');
}

a.xls {
background-image:  url('/images/content/fileicons/spreadsheet_document.png');
}

a.zip {
background-image:  url('/images/content/fileicons/zip.png');
}

a.radio.frei_radio {
	display: block;
	line-height: normal;
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
	color: #193a68;
	font-size: 12px;
	font-weight: 700;
	vertical-align: middle;
}

a.radio.frei_radio.odd {

}

a.radio.frei_radio i {
	display: block;
	width: 19px;
	height: 19px;
	background: transparent url('../images/frei/radio.png') no-repeat center bottom;
	float: left;
	margin-right: 10px;
}

a.radio.frei_radio.active i,
a.radio.frei_radio:hover i {
	background-position: center top;
}

a.radio.frei_radio.show_all_categories  {
	margin-top: 20px;
}


a.backBtn,
a.backBtnHistory {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	/*display:inline;*/
	line-height: normal;
	margin: 5px 0 20px 0;
	padding: 0 10px 0 0px;
	color: #193a68;
	font-size: 16px;
	font-weight: 700;
	text-align: right;
	text-decoration: none !important;
}
a.backBtn:hover,
a.backBtnHistory:hover {
	text-decoration: none !important;
}

a.backBtn i,
a.backBtnHistory i {
	width: 28px;
	height: 28px;
	background: transparent url('../images/frei/back.png') no-repeat center center;
	float: left;
	margin-right: 5px;
	position: relative;
    top: -5px;
}

/*
 * Keyframes
 */

@-webkit-keyframes fadeIn {
	0% { opacity: 0; margin-top: -36px;}
	20% { opacity: 0.10; }
	40% { opacity: 0.30; }
	60% { opacity: 0.50; }
	80% { opacity: 0.90; }
	100% { opacity: 1; margin-top: 0px;}
}

@keyframes fadeIn {
	0% { opacity: 0; margin-top: -36px;}
	20% { opacity: 0.10; }
	40% { opacity: 0.30; }
	60% { opacity: 0.5; }
	80% { opacity: 0.90; }
	100% { opacity: 1; margin-top: 0px;}
}

/*
 * Funktionsklassen
 */
 
/* inner wrappers */
 .mainwidth { 
	width: 960px; 
	max-width: 960px; 
	margin: 0 auto;		
}

/* component has no inner wrapper ".mainwidth" of its own, so give it a maximum width when in backend editing mode */
.frontendEditView #component {
	max-width: 960px; 
	margin: 0 auto;
}

/* micro clearfix (ie8+) */
.group:after {
	  content: "";
	  display: table;
	  clear: both;
}

/* make a absolutely positioned block element with higher a z-index */
	.scrollable {
		display: block;
		position: absolute; 
		z-index: 1;
		transition: all ease-out 500ms; /* PM, RH: Das hier evtl wieder auskommentieren, falls es zu seltsam aussieht beim Scrollen */
	}

/* visuallyHidden, screenreader only */
.visuallyHidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
} 
.not_there {
	visibility: hidden;
}

/*
 * MAINMENU_RESP
 **********************************************/
 
.mainmenu_responsive ul.slimmenu>li {
	border:none;
}
.mainmenu_responsive .responsive_menu {
	position: absolute;
    right: 0;
    /*z-index: 9999;*/
    width: 100%;
    bottom: 25px;
    background-color: transparent;
}
.mainmenu_responsive .menu-collapser {
	position: relative;
	background-color: transparent;
	color: #193a68;
	text-shadow: none;
	width: 100%;
	height: 48px;
	line-height: normal;
	font-size: 16px;
	padding: 0 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-weight: 700;
	z-index: 999;
}
 
.mainmenu_responsive .collapse-button {
	background: none;
	background-color: #193a68;
	color: #fff;
	border: none;
	box-shadow: none;
	height: 28px;
	z-index: 9999;
}
.mainmenu_responsive .responsive_menu.active_menu .collapse-button {
	background: none;
	background-color: #fff;
	color: #193a68;
	border: none;
	box-shadow: none;
}

.mainmenu_responsive .collapse-button .icon-bar {
background-color: #fff;
box-shadow: none;
}

.mainmenu_responsive .collapse-button:hover, 
.mainmenu_responsive .collapse-button:focus,
.mainmenu_responsive .collapse-button:active {
background-color: #193a68;
color: #fff;
}

.mainmenu_responsive ul.slimmenu li {
background-color: #FFFFFF;
}

.mainmenu_responsive ul.slimmenu > li.active {
border: 1px solid #193a68;
border-width: 0px 0px 0px 0px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
z-index: 4;
}


.mainmenu_responsive ul.slimmenu li .sub-collapser {
background: none;
background-color: transparent; 
color:  #193a68;
border-left: 0px;
}

.mainmenu_responsive ul.slimmenu.collapsed li .sub-collapser {
height: 86px;
background-image: url('/images/menu_arrow_down.png');
background-repeat: no-repeat;
background-position: center;
}
.mainmenu_responsive ul.slimmenu.collapsed li .sub-collapser.expanded {
background-image: url('/images/menu_arrow_up.png');
}

.mainmenu_responsive ul.slimmenu li .sub-collapser>i {
color: #193a68;
display: none;
}

.mainmenu_responsive ul.slimmenu.collapsed li a {
	border-bottom: 1px solid #ebeef1;
	color: #193a68;
	font-size: 30px;
	padding: 27px 64px 27px 16px;
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	border-color: #fff;
}

.mainmenu_responsive ul.slimmenu li a:hover {
	background-color: #193a68;
	color: #FFF;
	text-decoration: none;
}

.mainmenu_responsive ul.slimmenu.collapsed li.active  > a {
	background-color: #ebeef1;
	font-weight: 300;
}

.mainmenu_responsive ul.slimmenu.collapsed li.active  > a:hover {
	color: #193a68;
}

.mainmenu_responsive ul.slimmenu.collapsed li.current  > a {
 background-color: #ebeef1;
 font-weight: 700;
 border-left: 5px solid #193a68;
}

.mainmenu_responsive ul.slimmenu.collapsed li.current  > a:hover {
 color: #193a68;
}
.mainmenu_responsive ul.slimmenu.collapsed li.parent  > ul {
	padding-left: 0;
	list-style-type: none;
}
.mainmenu_responsive ul.slimmenu.collapsed li.parent  > ul li {
	background-color: #e5e8ed;
}
.mainmenu_responsive ul.slimmenu.collapsed li.parent  > ul li i {
	display: none;
}

/*
 * TOPBAR
 **********************************************/
 
 #topbar {
	margin: 20px 0 20px;
 }
 
 /* logo */
 
 .logo_frei_apothekenkosmetik {
	z-index: 9999;
 }
 .logo_frei_apothekenkosmetik img {
	float: left;
 }
 
 /* sekundäres menü */
 
 .menu_secondary {
	
 }
 
 .menu_secondary a {
	line-height: normal;
	color: #193a68;
	font-size: 12px;
	margin-right: 20px;
	padding: 0;
 }
  
 /* suchmodul und Such-Ergebnisseite */
		 
		.module_search .navbar-form-custom {
			margin: 10px 0 0 0;
		 }

		.module_search .navbar-form-custom  .input-group {
		 
			background-color: #ebeef1;
			border: none;
			-webkit-border-radius: 15px;
			border-radius: 15px;
			width: 100%;
			max-width: 220px;
		}

		 
		.module_search .navbar-form-custom .form-control {
			border: none;
			background: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		 }
		 
		.module_search .navbar-form-custom button {
			border: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			text-indent: -9999em;
			color: transparent;
			background: transparent url('../images/frei/lupe.png') no-repeat center center scroll;
			padding: 6px 30px 6px 12px;
		}

		.module_search .navbar-form-custom button:hover {
			background: transparent url('../images/frei/lupe.png') no-repeat center center scroll;
		}


		.module_search .navbar-form-custom .btn-primary:focus {
			color: #193a68;
			background-color: transparent;
			border: none;
		}
		
		
		#searchForm  .phrases{
			display: none;
		}
		#searchForm  .blue_button{
			margin-top: 0;
			margin-left: 10px;
		}
		#searchForm  .searchintro {
			margin-left: 202px;
			margin-top: 20px;
		}
		
		#component .search .result-text {
			margin-bottom: 20px;
		}

 
 /* Sprachauswahl */
 
 .mod-languages.frei_layout {
	margin-top: 22px;
}
	.mod-languages.frei_layout a {
		display: block;
		/*float: right;*/
	}
 
 .mod-languages.frei_layout a {
	color: #193a68;
	font-weight: 300;
	margin: 0 2px 0 0;
	padding: 0 7px 0 0;
	border-right: 1px solid #616265;
	font-size: 11px;
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
 }
 
  .mod-languages.frei_layout a:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
 }
 
 .mod-languages.frei_layout .pretext {
	display: none;
 }
 .mod-languages.frei_layout a.lang-active {
	color: #193a68;
	font-weight: 700;
 }
 
 
 
/*
 * MAINMENU
 **********************************************/
 
/* general */

	#mainmenu {
		background-color: transparent;
		-webkit-box-shadow: none;
		width: 100%;
		overflow: visible;
		margin-bottom: 0px;
		position: relative;
		padding-bottom: 13px;
		border-bottom: 3px solid transparent;
		-webkit-box-shadow: 0px 5px 7px -2px #BFBCBC;
		-moz-box-shadow: 0px 5px 7px -2px #BFBCBC;
		box-shadow: 0px 5px 7px -2px #BFBCBC;
	}

	#mainmenu .moduletable {
		position: relative;	
	}
	 
	#mainmenu ul {
		list-style: none;
		display: block;
	}
	 
	#mainmenu li {
		display: inline-block; 
		position: static; 
	}
	#mainmenu .main_menu > li {
		max-width: 112px;
    margin-right: 100px;
	}
	#mainmenu .main_menu > li > a {
    text-align: center;
	}
	
	#mainmenu li > a {
		-webkit-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
	}
	
/* level 0 */

	#mainmenu .level_0 { margin-top: 1px;}

	#mainmenu .level_0 > li > a {
		font-size: 20px;
		margin: 0;
		padding: 20px 11px;
		border: 1px solid transparent;
		border-radius: 5px;
	}
	
	#mainmenu .level_0 > li > a:focus {
		background-color: #FFFFFF;
		color: #193a68;
		outline: none;
	}
	
	#mainmenu .level_0 > li.active > a {
		background-color: #193a68;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#mainmenu .level_0 > li.opened > a {
		color: #193a68;
		background-color: #FFFFFF;
		padding: 7px 11px 5px;
		border: 1px solid #193a68;
	}

	#mainmenu .level_0 > li:hover > a {
		border-color: #C8C9CA;
		background-color: #fff;
		color: #193a68;
		z-index: 999;
	    border-bottom: 1px solid transparent;
	    border-bottom-left-radius: 0;
	    border-bottom-right-radius: 0;
	}
	#mainmenu .level_0 > li.meine_haut:hover > a {
	    border-bottom: 1px solid #C8C9CA;
	    border-bottom-left-radius: 5px;
	    border-bottom-right-radius: 5px;
	}
	
	/* Links mit Schaltfläche, Korrektur Grid */
	
	#mainmenu li.start_menu_link_parent {
		margin: 0 80px 0 0;
	}
	
	#mainmenu li.apotheken_menu_link_parent {
		position: absolute;
		right: 0;
		margin: 0 0 0 0;
	}

/* level 1 & 2 */

	#mainmenu .level_1,
	#mainmenu .level_2 {
		display: none;
	}

/* level 1 */

	/* show l1 child menu on hover l0 */
	#mainmenu .level_0 li:hover .level_1 {
		display: block;
	}
	
	#mainmenu .level_1 {
		position: absolute;
		left: 0;
		top: 35px;
		margin: 0;
		padding: 0;
		background: #FFFFFF;
		border: 1px solid #193a68;
		border-width: 1px 1px 1px 1px;
		width: 100%;
		max-width: 100%;
		min-height: 120px;
		-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.45);
		box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.45);
	}
	
	
	#mainmenu .level_1 > li {
		margin: 0;
		padding: 0;
		display: block;
	}
	
	#mainmenu .level_1 > li > a {
		border: none;
		color:  #193a68;
		padding: 5px 10px 5px;
		display: block;
	}
	

/* .modulmenu = neues level 1 */
	
	#mainmenu li .modulmenu {
	    display: none;
	    position: absolute;
		z-index: 3;
	    top: 82px;
	    left: -106px;
	    width: 907px;
	    min-height: 60px;
	    background: #FFFFFF;
	    border: 1px solid #C8C9CA;
		box-shadow:  0 1px 13px rgba(0,0,0,0.19);
		padding: 0;
		border-radius: 5px;
	}
	
	#mainmenu li:hover .modulmenu {
        display: block;
		-webkit-animation-name: fadeIn;
		-webkit-animation-duration: 300ms;
		animation-name: fadeIn;
		animation-duration: 300ms;
    }
	
	#mainmenu li .modulmenu h3 {
		font-size: 20px;
		font-weight: 700;
		line-height: normal;
        display: block;
        margin-bottom: 15px;
    }
	
	#mainmenu .modulmenu  li {
		display: block;
		border: none;
		background: none;
	}
	
	#mainmenu .modulmenu  li > a {
		display: block;
		border: none;
		font-size: 16px;
		padding: 15px 0px 15px 15px;
		margin: 0;
		line-height: normal;
		background: none;
	}
	#mainmenu .modulmenu  li > a .subtitle {
		font-size: 14px;
		margin-left: 10px;
		color: #717171;
	}
	
	#mainmenu .modulmenu  li:last-child > a {
		margin: 0 0 0 0;
	}
	
	#mainmenu .modulmenu  li > a:hover {
		text-decoration: none;
	background: -webkit-linear-gradient(left, rgba(229,232,237,1) 0%, rgba(233,236,240,1) 17%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(229,232,237,1) 0%, rgba(233,236,240,1) 17%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(229,232,237,1) 0%, rgba(233,236,240,1) 17%, rgba(255,255,255,0) 100%);
	
	}
	
	#mainmenu .modulmenu .moduletable {
		padding: 30px;
	}
	
	#mainmenu .modulmenu .moduletable ul.nav.menu li {
		border-bottom: 1px solid #e5e8ed;
	}
	#mainmenu .modulmenu .moduletable ul.nav.menu li:last-child {
		border-bottom: 0px;
	}
	
	#mainmenu .modulmenu .submenu_links ul.nav.menu {
		/*border-right: 1px solid #e5e5e5;*/
	}

	.modulmenu .moduletable {
	    /*width: 45%;*/
	}

	/* Submenu */
		#mainmenu .modulmenu .entdecken {
			width: 100%;
			overflow: hidden;
			min-height: 349px;
		}
		#mainmenu .modulmenu .entdecken h3,
		#mainmenu .modulmenu .entdecken ul {
			width: 48%;
		}
		#mainmenu .modulmenu .entdecken li:after {
		    content: "";
		    display:none;
		    position: absolute;
		    right: -1px;
		    bottom: -1px;
		    background-repeat: no-repeat;
    		border-bottom-right-radius: 7px;
		}
		#mainmenu .modulmenu .entdecken li.markengeschichte:after {
		    width: 319px;
		    height: 303px;
		    background-image: url('/images/menu/menu_markengeschichte.jpg');
		}
		#mainmenu .modulmenu .entdecken li.prinzip:after {
		    width: 290px;
		    height: 266px;
		    background-image: url('/images/menu/menu_prinzip.jpg');
		}
		#mainmenu .modulmenu .entdecken li.unternehmen:after {
		    width: 330px;
		    height: 281px;
		    background-image: url('/images/menu/menu_unternehmen.jpg');
		}
		#mainmenu .modulmenu .entdecken li.aktuelles:after {
		    width: 312px;
		    height: 299px;
		    background-image: url('/images/menu/menu_aktuelles.jpg');
		}
		#mainmenu .modulmenu .entdecken li.gewinnspiel:after {
		    width: 330px;
		    height: 285px;
		    background-image: url('/images/menu/menu_gewinnspiel.jpg');
		}
		#mainmenu .modulmenu .entdecken li:hover:after {
		    display:block;
		}

.header_wrapper {
	z-index: 99;
	position: relative;
}
	
/*
 * ABOVECOMPONENT
 **********************************************/
#abovecomponent .no_bg_image {
	padding-top: 70px;
}

 
 /*
 * ABOVE COMPONENT : HEADER MODULES
 **********************************************/ 
 
.fullwidth_section.headings .row {
	padding: 70px 0 0;
	min-height: 222px;
}

.fullwidth_section.headings hgroup h1 {
	margin-top: 0;
}

.fullwidth_section.contact_form_headings .row  {
	padding: 25px 0 0;
}
 
.fullwidth_section.description .row {
	padding: 25px 0;
}

/* Auskommentiert, da im Redesign Background Image sichtbar sein muss. PM SO 27.01.16 
.fullwidth_section.headings {
background: #ffffff;
*/
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGU1ZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #bde5fb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bde5fb));
background: -webkit-linear-gradient(top,  #ffffff 0%,#bde5fb 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#bde5fb 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#bde5fb 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#bde5fb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bde5fb',GradientType=0 );*/
}
 
.fullwidth_section.headings h1 {
	font-size: 35px;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: normal;
	color: #193a68;
  font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: lighter;
}

.fullwidth_section.headings h2 {
	font-size: 25px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: normal;
	color: #193a68;
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: lighter;
}

.fullwidth_section.description {
	font-size: 16px;
	background-color: #ebeef1;
	color: #193a68;
	
}

.fullwidth_section.description .col-sm-12 {
	min-height: 50px; /* if empty */
}

.fullwidth_section.description a {
	text-decoration: underline;
	margin-left: 20px;
}

.fullwidth_sectiondescription p {
}

.fullwidth_section.description .col-sm-12 p:last-of-type {
	margin-bottom: 0;
}

.fullwidth_section.description .container-fluid {
	padding: 30px 15px;
}

 
/*
 * ABOVE COMPONENT : PRODUKTSERIEN - HEADER MODULES
 **********************************************/ 
 
 .fullwidth_section.produktserie_headings .row {
	padding: 25px 0;
 }
 
 .fullwidth_section.produktserie_description .row {
	padding: 25px 0;
 }

/* Buttons in Teaser */
	body.productpage.view_itemlist .infoSpecialDetailPage,
	body.productpage.view_itemlist .productDetailPage,
	body.productpage.view_item .productOverview,
	body.productpage.view_item .infoSpecialDetailPage,
	body.info_special .productDetailPage,
	body.info_special .productOverview {
		display: none;
		visibility: hidden;
	}

/* allgemein für alle serien */

body .produktserie_headings .container hgroup {
	float: right;
	margin-top: 45px;
}
body .produktserie_headings .container hgroup p:last-of-type {
	margin-top: 45px;
}

body .link_to_products {
	border: 1px solid #193a68;
   	border-radius: 60px;
   	padding: 18px 45px;
	display: inline-block;
	color: #193a68;
	margin-right: 40px;
	-webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
body .link_to_products:active,
body .link_to_products:focus {
	text-decoration: none;
}

body .link_to_info_special {
	color: #193a68;
	border-bottom: 1px solid #193a68;
	display: inline-block;
}
body .link_to_info_special:hover,
body .link_to_info_special:focus {
	text-decoration: none;
}
body .link_to_info_special:hover {
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

.produktserie_headings h1 {
	font-size: 35px;
	font-weight: 300;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: normal;
}

.produktserie_headings h2 {
	font-size: 25px;
	font-weight: 300;
	margin: 0;
	padding: 0;
	line-height: normal;
	margin-bottom: 40px;
}

.produktserie_description {
	font-size: 16px;
	/* height: 110px; */
}

.produktserie_description a {
	text-decoration: underline;
	margin-left: 20px;
}

.produktserie_description p {
}

.produktserie_description .col-sm-12 p:last-of-type {
	margin-bottom: 0;
}

.produktserie_description .container-fluid {
	padding: 30px 15px;
}

/* Hintergrundgrafiken der Serien werden über das Descriptions_Modul positioniert */

body.productpage .produktserie_headings .container,
body.info_special .produktserie_headings .container {
	background: #ffffff;
	background-repeat: no-repeat;
	background-position: top left;
	/*min-height: 548px;  /* ~height */
}

.produktserie_background_image img {
	display: block;
	position: absolute;
	right: 10px;
	bottom: -25px;
}


/*
 * COMPONENT - HOME
 **********************************************/
#page_wrapper_overflow {
	/*overflow-x: hidden;*/
} 
  
.fullwidth_section .container {
	background-position: center center;
	background-repeat: no-repeat;
}

/* vertical space for all sections */
.fullwidth_section .row {
	position: relative;
	padding: 50px 0;
}

/* except hero and slider */
	.slider_section_home .fullwidth_section .row,
	.hero_section .fullwidth_section .row {
		position: relative;
		padding: 0 0;
	} 
	
	#start_slider_main {
		margin-top: 0px!important;
	}

/*
 * COMPONENT - MESSAGES
 **********************************************/

#system-message-container {
	margin-top: 50px;
}
 
 /*
  * COMPONENT - PRODUKTE / CATEGORY & CATEGORY ITEM
  **********************************************/  
 
 /* 
  * K2 - Ansicht einer einzelnen PRODUKTSERIE mit Filter
  */
  
 .produktserie_single {
 
 }
 
 /* Sub-Kategorien ( zur Filterung über masonry ) */

 .produktserie_single .produktserie_categories_wrapper {
	background: #fff;
	padding: 15px 0;
 }
 
 .produktserie_categories_heading {
	margin: 0 0 15px 0;
	font-weight: 300;
	font-size: 16px;
	line-height: normal;
	color: #193a68;
 }
 
 .produktserie_categories .badge {
	margin-left: 4px;
 }

 .produktserie_categories .filter {
	border: 1px solid #ccd2dc;
    border-radius: 60px;
    padding: 0px 0 0 30px;
    margin: 0 auto;
    display: inline-block;
    box-sizing: border-box;

 }

	.produktserie_categories .filter a.radio.frei_radio.show_all_categories {
	    padding-right: 40px;
	    color: #193a68;
	}

 .produktserie_categories .filter .show_all_categories {
 	border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    padding-right: 35px;
 }

 .produktserie_categories .filter h3 {
	margin-right: 30px;
 }

 .filter .filter_wrapper {
 	display: inline-block;
 	margin-right: -1px;
 }


.produktserie_categories_heading {
	display: inline-block;
	margin-bottom: 0;
}

.produktserie_categories a.radio.frei_radio {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	padding: 20px;
}
.produktserie_categories a.radio.frei_radio.active {
	text-decoration: none;
	-webkit-box-shadow: inset -1px 8px 29px -2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset -1px 8px 29px -2px rgba(0,0,0,0.3);
	box-shadow: inset -1px 8px 29px -2px rgba(0,0,0,0.3);
}

.produktserie_categories a.radio.frei_radio i {
	display: none;
}
 
 .category_separator {
	display: inline-block;
	border-width: 0 1px 0 0;
 }
 
 .category_separator.show_all_group {
	width: auto;
	border: none;
 }
 
  .category_separator.show_all_group a.radio.frei_radio.show_all_categories {
	    /*margin-top: 15px;*/
 }
 
 
 /* Produktliste unter den Kategorien */
 
 .filter_message {
	display: none;
	margin-top: 50px;
 }
 
 .produktserie_single .produktliste {
		margin: 30px 0 10px 0;
 }
 #produktliste_serie {
 	overflow-y: hidden;
 }
 
 .produktserie_single .single_product {
	/* float: left; */
	width: 220px;
   /* margin: 0 20px 20px 0; */
	margin-bottom: 50px;
 }
 
 /*
 body.Firefox .single_product {
  transform: translate(406px, 0) scale(1);
}
*/
 
.produktserie_single .single_product:nth-child(4n) {
   /* margin: 0 0 20px 0; */
}
 
 .produktserie_single .catItemHeader {
	display: table;
	width: 100%;
 }
  
 .produktserie_single .catItemTitle {
	 color: #FFFFFF;
	 background-color: #666666;
	 margin: 0;
	 -webkit-border-radius: 4px;
	 border-radius: 25px;
	 text-align: center;
	 font-size: 14px;
	 font-weight: 700;
	 padding: 7px;
	 line-height: normal;
	 display: table-cell;
	 height: 50px;
	 vertical-align: middle;
 }
 
.produktserie_single .catItemImageBlock img {
	display: block;
	margin: 0 auto;
	width: 100% !important;
}

.produktserie_single .catItemImageBlock {
	/*border: 1px solid #dedede;*/
	padding: 15px;
	margin: 0 0 10px 0;
}

a.go_to_product_detail {
	display: block;
	text-align: center;
	font-weight: 300;
	font-size: 14px;
	color: #616265;
	text-decoration: underline;
	margin: 5px 0 0 0;
}

/*
 * COMPONENT - PRODUKTE / ITEM
 **********************************************/  

.product_detail_view {
	position: relative;
}
.product_detail_view .product_detail_nav_area {
	position: absolute;
	top: -70px;
}

.product_detail_view .product_detail_image_wrapper {
	/* Weißraum innerhalb des Grids für Produktbilder nicht besprochen - hier hinzufügen */
	/* padding: 15px 15px 15px; */
}

.product_detail_view .product_detail_image {
	margin: 0;
	margin-top: 55px;
	display: block;
	max-width: 100%;
}

.product_detail_view .product_title {
	margin: 50px 0 20px 0;
	font-size: 35px;
	font-weight: 300;
	color: #193a68;
}

.product_detail_view .product_custom_field {
	line-height: normal;
	font-size: 12px;
	color: #193a68;
}

.product_detail_view .product_custom_field {
	line-height: normal;
	font-size: 12px;
	color: #193a68;
}

.product_detail_view .product_custom_field.subtitel {
	font-size: 25px;
	margin-top: -15px;
	color: #193a68;
	margin-bottom: 30px;
}

.product_detail_view .product_custom_field.einheit_basispreis {
	color: #193a68;
	margin-bottom: 10px;
}

.product_detail_view .product_custom_field.produktkennung {

}

.product_detail_view .itemIntroText {
	margin-top: 30px;
}

.product_detail_view .itemFullText {
	margin-top: 10px; /* 30px */
	padding: 30px;
	background-color: #193a68;
	color: #FFFFFF;
	position: relative; /* Produktsiegelblock soll hier ausgerichtet werden, dieser ist Subelement*/
}

.produktsiegel_block {
	margin-top: 20px;
}

.produktsiegel_block img {
	display: block;
	margin-bottom: 20px;
}

.product_detail_view .itemFullText ul:last-child {
	margin-bottom: 0;
}

.product_detail_view .backBtn,
.product_detail_view .backBtnHistory {
	margin: 50px 0 20px 0;
}

/* Extrafields */
	.flex_wrapper {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	.produktdetail_extrafields {
		margin-top: 90px;
	}
	.produktdetail_extrafields .flex_item h4 {
		text-transform: uppercase;
		font-size: 25px;
	}
	.produktdetail_extrafields .panel-body {
		padding-left: 0; 
		padding-right: 0;
	}


/* ähnliche Produkte */

.similar_items_headings {
	font-weight: 400;
	font-size: 25px;
	margin: 100px 0 30px;
}

/* 
    ähnliche Produkte &
    XSelling
	: Bxslider 
*/

#slider_related_products_wrapper {
	overflow: hidden;
	margin-bottom: 50px;
}

#sliderXSellingProducts_wrapper {
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 30px;
}

#sliderXSellingProducts_wrapper .bx-viewport,
#slider_related_products_wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	left: 0;
}

#sliderXSellingProducts_wrapper .slide,
#slider_related_products_wrapper .slide {
	overflow: hidden;
	text-align: center;
}

#sliderXSellingProducts_wrapper .related_product_link,
#slider_related_products_wrapper .related_product_link {
	display: block;
}
#sliderXSellingProducts_wrapper .related_product_link img,
#slider_related_products_wrapper .related_product_link img {
	margin: 0 auto;
}

#sliderXSellingProducts_wrapper .related_product_title,
#slider_related_products_wrapper .related_product_title {
	line-height: normal;
	text-decoration: none;
	margin-top: 20px;
	margin-bottom: 20px;
}

#sliderXSellingProducts_wrapper .bx-controls-direction a,
#slider_related_products_wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -42px;
	outline: 0;
	background: transparent url('../images/frei/prev_next.png') no-repeat left center;
	width: 40px;
	height: 61px;
}

#sliderXSellingProducts_wrapper .bx-controls-direction a.bx-prev,
#slider_related_products_wrapper .bx-controls-direction a.bx-prev {
	left: -40px;
}

#sliderXSellingProducts_wrapper .bx-controls-direction a.bx-next,
#slider_related_products_wrapper .bx-controls-direction a.bx-next {
	right: -40px;
	background-position: right center;
}


/* 
 * testslider : Bxslider 
 */

#slider_tests_wrapper {
	overflow: hidden;
	margin-bottom: 50px;
}


#slider_tests_wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	left: 0;
}

#slider_tests_wrapper .slide {
	overflow: hidden;
	text-align: center;
}

#slider_tests_wrapper .related_product_link {
	display: block;
}

#slider_tests_wrapper .related_product_title {
	line-height: normal;
	text-decoration: underline;
	margin-top: 20px;
	margin-bottom: 20px;
}

#slider_tests_wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -42px;
	outline: 0;
	background: transparent url('../images/frei/prev_next.png') no-repeat left center;
	width: 40px;
	height: 61px;
}

#slider_tests_wrapper .bx-controls-direction a.bx-prev {
	left: -40px;
}

#slider_tests_wrapper .bx-controls-direction a.bx-next {
	right: -40px;
	background-position: right center;
}



/* ähnliche Produkte : Liste */

 .related_products_block {
	margin: 15px 0 30px;
	text-align: center;
	overflow: hidden;
}

.related_product {
	text-align: center;
	display: block;
	padding: 15px;
	/* border: 1px solid #d9d9d9; */
	width: 50%;
	float: left;
}


.related_products_block .related_product_title,
.related_products_block .related_product_image {
	display: block;
}

.related_products_block .related_product_title {
	text-decoration: underline;
}

.related_products_block .related_product_image {

}



/* Navigation zwischen den Detailansichten der Produkte */

.product_detail_navigation_heading {
	font-weight: 400;
	font-size: 14px;
	margin: 50px 0 30px;
}

.product_detail_navigation {
	margin-bottom: 30px;
}

.product_detail_navigation .productPrevious,
.product_detail_navigation .productNext {
	max-width: 180px; /* 380 / 2 = content width grid */
}

.product_detail_navigation .productPrevious {
	float: left;
}

.product_detail_navigation .productNext {
	float: right;
}

.product_detail_navigation .productPrevious i,
.product_detail_navigation .productNext i {
	display: block;
	background: transparent url('../images/frei/prev_next.png') no-repeat left center;
	width: 16px;
	height: 29px;
	transition: all 300ms ease-in-out;
	margin: 8px -49px 0;
}

.product_detail_navigation .productPrevious i {
	float: left;
}

.product_detail_navigation .productNext i {
	float: right;
	background-position: right center;
}

/* produkte_categoryDescription : bugherd #24 */

#component .container.produkte_categoryDescription {
 margin-top: 40px;
}

/*
 * COMPONENT - Gewinnpiel
 **********************************************/  

 .gewinnspiel_grafik_rechts {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
 }
 .mceContentBody  .gewinnspiel_grafik_rechts {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
	float: right;
 }

 .gewinnspiel.gewinnspiel_basic_fieldset.group > legend {
 	font-size: 25px;
 	margin-bottom: 45px;
 }
 
 #gewinnspiel_antwort-lbl {
	font-size: 24px;
	font-weight: 300;
 }
 
 /* fieldset antworten */
 
 #gewinnspiel_antwort {
	width: 100%;
	overflow: hidden;
	height: auto;
	background: none;
	border: none;
	margin: 45px 0 0 0;
	padding: 0 0 35px 0;
	-webkit-border-radius: 0;
	border-radius: 0;
 }
 
 .form-group_gewinnspiel_antwort {
	margin: 0 0 0 0;
 }
 
  #gewinnspiel_antwort input,
  #gewinnspiel_antwort label {
	margin: 0;
	padding: 0;
	line-height: normal;
	width: auto;
 }
 
 #gewinnspiel_antwort input {
	margin: 2px 0 0 0;
	display: inline-block;
 }

  #gewinnspiel_antwort select {
	margin: 2px 0 0 0;
	display: inline-block;
 }
 .gewinnspiel_bottom h2,
 .gewinnspiel_bottom ul {
	text-align: center;
 }
 .gewinnspiel_bottom ul {
	list-style-type: none;
	padding-left: 0;
 }
 .gewinnspiel_bottom ul li {
	margin-bottom: 10px;
 }
 .gewinnspiel_bottom hr {
	border-color: #193a68;
 }
 
   /* radio CSS3 treat, substitute input w pseudo el */
   
   #gewinnspiel_antwort input[type=radio] {  
    display: none;  
	}  
 
  #gewinnspiel_antwort label {
	margin: 0 0 30px 0;
	display: block;
	padding-left: 39px;
	margin-right: 20px;
    cursor: pointer;  
    position: relative;
	line-height: normal;
   }
 
 #gewinnspiel_antwort label:before {  
    content: "";  
    display: inline-block;  
    width: 19px;
	height: 19px;
	background: transparent url('../images/frei/radio.png') no-repeat center bottom; 
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    top: 0;  
 }
 
 #gewinnspiel_antwort input[type=radio]:checked + label {  
	font-weight: 700;
 }  

 #gewinnspiel_antwort input[type=radio]:checked + label:before {  
	background: transparent url('../images/frei/radio.png') no-repeat center top; 
 }
 
 /* checkbox CSS3 treat, substitute input w pseudo el */
   
   /*
   
   .rechtliches_fieldset input[type=checkbox] {  
    display: none;
	}  
 
  .rechtliches_fieldset label {
	margin: 0 0 30px 0;
	display: block;
	padding-left: 39px;
	margin-right: 20px;
    cursor: pointer;  
    position: relative;
	line-height: normal;
   }
 
  .rechtliches_fieldset label:before {  
    content: "";  
    display: inline-block;  
    width: 19px;
	height: 19px;
	background: transparent url('../images/frei/radio.png') no-repeat center bottom; 
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    top: 0;  
 }
 
 .rechtliches_fieldset input[type=checkbox]:checked + span label {  
	font-weight: 700;
 }  

 .rechtliches_fieldset input[type=checkbox]:checked + span label:before {  
	background: transparent url('../images/frei/radio.png') no-repeat center top; 
 } 
 
 */

	form fieldset.rechtliches_fieldset .input-group {
	}
	form fieldset.rechtliches_fieldset .input-group-addon {
	}
	form fieldset.rechtliches_fieldset input[type="checkbox"] { /* evtl mit http://cssdeck.com/labs/css-checkbox-styles*/ 
		width: 13px;
		height: 13px;
		margin-top: 8px;
	}
	
 /* andere fieldsets des gewinnspiels */
 
 fieldset.gewinnspiel {
	margin: 0 0 0 0;
 }
 
 fieldset.gewinnspiel legend {
	border: none;
	line-height: normal;
 }
 
 fieldset.gewinnspiel_basic_fieldset {
	margin: 40px 0 0 0 ;
 }
 
 fieldset.gewinnspiel_basic_fieldset legend {
	color: #193a68;
 }


 
  /* RH -> move to responsive
 
 fieldset.adresse_fieldset {
 width: 460px;
 }
 
 fieldset.adresse_fieldset .form-group {
  width: 230px;
  float: left;
 }
 
 fieldset.adresse_fieldset .input-group {
	display: block;
 }
 
 fieldset.adresse_fieldset .form-group  .input-group-addon {
	width: auto;
	display: block;
 }
 
 form fieldset.adresse_fieldset .form-group .form-control {
	width: 220px;;
 }
 
 #gewinnspiel_strasse,
 #gewinnspiel_plz,
 #gewinnspiel_country {
	margin-right: 10px;
 }
 
 #gewinnspiel_hausnummer,
 #gewinnspiel_ort {
	margin-left: 10px;
 }
 
 #gewinnspiel_hausnummer-lbl,
 #gewinnspiel_ort-lbl {
	margin-left: 10px;
 }
 
 */
 
 
 form fieldset.rechtliches_fieldset {
	margin: 50px 0 0 0;
	margin: 50px 0 20px 0;
 }
 
 form fieldset.rechtliches_fieldset .form-group {
	margin: 0 0 0 0;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
 }
 
  form fieldset.rechtliches_fieldset  .input-group {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
 }
 
/** CHECKBOXEN unten beim Gewinnspiel ** by daniel /
	form fieldset.rechtliches_fieldset  .input-group.group_gewinnspiel_nutzungsbedingungen_accept {
		margin: 0 0 35px 0;
		padding: 0 0 0 0;
	}

	form fieldset.rechtliches_fieldset  .input-group.group_gewinnspiel_newsletter_accept {
		margin: 0 0 20px 0;
		padding: 0 0 25px 0;
		border-bottom: 1px solid #b2b2b2;
	}

	form fieldset.rechtliches_fieldset  #gewinnspiel_nutzungsbedingungen_accept-lbl a {
		padding-left: 20px;
	}

	form fieldset.rechtliches_fieldset .input-group-addon {
		padding: 0;
	}


	form fieldset.rechtliches_fieldset label,
	form fieldset.rechtliches_fieldset label small {
		margin-bottom: 0;
		font-weight: 300;
		color: #193a68;
		line-height: normal;
		font-size: 12px;
	}

	form fieldset.rechtliches_fieldset label a,
	form fieldset.rechtliches_fieldset label small a {
		text-decoration: underline;
	}
	*/
/** CHECKBOXEN unten beim Kontaktformular by paula **/

	.form-group_contact_newsletter_accept span.input-group-addon {
		
		position: absolute;
		top: 4px;
		left: 32px;
	}
	.form-group_contact_newsletter_accept label small{
		font-weight: 300;
		font-size: 12px;
	}
	.form-group_contact_newsletter_accept input[type="checkbox"]{ /* evtl mit http://cssdeck.com/labs/css-checkbox-styles*/ 
		width: 22px;
		height: 22px;

		margin-top: 14px;
	}
	 
	h4.captcha_header {
		margin-bottom: 0;
		font-weight: 700;
		color: #193a68;
		line-height: normal;
		font-size: 16px;
	}
	
	.g-recaptcha {
		margin-bottom: 30px;
		float: left;
	}
	form button.gewinnspiel_submit {
		margin-top: 10px;
	}
	
/** CHECKBOXEN unten beim Gewinnspiel by robert **/
	form fieldset.rechtliches_fieldset .form-group {
		position: relative;
	}
	form fieldset.rechtliches_fieldset .input-group-addon  {
		position: absolute;
		top: 4px;
		left: 32px;
	}
	form fieldset.rechtliches_fieldset label {
		line-height: normal;
	}
	form fieldset.rechtliches_fieldset label small {
		font-weight: 300;
		font-size: 12px;
	}
	form fieldset.rechtliches_fieldset label a {
		text-decoration: underline;
	}
	form fieldset.rechtliches_fieldset label a:hover {
		text-decoration: none;
	}


	

/* Gewinnspiel Inhalte drüber  */
	.gewinnspiel_top {
		margin: 0 0 25px;
	}

/* Gewinnspiel Inhalte drunter */ 
	.gewinnspiel_bottom  {
		margin: 25px 0 25px;
	}

	.gewinnspiel_bottom small {
		font-size: 9px;
		font-size: 10px;
	}
 
 
 
/*
 * COMPONENT - Kontakt
 **********************************************/  

 /* Form */
 
form {
	margin: 50px 0;
	position: relative;
	z-index: 0;
}

form .form-group {
}

form .input-group {
}

form .input-group .form-control,
form .input-group .form-control:last-child {
	border: none;
	background-color: #ebeef1;
	border: none;
	height: 45px;
	font-size: 16px;
	width: 260px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

form .input-group select {
	/* http://stackoverflow.com/questions/14218307/select-arrow-style-change */
	/* http://stackoverflow.com/questions/6088925/css3-appearance-property-for-ie */
	appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    background-image: url('/images/select_arrows.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
	cursor: pointer;
	text-indent: 0.01px;
    text-overflow: "";
}
form .input-group select::-ms-expand {
	display: none;
}
.gewinnspiel form {
	margin-top: 0;
}
.gewinnspiel form #gewinnspiel_antwort input {
	/* http://stackoverflow.com/questions/14218307/select-arrow-style-change */
	/* http://stackoverflow.com/questions/6088925/css3-appearance-property-for-ie */
	/* https://tiffanybbrown.com/2015/11/an-invalid-form-control-is-not-focusable/index.html */
	appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	cursor: pointer;
	text-indent: 0.01px;
    text-overflow: "";
    background-color: transparent;
    border: 0;
    display: block;
}
.gewinnspiel form #gewinnspiel_antwort input::-ms-expand {
	display: none;
}

form .group-description {
	display: block;
	margin: 15px 0 0 200px;
}

form #contact_message-lbl {
	width: 195px;
    vertical-align: top;
}

form #contact_message {
	display: inline-block;
    width: 480px;
    border-radius: 0px;
    box-shadow: none;
    margin: 0px;
    resize: none;
}

form textarea.form-control {
	height: 225px;
	padding: 15px 15px 15px;
	background-color: #ebeef1;
	border: none;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-size: 16px;
}

form .input-group-addon {
	background: none;
	border: none;
	padding: 0 15px 0 0;
	width: 200px;
	text-align: left;
}

form label {
	margin-bottom: 0;
	font-weight: 300;
	color: #193a68;
	line-height: normal;
	font-size: 16px;
}

/*
 * FOOTER
 **********************************************/

 #footer {
	background-color: #ebeef1;
	padding: 50px 0 50px;
 }
 
 /* footer menus */
 
 .footer_menu  li {
	color: #193a68;
  }
 
  .footer_menu  li {
  margin: 0;
  padding: 0;
  }
 
 .footer_menu li a {
  font-size: 16px;
  color: #193a68;
  line-height: normal;
  margin: 0 0 10px 0;
  padding: 0 0;
 }
 
  .footer_menu li a:hover {
	text-decoration: underline;
  }
 
 
 .footer_menu h3  {
 color: #193a68;
 font-size: 16px;
 font-weight: 700;
 margin: 0 0 10px 0;
 line-height: normal;
  padding: 0 0;
 }
 
#facebook_like {
	padding-left: 10px;
}



/*
 * FRONTEND EDIT
 **********************************************/ 
 
a.btn.jmodedit {
		padding: 5px;
		color: white;
		width: 30px!important;
		height: 30px!important;
		transition: all 300ms ease-in-out;
}

#component .icons .btn.dropdown-toggle {
	border: 2px solid #269abc; /* unspezifisch */
	margin: 40px 40px 0 0;
	background-color: #FFFFFF;
	opacity: 0.4;
	transition: all 300ms ease-in-out;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
}

#component .icons .btn.dropdown-toggle:hover {
	opacity: 1;
}


 
/*
 * BOOTSTRAP CAROUSEL ANPASSEN
 **********************************************/ 
#abovecomponent .apcarousel_default,
#component .apcarousel_default {
	overflow: visible;
}

#abovecomponent .carousel-control.left,
#abovecomponent .carousel-control.right,
#component .carousel-control.left,
#component .carousel-control.right {
	background-image: none;
	filter: none;
}

#abovecomponent .carousel-control.left,
#component .carousel-control.left {
	left: -120px;
}

#abovecomponent .carousel-control.right,
#component .carousel-control.right {
	right: -120px;
	left: auto;
}

#abovecomponent .carousel-caption,
#component .carousel-caption {
	position: absolute;
	right: auto;
	bottom: 20px;
	left: 0;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #193a68;
	text-align: left;
	text-shadow: none;
}

#abovecomponent ol.carousel-indicators,
#component ol.carousel-indicators {
	text-align: right;
	width: 100%;
	bottom: 10px;
	left: auto;
	top: auto;
	right: 0;
}

/* Flickern der Slideshow im Safari beheben. Siehe auch http://stackoverflow.com/questions/26355772/twitter-bootstrap-carousel-is-not-smooth-on-safari */
	body.Safari #abovecomponent .carousel-inner>.item,
	body.Safari #component .carousel-inner>.item {
		-webkit-transition: none; /*.6s ease-in-out left; */
		-o-transition: none; /* .6s ease-in-out left;*/
		transition: none; /* .6s ease-in-out left;*/
	}	
 

/*
 * BOOTSTRAP ACCORDION ANPASSEN
 **********************************************/ 
 
 
 /* accordion general */

.accordion {
	margin: 30px 0 30px;
}

.accordion .panel {
	border: 1px solid #d9d9d9;
	border-width: 1px 0 0 0;
	box-shadow: none;
	border-radius: 0;
}

.accordion.panel-group {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 5px;
}

.accordion .panel.last {
	border: 1px solid #d9d9d9;
	border-width: 1px 0 1px 0;
}

.accordion  .panel-heading+.panel-collapse>.panel-body, 
.accordion  .panel-heading+.panel-collapse>.list-group {
	border-color: transparent;
}

.accordion .panel-body {
    padding: 20px 0px ;
}

.accordion .panel-heading {
    padding: 15px 15px 10px;
	border-radius: 0;
	text-align: center;
}

.accordion .panel-heading .panel-title {
	font-weight: 700;
	font-size: 16px;
}

.accordion .panel-heading a i {
	display: block;
	background: transparent url('../images/frei/accordion_arrows.png') no-repeat center top scroll;
	width: 29px;
	height: 16px;
	float: right;
	transition: all 300ms ease-in-out;
}

.accordion .panel-heading a.collapsing i {
}

.accordion .panel-heading a.collapsed i {
	background-position: center bottom;
}

.accordion ul {
	margin-left: 10px;
}
  
  
 /*
  * ALLGEMEINE CSS-KLASSEN FÜR DIE VERWENDUNG IM BACKEND
  *************************************************/ 

/* Hintergründe */

.hg_dunkelblau {background-color: #193a68;}
.hg_hellgrau {background-color: #ebeef1;}
.hg_grau {background-color: #666666;}

.hg_neutral {background-color: #7a97c0;}

.hg_revital {background-color: #008c95;}
.hg_hydrolipid {background-color: #ad98da;}
.hg_sensitive {background-color: #ebadc5;}
.hg_clear_balance {background-color: #40dac5;}
.hg_anti_age {background-color: #7d003e;}
.hg_active_balance {background-color: #ffb16f;}
.hg_urea {background-color: #5eb0e5;}


.hg_wellness_oel, .hg_wellnessoel, .hg_taubenblau {background-color: #7997bd;}
.hg_tipps_tricks, .hg_turquois {background-color: #5fb0e5;}
.hg_sand {background-color: #ffb16f;}
.hg_hauttest, .hg_graublau {background-color: #ebeef1;}

/* Schrift */

.schrift_weiss { color: #FFFFFF; }
.schrift_weiss p a { 
	color: #FFFFFF; 
	font-weight: 700;
	text-decoration: underline;
}

.schrift_dunkelblau {color: #193a68;}

/* Verläufe */

.verlauf_hellblau_1 {
background: #bee6fa;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZmFmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWU2ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f2fafc 0%, #bee6fa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2fafc), color-stop(100%,#bee6fa));
background: -webkit-linear-gradient(top, #f2fafc 0%,#bee6fa 100%);
background: -o-linear-gradient(top, #f2fafc 0%,#bee6fa 100%);
background: -ms-linear-gradient(top, #f2fafc 0%,#bee6fa 100%);
background: linear-gradient(to bottom, #f2fafc 0%,#bee6fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2fafc', endColorstr='#bee6fa',GradientType=0 );
}

.verlauf_hellblau_2 {
background: #bee6fa;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlZTZmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmZhZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #bee6fa 0%, #f2fafc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bee6fa), color-stop(100%,#f2fafc));
background: -webkit-linear-gradient(top, #bee6fa 0%,#f2fafc 100%);
background: -o-linear-gradient(top, #bee6fa 0%,#f2fafc 100%);
background: -ms-linear-gradient(top, #bee6fa 0%,#f2fafc 100%);
background: linear-gradient(to bottom, #bee6fa 0%,#f2fafc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bee6fa', endColorstr='#f2fafc',GradientType=0 );
}

.verlauf_hellblau_3 {
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGU1ZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #bde5fb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bde5fb));
background: -webkit-linear-gradient(top,  #ffffff 0%,#bde5fb 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#bde5fb 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#bde5fb 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#bde5fb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bde5fb',GradientType=0 );
}



/* Buttons */

a.white_button,
button.white_button {
	color: #193a68;
	background-color: #FFFFFF;
	padding: 10px 85px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	margin: 20px 0 0 0;
	line-height: normal;
	font-size: 20px;
	border: none;

	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

button.blue_button,
a.blue_button {
	color: #193a68;
	background-color: #fff;
	padding: 20px 85px;
	-webkit-border-radius: 15px;
	border-radius: 30px;
	border: 1px solid #193a68;
	margin: 20px 0 0 0;
	line-height: normal;
	font-size: 20px;

	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	-webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

button.blue_button:hover,
a.blue_button:hover {
	background-color: #193a68;
	color: #FFFFFF;
}

a.white_button:hover {
	font-weight: bold;
	text-decoration: none;
}

/* blaue box */

div.box {
	background-color: #7997c0;
	color: #FFFFFF;
	padding: 20px;
	position: relative;
}

.article_content_col div.box {
	background-color: #7997c0;
	color: #FFFFFF;
	padding: 20px;
	position: relative;
}

.section_heading + div.box {
	margin-top: 40px;
}

.article_content_col div.box img {
	position: absolute;
	top: 0;
	right: 0;
}


/*
 * BLOG
 ******************************************************/
 

.blog {
margin: 50px  0 50px;
}

.blog .blog_image_area {
 /* min-height: 365px; -> moved to responsive.css */
}

.blog .blog_image_area img {
/*border: 5px solid #FFFFFF;
-weblit-box-shadow: 0 5px 9px rgba(0,0,0,0.25);
box-shadow: 0 5px 9px rgba(0,0,0,0.25);*/
margin: 0 0 50px 0;
}

.published time,
.blog .blog_content_area time {
	font-size: 16px;
	margin : 0;
	line-height: normal;
	margin-bottom: 20px;
	display: block;
}

.blog .blog_content_area .page-header {
	margin: 0;
	border: 0;
	padding: 0;
}

.blog .blog_content_area  h2 {
	font-size: 16px;
	margin : 20px 0 30px 0;
	line-height: normal;
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
}

.blog .blog_content_area .readmore {
margin-bottom: 50px;
}

.blog .blog_content_area .readmore a {
	margin: 0 0 0 0;
	padding: 0;
	line-height: normal;
	font-weight: 200;
	text-decoration: none !important;
}
.blog .blog_content_area .readmore a:hover {
	text-decoration: underline !important;
}
.blog .blog_content_area .readmore a:before {
	margin-right: 10px;
}

.blog .blog_content_area {
/*border-bottom: 1px solid grey;*/
/*min-height: 306px;*/
/*margin-bottom: 65px;*/
}

.item-page-default-layout.blog_view_pm  {
margin: 50px  0 0;
}

.item-page-default-layout.blog_view_pm .article_content_col .page-header h2 {
margin: 0px 0 15px;
}

.item_title a {
	text-decoration: none !important;
}


/*.item-page-default-layout.blog_view_pm time {
	font-size: 24px;
	line-height: normal;
}*/

/* Presse im Gegensatz zum normalen Blog */

.presse .blog .blog_content_area {
min-height: inherit;
margin-bottom: 50px;
}

.presse_kontakt_header .fullwidth_section .row {
position: relative;
padding: 50px 0 0;
}

.presse .fullwidth_section.headings h2 {
	margin-bottom: 15px;
}

.presse_kontakt_header hr {
margin-bottom: 0;
}

/* Aktuelles */

.item-page-default-layout.blog_view_pm.aktuelles .article_image_col img {
	margin-top : 38px;
}

.pagination {
	display: block;
}
.pagination ul {
	padding: 0;
    display: block;
    text-align: center;
	list-style-type: none;
}
.pagination ul li {
	display: inline-block;
	margin-right: 20px;
	font-size: 16px;
}
.pagination ul li span {
	border-bottom: 1px solid #193a68;
	padding-bottom: 2px;
	font-weight: bold;
    font-size: 22px;
}
.pagination ul li.pagination-prev a:after,
.pagination ul li.pagination-prev span:after {
	content:"\f104";
	font-family: FontAwesome;
	width: 20px;
	height: 20px;
	font-size: 40px;
    position: relative;
    top: 6px;
}
.pagination ul li.pagination-next a:after,
.pagination ul li.pagination-next span:after {
	content:"\f105";
	font-family: FontAwesome;
	width: 20px;
	height: 20px;
	font-size: 40px;
    position: relative;
    top: 6px;
}
.pagination ul li.pagination-next span,
.pagination ul li.pagination-prev span {
	border-bottom: 0;
	font-weight: normal;
	font-size: 16px;
}
.pagination ul li:nth-last-child(2) {
	margin-right: 0px;
}
.pagination ul .pagination-start,
.pagination ul .pagination-end {
	display: none;
}

/*
 * ITEM PAGE : item-page-default-layout
 ******************************************************/
 
.item-page-default-layout {
}

.item-page-default-layout .article_image_col img {
	/*border: 5px solid #FFFFFF;
	box-shadow: 0 5px 9px rgba(0,0,0,0.25);
	margin: 40px 0 0 0;*/
}
body.no_itemimage_shadow .item-page-default-layout .article_image_col img {
	border: none;
	box-shadow: none;
}

/*.item-page-default-layout .article_image_col time {
	font-size: 24px;
	margin : 0;
	line-height: normal;
}*/

.item-page-default-layout .article_content_col .page-header {
	margin: 0;
	border: 0;
	padding: 0;
}

/*
.fullwidth_section .item-page-default-layout .article_content_col  h2 {
	margin : 10px 0 40px 0;
}
*/

.item-page-default-layout .article_content_col h2 {
	margin: 10px 0 10px 0;
}

.item-page-default-layout .article_content_col  h2 a {
	font-size: 25px;
	margin : 0;
	padding: 0;
	line-height: normal;
	/*font-family: "desyrelregular", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-weight: 300;
}

.item-page-default-layout .article_content_col .readmore {
margin-bottom: 50px;
}

.item-page-default-layout .article_content_col .readmore a {
margin: 0 0 0 0;
padding: 0;
line-height: normal;
font-weight: 700;
text-decoration: underline;
}

/*
 * Element combinations in Articles
 */

 h2.section_heading img {
	margin-top: 40px;
 }
 
.section_heading + div.box {
	margin-top: 40px;
}

/*
 * ARTICLE - Joomla Artikel - Layout "Default"
 ******************************************************/

body.is_fullwidth .article_content_col > div > p {
   display: none;
}
 
.item-page-default-layout {
	padding: 0 0 50px 0 ;
}

.is_fullwidth .item-page-default-layout {
	padding: 0 0 0 0 ;
}


/*
 * ARTICLE - Joomla Artikel - Custom - Layout "Info Special"
 ******************************************************/


.row.info_special_wrapper {
	padding: 30px 0 50px 0 ; 
}



/* 
 * MODULE : Contact - Headings & Desciptions
 ******************************************************/

.fullwidth_section.contact_form_description {
	background-color: #ebeef1;
}

.fullwidth_section.contact_form_description .row {
	padding: 25px 0;	
}

.contact_form_headings {
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGU1ZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #bde5fb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bde5fb));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#bde5fb 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#bde5fb 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#bde5fb 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#bde5fb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bde5fb',GradientType=0 );
	min-height: 130px; /* ~height */
}

.contact_form_headings h1 {
	font-size: 36px;
	font-weight: 700;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: normal;
	color: #193a68;
}

.contact_form_headings h2 {
	font-size: 30px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: normal;
}

.contact_form_description {
	font-size: 16px;
	/* text-rendering: optimizeLegibility; */
	/* height: 110px; */
}

.contact_form_description a {
	text-decoration: none;
}

.contact_form_description p {
}

.contact_form_description .col-sm-12 p:last-of-type {
	margin-bottom: 0;
}

.contact_form_description .container-fluid {
	padding: 30px 15px;
}

.frei_kontaktform .has-success .help-block,
.frei_kontaktform .has-success .control-label,
.frei_kontaktform .has-success .radio,
.frei_kontaktform .has-success .checkbox,
.frei_kontaktform .has-success .radio-inline,
.frei_kontaktform .has-success .checkbox-inline,
.frei_kontaktform .has-success.radio label,
.frei_kontaktform .has-success.checkbox label,
.frei_kontaktform .has-success.radio-inline label,
.frei_kontaktform .has-success.checkbox-inline label {
  color: #3c763d;
}
.frei_kontaktform .has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.frei_kontaktform .has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.frei_kontaktform .has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.frei_kontaktform .has-success .form-control-feedback {
  color: #3c763d;
}
.frei_kontaktform .has-warning .help-block,
.frei_kontaktform .has-warning .control-label,
.frei_kontaktform .has-warning .radio,
.frei_kontaktform .has-warning .checkbox,
.frei_kontaktform .has-warning .radio-inline,
.frei_kontaktform .has-warning .checkbox-inline,
.frei_kontaktform .has-warning.radio label,
.frei_kontaktform .has-warning.checkbox label,
.frei_kontaktform .has-warning.radio-inline label,
.frei_kontaktform .has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.frei_kontaktform .has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.frei_kontaktform .has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.frei_kontaktform .has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.frei_kontaktform .has-warning .form-control-feedback {
  color: #8a6d3b;
}
.frei_kontaktform .has-error .help-block,
.frei_kontaktform .has-error .control-label,
.frei_kontaktform .has-error .radio,
.frei_kontaktform .has-error .checkbox,
.frei_kontaktform .has-error .radio-inline,
.frei_kontaktform .has-error .checkbox-inline,
.frei_kontaktform .has-error.radio label,
.frei_kontaktform .has-error.checkbox label,
.frei_kontaktform .has-error.radio-inline label,
.frei_kontaktform .has-error.checkbox-inline label {
  color: #a94442;
}
.frei_kontaktform .has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.frei_kontaktform .has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.frei_kontaktform .has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.frei_kontaktform .has-error .form-control-feedback {
  color: #a94442;
}
.frei_kontaktform .has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.frei_kontaktform .has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}


/* Pflegeproben Kontakt CG */
	fieldset.gewinnspiel.pflegeproben_fieldset.group div div span {
		width: 350px;
	}
	textarea#pflegeproben_message {
		width: 610px;
	}
 


/*
 * Hero sections / Produktfilter / Descriptions : Der graue Bereich unterhalb der Headings
 */ 

.hero_section p,
.hero_above_component p,
.produktserie_categories_wrapper p,
.fullwidth_section.description p,
.fullwidth_section.contact_form_description p {
		margin-bottom: 10px;
}



/*
 * PAGE DEPENDENT STYLES ~ Produktserien
 **********************************************/
 
 /*
 
 Seitenklassen

 Hydrolipid Balance:
 
 .hydrolipid_page / .hydrolipid_entry_page
 
 
 Sensitive Balance:
 
 .sensitive_page / .sensitive_entry_page
 
 
 Clear Balance:
 
 .clear_page / .clear_entry_page
 
 
 Anti Age Hyaluron Lift:
 
 .antiage_page / .antiage_entry_page
 
 
 Active Balance:
 
 .active_page / .active_entry_page
 
 
 Urea 2 In 1:

 .urea_page / .urea_entry_page
 
 */
 
 
 /* farben der menüpunkte */
 
	.modulmenu .submenu_links .reinigung-und-deodorants_page a {
		color: #05c3de;
	}
	.modulmenu .submenu_links .koerperoele_page a {
		color: #001d46;
	}
	.modulmenu .submenu_links .hydrolipid_page a {
		color: #ad98da;
	}
	
	.modulmenu .submenu_links .sensitive_page a {
		color: #f0c3d4;
	}
	
	.modulmenu .submenu_links .clear_page a {
		color: #40dac5;
	}
	
	.modulmenu .submenu_links .antiage_page	 a {
		color: #85114b;
	}
	
	.modulmenu .submenu_links .revital_page a {
		color: #008c95; 
	}
	
	.modulmenu .submenu_links .active_page a {
		color: #ffb679;
	}
	
	.modulmenu .submenu_links .urea_page a {
		color: #5eb0e5;
	}
	
	
/* startseite */
 
.page_start small {
	font-size: 11px;
}
.page_start .fullwidth_section .row {
    padding: 0;
}
.page_start #abovecomponent h3 {
	margin-top: 0px;
	margin-bottom: 40px;
}
.page_start #component a.white_button {
	margin-top: 60px;
}
 .page_start .itemHeader,
 .page_start .page-header,
 .page_product_lines .itemHeader,
 .page_product_lines .page-header {
	display: none;
 }
 
.produktserie_single .catItemTitle {
	background-color: transparent;
    height: 100px;
    overflow: hidden;
}
.produktserie_single .catItemTitle a {
	border-radius: 25px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 7px;
    line-height: normal;
    display: block;
 	-webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    word-break: normal;
}

.product_detail_view .itemFullText {
    border-radius: 6px;
}
.produktserie_categories a.radio.frei_radio {
	font-weight: lighter;
	font-size: 14px;
	border-left: 1px solid #ccd2dc;
	margin-right: -5px;
}

.produktserie_categories a.radio.frei_radio.active {
	border-left: 0px;
}
.produktserie_categories .category_filter a.radio.frei_radio {
	font-weight: 700;
}

/* für die serie Reinigung und Deodorants*/

.reinigung-und-deodorants_page #mainmenu {
	border-color: #05c3de;
}

.reinigung-und-deodorants_page .produktserie_categories a.radio.frei_radio {
	color: #05c3de;
	font-size: 14px;
}


.reinigung-und-deodorants_page .produktserie_categories a.radio.frei_radio.active {
	color: #fff;
	background-color: #05c3de;
}

.reinigung-und-deodorants_page .link_to_products:hover {
   	border-color: #fff;
	color: #fff;
	background-color: #05c3de;
	text-decoration: none;
}

.reinigung-und-deodorants_page .produktserie_headings h1 {
	color: #05c3de;
}

.reinigung-und-deodorants_page .produktserie_description {
	background-color: #05c3de;
	color: #FFFFFF;
}

.reinigung-und-deodorants_page .produktserie_description a {
	color: #FFFFFF;
}

.reinigung-und-deodorants_page .produktserie_single .catItemTitle a:hover {
	background-color: #05c3de;
	color: #fff;
	text-decoration: none;
}

.reinigung-und-deodorants_page .product_detail_view .itemFullText {
	background-color: #05c3de;
	color: #FFFFFF;
}

/* für die serie körperöle*/

.koerperoele_page #mainmenu {
	border-color: #001d46;
}

.koerperoele_page .produktserie_categories a.radio.frei_radio {
	color: #001d46;
	font-size: 14px;
}
.koerperoele_page .produktserie_categories a.radio.frei_radio.active {
	color: #fff;
	background-color: #001d46;
}

.koerperoele_page .link_to_products:hover {
   	border-color: #fff;
	color: #fff;
	background-color: #001d46;
	text-decoration: none;
}

.koerperoele_page .produktserie_headings h1 {
	color: #001d46;
}

.koerperoele_page .produktserie_description {
	background-color: #001d46;
	color: #FFFFFF;
}

.koerperoele_page .produktserie_description a {
	color: #FFFFFF;
}

.koerperoele_page .produktserie_single .catItemTitle a:hover {
	background-color: #001d46;
	color: #fff;
	text-decoration: none;
}

.koerperoele_page .product_detail_view .itemFullText {
	background-color: #001d46;
	color: #FFFFFF;
}


 /* für die serie hydrolipid balance*/

.hydrolipid_page #mainmenu {
	border-color: #ad98da;
}

.hydrolipid_page .produktserie_categories a.radio.frei_radio {
	color: #ad98da;
	font-size: 14px;
}
.hydrolipid_page .produktserie_categories a.radio.frei_radio.active {
	color: #fff;
	background-color: #ad98da;
}

.hydrolipid_page .link_to_products:hover {
   	border-color: #fff;
	color: #fff;
	background-color: #ad98da;
	text-decoration: none;
}

.hydrolipid_page .produktserie_headings h1 {
	color: #ad98da;
}

.hydrolipid_page .produktserie_description {
	background-color: #ad98da;
	color: #FFFFFF;
}

.hydrolipid_page .produktserie_description a {
	color: #FFFFFF;
}

.hydrolipid_page .produktserie_single .catItemTitle a:hover {
	background-color: #ad98da;
	color: #fff;
	text-decoration: none;
}

.hydrolipid_page .product_detail_view .itemFullText {
	background-color: #ad98da;
	color: #FFFFFF;
}



/* für die serie sensitive balance*/

.sensitive_page #mainmenu {
	border-color: #ebadc5;
}

.sensitive_page .produktserie_categories a.radio.frei_radio {
	color: #ebadc5;
}
.sensitive_page .produktserie_categories a.radio.frei_radio.active {
	color: #fff;
	background-color: #ebadc5;
}

.sensitive_page .link_to_products:hover {
   	border-color: #fff;
	color: #fff;
	background-color: #ebadc5;
	text-decoration: none;
}

.sensitive_page .produktserie_headings h1 {
	color: #ebadc5;
}

.sensitive_page .produktserie_description {
	background-color: #ebadc5;
	color: #FFFFFF;
}

.sensitive_page .produktserie_description a {
	color: #FFFFFF;
}

.sensitive_page .produktserie_single .catItemTitle a:hover {
	background-color: #ebadc5;
	color: #fff;
	text-decoration: none;
}

.sensitive_page .product_detail_view .itemFullText {
	background-color: #ebadc5;
	color: #FFFFFF;
}



/* für die serie Revital*/

.revital_page #mainmenu {
	border-color: #008c95;
}

.revital_page .produktserie_categories a.radio.frei_radio {
	color: #008c95;
}
.revital_page .produktserie_categories a.radio.frei_radio.active {
	color: #fff;
	background-color: #008c95;
}

.revital_page .link_to_products:hover {
   	border-color: #fff;
	color: #fff;
	background-color: #008c95;
	text-decoration: none;
}

.revital_page .produktserie_headings h1 {
	color: #008c95; 
}

.revital_page .produktserie_description {
	background-color: #008c95;
	color: #FFFFFF;
}

.revital_page .produktserie_description a {
	color: #FFFFFF;
}

.revital_page .produktserie_single .catItemTitle a:hover {
	background-color: #008c95;
	color: #fff;
	text-decoration: none;
}

.revital_page .product_detail_view .itemFullText {
	background-color: #008c95;
	color: #FFFFFF;
}

/* für die serie clear balance*/

.clear_page #mainmenu {
	border-color: #40dac5;
}

.clear_page .produktserie_categories a.radio.frei_radio {
	color: #40dac5;
}
.clear_page .produktserie_categories a.radio.frei_radio.active {
	color: #fff;
	background-color: #40dac5;
}

.clear_page .link_to_products:hover {
   	border-color: #fff;
	color: #fff;
	background-color: #40dac5;
	text-decoration: none;
}
 
.clear_page .produktserie_headings h1 {
	color: #40dac5;
}

.clear_page .produktserie_description {
	background-color: #40dac5;
	color: #FFFFFF;
}

.clear_page .produktserie_description a {
	color: #FFFFFF;
}

.clear_page .produktserie_single .catItemTitle a:hover {
	background-color: #40dac5;
	color: #fff;
	text-decoration: none;
}

.clear_page .product_detail_view .itemFullText {
	background-color: #40dac5;
	color: #FFFFFF;
}


/* für die serie anti age hyaluron lift */

.antiage_page #mainmenu {
	border-color: #7d003e;
}

.antiage_page .produktserie_categories a.radio.frei_radio {
	color: #7d003e;
}
.antiage_page .produktserie_categories a.radio.frei_radio.active {
	color: #fff;
	background-color: #7d003e;
}

.antiage_page .link_to_products:hover {
   	border-color: #fff;
	color: #fff;
	background-color: #7d003e;
	text-decoration: none;
}

.antiage_page .produktserie_headings .container-fluid {
}

 
.antiage_page .produktserie_headings h1 {
	color: #7d003e;
}

.antiage_page .produktserie_description {
	background-color: #7d003e;
	color: #FFFFFF;
}

.antiage_page .produktserie_description a {
	color: #FFFFFF;
}

.antiage_page .produktserie_single .catItemTitle a:hover {
	background-color: #7d003e;
	color: #fff;
	text-decoration: none;
}

.antiage_page .product_detail_view .itemFullText {
	background-color: #7d003e;
	color: #FFFFFF;
}



/* für die serie active balance */

.active_page #mainmenu {
	border-color: #ffb16f;
}

.active_page .produktserie_categories a.radio.frei_radio {
	color: #ffb16f;
}
.active_page .produktserie_categories a.radio.frei_radio.active {
	color: #fff;
	background-color: #ffb16f;
}

.active_page .link_to_products:hover {
   	border-color: #fff;
	color: #fff;
	background-color: #ffb16f;
	text-decoration: none;
}
 
.active_page .produktserie_headings h1 {
	color: #ffb16f;
}

.active_page .produktserie_description {
	background-color: #ffb16f;
	color: #FFFFFF;
}

.active_page .produktserie_description a {
	color: #FFFFFF;
}

.active_page .produktserie_single .catItemTitle a:hover {
	background-color: #ffb16f;
	color: #fff;
	text-decoration: none;
}

.active_page .product_detail_view .itemFullText {
	background-color: #ffb16f;
	color: #FFFFFF;
}


/* für die serie urea 2 in 1 */

.urea_page #mainmenu {
	border-color: #5eb0e5;
}

.urea_page .produktserie_categories a.radio.frei_radio {
	color: #5eb0e5;
}
.urea_page .produktserie_categories a.radio.frei_radio.active {
	color: #fff;
	background-color: #5eb0e5;
}

.urea_page .link_to_products:hover {
   	border-color: #fff;
	color: #fff;
	background-color: #5eb0e5;
	text-decoration: none;
}

.urea_page .produktserie_headings h1 {
	color: #5eb0e5;
}

.urea_page .produktserie_description {
	background-color: #5eb0e5;
	color: #FFFFFF;
}

.urea_page .produktserie_description a {
	color: #FFFFFF;
}

.urea_page .produktserie_single .catItemTitle a:hover {
	background-color: #5eb0e5;
	color: #fff;
	text-decoration: none;
}

.urea_page .product_detail_view .itemFullText {
	background-color: #5eb0e5;
	color: #FFFFFF;
}

/* für die info specials */

 .info_special .link_to_info_special {
	display: none;
 }
 
 .info_special .info_special_content_area h1 {
	margin: 0 0 40px 0;
	font-size: 36px;
	color: #193a68;
 }
 
  .info_special  .info_special_content_area h2 {
	margin: 30px 0 30px 0;
	font-size: 24px;
	color: #193a68;
 }
 
  .info_special  .info_special_content_area p {
	line-height: normal;
 }
 
 /*
  * Misc
  */
  
  

  
 
 /* Ein Teil der normalen Überschrift wird gegen eine Grafik ausgetauscht*/
 
 h1 span.info_special_graphical {
	text-indent: -9999em;
	display: block;
	background: transparent url('../images/frei/info_special_heading.png') no-repeat left center scroll;
	width: 211px;
	height: 45px;
 }

/* siehe /de/frei-entdecken/frei-prinzip.html*/

	ul.ul_100_proz_qualitaet {
		list-style-type: square;
		margin-left: 13px;
	}
	
	ul.ul_100_proz_qualitaet li {
	font-size: 24px;
		line-height: normal;
		color: #193a68;
	}

/* Kontakte, Joomla-contacts, Geschäftsleitung, aktuelles */
	.blog_view_pm.aktuelles .item_wrapper,
	.contact_category_list .cat-list {
		display: -webkit-box;
  		display: -moz-box;
  		display: -ms-flexbox;
  		display: -moz-flex;
  		display: -webkit-flex;
  		display: flex;
  		margin-bottom: 160px;
	}
	.blog_view_pm.aktuelles .item_wrapper .blog_content_area,
	.contact_category_list .cat-list .item-title {
		position: relative;
	}
	.blog_view_pm.aktuelles .item_wrapper .blog_content_area .blog_content_wrapper,
	.contact_category_list .cat-list .item-title .contact_item_content {
		position: absolute;
		bottom: 0;
	}
	.blog_view_pm.aktuelles .items-leading div:nth-of-type(2n),
	.contact_category_list .contacts div:nth-of-type(2n) .cat-list {
		flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse; 
	}
	.contact_category_list .item-image_col img {
		margin: 0 0 0 0;
	}
	
	.contact_category_list .contact_item {
		margin-bottom: 70px;
	}
	.contact_category_list .contact_item .person_title {
		font-size: 16px;
		margin-bottom: 0;
	}
	.contact_category_list .contact_item .person_name {
		font-size: 22px;
	}
	.contact_category_list .contact_item .person_category {
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 0;
	}
	
	
/*
 * Browser specific
 */
	
/* FF - big select dropdpwn */
.Firefox form .input-group select.form-control {
	border-radius: 15px 0 0 15px;
	outline: none;
	border: none;
}

.Firefox select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/*FB icon im Footer */
	/*#facebook_like {
		float: right;
		text-align: right;
		width: 100%;
	}*/

/* Search */
	.navbar-form {
		position: relative;
	}
	.search .navbar-form .btn  {
		border-radius: 0;
		background-color: transparent;
		background-image: none;
		text-shadow: none;
		box-shadow: none;
		border: 0;
		position: absolute;
	}
	.search {
		position: relative;
		margin-top: 27px;
	}
	.search .navbar-form {
		position: absolute;
		right: 40px;
		padding: 0;
		top: -11px;
		width: 0;
		z-index: 999;
		margin-bottom: 0;
		margin-top: 0;
		overflow: hidden;
		-webkit-transition: all .3s ease-in-out;
    	-moz-transition: all .3s ease-in-out;
    	-o-transition: all .3s ease-in-out;
    	transition: all .3s ease-in-out;
	}
	.search.active .navbar-form {
		width: 660px;
	}
	.search .navbar-form .searchicon {
		position: absolute;
	    top: 10px;
	    color: #707273;
	    right: 17px;
	    font-size: 19px;
		z-index: 99;
	}
	.search .searchicon i {
	    color: #193a68;
	    font-size: 25px;
	    float: right;
	}
	.search .navbar-form .input-group input {
		padding-right: 65px;
		border: 1px solid #C8C9CA;
		border-radius: 10px;
    	box-sizing: border-box;
    	height: 45px;
    	width: 660px;
    	background-color: #fff;
	}
	.search .navbar-form .input-group input::-webkit-input-placeholder,
	.search .navbar-form .input-group input:-moz-placeholder,
	.search .navbar-form .input-group input::-moz-placeholder,
	.search .navbar-form .input-group input:-ms-input-placeholder {
  		color: #193a68;
	}
	.search form .searchicon {
		font-size: 20px;
	}
	.search .searchicon:hover {
		color: #707273;
		cursor: pointer;
	}
	.input-group {
		border-radius: 0;
	}
	.search button.btn.btn-default {
	    background: transparent;
	    text-indent: 0;
	    text-shadow: none;
	    box-shadow: none;
	    position: absolute;
	    top: 0px;
	    color: #193a68;
	    right: 0px;
	    font-size: 15px;
		z-index: 99;
		height: 45px;
	}
	.search button.btn.btn-default i {
	    display: block;
	    font-size: 20px;
	}

	div.mein_haut_text div.container{
		/*background-image: url(../images/lines_background.png);*/
		background-repeat: no-repeat;
		    background-position: inherit;
	}

	.view_search #component button{
		margin-top: 0;
    	margin-left: 50px;
	}

	/* Search responsive */
		.responsive_search {
		    width: 100%;
    		position: absolute !important;
		}
		.search.responsive .searchicon {
			position: absolute;
		    color: #707273;
		    right: 60px;
		    font-size: 19px;
			float: right;
			z-index: 99999;
		}
		.search.responsive .searchicon i {
		    font-size: 25px;
		    float: none;
		    display: block;
		}
		.search.responsive #search_button {
		    top: 0px;
		}
		.search.responsive .searchicon.close_button {
		    position: absolute;
		    right: -5px;
		    background-color: #fff;
		    width: 49px;
		    padding: 4px 0;
		    top: -10px;
		    text-align: center;
		}
		.search.responsive .searchicon.close_button i {
		    font-size: 35px;
		    float: right;
		}
		.search.responsive .navbar-form {
			top: 62px;
		}
		.search.responsive .navbar-form,
		.search.responsive .navbar-form .input-group,
		.search.responsive .navbar-form .input-group input {
			width: 100%;
		}
		.search.responsive .navbar-form {
			height: 0px;
		}
		.search.responsive.active .navbar-form {
			height: 90px;
			-webkit-box-shadow: 0px 5px 7px -2px #BFBCBC;
		    -moz-box-shadow: 0px 5px 7px -2px #BFBCBC;
		    box-shadow: 0px 5px 7px -2px #BFBCBC;
		}

	/* Responsive Menu */
		.responsive_menu.active_menu .collapse-button span {
			display: none;
		}
		.responsive_menu .menu-collapser .collapse-button:before {
			content: '\f00d';
		    font-family: FontAwesome;
		    width: 40px;
		    height: 40px;
		    position: absolute;
		    top: -10px;
		    font-size: 35px;
		    right: 0;
		    display: none;
		    cursor: pointer;
		}
		.responsive_menu.active_menu .menu-collapser .collapse-button:before {
		    display: block;
		}


/* mainmenu override */
	/* topbar */
		#topbar .menu.flat {
			margin-left: 60px;
		}
		#topbar .mod-languages {
			margin-left: 50px;
			float: right;
		}

	/* mainmenu */
		#mainmenu .logo_frei_apothekenkosmetik img {
			margin-left: 44px;
		}
		#mainmenu .main_menu > li {
		    max-width: 149px;
		    margin-left: 57px;
		    margin-right: 0;
		}
		#mainmenu .search {
		    margin-left: 50px;
		}

a.white_button,
button.white_button {
	color: #193a68;
    background-color: #fff;
    padding: 20px 44px;
    -webkit-border-radius: 15px;
    border-radius: 30px;
    border: 1px solid #193a68;
    margin: 40px 0 0 0;
    line-height: normal;
    font-size: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-transform: uppercase;
    text-decoration: none !important;
}
a.white_button:hover,
button.white_button:hover {
	color: #fff;
    background-color: #193a68;
    text-decoration: none !important;
    font-weight: normal;
}

.lines_bg {
	background-image: url('/images/Sektionen/streifen_bg.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
}

.hautnah #abovecontent .moduletable .row {
	height: 700px;
}
.hautnah #abovecontent .moduletable .row .positioning_wrapper  {
	margin-top: 50px;
}

.hautnah_prinzip .container {
	/*background-image: url('/images/Sektionen/hautnah_prinzip_bg.jpg');*/
    background-repeat: no-repeat;
    background-position: bottom;
    height: 700px;
}
.hautnah .gewinnspiel .container {
	/*background-image: url('/images/Sektionen/hautnah_gewinnspiel_bg.jpg');*/
    background-repeat: no-repeat;
    background-position: bottom;
    height: 700px;
}

.frei_entdecken_unternehmen .container {
	background-image: url('/images/content/hautnah_unternehmen.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    height: 700px;
}

.geschichte .container {
    background-image: url('/images/Sektionen/markengeschichte/Geschichte.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 700px;
}

.figuroel_bg .container {
    background-repeat: no-repeat;
    background-position: left bottom;
}
.figuroel {
    border-bottom: 23px solid #a5cb6d;
}

.aktuelles_hautnah .container {  
  background-image: url('/images/Sektionen/aktuelles/aktuelles_section.jpg');
  background-repeat: no-repeat;
  background-position: bottom left;
}

.aktuelles_image {
    position: absolute;
    left: 311px;
    bottom: 0;
}

.aktuelles_bg .aktuelles_txt {
  float: right;
}

.aktuelles_bg .aktuelles_txt .aktuelles_news {
    margin-left: 11px;
    padding-bottom: 4px;
    border-bottom: solid 1px;
}

.aktuelles_bg .aktuelles_txt .aktuelles_news:hover {
  	text-decoration: none;
  	opacity: 0.8;
}


.page_product_lines .moduletable .container h3 {
  	margin-bottom: 40px;
}


/* Produktübersicht mit Sections */

	.page_product_lines .moduletable .container .row {
		height: 100%;
	}
	.product_overview_section_image {
	    position: absolute;
	    bottom: 0px;
	    left: 320px;
	}
	.page_product_lines #component h3 {
		margin-top: 0;
		margin-bottom: 40px;
		font-size: 25px;
	}
	.page_product_lines #component h2 {
		margin-top: 0;
		font-size: 35px;
	}
	.page_product_lines .moduletable .row {
		padding-top: 130px;
	}
	.page_product_lines .moduletable .row a.white_button {
		margin-top: 30px;
	}

	/* Produktlinienübersicht */
		.page_product_lines #produktserien_content .container {
			background-repeat: no-repeat;
		}

	/* Reinigung und Deodorants */
		.reinigung-und-deodorants_section .container .product_overview_section_image {
		    position: absolute;
    		bottom: 35px;
    		left: 271px;
		}
		.reinigung-und-deodorants_section .container {
		    background-position: right; 
		    border-bottom: 25px solid #05c3de;
		}
		.reinigung-und-deodorants_section .container h2 { 
		    color: #05c3de;
		}

	/* Körperöle */
		.koerperoele_section .container .product_overview_section_image {
		    position: absolute;
    		bottom: 35px;
    		left: 269px;
		}
		.koerperoele_section .container {
		    background-position: right;
		    border-bottom: 25px solid #001d46;
		}
		.koerperoele_section .container h2 { 
		    color: #001d46;
		}

	/* Hydrolipid */
		.hydrolipid_section .container .product_overview_section_image {
		    position: absolute;
    		bottom: 35px;
    		left: 297px;
		}
		.hydrolipid_section .container {
		    background-position: left;
		    border-bottom: 25px solid #ad96dc;
		}
		.hydrolipid_section .container h2 { 
		    color: #ad96dc;
		}

	/* Revital */
		.revital_section .container .product_overview_section_image {
		    position: absolute;
    		bottom: 35px;
    		left: 302px;
		}
		.revital_section .container {
		    background-position: left;
		    border-bottom: 25px solid #008c95;
		}
		.revital_section .container h2 { 
		    color: #008c95;
		}

	/* Anti Age */
		.antiage_section .container .product_overview_section_image {
		    position: absolute;
    		bottom: 35px;
    		left: 273px;
		}
		.antiage_section .container {
		    background-position: right;
		    border-bottom: 25px solid #861f42;
		}
		.antiage_section .container h2 { 
		    color: #861f42;
		}

	/* Deodorant */
		.deodorant_section .container .product_overview_section_image {
		    position: absolute;
    		bottom: 35px;
    		left: 330px;
		}
		.deodorant_section .container {
		    background-position: right;
		    border-bottom: 25px solid #05c3de;
		}
		.deodorant_section .container h2 { 
		    color: #05c3de;
		}

	/* Clear Balance */
		.clear-balance_section .container .product_overview_section_image {
		    position: absolute;
    		bottom: 35px;
    		left: 326px;
		}
		.clear-balance_section .container {
		    background-position: right;
		    border-bottom: 25px solid #3cdbc0;
		}
		.clear-balance_section .container h2 { 
		    color: #3cdbc0;
		}

	/* Urea 2 in 1 */
		.urea_section .container .product_overview_section_image {
		    position: absolute;
    		bottom: 35px;
    		left: 311px;
		}
		.urea_section .container {
		    background-position: right;
		    border-bottom: 25px solid #5eb0e5;
		}
		.urea_section .container h2 { 
		    color: #5eb0e5;
		}

	/* Totes Meer Mineral Section */
		.totes_mineral_section .container .product_overview_section_image {
		    position: absolute;
    		bottom: 35px;
    		left: 302px;
		}
		.totes_mineral_section .container {
		    background-position: left;
		    border-bottom: 25px solid #0082ba;
		}
		.totes_mineral_section .container h2 { 
		    color: #0082ba;
		}

/* Slider */
	body .sp-arrow {
		color: #193a68;
	}
	body .sp-buttons {
	    position: absolute;
	    bottom: 0;
	}
	body .sp-button {
		background-image: url('/images/frei_oeltropfen.png');
		background-repeat: no-repeat;
		background-position: center;
		color: transparent;
		border: 0;
		width: 20px;
   		height: 27px;
	}
	body .sp-button.sp-selected-button{
		background-color: transparent;
		background-image: url('/images/frei_oeltropfen_active.png');
	}

/* Kontaktformular */
	.contact_form_headings {
		background: none;
	}

.presse .readmore a:before,
.aktuelles .readmore a:before {
	content: "";
    background-image: url('/images/arrow_right.png');
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 7px;
}

/** Transparente Hintergründe **/

/*Aktuelles Seite*/
.blog_view_pm #component_wrapper{
	/*background-image: url('/images/hg_aktuelles.png');*/
	background-repeat: no-repeat;
}

/*Markengeschichte Seite*/
.markengeschichte #component_wrapper{
	background-image: url('/images/markengeschichte_bg.jpg');
	background-repeat: no-repeat;
}
.standard_bg #component_wrapper,
.view_contact #component_wrapper,
.newsletter #component_wrapper,
.unternehmen #component_wrapper,
.prinzip #component_wrapper{
	/*background-image: url('/images/hg_aktuelles.png');*/
	background-repeat: no-repeat;
}

#inhaltsstoffe .content {
    overflow: hidden;
}
#inhaltsstoffe .hide_content {
	height: 126px;
}
.show_more {
	margin: 5px 0 30px;
	cursor: pointer;
}
.show_more:before {
	content: "";
	width: 27px;
	height: 27px;
	background-image: url("/images/arrow_down.png");
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	top: 8px;
	margin-right: 10px;
}

/* Frontend editing styling PM DF */

.form-horizontal .control-label{
	text-align: left;
	margin-bottom: 5px;
}

div.control-group div.controls .radio input[type="radio"]{
	margin-left: 0px;
}

div.control-group div.controls .radio label{
	padding-left: 25px;
	padding-right: 25px;
}

div.control-group div.controls input[type="file"]{
	margin-bottom: 15px;
}

iframe#imageframe{
	height: 400px;
}


ul.manager.thumbnails{
	padding-left: 0px;
}

ul.manager.thumbnails li.thumbnail{
	float: left;
	width: 30%;
	margin-right: 15px;
	height: 100px;
}



/* Cookie Law */
	.cadre_bouton .btn_readmore a:hover {
		text-decoration: underline !important;
	}
	.cadre_bouton .btn.popup-modal-dismiss:hover {
		background-color: #fff !important;
		color: #193a68 !important;
	}

/* Slider Styling */
	.slider-pro .sp-arrow{font-size:50px;width:70px;}
	.sp-horizontal .sp-arrow {margin-top:-33.3333333333px;}
	.sp-vertical .sp-arrow {margin-left:-33.3333333333px;}
	.slider-pro .sp-full-screen-button:before{color:#000000;}
	@media (max-width: 979px) {
		.slider-pro .sp-arrow{font-size:45px;width:55px;}	
	}

/* Login */
	.view_profile .page_heading,
	.view_login .page_heading {
		margin-top: 50px;
	}

/* Totes Mineral Menu Item Color*/
	li.item-559 a{
		color: #0082ba;
	}