/*
Theme Name: Wootstrap for rfwebstudio
Theme URI: http://mehne.biz
Author: rfwebstudio
Author URI: http://mehne.biz
Version: 0.6 beta
*/

/* kleiner reset */
*:focus {
    outline: none;   
}


body, html {
    margin: 0;
    padding: 0;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.455em;
    background: rgb(203,188,157);
	color: rgb(91,91,91);
}

body {
	padding: 20px 35px;
}

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

/*.clearfix { height: 0; line-height: 0; clear: both; }*/
/* clearfix wird von bootstrap verwendet */

/* wordpress klassen */
.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* bootstrap heading-reset */
/*h1,*/ h2, h3, h4, h5, h6 { margin-top: 0; }


h1, h1 a { 
    font-size: 2em;/*=48px*/ 
    position: relative;
    margin-bottom: 1.2em;
}
h1:after {
    content:"";
    position: absolute;
    bottom: -0.33em;
    left: 0;
    right: 0;
    border-top: 0px;
    width: 3em;
}

h2, h2 a { 
	font: normal 24px/24px 'Times New Roman', Times, serif;
    color: rgb(203,188,157); 
    margin-bottom: .3em;
}

h3, h3 a { 
	font-family: 'Times New Roman', Times, serif;
    font-size: 1.5rem;
    color: rgb(203,188,157); 
    margin-bottom: 1.3em;
}

h4, h4 a { 
	font-family: 'Times New Roman', Times, serif;
    font-size: 1.2rem;
color:rgb(173,22,35);
    margin-bottom: .9em;
	font-weight: bold;
}

h5, h5 a { 
    font-size: 1.083rem;
    margin-bottom: .9em;
}

h6, h6 a { 
	font-size: 1rem;/*=28px*/
	font-weight: 600;
}

header, main, footer {
	background: #fff;
	max-width: 1170px;
	margin: auto;
}

/* Nur wenn Bootstrap-Slider verwendet wird: */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}
/* Ende Bootstrap Slider */


/* Anpassungen individuell für diese Seite */

.page-header {
    border: 0;
    margin: 0px auto; /* standard 40 0 20 */
	padding: 0;
	padding-left: 20px;
	padding-right: 20px;
}

