/*
Theme Name: Lauf-KulTour-Theme
Theme URI: http://wordpress.org/
Description: Theme der Onlinepräsenz des Lauf-KulTour e.V.
Author: Robert Kretschmann
Author URI:
Version: 0.8.5

tags: blue, white

License:
License URI:
*/

/* =Genericons, thanks to FontSquirrel.com for conversion!
-------------------------------------------------------------- */
@font-face {
    font-family: 'Genericons';
    src: url('genericons/genericons-regular-webfont.eot');
    src: url('genericons/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('genericons/genericons-regular-webfont.woff') format('woff'),
         url('genericons/genericons-regular-webfont.ttf') format('truetype'),
         url('genericons/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.genericon,
.post-metadata .date:before,
.post-metadata .author:before,
.post-metadata .comments:before,
.post-metadata .category:before,
.post-metadata .tags:before,
.post-metadata .link:before,
.post-metadata .edit:before,
.post-title a:after {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 24px/1 'Genericons';
	vertical-align: top;
}

.post-metadata .date:before {
	content: '\f303';
}

.post-metadata .author:before {
	content: '\f304';
}

.post-metadata .comments:before {
	content: '\f300';
}

.post-metadata .category:before {
	content: '\f301';
}

.post-metadata .tags:before {
	content: '\f302';
}

.post-metadata .link:before {
	content: '\f107';
}

.post-metadata .edit:before {
	content: '\f411';
}

.genericon-month:before {
	content: '\f307';
}

.genericon-user:before {
	content: '\f304';
}

.genericon-menu:before {
	content: '\f419';
}

.genericon-search:after {
	content: '\f400';
	vertical-align: middle;
}

.genericon-expand:before {
	content: '\f501';
	color: white;
	vertical-align: middle;
}

.genericon-collapse:before {
	content: '\f502';
	color: white;
	vertical-align: middle;
}

.genericon-facebook:before {
	content: '\f203';
}

.genericon-instagram:before {
	content: '\f215';
}

.genericon-twitter:before {
	content: '\f202';
}

.genericon-google:before {
	content: '\f206';
}

.genericon-youtube:before {
	content: '\f213';
}

.genericon-rss:before {
	content: '\f413';
}

.format-video .post-title a:after {
	content: '\f213';
	vertical-align: middle;
	margin-left: 0.5em;
}

.format-audio .post-title a:after {
	content: '\f109';
	vertical-align: middle;
	margin-left: 0.5em;
}


/*
* ----------------------
* Inhaltsverzeichnis
* 1. allgemeine Formatierungen
* 2. Header
* 3. Suchformular
* 4. Inhalt
* 4.1 Beiträge
* 4.1.1 Socialshareprivacy-Plugin
* 4.1.2 Beitrags-Navigation
* 4.1.3 eingebettete Videos
* 4.1.4 Fotos
* 4.2 Kommentare
* 4.3 Seiten
* 4.3.1 Galerie-Seite
* 4.3.2 Racemap
* 4.3.3 Geschichts-Seite
* 4.3.4 Läuferprofilseiten
* 4.3.5 Presse-Seite
* 4.3.6 Dodgeball-Seite
* 5. Sidebar
* 5.1 Featured-Post-Widget
* 5.2 Termin-Widgets
* 5.3 Folgen & Teilen Widget
* 5.4 Neueste-Kommentare-Widget
* 6. Bilddarstellung
* 7. Breadcrumb
* 8. Pagination
* 9. Hinweiszeile
* 10. Kontakte
* 11. Footer
* 12. responsive Design
* 13. Druckansicht
* ----------------------
*/


/*
* ----------------------
* 1. allgemeine Formatierungen
* ----------------------
*/

* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Korrektur für NextGen Gallery */
#lightbox-container-image-data-box {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

body {
	font-family: Lora, serif;
	font-size: 100%;
	line-height: normal;
	background: rgb(255, 255, 255);
	color: rgb(60, 60, 60);
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	text-decoration: none;
}

h1 {
	font-size: 3em;
	line-height: normal;
}

h2, #header-menu li a, #tourseiten-link {
	font-variant: small-caps;
}

h3 {
	font-size: 1.8em;
	line-height: normal;
}

h4 {
	font-size: 1.5em;
	line-height: normal;
}

a {
	color: #2B68A5;
	text-decoration: none;
}

a:hover {
	color: #2B68A5;
	text-decoration: underline;
}

a:visited {
	color: #2B68A5;
}

acronym, abbr, span.caps {
	letter-spacing: .07em;
}

nav {
	letter-spacing: .05em;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}


q:before {
	content: '„';
}

q:after {
	content: '“';
}

/*
.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.block {
	text-align: justify;
}


.centered {
	margin-left: auto;
	margin-right: auto;
}

.aligncenter {
	text-align: center;
}

*/

hr {
	clear: both;
	height: 1px;
	margin: 15px 0;
	background-color: #888888; /* (keine CSS-Verläufe) */
	background: -moz-linear-gradient(315deg, #FFFFFF 0%, #888888 50%, #FFFFFF 100%); /* FF 3.6+ */
	background: -ms-linear-gradient(315deg, #FFFFFF 0%, #888888 50%, #FFFFFF 100%); /* IE10 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #FFFFFF), color-stop(50%, #888888), color-stop(100%, #FFFFFF)); /* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(315deg, #FFFFFF 0%, #888888 50%, #FFFFFF 100%); /* Safari 5.1+, Chrome 10+ */
	background: -o-linear-gradient(315deg, #FFFFFF 0%, #888888 50%, #FFFFFF 100%); /* Opera 11.10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=' #FFFFFF', endColorstr=' #888888'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=' #FFFFFF', endColorstr=' #888888')"; /* IE8+ */
	background: linear-gradient(315deg, #FFFFFF 0%, #888888 50%, #FFFFFF 100%); /* the standard */
	border: none;
}

code {
	font-family: 'Source Code Pro', monospace;
}

small {
	font-size: 0.9em;
	line-height: normal;
	color: gray;
}

small code {
	font-size: 1em;
}

iframe {
	max-width: 100% !important;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.Textfeld {
	width: 100%;
	padding: 0.5em 1em 0.5em;
	margin-bottom: 0.5em;
}

.Textfeld h2 + p {
	margin-top: 0;
}

.site-container {
	width: 90%;
	margin: 0 auto;
}

.site-container, .container {
	position: relative;
}

.site-container:after, .container:after {
	content: "";
	display: block;
	clear: both;
}

.Kurzinfos {
	float: right;
	max-width: 400px;
	border: 1px solid rgb(89, 141, 196);
	border-radius: 3px;
	padding: 1em;
	margin: 0 0 1em 1em;
}

.Kurzinfos header {
	margin: -1em -1em 1em -1em;
	padding: 0.3em 1em;
	background-color: rgb(89, 141, 196);
	color: white;
}

.Kurzinfos h3 {
	margin: 0;
	font-size: 1em;
}

.Kurzinfos h4 {
	margin: 0;
}

.Kurzinfos p {
	margin-top: 0;
}



/*
* ----------------------
* 2. Header
* ----------------------
*/

#site-header {
	background-color: #397ec3;
	padding-top: 1px;
	color: #FFFFFF;
}

#site-header a {
	color: #FFFFFF;
}

#header-hint {
	background-color: rgb(255, 146, 0);
	font-family: 'Lora', serif;
	margin-top: -1px;
}

#header-hint p {
	margin: 0;
	padding: 0.25em 0;
}

#site-header img#logo {
	width: 220px;
	margin: 0.5em 0;
}

#site-header #zitat {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
	max-width: 70%;
	font-size: 80%;
}

#site-header #zitat q {
	font-family: 'Lora', serif;
	font-style: italic;
}

