/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

/* COMMENT FORM */

.comment-form-cookies-consent {
	display: none !important;
}

.comment-form-rm-subscribe {
	display: none !important;
}

col.span_4.col_last label {
	display: none !important;
}

.col.span_4.col_last #url {
	display: none !important;
}

.col.span_4.col_last {
	display: none !important;
}

/* EXPERTEN TESTIMONIAL */

.image-icon{
    width: 100px !important;
    height: 100px !important;
    background-position: center top !important;
}

.testimonial-experten{
    min-height:332px !important;
}

span.title {
    color: rgba(255,255,255,.5) !important;
}

/* HEADING HOME */

.artikel-kategorie h2 {
    font-size: 14px !important;
    border-bottom: 2px solid rgba(255,255,255,.5) !important;
    text-align: center !important;
	transform: translate(0px, -30px) !important;
}

h1.heading-artikel,
.heading-artikel h1{
	text-transform: uppercase !important;
    letter-spacing: 0 !important;
    font-size: 26px !important;
    line-height: 36px !important;
    font-weight: 700 !important;
}

.heading-home h1{
	text-transform: uppercase !important;
    letter-spacing: 0 !important;
    font-size: 38px !important;
    line-height: 48px !important;
    font-weight: 700 !important;
}

/* MODAL SURVEY */

div#survey-results-3368785031-endcontent h3 {
    display: none !important;
}

span.badge.badge-info.right {
    display: none !important;
}


/*SIDEBAR SOCIAL*/

.social-sidebar{
	background-color: #594140;
	border-radius: 10px !important;
	padding: 10px !important;
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
}

.social-sidebar h4{
	position: relative;
    display: inline-block;
	width: 100% !important;
	border-bottom: 1px solid #e0dcdc !important;
    padding-bottom: .6em;
    font-size: 22px !important;
    color: #e0dcdc !important;
	text-align: center !important;
}

	/* facebook */

		.social-icons fa {
			padding: 10px 5px 10px 5px;
			font-size: 30px;
			width: 322px;
			height: auto !important;
			text-align: center;
			text-decoration: none;
			margin: 10px;
			display: inline-block !important;
			border-radius: 5px !important;
		}

	/* Hover Effekt */

		.social-icons fa:hover {
			opacity: 0.7;
			-webkit-box-shadow: none !important;
			-moz-box-shadow: none !important;
			box-shadow: none !important;
			color: #ffffff !important;
		}

	/* Facebook */

		.social-icons .fa-facebook {
			background: #3B5998;
			color: white;
			-webkit-box-shadow: 0px 5px 15px 0px rgba(59, 89, 152,0.3) !important;
			-moz-box-shadow: 0px 5px 15px 0px rgba(59, 89, 152,0.3) !important;
			box-shadow: 0px 5px 15px 0px rgba(59, 89, 152,0.3) !important;
			width: 100% !important;
			height: auto !important;
			display: inline-block !important;
			font-size: 30px !important;
			padding: 10px;
			border-radius: 5px;
			margin-bottom: 10px;
			text-align: center !important;
		}

		.social-icons .fa-facebook:hover{
					opacity: 0.7;
					-webkit-box-shadow: none !important;
					-moz-box-shadow: none !important;
					box-shadow: none !important;
					color: #ffffff !important;
		}

	/* Twitter */

		.social-icons .fa-twitter {
			background: #55ACEE;
			color: white;
			-webkit-box-shadow: 0px 5px 15px 0px rgba(85, 172, 238,0.3) !important;
			-moz-box-shadow: 0px 5px 15px 0px rgba(85, 172, 238,0.3) !important;
			box-shadow: 0px 5px 15px 0px rgba(85, 172, 238,0.3) !important;
			width: 100% !important;
			height: auto !important;
			display: inline-block !important;
			font-size: 30px !important;
			padding: 10px;
			border-radius: 5px;
			margin-bottom: 10px;
			text-align: center !important;
		}

		.social-icons .fa-twitter:hover{
			opacity: 0.7;
			-webkit-box-shadow: none !important;
			-moz-box-shadow: none !important;
			box-shadow: none !important;
			color: #ffffff !important;
}

		.mehr-artikel-sidebar{
			background-color: #f5f5f5;
			padding: 10px !important;
			border-radius: 10px !important;
			-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
			-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
			box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
		}

		.mehr-artikel-sidebar h4,
		.social-sidebar h4
		{
			font-weight: 600 !important;
			text-transform: uppercase !important;
			letter-spacing: -.5px !important;
			font-size: 16px !important;
			border-bottom: 1px solid #ccc !important;
			width: 100% !important;
			color: #e0dcdc !important;
			text-align: center !important;
		}



