@CHARSET "UTF-8";
/*
Theme Name: Lifestyle Trends
Theme URI: http://www.lifestyle-trends.net
Description: Webauftritt von Lifestyle Trends
Author: P.v.B
Author URI: http://www.lifestyle-trends.net
Version: 2.0
*/

html {

  	position: relative;
  	min-height: 100%;
}

body {

  	margin-bottom: 60px;
  	background-image: url(img/bg.png);
}

a {

	color: #800080;
}

a:hover {

	color: #8A2BE2;
}

/* --- HEADER ------------------------------------------------ */
div#header {

	padding: 0px;
}

div#header .navbar-brand span {

	font-size: 14px;
}

form.navbar-right {

    margin-right: 0px;
    margin-left: 0px;
}

/* --- SLIDER ---------------------------------------------------- */
.slideshow {

	margin: 0 auto;
	width: 100%;
	height: 300px;
	overflow: hidden;
	background: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

}

.bf-slide {

	width: 100%;
	height: 300px;
	margin-left: 0px;
	float: left;

}

#slideshow1 {

	position:relative;
	height:300px;
}

#slideshow1 IMG {

	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}

#slideshow1 IMG.active {

	z-index:10;
	opacity:1.0;
}

#slideshow1 IMG.last-active {

	z-index:9;
}


/* --- NAV --------------------------------------------------- */
#header-nav {

    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#header-nav ul.navbar-nav li.current-menu-item a,
#header-nav ul.navbar-nav li.current-menu-item a:focus,
#header-nav ul.navbar-nav li.current-menu-item a:hover {

    color: #555;
    background-color: #E7E7E7;
}

/* --- COOKIE MSG -------------------------------------------- */
div#cookie-msg {

	height: 20px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	text-align: center;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
	color: #FFF;
	font-size: 14px;
	z-index: 1000;
	line-height: 20px;
}

div#cookie-msg a#learn-more-link,
div#cookie-msg a#learn-more-link:hover {

	color:white;
	text-decoration: underline;
}

div#cookie-msg a#close-btn {

	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	background-image: url(img/close.png);
	color:white;
	background-color: #222;
}

div#cookie-msg a#close-btn:hover {

	background-color: red;
}

/* --- HOME -------------------------------------------------- */
#tp-lead-home h1 {

	font-size: 18px;
	margin: 5px 0px;
}

#tp-galerie-home img.img-thumbnail {

	margin-bottom: 4px;
}

.tp-home-btm h2,
.tp-home-btm h3 {

	font-size: 18px;
	margin: 6px 0px 5px;
}

h3.media-heading {

	font-size: 18px;
}

.tp-home-btm span {

	color: #808080;
	font-size: 12px;
}

.tp-home-btm p {

	margin-bottom: 0px;
}

#tp-galpics-index {

	 max-height: 420px;
	 overflow:hidden;
}

#tp-galpics-index span {

	position: absolute;
	bottom: 0;
	display:inline-block;
	width: 100%;
	height: 40px;
	 background: url(img/bg_gal_index.png) repeat-x bottom;
}

.tp-excerpt p,
.tp-excerpt a {

	display: inline;
}

/* --- MAIN CONTENT ------------------------------------------ */
.container.tp-content {

	padding-top: 150px;
}

.wpcf7-quiz {

	display: inline-block;
	width: 150px;
}

div#tp-carousel .carousel-control {

  	padding-top:10%;
  	width:5%;
}

div#tp-carousel a.thumbnail {

  	margin-bottom: 0;
}

/* --- SIDEBAR ----------------------------------------------- */
#schnaeppchen-box.panel-warning {

    border-color: #E38D13;
}

#schnaeppchen-box.panel-warning > .panel-heading {

    background-image: linear-gradient(to bottom, #F0AD4E 0px, #EB9316 100%);
    background-repeat: repeat-x;
    color: #222;
}

#tp-sidebar-catalog ul {

	padding-left: 0px;
	list-style: none;
}

#tp-sidebar-catalog ul#menu li ul {

	padding-left: 20px;
}

