/* Flavor Theme - Custom Styles */

/* Fonts
----------------------- */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rubik-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/rubik-v28-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: bold;
  font-weight: 700;
  src: url('../fonts/rubik-v28-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: 'Ciutadella Rounded';
    src: local('Ciutadella Rounded SemiBold'), local('Ciutadella-Rounded-SemiBold'),
        url('../fonts/CiutadellaRounded-SmBd.woff2') format('woff2'),
        url('../fonts/CiutadellaRounded-SmBd.woff') format('woff'),
        url('../fonts/CiutadellaRounded-SmBd.ttf') format('truetype');
    font-weight: 600;
    font-style: bold;
}
@font-face {
  font-display: swap;
    font-family: 'Ciutadella Rounded';
    src: local('Ciutadella Rounded Regular'), local('Ciutadella-Rounded-Regular'),
        url('../fonts/CiutadellaRounded-Rg.woff2') format('woff2'),
        url('../fonts/CiutadellaRounded-Rg.woff') format('woff'),
        url('../fonts/CiutadellaRounded-Rg.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
  font-display: swap;
    font-family: 'Ciutadella Rounded';
    src: local('Ciutadella Rounded Medium'), local('Ciutadella-Rounded-Medium'),
        url('../fonts/CiutadellaRounded-Md.woff2') format('woff2'),
        url('../fonts/CiutadellaRounded-Md.woff') format('woff'),
        url('../fonts/CiutadellaRounded-Md.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* Base font */
body {
	font-family: 'Rubik',-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	/* 'Inter', system-ui, -apple-system, sans-serif; */
}

h1, h2, h3, h4, a.text-xl {
	font-family: 'Ciutadella Rounded',-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

/* Prose content styles for article body */
.prose-content h1 { font-size: 2rem; font-weight: 500; margin: 1.5em 0 0.5em; line-height: 1.3; }
.prose-content h2 { font-size: 1.5rem; font-weight: 500; margin: 1.5em 0 0.5em; line-height: 1.3; }
.prose-content h3 { font-size: 1.25rem; font-weight: 500; margin: 1.25em 0 0.5em; line-height: 1.4; }
.prose-content h4 { font-size: 1.125rem; font-weight: 500; margin: 1em 0 0.5em; line-height: 1.4; }

.prose-content p, li { font-size: 1.1rem; margin: 1em 0; }

.prose-content a {
	color: #059669;
	text-decoration: underline;
	text-decoration-color: rgba(5, 150, 105, 0.3);
	text-underline-offset: 2px;
	transition: text-decoration-color 0.2s;
}
.prose-content a:hover {
	text-decoration-color: #059669;
}

.prose-content ul,
.prose-content ol {
	margin: 1em 0;
	padding-left: 1.5em;
	list-style: disc;
}
.prose-content li { margin: 0.25em 0; }

.prose-content blockquote {
	border-left: 3px solid #6D1197;
	margin: 1.5em 0;
	padding: 0 1em;
	color: #7A818D;
	font-weight: 700;
}

.prose-content pre {
	background: #1f2937;
	color: #e5e7eb;
	border-radius: 0.5rem;
	padding: 1rem;
	overflow-x: auto;
	margin: 1.5em 0;
	font-size: 0.875rem;
	line-height: 1.7;
}

.prose-content code {
	font-size: 0.875em;
	background: #f3f4f6;
	padding: 0.125em 0.375em;
	border-radius: 0.25rem;
}

.prose-content pre code {
	background: none;
	padding: 0;
	border-radius: 0;
}

.prose-content img {
	max-width: 100%;
	height: auto;
	border-radius: 0.5rem;
	margin: 1.5em 0;
}

.prose-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5em 0;
}
.prose-content th,
.prose-content td {
	border: 1px solid #e5e7eb;
	padding: 0.5em 0.75em;
	text-align: left;
}
.prose-content th {
	background: #f9fafb;
	font-weight: 600;
}

.prose-content hr {
	border: none;
	border-top: 1px solid #e5e7eb;
	margin: 2em 0;
}

/* Dark mode prose overrides */
`@media` (prefers-color-scheme: dark) {
	.prose-content code {
		background: `#374151`;
	}
	.prose-content blockquote {
		color: `#9ca3af`;
	}
	.prose-content th {
		background: `#1f2937`;
	}
	.prose-content th,
	.prose-content td {
		border-color: `#374151`;
	}
}

/* Ergänzungen von Dirk 07.2026 */
body {background: linear-gradient(135deg, rgba(79, 172, 254, 0.20) 0%, rgba(0, 242, 254, 0.20) 100%);}
a.text-xl {color: #6b7280; font-size: 2.24rem;}


.footerpadding {
  padding-left: 2em;
  // flex: none; float: left;  clear: both;
}
/* .firstnoshow h2:first-child {
  display: none;
}
.navnew {
  flex: none;
  float: none;
  clear: both;
} */