/*
Theme Name: Felina
Theme URI: http://glow-berlin.de/
Piet Terheyden
Author: glow communication GmbH
Author URI: http://glow-berlin.de/
Version: 10.0
Domain Path: /

*/





/* =Global
----------------------------------------------- */
body {
	color: #4A4A4A;
	word-wrap: break-word;
	line-height: 28px;
	font-size: 16px;
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 300;
	margin: 0;
	-webkit-animation-duration: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix{
    from{ opacity: 1; filter: alpha(opacity=100); }
    to{ opacity: 1; filter: alpha(opacity=100); }
}

a {
	color: #4A4A4A;
	text-decoration: none;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

a:hover,
a:focus {
	color: #000;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

a img {
	border: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 100;
}
h1 {
	font-size: 30px;
	line-height: 40px;
}

h2,
.h2 {
	font-size: 24px;
	line-height: 34px;
}

h3,
.h3 {
	font-size: 28px;
}

h4,
.h4 {
	font-size: 24px;
}

h5,
.h5 {
	font-size: 18px;
}

h6,
.h6 {
	font-size: 16px;
}

img {
	width: 100%;
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
	-webkit-appearance: none;
}

.green.cli-plugin-button, .green.cli-plugin-button:visited {
background: #ad7e82 !important;
color: #FFF !important;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
}

.datenschutz_checkbox {
	position: relative;
	height: 40px;
	display: inline-block;
	margin-bottom: 20px;
	padding-left: 8px;
	width: 100%;
	text-align: left;
}

.datenschutz_checkbox label {
	margin-top: -15px !important;
	position:relative !important;
}

#datenschutz_checkbox {
	width: 5% !important;
	height: auto !important;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border: 1px solid #DDD;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 0 0 0 10px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

p strong {
	font-weight	: 700;
}

.us {
	display: none !important;
}

.resp {
	display: none !important;
}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #4A4A4A;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Custom */

#cookie-notice {
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px 2px;
}

#cookie-notice .button {
	padding: 0;
    background-color: transparent;
    color: #AC8A8D;
    box-shadow: none;
    text-decoration: underline;
}

header {
	display: block;
	width: 100%;
	height: 150px;
	text-align: center;
	padding-bottom: 5px;
	position: fixed;
	top: 0;
	background-color: rgba(255, 255, 255, 0.95);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 9;
}

header.shrink {
	height: 105px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 3px 8px 0;
}

header.shrink a.logo {
	width: 100px;
	margin-top: 27px;
}

header.shrink .menu {
	top: 11px;
}

header.shrink .header-right {
	opacity: 0;
	filter: alpha(opacity=0);
}

header .header-right {
	list-style: none;
	top: 24px;
	right: 30px;
	position: absolute;
	font-size: 15px;
	text-align: right;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header .header-right li {
    display: inline-block;
    margin-left: 10px;
}

header .header-right li:first-child {
    margin-right: -19px;
}

header .header-right li.retailer {
    position: relative;
    cursor: pointer;
    z-index: 2;
}

header .header-right li.retailer:after {
	content: '';
    display: inline-block;
    background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=) no-repeat center right;
    width: 10px;
    height: 15px;
    margin-left: 5px;
}

header .header-right li.retailer ul {
	position: absolute;
	margin: 0;
	padding: 0;
	display: none;
	background-color: #fff;
    width: 100%;
    text-align: left;
    padding: 15px;
    line-height: 34px;
}

header .header-right li.retailer ul li {
    margin-left: 0;
    display: block;
}

.header-right li.retailer ul li:first-child {
    margin-right: 0;
}

header .menu-icon {
	display: none;
}

header .storefinder-icon {
	display: none;
}

header .languages-icon {
	display: none;
}

header .languages-mobile {
	display: none !important;
}

header .header-menu .logo {
	display: none;
}

header .header-menu .close {
	display: none;
}



/* Header Search */

header .header-search {
	border-bottom: 1px solid transparent;
	width: 200px;
	position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header .header-search.open {
	border-bottom: 2px solid #646464;
}

header .header-search.open input[type="text"] {
	visibility: visible;
	background-color: transparent;
}

header .header-search.open input[type="submit"] {
	visibility: visible;
}

header .header-search .placeholder {
	position: absolute;
	right: 4px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header .header-search .placeholder:hover {
	opacity: 0.3;
}

header .header-search input {
	border: 0;
	outline: none;
	padding: 0;
}

header .header-search input[type="text"] {
    font-weight: 100;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header .header-search input[type="submit"] {
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-image: url(images/search.png);
    background-size: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s;
	transition: all 0.3s;
}

/* Header Sprachwähler */

.wpml-ls-legacy-dropdown-click {
    width: auto;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
	display: none;
}

header .header-right #lang_sel_click {
    font-family: inherit;
    height: auto;
    background-color: #fff;
    display: block;
    text-align: left;
}

header .header-right #lang_sel_click:after {
    content: '';
    display: inline-block;
    background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=) no-repeat center right;
    width: 10px;
    height: 15px;
    margin-left: 5px;
}

header .header-right #lang_sel_click ul {
    display: inline-block;
}

header .header-right #lang_sel_click ul li {
    margin: 0;
    float: none;
    width: auto;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    background-color: #fff;
}

header .header-right a:hover {
    opacity: 0.3;
}

header .header-right #lang_sel_click ul li:hover a {
    background-color: transparent;
}

header .header-right #lang_sel_click ul li:first-child {
	box-shadow: 0;
}

header .header-right #lang_sel_click ul li:last-child {
	padding-bottom: 10px;
}

header .header-right #lang_sel_click ul ul {
	width: 120px;
    top: 40px;
    left: 0;
    right: 0;
    border: 0;
    -webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header .header-right #lang_sel_click a,
header .header-right #lang_sel_click a:visited {
    font-size: inherit;
    border: none;
    background: transparent;
    color: inherit;
    padding: inherit;
}

header .header-right #lang_sel_click a:hover,
header .header-right #lang_sel_click a:focus {
    color: #000;
    background: transparent;
}

header a.logo {
    width: 190px;
    display: inline-block;
    margin-top: 40px;
    -webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header a.logo img {
    width: 100%;
    height: auto;
}

header .menu {
    width: 100%;
    display: inline;
    list-style: none;
    text-align: center;
    font-size: 18px;
    position: relative;
    top: 20px;
}

header .menu li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
	transition: all 0.3s;
	padding: 0px 0px 15px 0px;
}

header .menu li a {
	border-bottom: 2px solid transparent;
}

header .menu li a:hover {
	border-bottom: 2px solid #efefef;
}

header .menu li.current-menu-item a {
    border-bottom: 2px solid #AC8A8D;
}

header .menu ul.sub-menu {
    position: absolute;
    left: 0;
    margin-top: 11px;
    padding: 35px 35px 85px 35px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0 3px 8px 0;
    z-index: 2;
    width: 100%;
    max-width: 440px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all 0.3s;
	transition: all 0.3s;
}
/*

header .menu li:first-child ul.sub-menu {
	height: 290px;
}

header .menu li:nth-child(2) ul.sub-menu {
	height: 160px;
}
*/

header .menu .small-de ul.sub-menu {
    left: auto;
    right: 0;
    padding: 15px;
    width: 100%;
    max-width: 170px;
}

header .menu .small-de ul.sub-menu .first.column,
header .menu .small-de ul.sub-menu .last.column {
	width: 100% !important;
}

header .menu .small-de ul.sub-menu li {
	width: 100%;
}

header .menu li:hover > ul.sub-menu {
	visibility: visible;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

header .menu ul.sub-menu:hover {
	visibility: visible;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

header .menu li.small-de-hidden:hover > ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
}

header .menu .sub-menu li {
    width: 100%;
    float: left;
    text-align: left;
    border: 0;
    line-height: 32px;
    display: inline-block;
    padding: 0;
    position: relative;
}

header .menu .sub-menu li.spacer {
    width: calc(100% - 90px);
    position: absolute;
    left: 35px;
    bottom: 35px;
}

header .menu .sub-menu li.spacer:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #979797;
    display: block;
    bottom: 10px;
    position: relative;
}

header .menu .sub-menu li:hover {
    border: 0;
}

header .menu .sub-menu li a {
    border-bottom: 2px solid transparent;
}

header .menu .sub-menu li a:hover {
    border-bottom: 2px solid #efefef;
}

header .menu ul.sub-menu li.neu:before {
	content: 'NEW' !important;
    position: absolute;
    left: -38px;
    font-size: 12px;
    color: #AC8A8D;
}

#wrapper {
	text-align: center;
	margin-top: 160px;
}