/* SOCIAL WIDGETS */

ul.zoom-social-icons-list.zoom-social-icons-list--with-canvas.zoom-social-icons-list--rounded.zoom-social-icons-list--no-labels {
    text-align: center !important;
}

/* OFF CANVAS MENU */

.material #slide-out-widget-area[class*="slide-out-from-right"] .inner .off-canvas-menu-container li li a, body #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-container li li a {
    font-size: 14px !important;
    line-height: 24px;
}

/* MEGAMENU */

header#top nav >ul >li.megamenu >ul >li {
    display: inline!important;
    float: none!important;
    padding: 0px 15px;
    width: 33.33%;
}

ul.sub-menu {
    background: linear-gradient(to right, #41302f, #41302f, transparent), url(https://www.haut-haar-magazin.eu/wp-content/uploads/2018/04/Haut-Haar-Magazin-BG-Bild.png) no-repeat center;
    background-size: cover !important;
	background-position: center bottom !important;
}

@media (max-width: 400px) {
    ul.sub-menu {
    background: none !important;
    background-size: none !important;
}
}

/* BUTTON MEHR ARTIKEL */

li#menu-item-6168 a,
li#menu-item-6169 a,
li#menu-item-6170 a,
li#menu-item-6171 a,
li#menu-item-6172 a
{
	position: relative;
    display: inline-block;
	width: 100%;
	border-bottom: 2px solid #e8b235 !important;
    padding-bottom: .8em;
	font-family: 'Montserrat' !important;
	text-decoration: underline !important;
    font-size: 22px !important;
    color: #e8b235 !important;
	padding: 15px !important;
	text-align: center !important;
	transition: all .2s ease-in-out;
}

/* Hautschutz */


li#menu-item-6135 a,
li#menu-item-6136 a,
li#menu-item-6154 a,
li#menu-item-6155 a,
li#menu-item-6156 a,
li#menu-item-6415 a{
	text-align: center !important;
}

	/* Desinfektion: Schutz im Krankenhaus */

	li#menu-item-6415 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6415 a:hover:after,
	li#menu-item-6415 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

/* Herausforderung - Händehygiene im Krankenhaus */

	li#menu-item-6135 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6135 a:hover:after,
	li#menu-item-6135 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

/* Was tun nach einem Insektenstich */

	li#menu-item-6136 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6136 a:hover:after,
	li#menu-item-6136 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

/* Schutz vor Urlaubsinfektionen */

	li#menu-item-6154 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6154 a:hover:after,
	li#menu-item-6154 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* Haut schützen & Haare stärken */

	li#menu-item-6155 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6155 a:hover:after,
	li#menu-item-6155 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* Für jeden Hauttyp der richtige Umgang */

	li#menu-item-6156 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6156 a:hover:after,
	li#menu-item-6156 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

/* Hauterkrankungen */


