/*
Willkommen bei den Individuellen CSS

Wie es funktioniert, steht unter http://wp.me/PEmnE-Bt
*/
* {
	font-family: Libre Franklin, sans-serif;
}

ul li {
	font-weight: 300px;
	list-style-type: disc;
	margin-top: 7px;
	margin-bottom: 2px;
}

.site-title {
	margin-left: 61px;
	height: 2px;
}

.main-navigation li li a {
	transition: color .3s ease-in-out;
	transition-property: color;
	transition-duration: .3s;
	transition-timing-function: ease-in-out;
	transition-delay: 0;
}

.site-content-contain ul {
	font-weight: regular;
	list-style: disc;
}

.panel-image:before {
	background: none;
}

.main-navigation a:hover {
	color: #993300;
}

.main-navigation ul ul a:hover {
	color: #993300;
}

.zitat {
	padding: 10px 20px 20px 70px;
	position: relative;
	font-size: 2em;
}

.zitat:before {
	content: '\201D';
	width: 50px;
	font-family: serif;
	font-size: 100px;
	line-height: 100px;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	color: #993300;
	position: absolute;
	top: 0;
	left: 0;
}

.custom-logo-link img {
	max-height: 235px;
	margin-left: -15px;
	margin-top: 1px;
}

.custom-header-media:before {
	background: -moz-linear-gradient(to top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 90%);
}

.entry-title {
	display: none;
}

@media screen and (max-width: 767px) .entry-header {
	
}

h1 {
	margin-top: -60px;
}

ul li {
	list-style-position: inside;
}

h3 {
	margin-top: -60px;
}

.widget {
	padding-bottom: 1em;
	margin-left: 3px;
	line-height: 1.3;
	text-decoration: none;
}

.site-info a {
	margin-left: -51px;
}

.entry-content a {
	text-decoration: none;
}

@media screen and (min-width: 768px) {
	#wp-custom-header {
		background-image: url('https://kugelrot.design/wp-content/uploads/2018/01/header02-chamaeleonneu2.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		position: fixed;
		height: 100%;
		width: 100%;
	}
	
	#wp-custom-header img {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	#masthead .custom-header {
		overflow: hidden;
	}
}

@media screen and (max-width: 767px) {
	.panel-image-prop {
		margin-bottom: 50px !important;
	}
}