/*!
 * Darkmode für dawid.toppa.de (Theme: Entrance 1.5)
 * Alle Regeln sind auf html.dtm-dark beschränkt – der Hellmodus bleibt
 * dadurch exakt so, wie er vorher war.
 */

/* =Farbtokens
-----------------------------------*/
html.dtm-dark {
	--dtm-page: #121417;        /* Fläche außen / hinter dem Wrapper */
	--dtm-surface: #181b1f;     /* ersetzt #fff (Wrapper, Kommentare, Footer) */
	--dtm-surface-2: #1e2227;   /* leicht abgesetzte Boxen */
	--dtm-surface-3: #23282e;   /* Buttons, Pagination, Review-Leiste */
	--dtm-border: #2b3137;      /* ersetzt #eee / #ddd / #e5e5e5 */
	--dtm-text: #dadee3;        /* ersetzt #333 / #444 */
	--dtm-text-2: #b3b9c0;      /* ersetzt #555 / #666 */
	--dtm-muted: #9aa1a9;       /* ersetzt #777 / #888 / #999 */
	--dtm-faint: #868d96;       /* ersetzt #aaa / #bbb – noch AA-konform */
	--dtm-accent: #5aa9f0;      /* heller als #1e73be – Kontrast auf dunkel */
	--dtm-accent-strong: #1e73be;

	color-scheme: dark;
	background-color: var(--dtm-page);
}

/* =Basis
-----------------------------------*/
html.dtm-dark body,
html.dtm-dark body.custom-background,
html.dtm-dark body.custom-background.stretched {
	background-color: var(--dtm-page);
	color: var(--dtm-text);
}
html.dtm-dark #wrapper,
html.dtm-dark .boxed #wrapper {
	background-color: var(--dtm-surface);
}
html.dtm-dark a {
	color: var(--dtm-accent);
}
html.dtm-dark a:hover {
	color: #ffffff;
}
html.dtm-dark h1,
html.dtm-dark h2,
html.dtm-dark h3,
html.dtm-dark h4,
html.dtm-dark h5,
html.dtm-dark h6 {
	color: var(--dtm-text);
}
html.dtm-dark hr {
	border-color: var(--dtm-border);
}
html.dtm-dark th,
html.dtm-dark td {
	border-bottom-color: var(--dtm-border);
}
html.dtm-dark tr.alternate {
	background-color: var(--dtm-surface-2);
}
html.dtm-dark blockquote p {
	color: var(--dtm-muted);
}
html.dtm-dark blockquote cite {
	color: var(--dtm-text-2);
}
html.dtm-dark code,
html.dtm-dark pre {
	background-color: var(--dtm-surface-3);
	color: var(--dtm-text);
}
html.dtm-dark fieldset {
	border-color: var(--dtm-border);
}
html.dtm-dark .wp-caption {
	background-color: var(--dtm-surface-2);
	border-color: var(--dtm-border);
}
html.dtm-dark .wp-caption-text {
	color: var(--dtm-muted);
}

/* =Formularfelder
-----------------------------------*/
html.dtm-dark input[type="text"],
html.dtm-dark input[type="email"],
html.dtm-dark input[type="url"],
html.dtm-dark input[type="tel"],
html.dtm-dark input[type="number"],
html.dtm-dark input[type="search"],
html.dtm-dark input[type="password"],
html.dtm-dark select,
html.dtm-dark textarea {
	background-color: var(--dtm-surface-3);
	border-color: var(--dtm-border);
	color: var(--dtm-text);
}
html.dtm-dark input[type="text"]:focus,
html.dtm-dark input[type="email"]:focus,
html.dtm-dark input[type="url"]:focus,
html.dtm-dark input[type="search"]:focus,
html.dtm-dark select:focus,
html.dtm-dark textarea:focus {
	background-color: #272c32;
	border-color: var(--dtm-accent);
	color: #ffffff;
}
html.dtm-dark ::-webkit-input-placeholder { color: var(--dtm-faint); }
html.dtm-dark ::-moz-placeholder { color: var(--dtm-faint); opacity: 1; }
html.dtm-dark :-ms-input-placeholder { color: var(--dtm-faint); }
html.dtm-dark ::placeholder { color: var(--dtm-faint); opacity: 1; }

/* =Kopfbereich
-----------------------------------*/
html.dtm-dark #site-title a {
	color: var(--dtm-text);
}
html.dtm-dark #site-title a:hover {
	color: var(--dtm-accent);
}
html.dtm-dark #site-description {
	color: var(--dtm-faint);
}