li#menu-item-6157 a,
li#menu-item-6158 a,
li#menu-item-6159 a,
li#menu-item-6160 a,
li#menu-item-6161 a,
li#menu-item-6275 a
{
	text-align: center !important;
}

	/* Geschlechtskrankheiten: wieder am Vormarsch */

	li#menu-item-6275 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6275 a:hover:after,
	li#menu-item-6275 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* Akne - Die richtige Pflege ist entscheidend */

	li#menu-item-6157 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6157 a:hover:after,
	li#menu-item-6157 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* Urtikaria - Aus heierem Himmel */

	li#menu-item-6158 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6158 a:hover:after,
	li#menu-item-6158 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* Psoriasis - Kleider trage ich halt Nachts */

	li#menu-item-6159 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6159 a:hover:after,
	li#menu-item-6159 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* Eine Pilzinfekion geht nicht von alleine weg */

	li#menu-item-6160 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6160 a:hover:after,
	li#menu-item-6160 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* Neurodermitis - Viele Kinder leiden */

	li#menu-item-6161 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6161 a:hover:after,
	li#menu-item-6161 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

/* Schönheit */


li#menu-item-6162 a,
li#menu-item-6163 a,
li#menu-item-6164 a
{
	text-align: center !important;
}

	/* Unterirdische Pickel - Schnell weg, aber wie */

	li#menu-item-6162 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6162 a:hover:after,
	li#menu-item-6162 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* Sonnenschutz für jeden Hauttyp und Phototyp */

	li#menu-item-6163 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6163 a:hover:after,
	li#menu-item-6163 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* Alles glatt? Kosmetik fürs Gesicht */

	li#menu-item-6164 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6164 a:hover:after,
	li#menu-item-6164 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

/* Haare */


li#menu-item-6165 a,
li#menu-item-6166 a,
li#menu-item-6167 a
{
	text-align: center !important;
}

	/* Haartrends 2018 - Das tragen Männer */

	li#menu-item-6165 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6165 a:hover:after,
	li#menu-item-6165 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* Das sind die Haar-Trends 2018 für Frauen */

	li#menu-item-6166 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6166 a:hover:after,
	li#menu-item-6166 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* "Haarprodukte sollten nachhaltig sein!“ */

	li#menu-item-6167 a:after{
		content: "";
		position: relative;
		border-bottom: 2px solid #00bcd4;
		left:0;
		top: 100%;
		width: 5%;
		height: 4px;
		color: #00bcd4;
		font-size: 22px !important;
		display: block;
		margin: 0 auto;
		text-align: center !important;
		padding-bottom: .3em;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	li#menu-item-6167 a:hover:after,
	li#menu-item-6167 a:focus:after{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}


/* HEADING HOME */

@media (max-width: 400px) {
    .heading-themen h2 {
    font-size: 30px !important;
}
}

/* PIMARY MENU */

li#menu-item-5996,
li#menu-item-5997,
li#menu-item-5998,
li#menu-item-5999{
    font-style: italic !important;
}

/* UBER MENU */

ul.ubermenu-submenu.ubermenu-submenu-id-5996.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
    margin-top: 212px !important;
}



p{
	-webkit-font-smoothing: antialiased !important;
}

/* SLIDER REVOLUTION NAVIGATION */

.tp-tabs.inner.news-header.nav-pos-hor-right.nav-pos-ver-bottom.nav-dir-vertical {
    top: 70% !important;
}

/* SHADOW */

.wpb_column[data-shadow="small_depth"]{
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
}

/* BUTTON GENERAL */

a.nectar-button.large.regular.regular-button.btn-general {
    font-weight: 700 !important;
    font-style: italic !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1) !important;
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1) !important;
    font-family: 'Montserrat' !important;
    background-color: transparent !important;
    border: 2px solid #e0dcdc !important;
    color: #00bcd4 !important;
}

a.nectar-button.large.regular.regular-button.btn-general:hover{
	background-color: #00bcd4 !important;
	color: #41302f !important;
	border-color: #00bcd4 !important;
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/* LEFT SIDEBAR */

body.single.single-post #sidebar {
    float: left;
    margin-right:auto;
}

body.single.single-post div.post-area.col.span_9{
    float:right;
   margin-right:auto;
}

