/**
 * 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 & lightweight theme for Elementor page builder, modified and adapted for use with OmanBros customers
 */

/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body{
	font-family: 'Open Sans' !important;
}

/* Grid Animation - Button statt Titel einblenden */

/* Code von Alter Variante
.grid .button{
	display: none;
}
#microsoft:hover .button, #beratung:hover .button, #app:hover .button, #upgrade:hover .button, #kasse:hover .button, #sepa:hover .button, #signatur:hover .button{
	display: block;
}
#microsoft:hover .titel, #beratung:hover .titel, #app:hover .titel, #upgrade:hover .titel, #kasse:hover .titel, #sepa:hover .titel, #signatur:hover .titel{
	display: none;
}
*/


.inhalt {
  opacity: 0;
  transform: translateY(10px);
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: 
    opacity 1.8s ease,
    transform 1.8s ease,
    max-height 1.8s ease;
}

.inhalt.aktiv {
  opacity: 1;
	max-height: none !important;
  transform: translateY(0);
  pointer-events: auto;
}

#ajax-post-content {
  transition: all 0.3s ease-in-out;
}



/* ---Leistungs Grid--- */

#leistung-grid .elementor-flip-box__front, #leistung-grid .elementor-flip-box__back{
	background-position: 15px 15px !important;
    background-repeat: no-repeat !important;
    background-size: 70px auto !important;
}

/* --Facets-- */

/* -Große Facet Button- */

.leistungen-facet .wpgb-button {
  width: calc(1180px / 100 * 18 - 10px) !important;
  min-height: 120px !important;
}
.leistungen-facet .wpgb-button[aria-pressed="false"] {
  border-top-color: #ffffff !important;
}
.leistungen-facet .wpgb-button-label {
  text-align: center;
}

@media only screen and (min-width: 750px) and (max-width: 931px) {
	.leistungen-facet .wpgb-button {
  		width: calc(100vw / 100 * 20) !important;
  		min-height: 120px !important;
	}
}

/* Leistung */
.leistungen-facet .wpgb-button:has(input[value="leistung"]) {
  border-bottom-color: #1E73BE !important;
}
.leistungen-facet
  .wpgb-button:has(input[value="leistung"])
  .wpgb-button-label {
  color: #1E73BE !important;
}
.leistungen-facet
  .wpgb-button:has(input[value="leistung"]):hover
  .wpgb-button-label,
.leistungen-facet
  .wpgb-button:has(input[value="leistung"])[aria-pressed="true"]
  .wpgb-button-label {
  color: #fff !important;
}
.leistungen-facet .wpgb-button:has(input[value="leistung"]):hover,
.leistungen-facet
  .wpgb-button:has(input[value="leistung"])[aria-pressed="true"] {
  border-color: #1E73BE !important;
  background-color: #1E73BE !important;
}

/* Modul */
.leistungen-facet .wpgb-button:has(input[value="modul"]) {
  border-bottom-color: #FF0000 !important;
}
.leistungen-facet
  .wpgb-button:has(input[value="modul"])
  .wpgb-button-label {
  color: #FF0000 !important;
}
.leistungen-facet
  .wpgb-button:has(input[value="modul"]):hover
  .wpgb-button-label,
.leistungen-facet
  .wpgb-button:has(input[value="modul"])[aria-pressed="true"]
  .wpgb-button-label {
  color: #fff !important;
}
.leistungen-facet .wpgb-button:has(input[value="modul"]):hover,
.leistungen-facet
  .wpgb-button:has(input[value="modul"])[aria-pressed="true"] {
  border-color: #FF0000 !important;
  background-color: #FF0000 !important;
}

/* Branche */
.leistungen-facet .wpgb-button:has(input[value="branche"]) {
  border-bottom-color: #FFAE00 !important;
}
.leistungen-facet
  .wpgb-button:has(input[value="branche"])
  .wpgb-button-label {
  color: #FFAE00 !important;
}
.leistungen-facet
  .wpgb-button:has(input[value="branche"]):hover
  .wpgb-button-label,
.leistungen-facet
  .wpgb-button:has(input[value="branche"])[aria-pressed="true"]
  .wpgb-button-label {
  color: #fff !important;
}
.leistungen-facet .wpgb-button:has(input[value="branche"]):hover,
.leistungen-facet
  .wpgb-button:has(input[value="branche"])[aria-pressed="true"] {
  border-color: #FFAE00 !important;
  background-color: #FFAE00 !important;
}

/* Prozess */
.leistungen-facet .wpgb-button:has(input[value="prozess"]) {
  border-bottom-color: #33CC99 !important;
}
.leistungen-facet
  .wpgb-button:has(input[value="prozess"])
  .wpgb-button-label {
  color: #33CC99 !important;
}
.leistungen-facet
  .wpgb-button:has(input[value="prozess"]):hover
  .wpgb-button-label,
.leistungen-facet
  .wpgb-button:has(input[value="prozess"])[aria-pressed="true"]
  .wpgb-button-label {
  color: #fff !important;
}
.leistungen-facet .wpgb-button:has(input[value="prozess"]):hover,
.leistungen-facet
  .wpgb-button:has(input[value="prozess"])[aria-pressed="true"] {
  border-color: #33CC99 !important;
  background-color: #33CC99 !important;
}