.button {
	background-color: #AC8A8D;
	line-height: 40px;
	color: #fff;
	display: inline-block;
	box-shadow: #9A6E74 0 2px 2px 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
	padding-left: 14px;
	padding-right: 14px;
	border: 0;
	outline: 0;
	height: 40px;
	font-weight: 200;
	-webkit-backface-visibility: hidden;
	-webkit-transform: scale(1);
}

.button:hover {
	color: #fff;
	background-color: #ad7e82;
	box-shadow: #805d62 0 3px 3px 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: scale(1);
}


/* Allgemein */


.blog #primary a,
#search a {
    border-bottom: 2px solid #efefef;
    padding-bottom: 2px;
}

.blog #primary a:hover,
.blog #primary a:focus,
#search a:hover,
#search a:focus {
    color: inherit;
    border-color: #A5A5A5;
}



/* Home */

.scroll-arrow {
	position: fixed;
	bottom: 60px;
	left: 50%;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-left: -10px;
	-webkit-animation: arrowdownfade 1.5s linear infinite;
	animation: arrowdownfade 1.5s linear infinite;
}

@-webkit-keyframes arrowdownfade {
  0%, 100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@keyframes arrowdownfade {
  0%, 100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.tp-caption {
	font-family: "Gotham A", "Gotham B" !important;
	font-style: normal;
	font-weight: 100 !important;
}

.tp-caption .button {
	line-height: 40px !important;
	font-size: 16px !important;
}

#home #start {
    position: absolute;
    margin-top: -170px;
}

#home .h50s {
	width: 100%;
	display: block;
	margin-top: 60px;
}

#home .h50 {
	width: calc(50% - 45px);
	margin-left: 30px;
	float: left;
}

#home .h50 .caption {
	width: 100%;
	display: block;
	margin-top: -60px;
	color: white;
}

#home .h50 .button {
	margin-top: 10px;
	text-transform: uppercase;
}

#home .press {
	width: calc(100% - 60px);
	display: block;
	margin-left: auto;
	margin-right: auto;
    margin-top: 60px;
}

#home .h33s,
#home .h33m {
	width: calc(100% - 30px);
	max-width: 930px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-right: 30px;
    margin-bottom: 60px;
}

#home .h33x {
	margin-bottom: 40px;
}

#home .h33x .h33 {
	margin-top: 25px;
}

#home .h33 {
	width: calc(100% - 30px);
	display: inline-block;
	margin-top: 45px;
	margin-left: 30px;
	position: relative;
	opacity: 1 !important;
}

#home .h33x .h33.store .text {
	top: 10%;
}

#home .h33x .h33.store .button {
	bottom: 30%;
}


#home .h33.contest .button {
	bottom: 25px;
	left: auto;
	right: 20px;
	
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);	
}

#home .h33m.h33.newsletter {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 5px;
	box-sizing: 5px;
	width: 100%;
	margin-left: 0px;
	margin-right: 0;
	margin-top: 0;
	padding: 0 15px;
}

	#home .h33m.h33.newsletter .text,
	#home .h33m.h33.newsletter #email {
		max-width: 400px;
	}
	
	#home .h33m.h33.newsletter #email {
		left: 50%;
		margin: 0;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	

#home .h33.history {
	position: relative;
}

	#home .h33.history .logo {
		position: absolute;
		top: calc(50% - 40px);
		left: 50%;
		width: auto;
		text-align: center;
		display: inline-block;
		
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);	
		
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);	
	}

		#home .h33.history .logo:after {	
			margin-top: 15px;
			content: "";
			display: block;
			width: 100%;
			height: 50px;
			background: url(/wp-content/themes/unite/images/felina-history-logo.png) no-repeat;
			background-size: contain;
		}
	
	#home .h33.history .logo a {
		color: #fff;
		font-size: 50px;
		white-space: nowrap;
	}
	
#home .h33 .button {
    position: absolute;
    bottom: 50px;
    left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#home .h33 input[type='text'] {
	line-height: 40px;
	height: 40px;
	width: calc(100% - 120px);
	display: block;
	margin-left: 60px;
	bottom: 110px;
}

#home .h33 input[type='submit'] {
	position: absolute;
	bottom: 50px;
	display: inline;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#home .h33 .caption {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 7px;
	background-color: #fff;
	padding: 10px 30px 10px 30px;
	display: inline;
}

#home .h33 .caption.width {
	width: 191px;
}

#home .h33 .caption img {
	width: 9px;
	height: auto;
	margin-top: 9px;
	margin-left: 5px;
}

#home .h33 .text {
	position: absolute;
	width: 80%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 5px;
	padding: 10px 30px 10px 30px;
}

#home .h33 h2 {
	color: #AC8A8D;
}

#home .h33 .button {
	white-space: nowrap;
}

#home .h33.store img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#home .h33.competition .circle {
	max-width: 160px;
	position: absolute;
	top: 25px;
	left: 25px;
}

#home .h33.newsletter h2 {
	text-transform: uppercase;
}

#home .h33.newsletter img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#home .h33.newsletter input[type='text'] {
	display: none;
}

#home .h33.newsletter input[type='email'] {
	line-height: 40px;
	height: 40px;
	width: calc(100% - 120px);
	display: block;
	position: absolute;
	margin-left: 60px;
	bottom: 110px;
}




/* Standart */

#standard {
    margin-top: 210px;
    margin-bottom: 60px;
}

#standard .content {
    max-width: 850px;
    text-align: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
}





/* Alert */

#alert {
	margin-top: 60px;
	margin-bottom: 100px;
	display: inline-block;
	max-width: 960px;
}




/* 404 */

#alert-404 {
	margin-top: 60px;
	margin-bottom: 100px;
	display: inline-block;
}

#alert-404 .content {
	display: inline-block;
	max-width: 750px;
}

#alert-404 .h50s {
	width: 100%;
	display: block;
	margin-top: 60px;
}

#alert-404 .h50 {
	width: calc(50% - 45px);
	margin-left: 30px;
	float: left;
}

#alert-404 .h50 .caption {
	width: 100%;
	display: block;
	margin-top: -60px;
	color:#ffffff;
}

#alert-404 .h50 .button {
	margin-top: 10px;
	text-transform: uppercase;
}





/* Newsletter - Subscribe */

#newsletter-subscribe {
	margin-top: 60px;
	margin-bottom: 100px;
	display: inline-block;
	max-width: 960px;
}

#newsletter-subscribe input {
	height: 40px;
	margin-bottom: 20px;
	
	width: 22%;
}

#newsletter-subscribe label {
	margin-top: -30px;
	position: absolute;
}

#newsletter-subscribe .select {
	position: relative;
	
	height: 40px;
	display: inline-block;
	
    margin-bottom: 20px;
	
	padding-left: 8px;
	
	width: 23%;
	
	border: 1px solid #DDD;
	border-radius: 3px;
}

#newsletter-subscribe select {
	height: 40px;
    width: 100%;
	border: none;
}

@media only screen and (max-width: 767px) {
	#newsletter-subscribe input {
		width: 100%;
		float: none;
	}

	#newsletter-subscribe label {
		margin-top: 0;
		position: static;
	}

	#newsletter-subscribe .select {
	
		height: 40px;
		display: block;
		
		margin-bottom: 20px;
		
		width: 100%;
	}
}

/* Serienübersicht */

.series-overview {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	margin-bottom: 60px;
	display: block;
}

.series-intro {
	width: calc(50% - 30px);
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}

.series-intro img {
	width: auto;
	height: 30px;
	margin-bottom: 10px;
}

.series {
    width: calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.series img {
    display: none;
    -webkit-transition: all 0.4s;
	transition: all 0.4s;
	vertical-align: bottom;
	-webkit-backface-visibility: hidden;
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}

.series img:first-child {
    display: block;
}

.series span {
    display: inline;
    background-color: #fff;
    position: absolute;
    padding: 5px 40px 0 40px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.series:hover img {
	-webkit-transform: scale(1.3);
	    -ms-transform: scale(1.3);
	        transform: scale(1.3);
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.series:hover span {
	box-shadow: #fff 0px 0px 12px 0px;
	padding: 5px 43px 0px 43px;
/* 	color: #000; */
}



/* Serie */

#product {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    margin-bottom: 100px;
    text-align: left;
}

#product .views {
    width: 50%;
    float: left;
    margin-top: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
}

#product .views img {
	display: none;
}

#product .views .thumbs {
	width: calc(100% + 15px);
	margin-top: 15px;
}

#product .views .thumbs a {
	width: calc(33.3% - 15px);
	margin-right: 15px;
	float: left;
	overflow: hidden;
}

#product .views .thumbs a:nth-child(4) {
    display: none;
}