#site-header #zitat cite {
	font-size: 90%;
	font-style: normal;
}

#site-header #search-toggle {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 1em;
}

#site-header #search-toggle.active {
	background-color: #FF9200;
}

#site-header #search-toggle:hover {
	cursor: pointer;
}

#header-search {
	display: none;
	padding: 0.3em 0;
	background-color: #FF9200;
}

nav.menu-menue-1-container {
	display: inline-block;
	position: absolute;
	bottom: 0px;
	left: 90px;
}

#header-menu {
	margin: 0;
	padding: 0;
}

#header-menu>li {
	display: inline-block;
}

#header-menu>li>a {
	padding: 2px 9px 5px 9px;
	display: inline-block;
}

#header-menu>li:hover>a {
	background-color: rgb(255, 255, 255);
	color: rgb(89, 141, 196);
	text-decoration: none;
}

#header-menu li.current-menu-item>a {
	color: rgb(255, 146, 0);
}

#header-menu .sub-menu {
	display: none;
	font-size: 80%;
	position: absolute;
	clear: both;
	border: 2px solid rgb(89, 141, 196);
	border-top: none;
	background-color: white;
	z-index: 100;
	margin-left: -2px;
	margin-top: 0;
	padding: 0;
}

#header-menu .sub-menu li {
	margin: 3px 0;
}

