/*
Theme Name: Love.It.Healthy
Description: Love.It.Healthy Theme 2015
Version: 0.1
*/

* {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
body {
    background-color:#fff;
    font-family: 'PT Sans', sans-serif;
    font-size:14px;
    font-weight:100;
    color:#232323;
    line-height:1.5;
    background-image:url('images/bg_pattern.png');
 
}

h1{
    font-size:24px;
    text-transform: uppercase;
}

h2{
    font-size:20px;
    text-transform:normal;
    margin:0 0 10px;
}

h3{
    font-size:15px;
    font-weight:bold;
}

strong{
    font-weight:bold;
}

a{
    color:#A4D178;
}

a:hover{
    text-decoration:none;
}

p{
	margin:10px 0;
}

ul {
    padding: 20px;
}

li{
    padding:6px 0;
}

.clear{
    clear:both;
}

.content-width {
    width:1024px;
}

.inner-content-width {
    width: 960px;
    margin:0 auto;
}

.full-width {
    width:100%;
}

#container {
    width:100%;
    height:auto;
    position:relative;
}

#content {
    margin: 0 auto;
    position:relative;
}

#header {
    margin:0 auto;
    height:154px;
    background-image:url('images/header_bg.jpg');
    background-repeat:no-repeat;
    position: relative;
}

.branding {
    background-image: url("images/header_logo_bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 231px;
    position: relative;
    width: 290px;
    z-index:100;
}

span.logo {
    background-image: url("images/header_logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 145px;
    width: 100%;
}

.menu {
    float:right;
    position:absolute;
    bottom:0;
    right:0;
}

.menu ul {
    padding:0;
    margin:0 15px 0 0;
    float:right;
    width:auto;
}

.menu li {
    float:left;
    padding:0;
    list-style-type:none;
}
.menu li a {
    border-bottom: 6px solid transparent;
    color: #fff;
    display: block;
    margin: 0 0 5px;
    font-size:13px;
    padding: 16px 7px 12px;
    text-decoration: none;
    text-transform: uppercase;
    position:relative;
}

.menu li a::after {
    background: #93614e;
    content: "";
    height: 5px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translateY(10px);
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
     -webkit-transform: translateY(10px);
    -webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
     -moz-transform: translateY(10px);
    -moz-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
      -ms-transform: translateY(10px);
    -ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    width: 100%;
}


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

.social-container {
    width:164px;
    float:right;
    position:relative;
    height:95px;
}

.social {
    background-image: url("images/header_icon_socialmedia_sprite.png");
    background-repeat: no-repeat;
    float: left;
    height: 77px;
    margin: 15px -12px 0 17px;
    width: 64px;
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
}

.social.facebook {
    background-position: -30px 0;
}

.social.insta {
    background-position: -97px 0;
}

.social.facebook:hover, .social.insta:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.social-container span {
    color: #fff;
    font-size: 11px;
    left: 9px;
    position: absolute;
    top: 10px;
}

.contact-container {
    border-right: 3px solid rgba(0, 0, 0, 0.2);
  float: right;
    height: 86px;
    margin: 11px 1px 0;
    padding: 5px 0 0;
    width: 356px;
}

.single-contact {
    float:left;
    color:#fff;
}

.single-contact.mail {
    background-image: url("images/mail_sprite.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    margin: 0 0 0 3px;
    padding: 1px 0 0 26px;
    text-decoration:none;
    color:#fff;
}
.single-contact.mail:hover{
    text-decoration:underline;
}

.single-contact.phone {
    background-image: url("images/phone_sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
    margin: 0 22px 0 35px;
    padding: 1px 0 0 26px;
}

.single-contact.loc {
    background-image: url("images/loc_sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
    float: left;
    padding: 2px 0 7px 26px;
   
}



#slider {
    float:left;
    position:relative;
    margin-top:-79px;
    z-index:1;
    height:356px;
}

#slider p, #slider .alignnone{
	margin:0;
	padding:0;
}

#smaller-slider {
    float:left;
    position:relative;
    z-index:1;
    height:356px;
}


#content-slider {
    float:left;
    position:relative;
    z-index:1;
    height:356px;
    background-image:url('http://loveithealthy.de/wp-content/uploads/2015/06/slider_content_loveitwithrach.jpg');
    background-repeat:no-repeat;
}

.text-field{
    float:left;
    width:100%;
    height:auto;
    background-color:#fefefe;
    padding:20px;
    position:relative;
}

.rslides1_nav {
    background-color: transparent !important;
    background-image: url("images/slider_buttons.png");
    background-repeat: no-repeat;
    height: 72px;
    opacity: 1 !important;
    width: 70px;
    top:44%!important;
}

.rslides_nav.rslides1_nav.prev {
    left: 40px;
}

.rslides_nav.rslides1_nav.prev:hover {
    background-position: 0 -66px;
}

.rslides_nav.rslides1_nav.next {
    background-position: -66px 0;
    right: 40px;
}
.rslides_nav.rslides1_nav.next:hover {
    background-position: -66px -66px;
}



.rslides2_nav {
    background-color: transparent !important;
    background-image: url("images/slider_buttons.png");
    background-repeat: no-repeat;
    height: 72px;
    opacity: 1 !important;
    width: 70px;
    top:44%!important;
    background-position: 0 -67px;
}

.rslides_nav.rslides2_nav.prev {
    left: 40px;
}

.rslides_nav.rslides2_nav.next {
    background-position: -66px -67px;
    right: 40px;
}

#usps{
    float:left;
    position:relative;
    height:68px;
    background-image:url('images/border_usp_bg.jpg');
    background-repeat:no-repeat;
}