/* =Navigation
-----------------------------------*/
html.dtm-dark #mainnav {
	border-color: var(--dtm-border);
}
html.dtm-dark #mainmenu > li > a {
	color: var(--dtm-text-2);
}
html.dtm-dark #mainmenu > li:hover > a,
html.dtm-dark #mainmenu > li.current-menu-item > a,
html.dtm-dark #mainmenu > li.current_page_item > a,
html.dtm-dark #mainmenu > li.current-menu-ancestor > a,
html.dtm-dark #mainmenu > li.current_page_ancestor > a {
	color: #ffffff;
	background-color: var(--dtm-accent-strong);
}
html.dtm-dark #mainmenu ul {
	background-color: var(--dtm-accent-strong);
}
html.dtm-dark .mainmenu,
html.dtm-dark select.mainmenu {
	background-color: var(--dtm-surface-3);
	border-color: var(--dtm-border);
	color: var(--dtm-text);
}

/* =Slider / Featured
-----------------------------------*/
html.dtm-dark .flexslider {
	background-color: var(--dtm-surface-2);
}
html.dtm-dark .flex-control-paging li a {
	background: rgba(255, 255, 255, 0.25);
}
html.dtm-dark .flex-control-paging li a:hover {
	background: rgba(255, 255, 255, 0.4);
}
html.dtm-dark .flex-control-paging li a.flex-active {
	background-color: var(--dtm-accent);
}
/* Fotos bleiben unangetastet – nur der Textverlauf wird etwas dichter,
   damit weiße Schrift auf hellen Bildern lesbar bleibt. */
html.dtm-dark .featured header {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
}

/* =Beitragslisten / Blocks
-----------------------------------*/
html.dtm-dark .posts .entry-title a,
html.dtm-dark .block-heading > a,
html.dtm-dark h4.block-heading a {
	color: var(--dtm-text);
}
html.dtm-dark .posts .entry-title a:hover,
html.dtm-dark .block-heading > a:hover {
	color: var(--dtm-accent);
}
html.dtm-dark .posts .entry-main,
html.dtm-dark .posts .entry-content,
html.dtm-dark .page-template-page-builder-php .page-content {
	color: var(--dtm-text-2);
}
html.dtm-dark .entry-meta,
html.dtm-dark .block-meta {
	color: var(--dtm-faint);
}
html.dtm-dark .entry-meta a,
html.dtm-dark .block-meta a,
html.dtm-dark span.post-date {
	color: var(--dtm-faint);
}
html.dtm-dark .entry-meta a:hover,
html.dtm-dark .block-meta a:hover {
	color: var(--dtm-accent);
}
html.dtm-dark .posts .entry-image {
	border-bottom-color: var(--dtm-border);
}
html.dtm-dark .posts .entry-image:hover,
html.dtm-dark .block-top:hover,
html.dtm-dark .block-1 .block-side:hover {
	border-color: var(--dtm-accent);
}
html.dtm-dark .block-6 .post {
	border-top-color: var(--dtm-border);
}
html.dtm-dark .block-more > a {
	color: var(--dtm-text-2);
}
html.dtm-dark .block-more > a:hover {
	color: var(--dtm-accent);
}
html.dtm-dark #wrapper .block .block-title a:hover {
	color: #ffffff;
	background-color: var(--dtm-surface-3);
}
html.dtm-dark .archive-header {
	border-bottom-color: var(--dtm-border);
}
html.dtm-dark .archive-meta,
html.dtm-dark h1.page-title small {
	color: var(--dtm-muted);
}
html.dtm-dark .breadcrumb,
html.dtm-dark .breadcrumb span {
	color: var(--dtm-muted);
}
html.dtm-dark .breadcrumb-lead {
	color: var(--dtm-faint);
}

/* =Einzelbeitrag
-----------------------------------*/
html.dtm-dark .page .entry-content,
html.dtm-dark article.page .entry-content {
	color: var(--dtm-text);
}
html.dtm-dark .next-prev {
	color: var(--dtm-faint);
	border-top-color: var(--dtm-border);
	border-bottom-color: var(--dtm-border);
}
html.dtm-dark .next-prev a {
	color: var(--dtm-text-2);
}
html.dtm-dark .next-prev a:hover {
	color: var(--dtm-accent);
}
html.dtm-dark .tags,
html.dtm-dark .norelated {
	color: var(--dtm-muted);
}
html.dtm-dark .single .entry-footer,
html.dtm-dark article.page > .entry-footer {
	border-color: var(--dtm-border);
}
html.dtm-dark .author-info {
	background-color: var(--dtm-surface-2);
	border-color: var(--dtm-border);
}
html.dtm-dark .author-link h4 a {
	color: var(--dtm-text);
}
html.dtm-dark .author-info .author-link > a {
	color: var(--dtm-faint);
}
html.dtm-dark .author-link a:hover {
	color: var(--dtm-accent);
}
html.dtm-dark .author-description {
	color: var(--dtm-muted);
}
html.dtm-dark .related-posts h3,
html.dtm-dark .related-posts h4.block-heading a {
	color: var(--dtm-text);
}

