/*
Theme Name: Lustwort 2018
Author: Netzformat Internetagentur
Author URI: http://www.netzformat.de/
Description: Individuelles Theme
Version: 1.0 (06-2018)
Text Domain: LW
*/ 


html, body, div, span, h1, h2, p, blockquote, a, strong, ul, li, fieldset, form, label, table, tbody, thead, tr, th, td {
	border:0;
	margin:0;
	padding:0;
	outline:0;
}

html {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#333;
	scroll-behavior:smooth;
}

body {
	padding:30px 0px 30px 0px;
	background-image:url(grafik/beton.jpg);
	background-attachment:fixed;
}


a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:focus {
	outline:none;
}

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

img .alignleft, div .alignleft {
	float:left;
	margin-right:20px;
}

img .alignright, div .alignright {
	float:right;
	margin-left:20px;
}

.clear {
	clear:both;
	width:0;
	height:0;
}



/* Seite */
#seite {
	margin:0px auto;
	max-width:550px;
	background-color:#FFF;
	padding:10px;
	box-sizing:border-box;
	border:0px solid #000;
}


/* Kopfbereich */
#kopf {
	border:0px solid #0F0;
	
}

#titel {
	height:260px;
	padding:10px 80px 10px 10px;
	background-image: url(grafik/lustwort.jpg);
	background-repeat: no-repeat;
	font-size:7.5rem;
	line-height:1.0em;
	text-shadow: 5px 5px 12px #666;
	font-style: italic;
}

#titel a {
	color:#FFF;
}

#infobalken {
	margin-top:1px;
	color:#FFF;
	background-color:#666666;
	font-style:italic;
	height:25px;
	font-size:0.8rem;
	letter-spacing:1px;
	line-height:22px;
	padding-left:5px;
}

#infobalken a {
	margin-left:5px;
	padding:5px 8px 5px 8px;
	color:#FFF;
}

#infobalken a:hover {
	background-color:#DE3A3A;
	text-decoration:none;
}


/**** Mitte ****/
#mitte {
	position:relative;
	background-color:#f2f2f2;
	padding:10px;

}

#mitte a {
	color: #DE3A3A;
}


/**** Inhalt ****/
#inhalt {
	float: left;
	width: 65%;
	min-height:300px;
	text-align:justify;
/*	hyphens:auto; */
	border:0px solid #CCC;
}

#inhalt  h2 {
	background-image: url(grafik/titelstern.png);
	background-position: left 5px;
	line-height:1.1em;
	background-repeat: no-repeat;
	font-size:1.8rem;
	margin-bottom:15px;
	margin-top: 30px;
	padding-left: 13px;
	text-align: left;
}

#inhalt h2 a {
	color: #DE3A3A;
	padding:0px 3px 0px 3px;
	display:block;
}

#inhalt h2 a:hover {
	color:#FFF;
	background-color: #DE3A3A;
	text-decoration:none;
}

#inhalt h3  {
	margin:10px 0px 5px 0px;
	text-align:left;
}


#inhalt p {
	line-height: 1.4em;
	margin-bottom:1.2em;
}

#inhalt ul {
	margin-bottom:1em;
}

#inhalt li{
	line-height: 1.6em;
	margin-bottom:0em;
	list-style: circle;
	list-style-position:outside;
	margin-left:16px;
}

.wp-caption  {
	max-width:100%;
	height:auto;
}

.wp-caption-text {
	text-align:left;
}

.metainfo {
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
	padding:5px 0px 5px 0px;
}

#paginierung {
	margin-top:10px;
}

#menu-toggle {
	position: absolute;
	top:10px;
	right:10px;
	display:none;
}


/**** Kommentare ****/
#comments {
	margin-top:10px;
	border:0px solid #0F0;
}

.comment-body {
	position:relative;
	padding-left:50px;
	padding-top:15px;
	text-align:left;
}

.comment-author {
	position:absolute;
	top:0;
	left:0;
	border:0px solid #666;
}

.comment-meta {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	width:200px;
}

#comments input, #comments textarea {
	width:100%;
	box-sizing:border-box;
	border:1px solid #CCC;
}

.comment-form-cookies-consent {
	display:none;
}

cite.fn {
	font-style:normal !important;
}

.says {
	display:none;
}

#comments ol {
	padding:0;
	border:0px solid #000;
}

#comments ol.children {
	padding-left:40px;
}

#comments ol li {
	margin:0;
	list-style: none;
	margin-bottom:20px;
	border:0px solid #CC0000;
}


#comments p {
	margin-bottom:5px;
	border:0px solid #06C;
}

#comments  h3  {
	padding-top:20px;
}


img.avatar {
	width:40px;
	height:auto;
	float:left;
	margin-right:10px;
}

textarea {
	max-width:100%;
	box-sizing:border-box;
}

.reply a {
	margin-top:0;
	border:0px solid #3F0;
}

a.comment-edit-link {
	position:absolute;
	right:4px;
	top:-12px;
}

#submit:hover {
	background-color:#CCC;
}

/*
li.bypostauthor {
	background-color:#e4e4e4;
	padding:5px;
}
*/


/* WP galerie */
.gallery {
	margin: auto;
}

.gallery-item {
	float: left;
	margin:3% 3% 0 0;
	width:30%;
}






/**** Sidebar ****/
#seitenspalte {
	float: right;
	width:28.0%;
	line-height:1.6em;
	text-align:right;
	border:0px solid #333;
}

#seitenspalte h2 {
	font-size:1.8rem;
	font-weight: normal;
	line-height:1.3em;
	margin-bottom:20px;
	background-color:#83B81A;
	color:#FFF;
	padding:5px 10px 5px 10px;
}

#seitenspalte li {
	list-style:none;
	margin:0; 
	line-height:1.5em;
	margin-bottom:0.4em;
}

#seitenspalte a {
}

#seitenspalte a:hover {
	text-decoration:none;
	color:#333;
}

#suchform {
	margin:0px 0px 20px 0px;
}

#suchfeld {
	border:1px dotted #CCC;
}

#wunschliste {
	margin-bottom:25px;
}

#wunschliste a {
	display:block;
}



/**** Fuss ****/
#fuss {
	text-align:center;
	background-color:#333;
	height:30px;
	line-height:30px;
	color:#FFF;
}

#fuss a {
	color:#FFF;
}


@media screen and (max-width: 550px) {

	body {
		padding:0;
	}
	
	#infobalken {
		height: auto;
	}
	
	
	#titel {
		font-size:5.0rem;
	}
	
	#titel span {
		width:100%;
	
	}
	
	
	
	#menu-toggle {
		display:block;
	}
	
	#menu-toggle:hover {
		cursor:pointer;
	}
	
	#inhalt {
		float:none;
		width: 100%;
		hyphens:auto; 
	}
	
	#seitenspalte  {
		position:absolute;
		top:30px;
		right:10px;
		background-color:#FFF;
		padding:10px;
		display:none;
		width:80%;
	}
	
	
}