#header-menu .sub-menu a {
	color: rgb(89, 141, 196);
	display: block;
	padding: 2px 8px 1px;
	text-decoration: none;
}

#header-menu li:hover .sub-menu {
	display: block;
}

#header-menu .sub-menu a:hover {
	background-color: lightgrey;
}

header#site-header, footer#site-footer {
	font-family: 'Oswald', sans-serif;
	font-size: 1.4em;
	line-height: normal;
}

#header-toggle {
	position: absolute;
	top: 25px;
	right: 0;
}

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

#header-toggle div {
	text-align: center;
	width: 40px;
	height: 40px;
	background-color: #598DC4;
	margin-left: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

#header-toggle div::before {
	vertical-align: middle;
}

#header-toggle div:hover {
	background-color: white;
	color:  #397ec3;
}

#header-toggle div.active {
	background-color: #FF9200;
}

#header-toggle div.active:hover {
	color: white;
}

/*
#site-header.fixiert {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9000;
	border: 0;
	box-shadow:  0px 3px 5px  0px rgba(0, 0, 0, 0.5);
}

#site-header.fixiert nav {
}

#site-header.fixiert .site-container {
	padding-top: 3px;
}

#site-header.fixiert #zitat {
	display: none;
}

#site-header.fixiert img#logo {
	height: 35px;
	width: auto;
	margin: 0;
}
*/

/*
* ----------------------
* 3. Suchformular
* ----------------------
*/

#searchbox {
//	border-radius: 5px;
	font-family: 'Source Code Pro', monospace;
	padding: 0.3em;
	border: 0;
	width: 250px;
}


/*
* ----------------------
* 4. Inhalt
* ----------------------
*/

#site-content {
	clear: both;
	padding: 0.5em 0 1em;
	font-size: 1em;
	line-height: normal;
}

#main {
	padding: 0 2em 15px 0;
	float: left;
	width: 70%;
	background-image: url('/wp-content/themes/lkt-theme/img/Fuesse.svg');
	background-position: top right;
	background-repeat: repeat-y;
}


/*
* ----------------------
* 4.1 Beiträge
* ----------------------
*/

.post {
	clear: both;
}

.post-title {
	margin: 0 0 20px;
	font-size: 1.8em;
	line-height: normal;
	border-top: 3px solid #598dc4;
	padding-top: 10px;
}

.post-title a {
	color: rgb(60, 60, 60) !important;
}

.post-content p, .page-content p {
	text-align: justify;
	line-height: 1.5em;
}

.post-content h3+p, .page-content h3+p {
	margin-top: 0;
}

.post-metadata {
	color: grey;
	clear: both;
	margin: -15px 0 15px;
	list-style-type: none !important;
}

.post-footer {
	margin: 1em 0;
}

.post-footer .post-metadata {
	margin: 0;
}

