/**
 * Theme Name:     Hello Elementor (OmanBros) Child
 * Author:         Elementor Team, OmanBros.com Team
 * Template:       OmanBros-Theme
 * Text Domain:	   hello-elementor-omanbros-child
 * Description:    A plain-vanilla
 */

/** = aside: Brancheninfo u.Ä. = **/

/* asap-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 100;
  src: url('./fonts/asap-v30-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/asap-v30-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/asap-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/asap-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/asap-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/asap-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/asap-v30-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/asap-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/asap-v30-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/asap-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body, body *{
	font-family: 'Asap';
}

:root {
	--fzb-gray: #E4E4DB;
}

/*Break in den Cards stylen*/
br{ 
	max-height: 0px !important;
	/*content: " ";*/
}

.wpgb-facet-4 label{
	min-width: 222px;
}

#sublogo img,
#branch_contact_img img {
	object-fit: contain;
	max-height: 12em;
}

#branch_contact_img {
	background-color: var(--fzb-gray);
	padding: 0.5rem 0.5rem 0;
	margin-top: 1em;
}

#sublogo.empty,
#branch_contact_img.empty {
	display: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
}

#branch_contact:not(.empty) {
	background-color: var(--fzb-gray);
	padding: 0.5rem;
	margin: 1em 0;
}

#branch_contact_img.empty+#branch_contact {
	margin-top: 1rem;
}

#branch_contact_img:not(.empty)+#branch_contact:not(.empty) {
	padding: 0 0.5rem 0.5rem;
	font-style: italic;
	margin-top: 0;
}

#branchbox.empty {
	padding: 0;
	margin-top: 0;
	background-color: transparent;
}

#branchbox>.empty {
	display: none;
}

#branchbox>.empty+div {
	--width: 100%;
}

/* Header Responsive */

@media only screen and (min-width: 850px) and (max-width: 1150px) {
    .elementor-89 .elementor-element.elementor-element-c9abf23 {
        min-height: 360px;
    }
}

/* Team */
.credits{
	font-size: 12px;
	line-height: 1;
	font-weight: 400;
	display: block;
}

/** = Anderes = **/

/* Sichtbarer Fokusindikator (WCAG 2.4.7). Nur bei Tastaturbedienung. */

:focus-visible {
	outline: 3px solid #017234;
	outline-offset: 2px;
}

/* Externe Links öffnen in einem neuen Register und werden als solche angekündigt.
   @see ob_fzb_external_links() in functions.php */

