/*
 * Obulma Child: Änderungen aus obulma/css/custom.css (Stand 27.05.2021)
 *
 * Das Original custom.css wurde damals mit geänderten Farben neu erzeugt und
 * am Ende ergänzt. Diese Datei enthält nur die Abweichungen zum Original
 * (Regel für Regel mit custom.min.css verglichen) und wird nach dem CSS des
 * Eltern-Themes geladen.
 */

/* Hintergrund von Seite, Navigation und Footer (Original: #fff / #fafafa) */

html {
	background-color: #eeeeee;
}

.navbar {
	background-color: #eeeeee;
}

.footer {
	background-color: #eeeeee;
}

/* Navigation ab 1024px (Original: margin-left: auto / margin-right: -.75rem) */

@media screen and (min-width: 1024px) {
	.navbar-end {
		margin-left: 0px;
	}
}

@media screen and (min-width: 1024px) {
	.navbar > .container .navbar-menu,
	.container > .navbar .navbar-menu {
		margin-right: 1.25em;
	}
}

/* Listen in der hebräischen Version (RTL) */

body.rtl ul,
body.rtl ol {
	margin: 0;
	padding-right: 1.5em;
}

/* Weiße Boxen mit runden Ecken für Inhalt und Widgets */

.content-area {
	padding:15px;
}

.site-main {
	background:#ffffff;
	border-radius:15px;
	padding:15px;
}

.widget-area {
	padding:15px;
}

.widget {
	background:#ffffff;
	border-radius:15px;
	padding:15px;
}

/* Linkfarbe #0080c8 statt Bulma-Standard #3273dc (alle betroffenen Bulma-Regeln) */

a {
	color: #0080c8;
}

.has-text-link {
	color: #0080c8 !important;
}

.has-background-link {
	background-color: #0080c8 !important;
}

a.box:hover,
a.box:focus {
	-webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #0080c8;
	box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #0080c8;
}

a.box:active {
	-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #0080c8;
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #0080c8;
}

.button:focus,
.button.is-focused {
	border-color: #0080c8;
}

.button.is-link {
	background-color: #0080c8;
}

.button.is-link[disabled],
fieldset[disabled] .button.is-link {
	background-color: #0080c8;
}

.button.is-link.is-inverted {
	color: #0080c8;
}

.button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted {
	color: #0080c8;
}

.button.is-link.is-outlined {
	border-color: #0080c8;
	color: #0080c8;
}

.button.is-link.is-outlined:hover,
.button.is-link.is-outlined.is-hovered,
.button.is-link.is-outlined:focus,
.button.is-link.is-outlined.is-focused {
	background-color: #0080c8;
	border-color: #0080c8;
}

.button.is-link.is-outlined.is-loading::after {
	border-color: transparent transparent #0080c8 #0080c8 !important;
}

.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
	border-color: #0080c8;
	color: #0080c8;
}

.button.is-link.is-inverted.is-outlined:hover,
.button.is-link.is-inverted.is-outlined.is-hovered,
.button.is-link.is-inverted.is-outlined:focus,
.button.is-link.is-inverted.is-outlined.is-focused {
	color: #0080c8;
}

.button.is-link.is-inverted.is-outlined.is-loading:hover::after,
.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-link.is-inverted.is-outlined.is-loading:focus::after,
.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
	border-color: transparent transparent #0080c8 #0080c8 !important;
}

.notification.is-link {
	background-color: #0080c8;
}

.progress.is-link::-webkit-progress-value {
	background-color: #0080c8;
}

.progress.is-link::-moz-progress-bar {
	background-color: #0080c8;
}

.progress.is-link::-ms-fill {
	background-color: #0080c8;
}