.post-metadata a {
	color: grey;
}

ul.post-metadata {
	padding: 0;
}

ul.post-metadata li {
	display: inline;
	margin-right: 1.5em;
}

.author-info {
	margin: 5px 0 15px;
}

.author-avatar {
	float: left;
	width: 100px;
	margin: 0 15px 0 0;
}

.author-description {
	float: left;
	height: 100%;
}

.author-description h2 {
	margin-top: 0;
}

.author-link {
}

p.more-link {
	margin-top: -1em;
	text-align: right !important;
}


/*
* ----------------------
* 4.1.1 Socialshareprivacy-Plugin
* ----------------------
*/

#socialshareprivacy {
	border-top: 1px solid rgb(128, 128, 128);
	border-bottom: 1px solid rgb(128, 128, 128);
	padding: 10px 0px;
	margin: 20px 0px;
}
 
#socialshareprivacy .social_share_privacy_area li.share {
	font-family: 'Oswald', sans;
	font-variant: small-caps;
	font-size: 1.2em;
	color: rgb(128, 128, 128);
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid rgb(128, 128, 128);
}


/*
* ----------------------
* 4.1.2 Beitrags-Navigation
* ----------------------
*/

#post-nav {
	clear: both;
	border: 1px solid lightgrey;
	border-radius: 3px;
	padding-top: 2.5em;
	padding-bottom: 0.5em;
	position: relative;
}

#post-nav img {
	width: 60px;
	height: 60px;
	margin: 0 1em 0 0;
}

#post-nav a:hover {
	background-color: lightgrey;
	text-decoration: none;
}
	
#post-nav a {
	color: rgb(60, 60, 60);
	padding: 3px;
	display: block;
}

#prev-post {
	width: 50%;
	float: left;
	border-right: 1px solid lightgrey;
	padding: 1em;
}

#prev-post:before {
	width: 50%;
	color: grey;
	content: "vorheriger Artikel";
	top: 0.7em;
	position: absolute;
	font-variant:small-caps;
}

#next-post {
	width: 50%;
	float: right;
	padding: 1em;
}

#next-post:before {
	width: 50%;
	color: grey;
	content: "nächster Artikel";
	top: 0.7em;
	position: absolute;
	font-variant:small-caps;
}

/*
#prev-post a, #next-post a {
	position: fixed;
	display: block;
	padding: 10px;
	background-color: rgba(128, 128, 128, 0.5);
	color: white;
	top: 40%;
	font-size: 2em;
}

#prev-post a:hover, #next-post a:hover, #top-link:hover {
	background-color: rgba(128, 128, 128, 1);
	text-decoration: none;
}
	
#prev-post a {
	left: 0px;
}
	
#next-post a {
	right: 0px;
}
*/

/*
* ----------------------
* 4.1.3 Eingebettete Videos
* ----------------------
*/

.responsive-video {
	position: relative;
	padding-bottom: 56%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0.5em 0;
}

.responsive-video iframe, .responsive-video object, .responsive-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/*
* ----------------------
* 4.2 Kommentare
* ----------------------
*/

#comments {
	margin: 30px 0 10px 0;
}

#comments h3 {
	margin-bottom: 0;
}

.commentlist {
	margin-left: 0 !important;
	list-style-type: none;
}
	
.commentlist li {
	border: 0;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
}

.commentlist li.depth-1, .commentlist li.depth-3, .commentlist li.depth-5 {
	background-color: #efeffc;
}

.commentlist li.depth-2, .commentlist li.depth-4 {
	background-color: white;
}

.commentlist .children {
	list-style-type: none !important;
}

.comment-author {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}

.comment-metadata>a {
	position: absolute;
	top: 0;
	right: 20px;
	color: grey;
	padding: 3px 5px 2px;
}

.comment-edit-link {
	position: absolute;
	right: 130px;
	bottom: 0px;
	background-color: grey;
	color: white;
	padding: 3px 5px 2px;
}