#usps ul {
    padding: 22px;
    display:table;
    width:1000px;
    margin:0 auto;
}
#usps ul li {
    float: left;
    padding: 4px 0 9px;
    text-align: center;
    width: 33%;
    font-size: 13px;
    text-transform:uppercase;
    color:#7c7c7c;
}

#usps ul li.gesund {
    background-image:url('images/gesund.png');
    background-repeat:no-repeat;
}

#usps ul li.frisch {
    background-image:url('images/schnell.png');
    background-repeat:no-repeat;
}


#usps ul li.vegetarier {
    background-image:url('images/vegetarier.png');
    background-repeat:no-repeat;
}

.gesund {
    background-position: 30px 0;
}

.frisch {
    background-position: 30px  0;
}

.vegetarier {
    background-position: 0 0;
}


#entry {
    float: left;
    height: auto;
    min-height: 277px;
    position: relative;
}

#footer-container {
    float:left;
    position:relative;
}

#contact-footer{
    height:225px;
    float:left;
    background-image:url('images/footer1_bg.jpg');
    background-repeat:no-repeat;
    position:relative;
    color:#fff;
}

#footer-container ul, #footer-container li{
    margin:0;
    padding:0;
}

.left-contact {
    float: left;
    padding:20px;
    height: 100%;
    width: 300px;
}

.left-contact .single-contact{
    float:none;
}

.left-contact .single-contact.mail {
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
    margin: 0;
    padding: 1px 0 0 26px;
    text-decoration: none;
}

.left-contact .single-contact.phone {
    background-image: url("images/phone_sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
    padding: 1px 0 0 26px;
    margin:10px 0 10px;
}

.left-contact .single-contact.loc {
    background-position: 0 25px;
    padding: 0 0 0 26px;
}

#contact-footer h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin:0 0 12px;
    color:#fff;
    border-bottom:0;
}

.contact-sides {
    float: left;
    margin:0 10px 0;
    padding:20px;
    height: 100%;
    width: 300px;
}

.contact-sides ul li a{
    text-decoration:none;
    color:#fff;
}

.contact-sides ul li a:hover {
    text-decoration:underline;
}

#lower-footer {
    float:left;
    height:65px;
    background-image:url('images/footer2_bg.jpg');
    background-repeat:no-repeat;
}

.footer-social {
    background-image: url("images/footer_icon_socialmedia.png");
    background-repeat: no-repeat;
    bottom: 20px;
    height: 73px;
    position: absolute;
    right: -9px;
    width: 300px;
}

#footer-container ul.sub-footer-menu {
    float:right;
    margin:24px 11px 0;
}

#footer-container ul.sub-footer-menu li {
    border-right: 1px solid #bdbdbd;
    float: left;
    margin: 0 4px;
    padding: 0 8px 0 0;
}

#footer-container ul.sub-footer-menu li:last-child {
    border-right: 0;
}

ul.sub-footer-menu li a { 
    font-size:12px;
    color:#e0ceb9;
    text-decoration:none;
}

