/*
Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking.

When you update your theme, backup this file and re-add it after.
*/

/* Global */
body,
.commentlist .comment-body {
	color: #2B302B;
}
.site-description {
	line-height: 48px;
}
body,
.commentlist .reply,
.commentlist .comment-body,
.commentlist .comment-body li,
.ping-content,
.child-menu > li ul ul a,
.wp-pagenavi span.pages {
	font-weight: 400;
}


.single .entry p a,
.author-bio a:not([rel="author"]),
.comment-abo a {
	border-bottom: 2px solid #3A8EC2
}
.single .entry p a.photolink {
	border: none;
}
.single .entry p a:hover,
.author-bio a:not([rel="author"]):hover,
.comment-abo a:hover {
	border-color: #000
}
.single .entry p a:visited,
.author-bio a:not([rel="author"]):visited,
.comment-abo a:visited {
	color: #6A6A6A;
}

.single .post .entry .post-tags a {
	color: #175b86;
}

.single .post .entry .post-tags a:hover {
	background: #DDD;
}

.commentlist li, .pinglist li,
.commentlist .comment-body,
.commentlist .reply,
.commentlist .fn, .pinglist .ping-link {
	font-size: 18px;
	line-height: 1.5;
}
.commentlist .comment-meta::before, .pinglist .ping-meta::before,
.widget > ul li::before, .widget > ul li a::before, .widget > div > ul li a::before, .widget_calendar caption::before {
	font-size: 14px
}
.entry p:not(:last-child),
.entry dd:not(:last-child),
.commentlist .comment-body dd:not(:last-child),
.video-container:not(:last-child),
.entry ol:not(:last-child),
.entry ul:not(:last-child) {
	margin-bottom: 1.6em;
}

.archive.tag .entry p:not(:last-child),
.archive.tag .entry ol:not(:last-child),
.archive.tag .entry ul:not(:last-child) {
	margin-bottom: 1em;
	line-height: 1.5;
}

.archive.tag img {
	display: block;
}

.commentlist .comment-body p:last-child,
.commentlist .comment-body dd:last-child {
	margin-bottom: 0;
}
.commentlist .comment-meta,
.commentlist li, .pinglist li {
	margin-bottom: 24px;
}
.commentlist .comment-meta {
	display: block;
	margin-bottom: 0;
}

.edit-comment-admin-links a, .ajax-edit-time-left, .aec-dropdown-container a {
	margin-left: 0;
	padding-left: 0;
	margin-right: 8px;
}
.edit-comment-admin-links {
	margin-bottom: 8px;
}
.post-list .post-thumbnail {
	background: #f5f5f5;
}
.dark .widget {
	color: #BBB;
}
.dark .widget_search input.search {
	border-color: #555;
}
.toggle-search {
	padding: 22px 16px;
}
.search-expand {
	top: 58px;
}

.author-bio .bio-desc,
.post-list .entry {
	color: inherit;
}
#header-top .social-links {
	top: 18px;
}
.home .group article:first-of-type {
	border-top: 0;
}
.home .group article:first-of-type .post-inner {
	padding-top: 0;
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 8px 16px;
	margin-bottom: 8px
}
.related-posts .post-title a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.comment-abo {
	background:#f8f8f8;
	padding:10px;
	border:1px solid #e6e6e6;
}

.comment-abo .input {
	border:1px solid #e6e6e6;
	padding:8px;
	width:250px;
	background:#fff;
	margin: 8px 15px 0 0;
}

.comment-abo .submit {
	background:#3a8ec2;
	width:auto;
	color:#fff;
	font-weight: bold;
	border:0;
	padding:6px;
	cursor: pointer;
}

.entry-inner .quelle {
	font-size: 12px;
	color: #595959;
	text-transform: uppercase;
	z-index: 10;
	display: block;
	text-align: right;
}

.entry-inner .quelle ul {
	list-style-type: none;
	display: flex;
	justify-content: flex-end;
}

.entry-inner .quelle li {
	list-style-type: none;
}

.entry-inner .quelle li:not(:last-child) {
	margin-right: 2px;
}

.entry-inner .quelle li:not(:last-child)::after {
	content: ', ';
}

.entry-inner .quelle a {
	line-height: 1;
	color: #3A8EC2;
	text-decoration: none;

}
.entry-inner .quelle a:hover {
	border-bottom: 1px solid #000;
	color: #000;
}

.sidebar div[id^="div-gpt-ad"] {
	max-width: 300px;
	margin: auto;
	display: flex;
	justify-content: center;
}
.sidebar #div-gpt-ad-468478718952317814-2 {
	margin-top: 20px;
}