.comment-reply-link {
	position: absolute;
	right: 20px;
	bottom: 0px;
	background-color: grey;
	color: white;
	padding: 3px 5px 2px;
}

.comment-reply-link:hover, .comment-edit-link:hover {
	background-color: lightgrey;
	color: white;
	text-decoration: none;
}

#commentform {
	background-color: #dadaf4;
	border: 0;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: 5px;
	padding: 10px;
}

#commentform label, #commentform .form-allowed-tags {
	font-size: 0.9em;
	color: gray;
}

#commentform input, #commentform textarea {
	display: block;
}

#commentform input {
	width: 40%;
}

#commentform textarea {
	width: 99%;
}


/*
* ----------------------
* 4.3 Seiten
* ----------------------
*/

.page-title {
	color: #598dc4;
	font-size: 2em;
	line-height: normal;
	vertical-align: bottom;
	border-bottom: 3px solid #598dc4;
	margin-bottom: 10px;
}

.Partner .pure-g {
	margin: 0 -2.5em 2.5em;
}

.Partner .pure-g>div {
	padding: 2.5em;
	vertical-align: middle;
}

.Partner .pure-g>div a {
	display: inline-block;
	width: 100%;
}

.Partner .pure-g>div a img {
	width: 100%;
}


/*
* ----------------------
* 4.3.1 Galerie-Seite
* ----------------------
*/

.page h3 a[href^="galerie"]:before {
	content: url('/wp-content/themes/lkt-theme/img/Album.png');
	border: 0px;
	vertical-align: middle;
	display: inline-block;
	padding-left: 0;
	padding-right: 0;
	margin-right: .5em;
}

.page h3 a[href^="galerie"][name^="video"]:before {
	content: url('/wp-content/themes/lkt-theme/img/Videoalbum.png');
	padding-left: 4px;
	padding-right: 3px;
}


/*
* ----------------------
* 4.3.2 Racemap
* ----------------------
*/

.racemap iframe {
	border: 1px dashed #598dc4;
}


/*
* ----------------------
* 4.3.3 Geschichts-Seite
* ----------------------
*/


#Projekte .pure-g {
	margin: 0 -1.7em;
}

#Projekte .pure-g>div {
	padding: 1em;
}

#Projekte .pure-u-1 a {
	display: block;
	padding: 0.7em;
	color: rgb(60, 60, 60);
}

#Projekte .pure-u-1 a:hover {
	text-decoration: none;
	color: rgb(255, 146, 0);
}

#Projekte img {
	float: left;
	width: 250px;
	margin-right: 0.7em;
}

#Projekte p {
	margin: 0.5em 0 0 ;
}

.org-member {
	clear: both;
}

.org-member img {
	width: 50%;
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
}

ul.pure-g {
	margin: 0 -0.7em 0 !important;
	padding: 0 !important;
}

ul.pure-g li {
	padding: 0.7em;
}

ul.pure-g.team li a {
	display: block;
	position: relative;
}

ul.pure-g.team li a:hover {
	border: 5px rgb(57, 126, 195) solid;
}

ul.pure-g.team li a:hover p{
	margin-bottom: -5px;
}

ul.pure-g.team li img {
	width: 100%;
}

ul.pure-g.team li p {
	background-color: rgb(57, 126, 195);
	width: 100%;
	margin: 0;
	position: absolute;
	bottom: 0;
	text-align: center;
	padding: 0.5em;
	color:white;
}

.team-list {
	list-style-type: none !important;
	margin-left: 0 !important;
	margin-bottom: 10px;
}

.team-list li {
	display: block;
	width: 25%;
	float: left;
	text-align: center;
}

.team-list li a{
	display: block;
	padding: 5px;
}

.team-list li img{
	width: 100%;
}

.team-list li a:hover{
	text-decoration: none;
	background-color: rgb(89, 141, 196);
	color: white;
}

.team-list#rad-2009 li, .team-list#rad-2010 li {
	width: 16.6%;
}

/*
* ----------------------
* 4.3.4 Läuferprofilseiten
* ----------------------
*/