#product .views .thumbs a:nth-child(5) {
    display: none;
}

#product .views .thumbs a:nth-child(6) {
    display: none;
}

#product .views .thumbs a img {
	width: 100%;
	float: left;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}

#product .views .thumbs a:hover img {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
	opacity: 0.9;
	filter: alpha(opacity=0.9);
}

#product .content {
    max-width: calc(50% - 50px);
    margin-left: 50px;
    float: left;
}

#product .content .part {
	margin-bottom: 35px;
	display: block;
}

#product .content .colors > div {
	position: relative;
	padding-left: 25px;
	
	pointer-events: all;
	
	-webkit-transition: all 400ms ease-in-out;
		-ms-transition: all 400ms ease-in-out;
			transition: all 400ms ease-in-out;
}

	#product .content .colors > div:hover {
		padding-left: 40px;
	}

	#product .content .colors > div:hover span {
		width: 40px;
		height: 40px;
		
		top: -5px;
		left: -12px;
		z-index: 999;
	}

#product .content .colors span {
	-webkit-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
			transition: all 250ms ease-in-out;
	
	position: absolute;
	left: 2px;
	top: 7px;
	
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
	box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px 1px;
}

.tooltip {
	position: relative;
	text-decoration: none;
}

.tooltip:after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 34px;
	left: 0;
	background-color: #000;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	white-space: nowrap;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	padding: 0px 10px 0px 10px;
}

.tooltip:hover:after {
	bottom: 26px;
}

.tooltip:hover:after {
	opacity: 1;
}

/* Felina Farben */

#product .content .colors .admiral span {
	background-color: #36335b;
}

#product .content .colors .amarena span {
	background-color: #e20016;
}

#product .content .colors .anthrazit span {
	background-color: #4f4f51;
}

#product .content .colors .aquamarine span {
	background-color: #00859A;
}

#product .content .colors .astral-blue span {
	background-color: #252B48;
}

#product .content .colors .barolo span {
	background-color: #5b1333;
}

#product .content .colors .black-dust span {
	background-color: #000000;
}

#product .content .colors .blue-bell span {
	background-color: #3a6197;
}

#product .content .colors .blue-lagoon span {
	background-color: blue;
}

#product .content .colors .blue-night span {
	background-color: #123a59;
}

#product .content .colors .blush span {
	background-color: #f5c8a9;
}

#product .content .colors .bronze-decor span {
	background-color: #655656;
}

#product .content .colors .cappucino span {
	background-color: #684b46;
}

#product .content .colors .cappucino-ornament span {
	background-color: #927f7b;
}

#product .content .colors .carbon span {
	background-color: #474d69;
}

#product .content .colors .cashmere-grey span {
	background-color: #BFC3C4;
}

#product .content .colors .champagner span {
	background-color: #f8f0df;
}

#product .content .colors .campari span {
	background-color: #ac1f2f;
}

#product .content .colors .deep-ocean span {
	background-color: #4f4c65;
}

#product .content .colors .deep-ocean-wave span {
	background-color: #192340;
}

/*#product .content .colors .dusty-rose span {
	background-color: #FAE5E0;
}*/

#product .content .colors .endless-blue span {
	background-color: #272349;
}

#product .content .colors .flaming-red span {
	background-color: #c23531;
}

#product .content .colors .grenadine span {
	background-color: #b50041;
}

#product .content .colors .granat span {
	background-color: #92192E;
}

#product .content .colors .hydrangea  span {
	background-color: #D3B9BE;
}

#product .content .colors .kobalt-blau span {
	background-color: #416eac;
}

#product .content .colors .lilac span {
	background-color: ä33233e;
}

#product .content .colors .light-mint span {
	background-color: #CFFFE5;
}

#product .content .colors .light-taupe span {
	background-color: #d1a399;
}

#product .content .colors .lipstick span {
	background-color: #cf2d51;
}

#product .content .colors .light-steel span {
	background-color: #B3B8C0;
}

#product .content .colors .magic-blue span {
	background-color: #293956;
}

#product .content .colors .maron span {
	background-color: #6b4741;
}

#product .content .colors .mauve span {
	background-color: #938188;
}

#product .content .colors .naturell span {
	background-color: #fef5e7;
}

#product .content .colors .ombre-blue span {
	background-color: #202837;
}

#product .content .colors .pale-rose span {
	background-color: #e0b9b4;
}

#product .content .colors .papaya span {
	background-color: #f08d8c ;
}

#product .content .colors .pure-coral span {
	background-color: #E07D6B ;
}

#product .content .colors .stone span {
	background-color: #d4c3b9;
}

#product .content .colors .praline  span {
	background-color: #B59A82;
}

#product .content .colors .platin-animal  span {
	background-color: #e2e2de;
}

#product .content .colors .plum span {
	background-color: #654453;
}

#product .content .colors .porcelain-rose span {
	background-color: #dfcdc4;
}

#product .content .colors .powder span {
	background-color: #B0DFE5;
}

#product .content .colors .sand span {
	background-color: #d9b9a3;
}

#product .content .colors .smokey-blue span,
#product .content .colors .smoky-blue span {
	background-color: #4f6175;
}

#product .content .colors .schiefer span {
	background-color: #655360;
}

#product .content .colors .smaragd span {
	background-color: #044f5f;
}

#product .content .colors .schwarz span {
	background-color: #000;
}

#product .content .colors .shell span {
	background-color: #F6DBD2;
}

#product .content .colors .spicy-red span {
	background-color: #c23531;
}

#product .content .colors .tango-red span {
	background-color: #B12B2C;
}

#product .content .colors .tartufo-wave span {
	background-color: #696070;
}

#product .content .colors .vanille span {
	background-color: #fbf1e5;
}

#product .content .colors .warm-grey span {
	background-color: #8B7C76;
}

#product .content .colors .weiss span {
	background-color: #fff;
}

#product .content .colors .blue-moon span {
	background-color: #486491;
}

#product .content .colors .blue-mood span {
	background-color: #486491;
}

#product .content .colors .carbon-snake span {
	background-color: #d6beb8;
}

#product .content .colors .light-taupe-snake span {
	background-color: #41495b;
}

#product .content .colors .tartufo span {
	background-color: #686070;
}

#product .content .colors .truffle span {
	background-color: #686070;
}




/* Conturelle Farben */

#product .content .colors .anthrazit span {
	background-color: #4e4841;
}

#product .content .colors .black-dust span {
	background-color: #1f2424;
}

#product .content .colors .blue-night span {
	background-color: #242c40;
}

#product .content .colors .blue-lagoon span {
	background-color: #1aa9b5;
}

#product .content .colors .flaming-red span {
	background-color: #e43744;
}

#product .content .colors .kobalt-blau span {
	background-color: #416eac;
}

#product .content .colors .light-mint span {
	background-color: #e2f1ec;
}

#product .content .colors .porcelain-rose span {
	background-color: #fbe1d9;
}

#product .content .colors .powder span {
	background-color: #d9cdc5;
}

#product .content .colors .sienna-red span {
	background-color: #b63951;
}

#product .content .colors .rio-red span {
	background-color: #df3e2e;
}

#product .content .colors .blue-sky span {
	background-color: #9eaabe;
}

#product .content .colors .nude span {
	background-color: #e8c8bc;
}

#product .content .colors .water-blue span {
	background-color: #d3e3f5;
}

#product .content .colors .silver-cloud span {
	background-color: #c0c8c6;
}

#product .content .colors .florentine-blue span {
	background-color: #405478;
}

#product .content .colors .flamingo span {
	background-color: #e95d70;
}

#product .content .colors .rouge span {
	background-color: #941d42;
}

#product .content .colors .silk span {
	background-color: #f4e4e0;
}

#product .content .colors .black-diamonds span {
	background-color: #100c0c;
}

#product .content .colors .blue-diamonds span {
	background-color: #414a60;
}

#product .content .colors .black-carbon span {
	background-color: #000000;
}

#product .content .colors .graphite-melange span {
	background-color: #595c68;
}

#product .content .colors .pearl-grey span {
	background-color: #a4959b;
}

#product .content .colors .wood span {
	background-color: #443748;
}

#product .content .colors .purple-passion span {
	background-color: #35313e;
}

#product .content .colors .carbon-square span {
	background-color: #3c454a;
}

#product .content .colors .amaranth-blue span {
	background-color: #222d37;
}



/* patterns */
#product .content .colors .black-jungle span {
	background: url(images/pattern/black-jungle.png) no-repeat center center;
}

#product .content .colors .black-leaves span {
	background: url(images/pattern/black-leaves.png) no-repeat center center;
}