.progress.is-link:indeterminate {
	background-image: linear-gradient(to right, #0080c8 30%, #ededed 30%);
}

.table td.is-link,
.table th.is-link {
	background-color: #0080c8;
	border-color: #0080c8;
}

.tag:not(body).is-link {
	background-color: #0080c8;
}

.input:focus,
.textarea:focus,
.select select:focus,
.is-focused.input,
.is-focused.textarea,
.select select.is-focused,
.input:active,
.textarea:active,
.select select:active,
.is-active.input,
.is-active.textarea,
.select select.is-active {
	border-color: #0080c8;
}

.is-link.input,
.is-link.textarea {
	border-color: #0080c8;
}

.select:not(.is-multiple):not(.is-loading)::after {
	border-color: #0080c8;
}

.select.is-link:not(:hover)::after {
	border-color: #0080c8;
}

.select.is-link select {
	border-color: #0080c8;
}

.file.is-link .file-cta {
	background-color: #0080c8;
}

.help.is-link {
	color: #0080c8;
}

.breadcrumb a {
	color: #0080c8;
}

a.dropdown-item.is-active,
button.dropdown-item.is-active {
	background-color: #0080c8;
}

.list-item.is-active {
	background-color: #0080c8;
}

.menu-list a.is-active {
	background-color: #0080c8;
}

.message.is-link .message-header {
	background-color: #0080c8;
}

.message.is-link .message-body {
	border-color: #0080c8;
}

.navbar.is-link {
	background-color: #0080c8;
}

@media screen and (min-width: 1024px) {
	.navbar.is-link .navbar-dropdown a.navbar-item.is-active {
		background-color: #0080c8;
	}
}

a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover,
a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
	color: #0080c8;
}

.navbar-item.is-tab:focus,
.navbar-item.is-tab:hover {
	border-bottom-color: #0080c8;
}

.navbar-item.is-tab.is-active {
	border-bottom-color: #0080c8;
	color: #0080c8;
}

.navbar-link:not(.is-arrowless)::after {
	border-color: #0080c8;
}

@media screen and (min-width: 1024px) {
	.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
		color: #0080c8;
	}
}

@media screen and (min-width: 1024px) {
	.navbar-dropdown a.navbar-item.is-active {
		color: #0080c8;
	}
}

.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
	border-color: #0080c8;
}

.pagination-link.is-current {
	background-color: #0080c8;
	border-color: #0080c8;
}

.panel.is-link .panel-heading {
	background-color: #0080c8;
}

.panel.is-link .panel-tabs a.is-active {
	border-bottom-color: #0080c8;
}

.panel.is-link .panel-block.is-active .panel-icon {
	color: #0080c8;
}

.panel-list a:hover {
	color: #0080c8;
}

.panel-block.is-active {
	border-left-color: #0080c8;
}

.panel-block.is-active .panel-icon {
	color: #0080c8;
}

.tabs li.is-active a {
	border-bottom-color: #0080c8;
	color: #0080c8;
}

.tabs.is-toggle li.is-active a {
	background-color: #0080c8;
	border-color: #0080c8;
}

.hero.is-link {
	background-color: #0080c8;
}

@media screen and (max-width: 1023px) {
	.hero.is-link .navbar-menu {
		background-color: #0080c8;
	}
}

.hero.is-link .tabs.is-boxed li.is-active a,
.hero.is-link .tabs.is-boxed li.is-active a:hover,
.hero.is-link .tabs.is-toggle li.is-active a,
.hero.is-link .tabs.is-toggle li.is-active a:hover {
	color: #0080c8;
}

