body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* catamaran-regular - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/catamaran-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Catamaran Regular'), local('Catamaran-Regular'),
       url('../../files/fonts/catamaran-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/catamaran-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/catamaran-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/catamaran-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/catamaran-v6-latin-regular.svg#Catamaran') format('svg'); /* Legacy iOS */
  font-display:swap;
}
*{padding:0;margin:0;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;box-sizing:border-box;}
*{box-sizing:border-box;}
html,
body{margin:0;padding:0;font-family: 'Catamaran', sans-serif;font-style:normal;color:#545454;font-weight:normal;}
html { width: 100%;}
body {width: 100%; }
img {
	display:block;
}
#container,
.max-width {
	max-width:1480px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}
h1, h2, h3 {
	font-weight:normal;
}
#header {
/*	position:fixed;*/
	z-index:20;
	width:100%;
}
.header {
	position:relative;
	width:100%;
	z-index:10;
	height:180px;
	background-color:#fce8e5;
}
.logo-wrapper {
	float:left;
	background-image: url("https://www.kosmetik-kufstein.com/files/images/blumenmuster.png");
	background-size:contain;
	background-position:center center;
	width:405px;
	height:180px;
	text-align:center;
}
.logo {
	width:180px;
	width:180px;
	margin:0 auto;
}
.logo img {
	margin:0 auto;
	padding:5px;
	width:100%;
	box-sizing:border-box;
}
.header .right {
	float:right;
	text-align:right;
	color:#a48300;
	padding-top:20px;
	font-size:0.9em;
}
.header .right a:hover,
.header .right a {
	color:#a48300;
	text-decoration:none;
}
body.smaller .logo,
body.smaller .logo img{
    height:0;
    -webkit-transition: all 1s;
    transition: all 1s;
}
body.smaller .header{
    height:40px;
    transition: height 1s;
    background-color:#ffffff;
}
.main-menu {
	width:100%;
}
.main-menu {
	background-color:#ddbdb1;
	padding-top:5px;
	padding-bottom:5px;
}
body.smaller .main-nav:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 10px;
    background-color:#ffffff;
	margin-bottom:10px;
}
body.smaller .main-nav {
	margin-top:10px;
}
.main-menu li {
	display:inline-block;
}
.main-menu li strong,
.main-menu li a {
	text-transform:uppercase;
	font-size:1.2em;
	text-decoration:none;
}
.main-menu li a {
	color: #ffffff;
}
strong.active {
	color:#545454;
	font-weight:normal;
}
.main-menu li {
	padding-right:30px;
}
#footer {
	font-size:0.9em;
	background-color:#8c8c8c;
	color:#ffffff;
}
.footer {
	padding-top:10px;
	padding-bottom:10px;
}
.footer a {
	color:#ffffff;
	text-decoration:none;
}
.footer nav li {
	display:block;
}
.footer a:hover {
	text-decoration:underline;
}
nav a:hover {
	color:#545454;
}
.werbegut a:hover,
#footer nav a:hover {
	color:#ddbdb1;
}
.footer nav,
.footer-kontakt{
	margin-bottom:20px;
}
.footer .left {
	float:left;
	padding-bottom:10px;
	padding-right:30px;
}
#container {
	padding-top:50px;
	padding-bottom:100px;
}
.footer-menu nav {
	float:left;
}
.werbegut {
	float:right;
}
.footer-menu {
	background-color:#545454;
	padding-top:7px;
	padding-bottom:7px;
}
.footer-menu ul li {
	display:inline;
	text-transform:normal;
	color:#ffffff;
}
.footer-menu strong,
.footer-menu a {
	color:#8c8c8c;
	padding-right:10px;
	font-weight:normal;
	text-decoration:none;
	font-size:0.9em;
}
.logo-footer img,
.img-footer img{
	width:100px;
	height:auto;
}
.banner {
	border-style: solid;
    border-width: 0;
    border-top-width: 1px;
    border-color: #ddbdb1;
    margin-top:50px;
}
h1 {
	padding-bottom:30px;
	text-transform:uppercase;
	color:#ddbdb1;
	font-weight:normal;
}
.ce_text h2 {
	padding-bottom:20px;
}
.ce_text figure.image_container {
	max-width:30%;
	padding-left:30px;
	min-width: 300px;
	padding-bottom: 30px;
}
#article-7 {
	width: calc(100% + 20px);
}
.anwendung {
	float:left;
    border: 1px solid #ddbdb1;
    min-height: 300px;
    width: calc(33.33% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
}
.anwendung table{
	border-collapse: collapse;
    width: calc(100% - 20px);
    margin-left: 10px;
}
.anwendung h2 {
	background-color: #ddbdb1;
    color: #ffffff;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 10px;
}
.anwendung tr td:nth-child(2n) {
	text-align:right;
}
a.mail,
a.tel,
a.link {
	color:#545454;
}
a.tel {
	text-decoration:none;
}
.ce_hyperlink a,
.ce_hyperlink h2  {
	color:#ddbdb1;
	font-weight:bold;
}
@media only screen and (max-width:1000px) {
	.anwendung {
    width: calc(50% - 20px);
	}
}
@media only screen and (max-width:700px) {
	.header .right {
		display:none;
	}
}
@media only screen and (max-width:650px) {
	.anwendung {
	    min-height: 200px;
	    width: calc(100% - 20px);
	    padding-bottom: 10px;
	}
}
@media only screen and (max-width:600px) {
	.ce_text figure.image_container {
		max-width:100%;
		width:100%;
		padding-left:0;
		min-width: 100px;
		padding-bottom: 30px;
		float:left !important;
	}
	.ce_text figure.image_container img {
		max-width:auto;
	}
}
@media only screen and (max-width:445px) {
	.logo-wrapper {
		width:100%;
	}
}
@media only screen and (max-width:1150px) {
	/* BUTTON */
.button {
    width: 44px;
    height: 44px;
    margin: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 200;
}
	.button span {
	    height: 2px;
	    display: block;
	    position: absolute;
	    top: 21px;
	    left: 10%;
	    right: 10%;
	    background-color: #ffffff;
	    -webkit-transition: background 0.15s linear 0.15s;
	    -o-transition: background 0.15s linear 0.15s;
	    transition: background 0.15s linear 0.15s;
	}
	.button span::before {
	    top: -10px;
	    -webkit-transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    -o-transition: top 0.15s linear 0.15s, transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
	}
	.button span::after {
	    bottom: -10px;
	    -webkit-transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    -o-transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
	}
	.button span::before, .button span::after {
	    content: "";
	    width: 100%;
	    height: 2px;
	    display: block;
	    position: absolute;
	    left: 0;
	    background-color: #ffffff;
	}
	body.open .button span {
	    -webkit-transition: background 0.15s linear;
	    -o-transition: background 0.15s linear;
	    transition: background 0.15s linear;
	    background: none;
	}
	body.open .button span::before {
	    top: 0px;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    -webkit-transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    -o-transition: top 0.15s linear, transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	    background-color: #545454;
	}
	body.open .button span::after {
	    bottom: 0px;
	    -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    -webkit-transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    -o-transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	    background-color: #545454;
	}
/* BUTTON ENDE */

/* NAV */
	.main-nav nav {
		display:none;
	}
/* NAV ENDE */
}
@media only screen and (min-width:1150px) and (max-width:1300px) {
	.main-menu li strong, .main-menu li a {
	    text-transform: uppercase;
	    font-size: 1em;
	}
	.main-menu li {
		padding-right:20px;
	}
}

@media only screen and (max-width:1150px) {
	.main-menu li strong, 
	.main-menu li a {
	    width: 100%;
	    display: block;
	    padding: 5px 10px;
	    border-bottom: 1px solid #ffffff;
	}
	.main-menu li {
	    display: block;
	    padding-right: 0 !important;
	}
	.main-menu .max-width {
		padding:0!important;
	}
	.main-menu li.active,
	.main-menu li:hover {
		background-color:#ecdbd5;
	}
	.main-menu li.last a,
	.main-menu li.last strong{
		border-bottom:none;
	}
	.main-menu {
		padding-bottom:0;
		padding-top:0;
		min-height:44px;
	}
}