/*
 Theme Name:   Baskerville Child
 Theme URI:    https://www.kues-design.de
 Description:  Ein Child-Theme für „Baskerville“ von Anders Norén
 Author:       Kai Hehl, Christian Sabo, Louisa Grimm
 Author URI:   https://www.kues-design.de
 Template:     baskerville
 Version:      2.3.1.c02
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  baskerville
*/



/*
******************************************************************
 	KÜS-Farben
******************************************************************
*/


body a {	color: #c8102e;	text-decoration: none; }
body a:hover {	color: #c8102e;	text-decoration: none; }

.blog-title a:hover { color: #c8102e; }

.post-header .post-title a:hover { color: #c8102e; }

.posts .post-meta a:hover { color: #c8102e; }

.post-link a { 	color: #c8102e; }

.post-link a:hover { 	color: #c8102e; 	text-decoration: underline; }

.single .post-meta a { color: #9499A0; }
.single .post-meta a:hover { color: #c8102e; }

.post-author:before { background-color: #c8102e; }
.post-author:after {	border-left-color: #c8102e;	border-right-color: #c8102e; }

.author-links a:hover { background-color: #c8102e; }

.post-content fieldset legend {	background: #c8102e;	color: #fff;}

.post-content input[type="submit"]:hover,
.post-content input[type="reset"]:hover,
.post-content input[type="button"]:hover {	cursor: pointer;	background-color: #c8102e;	color: #fff;}
.post-content input.searchsubmit[type="submit"]:hover { background-color:transparent; }
	
.comment-header cite a:hover { color: #c8102e; }

.comment-actions a:hover { background-color: #c8102e; color: #fff; z-index: 10; }

.pingbacklist .pingback a { color: #767676; }
.pingbacklist .pingback a:hover { color: #c8102e; }

.pingbacklist .pingback:nth-child(2n) { background-color: #eee; }

.form-submit #submit:hover {	cursor: pointer;	background: #c8102e;}

.author-info h4 a:hover { color: #c8102e; }

.author-info .author-links a:hover { background-color: #c8102e; }

.archive-nav a,
.archive-nav a:hover	{ color: #fff;}

.archive-nav a			{ background: #c8102e; }
.archive-nav a:hover	{ background: #333333; }

.widget-content ul li:before {	content: "»";	position: absolute;	left: 0;	top: 0;	color: #c8102e;}

.tagcloud a:hover { background-color: #c8102e; color: #fff; text-decoration: none; }
.dribbble-shot:hover { background-color: #c8102e; }
.flickr_badge_image a:hover { background-color: #c8102e; }
.footer .tagcloud a:hover { 	text-decoration: none; 	background-color: #c8102e; }
.bg-dark {
	background-color: #c8102e;
}
.bg-graphite {
    background-color: #c8102e;
}




/*
******************************************************************
*	Im Meta-Widget sollen lediglich Links zum Dashboard und An-/Abmelden angezeigt werden
******************************************************************
*/



body .widget_meta ul li + li + li +li + li,
body .widget_meta ul li + li + li + li,
body .widget_meta ul li + li + li,
body .widget_meta ul li + li
 {
	display:none;
}

body.logged-in .widget_meta ul li + li + li +li + li,
body.logged-in .widget_meta ul li + li + li + li,
body.logged-in .widget_meta ul li + li + li
 {
	display:none;
}

body.logged-in .widget_meta ul li + li {
	display:block;
}


/*
******************************************************************
*	Hover-Effekte für Icons geändert
******************************************************************
*/

.post-meta a {
	transition:0s all;
}
.post-meta a:hover {
	filter: brightness(0);
}

/*
******************************************************************
	Hintergründe umfärben
******************************************************************
*/


.credits.section.bg-dark {
	background-color:#111111;
}

/*
******************************************************************
	Suchfeld/Lupe umformatieren
******************************************************************
*/

.navigation .search-toggle {
	display:none;
}

.wp-block-search,
.wp-block-search__inside-wrapper,
.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	border:0px;
	padding:0;
}


/*
******************************************************************
	Symbol für mobile menu umfärben
******************************************************************
*/

.nav-toggle .bar {
    background: #efefef none repeat scroll 0 0;
}

/*
******************************************************************
	Einträge im mobile menu umfärben
******************************************************************
*/

.mobile-menu a {
	color: #efefef;
	padding: 16px 5%;
}

.main-menu > li::before,
.main-menu > li > a {
    color: rgba(255,255,255,0.75);
}

.main-menu > .has-children > a::after, .main-menu > .page_item_has_children > a::after {
	border-color: #efefef transparent transparent;
}

/*
******************************************************************
	Inhalte im Footer anpassen
******************************************************************
*/

div.footer a {
	color:#fff;
}

ul#menu-footer-menu.menu li {
    padding: 1px 0 1px 0px;
    position: relative;
}

ul#menu-footer-menu.menu li::before {
    content: "";
    left: 0;
    position: absolute;
}

.footer .widget {
	border-top:0;
}


/*
******************************************************************
	das reCaptcha-Badge sollte - sobald geladen - immer im Vordergrund sichtbar sein
******************************************************************
*/

div.grecaptcha-badge {
	z-index:999999 !important;
}


/*
******************************************************************
	Credits im Footer ausblenden
******************************************************************
*/

.credits-left span,
.credits-right span {
	display:none;
}


/*
******************************************************************
	eigene Regeln für Anpassungen
******************************************************************
*/

span.marker {
	background-color: rgba(255, 255, 0, 0.66);
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
	line-height:1.25em;
}

.noborder,
.no-border {
	border:none !important;
}

pre {
	font-family:Courier,Consolas;
}

.nobreak,
.nowrap {
	white-space:nowrap;
}

.kleingedrucktes {
	font-size:0.8em;
}

.subheadline,
.subtitle {
	padding:1.0rem 0 0;
}

div.widget h2,
div.widget h3,
div.widget h4,
.sidebar h2,
.sidebar h3,
.sidebar h4 {
	font-size:1em;
	line-height:1.5;
}

h2.subtitle {
    font-size:1em;
}

.newstitel {
	margin-top:0em !important;
	margin-bottom:1.5rem !important;
	line-height:180%;
}

.newsdatum {
	display:inline-block;
	padding:2rem 3rem 0.5rem 0;
	margin-bottom:1.5rem;
	font-size:0.87rem;
	border-bottom:1px solid #c8102e;
	width:auto;
}

#kuesnews .clearer {
	width:100%;
	border-top: 1px solid #eee;
	margin-top:4em;
	padding-bottom:2em;
}

body.home .not-at-home {
	display:none;
}

.post-content.center {
	text-align:center;
}

.post-content label {
	font-size:inherit;
}

.post-content textarea {
	font-size:0.9em;
}

.post-content span {
	/* display:inline-block; */
    line-height: 180%;
    margin-bottom: 1.1em;
}

.post-content div {
    line-height: 180%;
    margin-bottom: 1.1em;
}

/*
******************************************************************
	Listenelemente anpassen
******************************************************************
*/

.post-content ul {
	margin-bottom:2em;
}

.post-content li,
.post-content li li {
	list-style-type: none;
	margin:0.5em 0px 0.85em 20px;
	padding-left:1em;
}

.post-content li::before,
.post-content li li::before {
	content:'\f105';
	font-family: 'FontAwesome';
	display: inline-block;
	margin-left: -1em; /* same as padding-left set on li */
	width: 1em; /* same as padding-left set on li */}

/*
******************************************************************
	Formatierung für Tabellen mit Öffnungszeiten
******************************************************************
*/
	.fa-check-square {
		color: #00bb00 !important;
	}

	.fa-minus-square {
		color: #DD0000 !important;
	}

	table.oeffnungszeiten td,
	.widget-oeffnungszeiten table td {
		vertical-align:top;
	}
	.sidebar table.oeffnungszeiten td,
	.widget-oeffnungszeiten table td {
		padding-bottom:0.5em;
		line-height:1.35;
	}

/*
******************************************************************
	fix an dislay error with the plugin fancybox for wordpress
******************************************************************
*/

#fancybox-wrap, #fancybox-wrap * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

a#fancybox-close {
	border:none !important;
}

/*
******************************************************************
	giving my widget more space
******************************************************************
*/

div#simpleeditlink {
	margin:3em 0 3em;
}

/*
******************************************************************
	removing background images
******************************************************************
*/

#simpleeditlink a.post-edit-link,
#simpleeditlink a.post-edit-link:hover,
.adminlink a.post-edit-link,
.adminlink a.post-edit-link:hover {
	background-image:none;
}


/*
******************************************************************
	style nggalleries
******************************************************************
*/


.ngg-galleryoverview {
	clear:none !important;
}

.ngg-singlepic {
	margin-bottom:1.5em;
}

#gallery-2 img,
.ngg-gallery-thumbnail img {
margin: 4px 0px 4px 0px !important;
padding:0px !important;
border:none !important;
}

/*
******************************************************************
	nice colors for selected text
******************************************************************
*/

::-moz-selection { /* Code for Firefox */
	color: #fff;
	background: #c8102e;
}
::selection {
	color: #fff;
	background: #c8102e;
}

.footer ::-moz-selection { /* Code for Firefox */
	color: #fff;
	background: rgba(0, 0, 0, 0.45);
}
.footer ::selection {
	color: #fff;
	background: rgba(0, 0, 0, 0.45);
}

/*
******************************************************************
	text styling within header area
******************************************************************
*/

.blog-title {
	font-size:2.0em;
	font-family:"Roboto Slab", sans-serif;
	font-weight:800;
	display:table;
	text-align:left;
	background:rgba(0, 0, 0, 0.45);
	padding:8px 15px;
}

.blog-description {
	display:table;
	color:#fff;
	background:rgba(0, 0, 0, 0.45);
	padding:10px 15px;
	margin-top:2px;
}

.header .logo {
	background-color: rgba(255,255,255,0.75);
}
.header .blog-logo {
	text-align: left;
}
.header .logo img {
	max-height: 130px;
}

div.cover {
	display:none;
}

.wp-block-column > *:first-child {
	margin-top:0;
}

.post-header .post-title,
.post-header .post-title a {
	color:#333333;
}

/*
******************************************************************
	Lücke unterhalb des Blog-Logos ausblenden
******************************************************************
*/

a.logo img {
	vertical-align:bottom;
}

/*
******************************************************************
	verlinkte Bilder ohne Rand darstellen
******************************************************************
*/

.post-content a {
	border-bottom:0px;
}

/*
******************************************************************
	style event list in sidebar
******************************************************************
*/

.widget-content div.event-list ul li {
    line-height: 130%;
    margin-top: 10px;
    padding: 1px 0 1px 0px;
    position: relative;
}

.widget-content div.event-list ul li::before {
	content:none;
}

/*
******************************************************************
	widgets: push post dates to new line
******************************************************************
*/

div.sidebar span.post-date {
	font-size:0.87em;
	display:block;
	margin-left:0;
}

/*
******************************************************************
	adjust main nav
******************************************************************
*/

.main-menu {
    font-size: 0.8em;
}

ul.main-menu li a {
    padding: 18px 14px 20px;
}

.main-menu ul a {
	line-height:1.5;
	text-align:left;
}

.main-menu > .has-children > a::after,
.main-menu > .page_item_has_children > a::after {
	right:12px;
}

.main-menu > .has-children > a,
.main-menu > .page_item_has_children > a {
    padding-right: 27px;
}

a.search-toggle {
	height:42px;
	background-size:18px;
}

.main-menu > li > ul {
    padding-top: 18px;
}

.main-menu li ul {
    position: absolute;
    top: 8px;
}

.main-menu li:hover > ul {
    left: 50%;
    margin-left: -120px;
    opacity: 1;
    top: 32px;
    z-index:9999;
}

/* remove image scaling as hover effect*/
.featured-media a:hover img {
    opacity: 1;
    transform: none;
}



/* highlight the active page (current item) */
ul.main-menu li.current_page_item > a,
ul.main-menu li.current-page-ancestor > a {
	color:#fff;
}

ul.main-menu ul.sub-menu li.current_page_item > a,
ul.main-menu ul.sub-menu li.current-page-ancestor > a,
ul.main-menu ul.sub-menu li.current_page_parent > a
{
	background-image:none;
}

/* set captions' alignment to left */
.post-content .wp-caption-text {
	text-align:left;
	font-family: "Roboto Slab",sans-serif;
	font-weight: 500;
}


/* modify standard padding for post title */

.single .post-header {
	padding: 5% 10%;
}


/* style the read more link */

a.read-more {
	display:block;
	margin-top:1em;
}

/* make the navigation bar sticky (when scrolled) */

.navigation {
	position:relative;
}

.wrapper.section {
	padding-top:0;
	margin-top:60px;
}

.navsticky {
	position:fixed;
	width:100%;
	top:0;
	z-index:999;
	display:block;
}


/* re-style Blog-Page */

.wrapper.section.reduced {
	width:1400px;
}

.reduced.section {
	max-width:90%;
	margin-left: auto;
	margin-right: auto;
}

.reduced .section-inner.content {
	max-width:68.5%;
}

.reduced .post-container {
	width:50%;
}

/* style the (moved) archive-nav */

.archive-nav.section-inner,
body.search.section-inner {
	width:100%;
	max-width:100%;
}

a.post-nav-older {
	margin-left:1.5%;
}

a.post-nav-newer {
	margin-right:1.5%;
}


code {
	font-family:inherit;
}


/* styling the footer text */

.footer .widget-content {
    color: #fff;

	}


	.tabersatz1em { width:1em; }
	.tabersatz2em { width:2em; }
	.tabersatz3em { width:3em; }
	.tabersatz4em { width:4em; }
	.tabersatz5em { width:5em; }
	.tabersatz6em { width:6em; }
	.tabersatz7em { width:7em; }
	.tabersatz8em { width:8em; }
	.tabersatz9em { width:9em; }
	.tabersatz10em { width:10em; }
	.tabersatz11em { width:11em; }
	.tabersatz12em { width:12em; }
	.tabersatz13em { width:13em; }
	.tabersatz14em { width:14em; }
	.tabersatz15em { width:15em; }

	span[class^="tabersatz"] {
		display:inline-block;
	}

	a[href^="tel"] {
	display:inline-block;
}

	.footer .widget-content td {
	    line-height: 160%;
	}


	/*RSS Widget*/
	.rss-date {
		display: inline-block;
	}
	.rss-date:after {
		content:" · ";
	}
	a.rsswidget {
		display: block;
	}
	.widget_rss .widget-content > ul > li {
		padding-left:0;
		padding-bottom:10px;
	}
	.widget_rss .widget-content ul li:before {
		display:none;
	}



/****************************************/
/* media queries */
/****************************************/

	@media (min-width: 700px) and (max-width: 1000px) {
		.sidebar .widget {
			font-size:81%;
		}

		.widget-content ul li {
		    padding: 1px 0 1px 12px;
		}

	}

@media (max-width: 1000px) {

	body.single .content {
	    width: 67.5%;
		float:left;
	}

	.sidebar {
		display:inline-block;
		float:right;
	}

	.fright {
		float:right;
	}

	.post-header .post-title {
		font-size:1.15em;
		line-height:125%;
	}
	
	h2.subtitle {
    font-size:0.87em;
}

	.sidebar .widget {
		padding:20px;
	}

	.navsticky {
		position:relative;
	}

	.wrapper {
		margin-top:60px !important;
	}



} /* max-width: 1000px */



@media (max-width: 800px) {


	.reduced .post-container {
		width:100%;
	}



	div.su-spacer {
		display:none;
	}

	div.su-column-inner {
		margin-bottom:80px !important;
	}

	.footer .column-3 {
		display:block;
		width:100%;
		margin-left:0px;
	}


} /* max-width: 800px */


@media (max-width: 700px) {


	body.single .content {
	    width: 100%;
	}

	.sidebar {
		width:100%;
		margin-top:2em;
	}

	.reduced .section-inner.content {
		width:100%;
		max-width:100%;
	}

} /* max-width: 700px */



@media (max-width: 600px) {

	.footer .one-third {
		margin-top:40px;
		padding-top:40px;
	}

	.footer .one-third,
	.footer .one-third + .one-third {
	    border-top: 1px dotted #fff;
	}

} /* max-width: 600px */