.runner-profile>img:first-of-type {
	margin: 0 10px 10px 0;
	float: left;
	width: 35%;
/*	width: 225px; */
}

.runner-profile dl {
	margin-left: 38%;
}

.runner-profile dt {
	font-weight: bold;
}

.runner-profile dd {
	margin: 0 0 15px 5em;
}

.runner-profile .interview {
	clear: both;
}

.question {
	font-weight: bold;
	margin: 0 0 0 0;
}

.answer {
	font-style: italic;
	margin: 0 0 15px 0;
}


/*
* ----------------------
* 4.3.5 Kontakt-Seite
* ----------------------
*/

#Kontaktmöglichkeiten .pure-g {
	margin: 0 -2em;
}

#Kontaktmöglichkeiten .pure-g>div {
	padding: 2em;
}

#Kontaktmöglichkeiten .wpcf7 input, #Kontaktmöglichkeiten .wpcf7 textarea {
	font-family: 'Source Code Pro', monospace;
	font-size: 1.2em;
	padding: 0.3em;
}

#Kontaktmöglichkeiten .wpcf7 div {
	margin-bottom: 1.5em;
}

#Kontaktmöglichkeiten .Absender div {
	width: 48%;
	float: left;
	margin-bottom: 0;
}

#Kontaktmöglichkeiten #Absendername {
	margin-right: 4%;
}

#Kontaktmöglichkeiten .Nachricht textarea, #Kontaktmöglichkeiten .Betreff input, #Kontaktmöglichkeiten .Absender input {
	width: 100%;
}

#Kontaktmöglichkeiten .Senden {
	text-align: right;
}

#Kontaktmöglichkeiten .pure-button {
	line-height: 24px;
	margin: 0 8px 8px 0;
}

#Ansprechpartner .pure-g {
	margin: 0 -0.7em;
}

#Ansprechpartner .pure-g>div {
	padding: 0.7em;
}

article.Kontakt {
	background-color: rgb(89, 141, 196);
	color: white;
	padding: 0.7em;
	padding-right: 3.5em;
	position: relative;
}

article.Kontakt .genericon-user { 
	position: absolute;
	top: 1em;
	right: 1em;
}

article.Kontakt .portrait {
	height: 170px;
	float: left;
	margin-right: 1em;
}

article.Kontakt img {
	height: 100%;
}


article.Kontakt h1 {
	font-size: 1.5em;
}

article.Kontakt h2 {
	font-size: 1em;
	font-weight: normal;
}

article.Kontakt hgroup {
	margin-bottom: 0.5em;
}

article.Kontakt a {
	color: rgb(255, 146, 0);
}

article.Kontakt p {
	margin: 0;
}

#Presse .pure-g {
	margin: 0 -1em;
}

#Presse .pure-g>div {
	padding: 1em;
}


/*
* ----------------------
* 4.3.6 Dodgeball
* ----------------------
*/

.tip-box {
	border: 3px solid #397ec3;
	border-radius: 3px;
	padding: 0;
	margin: 8px 0;
	box-sizing: border-box;
	width: 100%;
}

.pure-g .tip-box {
	margin: 0;
}

.tip-box span {
	display: inline-block;
	padding: 4px 8px;
	margin-right: 8px;
	text-align: center;
	width: 100px;
	color: white;
	background-color: #397ec3;
}

/*
* ----------------------
* 5. Sidebar
* ----------------------
*/

ul.sidebar {
	margin: 0;
	padding: 0;
	float: right;
	width: 29%;
}

ul.sidebar li.widget {
	list-style: none;
	margin: 0 0 0.5em;
	padding: 0.5em 1em 1em;
}

.sidebar h2 {
	font-size: 1.5em;
}

ul.sidebar h2.widgettitle {
	font-variant: small-caps;
	padding: 0;
	margin: 0;
	border: none;
}

ul.sidebar li.widget li {
	list-style-type: square;
	list-style-position: outside;
}


/*
* ----------------------
* 5.1 Widget-Farbstile
* ----------------------
*/