#product .content .colors .black-marble-tiger span {
	background: url(images/pattern/black-marble-tiger.png) no-repeat center center;
}

#product .content .colors .black-tropic span {
	background: url(images/pattern/black-tropic.png) no-repeat center center;
}

#product .content .colors .blue-paisley span {
	background: url(images/pattern/blue-paisley.png) no-repeat center center;
}

#product .content .colors .navy-pearls span {
	background: url(images/pattern/navy-pearls.png) no-repeat center center;
}

#product .content .colors .solid-black span {
	background: url(images/pattern/solid-black.png) no-repeat center center;
}

#product .content .colors .solid-navy span {
	background: url(images/pattern/solid-navy.png) no-repeat center center;
}

#product .content .colors .white-hawaii span {
	background: url(images/pattern/white-hawaii.png) no-repeat center center;
}

#product .content .colors .dusty-rose span {
	background: url(images/pattern/dusty-rose.png) no-repeat center center;
}

#product .content .models {
	margin-bottom: 0;
}

#product .content .models ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#product .content .models ul li {
    width: calc(25% - 26px);
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    display: inline-block;
    padding: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    -webkit-transition: all 0.2s;
	transition: all 0.2s;
	border: 1px solid transparent;
	position: relative;
	z-index: 0;
}

#product .content .models ul li:hover {
    -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
            transform: scale(1.4);
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 3px 8px 0px;
    border: 1px solid rgba(114, 114, 114, 0.1);
    background-color: #fff;
    z-index: 1;
}

#product .content .models ul li img {
	max-height: 60px;
	width: auto;
}

#product .content .features ul {
	list-style: none;
	padding: 0;
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

#product .content .features li {
    float: left;
    margin-left: 20px;
}

#product .content .features li:first-child {
    margin-left: 0;
}

#product .content .features ul img {
	max-height: 80px;
	width: auto;
}

#product .storefinder.button img {
	width: 14px;
	line-height: 40px;
	vertical-align: middle;
}

#product .storefinder.button img:first-child {
	padding-right: 14px;
}

#product .storefinder.button img:last-child {
	padding-left: 14px;
}




/* Empfehlungen */

#recommendations {
	width: 100%;
	float: left;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px 3px;
}

.recommendations-wrapper {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	margin-bottom: 40px;
	position: relative;
}

#recommendations h1 {
    position: relative;
    display: inline-block;
    font-size: 24px;
    margin-top: 40px;
}

#recommendations h1:before {
    content: '';
    width: 100px;
    height: 1px;
    background-color: #4A4A4A;
    display: block;
    position: absolute;
    top: 18px;
    left: -110px;
}

#recommendations h1:after {
    content: '';
    width: 100px;
    height: 1px;
    background-color: #4A4A4A;
    display: block;
    position: absolute;
    top: 18px;
    right: -110px;
}

#recommendations .slick-prev {
	background-image: url(images/arrow-down.png);
	background-size: 100%;
	transform: rotate(90deg);
	width: 40px;
	height: 40px;
	opacity: 0.6;
	left: -30px;
	margin-top: -40px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#recommendations .slick-prev:hover {
	opacity: 1;
}

#recommendations .slick-prev:before {
	content: '';
}

#recommendations .slick-next {
	background-image: url(images/arrow-down.png);
	background-size: 100%;
	transform: rotate(-90deg);
	width: 40px;
	height: 40px;
	opacity: 0.6;
	right: -30px;
	margin-top: -40px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#recommendations .slick-next:hover {
	opacity: 1;
}

#recommendations .slick-next:before {
	content: '';
}

#recommendations .slick-list {
	overflow: hidden;
}

#recommendations .series {
	width: 100%;
	overflow: visible;
	margin-top: 20px;
}

#recommendations .series span {
    display: block;
    position: relative;
    background-color: transparent;
}

#recommendations .series:hover span {
	box-shadow: none;
	padding: 5px 40px 0 40px;
}

#recommendations .series-imgs {
    overflow: hidden;
    -webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#recommendations .series:hover .series-imgs {
	box-shadow: rgba(0, 0, 0, 0.3) 0 3px 11px 0;
}


/* Service */

.service-menu {
	list-style: none;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 35px;
	margin-bottom: 35px;
}

.service-menu li {
	text-align: center;
	display: inline-block;
	width: 24%;
}

.service-menu li a {
	text-align: center;
}

.service-menu li a:hover {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.service-menu li a span {
    width: 80px;
    height: 80px;
    line-height: 100px;
    border-radius: 50%;
    background-color: #4A4A4A;
    display: inline-block;
}

.service-menu li:nth-child(3) a span {
	line-height: 115px;
}

.service-menu li a span img {
	width: 50px;
	height: auto;
}

.service-menu li.active a span {
	background-color: #AC8A8D;
}



/* Service – Größenrechner */


.groessenrechner {
	position: relative;
}

.groessenrechner .bg-resp {
    display: none;
}

.groessenrechner .bg {
/*
	opacity: 0;
	filter: alpha(opacity=0);
*/
	margin-bottom: -9px;
}

.sizeCalc-wrapper {
	position: absolute;
    width: 30%;
    padding: 60px;
    right: 5%;
    height: calc(100% - 120px);
    background-color: rgba(255, 255, 255, 0.4);
}

.sizeCalc-wrapper #region {
	border: 1px solid #efefef;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.sizeCalc-wrapper #region option {
	background-color: #fff;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.sizeCalc {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	width: 100%;
	left: 60px;
/*
	opacity: 0;
	filter: alpha(opacity=0);
*/
}

.sizeCalc input {
    width: 50px;
    height: 32px;
    border: 0;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    line-height: 32px;
}

.sizeCalc .row {
	width: 50%;
	display: inline-block;
	text-align: left;
	float: left;
	margin-bottom: 25px;
}

.sizeCalc .legend {
	margin-bottom: 5px;
}

.sizeCalc .legend span {
	background-color: #AC8A8D;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: inline-block;
	color: #fff;
	text-align: center;
	line-height: 22px;
	vertical-align: middle;
	position: absolute;
    margin-top: 2px;
    margin-left: -30px;
}

.sizeCalc .row .unit {
    float: left;
    display: inline-block;
    margin-top: 1px;
    margin-right: 9px;
}

.sizeCalc .row .valuegroup {
    display: block;
    background-color: #fff;
    float: left;
}

.sizeCalc .row .value {
    float: left;
    display: inline-block;
}

.sizeCalc .results {
	border-top: 1px solid #AC8A8D;
	position: relative;
    float: left;
    text-align: left;
    width: calc(100% - 120px);
    padding-top: 20px;
    margin-top: 25px;
}

.sizeCalc .results div {
    margin-right: 20px;
}

.sizeCalc .results div:last-child {
	margin-right: 0;
}

.sizeCalc .results h2 {
    font-size: 16px;
    font-weight: bold;
}

.sizeCalc .results .legend {
    float: left;
    margin-right: 10px;
}

.sizeCalc .results .bhResult {
    display: inline-block;
    float: left;
}

.sizeCalc .results .slipResult {
    display: block;
    width: 100%;
    float: left;
    margin-top: 20px;
}

.sizeCalc .results .pantyResult {
    display: inline-block;
    float: left;
}

.sizeCalc .results .result {
    float: left;
    margin-right: 0;
}

.cd-single-point {
	position: absolute;
	border-radius: 50%;
	list-style: none;
/*
	opacity: 0;
	filter: alpha(opacity=0);
*/
	cursor: default;
}
.cd-single-point > a {
	position: relative;
	z-index: 2;
	display: block;
	border-radius: inherit;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(171, 137, 139, 0.3);
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
	background-color: #fff;
	width: 30px;
	height: 30px;
	color: #AC8A8D;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
}
.cd-single-point:after {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: inherit;
	background-color: transparent;
	-webkit-animation: cd-pulse 2s infinite;
	animation: cd-pulse 2s infinite;
}
.cd-single-point:nth-of-type(1) {
	top: 34%;
	left: 43%;
}
.cd-single-point:nth-of-type(2) {
	top: 45%;
	left: 42%;
}
.cd-single-point:nth-of-type(3) {
	top: 55%;
    left: 40%;
}
.cd-single-point:nth-of-type(4) {
	top: 70%;
    left: 37%;
}
.cd-single-point.is-open > a {
	background-color: #AC8A8D;
	color: #fff;
}
.cd-single-point.is-open > a:after, .cd-single-point.is-open > a:before {
	background-color: #AC8A8D;
}
.cd-single-point.is-open:after {
	display: none;
}
.cd-single-point.is-open .cd-more-info {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}
@media only screen and (min-width: 600px) {
.cd-single-point.is-open .cd-more-info.cd-left {
	right: 140%;
}
.cd-single-point.is-open .cd-more-info.cd-right {
	left: 140%;
}
.cd-single-point.is-open .cd-more-info.cd-top {
	bottom: 140%;
}
.cd-single-point.is-open .cd-more-info.cd-bottom {
	top: 140%;
}
}

