/* ===================================
1. General
==================================== */
@import url('font.css');
@import url('font-awesome.css');
@import url('all.css');
@import url('guyot.css');
@import url("cookies.css");

body {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	color:#000;
	background:#fff;
	font-size: 15px;
  	padding:0;
}

a, a:focus, a:hover {
	outline:0;
	text-decoration: none;
	color: inherit;
}

img{
	max-width:100%;
	height:auto;
}

a{
  text-decoration:none;
}

.row{
	margin:0;
}

.content, .content_blog{
	max-width:1024px;
	margin:0 auto;
	position: relative;
}
.content.content2{
	max-width:100%;
}

.scrollup{
	display: block;
	text-align: center;
	padding: 5px;
	font-size: 30px;
	color: #333;
}

#main-top{background:#b5b5b5; margin: 0; padding: 5px 15px; text-align: right;}
#main-top ul{list-style: none; padding: 0 15px; margin: 0;}
#main-top ul li{display: inline-block; margin: 0 0 0 25px;}
#main-top ul li a{color: #fff; font-family: 'Minion Pro'; font-size: 12px; letter-spacing: 1px;}
#main-top ul li a:hover{color: #6e6f6e;}
#main-top ul li a::before{font-family: 'FontAwesome'; display: inline-block; margin: 0 5px 0 0; font-size: 16px; vertical-align: middle;}
#main-top ul li:nth-child(1) a::before{content:"\f082";}
#main-top ul li:nth-child(2) a::before{content:"\f0d1";}
#main-top ul li:nth-child(3) a::before{content:"\f0e3" ;}