.post-area.col.featured_img_left.span_9 {
    float: right;
    margin-right: auto;
}

/* FANCY BOX */

.nectar-fancy-box[data-style="color_box_basic"] {
    border-radius: 0px !important;
}

/* SIDEBAR */

.facebook-sidebar,
.twitter-sidebar,
.mehr-artikel-sidebar{
    background-color: #594140 !important;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
    padding: 2% !important;
	border-radius: 10px !important;
}

.fb_iframe_widget {
    display: block !important;
    position: relative;
    text-align: center !important;
}

i.wss-nav-next:before,
i.wss-nav-prev:before{
	padding: 4px;
    float: left;
    color: #222;
    font-size: 1em;
    width: 18px;
    height: 18px;
    background: transparent;
    border-radius: 40px;
}

span.post-title {
    color: #fff !important;
}

.twitter-sidebar h4,
.facebook-sidebar h4,
.mehr-artikel-sidebar h4{
	position: relative;
    display: inline-block;
	width: 100% !important;
	border-bottom: 1px solid #e0dcdc !important;
    padding-bottom: .6em;
    font-size: 22px !important;
    color: #e0dcdc !important;
	text-align: center !important;
}

/* SOCIAL DESIGN */

.social-shadow-twitter{
	    box-shadow: 0px 0px 10px rgba(29, 202, 255,0.3), 0 13px 45px rgba(29, 202, 255,0.3) !important;
	    transition: all 0.25s ease-in-out;
	    -webkit-transition: all 0.25s ease-in-out;
}

.social-shadow-twitter:hover,
.social-shadow-facebook:hover{
	    box-shadow: none !important;
	    transition: all 0.25s ease-in-out;
	    -webkit-transition: all 0.25s ease-in-out;
}

.social-shadow-facebook{
    	box-shadow: 0px 0px 10px rgba(59, 89, 152,0.3), 0 13px 45px rgba(59, 89, 152,0.3) !important;
    	transition: all 0.25s ease-in-out;
	    -webkit-transition: all 0.25s ease-in-out;
}

/* META */

.grav-wrap {
    display: none !important;
}

div#author-bio{
	display: none !important;
}

div#single-below-header{
	display: none !important;
}

span.post-date {
    display: none !important;
}

.post-tags {
    display: none !important;
}

article.post .content-inner {
    border-bottom: 1px solid #DDD;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

span.meta-category a {
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    font-family: 'Montserrat' !important;
    border-bottom: 1px solid !important;
    width: 100% !important;
}

.post-header h3 {
    font-weight: 700 !important;
}

.widget ul.nectar_widget[class*="nectar_blog_posts_"][data-style*="hover-featured-image"] > li a .popular-featured-img:after {
    background-color: rgba(0,0,0,0.9) !important;
}

span.text {
    font-weight: 700 !important;
}

.material .related-post-wrap h3.related-title {
    padding: 8% 0 40px 0;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 40px !important;
	line-height: 40px !important;
}

span.post-title {
    font-style: italic !important;
    letter-spacing: .2px !important;
}

span.result-num {
    display: none !important;
}

span.meta-category {
    display: none !important;
}

/* SEARCH FORM */

body.material #search-outer #search input[type="text"] {
    font-family: Montserrat;
    text-transform: none !important;
    letter-spacing: 0;
    font-size: 50px !important;
    line-height: 19.6px;
    font-weight: 500;
}