@-webkit-keyframes cd-pulse {
0% {
-webkit-transform: scale(1);
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8);
}
50% {
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8);
}
100% {
-webkit-transform: scale(1.4);
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0);
}
}
@keyframes cd-pulse {
0% {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8);
}
50% {
	box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8);
}
100% {
	-webkit-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
	box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0);
}
}
.cd-single-point .cd-more-info {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	padding: 5px 20px 5px 20px;
	-webkit-overflow-scrolling: touch;
	text-align: left;
	line-height: 1.5;
	background-color: rgba(255, 255, 255, 0.95);
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}
.cd-single-point .cd-more-info:before {
	content: '';
	position: absolute;
	height: 0;
	width: 0;
	display: none;
	border: 8px solid transparent;
}
.cd-single-point .cd-more-info h2 {
	font-size: 22px;
	font-size: 22px;
	font-size: 1.375rem;
	margin-bottom: .6em;
}
.cd-single-point .cd-more-info p {
	color: #4f4f4f;
}
@media only screen and (min-width: 600px) {
.cd-single-point .cd-more-info {
	position: absolute;
	width: 220px;
	height: auto;
	overflow-y: visible;
	line-height: 1.4;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.cd-single-point .cd-more-info:before {
	display: block;
}
.cd-single-point .cd-more-info.cd-left, .cd-single-point .cd-more-info.cd-right {
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cd-single-point .cd-more-info.cd-left:before, .cd-single-point .cd-more-info.cd-right:before {
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cd-single-point .cd-more-info.cd-left {
	right: 160%;
	left: auto;
}
.cd-single-point .cd-more-info.cd-left:before {
	border-left-color: rgba(255, 255, 255, 0.95);
	left: 100%;
}
.cd-single-point .cd-more-info.cd-right {
	left: 160%;
}
.cd-single-point .cd-more-info.cd-right:before {
	border-right-color: rgba(255, 255, 255, 0.95);
	right: 100%;
}
.cd-single-point .cd-more-info.cd-top, .cd-single-point .cd-more-info.cd-bottom {
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.cd-single-point .cd-more-info.cd-top:before, .cd-single-point .cd-more-info.cd-bottom:before {
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.cd-single-point .cd-more-info.cd-top {
	bottom: 160%;
	top: auto;
}
.cd-single-point .cd-more-info.cd-top:before {
	border-top-color: rgba(255, 255, 255, 0.95);
	top: 100%;
}
.cd-single-point .cd-more-info.cd-bottom {
	top: 160%;
}
.cd-single-point .cd-more-info.cd-bottom:before {
	border-bottom-color: rgba(255, 255, 255, 0.95);
	bottom: 100%;
}
.cd-single-point .cd-more-info h2 {
	font-size: 20px;
	font-size: 1.25rem;
	margin-bottom: 0;
}
.cd-single-point .cd-more-info p {
	font-size: 14px;
	font-size: 0.875rem;
}
}

/* close the interest point description - only on mobile */
.cd-close-info {
	position: fixed;
	top: 0;
	right: 0;
	height: 44px;
	width: 44px;
}
.cd-close-info:after, .cd-close-info:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	background-color: #475f74;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.cd-close-info:after {
	height: 2px;
	width: 18px;
}
.cd-close-info:before {
	height: 18px;
	width: 2px;
}
@media only screen and (min-width: 600px) {
.cd-close-info {
	display: none;
}
}

#titlebox_home, #titlebox_sub {
	background-image: none;
}

#titlebox_home h1 {
	position: relative;
	z-index: 1;
}



/* Service – Wäschetipps */

#service-washing-tipps {
    width: calc(100% - 120px);
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#service-washing-tipps .content {
    border-bottom: 1px solid #6e6e6e;
}

#service-washing-tipps h1 {
    margin-top: 60px;
    margin-bottom: 60px;
}

#service-washing-tipps .waschtipps section {
    width: 100%;
    display: block;
    margin-bottom: 60px;
    float: left;
}

#service-washing-tipps .waschtipps section .img-wrapper {
	width: 20%;
	height: 100%;
}

#service-washing-tipps .waschtipps section img {
	max-width: 100%;
	max-height: 20vw;
	display: inline-block;
	vertical-align: bottom;
}

#service-washing-tipps .waschtipps section:nth-child(odd) .img-wrapper {
    float: right;
    margin-left: 30px;
}

#service-washing-tipps .waschtipps section:nth-child(even) .img-wrapper {
    float: left;
    margin-right: 30px;
}

/* Pflegetipps */

#service-washing-tipps .pflegetipps-wrapper {
	float: left;
	padding-top: 20px;
	border-top: 1px solid #efefef;
}

#service-washing-tipps .pflegetipps {
	float: left;
	padding-top: 60px;
	margin-bottom: 100px;
}

#service-washing-tipps .pflegetipps section {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    float: left;
}

#service-washing-tipps .pflegetipps section .img-wrapper {
	width: 20%;
	height: 100%;
}

#service-washing-tipps .pflegetipps section p {
	margin: 0;
}

#service-washing-tipps .pflegetipps section .bild {
	width: 60px;
	display: inline-block;
	float: left;
	margin-right: 30px;
}

#service-washing-tipps .pflegetipps section .bezeichnung {
	width: calc(30% - 90px);
	display: inline-block;
	float: left;
}

#service-washing-tipps .pflegetipps section .beschreibung {
	width: calc(70% - 31px);
	display: inline-block;
	float: left;
	padding-left: 30px;
	border-left: 1px solid #efefef;
}



/* Service – Kontakt */

.contact-wrapper {
	position: relative;
}

.contact-wrapper .bg {
	margin-bottom: -7px;
	opacity: 0;
}

.contact-wrapper .form {
	position: absolute;
    width: 45%;
    padding: 10px 30px 30px 30px;
    top: 0;
    left: 5%;
    height: calc(100% - 40px);
    background-color: #fff;
    text-align: left;
}

.contact-wrapper .form input {
	border: 0;
	outline: none;
	border-bottom: 1px solid rgba(51, 51, 51, 0.4);
	border-radius: 0;
	padding: 0px 0px 5px 0px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.contact-wrapper .form input[type=checkbox] {
    border: 1px solid #efefef !important;
    width: 20px;
    height: 20px;
    margin-bottom: -3px;
}

.contact-wrapper .form input[type=checkbox]:focus {
	border: 0;
}

.contact-wrapper .form input[type=checkbox]:checked {
	background-color: rgba(51, 51, 51, 0.4);
	border: 0;
}

.contact-wrapper .form p {
	margin: 0px 0px 20px 0px;
}

.contact-wrapper .form input:focus {
	border-bottom: 1px solid rgba(51, 51, 51, 1);
}

.contact-wrapper .form .form-50s {
	width: calc(100% + 30px);
}

.contact-wrapper .form .form-50s p {
	width: calc(50% - 30px);
	float: left;
	margin-right: 30px;
}

.contact-wrapper .form form input[type="text"], .contact-wrapper .form form input[type="email"] {
	width: 100%;
}

.contact-wrapper span.wpcf7-list-item {
	margin: 0;
}

.contact-wrapper .form .form-100s {
	width: 100%;
	float: left;
}

.contact-wrapper .form .form-100s textarea {
	height: 100px;
	border-radius: 0;
	border: 1px solid rgba(51, 51, 51, 0.4);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	margin-top: 5px;
	resize: none;
}

.contact-wrapper .form .form-100s textarea:focus {
	outline: none;
	border: 1px solid rgba(51, 51, 51, 1);
}

.contact-wrapper .form .submit {
	position: absolute;
	bottom: 30px;
	left: calc(100% + 30px);
}

.contact-wrapper .form input[type="submit"] {
	background-color: transparent;
	color: #fff;
	border: 0;	
}

.contact-wrapper .side {
	position: absolute;
	top: 10px;
	left: calc(50% + 90px);
	text-align: left;
}

.contact-wrapper .side select {
	border: 1px solid #efefef;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    width: calc(100% - 35px);
    padding-left: 15px;
}

.contact-wrapper .side option {
	background-color: #fff;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.contact-wrapper .side p {
	margin: 0;
}

div.wpcf7-mail-sent-ng {
	border: 0 !important;
}

div.wpcf7-mail-sent-ok {
	border: 0 !important;
}

div.wpcf7-response-output {
	margin: 0;
	padding: 0;
}

div.wpcf7 img.ajax-loader {
    width: 20px;
    margin-top: 8px;
    margin-left: 20px;
    position: absolute;
}



/* Aktuelles */

#posts {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 100px;
    position: relative;
}