header {transform: translateY(0);	transition: all 0.3s ease 0s;}
header.bg-fixed{transform: translateY(0); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; display: table; width: 100%;  z-index: 9; background: #fff; height: 65px;}

header.bg-fixed #main-top{display: none;}

#wrapper{max-width:100%; margin:0 auto; padding: 130px 0 0;}
header{margin:0 auto; position: fixed; top: 0; left: 0; width: 100%; height: 140px; background: rgba(255,255,255,0.7); z-index: 2;}
header h1{padding: 0 10px; margin:16px 0 0;}
header h1 a.logo{display: block; width: 200px; height: 52px; background-repeat: no-repeat; background-image: url('../logo/logo.png'); background-image: url('../logo/logo.svg'); background-position: 0 0;}
header.bg-fixed h1{ margin:10px 0 0;}
header.bg-fixed h1 a.logo{width: 150px; height: 40px;}

#wrapper #navigation{padding:0; margin:38px 0 0; letter-spacing:1px; text-align: right;}
#wrapper #navigation ul{padding: 0; margin: 0;}
#wrapper #navigation li{ display:inline-block; padding:0; margin:0; position:relative;}
#wrapper #navigation li a{font-weight: 600; font-size:14px; padding:10px; margin: 0; display: inline-block; text-transform: uppercase; border-bottom: 3px solid rgba(194,0,18,0);transition: all 0.3s ease 0s; }
#wrapper #navigation li:hover a{ color:#e3000a; text-decoration: none; border-bottom: 3px solid rgba(194,0,18,1); background: none;}
#wrapper #navigation li.active a{ color:#e3000a; background: none;}

#wrapper #navigation li ul.nav-child{position:absolute;  left:50%;  top:100%;  width:100%; min-width:220px; margin:0 0 0 -110px; padding:0;  background:rgba(230,230,230,0.94); z-index: 9;}
#wrapper #navigation li ul.nav-child {display:none;}
#wrapper #navigation li:hover ul.nav-child { display:block;}
#wrapper #navigation li ul.nav-child li{display:block; padding: 0; margin: 0; background: none;}
#wrapper #navigation li ul.nav-child li a{font-size:13px; text-transform:none; padding:6px 12px; text-align: center; border: none; display:block; font-weight:normal; background-image:none; color: #333; margin: 0;}
#wrapper #navigation li ul.nav-child li.active a,
#wrapper #navigation li ul.nav-child li a:hover{background:rgba(110,110,110,0.85);  color:#fff;}

#wrapper header.bg-fixed #navigation{padding:0; margin:15px 0 0;}
#wrapper header.bg-fixed #navigation li a{font-size:13px;}

header .open-nav{position: absolute; top: 38px; left: 15px; display: none;}
header .open-nav .fa{color: #bebdbd; font-size: 35px;}

#wrapper #navigation .close-nav{position: absolute; top: 0; right: 15px; display: none; z-index: 11;} 
#wrapper #navigation .close-nav .fa{color: #fefefe; font-size: 30px;}


/* Teaser-1 : Bolg / Marke / News */
#wrapper #teaser-1{padding: 50px 0 0; text-align: center;}
#wrapper #teaser-1 h2{background: url(../images/bg_h2.png) no-repeat 50% 100%; padding: 0 0 15px; margin: 0 0 10px; font-weight: 300; font-size: 28px; color: #6d6d6d;}
#wrapper #teaser-1 h2::before{font-family: 'guyot'; background: #ddd; /*color: #666;*/ display: block; margin: 0 auto 20px; width:140px; height: 140px; padding: 20px; border-radius: 50%; font-size: 90px;transition: all 0.3s ease 0s;}

#wrapper #teaser-1 .blog h2::before{content:'\0042'}
#wrapper #teaser-1 .marke h2::before{content:'\f067'; font-family:'fontawesome'; font-size: 100px;}
#wrapper #teaser-1 .news h2::before{content:'\0045'}

#wrapper #teaser-1 a,
#wrapper #teaser-1 h2{	transition: all 0.3s ease 0s;}
#wrapper #teaser-1 a:hover{color: #e3000a;}
#wrapper #teaser-1 h2:hover::before{color: #e3000a; font-size: 80px; padding: 25px;}

/* Sprechzeiten  Header */
header .sprechzeiten{line-height: 25px;}
header .sprechzeiten .icon-sprechzeiten{padding: 6px 10px; z-index: 1; cursor: pointer; background: #b6b6b6; color: #fff; font-size: 30px; position: absolute; top: 70px; right: 0; border-radius: 10px 0 0;}
header .sprechzeiten .icon-sprechzeiten:hover{color: #6e6f6e;}
header .sprechzeiten .main-sprechzeiten{position: absolute; right: 0; top: 112px; background: rgba(186,186,186,0.95); padding:0; font-size: 0; z-index: 1; color: #fff; overflow: hidden; width: 0; line-height: 20px;}
header .sprechzeiten .main-sprechzeiten ul{margin: 0; padding: 0; list-style: none; font-size: 14px;}
header .sprechzeiten .main-sprechzeiten ul li{background: url('../images/bg_fon.png') no-repeat 0 50%; padding: 5px 0 5px 30px; font-weight: 300; }
header .sprechzeiten .main-sprechzeiten ul li strong{display: block; font-weight: 400;}

header.bg-fixed .sprechzeiten .icon-sprechzeiten{top: 23px;}
header.bg-fixed .sprechzeiten .main-sprechzeiten{top: 65px;}

/* Slider */
#wrapper #slider{margin:0; text-align:center; padding:0; position: relative; max-height: 800px; overflow: hidden;}
#wrapper #slider img{width: 100%;}
#wrapper #slider .uk-dotnav a{background: #fff; border: 2px solid #fff !important; width: 15px; height: 15px;}
#wrapper #slider .uk-dotnav .uk-active a{background: #8bc869;}
#wrapper #slider .uk-overlay-panel{background: rgba(255,255,255,0.7); padding:25px 30px; max-width: 60%; left: auto; right: 30px; bottom: 30px; border-radius: 8px;}
#wrapper #slider .uk-overlay-panel h2{color:#e3000a; margin:0; letter-spacing: 1px; font-size:22px; font-weight: 400; padding: 0 0 15px; }
#wrapper #slider .uk-overlay-panel p{font-size:16px; color: #6d6d6d; font-weight: 400; font-style: italic; margin:0;}

/* Content */
#wrapper #main-cotent, #wrapper #intro-blog{margin:50px auto; padding:0 50px 0;}
#wrapper #main-cotent .inhalt, #wrapper #intro-blog{text-align: center; padding: 0;}

#wrapper #main-cotent .inhalt h2, #wrapper #main-info h2,
#wrapper #intro-blog h2, #wrapper #main-leistungen h2{color:#e3000a; margin:0; letter-spacing: 1px; font-size:26px; font-weight: 400;  padding: 30px 0 15px; text-transform: uppercase;}

#wrapper #main-cotent .inhalt h3, #wrapper #main-info h3,
#wrapper #intro-blog h3, #wrapper #main-leistungen h3{font-size:18px; color: #6d6d6d; font-weight: 400; font-style: italic; margin:0 auto; padding: 5px 15px 40px; line-height: 28px; max-width: 1024px;}

#wrapper #main-cotent .inhalt h4,
#wrapper #intro-blog h4{font-size:22px; color: #6d6d6d; font-weight: 100; margin:0; padding: 30px 0; text-align: left; line-height: 32px;}
#wrapper #intro-blog h4 strong{font-size: 14px; font-weight: 400;}

#wrapper #main-cotent .inhalt p,
#wrapper #intro-blog p{margin: 0 0 15px; font-weight: 400; text-align: left;}

#wrapper #main-cotent .inhalt h5{color: #e3000a; margin: 10px 0; font-size: 16px; text-align: left;}
/*#wrapper #main-cotent .inhalt p strong{font-weight: 600; font-style: italic; color: #545454; display: block; margin: 0 0 35px;}*/

#wrapper #main-cotent .inhalt .img_left,
#wrapper #intro-blog .img_left{float: left; margin: 30px 50px 50px 0;}

#wrapper #main-cotent .inhalt .img_right,
#wrapper #intro-blog .img_right{float: right; margin: 30px 0 25px 50px;}

#wrapper #main-cotent .inhalt ul{text-align: left; font-weight: 400; margin: 0 0 15px; padding: 0; list-style: none;}
#wrapper #main-cotent .inhalt ul li{padding: 0 15px 0 8px; background: url(../images/bg_li.png) no-repeat 0 55%;}

#wrapper #main-cotent .inhalt .home .item{text-align: left; margin: 60px 0 0; padding: 0 25px; width: 50%; float: left; display: inline-block;}
#wrapper #main-cotent .inhalt .home .item h3{font-weight: 300; font-size: 20px; color: #6d6d6d; font-style: normal; margin: 5px 0 15px; padding: 0;}

#wrapper #main-cotent .inhalt .item-blog{margin:0; padding:5px 0 0;  background: #ededed;}
#wrapper #main-cotent .inhalt .item-blog .content_blog{border-bottom: 1px solid #e3000a;}
#wrapper #main-cotent .inhalt .item-blog:last-child{border: none;}
#wrapper #main-cotent .inhalt .item-blog h4{padding: 30px 0 10px;}

#wrapper #main-cotent.contentBlog{margin:0; padding:0; }

#wrapper #main-cotent .inhalt .blog .category-desc{background: #ededed;}
#wrapper #main-cotent .inhalt .blog .category-desc h2{background: url(../images/bg_h2.png) no-repeat 50% 0; padding: 15px; margin: 40px auto 0; max-width: 1024px;}
#wrapper #main-cotent .inhalt .blog .category-desc p{margin: 0 auto 15px; max-width: 1024px;}
#wrapper #main-cotent .inhalt .item-blog:last-child .content_blog{border-bottom: none; padding-bottom: 0;}

#wrapper #main-cotent .inhalt .blog.seminar .category-desc,
#wrapper #main-cotent .inhalt .blog.seminar .item-blog{background: none;}
#wrapper #main-cotent .inhalt .blog.seminar .item-blog .content_blog{border: none; background: url(../images/bg_h2.png) no-repeat 50% 100%; padding: 0 0 30px; margin:20px auto 0; }
#wrapper #main-cotent .inhalt .blog.seminar .item-blog:last-child .content_blog{background:none; margin-top: 40px;}
#wrapper #main-cotent .inhalt .blog.seminar .item-blog h3{text-align: left; font-style: normal; padding: 5px 0 10px; margin: 0; font-size: 18px;}
#wrapper #main-cotent .inhalt .blog.seminar .item-blog h3::before{content: "\f073"; font-family: FontAwesome; display: inline-block; margin: 0 10px 0 0;}
#wrapper #main-cotent .inhalt .blog.seminar .item-blog h4{padding:15px 0 10px;}
#wrapper #main-cotent .inhalt .blog.seminar .item-blog .img_right{margin: 0 0 30px 50px}
#wrapper #main-cotent .inhalt .blog.seminar .item-blog .content_blog .p-hide{display: none;}

#wrapper #main-cotent .inhalt .blog.seminar .item-blog .content_blog a.anmeldung{display: inline-block; margin: 15px 5px 0 0; padding: 5px 20px 8px; background: #6d6d6d; color: #fff;}
#wrapper #main-cotent .inhalt .blog.seminar .item-blog .content_blog a.anmeldung:hover{background: #e3000a;}

#wrapper #main-cotent .inhalt .blog.seminar .item-blog .content_blog a.termin{display: inline-block; margin: 15px 5px 0 0; padding: 5px 20px 8px; background: #6d6d6d; color: #fff;}
#wrapper #main-cotent .inhalt .blog.seminar .item-blog .content_blog a.termin:hover{background: #e3000a;}


#wrapper #main-cotent .inhalt .blog.seminar .item-blog .content_blog a.weiterlesen{display: inline-block; margin: 15px 5px 0 0; padding: 5px 20px 8px; background: #6d6d6d; color: #fff ;}
#wrapper #main-cotent .inhalt .blog.seminar .item-blog .content_blog a.weiterlesen:hover{background: #e3000a;}
#wrapper #main-cotent .inhalt .blog.seminar .item-blog .content_blog a.weiterlesen::before{content: "\f078"; font-family: FontAwesome; display: inline-block; margin: 0 5px 0 0;}
#wrapper #main-cotent .inhalt .blog.seminar .item-blog .content_blog a.weiterlesen.open::before{content: "\f077";}

#wrapper #main-cotent .inhalt .lieferservice p{text-align: center;}
#wrapper #main-cotent .inhalt .lieferservice h4{padding: 30px 0 10px; text-align: center;}
#wrapper #main-cotent .inhalt .lieferservice p img{margin: 0 15px 15px;}

#wrapper #main-cotent .inhalt a.btn-link{padding: 5px 10px; margin-bottom: 15px; background: #e3000a; display: inline-block; border: 2px solid #e3000a; color: #fff; text-decoration: none;}
#wrapper #main-cotent .inhalt a.btn-link:hover{color: #e3000a; background: #fff;}

/* Karriere */
#wrapper #main-cotent .inhalt .blog.karriere .category-desc,
#wrapper #main-cotent .inhalt .blog.karriere .item-blog{background: none; padding: 0 15px;}
#wrapper #main-cotent .inhalt .blog.karriere h4{padding-bottom: 0;}
#wrapper #main-cotent .inhalt .blog.karriere h5{font-size: 14px; margin-bottom: 25px;}
#wrapper #main-cotent .inhalt .blog.karriere a.stellenangebote::before{font-family: 'FontAwesome'; content: "\f15c"; display: inline-block; margin: 0 8px 0 0;}
#wrapper #main-cotent .inhalt .blog.karriere a.stellenangebote{padding: 8px 10px; background:#e3000a ; display: inline-block; margin: 10px 0 40px; border: 2px solid #e3000a; color: #fff; font-size: 16px; font-weight: 400; transition: all 0.3s ease 0s;}
#wrapper #main-cotent .inhalt .blog.karriere a.stellenangebote:hover{color: #e3000a; background: #fff;}
#wrapper #main-cotent .inhalt .blog.karriere .item-blog .content_blog{border-color: #ccc;}

/* News Blog */
#wrapper #main-cotent .inhalt .blog.news .category-desc{background: none; padding: 0;}
#wrapper #main-cotent .inhalt .blog.news{padding-top: 60px;}
#wrapper #main-cotent .inhalt .blog.news h4{padding: 10px 0 30px;}
#wrapper #main-cotent .inhalt .blog.news .item-blog .content_blog{border: none; position: relative; padding-bottom: 50px;}
#wrapper #main-cotent .inhalt .blog.news .item-blog .content_blog .published{position: absolute; bottom: 40px;}

#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right{padding: 50px 25px; background: none;}
#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right .img_news{float: right; margin: 0 0 25px 50px;}
#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right .content_blog .published,
#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right .content_blog .css_buttons1{left: 0;}

#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left{padding: 50px 25px;}
#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left .img_news{float: left; margin: 0 50px 25px 0;}
#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left .content_blog .published,
#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left .content_blog .css_buttons1{right: 0;}
#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left p,
#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left h4{ text-align: right;}

#wrapper #main-cotent .inhalt .blog a.btn-pdf{display: inline-block; margin: 15px 5px 0 0; padding: 9px 20px; background: #6d6d6d; color: #fff ;}
#wrapper #main-cotent .inhalt .blog a.btn-pdf:hover{background: #e3000a;}
#wrapper #main-cotent .inhalt .blog a.btn-pdf::before{content: "\f1c1"; font-family: FontAwesome; display: inline-block; margin: 0 15px 0 0;}


/* Apo-News */
#wrapper #main-cotent .inhalt .blog.aponews .category-desc{background: none; padding: 0;}
#wrapper #main-cotent .inhalt .blog.aponews .item-blog .content_blog{position: relative; border: none; padding: 15px 0 30px; background: url(../images/bg_h2.png) no-repeat 50% 100%;}
#wrapper #main-cotent .inhalt .blog.aponews .item-blog:last-child .content_blog{background:none;}
#wrapper #main-cotent .inhalt .blog.aponews .img_left{margin: 10px 50px 25px 0;}
#wrapper #main-cotent .inhalt .blog.aponews .item-blog .content_blog .css_buttons1{right: 0; bottom: 30px !important;}
#wrapper #main-cotent .inhalt .blog.aponews .item-blog {background: #ededed;}
#wrapper #main-cotent .inhalt .blog.aponews .item-blog.items-leading{background:none;}
#wrapper #main-cotent .inhalt .blog.aponews .item-blog.items-leading .content_blog{background:none;}
#wrapper #main-cotent .inhalt .blog.aponews .item-blog h3{text-align: left; font-style: normal; padding: 15px 0 10px; margin: 0; font-size: 18px;}
#wrapper #main-cotent .inhalt .blog.aponews .item-blog h3::before{content: "\f073"; font-family: FontAwesome; display: inline-block; margin: 0 10px 0 0;}

/* Rezeptur */
#wrapper #main-cotent .inhalt .rezeptur h2{background: url(../images/bg_h2.png) no-repeat 50% 0; padding: 15px 0; margin: 30px 0;}
#wrapper #main-cotent .inhalt .rezeptur h3{padding: 25px 0;}

/* Rezeptur Module */
#wrapper #rezeptur{padding: 180px 50px 70px; background: url(../images/669896278.jpg) no-repeat 0 0 / cover;}
#wrapper #rezeptur .custom{padding:15px 25px 5px; background: rgba(255,255,255,0.75); text-align: center;}
#wrapper #rezeptur .custom h2{color:#e3000a; font-size: 24px; margin: 0; padding: 15px 0 20px;}
#wrapper #rezeptur .custom p{font-style: italic; font-weight: 400; font-size: 16px; line-height: 32px;}
#wrapper #rezeptur .custom p a{display: inline-block; margin:15px 0; padding: 2px 25px 5px; background:#e3000a ; border: 2px solid #e3000a; color: #fff; font-size: 16px; font-weight: 400;transition: all 0.3s ease 0s;}
#wrapper #rezeptur .custom p a:hover{color: #e3000a; background: none;}

/* Filiale */
#wrapper #main-cotent .inhalt .filiale h2{padding:  10px 0 15px; margin: 0;}
#wrapper #main-cotent .inhalt .filiale h3{padding:0; margin: 0;}
#wrapper #main-cotent .inhalt .filiale h4{padding: 60px 0 20px;}
#wrapper #main-cotent .inhalt .filiale .img_left{margin: 70px 50px 25px 0;}

/* Boxes */
#wrapper #main-cotent .box{margin: 60px 0 30px; padding: 0 25px;}
#wrapper #main-cotent .box h3{font-weight: 100; font-size: 24px; color: #6d6d6d; font-style: normal; margin: 40px 0 20px; padding: 0; text-align: center;}
#wrapper #main-cotent .box p{font-size: 14px; color: #545454; font-weight: 100;  text-align: center;}

#wrapper #main-cotent .box > .custom.box-minHeight{min-height: 410px; margin-bottom: 30px;}

/* Slogan-1 */
#wrapper #slogan-1{background: #ededed; padding:60px 0; text-align: center; color: #545454;}
#wrapper #slogan-1 .content{padding: 0 30px; }
#wrapper #slogan-1 .content h2{color:#e3000a; margin:0; letter-spacing: 1px; font-size:26px; font-weight: 400;  padding: 15px 0; text-transform: uppercase; background: url(../images/bg_h2.png) no-repeat 50% 0;}
#wrapper #slogan-1 .content h3{font-size:18px; color: #6d6d6d; font-weight: 400; font-style: italic; margin:0; padding: 5px 0 40px; line-height: 30px;}
#wrapper #slogan-1 .content h4{font-size:22px; color: #6d6d6d; font-weight: 100; margin:0; padding: 20px 0 10px;}
#wrapper #slogan-1 .content p{margin: 10px 0;}

/* Slogan-1 : Eva & Stephan Guyot */
#wrapper #slogan-1 .content .custom_startseite{padding: 0 0 0 320px; background: url(../images/eva_stephan_guyot.jpg) no-repeat 0 0; min-height: 265px;}
#wrapper #slogan-1 .content .custom_startseite h3{text-align: center; font-size: 36px; margin: 0; padding: 60px 0 20px; font-weight: 300; font-style: normal;}
#wrapper #slogan-1 .content .custom_startseite h4{text-align: right; font-size: 14px; font-weight: 400; margin: 0; padding: 30px 0 0;}
#wrapper #slogan-1 .content .custom_startseite p{text-align: center; color: #6d6d6d; font-size: 18px; margin: 0 0 20px; font-style: italic; font-weight: 400;}

/* Slogan-1 : Eva */
#wrapper #slogan-1.kosmetik{padding: 0;}
#wrapper #slogan-1 .content .custom_kosmetik{padding: 0 250px 0 15px; background: url(../images/eva_guyot2.png) no-repeat 100% 100%; min-height: 265px;}
#wrapper #slogan-1 .content .custom_kosmetik h3{text-align: center; font-size: 36px; margin: 0; padding: 60px 0 20px; font-weight: 300; font-style: normal;}
#wrapper #slogan-1 .content .custom_kosmetik h4{text-align: right; font-size: 14px; font-weight: 400; margin: 0; padding: 30px 0 25px;}
#wrapper #slogan-1 .content .custom_kosmetik p{text-align: center; color: #6d6d6d; font-size: 18px; margin: 0; font-style: italic; font-weight: 400;}

/* Slogan-1 : Workshops - Semeiaren */
#wrapper #slogan-1 .content .custom_workshop p{display: inline-block; margin: 0; padding: 0 15px; width: 49.5%;}

/* Slogan-1 : Download */
#wrapper #slogan-1 .content .custom_download p a::before{font-family: 'FontAwesome'; content: "\f15c"; display: block; margin: 0; font-size: 75px;}
#wrapper #slogan-1 .content .custom_download p a{display: inline-block; padding:0 15px; width: 33%; text-align: center; color: #545454; font-size: 22px; font-weight: 400; text-transform: uppercase;transition: all 0.3s ease 0s;}
#wrapper #slogan-1 .content .custom_download p a:hover{color:#e3000a;}
#wrapper #slogan-1 .content .custom_download p a span{display: block; margin: 2px 0 0; font-size: 14px; color:#e3000a; text-transform:none;}

/* Slogan-1 : White Color */
#wrapper #slogan-1.contentWhite{background: #fff;}
#wrapper #slogan-1.contentWhite a{display: inline-block; margin:30px 0 10px; padding: 8px 10px; background:#e3000a ; border: 2px solid #e3000a; color: #fff; font-size: 16px; font-weight: 400;transition: all 0.3s ease 0s;}
#wrapper #slogan-1.contentWhite a:hover{color: #e3000a; background: #fff;}

/* Historie */
#wrapper #historie{background: #ededed; padding:60px 0;}
#wrapper #historie .content{padding: 0;}
#wrapper #historie .content h2{color:#e3000a; margin:0; letter-spacing: 1px; font-size:26px; font-weight: 400; background: url(../images/bg_h2.png) no-repeat 50% 0; padding: 15px 0 50px; text-transform: uppercase; text-align: center;}
#wrapper #historie .content .uk-row-first{text-align: left; padding: 5px 15px 60px 0;}
#wrapper #historie .content .uk-margin{margin: 0;}
#wrapper #historie .content h3{font-size: 36px; margin: 0; padding: 0 0 3px; font-weight: 100; color: #545454}
#wrapper #historie .content h4{font-size: 20px; font-weight: 400; margin: 0; padding: 0 0 20px; color: #6d6d6d; line-height: 28px;}
#wrapper #historie .content h5{color: #e3000a; font-size: 22px; font-weight: 400; margin: 0; padding: 0 0 15px;}
#wrapper #historie .content p{color: #6d6d6d; font-size: 15px; margin: 0 0 15px;}
#wrapper #historie .uk-panel{text-align: center;}
#wrapper #historie .uk-subnav li{margin:20px 0 60px; padding:0;}
#wrapper #historie .uk-subnav li a{font-size:16px; font-weight:400; color:#6d6d6d; padding:10px 45px 40px; background:url(../images/bg_li_timeline.png) no-repeat 50% 100%; border:none;}
#wrapper #historie .uk-subnav li a:hover{color:#e3000a; box-shadow:none;}
#wrapper #historie .uk-subnav li.uk-active a{background:url(../images/bg_li_timeline_active.png) no-repeat 50% 100%; color:#e3000a;}

#wrapper #historie .uk-subnav li:first-child a{background:url(../images/bg_li_timeline_first.png) no-repeat 0 100%; padding-left:0;}
#wrapper #historie .uk-subnav li.uk-active:first-child a{background:url(../images/bg_li_timeline_first_active.png) no-repeat 0 100%;}
#wrapper #historie .uk-subnav li:last-child a{background:url(../images/bg_li_timeline_last.png) no-repeat 100% 100%; padding-right:0;}
#wrapper #historie .uk-subnav li.uk-active:last-child a{background:url(../images/bg_li_timeline_last_active.png) no-repeat 100% 100%;}


/*  Leistungen */
#wrapper #main-leistungen{padding: 50px 0 60px; margin: 0; background: #ededed; text-align: center;}
#wrapper #main-leistungen h2{background: url(../images/bg_h2.png) no-repeat 50% 0; padding: 15px 0;}
#wrapper #main-leistungen h3{margin: 0 0 20px;}
#wrapper #main-leistungen .item{text-align: center; cursor: pointer; margin-bottom: 15px;}
#wrapper #main-leistungen .item .box a{display: block; padding: 8px 5px; margin: 0 auto; color: #545454; max-width: 420px; font-size: 14px; font-style: italic; font-weight: 400; font-weight: 600; cursor: pointer;  position: relative; z-index: 0;transition: all 0.3s ease 0s;}
#wrapper #main-leistungen .item .box:hover a{background:#dadada;}
/*#wrapper #main-leistungen .item .box:hover p:first-child,*/
#wrapper #main-leistungen .item .box.active p:first-child{padding: 5px 5px 0; background:#dadada;}
#wrapper #main-leistungen .item .box.active a{padding-bottom: 9px; z-index: 2;}
#wrapper #main-leistungen .item .box.active a,
#wrapper #main-leistungen .item .box.active a:hover{background:#dadada;}
#wrapper #main-leistungen .item .box p{margin-bottom: 0;}
#wrapper #main-leistungen .item .box .box-desc{width: 100%; padding: 30px 15px 20px; display: none; position: relative; z-index: 1; font-size: 14px; color:#545454; background: #fefefe; text-align: left; margin-bottom: 30px; font-weight: 400; cursor: default;}

#wrapper #main-leistungen ul{text-align: left; margin: 0 0 30px; padding: 0; list-style: none;}
#wrapper #main-leistungen .box-desc li{width: 33%; display: inline-block; padding: 0 6px 0 8px; background: url(../images/bg_li.png) no-repeat 0 10px; vertical-align: top;}

#wrapper #main-leistungen .leistung_1 .box-desc{margin-left: 0;}
#wrapper #main-leistungen .leistung_2 .box-desc{margin-left: -341px;}
#wrapper #main-leistungen .leistung_3 .box-desc{margin-left: -683px;}

#wrapper #main-leistungen .item .box.active a:after {top: 100%; left: 50%; border: solid transparent; content: " ";	height: 0; width: 0; position: absolute; pointer-events: none;
	border-color: rgba(218, 218, 218, 0); border-top-color: #dadada; border-width: 20px; margin-left: -20px;}

/* Teams */
#wrapper #main-cotent .inhalt .team{width:33.3%; display: inline-block; float: left; padding: 0 30px 30px; margin: 60px 0 0;}
#wrapper #main-cotent .inhalt .team .item{position:relative; padding-bottom: 30px; margin-bottom: 0;}
#wrapper #main-cotent .inhalt .team .item:hover{padding-bottom: 0; margin-bottom: 30px;}
#wrapper #main-cotent .inhalt .team .item p{margin: 0; text-align: center; font-size: 14px; color: #6d6d6d; font-style: italic; font-weight: 400;}
#wrapper #main-cotent .inhalt .team .item h5{font-size: 16px; color: #6d6d6d; font-style: italic; font-weight: 600; margin: 10px 0 15px; text-align: center;}
#wrapper #main-cotent .inhalt .team .item:hover h5{color: #000;}
#wrapper #main-cotent .inhalt .team .item .desc_team{height: 30px; overflow: hidden; position: absolute; z-index: 1; width: 100%; bottom: 0; background: rgba(255,255,255,0); cursor: pointer;transition: all 0.3s ease 0s;}
#wrapper #main-cotent .inhalt .team .item:hover .desc_team{height: 100%; position: absolute; width: 100%; bottom:0;  background: rgba(255,255,255,0.9); padding-top: 25%;}

#wrapper #main-cotent .inhalt .mitarbeiter h2{margin: 40px 0 0; padding: 15px 0; background: url(../images/bg_h2.png) no-repeat 50% 0;}
#wrapper #main-cotent .inhalt .mitarbeiter .item-blog{padding:0 0 30px; margin: 0 0 60px;}
#wrapper #main-cotent .inhalt .mitarbeiter .item-blog:last-child{margin: 0;}
#wrapper #main-cotent .inhalt .mitarbeiter .item-blog .content_blog{border-bottom:none;}

#wrapper #main-cotent .inhalt .eigenmarke .item-blog .content_blog h4{padding-bottom: 20px;}
#wrapper #main-cotent .inhalt .eigenmarke .item-blog:last-child .content_blog{border-bottom: none; padding-bottom: 0;}

/* Newsletter */
#wrapper #main-newsletter{background: #dbdbdb; padding: 50px 0 60px;}
#wrapper #main-newsletter h2{color:#545454; font-size: 34px; font-weight: 300; margin: 0; padding: 0 0 30px;}
#wrapper #main-newsletter p{color:#6d6d6d; font-size: 18px; font-weight: 400; font-style: italic; padding: 0 100px 0 0; margin: 0;}

/* Öffnungszeiten - Notrufnummer */
#wrapper #main-info{padding: 60px 50px 100px; background: url(../images/bg_bopfingen.jpg) no-repeat 50% 0 / cover ; text-align: center;}
#wrapper #main-info.noerdlingen{background: url(../images/bg_nordlingen.jpg) no-repeat 50% 0 / cover ;}
#wrapper #main-info h2{background: url(../images/bg_h2.png) no-repeat 50% 0; padding: 15px 0;}
#wrapper #main-info h3{margin: 0 0 20px;}
#wrapper #main-info .item{padding: 0 60px;}
#wrapper #main-info .info{margin: 10px 0; padding:20px 15px; background: rgba(255,255,255,0.75); min-height: 320px;}
#wrapper #main-info .info h2{background: none; padding: 0; margin: 0 0 25px; font-size: 24px;}
#wrapper #main-info .info p{font-weight: 500; font-style: italic;}
#wrapper #main-info .oeffnungszeit span{min-width: 175px; display: inline-block; text-align: left;}
#wrapper #main-info .oeffnungszeit p{line-height: 36px;}
#wrapper #main-info .notruf h3{font-style: normal; font-weight: 100; font-size: 22px; margin: 0; color: #e3000a; padding: 0;}
#wrapper #main-info .notruf p{margin: 0; line-height: 28px;}

/* Fellner Kosmetik */
#wrapper #main-cotent .inhalt .fellner p{text-align: center;}
#wrapper #main-cotent .inhalt .fellner p a{display: inline-block; margin:60px 70px 10px; padding: 8px 10px; background:#e3000a ; border: 2px solid #e3000a; color: #fff; font-size: 16px; font-weight: 400; min-width: 250px;transition: all 0.3s ease 0s;}
#wrapper #main-cotent .inhalt .fellner p a:hover{color: #e3000a; background: #fff;}

/* Vorträge - Workshops -Seminaren*/
#wrapper #intro-blog .custom_seminar p{text-align: center;}
#wrapper #intro-blog .custom_seminar p a{display: inline-block; margin:20px 0 10px; padding: 8px 10px; background:#e3000a ; border: 2px solid #e3000a; color: #fff; font-size: 16px; font-weight: 400; min-width: 250px;transition: all 0.3s ease 0s;}
#wrapper #intro-blog .custom_seminar p a:hover{color: #e3000a; background: #fff;}


/* Service Footer */
#wrapper #main-service{padding: 60px 0 40px;}
#wrapper #main-service h2{font-size: 18px; font-weight: 400; font-style: italic; margin: 0 0 6px;}
#wrapper #main-service p{font-size: 12px; margin: 0 0 15px;}
#wrapper #main-service .service{padding: 0 20px; color:#545454;	transition: all 0.3s ease 0s;}
#wrapper #main-service .service::before{display: inline-block; margin: 2px 15px 0 0; font-family: 'guyot'; font-size: 60px; color: #a7a7a6; float: left; width: 80px; overflow-x: hidden;	transition: all 0.3s ease 0s;}
#wrapper #main-service .service1::before{content:"A"; font-size: 70px;}
#wrapper #main-service .service2::before{content:"F";}
#wrapper #main-service .service3::before{content:"C";}

#wrapper #main-service .service:hover::before{color: #e3000a; font-size: 70px;}
#wrapper #main-service .service1:hover::before{font-size: 75px;}

/* Kontaktform */
.kontaktform{text-align: left;}
.kontaktform .bfPageIntro{text-align: center;}
.kontaktform label{display:none;}
.kontaktform section.bfElemWrap{width:49%; padding:25px; display:inline-block; text-align: left;}
.kontaktform section#bfElemWrap9{width:100%;}
.kontaktform section input[type="text"],
.kontaktform section textarea{border-style:none none solid; border-width:1px; border-color:#545454; width:100%; color:#333;}
.kontaktform section textarea{height:24px; width:98%; min-height: 120px;}
.kontaktform .bfSubmitButton{background:#e3000a; border-radius:0; padding:5px 15px; color:#fff; border:2px solid #e3000a; margin:25px;}
.kontaktform .bfSubmitButton:hover{background:#fff; color:#e3000a;}
.kontaktform .bfErrorMessage {    background: rgba(255, 255, 255, 0.7); color: #ff0000; display: block; margin: 0 0 18px; padding: 10px;}

/* IMpressum */
#wrapper #main-cotent .inhalt .impressum h5{font-weight: 400; font-style: italic; color: #6d6d6d; font-size: 18px; margin: 0; padding: 30px 0 5px;}
#wrapper #main-cotent .inhalt .impressum p{text-align: center;}

/* Notdienst Table */
.table_notdienst{border-collapse: collapse; margin-top: 25px;}
.table_notdienst td{padding: 8px; border: 1px solid #ccc; text-align: left;}
.table_notdienst tr:nth-child(odd){background: #efefef;}
.table_notdienst tr:nth-child(even){background: #f7f7f7;}
.table_notdienst .td_header{background: #6d6d6d; color: #fff; font-size: 25px; text-align: center;}
.table_notdienst .td_day{max-width: 60px; font-size: 26px; text-align: center; color: #e3000a; background: #fff; font-weight: 400;}

/* Footer */
footer{width:100%; min-height:60px; padding:25px 0 10px; background:rgba(0,0,0,0.7); color: #bbb; font-size: 13px;}
footer .content{padding:120px 0 0; background: url(../images/bg_footer.png) no-repeat 50% 0;}
footer .apotheke{padding: 0 25px 15px;}
footer .apotheke h3{font-size: 13px; font-weight: 400;  color:#fff;  padding: 0 0 0 25px; margin: 0 0 1px;}
footer .apotheke p{font-size: 13px;padding: 0 0 0 25px; margin: 0 0 10px;}
footer .apotheke p:nth-child(2){background: url(../images/bg_map.png) no-repeat 0 0;}
footer .apotheke p:nth-child(3){background: url(../images/bg_adresse.png) no-repeat 0 2px;}
footer .apotheke p a:hover{color: #fff;}

footer .copyright{padding: 8px 0 0; margin: 0 25px; border-top: 1px solid #bbb; text-align: center; font-size: 12px;}

footer .links{margin: 0; text-align: center; font-size: 12px;}
footer .links ul{list-style: none; padding: 10px 0 0; margin: 0;}
footer .links ul li{display: inline-block; margin: 0 0 0 5px;}
footer .links ul li a::before{content: '.'; display: inline-block; margin: -3px 5px 0 0; vertical-align: top;}
footer .links ul li a:hover{color: #fff;}

footer .social-media{font-size: 0; text-align: center; margin: 10px 0 0;}
footer .social-media ul{list-style: none; padding: 0; margin: 0;}
footer .social-media ul li{display: inline-block; margin: 0 5px;}
footer .social-media ul li a::before{font-family: 'FontAwesome'; display: inline-block; font-size: 18px; }
footer .social-media ul li:nth-child(1) a::before{content: "\f082";}
footer .social-media ul li:nth-child(2) a::before{content: "\f09e";}
footer .social-media ul li a:hover{color: #fff;}


/* Login + Edit Form */
#wrapper .inhalt .login .form-horizontal{max-width: 600px; margin: 0 auto;}
#wrapper .inhalt .login .form-horizontal .control-label,
#wrapper .inhalt .login .form-horizontal .controls{text-align: left;}
#wrapper .inhalt .login .form-horizontal .controls #remember{margin: 0 10px 25px 0;}

#wrapper #main-cotent .btn-primary{background: #e3000a; border-color: #e3000a; border-radius: 0; transition: all 0.3s ease 0s;}
#wrapper #main-cotent .btn-primary:hover{color: #e3000a; background: #fff;}
#wrapper #main-cotent .inhalt .nav-stacked{max-width: 600px; margin: 25px auto; list-style: none; padding: 0;}
#wrapper #main-cotent .inhalt .nav-stacked li{display: block;}
#wrapper #main-cotent .inhalt .nav-stacked li a{border: none;}
#wrapper #main-cotent .inhalt .nav-stacked li a:hover{background: none; color: #e3000a;}


#wrapper #main-cotent .btn-group{position: absolute; right: 0; top: 0;}
#wrapper #main-cotent .home .btn-group {position: relative; top: -40px;}
#wrapper #main-cotent .news .btn-group{top: -36px;}
#wrapper #main-cotent .seminar .btn-group{top: -36px;}
#wrapper #main-cotent .btn-group .dropdown-menu{display: block;}
#wrapper #main-cotent .btn-group .btn.dropdown-toggle{display: none;}
#wrapper #main-cotent .inhalt ul.dropdown-menu li.edit-icon{background: none; padding: 5px; min-width: 160px; text-align: center;}

#wrapper #main-cotent .btn-toolbar .btn-group{position: static;}

#wrapper #main-cotent .edit #com-content-formTabs li{padding:0; background: none;}
#wrapper #main-cotent .edit #com-content-formTabs li:nth-child(2),
#wrapper #main-cotent .edit #com-content-formTabs li:nth-child(3){display: none;}

#wrapper #main-cotent .inhalt .alert{max-width: 600px; margin: 15px auto 40px; background:rgba(194,0,18,0.15);}
#wrapper #main-cotent .inhalt .alert h4{text-align: center;}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -60px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -60px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


@media (max-width: 1024px) {
	
	#wrapper #navigation ul{padding: 0; margin: 0 50px 0 0;}
	footer .copyright{margin: 0;}
	
	#wrapper #intro-blog,
	#wrapper #historie .content,
	#wrapper #main-cotent .inhalt .eigenmarke .item-blog,
	#wrapper #main-cotent .inhalt .abnehmen .item-blog,
	#wrapper #main-cotent .inhalt .seminar .item-blog,
	#wrapper #main-cotent .inhalt .aponews .item-blog,
	#wrapper #main-cotent .inhalt .category-desc{padding: 0 30px;}
	#wrapper #main-leistungen{padding: 50px 15px 60px;}
	#wrapper #main-leistungen .leistung_2 .box-desc{margin-left: -330px}
	#wrapper #main-leistungen .leistung_3 .box-desc {margin-left: -664px;}
	#wrapper #intro-blog .img_right{margin-left: 20px;}
	#wrapper #main-cotent .inhalt .blog.seminar .item-blog .img_right,
	#wrapper #main-cotent .inhalt .blog.aponews .img_left,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left .img_news,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right .img_news{max-width: 300px;}
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right{padding: 50px 30px;}
}


@media (max-width: 768px) {
	
	#wrapper{padding: 185px 0 0;}
	#wrapper header{height: 190px;}
	#wrapper header.bg-fixed{height: 108px;}
	#wrapper header.bg-fixed .sprechzeiten{display: none;}
	
	#main-top{text-align: center;}
	#main-top ul li{margin: 0 25px;}
	
	header h1{text-align: center; width: 100% !important;}
	header h1 a.logo{background-position: 50% 0; margin: 0 auto;}
	
	header .sprechzeiten .icon-sprechzeiten{top: 0; padding: 4px 15px 0;}
	header .sprechzeiten .main-sprechzeiten{top: 36px;}
	
	#wrapper #navigation{width: 100%;}
	
	#wrapper #main-cotent, #wrapper #intro-blog{padding: 0 30px;}
	
	#wrapper #teaser-1 h2{font-size: 22px;}
	
	#wrapper #main-service .service{text-align: center;}
	#wrapper #main-service .service::before{display: block; width: 100%; text-align: center; height: 100px; overflow: hidden;}
	
	#wrapper #historie .content .uk-row-first{width: 100%; padding: 0 30px; text-align: center;}
	#wrapper #historie .content .uk-width-small-1-2{width: 100%;  padding: 0 30px;}
	/*#wrapper #historie .content .uk-row-first img{display: none;}*/
	#wrapper #historie .uk-subnav li a{padding: 10px 25px 40px;}
	
	#wrapper #main-cotent .inhalt .team .item:hover .desc_team{padding-top: 50%;}
	
	#wrapper #main-leistungen .leistung_2 .box-desc{margin-left: -247px;}
	#wrapper #main-leistungen .leistung_3 .box-desc{margin-left: -493px;}
	
	#wrapper #main-info{padding: 60px 30px 100px;}
	#wrapper #main-info .item{padding: 0 20px;}
	#wrapper #main-info .oeffnungszeit span{min-width: 140px;}
	
	#wrapper #main-cotent .inhalt .img_left,
	#wrapper #intro-blog .img_left{float: none; margin: 30px 0 0 !important;}
	#wrapper #main-cotent .inhalt p, #wrapper #intro-blog p{text-align: center;}
	#wrapper #main-cotent .inhalt h4, #wrapper #intro-blog h4{text-align: center;}
	#wrapper #main-cotent .inhalt .filiale h4{padding-top: 0;}
	
	#wrapper #main-cotent .inhalt .blog.seminar .item-blog h4,
	#wrapper #main-cotent .inhalt .blog.seminar .item-blog p{text-align: left;}
	#wrapper #main-cotent .inhalt .blog.seminar .item-blog .img_right,
	#wrapper #main-cotent .inhalt .blog.aponews .img_left,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left .img_news,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right .img_news{max-width: 220px;}
	
	#wrapper #main-cotent .inhalt .blog.news .item-blog .content_blog{padding-bottom: 100px;}
	#wrapper #main-cotent .inhalt .blog.aponews .img_left {float: left;}
	#wrapper #main-cotent .inhalt .blog.aponews p{text-align: left;}
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right p,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right h4{text-align: left;}
	
	#wrapper #main-cotent .box{margin: 20px 0; width: 100%;}
	#wrapper #main-cotent .box:last-child{margin: 20px 0;}
	
}

@media (max-width: 767px) {
	
	#main-top{text-align: left;}
	#main-top ul{padding: 0 15px 0 5px;}
	#main-top ul li{margin: 0;}
	#main-top ul li:last-child{margin: 0 0 0 5px;}
	#main-top ul li a{font-size: 0; display: inline-block; letter-spacing: inherit;}
	#main-top ul li a::before{font-size: 20px; display: block; width:40px; vertical-align: middle; text-align: left;}
	
	#wrapper {padding: 125px 0 0;}
	#wrapper header{height: 135px;}
	#wrapper header.bg-fixed{height: 65px;}
	header .open-nav{display: block; z-index: 9; top: 30px;}
	header.bg-fixed .open-nav{top: 15px;}
	
	#wrapper #navigation nav {opacity: 0; margin: 0; width:0px; position: fixed; z-index: 10; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.98); overflow-x: hidden; transition: 0.5s; padding-top: 40px; text-align:center;  height: 100%;}
	#wrapper #navigation nav.sidenav {width: 0;}
	
	#wrapper #navigation .close-nav{position: fixed; top: 10px; right: 15px; display: none; z-index: 11;}
	#wrapper #navigation .close-nav .fa{color: #333; font-size: 30px;}
	
	#wrapper #navigation ul{margin:10px 0 0;}
	#wrapper #navigation li{display: block;}
	#wrapper #navigation li.active a,
	#wrapper #navigation li:hover a{border: none;}
	#wrapper #navigation li a{background: #ddd; text-align: left; padding: 8px 20px; color: #333; display: block; margin: 0 0 5px;}
	#wrapper #navigation li ul.nav-child{position: static; margin: 0; text-align: left; display: none;}
	#wrapper #navigation li:hover ul.nav-child { display:none;}
	#wrapper #navigation li ul.nav-child li a{text-align: left; padding: 8px 0 8px 30px; background: url(../images/bg_h3_1.png) no-repeat -40px 50%; font-size: 16px;	transition: all 0.0s ease 0s;}
	#wrapper #navigation li ul.nav-child li a:hover{color: #333; background: url(../images/bg_h3_1.png) no-repeat -40px 50% #fff;}
	.sidenav li.parent > a::before{font-family: 'FontAwesome'; content: "\f105"; margin: 0 8px 0 0;}
	.sidenav li.parent > a.active::before{content: "\f107";}
	
	#wrapper #main-cotent,
	#wrapper #intro-blog,
	#wrapper #historie .content,
	#wrapper #main-cotent .inhalt .eigenmarke .item-blog,
	#wrapper #main-cotent .inhalt .abnehmen .item-blog,
	#wrapper #main-cotent .inhalt .seminar .item-blog,
	#wrapper #main-cotent .inhalt .aponews .item-blog,
	#wrapper #main-cotent .inhalt .category-desc{padding: 0 15px;}
	
	#wrapper #main-cotent .inhalt h2,
	#wrapper #main-info h2,
	#wrapper #intro-blog h2,
	#wrapper #main-leistungen h2{font-size: 22px;}
	
	#wrapper #slogan-1 .content .custom_startseite { background-position:50% 0;  padding: 250px 0 0;}
	
	#wrapper #main-newsletter{text-align: center;}
	#wrapper #main-newsletter p{padding: 0;}
	
	#wrapper #historie .uk-subnav li a{padding: 10px 5px 40px; font-size: 14px;}
	#wrapper #historie .uk-grid{margin-left: 0;}
	
	#wrapper #main-cotent .inhalt .team{width: 100%; padding: 0 55px 30px;}
	
	#wrapper #teaser-1 .col-sm-4{padding-bottom: 50px;}
	#wrapper #teaser-1 .col-sm-4:last-child{padding-bottom: 0;}
	
	#wrapper #main-cotent .inhalt .home .item{width: 100%; text-align: center;}
	
	#wrapper #main-service .service{padding-bottom: 30px;}
	
	footer .apotheke{padding-bottom: 15px; margin-bottom: 35px; border-bottom: 1px solid #777; text-align: center;}
	footer .apotheke:last-child{border: none; padding-bottom: 0;}
	footer .apotheke p, footer .apotheke h3{padding: 0;}
	footer .apotheke p:nth-child(2), 
	footer .apotheke p:nth-child(3){background: none;}
	
	#wrapper #main-leistungen .leistung_1 .box-desc{margin-left: 0;}
	#wrapper #main-leistungen .leistung_2 .box-desc{margin-left: 0;}
	#wrapper #main-leistungen .leistung_3 .box-desc{margin-left: 0;}
	#wrapper #main-leistungen .box-desc li{display: block; width: auto;}
	
	
	#wrapper #main-info{padding: 60px 30px 40px;}
	#wrapper #main-info h3{padding-bottom: 0;}
	#wrapper #main-info .item{margin-bottom: 20px;}
	#wrapper #main-info .oeffnungszeit span{min-width: 100px;}
	
	#wrapper #rezeptur{padding: 20px;}
	#wrapper #slogan-1 .content .custom_kosmetik{padding: 0; background: none;}
	#wrapper #slogan-1 .content .custom_kosmetik h3{font-size: 26px;}
	#wrapper #main-cotent .inhalt .fellner p a{margin: 60px auto 10px;}
	
	#wrapper #main-cotent .inhalt .img_right,
	#wrapper #intro-blog .img_right{float: none; margin: 20px 0;}
	
	#wrapper #slogan-1 .content .custom_workshop p{width: auto; margin: 20px 0;}
	
	#wrapper #main-cotent .inhalt .blog.seminar .item-blog .img_right{margin: 20px 0;}
	#wrapper #main-cotent .inhalt .blog.seminar .item-blog h3,
	#wrapper #main-cotent .inhalt .blog.seminar .item-blog h4,
	#wrapper #main-cotent .inhalt .blog.seminar .item-blog p{text-align: center;}
	#wrapper #main-cotent .inhalt .blog.seminar .item-blog .content_blog a.flyer,
	#wrapper #main-cotent .inhalt .blog.seminar .item-blog .content_blog a.save-event,
	#wrapper #main-cotent .inhalt .blog.seminar .item-blog .content_blog a.weiterlesen{padding: 4px 8px 6px; font-size: 14px;}
	
	#wrapper #main-cotent .inhalt .blog.aponews .img_left{float: none; margin: 20px 0;}
	#wrapper #main-cotent .inhalt .blog.aponews .item-blog p,
	#wrapper #main-cotent .inhalt .blog.aponews .item-blog h3{text-align: center;}
	#wrapper #main-cotent .inhalt .blog.aponews .item-blog .content_blog{padding-bottom: 80px;}
	#wrapper #main-cotent .inhalt .blog.aponews .item-blog .content_blog .css_buttons1,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right .content_blog .published,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right .content_blog .css_buttons1,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left .content_blog .published,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left .content_blog .css_buttons1{width: 100% !important; text-align: center;}
	
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right .img_news,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left .img_news{float: none; margin: 20px 0;}
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right p,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-right h4,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left p,
	#wrapper #main-cotent .inhalt .blog.news .item-blog.blog-left h4{text-align: center;}
	
	#wrapper #main-cotent .inhalt .blog.karriere h5{text-align: center;}
	
	#wrapper #slogan-1 .content .custom_download p a{display: block; margin: 30px 0; width: auto;}
	
	.kontaktform section.bfElemWrap{width: 100%; padding: 25px 10px;}
	.kontaktform .bfSubmitButton{margin: 25px 10px 0;}
}