/*
Willkommen bei Custom CSS

Wie es funktioniert, steht unter http://wp.me/PEmnE-Bt
*/
#site-nav ul li:last-child {
	padding: 0 !important;
}

#site-header {
	width: 200px;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	/* Position Text Startseite */
	.intro-slogan {
		padding-top: 200px;
		max-width: 740px;
	}
}

@media screen and (max-width: 1022px) {
	/* Position Text Startseite */
	.intro-slogan {
		padding-top: 70px;
		max-width: 740px;
	}
}

#mobile-menu-toggle {
	display: none;
}

#site-nav {
	display: block;
}

/* Anpassungen der Kontaktinfo auf Startseite */
.contact-info, .contact-mail a {
	color: #fff;
	font-weight: 600;
}

.contact-mail a:hover, .contact-phone:hover {
	background: #512b1c !important;
}

.contact-mail, .contact-phone {
	font-size: 1rem;
	font-weight: 600;
}

/* Telefon-Nr. Patch für iOS */
a[href^=tel] {
	color: inherit;
	text-decoration: none;
}

/* Position Navigation und Titel */
.menu-container {
	position: fixed;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	max-height: 80px;
}

#site-nav ul {
	text-align: center;
	background: #d6d0cc;
	height: 50px;
}

#site-nav ul li a {
	color: #512b1c;
}

body.home #site-nav ul {
	background: none;
}

#site-title {
	padding-top: 40px;
}

/* Seitentitel verbergen */
.entry-header h1.entry-title {
	display: none;
}

/* Position Footer und Credits */
#colophon {
	bottom: 0 !important;
}

#colophon #site-info {
	text-align: center;
}

/* Schriftgröße für Intro-Text */
.template-about .entry-content p.intro {
	font-size: 1.75rem;
	color: #fff;
}

/* Überschriften in Versalien */
h4 {
	color: #fff;
}

/* Schriftfarbe des Wortes „Senden“ im Kontaktformular */
body.template-about input {
	color: #fff !important;
}

/* Hintergrundfarbe für den „Senden“-Button im Kontaktformular */
.site-content input.wpcf7-submit {
	border-left: none;
	border-right: none;
	border-bottom: none;
	background-color: #512b1c;
	margin-top: 20px;
}

/* Kontakformular mit Rahmen */
.site-content div.wpcf7 textarea {
	border: 3px solid #fff;
}

/* Farbe der Typo über den Feldern des Kontakformulars */
.site-content div.wpcf7 p {
	color: #512b1c;
	font-size: 1rem;
}

/* Weitere Formatierungen für das Kontaktformular */
.site-content div.wpcf7 input[type='text'], .site-content div.wpcf7 input[type='email'], .site-content div.wpcf7 textarea {
	background: #d6d0cc;
	color: #512b1c !important;
	font-size: 1rem;
	-webkit-appearance: none;
	border: 3px solid #fff;
}

/* Kontaktformular Feedback bei erfolgreichem Versand */
div.wpcf7-mail-sent-ok {
	border: 0 solid #398f14 !important;
}

/* Kontaktformular Feedback bei fehlenden Angaben */
.wpcf7-validation-errors {
	border: 0 solid #f7e700 !important;
}

/* Bitte füllen Sie dieses Pflichtfeld aus */
span.wpcf7-not-valid-tip {
	color: #fff;
	font-size: .9em;
	padding-top: 5px;
}

/* Wordpress Bilder-Galerie */
.slideshow-window {
	background-color: #d6d0cc;
	border: none;
}

body div div.slideshow-controls a, body div div.slideshow-controls a:hover {
	background-color: rgba(214,208,204,.6) !important;
}

/* Mobile Nav */
#sdrn_bar {
	background: none;
	top: 6px !important;
}

#sdrn_bar .menu_title {
	color: #512b1c;
	border-bottom: 2px solid;
	font-size: 1rem;
	font-family: 'Merriweather', Georgia, serif;
}

#sdrn_bar .sdrn_ic {
	display: none;
}

#sdrn_menu {
	background: none !important;
	color: #512b1c;
}

#sdrn_menu.sdrn_levels ul li {
	border-bottom: 0;
	border-top: 0;
}

#sdrn_menu.sdrn_levels ul li a {
	text-align: center;
	color: #512b1c;
}

#sdrn_menu ul li a:hover {
	color: #fff !important;
}

#sdrn_menu * {
	font-family: 'Merriweather', Georgia, serif;
	color: #512b1c;
	font-size: 1rem !important;
}

/* Menü-Wechsel bedingt durch Browsergröße */
/* Minimum width of 1023 pixels (tablets landscape)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1023px) {
	/* --- Main Nav --- */
	#mobile-menu-toggle {
		display: none !important;
	}
	
	#site-nav {
		display: block !important;
		padding: 0;
	}
	
	#site-title {
		padding-top: 40px;
	}
	
	.menu-container {
		position: fixed;
		display: block !important;
		top: 0;
		left: 0;
		right: 0;
		max-height: 80px;
		padding: 0;
		text-align: center;
		z-index: 1000;
	}
	
	#site-nav ul {
		text-align: center;
		background: #d6d0cc;
		height: 50px;
	}
	
	#site-nav ul li {
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 0 20px 0 0;
	}
	
	#site-nav ul li a {
		margin: 0;
		padding: 15px 0 0;
		line-height: 1.56;
		border-bottom: 3px solid transparent;
		color: #512b1c;
	}
	
	#site-nav ul li a:hover {
		border-bottom: 2px solid;
	}
	
	#site-title {
		position: fixed;
		display: block;
		top: 50px;
		z-index: 1000;
		width: 30.2%;
		margin: 28px 34.9% 26px;
	}
	
	#masthead {
		padding-top: 175px !important;
	}
	
	#primary {
		padding-top: 120px;
	}
}

@media screen and (min-width: 1150px) {
	/* --- Main Nav --- */
	#mobile-menu-toggle {
		display: none !important;
	}
	
	#site-nav {
		display: block !important;
		padding: 0;
	}
	
	#site-title {
		padding-top: 40px;
	}
	
	.menu-container {
		position: fixed;
		display: block !important;
		top: 0;
		left: 0;
		right: 0;
		max-height: 80px;
		padding: 0;
		text-align: center;
	}
	
	#site-nav ul {
		text-align: center;
		background: #d6d0cc;
		height: 50px;
	}
	
	#site-nav ul li {
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 0 20px 0 0;
	}
	
	#site-nav ul li a {
		margin: 0;
		padding: 15px 0 0;
		line-height: 1.56;
		border-bottom: 3px solid transparent;
		color: #512b1c;
	}
	
	#site-nav ul li a:hover {
		border-bottom: 2px solid;
	}
	
	#site-title {
		position: fixed;
		display: block;
		top: 50px;
		z-index: 1000;
		width: 30.2%;
		margin: 28px 34.9% 26px;
	}
	
	#masthead {
		padding-top: 175px !important;
	}
	
	#primary {
		padding-top: 220px;
	}
}