.navbar-default {
    background: transparent;
    padding-top:0;
	margin-bottom: 0;
	border:0;
	-webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-default .navbar-collapse {
    border-color: transparent;
}

.navbar-header {
	/* bootstrap reset */
	float: none;
	/* individuell */
    /* padding-bottom: 17px; */
}


/* mobiler Button */
.navbar-default .navbar-toggle {
	background-color: rgb(203,188,157);
	border: 0px;
	margin: 8px 0 0 0;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
    background-color: rgb(203,188,157);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 7px;
    border-radius: 2px;
    width: 43px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 7px;
}

/* Ende mobiler Button */



.navbar-brand {
	/* bootstrap resets */
    line-height: 100%;
	height: auto;
	/* individuell */
	width: 100%;
	padding-left: 0;
}

.logo {
    /* immer gleich */
	text-indent: -9999px;
    display: block;
    padding: 0;
    margin: 0;
    background: url(//www.psychosynthese.koeln/wp-content/themes/mehne-custom/images/logo.png) no-repeat;
	background-size: contain; /* muss NACH dem Bild kommen! */
    /* individuell */
	width: 100%;
	height: 197px;
}

.logo:after {
    border: 0 !important;   
}

.nav {
	border-top: 1px solid rgb(203,188,157);
	border-bottom: 1px solid rgb(203,188,157);
}

/* Menü - Links - Ebene 1 und Tiefer */
.nav>li {
	line-height: normal;
}

.nav>li a {
	font-size: 1em;
}

/* Menü - Links - Ebene 1 */
.nav>li>a {
    padding: 15px 0px;   
}

.navbar-default ul>li>a {
    color:rgb(203,188,157);
}

.navbar-default ul>li:hover>a, 
.navbar-default ul>li.current-menu-item>a {
    color:rgb(91,91,91);
	background: none;
}

.menu-item-has-children {
    cursor: pointer;
}

.menu-item-has-children > a:after {
    content: '\f107';
    font-family: FontAwesome;
    color: rgb(203,188,157);
    padding-left: .5em;
    font-size: .8em;
    
}

/* Untermenüs */
.sub-menu {
    background: rgb(203,188,157);
    padding-left: 0;
    list-style: none;
}

.navbar-default .sub-menu > li > a {
    display: block;
    width: 100%;
    color:rgb(255,255,255);  
    padding-left: 25px;
	padding-right: 25px;
    font-size: 0.833em;
    line-height: 1.2em;
    margin-bottom: 1em;
	text-align: center;
}

.sub-menu > li:hover > a {
    color:rgb(91,91,91);  
    text-decoration: none;
}

main {
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

.single main,
.category:not(.home) main,
.archive:not(.home) main,
.page:not(.home) main {
	padding-top: 30px;
}

main ul, main ol {
    list-style: none;  
    padding: 0;
}

main ul li {
	padding-left: 46px;
    text-indent: -46px;
}

main ul li:before {
    content: '\f111';
    font-family: FontAwesome;
    color: rgb(173,22,35);
    font-size: 1em;
    vertical-align: bottom;
    margin-right: 2em;
}

main ol { counter-reset: item; }
main ol li:before {
    content: counter(item) ".";
    counter-increment: item;
    color: rgb(203,188,157);
    margin-right: .7em;
}

main a {
	color: rgb(173,22,35);
}

main a:hover {
	color: rgb(203,188,157);
}

figure {
    max-width: 100%;
}

main .wp-caption-text {
    background: #fff;
    color: rgb(91,91,91);
    padding-bottom: 24px;
    padding-left: 28px;
    padding-right: 27px;
    font-size: 0.833em;
}

main #qem-calendar table {
	border-collapse: separate;
}

.gmap, .gmap iframe {
	max-width: 100%;
}

/* eigene Abstände */
.mb20 {
    margin-bottom: 20px;   
}

.mb25 {
    margin-bottom: 25px;   
}

.pt20 {
	padding-top: 20px;
}

.pt45 {
	padding-top: 45px;
}

.mb50 {
    margin-bottom: 50px;   
}

.mb100 {
    margin-bottom: 100px;   
}

.bgbrown {
	background: rgb(203,188,157);
}

.bgred {
	background: rgb(173,22,35);
}

.red {
	color: rgb(173,22,35);
}


.teaser {
	padding-top: 30px;
	border-bottom: 1px solid rgb(203,188,157);
	margin-bottom: 30px;
}

.teaser, .teaser h2 {
	color: #fff;
}

.teaser p {
	padding: 0;
	margin: 0;
}

.teaser img {
	width: 100%;
	height: auto;
}

.teaser a > div {
	margin-bottom: 30px;
	padding-left: 0;
}
/*
.teaser > div:last-child {
	padding-right: 0;
}
*/
.teaser a > div > div {
	padding: 2rem 2.5rem 3rem;
	color: #fff;
	text-decoration: none;
	border: 0;
}

button, .wpcf7-submit {
    border: 0;
    background-color: rgb(91,91,91);
    color: #fff;
    font-size: 1em;
    min-height: 2.2em;
    padding: 0px 25px;
    border-radius: 4px;
    line-height: 2.2em;   
}

button:hover {
    background-color: rgb(80,80,80);   
}


button:active {
    background-color: rgb(91,91,91);
	/*
    -webkit-box-shadow: inset -5px 5px 14px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: inset -5px 5px 14px -4px rgba(0,0,0,0.75);
    box-shadow: inset -5px 5px 14px -4px rgba(0,0,0,0.75);
	*/
}

aside {
	margin-top: 42px;
}

aside li {
	list-style: none;
	margin-bottom: 2em;
}

aside li:before {
	font-family: FontAwesome;
	content: '\f111';
	color: rgb(173,22,35);
	font-size: 2em;
	float: left;
    margin-top: .5em;
	margin-right: .5em;
	margin-bottom: 1em;
}

input[type=text], input[type=email], textarea {
	width: 100%;
    border: 0;
    background: #f3f4ea;
	padding-left: 1rem;
    line-height: 2rem;
	color: rgb(91,91,91);
}

body:not(.home) .leistungen {
	border-top: 1px solid rgb(203,188,157);
	padding-top: 25px;
	margin-top: 25px;
}

.leistungen h2 {
	margin-bottom: 1em;
}

.leistungen a, .leistungen a:visited {
	color: rgb(91,91,91);
}

.leistungen a:hover {
	color: rgb(203,188,157);
}

/* Event-Plugin */
.qem p.organisation {
	margin-bottom: 4em;
}


/* gallery */
.gallery-item {
	float: left;
	height: auto;
}

.gallery-size-thumbnail .gallery-item {
	max-width: 150px;
}

.gallery-size-medium .gallery-item {
	max-width: 300px;
}

.gallery-item * {
	width: 100%;
	height: auto;
}

.gallery-columns-3 .gallery-item {
	width: 96%;
	text-align: center;
	clear: both;
}


.page-footer {
    background: #fff;
    padding-top: 30px;
	padding-bottom: 30px;
	/*border-top: 1px solid rgb(203,188,157);*/
	font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.page-footer:before {
    content:'';
    position: absolute;
    top: 0;
	width: 90%; /* fallback if needed */
  	width: calc(100% - 45px);
    height:1px;
    background: rgb(203,188,157);
}

.page-footer a {
	color: rgb(91,91,91);
}

/* slider */
.carousel-caption {
	position: static;
	background-color: rgb(203,188,157);
	text-shadow: none;
	font: normal 34px/34px 'Times New Roman', Times, serif;
}

.carousel-indicators {
    bottom: 50px!important;
}


/*
 *
 * MOBILE ANPASSUNGEN
 *
 */

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media (min-width : 320px) {
	.logo {
		height: 40px;
	}
}

/* Extra Small Devices, Phones */ 
@media (min-width : 480px) {
	.logo {
		height: 70px;
	}
}

/* Small Devices, Tablets */
@media (min-width : 768px) {
    .logo {
		height: 115px
	}
	
	h2, h2 a { 
		font: normal 34px/34px 'Times New Roman', Times, serif;
	}
	
	.gallery-columns-3 .gallery-item {
		clear: none;
		width: 31%;
		margin-right: 15px;
	}
	.gallery-columns-3 .gallery-item:nth-child(3n+3) {
		
		margin-right:0;
	}
	.gallery-columns-3 .gallery-item:nth-child(3n+4) {
		clear: both;
		
	}
}

@media (max-width : 991px) {
/* navbar schon bei tablet umspringen */
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
		overflow: hidden;
    }
    .collapsing {
        overflow: hidden!important;
    }
	
	/* sub menu immer offen, weil überpunkt=seite */
	.navbar-default ul>li>a,
	.navbar-default ul>li:hover>a, 
	.navbar-default ul>li.current-menu-item>a {
		background: rgb(203,188,157);	
		color: #fff;
	}
	
	.sub-menu {
		display: block;
		padding-top: 10px;
		padding-bottom: 8px;
	}
	
	.sub-menu li {
		border-bottom: 1px solid #fff;
	}
	
	.sub-menu li a {
		padding: 5px 0px;
	}
}

/* Medium Devices, Desktops */
@media (min-width : 992px) {  
    
	.logo {
		height: 197px
    }
    
    .sub-menu {
        padding-top: 15px;
        position: absolute;
        display: none;
        
		/* shadows */
		/*
        -webkit-box-shadow: 0px 40px 10px 5px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 40px 10px 5px rgba(0,0,0,0.1);
        box-shadow: 0px 40px 10px 5px rgba(0,0,0,0.1);
		*/
    }
    
	h2, h2 a { 
		font: normal 38px/38px 'Times New Roman', Times, serif;
	}
	
	aside li:before {
		margin-left: -1.3em;
		margin-right: 0;
	}
	
	.no-pl {
		padding-left: 0px;
	}
}

/* Large Devices */
@media (min-width: 1200px) {
    .container-fluid {
        max-width: 1170px;
    }        
}