/* BEITRÄGE DESIGN */

	/* Früherkennung & Diagnostik */

		article#post-4
{
			background-color: #fff !important;
			padding: 2% !important;
			-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
			-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
			box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.09) !important;
			border-radius: 10px !important;
		}

	/* Hauterkrankung */

		article#post-6130,
		article#post-6036,
		article#post-6076,
		article#post-6079,
		article#post-6105,
		article#post-6111,
		article#post-6128,
		article#post-6130,
		article#post-6267
		{
			background-color: #fff !important;
			padding: 2% !important;
			-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
			-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
			box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.09) !important;
			border-radius: 10px !important;
		}

	/* Hautschutz */

		article#post-6107,
		article#post-6109,
		article#post-6115,
		article#post-6119,
		article#post-6121,
		article#post-6407
		{
			background-color: #fff !important;
			padding: 2% !important;
			-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
			-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
			box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.09) !important;
			border-radius: 10px !important;
		}

	/* Schönheit */

		article#post-6083,
		article#post-6113,
		article#post-6123
		{
			background-color: #fff !important;
			padding: 2% !important;
			-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
			-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
			box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.09) !important;
			border-radius: 10px !important;
		}

	/* Haare */

		article#post-6030,
		article#post-6074,
		article#post-6086
		{
			background-color: #fff !important;
			padding: 2% !important;
			-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
			-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
			box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.09) !important;
			border-radius: 10px !important;
		}



		ul#menu-hhm-footer-menu a,
		ul#menu-hhm-footer-kategorie a{
			font-weight: 300 !important;
			font-style: italic !important;
			text-transform: uppercase !important;
			font-size: 16px !important;
			border-bottom: 2px solid #00bcd4 !important;
		}

		ul#menu-hhm-footer-menu a:hover,
		ul#menu-hhm-footer-kategorie a:hover{
			font-weight: 300 !important;
			font-style: italic !important;
			text-transform: uppercase !important;
			font-size: 16px !important;
			color: #00bcd4 !important;
			transition: all .3s !important;
		}

/* FOOTER MENU/2 */

@media (max-width: 400px) {
    .footer-menu-kategorien {
    	margin-top: 40px !important;
}
}

ul#menu-hhm-footer-menu li a,
ul#menu-hhm-footer-kategorie li a{
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
    letter-spacing: .2px !important;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
}

ul#menu-hhm-footer-menu li a:hover,
ul#menu-hhm-footer-kategorie li a:hover{
	color: #00bcd4 !important;
	font-weight: 700 !important;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
}

ul#menu-hhm-footer-menu li#menu-item-6006,
ul#menu-hhm-footer-menu li#menu-item-6011,
ul#menu-hhm-footer-menu li#menu-item-6007,
ul#menu-hhm-footer-menu li#menu-item-6008,
ul#menu-hhm-footer-menu li#menu-item-6216,
ul#menu-hhm-footer-kategorie li#menu-item-6012,
ul#menu-hhm-footer-kategorie li#menu-item-6013,
ul#menu-hhm-footer-kategorie li#menu-item-6014,
ul#menu-hhm-footer-kategorie li#menu-item-6015
{
	position: relative;
	padding-bottom: 10px !important;
	margin-bottom: 5px !important;
    border-bottom: 2px solid #00bcd4 !important;
}

	/* Home */

		ul#menu-hhm-footer-menu li#menu-item-6006::before{
			content: "";
			position: absolute;
			left: 0;
			bottom: -4px;
			width: 14%;
			height: 6px;
			background-color: #00bcd4;
			transition: all .2s ease-out;
		}

	/* Über uns */

		ul#menu-hhm-footer-menu li#menu-item-6011::before{
			content: "";
			position: absolute;
			left: 0;
			bottom: -4px;
			width: 24%;
			height: 6px;
			background-color: #00bcd4;
			transition: all .2s ease-out;
		}

	/* Kontakt */

		ul#menu-hhm-footer-menu li#menu-item-6007::before{
			content: "";
			position: absolute;
			left: 0;
			bottom: -4px;
			width: 22%;
			height: 6px;
			background-color: #00bcd4;
			transition: all .2s ease-out;
		}

	/* Datenschutz */

		ul#menu-hhm-footer-menu li#menu-item-6216::before{
			content: "";
			position: absolute;
			left: 0;
			bottom: -4px;
			width: 36%;
			height: 6px;
			background-color: #00bcd4;
			transition: all .2s ease-out;
		}

	/* Impressum */

		ul#menu-hhm-footer-menu li#menu-item-6008::before{
			content: "";
			position: absolute;
			left: 0;
			bottom: -4px;
			width: 28%;
			height: 6px;
			background-color: #00bcd4;
			transition: all .2s ease-out;
		}
	
	/* Hautschutz */

		ul#menu-hhm-footer-kategorie li#menu-item-6012::before{
			content: "";
			position: absolute;
			left: 0;
			bottom: -4px;
			width: 32%;
			height: 6px;
			background-color: #00bcd4;
			transition: all .2s ease-out;
		}

	/* Hauterkrankung */

		ul#menu-hhm-footer-kategorie li#menu-item-6013::before{
			content: "";
			position: absolute;
			left: 0;
			bottom: -4px;
			width: 45%;
			height: 6px;
			background-color: #00bcd4;
			transition: all .2s ease-out;
		}

	/* Schönheit */

		ul#menu-hhm-footer-kategorie li#menu-item-6014::before{
			content: "";
			position: absolute;
			left: 0;
			bottom: -4px;
			width: 27%;
			height: 6px;
			background-color: #00bcd4;
			transition: all .2s ease-out;
		}

	/* Haare */

		ul#menu-hhm-footer-kategorie li#menu-item-6015::before{
			content: "";
			position: absolute;
			left: 0;
			bottom: -4px;
			width: 17%;
			height: 6px;
			background-color: #00bcd4;
			transition: all .2s ease-out;
		}

