/**
   * Theme Name:		Christina Kind
   * Theme URI:	  		http://www.christinakind.ch
   * Description:		Theme für Christina Kind
   * Author:			Bruno Gisler
   * Author URI:		http://brunogisler.com
   * Version:			1.0
*/
@font-face {
	font-family: 'Bianco_Serif_New_Bold';
	src: url('fonts/Bianco_Serif_New_Bold.eot?') format('eot'), url('fonts/Bianco_Serif_New_Bold.woff') format('woff'), url('fonts/Bianco_Serif_New_Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'HelveticaLTStd-Roman';
	src: url('fonts/HelveticaLTStd-Roman.eot?') format('eot'), url('fonts/HelveticaLTStd-Roman.woff') format('woff'), url('fonts/HelveticaLTStd-Roman.ttf') format('truetype');
}

body {
	margin: 0;
	padding: 0;
	font-family: 'HelveticaLTStd-Roman';
	font-size: 20px;
	color: #2a1856;
	letter-spacing: 0.5px;
}

.date {
	font-size: 18px;
}

a {
	color: inherit;
}

a:hover {
	text-decoration: underline;
	color: inherit;
}

a.permalink {
	text-decoration: none;
}

a.permalink:hover {
	color: inherit;
	text-decoration: underline;
}

h1 {
	font-family: 'Bianco_Serif_New_Bold';
	font-size: inherit;
	line-height: 35.7px;
	font-size: 25px;
}

.startbild {
	margin-top: 20px;
}

.einleitung {
    font-family: 'Bianco_Serif_New_Bold';
    margin-bottom: 55px;
	font-size: 25px;
}

.zitat {
	margin-top: 80px;
}

.openNav {
	position: fixed;
    width: 100%;
    left: 0;
    height: 56px;
	z-index: 1;
}

.openNav img {
	width: 25px;
	position: absolute;
    top: 16px;
    left: 15px;
}

.openNav img.white {
	display: none;
}

.menuButton {
	display: none;
}

nav {
	font-family: 'Bianco_Serif_New_Bold';
	position: fixed;
	top: 0;
	bottom: 0;
	overflow: scroll;
	z-index: 2;
	background-color: #2a1856;
	padding: 50px 35px;
	-webkit-transition: left 0.3s ease-out;
	-moz-transition: left 0.3s ease-out;
	-o-transition: left 0.3s ease-out;
	-ms-transition: left 0.3s ease-out;
	transition: left 0.3s ease-out;
}

nav a {
	text-decoration: none;
}

nav ul {
	list-style-type: none;
	padding: 0;
}

nav ul ul li {
	padding-left: 30px;
}

nav li{
	opacity: 0;
	margin-bottom: 3px;
}

.animation{
	opacity:1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

nav ul li a {
	font-size: 26px;
}

nav ul li a,
nav ul li a:hover,
nav ul li a:active,
nav ul li a:visited,
nav ul li a:focus {
	color: #fff;
}

nav ul ul,
.impressum a {
	font-family: 'HelveticaLTStd-Roman';
}

nav ul ul li {
	margin-bottom: 10px;
}

nav ul ul li a,
nav .impressum a {
	font-size: 20px;
}

nav .impressum a {
	color: #fff;
}

nav .logo {
	margin-top: 60px;
}

nav .buttonClose {
	position: absolute;
	top: 20px;
    right: 20px;
}

nav .buttonClose img {
	width: 25px;
}

.openNav:hover,
nav .buttonClose:hover {
	cursor: pointer;
}

nav .logo img {
	width: 70px;
}

nav a.active {
	text-decoration: underline;
}

.logoName {
	margin: 60px 0 10px;
	z-index: 10;
}

.logoName img {
	width: 100%;
}

.logoZusatz {
	font-family: 'Bianco_Serif_New_Bold';
	font-size: 25px;
}

.startbild img {
	width: 100%;
}

.content {
	margin-top: 25px;
}

.mood {
	width: 85%;
	margin-bottom: 20px;
}

.mood .zitat .text {
	font-family: 'Bianco_Serif_New_Bold';
	font-size: 22px;
}

.mood .zitat .autor {
	font-size: 16px;
}

.bild img {
	width: 100%;
}

.bild.scroll img {
	width: 100%;
	margin-bottom: 15px;
}

.content ul {
	/*list-style-type: none;*/
	/*margin-left: 0;*/
	padding-left: 1em;
	/*text-indent: -1em;*/
}

/*.content ul li::before {
	content: '';
	margin-right: 9px;
}*/

.kalender-link {
	margin-bottom: 30px;
}

.kalenderLink {
	margin-top: 20px;
}

.kalender-link .date,
.kalenderLink .date {
	margin-bottom: 5px;
}

.kalenderLink .titel,
.kalender-link .titel,
.kalender-eintrag .titel {
	font-family: 'Bianco_Serif_New_Bold';
	font-size: 25px;
}

.kalender-eintrag .date {
	margin: 10px 0;
}

.backLink {
	font-size: 20px;
	margin-top: 30px;
}

.panel-heading,
.panel-body {
	padding-left: 0;
}

.panel-title {
	font-size: 25px;
}

.panel-title a {
	color: #2a1856;
	text-decoration: none;
	font-family: 'Bianco_Serif_New_Bold';
	font-size: 22px;
}

.panel-title a:hover {
	text-decoration: underline;
}

.panel {
	border: none;
    box-shadow: none;
}

.panel-heading {
	background-color: transparent !important;
}

.panel-body {
	border-top: none !important;
}

.plan {
	margin: 50px 0;
}

.minus {
	display: none;
}

.panel-heading a[aria-expanded="false"] .minus {
	display: none;
}

.panel-heading a[aria-expanded="false"] .plus {
	display: inline;
}

.panel-heading a[aria-expanded="true"] .minus {
	display: inline;
}

.panel-heading a[aria-expanded="true"] .plus {
	display: none;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	nav {
		width: 480px;
		max-width: 480px;
	}
}

/* Medium devices (desktops, 1024px and up) */
@media (min-width: 1024px) {
	.container {
		margin-left: 280px;
    	width: 730px;
	}

	.menuButton {
		display: block;
		position: absolute;
    	top: 90px;
    	left: 75px;
		color: inherit;
		font-family: 'Bianco_Serif_New_Bold';
	}

	.openNav img {
	    top: 55px;
	    left: 75px;
	}

	.logoName {
		margin: 40px 0 10px;
	}

	.logoName img {
		width: 425px;
	}

	.startbild {
		margin-top: 0;
	}

	.mood {
		position: fixed;
		left: 0;
		top: 155px;
		width: 270px;
		margin: 0;
		/*opacity: 0.5;*/
		-webkit-transition: opacity 0.5s ease;
		-moz-transition: opacity 0.5s ease;
		-o-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}

	.mood:hover {
		opacity: 1;
	}

	.mood.portrait {
		opacity: 1;
	}

	.mood.portrait .bild img {
		width: 194px;
    	margin-left: 76px;
	}

	.mood .zitat {
		position: absolute;
		top: -6px;
		left: 15px;
		margin: 0;
	}

	.mood .zitat .text {
		font-size: 26px;
	}

	.mood .zitat .autor {
		font-size: 20px;
	}

	.mood .bild img {
		width: 100%;
	}

	.mood.coaching .bild {
		margin-top: 160px;
	}

	.mood.elterncoaching .bild {
		margin-top: 270px;
	}

	.mood.mediation .bild {
		margin-top: 160px;
	}

	.mood.supervision .bild {
		margin-top: 344px;
	}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	body {
		font-size: 25px;
	}

	.content.impressum {
		font-size: 20px;
	}

	.startbild {
		position: fixed;
    	left: 22%;
    	top: 22%;
	}

	.kalenderLink {
		width: 400px;
		min-height: 145px;
		margin: 0;
		background-color: #2a1856;
		color: #fff;
		padding: 20px;
		position: fixed;
		left: 75px;
		top: 225px;
		opacity: 0;
		-webkit-transition: opacity 0.5s ease;
		-moz-transition: opacity 0.5s ease;
		-o-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}

	/*.logoName {
		margin: 40px 0 10px;
	}

	.logoName img {
    	width: 425px;
	}*/

	nav {
		padding: 140px 75px;
	}

	nav ul li a {
		font-size: 33px;
	}

	nav ul ul {
		padding-left: 20px;
		margin-bottom: 10px;
		margin-top: -5px;
	}

	nav ul ul li {
		margin-bottom: 0;
	}

	nav ul ul li a {
		font-size: 26px;
	}

	.container {
		margin-left: 540px;
    	width: 730px;
	}

	.content {
    	margin: 85px 0;
	}

	.einleitung {
		font-family: 'Bianco_Serif_New_Bold';
		margin-bottom: 55px;
	}

	.mood {
		position: fixed;
		width: 480px;
		left: 0;
		top: 225px;
		z-index: 1;
	}

	.bild.scroll {
		position: absolute;
		top: 343px;
		left: 0;
		width: 480px;
		opacity: 0.755;
	}

	/*.bild.scroll.coaching {
		top: 343px;
	}

	.bild.scroll.elterncoaching {
		top: 598px;
	}

	.bild.scroll.mediation {
		top: 394px;
	}

	.bild.scroll.supervision {
		top: 649px;
	}*/


	/*.bild.scroll:hover {
		opacity: 1;
		-webkit-transition: opacity 0.5s ease;
		-moz-transition: opacity 0.5s ease;
		-o-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}*/

	.panel-title a {
		font-size: 25px;
	}

	.mood.portrait {
		top: 202px;
	}

	.mood .zitat {
		position: absolute;
		top: -8px;
		left: 75px;
	}

	.mood.coaching .bild {
    	margin-top: -50px;
	}

	.mood.elterncoaching .bild {
    	margin-top: 373px;
	}

	.mood.mediation .bild {
		margin-top: 170px;
	}

	.mood.supervision .bild {
		margin-top: 424px;
	}

	.mood.portrait .bild img {
    	width: 404px;
	}

	.mood .zitat .text {
		font-size: 36px;
		letter-spacing: 0;
	}

	.mood .zitat .autor {
		font-size: 20px;
	}

	.date,
	.kalenderLink .auszug {
		font-size: 20px;
	}

}