#posts .post {
	margin-bottom: 30px;
}

#posts .post img {
    position: relative;
    max-width: 600px;
    left: -60px;
    -webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#posts .post img:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
}

#posts .post p {
    display: block;
    width: 100%;
    float: left;
}

#posts .post .title {
	position: absolute;
	bottom: 60px;
	left: 50%;
	width: 50%;
	z-index: 1;
	background-color: white;
    padding: 30px;
}

#posts .post .title .date {
	font-size: 30px;
	line-height: 40px;
	color: #AC8A8D;
	font-weight: bold;
	margin-bottom: 10px;
}

#posts .post .title h1 {
	font-size: 44px;
	line-height: 60px;
	margin: 0;
}

#posts .post .title p {
	margin: 15px 0 0 0;
}

#posts .post .title p a {
	border-bottom: 2px solid #4A4A4A;
}

#post {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 40px;
    margin-bottom: 100px;
    position: relative;
}

#post .post img {
    position: relative;
    max-width: 600px;
    left: -60px;
}

#post .post p {
    display: block;
    width: 100%;
    float: left;
}

#post .post .title {
	position: absolute;
	bottom: 60px;
	left: 50%;
	width: 50%;
	z-index: 1;
}

#post .post .title .date {
	font-size: 30px;
	line-height: 40px;
	color: #AC8A8D;
	font-weight: bold;
	margin-bottom: 10px;
}

#post .post .title h1 {
	font-size: 44px;
	line-height: 60px;
	margin: 0;
}

#post .post .title p {
	margin: 15px 0 0 0;
}

#post .post .title p a {
	border-bottom: 2px solid #4A4A4A;
}



/* Beratungstage */

#news-consulting {
	display: inline-block;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    width: calc(100% - 40px);
}

#news-consulting .service-menu li {
	width: 24%;
}

#news-consulting .intro {
	text-align: left;
	margin-bottom: 60px;
	float: left;
	display: block;
}

#news-consulting section {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#news-consulting section div {
    display: inline-block;
    float: left;
}

#news-consulting section .b1 {
    width: 10%;
    text-align: left;
}

#news-consulting section .b2 {
    width: 30%;
    text-align: left;
}

#news-consulting section .b3 {
    width: 45%;
    text-align: left;
}

#news-consulting section .b4 {
    width: 10%;
    text-align: left;
}

#news-consulting section .b5 {
    width: 5%;
    text-align: right;
}

#news-consulting a {
    border-bottom: 2px solid transparent;
    padding-bottom: 1px;
}

#news-consulting a:hover {
    border-bottom: 2px solid #efefef;
}



/* Geschäfte */

.submit-arrow {
	display: block;
}

#store-search {
	padding: 0;
	margin: 0;
	border: none;
	float: left;
	width: 100%;
	height: 100vh;
	position: relative;
}

#store-map {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}

.stores-overlay {
	height: calc(100vh - 200px);
    width: 300px;
    overflow: auto;
    position: absolute;
    top: 100px;
    left: 100px;
    text-align: left;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px 2px;
}

.stores-overlay:after {
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 0;
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.26) 26%,rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.26) 26%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.26) 26%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 255, 255, 1)', endColorstr='#ffffff',GradientType=0 );
}

.stores-inputs {
	border-bottom: 2px solid #efefef;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#store-search input[type="text"] {
	border: 0;
	outline: 0;
	width: calc(100% - 70px);
	height: 50px;
	padding-left: 20px;
	border-radius: 0;
	font-family: "GothamLight", sans-serif;
	font-size: 16px;
}

#store-search input.submit {
	width: 50px;
	height: 40px;
	background-color: transparent;
	background-image: url(images/search.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 0;
	outline: none;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 5px;
	border-left: 2px solid #efefef;
	cursor: pointer;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}

#store-search input.submit:hover {
	opacity: 0.3;
	filter: alpha(opacity=30);
	border-left: 2px solid rgba(44, 44, 44, 0.33);
}

#radius {
	display: none;
}

#store-results {
    overflow: scroll;
    position: absolute;
    height: calc(100% - 51px);
    top: 51px;
	display: block!important;
}

#store-results ul {
	list-style: none;
	padding: 0;
	margin-left: 20px;
	width: calc(100% - 40px);
}

#store-results ul div {
	border-bottom: 1px solid #979797;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}

#store-results ul div:first-child {
	padding-top: 0;
}

#store-results ul div:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

#store-results ul div:hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

#store-results ul div p {
	margin: 0;
}

#store-results ul div p::-moz-selection {
    background-color: transparent;
    color: #ab8a8d;
}

#store-results ul div p::selection {
    background-color: transparent;
    color: #ab8a8d;
}

#store-results ul div p span {
    color: #ab8a8d !important;
}

#store-results ul div p span::-moz-selection {
	background-color: transparent;
    color: #ab8a8d;
}

#store-results ul div p span::selection {
	background-color: transparent;
    color: #ab8a8d;
}

.gmnoprint {
    padding-top: 90px;
    padding-right: 90px;
}

.gm-style .gm-style-iw {
    padding: 10px 10px 0 10px;
}

.gm-style .gm-style-iw p {
    width: calc(100% - 20px);
    font-size: 16px;
    margin: 0;
}

.gm-style .gm-style-iw span {
    color: #ab8a8d !important;
}




/* Onlineshops */

#onlineshops {
    width: 100%;
    height: 100%;
    background-image: url(images/felina-onlineshops-bg.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    float: left;
    margin-top: 5px;
}

#onlineshops .overlay {
	width: 100%;
	max-width: 600px;
	height: 100%;
	min-height: 500px;
	background-color: #fff;
	position: relative;
	float: left;
	text-align: left;
	margin-left: 5%;
	padding-left: 45px;
	padding-right: 45px;
	padding-bottom: 45px;
}

#onlineshops .overlay .intro {
	border-bottom: 1px solid #979797;
}

#onlineshops .overlay .intro h1 {
	text-align: left;
}

#onlineshops .overlay section {
	width: calc(100% + 45px);
}

#onlineshops .overlay section li {
    list-style: none;
    display: inline-block;
    float: left;
    width: calc(25% - 45px);
    margin-top: 45px;
    margin-right: 45px;
    -webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#onlineshops .overlay section li:hover {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

#onlineshops .overlay section li a {
	float: left;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#onlineshops .overlay section li a img {
	float: left;
}






/* Über uns */

#about {
	margin-bottom: 130px;
	overflow: hidden;
}

#about .header-headline {
	font-size: 44px;
	line-height: 20px;
	margin-top: 130px;
}

#about .header-headline img {
	max-width: 230px;
}

#about .section {
	position: relative;
	width: 100%;
	display: block;
	margin-top: 130px;
}

#about .section:nth-child(odd) h1 {
    position: absolute;
    top: -140px;
    left: calc(50% - 81px);
    font-size: 120px;
    font-weight: bold;
    z-index: 1;
}

#about .section:nth-child(odd) img {
    width: 50%;
    height: auto;
    display: inline-block;
    float: left;
    max-width: 550px;
    position: absolute;
    right: 50%;
}

#about .section:nth-child(odd) {
    display: inline-block;
    width: 100%;
}

#about .section:nth-child(odd) .text {
    text-align: left;
    margin-top: 165px;
    display: block;
    width: 30%;
    margin-left: calc(50% + 35px);
}

#about .section:nth-child(even) h1 {
    position: absolute;
    top: -140px;
    right: calc(50% - 81px);
    font-size: 120px;
    font-weight: bold;
    z-index: 1;
}

#about .section:nth-child(even) img {
    width: 50%;
    height: auto;
    display: inline-block;
    float: right;
    max-width: 550px;
    position: absolute;
    left: 50%;
}

#about .section:nth-child(even) {
    display: inline-block;
    width: 100%;
}

#about .section:nth-child(even) .text {
    text-align: right;
    margin-top: 165px;
    display: block;
    width: 30%;
    margin-right: calc(50% + 35px);
    position: absolute;
    right: 0;
}

#about .section h1 strong {
	color: #AC8A8D;
}

#about .section img.placeholder {
    position: relative;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0);
}

#about .section h1.year-1 {
	margin-right: 20px;
}

#about .section h1.year-2 {
	margin-left: 4px;
}

#about .section h1.year-3 {
	margin-right: 20px;
}

#about .section h1.year-4 {
	margin-left: 11px;
}