.widget.lkt-widget-color_dezent {
	color: rgb(128, 128, 128);
	background-color: rgb(211, 211, 211);
}

.widget.lkt-widget-color_normal {
	color: rgb(255, 255, 255);
	background-color: rgb(89, 141, 196);
}

.widget.lkt-widget-color_normal a {
	color: rgb(255, 255, 255);
}

.widget.lkt-widget-color_hervorgehoben {
	color: rgb(255, 255, 255);
	background-color: rgb(255, 146, 0);
}

.widget.lkt-widget-color_hervorgehoben a {
	color: rgb(255, 255, 255);
}


/*
* ----------------------
* 5.2 Featured-Post-Widget
* ----------------------
*/

#featured_post_widget-2 h3 {
	font-size: 1.1em;
}

#featured_post_widget-2 img {
	width: 100%;
}


/*
* ----------------------
* 5.3 Termin-Widgets
* ----------------------
*/

.widget_text {
	position: relative;
}

.widget_text table {
	margin: -0.5em;
	border-collapse: separate;
	border-spacing: 0.5em;
}

.widget_text table td {
	vertical-align: middle;
	background-color: white;
}

.widget_text .genericon-month {
	position: absolute;
	top: 1em;
	right: 1em;
}

#text-4.widget_text, #text-5.widget_text, #text-7.widget_text, #text-6.widget_text .textwidget {
	text-align: justify;
}


/*
* ----------------------
* 5.4 Neueste-Kommentare-Widget
* ----------------------
*/

#decent_comments_widget-2 ul {
	margin: 0;
	padding: 0;
}

#decent_comments_widget-2 li {
	list-style: none;
}

.unsichtbar             {display: none;}
.pseudo-verweis         {text-decoration: underline; cursor: pointer;}
.pseudo-verweis:hover   {text-decoration: none;}

/*
* ----------------------
* 5.5 Search&Filter-Widget
* ----------------------
*/

.sidebar .searchandfilter ul {
	padding: 0;
	margin: 0;
}

.sidebar .searchandfilter li {
	display: block;
}


/*
* ----------------------
* 6. Bilddarstellung
* ----------------------
*/

a img, a img:hover {
	text-decoration: none;
}

.post img.alignright, .post figure.alignright {
	float: right;
	margin: 1em 0 1em 1em;
}

.post img.alignleft, .post figure.alignleft {
	float: left;
	margin: 1em 1em 1em 0;
}

.post img.aligncenter, .post figure.aligncenter {
	margin: 1em auto 1em auto;
}

.wp-caption .wp-caption-text {
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
}

.wp-post-image {
	float: left;
	margin: 6px 1em 1em 0;
}


/*
* ----------------------
* 7. Breadcrumb
* ----------------------
*/

.breadcrumb {
	font-family: 'Oswald', sans-serif;
	background-color: lightgrey;
	color: grey;
	clear: both;
	padding: 5px 0 5px 15px !important;
	font-size: 100% !important;
	margin-bottom: 10px;
}

.breadcrumb a {
	color: grey;
	text-decoration: underline;
}

.breadcrumb:last-of-type {
	bottom: 0px;
}


/*
*
* LKT Slider Plugin
*
*/

section.lkt-slider {
	margin-bottom: 0.5em;
}


/*
* ----------------------
* 8. Pagination
* ----------------------
*/

.newer-entries-link, .older-entries-link {
	text-align: center;
}

.newer-entries-link a, .older-entries-link a {
	display: inline-block;
	border-radius: 2px;
	padding: 5px 8px 5px 8px;
	margin: 0 auto;
	font-family: 'Oswald', sans-serif;
	color: white;
	background-color: grey;
}

.newer-entries-link a:hover, .older-entries-link a:hover {
	text-decoration: none;
	background-color: darkgrey;
}


/*
* ----------------------
* 9. Hinweiszeile
* ----------------------
*/

#hintwrap {
	background-color: rgb(167, 45, 45);
}