/* FOOTER KONTAKT */

.kontakt-footer h1{
	font-weight: 700 !important;
	font-size: 16px !important;
	color: #ffffff !important;
	margin: 0px !important;
	line-height: 25px !important;
	text-align: center !important;
}

.kontakt-footer img{
	width: 150px !important;
    height: 150px !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    margin-top: 20px !important;
}

.kontakt-footer h4,
.footer-menu h4,
.footer-kategorie h4{
	font-weight: 700 !important;
	font-size: 23px !important;
	width: 30% !important;
	border-bottom: 3px solid;
}

.kontakt-footer h6 {
    color: #fff !important;
    font-size: 14px !important;
}

.kontakt-footer a{
	font-size: 14px !important;
}

.footer-logo h4{
	font-weight: 700 !important;
	font-size: 16px !important;
	text-align: center !important;
	padding-bottom: 10px !important;
}

/* CONTACT FORM 7 NEWSLETTER */

input.wpcf7-form-control.wpcf7-submit.btn-news {
    border-radius: 5px !important;
    margin-top: 10px !important;
    font-weight: 700 !important;
    font-family: 'Montserrat' !important;
    font-size: 16px !important;
	font-style: italic !important;
    box-shadow: 0 5px 10px rgba(42, 45, 89,.38) !important;
    text-transform: uppercase;
    letter-spacing: .5px !important;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1) !important;
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1) !important;
}