#about .section h1.year-5 {
	margin-right: 20px;
}

#about .section h1.year-6 {
	margin-left: 8px;
}

#about .section h1.year-7 {
	margin-right: -160px;
}

#about .section h1.year-8 {
	margin-left: 8px;
}

#about .section h1.year-9 {
	margin-right: 9px;
}

#about .section h1.year-10 {
	margin-left: 42px;
}

#about .section h1.year-11 {
	margin-right: 7px;
}



/* Stellenanzeigen */

#company-jobs {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 200px;
}

#company-jobs section {
	margin-bottom: 100px;
}



/* Suche */

#search {
    max-width: 960px;
    width: calc(100% - 30px);
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    margin-bottom: 100px;
    text-align: left;
}

#search .search-form {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 60px;
}

#search .search-form .input-group {
    position: relative;
    border-bottom: 2px solid #efefef;
}

#search .search-form .input-group input {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 0;
    font-family: "GothamLight", sans-serif;
    font-weight: bold;
    color: #4A4A4A;
    font-size: 36px;
    line-height: 36px;
    width: 100%;
    padding: 0 0 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-appearance: none;
}

#search .search-form .input-group input:focus {
    outline: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

#search .search-form .input-group input::-webkit-input-placeholder {
    font-family: "GothamLight", sans-serif;
}

#search .search-form .input-group input::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

#search .search-form .input-group button {
    position: absolute;
    right: 0;
    bottom: 10px;
    background: none;
    width: 36px;
    padding: 0;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#search .search-form .input-group button:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#search .search-form .input-group button:focus {
	outline: none;
}

#search .search-form .input-group button img {
    width: 24px;
    height: auto;
}

#search article.search-item {
    margin-bottom: 60px;
}

#search article.search-item h2.entry-title {
	margin: 0;
}

#search article.search-item:last-of-type {
    margin-bottom: 0;
}

#search article.search-item img {
	width: 33.3%;
	max-width: 300px;
    float: left;
    padding-right: 30px;
}

#search article.search-item .read-more {
    text-align: right;
    vertical-align: bottom;
    display: inline-block;
}

#search article.search-item .read-more:after {
	content: '';
	background-image: url(images/home-arrow-b.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 10px;
    height: 30px;
    display: block;
    position: relative;
    float: right;
    margin-left: 10px;
    margin-top: 7px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}



/* Footer */

footer {
	background-color: #F6F7F9;
	display: block;
	width: 100%;
	float: left;
}

footer a {
	padding-bottom: 2px;
    border-bottom: 2px solid transparent;
}

footer a:hover {
    border-bottom: 2px solid #efefef;
}

footer .wrapper {
	max-width: 930px;
	height: 185px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	line-height: 185px;
}

footer .footer-left {
	position: absolute;
	left: 0;
	line-height: 154px;
}

footer .footer-menu {
	list-style: none;
	position: absolute;
	right: 0;
	line-height: 154px;
}

footer .footer-menu li {
	display: inline-block;
	float: right;
	margin-left: 30px;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}



@media screen and (max-width: 768px) {

.resp {
	display: block !important;
}

header {
    height: 60px !important;
    background-color: #fff;
    z-index: 3;
    box-shadow: rgba(0, 0, 0, 0.1) 0 3px 8px 0;
    -webkit-transform:translateZ(0);
}

header a.logo {
    width: 94px !important;
    margin-top: 0 !important;
    position: fixed;
    top: 18px;
    left: 50%;
    margin-left: -47px;
}

header .menu-icon {
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	top: 5px;
	left: 10px;
}

header .menu-icon img {
	width: 35px;
	margin-top: 8px;
}

header .storefinder-icon {
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	top: 5px;
	right: 58px;
}

header .storefinder-icon img {
	width: 32px;
	margin-top: 10px;
}

header .languages-icon {
	display: block;
	width: 40px;
	height: 50px;
	position: fixed;
	top: 5px;
	right: 15px;
}

header .languages-icon img {
	width: 30px;
	margin-top: 11px;
}

header .languages-mobile {
    text-align: right;
    background-color: #fff;
    float: right;
    padding: 15px;
    margin-top: 50px;
    opacity: 0;
    -webkit-transition: all 0.2s;
	transition: all 0.2s;
}

header .languages-mobile.open {
	display: block !important;
	opacity: 1;
}

header .languages-mobile ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

header .header-right li:nth-child(2) {
    display:  none;
}

header .header-right li:nth-child(3) {
    display:  none;
}

header .header-search {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: 60px;
    border-top: 1px solid #efefef;
}

header .header-search .placeholder {
    display: none;
}

header .header-search input[type="text"] {
    background-color: #fff !important;
    width: 100%;
    height: 60px;
    visibility: visible !important;
    opacity: 1 !important;
    padding-left: 20px;
}

header .header-search.open {
	border: 0;
}

header .header-menu {
	display: none;
	position: fixed;
	width: 55%;
	top: 0;
	left: -200px;
	z-index: 3;
	background-color: #fff;
	padding: 15px;
}

header.open .header-menu {
	display: block;
}

header .header-menu .logo {
	display: block;
	position: relative;
    width: 94px;
    left: 50%;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: -47px;
}

header .header-menu .close {
	display: none;
	position: fixed;
	top: 15px;
	left: calc(60% + 15px);
	width: 50px;
	opacity: 0;
}

header .header-menu .close img {
	width: 30px;
}

header.open .header-menu .close {
	display: block;
}

header .menu {
	display: none;
    width: 100%;
    top: 0 !important;
    left: 0;
    padding: 0;
    margin: 0;
}

header.open .menu {
    display: block;
}

header .menu li {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #efefef
}

header .menu li:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0;
}

header .menu li:hover {
	border-bottom: 1px solid #efefef;
}

header .menu li.current-menu-item {
    border-bottom: 1px solid #efefef;
}

header .menu li.current-menu-item a {
    color: #AC8A8D;
}

header .menu ul.sub-menu {
    display: none !important;
}

header .wrapper-overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.6;
	z-index: 2;
}

header.shrink {
    padding-bottom: 0;
}

header .header-right {
    display: none !important;
}

.tp-caption h1 {
    font-size: 30px !important;
    width: 60%;
    left: 30px;
    line-height: 30px !important;
}

.tp-caption .button {
	display: none;
}

#wrapper {
    margin-top: 60px;
}

.consulting-button {
	display: none;
}

#home .h50s {
    margin-top: 35px;
}

#home .h50 {
    width: 50%;
    margin-bottom: 25px;
    margin-left: 0;
    overflow: hidden;
}

	#home .h50s .h50 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 46%;
		margin-right: 4%;
	}

	#home .h50s .h50:last-child {
		margin-right: 0;
		margin-left: 4%;
	}

/*#home .h50 img {
    transform: scale(1.5);
}*/


#home .h33s.h33x .first.column,
#home .h33s.h33x .last.column {
	width: 100% !important;
}


#home .h50 .caption {
    display: none;
}

#home .h50 .button {
    font-size: 12px
}

#home .h33s,
#home .h33m {
    margin-bottom: 30px;
}

#home .h33 {
    width: calc(100% - 40px);
    margin-top: 0;
    margin-bottom: 20px;
}

#home .h33.newsletter img {
	height: 210px;
}

#home .h33 .caption {
    font-size: 14px;
}

#home .h33 form {
    display: none;
}

#home .h33.history .logo a {
	font-size: 32px;
}

.series-intro {
    width: calc(100% - 40px);
    margin-left: 5px;
    margin-bottom: 15px;
}

.series-overview {
	margin-top: 20px;
}

.series {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-bottom: 20px;
}

#product {
	margin-bottom: 20px;
}

#product .views {
    width: 100%;
    margin-top: 0;
}

#product .views .thumbs {
    width: calc(100% - 20px);
    margin-top: 20px;
    margin-left: 20px;
}

#product .content {
    max-width: calc(100% - 40px);
    margin-top: 20px;
    margin-left: 20px;
}

#product .content .part {
    margin-bottom: 20px;
}

#recommendations {
	display: none;
}

a.storefinder.button {
    margin-top: 20px;
}

.service-menu {
    padding-top: 25px;
    margin-bottom: 0;
}

.service-menu li {
    width: 33.333%;
    font-size: 14px;
}

.service-menu li a span {
	width: 74px;
	height: 74px;
}

.legends {
	display: none;
}

.groessenrechner .bg-resp {
    display: block;
}

.cd-single-point:nth-of-type(1) {
    top: 6%;
    left: 44%;
}

.cd-single-point:nth-of-type(2) {
    top: 10%;
    left: 40%;
}

.cd-single-point:nth-of-type(3) {
    top: 17%;
    left: 39%;
}