#div-gpt-ad-468478718952317814-1,
#div-gpt-ad-468478718952317814-4,
#div-gpt-ad-468478718952317814-5,
#div-gpt-ad-468478718952317814-6 {
	display: flex;
	justify-content: center;
}
.home #div-gpt-ad-468478718952317814-1 div,
#div-gpt-ad-468478718952317814-4 div,
#div-gpt-ad-468478718952317814-5 div,
#div-gpt-ad-468478718952317814-6 div {
	margin-bottom: 30px;
}
.single #div-gpt-ad-468478718952317814-1 {
	margin-top: 30px;
	margin-bottom: 0;
}
.sidebar .widget#ad-adsensesidebarjuli2017 {
	padding-bottom: 0;
}
.mywidget__ttl,
.mywidget__header {
	font-weight: 600 !important;
	padding: 0 8px;
	color: #333 !important;
	transition: color 300ms;
}
.mywidget__header {
	font-size: 20px !important;
	padding: 0;
}

.mywidget__pic {
	transition: opacity 300ms;
}
a.mywidget__link.mywidget__link_document:hover .mywidget__pic {
	opacity: .8;
}

a.mywidget__link.mywidget__link_document:hover .mywidget__ttl {
	color: #3a8ec3 !important;
}

.psw-container {
	text-align: center;
	margin-top: -16px;
	padding-bottom: 16px;
}

.pptwj-tabs-wrap .tab-links,
.tab-filter-list {
	display: none;
}
.sidebar .pptwj-tabs-wrap .boxes,
.sidebar .pptwj-tabs-wrap .boxes ul li {
	border: none;
}
.sidebar .pptwj-tabs-wrap .boxes ul li {
	padding: 8px 0;
	border-bottom: 1px solid #f2f2f2;
	display: flex;
}
.sidebar .pptwj-tabs-wrap .boxes ul li.even {
	background: #FFF;
}
.sidebar .pptwj-tabs-wrap .boxes ul li .post-thumb {
	flex: 0 0 70px;
	padding-top: 3px;
}
.sidebar .pptwj-tabs-wrap .boxes ul li .post-thumb img {
	padding: 0;
	border: 0;
	margin-right: 0;
}
.sidebar .pptwj-tabs-wrap .boxes ul li a.item-title {
	font-size: 14px;
	line-height: 1.4em;
	margin: 0 0 0 12px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.sidebar .pptwj-tabs-wrap .boxes ul li:hover a {
	color: #3A8EC3;
}

.sidebar .pptwj-tabs-wrap .boxes ul {
	margin-top: -8px;
	padding: 0;
}

@media screen and (min-width: 768px) {
	#div-gpt-ad-468478718952317814-4,
	#div-gpt-ad-468478718952317814-5,
	#div-gpt-ad-468478718952317814-6 {
		display: none;
	}
	.commentlist li, .pinglist li {
		margin-bottom: 40px;
	}
}

/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.mystyle {}
}


/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
	.nav ul li {
		font-weight: 400;
	}
	.author-bio .bio-avatar {
	}

	.toggle-search {
		padding-top: 13px;
		padding-bottom: 13px;
	}
	#header-top .social-links {
		padding-bottom: 10px;
	}
	#header-top .social-links .social-tooltip,
	#footer-bottom .social-links .social-tooltip {
		font-size: 23px;
		padding: 10px 6px;
	}
	.entry.excerpt {
		font-size: 16px;
	}
	.commentlist .comment-body {
		font-size: 17px;
	}
}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.mystyle {}
}


/*-------------- Dark Mode --------------*/
/* von Bertie.ch Stand 7.4.2024 */
@media screen and (prefers-color-scheme: dark) {
	/* Hintergrund */
	body, #subheader, .post-comments, .post-date {
		background-color: black;
	}
	/* Text */
	body, .commentlist .comment-body, .post-comments, .post-date, .post-list .entry, .widget, .widget a, .tab-item-title {
		color: rgba(255, 255, 255, 0.90) !important;
	}
	h1, h2, h3, h4, h5, h6, div.post-content .post-title a, .single .post-title, .alx-tab .tab-item-date, .alx-tab .tab-item-name, .alx-posts .post-item-date, .widget > h3 a, .widget > h3 a:hover, .fn, .post-nav li a span {
		color: #E2E2E2 !important;
	}
	a:hover {
		color: #A3A3A3 !important;
	}
	.post-list .entry {
		color: #C3C3C3;
	}
	.entry blockquote {
		color: #B0B0B0 !important;
	}
	.single .entry p a:visited, .author-bio a:not([rel="author"]):visited, .comment-abo a:visited {
		color: #B2B2B2 !important;
	}
	.su-spoiler-content h1, .su-spoiler-content h2, .su-spoiler-content h3 {
		color: #5C5C5C !important;
	}
	/* Hintergrund und Text */
	.recent-posts a, .author-bio, .comment-abo, #commentform, .themeform label, .aawp, .aawp .aawp-product--horizontal, .aawp .aawp-product--widget-vertical, .aawp .aawp-product--list, thead, .post-nav group, .content .post-nav, .su-note, .su-note-inner, .entry table tr.alt {
		background-color: #333333 !important;
		color: #E0E0E0 !important;
	}
}