.hero.is-link.is-bold {
	background-image: linear-gradient(141deg, #1577c6 0%, #0080c8 71%, #4366e5 100%);
}

@media screen and (max-width: 768px) {
	.hero.is-link.is-bold .navbar-menu {
		background-image: linear-gradient(141deg, #1577c6 0%, #0080c8 71%, #4366e5 100%);
	}
}

a {
	color: #0080c8;
}

a:visited {
	color: #0080c8;
}

a:hover,
a:active {
	color: #0080c8;
}

.entry-title a:hover {
	color: #0080c8;
}

.widget_rss .widget-title a:hover {
	color: #0080c8;
}

/*
 * Ab Obulma 3.0 (Bulma 1.0): Werte wie unter Obulma 1.0.4 / Bulma 0.8 wiederherstellen.
 * Abgeglichen am 15.10.2026 gegen den Stand vor dem Update (berechnete Styles, Desktop und Handy).
 * Der Dark Mode von Bulma 1.0 wird in functions.php abgeschaltet (data-theme="light").
 */

:root {
	/* Neutrale Grautöne statt bläulicher (Text #4a4a4a, Überschriften #363636) */
	--bulma-scheme-h: 0;
	--bulma-scheme-s: 0%;
	--bulma-text-h: 0deg;
	--bulma-text-s: 0%;
	/* Linkfarbe #0080c8 */
	--bulma-link-h: 201.6deg;
	--bulma-link-s: 100%;
	--bulma-link-l: 39.2%;
	--bulma-radius: 4px;
	--bulma-radius-large: 6px;
	--bulma-strong-weight: 700;
}

/* Bulma 1.0 setzt diese Variablen direkt an den Komponenten */
.content {
	--bulma-content-heading-weight: 600;
}

.button {
	--bulma-button-weight: 400;
}

.navbar-dropdown {
	padding-bottom: .5rem;
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
	color: #dbdbdb;
}

/* Burger-Menü wie bisher: grau, eckig, drei Striche mit X beim Öffnen */
.navbar-burger {
	border-radius: 0;
	color: #4a4a4a;
	height: 3.25rem;
	margin-inline-end: 0;
	width: 3.25rem;
}

.navbar-burger span {
	height: 1px;
	left: calc(50% - 8px);
	transition-duration: 86ms;
	width: 16px;
}

.navbar-burger span:nth-child(1) {
	top: calc(50% - 6px);
}

.navbar-burger span:nth-child(2) {
	top: calc(50% - 1px);
}

.navbar-burger span:nth-child(3) {
	bottom: auto;
	top: calc(50% + 4px);
}

.navbar-burger.is-active span:nth-child(1) {
	transform: translateY(5px) rotate(45deg);
}

.navbar-burger.is-active span:nth-child(2) {
	opacity: 0;
	transform: none;
}

.navbar-burger.is-active span:nth-child(3) {
	opacity: 1;
	transform: translateY(-5px) rotate(-45deg);
}

/* Navigation so breit wie der Inhalt (Bulma 1.0 begrenzt .is-max-desktop auf 960px) */
@media screen and (min-width: 1216px) {
	.container.is-max-desktop:not(.is-fluid) {
		max-width: 1152px;
	}
}

@media screen and (min-width: 1408px) {
	.container.is-max-desktop:not(.is-fluid) {
		max-width: 1344px;
	}
}

/* Hebräisch (RTL): Menü direkt neben dem Logo wie in der deutschen Version */
@media screen and (min-width: 1024px) {
	.navbar-end {
		margin-inline-start: 0;
	}
}

@media screen and (min-width: 769px), print {
	.hero.is-large .hero-body {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

/* Abstände wie bisher */
ol,
ul {
	padding-left: 1.5em;
}

.site-content {
	padding-block: 0;
}

.footer {
	padding-bottom: 6rem;
}

.navigation,
.pagination {
	margin: 15px 0;
}

.entry-footer > span,
.entry-meta > span {
	font-size: 14px;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
	margin-block: .25rem;
}

.pagination-ellipsis {
	color: #b5b5b5;
}

/* "Weiterlesen"-Buttons wie bisher */
.button {
	padding-bottom: calc(.5em - 1px);
	padding-top: calc(.5em - 1px);
}

/* Obulma 3.0 nutzt im Suchformular is-link statt is-info */
.button.is-info,
.search-form .button.is-link {
	background-color: #3298dc;
	border: 1px solid transparent;
	color: #fff;
}

.button.is-info.is-hovered,
.button.is-info:hover,
.search-form .button.is-link.is-hovered,
.search-form .button.is-link:hover {
	background-color: #2793da;
	border-color: transparent;
	color: #fff;
}

.button.is-info.is-active,
.button.is-info:active,
.search-form .button.is-link.is-active,
.search-form .button.is-link:active {
	background-color: #238cd1;
	border-color: transparent;
	color: #fff;
}

/* Bilder in Inhalten (z. B. Medien-und-Text-Blöcke) wie bisher */
.content figure {
	text-align: center;
}

.content figure:not(:last-child) {
	margin-bottom: 2em;
}

.content figure img {
	display: inline-block;
}