.cd-single-point:nth-of-type(4) {
    top: 28%;
    left: 38%;
}

.sizeCalc-wrapper {
    width: calc(100% - 30px);
    height: 100%;
    padding: 20px;
    right: auto;
    position: relative;
}

.sizeCalc {
    width: calc(100% - 20px);
    top: 0;
    left: 10px;
    font-size: 14px;
    position: relative;
    transform: none;
}

.sizeCalc .results {
    width: calc(100% + 20px);
    margin-top: 0;
    margin-left: -20px;
}

.sizeCalc .results div {
	margin-right: 5px;
}

.sizeCalc .results div input {
	font-size: 18px;
}

.sizeCalc .results .legend {
	margin-top: 1px;
}

.groessenrechner .bg {
    display: none;
}

.sizeCalc .row .valuegroup {
    border: 1px solid #efefef;
    border-radius: 3px;
}

#service-washing-tipps {
    width: calc(100% - 40px);
}

#service-washing-tipps .service-menu {
    width: calc(100% + 40px);
    margin-left: -20px;
}

#service-washing-tipps .waschtipps section:nth-child(odd) .img-wrapper {
    margin-left: 15px;
    width: 20%;
}

#service-washing-tipps h2 {
    margin-top: 0;
}

#service-washing-tipps .waschtipps section:nth-child(even) .img-wrapper {
    float: right;
    margin-right: auto;
    margin-left: 15px;
}

#service-washing-tipps h1 {
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#service-washing-tipps .waschtipps section {
    margin-bottom: 20px;
}

#service-washing-tipps .pflegetipps {
    padding-top: 20px;
    margin-bottom: 20px;
}

#service-washing-tipps .pflegetipps section .bezeichnung {
    width: calc(100% - 90px);
}

#service-washing-tipps .pflegetipps section .beschreibung {
    width: 100%;
    border-left: 0;
    padding-left: 0;
    margin-top: 20px;
}

#service-washing-tipps .pflegetipps-wrapper section {
    margin-bottom: 40px;
}

.contact-wrapper {
    margin-bottom: 40px;
}

.contact-wrapper .bg {
    display: none;
}

.contact-wrapper .form {
    position: relative;
    width: calc(100% - 40px);
    padding: 0;
    left: 20px;
    height: auto;
}

.contact-wrapper .side {
    position: relative;
    width: 100%;
    left: 20px;
    top: 20px;
}

.contact-wrapper .form .submit {
    position: relative;
    left: 0;
    bottom: 0;
}

.contact-wrapper .ajax-loader {
    display: none;
}

#news-consulting {
	margin-bottom: 0;
}

#news-consulting .intro {
	margin-bottom: 20px;
}

#news-consulting .service-menu li {
	width: 50%;
	float: left;
}

#news-consulting section .b1 {
    width: 200%;
}

#news-consulting section .b2 {
    width: 100%;
    font-weight: bold;
}

#news-consulting section .b3 {
    width: 100%;
}

#news-consulting section .b4 {
    width: 70%;
}

#news-consulting section .b5 {
    width: 30%;
    text-align: right;
}

#onlineshops {
	background-image: none;
}

	#onlineshops .overlay {
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}

	#onlineshops .overlay section {
		width: 100%;
	}
	
	#onlineshops .overlay section li {
		width: calc(50% - 45px)
	}

#posts {
    margin-top: 0;
    margin-bottom: 0;
}

#posts .post img {
    margin-top: 40px;
    left: 0;
}

#posts .post .title {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: 20px;
    width: calc(100% - 40px);
}

#posts .post .title h1 {
    font-size: 22px;
    line-height: 34px;
}

#posts .post .title .date {
    font-size: 22px;
    line-height: 34px;
}

#post .post .title {
    width: 100%;
    left: auto;
    position: relative;
    bottom: 20px;
}

#post .post .title h1 {
    font-size: 30px;
    line-height: 40px;
}

#post .post .title .date {
    font-size: 16px;
    line-height: 16px;
}

#post .post img {
    left: auto;
}

.post {
    margin-left: 20px;
    width: calc(100% - 40px);
    margin-bottom: 20px;
}

#store-map {
    height: 100%;
}

.stores-overlay {
    width: 100%;
    height: 50px;
    top: 5px;
    left: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.stores-overlay.active {
	height: calc(100% - 120px);
}

#store-results {
	display: none;
}

.submit-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 49px;
    height: 50px;
    background-color: #fff;
    display: block;
    z-index: 1;
}

.submit-arrow img {
    width: 40px;
    margin-top: 5px;
    margin-left: 5px;
    -webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.stores-overlay.active .submit-arrow img {
	transform: rotate(-180deg);
}

#onlineshops {
    margin-top: 80px;
    margin-left: 20px;
    width: calc(100% - 40px);
}

#onlineshops section {
    width: calc(100% + 20px);
    margin-bottom: 20px;
}

#onlineshops section li {
    width: calc(33.333% - 20px);
    margin-right: 20px;
}

#about .header-headline {
    font-size: 22px;line-height: 12px;
}

#about .section:nth-child(odd) h1 {
    top: 0;
    left: 20px;
    font-size: 44px;
    position: relative;
    text-align: left;
}

#about .section:nth-child(odd) img {
    width: calc(100% - 40px);
    left: 20px;
    right: auto;
    position: relative;
}

#about .section img.placeholder {
    display: none;
}

#about .section:nth-child(odd) .text {
    margin-top: 20px;
    width: calc(100% - 40px);
    margin-left: 20px;
    float: left;
}

#about .section:nth-child(even) h1 {
    position: relative;
    top: 0;
    left: 20px;
    right: auto;
    font-size: 44px;
    text-align: left;
}

#about .section:nth-child(even) img {
    width: calc(100% - 40px);
    float: left;
    position: relative;
    left: 20px;
}

#about .section:nth-child(even) .text {
    text-align: left;
    margin-top: 20px;
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: auto;
    position: relative;
    float: left;
}

#about .section {
    margin-top: 20px;
}

#newsletter-subscribe {
	width: calc(100% - 40px);
}

#newsletter-subscribe input {
    /*float: left;*/
    margin-bottom: 20px;
    width: calc(100% - 10px);
}

#newsletter-subscribe input[type="submit"] {
	float: none;
	margin-left: auto;
	width: 100%;
}

#standard {
    width: calc(100% - 40px);
    margin-top: 120px;
    margin-left: 20px;
}

#search .search-form {
    margin-top: 20px;
    margin-bottom: 20px;
}

#search .search-form .input-group input {
    font-size: 22px;
    font-weight: normal;
}

#search article.search-item {
    margin-bottom: 20px;
}

#search article.search-item img {
    padding-right: 20px;
    padding-bottom: 20px;
}

footer .wrapper {
    height: auto;
}

footer .footer-left {
    position: relative;
		margin-top: 60px;
    margin-left: 20px;
    line-height: 24px;
}

footer .footer-menu {
    position: relative;
    float: left;
    right: auto;
    margin-bottom: 60px;
    margin-left: 20px;
    line-height: 26px;
}

footer .footer-menu ul {
    margin: 0;
    padding: 0;
}

footer .footer-menu li {
    float: left;
    margin-left: auto;
    margin-right: 20px;
}

#home .press {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
}

}

@media all and (max-device-width: 1024px) and (orientation:landscape) {

/*.tp-caption img {
	display: none !important;
}*/

}

@media screen and (max-width: 375px) {

.tp-caption h1 {
    font-size: 16px !important;
    line-height: 30px !important;
}

/*.tp-caption img {
	display: none !important;
}*/

#home .h33 {
	line-height: 22px;
}

#home .h33 .caption {
	bottom: 5px;
}
	
#home .h33 .text {
    font-size: 14px;
    line-height: 18px;
}

#home .h33 .text h2 {
	font-size: 22px;
	line-height: 24px;
	margin-top: 10px;
}

#home .h33 .button {
	top: 80px;
}


#home .h33.contest .button {
	top: auto;
}


#home .h33x .h33.store .button {
	top: auto;
	bottom: 25px;
}

span.wpcf7-form-control-wrap.checkbox-659 {
    display: none;
}

.consulting-button {
	position: absolute;
	top: 0;
	right: -100px;
	color: transparent;
}

.consulting-button:before {
	content: '';
	width: 200px;
	height: 200px;
	background-image: url('/wp-content/uploads/2016/03/felina-beratungstage-stoerer.png');
	background-size: 100%;
	background-repeat: no-repeat;
	display: block;
	transition: all 0.2s linear;
}

.consulting-button:hover {
	color: transparent;
}

.consulting-button:hover:before {
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
}