ul.sub-footer-menu li a:hover { 
    text-decoration:underline;
}

.copy {
    color: #e0ceb9;
    display: block;
    float: left;
    font-size: 12px;
    margin: 25px 20px;
}
.mapp-layout.mapp-align-default {
    float: right;
}


.single-item{
	float:left;
	margin:20px 0 30px;
	width:100%;
}

.text-brown {
    float: left;
    width: 100%;
    color:#915f4b;
    
}

span.tipp, span.info {
    float: left;
    width: 100%;
}

.single-item img{
	margin:0 4px 0 0;
}

span.info{
	font-style:italic;
	color:#848484;
}

span.green {
    color: #74b31f;
    float: left;
    font-size: 27px;
    margin: 15px 10px 0 0;
}

span.brown {
    clear: left;
    color: #915f4b;
    float: left;
    font-size: 14px;
    margin: 0;
}

span.brown.sized {
    font-size: 17px;
}


.grey-colored{
	color:#3e3e3e!important
}

.left-item-side {
    background: url("images/angebot_pic_bg.png") no-repeat scroll center center;
    float: left;
    height: 190px;
    width: 260px;
}

.left-item-side img {
    display: block;
    margin: 7px auto;
}

.right-item-side {
    float: left;
    width: 500px;
}

ul.angebot-list li {
	color:#74b31f;
	padding:0;
	width:100%;
	float:left;
}

ul.angebot-list li a{
	font-size:18px;
	text-decoration:none;
	font-weight:bold;
}
ul.angebot-list li a:hover{
	text-decoration:underline;
}

span.size {
    background-color: #74b31f;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    padding: 4px 0;
    position: relative;
    text-align: center;
    top: -4px;
    width: 30px;
}

.stoerer-baguette {
    background-image: url("images/angebot_info-rechts_baguettes.png");
    background-position: right center;
    background-repeat: no-repeat;
    height: 120px;
    position: absolute;
    right: 46px;
    top: 9px;
    width: 342px;
}

input, textarea {
    border: 1px solid #ddd;
    margin: 0 0 16px;
    padding: 10px;
}


.single-angebot-item{
    float:left;
    width:100%;
    margin:0 0 20px;
}

.single-angebot-item .left-angebot-item-image img{
    float:left;
}

.single-angebot-item a img.alignleft {
    background-image: url("images/angebot_pic_bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: content-box;
    padding: 25px;
}
a.green-btn{
    background:#71A527;
    color:#fff;
    padding:4px;
    display:table;
    text-decoration:none;
    margin:10px 0;  
}
.single-angebot-item img.alignnone {
    margin: 0;
}
.single-contact.open {
    float: right;
    margin: 6px 12px;
    text-align: right;
}



.logo-wrapper{
	float:left;
	width:100%;
	height:auto;
	position:relative;
}

.logo-wrapper .single-logo {
    background-repeat: no-repeat;
    background-image:url('images/lih-partner-sprite.png');
    float: left;
    height: 80px;
    margin: 4px;
    width: 128px;
    display:block;
}

.logo-wrapper .single-logo:hover{
	background-position:center -102px;
}

.single-logo.logo1{
	background-position: 39px -1050px;
}

.single-logo.logo1:hover{
	  background-position: 39px -1146px;
}

.single-logo.logo2{
    background-position:-749px 0;
}

.single-logo.logo2:hover{
    background-position:-749px -96px;
}

.single-logo.logo3{
   background-position:-610px -168px;
}

.single-logo.logo3:hover{
   background-position: -610px -264px;
}

.single-logo.logo4{
    background-position:-464px -373px
}
.single-logo.logo4:hover{
    background-position:-464px -469px;
}

.single-logo.logo5{
   background-position:-330px -543px;
}
.single-logo.logo5:hover{
   background-position:-330px -639px;
}

.single-logo.logo6{
    background-position:-226px -713px;
}
.single-logo.logo6:hover{
    background-position:-226px -809px;
}

.single-logo.logo7{
    background-position:-87px -896px;
}

.single-logo.logo7:hover{
    background-position:-87px -992px;
}

.allergene {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.allergene p {
    color: #aaa;
    font-style: italic;
    margin: 0;
    padding: 0;
}
.brown.grey-colored.kcal {
    color: #a0a0a0 !important;
}

.mapp-layout {
    border: 1px solid #aaa !important;
    float: left;
}