input.wpcf7-form-control.wpcf7-submit.btn-news a:hover {
    border-radius: 10px !important;
    font-weight: 500 !important;
    font-family: 'Nunito' !important;
    font-size: 16px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

body[data-form-submit="regular"] .container-wrap input[type=submit]{
		padding: 10px 40px !important;

}

input[type=email]{
	color: #00bcd4 !important;
}

@media (max-width: 400px) {
    .newsletter-home {
    margin-top: -50px !important;
}
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    background-color: #00bcd4 !important;
    font-weight: 700 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
    border-color: #00bcd4 !important;
    border-radius: 5px !important;
}

/* CONTACT FORM */

textarea.wpcf7-form-control.wpcf7-textarea,
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-text{
    color: #00bcd4 !important;
}

input.wpcf7-form-control.wpcf7-submit {
    font-style: italic !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    font-family: 'Montserrat';
    letter-spacing: .2px !important;
    background-color: transparent !important;
    border-radius: 5px !important;
}

/* WEITERE BEITRÄGE */

	/* Hautschutz */

		.inner-wrap.post-6115,
		.inner-wrap.post-6109,
		.inner-wrap.post-6107,
		.inner-wrap.post-4
{
			background-color: #fff !important;
			padding: 5% !important;
			-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
    		-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
    		box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
}

	/* Hauterkrankungen */

		.inner-wrap.post-6076,
		.inner-wrap.post-6079,
		.inner-wrap.post-6105,
		.inner-wrap.post-6036,
		.inner-wrap.post-6267
{
			background-color: #fff !important;
			padding: 5% !important;
			-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
    		-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
    		box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
}

	/* Schönheit */

		.inner-wrap.post-6113,
		.inner-wrap.post-6123,
		.inner-wrap.post-6083
{
			background-color: #fff !important;
			padding: 5% !important;
			-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
    		-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
    		box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
}

	/* Haare */

		.inner-wrap.post-6074,
		.inner-wrap.post-6086,
		.inner-wrap.post-6030
{
			background-color: #fff !important;
			padding: 5% !important;
			-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
    		-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
    		box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3) !important;
}

/* PREV/NEXT POSTS */

.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:after, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:after, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .previous-post:after, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .next-post:after {
    background-color: rgba(0, 188, 212,0.35) !important;
}

.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover:after, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover:after, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .previous-post:hover:after, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .next-post:hover:after {
    background-color: rgba(0, 188, 212,0.8) !important;
}

/* SHARIFF */

.shariff.shariff-align-center.shariff-widget-align-center {
    border-top: 3px solid rgba(0,0,0,.2);
    padding-top: 10px !important;
}

/* COOKIE BAR */

#catapult-cookie-bar {
    border-radius: 5px !important;
    box-shadow: 0px 10px 40px 0px rgba(65, 48, 47,0.35) !important;
}

div#catapult-cookie-bar h3 {
    text-transform: uppercase !important;
    font-size: 24px !important;
	font-style: italic !important;
    letter-spacing: 0.5px !important;
	font-weight: 700 !important;
}

button#catapultCookie {
    background-color: transparent !important;
    color: #fff !important;
    font-weight: 700 !important;
	font-style: italic !important;
    text-transform: uppercase !important;
    letter-spacing: .5px;
    border: 2px solid #e0dcdc !important;
    line-height: 30px !important;
    font-size: 12px !important;
	font-family: 'Montserrat' !important;
}

button#catapultCookie:hover{
	box-shadow: 0px 10px 40px 0px rgba(57, 101, 130,0.35) !important;
	background-color: #00bcd4 !important;
	border: 2px solid #00bcd4 !important;
	color: #41302f !important; 
	
}

a.ctcc-more-info-link {
    font-style: italic !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

/* ECOLAB WERBEMITTEL */

.ecolab-sidebar{
	text-align: center !important;
	background-color: #594140 !important;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
    padding: 2% !important;
	border-radius: 10px !important;
}

.ecolab-sidebar img{
	width: 100% !important;
	padding-top: 7px !important;
    width: 100% !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

@media (max-width: 450px) {
.rectangle-ecolab-mobile {
	background-image: url(https://www.haut-haar-magazin.eu/wp-content/uploads/2018/12/Rectangle-Ecolab.jpg) !important;}
}

@media (min-width: 451px) and (max-width: 540px){
.rectangle-ecolab-mobile {
	display: none !important;
	}
}

@media (min-width: 551px) and (max-width: 768px){
.rectangle-ecolab-mobile {
	display: none !important;
	}
}

@media (min-width: 769px) and (max-width: 1024px){
.rectangle-ecolab-mobile {
	display: none !important;
	}
}

@media (min-width: 1025px) and (max-width: 1200px){
.rectangle-ecolab-mobile {
	display: none !important;
	}
}

@media (min-width: 1200px){
.rectangle-ecolab-mobile {
	display: none !important;
	}
}