#hint {
	margin: 0 auto;
	padding: 3px 0;
	color: white;
	font-weight: bold;
}

#hint a {
	color: white;
	text-decoration: underline;
}


/*
* ----------------------
* 11. Footer
* ----------------------
*/

#site-footer {
	clear: both;
	background-color: #397EC3;
	color: #FFFFFF;
	padding-bottom: 1px;
}

#site-footer a {
	color: #FFFFFF;
}

#site-footer #top-link {
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: inline-block;
	border: 2px rgb(255, 255, 255) solid;
	border-radius: 5px;
	padding: 0px 15px 5px 15px;
	color: white;
	background-color: rgb(57, 126, 195);
}

#site-footer #top-link:hover {
	text-decoration: none;
}

#site-footer .pure-g {
	margin: 0 -0.7em;
}

#site-footer .pure-g>div {
	padding: 0.7em;
}

#site-footer .pure-g ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#site-footer .pure-g ul li{
	margin: 0.3em 0;
}

.footer-widget .history li {
	display: inline-block;
	width: 45%; /* Fallback */
	width: calc(50% - 5px);
	float: left;
}

.footer-widget .history li:nth-of-type(2n+1) {
	margin-right: 10px !important;
}

.footer-widget .history li a {
	display: inline-block;
	width: 100%;
	padding: 0.3em 0.5em;
	text-align: center;
	background-color: #598DC4;
}

.footer-widget .history li a:hover {
	text-decoration: none;
	background-color: #FF9200;
}

#site-footer .social {
	position: absolute;
	left: 0;
	bottom: 0;
}

#site-footer .social a {
	margin-right: 0.5em;
}

#site-footer .social a:hover {
	text-decoration: none !important;
}

#site-footer .social a:before {
	font-size: 40px;
	vertical-align: middle;
}


/*
* ----------------------
* 12. responsive Design
* ----------------------
*/

@media screen and (min-width: 1260px) {
	.site-container {
		max-width: 1260px;
	}
}

@media screen and (max-width: 767px) {
	#site-header {
		padding-top: 5px;
	}

	.sidebar, #zitat {
		display: none;
	}

	div#site-header img#logo {
		height: 30px;
		width: auto;
		margin: 0;
	}

	div#site-header.fixiert img#logo {
		height: 30px;
		width: auto;
		margin: 0;
	}

	header {
	}

	#header-menu-toggle {
		display: block;
	}

	nav.menu-menue-1-container {
		display: none;
		position: static;
	}

	#header-menu {
		width: 100%;
	}

	#header-menu li {
		width: 45%;
		width: calc(50% - 5px);
		margin: 0.3em 0;
		display: inline-block;
		float: left;
		background-color: #598DC4;
	}

	#header-menu li:nth-of-type(2n-1) {
		margin-right: 10px;
	}

	#header-menu li a {
		padding: 0.3em 0.5em;
		display: inline-block;
		width: 100%;
	}

	#header-menu li:hover .sub-menu {
		display: none;
	}

	#site-header #searchform {
		display: none;
		position: static;
		width: 100%;
		margin: 5px 0 5px;
	}

	.show {
		display: block !important;
	}

	#main {
		width: 100%;
		padding-right: 0;
		background-image: none;
	}
}

@media screen and (max-width: 479px) {
	#header-menu li {
		width: 100%;
		margin-right: 0 !important;
	}
}

@media screen and (max-width: 320px) {
/*	#site-header, #main, .site-container {
		width: 300px;
	}*/
}



/*
* ----------------------
* 13. Druckansicht
* ----------------------
*/

@media print {
	#site-header, #site-footer, .sidebar, .breadcrumb, #respond, .post-nav, .comment-reply-link, #slider, #socialshareprivacy {
		display: none !important;
	}
	#main {
		width: 100% !important;
		background: none !important;
		padding-right: 0 !important;
	}
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
  display: block;
}
.carousel-inner {
  min-height: 300px;
  border: 1px solid #fff;
  border-radius: 30px;
  background-color: #bbbbbb;
}