#tp-sidebar-catalog p {

	margin-bottom: 0px;
}

.list-group-item-default {

    color: #333;
	background-color: #F5F5F5;
}

#sidebar .widget_tag_cloud h2.widgettitle {

	display: none;
}


/* POSTS */
div#tp-lead-home h2 {

	font-size: 18px;
	margin-top: 0px;
}

div#tp-lead-home .caption {

	padding: 9px 2px;
}

div.media-body p {

	margin-bottom: 0px;
}

div.media-body span {

	color:grey;
	font-size: 12px;
}

div.tp-post-lead h2 {

	font-size: 14px;
	margin: 0px;
	font-weight: 600;
}

div.tp-post-lead h2 a:hover {

	text-decoration: none;
}

div.tp-post-lead p {

	font-size: 12px;
}

div.tp-post-lead span.tp-post-time {

	color: grey;
	font-size: 12px;
}

div.tp-post-lead div.tp-post-img img {

	margin-right: 6px;
	margin-bottom: 4px;
	max-width: 110px;
}

img.tp-img-home {

	max-width: 120px;
	height: auto;
}

div.tp-post-leadtext p {

	margin-bottom: 0px;
}

div.tp-post h1 {

	margin: 0px;
	font-size: 30px;
}

div.tp-post p.tp-post-time {

	margin-top: 10px;
	color: grey;
}

div.tp-post div.tp-post-fulltext p.lead {

	margin: 0px;
	font-size: 14px;
	font-weight: bold;
}

div.tp-post div.tp-post-img {

	text-align: center;
}

div.tp-post div.tp-post-img img {

	max-width: 100%;
}

div.img-db-pic {

	text-align: center;
}

h2.img-db-title {

	text-align: center;
	font-size: 18px;
	margin-top: 10px;
}

.img-db-single span.title {

	display: block;
	text-align: center;
	margin-top: 3px;
}

.figure-caption {

    color: #818A91;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 90%;
    line-height: 1.5;
    text-align: left;
    margin: 6px 0px 0px;
}

/* --- COMMENTS ------------------------------------------ */
#rec,
#tp-post-contact-link {

	display: none;
}

#comments h4.comments-title {

	margin-bottom: 20px;
}

#comments ul {

	padding-left: 0px;
	list-style: none;
}

#comments ul li {

	margin-bottom: 20px;
}

#comments ul li ul {

	padding-left: 64px;
	padding-top: 20px;
}

/* --- SIGNUP --- */
div#signup-content {

	padding-top: 200px;
	max-width: 1140px;
	margin: 0px auto;
}

/* FOOTER */
.footer {

  	position: absolute;
  	bottom: 0;
  	width: 100%;
  	min-height: 60px;
  	padding-top: 20px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#de47ac+0,ad1283+0,cb60b3+100 */
background: #de47ac; /* Old browsers */
background: -moz-linear-gradient(top, #de47ac 0%, #ad1283 0%, #cb60b3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #de47ac 0%,#ad1283 0%,#cb60b3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #de47ac 0%,#ad1283 0%,#cb60b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de47ac', endColorstr='#cb60b3',GradientType=0 ); /* IE6-9 */
}

.footer ul {

	display: inline-block;
	padding-left: 0px;
}

.footer ul li {

	list-style: none;
	display: inline-block;
}

ul#menu-footermenu li {

	margin-left: 4px;
	border-right: 1px solid white;
}

ul#menu-footermenu li:last-child {

	border: none;
}

ul#footerinfo li,
ul#footerinfo li a {

	color: #FFF;
	font-size: 14px;
	padding-right: 4px;
}

ul#menu-footermenu {

	line-height: 0.8;
}

ul#menu-footermenu li a {

	color: #FFF;
	font-size: 14px;
	padding-right: 4px;
}

/* MOBILE */
@media(max-width: 768px) {

	.navbar-collapse {

        padding-left: 30px;
        padding-right: 30px;
    }

	.navbar-nav > li:first-child > a {

	    padding-left: 15px;
	}

	.navbar-right {

	    margin-top: 0px;
	}
}