a[target="_blank"] .fzb-external-hint {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.wp-grid-builder .wpgb-card .fzb-heading {
	font-weight: bold;
	font-size: 30px;
	color: #017234;
	padding: 10px 0;
}

.wpgb-facet-1 ul li:first-child {
	padding-left: 265px;
}

/* Links in Cards umstylen */

.wpgb-card-body p a {
	text-decoration: underline;
}

/* Download Card stylen (Bild) */

.wpgb-card-9 .wpgb-card-media-thumbnail div, .wpgb-card-8 .wpgb-card-media-thumbnail div, .wpgb-card-13 .wpgb-card-media-thumbnail div{
	background-size: auto 80px !important;
	background-position: top center !important;
}
.wpgb-card-9 svg, .wpgb-card-8 svg, .wpgb-card-13 svg{
	padding-top: 80px !important;
}
.wpgb-card-9 .wpgb-card-media ~ .wpgb-card-content .wpgb-block-3, .wpgb-card-8 .wpgb-card-media ~ .wpgb-card-content .wpgb-block-7, .wpgb-card-13 .wpgb-card-media ~ .wpgb-card-content .wpgb-block-1{
	margin-top: 0 !important;
}

/* Fotogalerie Card stylen */

.wpgb-card-5 .wpgb-card-content {
	display: flex !important;
	flex-direction: row !important;
}

.wpgb-card-5 .wpgb-card-footer {
	width: 80%;
}

/* Zertifizierung und Opt in Card Link stylen */

.linkstyle, .more-link, .back-link{
	display: flex;
    background: var(--wpgb-light-scheme-2);
    width: 200px;
    height: 36px;
    justify-content: center;
    align-items: center;
	margin-top: 10px !important;
	font-weight: 700 !important;
    font-size: 16px !important;
	text-decoration: none !important;
	/*color: #333333 !important;*/
}
.back-link{
	width: 100%;
	margin-top: 0 !important;
}
.more-link:hover, .back-link:hover{
	color: var(--e-global-color-secondary) !important;
	text-decoration: underline !important;
	cursor: pointer;
}

/* Cards - Branchenanzeige */

/* Mobil */

@media only screen and (max-width: 767px) {
	.branche {
		position: relative !important;
		width: 100%;
	}

	.wpgb-facet-1 ul li:first-child {
		padding-left: 0 !important;
	}
}

.wpgb-card-body p:first-child {
	margin-top: -10px !important;
	/*margin-bottom: -15px !important;*/
}

.wpgb-card-body .linkstyle {
	margin-top: 20px !important;
}

.wp-grid-builder .wpgb-card [class*=wpgb-block-]{
	white-space: normal !important;
}
.wp-grid-builder .wpgb-card [class*=wpgb-block-] p{
	padding-top: 10px !important;
}

.no-small {
    background: transparent !important;
}

.wpgb-card-13 .wpgb-block-7 {
	background: none !important;
}

.wpgb-card-13 .wpgb-block-6 {
	background: none !important;
}

.wpgb-masonry span {
	font-weight: 700 !important;
	font-size: 16px !important;
	color: #333333 !important;
	font-family: 'Asap', sans-serif !important;
}

.wpgb-masonry span:hover {
	text-decoration: underline !important;
	color: #BA522F !important;
}

.wpgb-masonry strong {
	font-weight: 600 !important;
}
/* Hinweis, wenn Filter und Suche mangels JavaScript nicht bedienbar sind. */

.fzb-noscript-hinweis {
	background: #E4E4DB;
	border-left: 4px solid #017234;
	margin: 0 0 20px;
	padding: 12px 16px;
}

/* = Barrierefreiheit, Prüfung 28.09.2026 = */

/* Fokusrahmen im Raster. WP Grid Builder setzt `outline: 0` mit höherer Spezifität
   als die allgemeine Regel `:focus-visible` weiter oben (WCAG 2.4.7). */

.wp-grid-builder .wpgb-card:focus-visible,
.wp-grid-builder .wpgb-card a:focus-visible,
.wpgb-facet input:focus-visible,
.wpgb-facet select.wpgb-select:focus-visible,
.wpgb-facet button:focus-visible,
.wpgb-facet [role="button"]:focus-visible {
	outline: 3px solid #017234;
	outline-offset: 2px;
}

/* Branchen-Etikett der Karten: #D9501E erreicht auf Weiß nur 4,10:1 (WCAG 1.4.3).
   @see ob_fzb_get_post_categories() */

.wp-grid-builder .wpgb-card .fzb-branch-tag {
	color: #CC4B1C;
}

/* Links im Fließtext nicht nur über die Farbe kennzeichnen (WCAG 1.4.1).
   Links mit Klasse sind Schaltflächen oder Karten und bleiben unberührt. */

main p > a:is(:not([class]), [class=""]),
main li > a:is(:not([class]), [class=""]) {
	text-decoration: underline;
}

/* Kontraste auf „Über uns“ (WCAG 1.4.3): Funktionsband 2,61:1 und E-Mail-Links 4,37:1. */

.elementor-ribbon-inner {
	color: #fff;
}

.elementor .elementor-cta__description a {
	color: var(--e-global-color-secondary);
}

/* Aktiver Footer-Menüpunkt: Akzentfarbe auf #555 erreicht 1,63:1 (WCAG 1.4.3).
   `!important`, weil Elementor die Farbe mit sechs Klassen je Widget setzt. */

.elementor-location-footer .elementor-nav-menu--main .elementor-item-active,
.elementor-location-footer .elementor-nav-menu--main .elementor-item:hover,
.elementor-location-footer .elementor-nav-menu--main .elementor-item:focus {
	color: #fff !important;
	text-decoration: underline;
}