/* =Review-Box
-----------------------------------*/
html.dtm-dark .review {
	border-color: var(--dtm-border);
	background-color: var(--dtm-surface-2);
}
html.dtm-dark .review .overall {
	background-color: var(--dtm-surface-3);
	border-top-color: var(--dtm-border);
	border-bottom-color: var(--dtm-border);
}
html.dtm-dark .review .summary {
	color: var(--dtm-text-2);
}
html.dtm-dark .rating {
	color: #ffb340;
}

/* =Seitenleiste / Widgets
-----------------------------------*/
html.dtm-dark .widgettitle {
	color: var(--dtm-text);
	border-bottom-color: var(--dtm-border);
}
html.dtm-dark .widgettitle span {
	border-bottom-color: var(--dtm-accent);
}
html.dtm-dark .widget ul > li {
	border-color: var(--dtm-border);
}
html.dtm-dark .widget li > a,
html.dtm-dark .widget_g7_subpages li a {
	color: var(--dtm-text-2);
}
html.dtm-dark .widget li > a:hover,
html.dtm-dark .widget_g7_subpages li a:hover {
	color: var(--dtm-accent);
}
html.dtm-dark .widget .block-excerpt,
html.dtm-dark .widget .video-desc,
html.dtm-dark .widget_rss .rssSummary,
html.dtm-dark .widget_rss cite {
	color: var(--dtm-muted);
}
html.dtm-dark .widget_rss span.rss-date,
html.dtm-dark .recentcomments,
html.dtm-dark .widget_archive li,
html.dtm-dark .widget_links li,
html.dtm-dark .widget_g7_comments li {
	color: var(--dtm-faint);
}
html.dtm-dark .widget_rss a.rsswidget:hover {
	color: var(--dtm-accent);
}
html.dtm-dark .block-category a {
	color: var(--dtm-faint);
}
html.dtm-dark .widget_g7_social .coh li .social-box {
	background-color: var(--dtm-surface-3);
}
html.dtm-dark .widget_g7_social .coh i.fa {
	color: var(--dtm-text-2);
}
html.dtm-dark .widget_g7_social .coh li:hover i.fa {
	color: #ffffff;
}
html.dtm-dark .flickr_badge_image img {
	background: rgba(255, 255, 255, 0.06);
}
html.dtm-dark input.s,
html.dtm-dark .widget input.s {
	background-color: var(--dtm-surface-3);
	border-color: var(--dtm-border);
	color: var(--dtm-text);
}
html.dtm-dark .searchsubmit {
	color: #ffffff;
	background-color: var(--dtm-accent-strong);
}

/* =Pagination
-----------------------------------*/
html.dtm-dark .pagination a,
html.dtm-dark .pagination a:visited,
html.dtm-dark .pagination span {
	color: var(--dtm-text-2);
	background-color: var(--dtm-surface-3);
}
html.dtm-dark .pagination span.current,
html.dtm-dark .pagination a:hover {
	color: #ffffff;
	background-color: var(--dtm-accent-strong);
}

/* =Kommentare
-----------------------------------*/
html.dtm-dark #comments-title,
html.dtm-dark #reply-title {
	color: var(--dtm-text);
}
html.dtm-dark .nocomments {
	color: var(--dtm-muted);
}
html.dtm-dark .commentlist {
	border-bottom-color: var(--dtm-border);
}
html.dtm-dark .commentlist li {
	background: var(--dtm-surface);
}
html.dtm-dark .commentlist li.comment,
html.dtm-dark .commentlist #respond {
	border-top-color: var(--dtm-border);
}
html.dtm-dark .commentlist .comment-avatar img {
	border-color: var(--dtm-border);
}
html.dtm-dark .commentlist footer,
html.dtm-dark .comment-content footer time {
	color: var(--dtm-faint);
}
html.dtm-dark .commentlist span.fn,
html.dtm-dark .commentlist span.fn a {
	color: var(--dtm-text);
}
html.dtm-dark .commentlist .comment-awaiting-moderation {
	color: var(--dtm-muted);
}
html.dtm-dark .bypostauthor > article {
	border-left-color: var(--dtm-accent-strong);
	background-color: var(--dtm-surface-2);
}
html.dtm-dark #respond p label,
html.dtm-dark .form-allowed-tags code {
	color: var(--dtm-muted);
}
html.dtm-dark #respond input[type="text"],
html.dtm-dark #respond input[type="email"],
html.dtm-dark #respond input[type="url"],
html.dtm-dark #respond textarea {
	border-color: var(--dtm-border);
	background-color: var(--dtm-surface-3);
	color: var(--dtm-text);
}
html.dtm-dark #respond .logged-in-as {
	color: var(--dtm-muted);
}
html.dtm-dark #respond #cancel-comment-reply-link {
	color: var(--dtm-text-2);
}

/* =Buttons / Kontaktformular / Meldungen
-----------------------------------*/
html.dtm-dark .btn.readmore {
	border-color: var(--dtm-border);
	background-color: var(--dtm-surface-3);
	color: var(--dtm-text-2);
}
html.dtm-dark .btn.readmore:hover,
html.dtm-dark #wrapper article a.readmore:hover {
	border-color: var(--dtm-accent-strong);
	background-color: var(--dtm-accent-strong);
	color: #ffffff;
}
html.dtm-dark .g7-msg {
	color: var(--dtm-text);
	border-color: var(--dtm-border);
	background-color: var(--dtm-surface-2);
}
html.dtm-dark .g7-msg h3 {
	color: var(--dtm-text);
}
html.dtm-dark .g7-success {
	border-color: #2f6b3a;
	background-color: #16231a;
}
html.dtm-dark .g7-error {
	border-color: #7a3a31;
	background-color: #241716;
}
html.dtm-dark .widget_g7_contact textarea.err {
	border-color: #7a3a31;
	background: #241716;
	color: var(--dtm-text);
}
html.dtm-dark .wpcf7-form label {
	color: var(--dtm-text-2);
}
html.dtm-dark .wpcf7-not-valid-tip {
	color: #ff8a7a;
}
html.dtm-dark .wpcf7-response-output {
	border-color: var(--dtm-border);
	color: var(--dtm-text);
}
html.dtm-dark .wp-block-button__link {
	color: #ffffff;
	background-color: var(--dtm-accent-strong);
}

/* =Galerie
-----------------------------------*/
html.dtm-dark #wrapper .gallery img {
	border-color: var(--dtm-border);
}
html.dtm-dark #wrapper .gallery a:hover img {
	border-color: var(--dtm-accent);
}
html.dtm-dark #wrapper .gallery .gallery-caption {
	color: var(--dtm-muted);
}

/* =Fußbereich
-----------------------------------*/
html.dtm-dark #footer-widget {
	background-color: #14171a;
	border-top-color: var(--dtm-border);
}
html.dtm-dark #footer-widget .widget,
html.dtm-dark #footer-widget .textwidget {
	color: var(--dtm-text-2);
}
html.dtm-dark #bottom {
	color: var(--dtm-muted);
	background-color: var(--dtm-surface);
	border-top-color: var(--dtm-border);
}
html.dtm-dark #bottom a {
	color: var(--dtm-text-2);
}
html.dtm-dark #bottom a:hover {
	color: var(--dtm-accent);
}

/* =Umschalter
-----------------------------------*/
#top {
	position: relative;
}
.dtm-toggle-wrap {
	margin: 0 0 15px;
	text-align: center;
}
@media (min-width: 768px) {
	.dtm-toggle-wrap {
		position: absolute;
		top: 50%;
		right: 0;
		margin: 0;
		transform: translateY(-50%);
	}
}
.dtm-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 7px 14px 7px 11px;
	font: inherit;
	font-size: 13px;
	line-height: 1;
	color: #666;
	background-color: #f3f3f3;
	border: 1px solid #e2e2e2;
	border-radius: 999px;
	cursor: pointer;
	transition: color 0.15s linear, background-color 0.15s linear, border-color 0.15s linear;
	-webkit-appearance: none;
	appearance: none;
}
.dtm-toggle:hover,
.dtm-toggle:focus-visible {
	color: #fff;
	background-color: #1e73be;
	border-color: #1e73be;
}
.dtm-toggle:focus-visible {
	outline: 2px solid #1e73be;
	outline-offset: 2px;
}
.dtm-toggle svg {
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.dtm-toggle .dtm-icon-sun { display: none; }
.dtm-toggle .dtm-icon-moon { display: block; }
html.dtm-dark .dtm-toggle .dtm-icon-sun { display: block; }
html.dtm-dark .dtm-toggle .dtm-icon-moon { display: none; }
html.dtm-dark .dtm-toggle {
	color: var(--dtm-text-2);
	background-color: var(--dtm-surface-3);
	border-color: var(--dtm-border);
}
html.dtm-dark .dtm-toggle:hover,
html.dtm-dark .dtm-toggle:focus-visible {
	color: #fff;
	background-color: var(--dtm-accent-strong);
	border-color: var(--dtm-accent-strong);
}