/*
Theme Name: Numerique Child
Theme URI: https://numerique.vamtam.com
Template: numerique
Author: VamTam
Author URI: https://vamtam.com
Description: Welcome to Numérique, a modern Digital Marketing and SEO Theme. This lovely niche theme is built and suitable for any business operating in the Digital Marketing industry. The theme features carefully designed layouts ideal for every contemporary digital marketing agency, SEO services company, creative agency, web development agency, social media marketing agency or digital studio. It is suitable for users with zero programming skills and advanced developers.
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,full-width-template,post-formats,theme-options,threaded-comments,translation-ready
Version: 1.1690293758
Updated: 2023-07-25 16:02:38
*/
/*Tests*/
#notification-bubble{
    position:relative;     
    &:after {
      position:absolute;
      right: 3px;
      top: 3px;
      min-width:10px;
      min-height:10px;
      line-height:10px;
      padding:3px;
      color:#fff;
      background-color:#dd6b10;
      font-size:10px;
      border-radius:25px;
    content:'...'; 
      border:solid 1px #dd6b10;
    }   
}
#notification-bubble.loaded::after {
    content: var(--job-count, '0'); /* Zeigt die Job-Anzahl an, sobald geladen */
}
.consult-process .elementor-widget-container{
	margin-top: -25px;
}
/*Allgemein*/
/* Korrigiert Überlappung durch fixierten Header in Nicht-Editor-Ansicht */
body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
   position: relative; /* Erlaubt Anpassung der Positionierung */
   z-index: -1; /* Setzt Element hinter andere Inhalte */
}
/* Fügt unsichtbaren Abstand vor dem Menüanker hinzu, um den fixierten Header zu berücksichtigen */
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
   content: ""; /* Notwendig für :before */
   display: block; /* Ermöglicht Höhen- und Margen-Einstellungen */
   height: 150px; /* Höhe des fixierten Headers */
   margin: -150px 0 0; /* Negativer Abstand in Höhe des Headers */
   visibility: hidden; /* Unsichtbar, aber im Layout berücksichtigt */
   pointer-events: none; /* Keine Maus-Interaktionen */
}
/*Styling der FAQs*/
.faq-styling .e-n-accordion-item{
	box-shadow: 0 2px 6px rgba(0,0,0,.1);
	border-radius: 5px !important;
}
.faq-styling .e-n-accordion-item-title [aria-expanded="true"] .e-n-accordion-item{
    border-radius: 0px 0px 5px 5px !important;
}
/*Styling der Tabs*/
.tab-border-radius .e-n-tabs-heading button:first-child{
	border-top-width: 3px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.tab-border-radius .e-n-tabs-heading button:last-child{
	border-top-width: 3px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
/*Styling der Bereichsicons bzw. dem Wrapper, in dem sie liegen*/
.icon-fit-to-size .elementor-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-fit-to-size .elementor-icon-wrapper svg{
    display: block;
	width: 100%;
	height: 100%;
}
/*Styling für die Zeilenhöhe der Icons in den Listen für Servicegebiete*/
.service-area-icon .fas{
    line-height: 1.3 !important;
}
/*Menüs*/
/* Anfangszustand, kein Blur-Effekt */
#page {
  transition: filter 0.3s ease;
}
/* Blur-Effekt, wenn das Menü geöffnet ist */
.menu-open #page {
  filter:  blur(20px);
}
/*Styling für die Titel im Hauptmenü - auf Hover und für den aktiven Bereich*/
.menu-title-hover a{
    position: relative;
    z-index: 1;
}
.menu-title-hover a::before{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 16px;
    z-index: -999;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: top left;
    transition: transform 0.3s ease;
}
.menu-title-hover a:hover::before,
.menu-title-active a::before{
    transform: scaleX(1) !important;
}
.menu-title-it a::before{
    background-color: #73eedc;
}
.menu-title-prog a::before{
    background-color: #ff006e;
}
.menu-title-ver a::before{
    background-color: #20a4f3;
}
.menu-title-ds a::before{
    background-color: #32de8a;
}
.menu-title-co a::before{
    background-color: #6fa4b0;
}
/*Styling für die Icon-Listen im Hauptmenü/Linktree auf Unterseiten*/
.menu-link-hover li{
    padding: 2px 5px 2px !important;
    border-radius: 5px !important;
}
.menu-link-hover-it li:hover{
	background-color: #e4fbf8;
}
.menu-link-hover-prog li:hover{
	background-color: #fecce2;
}
.menu-link-hover-ver li:hover{
	background-color: #d2ecfc;
}
.menu-link-hover-ds li:hover{
	background-color: #d5f8e7;
}
.menu-link-hover-co li:hover{
	background-color: #f0f6f7;
}
.il-align-right .elementor-icon-list-icon{
	order:1;
    margin-left: auto;
}
.il-align-right .elementor-icon-list-item{
	width: 100%
}
/*Styling für die Links im Seitenmenü/Fernwartung*/
.link-hover-effect a:hover{
	transform: scale(1.05, 1.05);
	transition-duration: 0.3s;
}
/*Änderungen am Kontaktformular für die LPs*/
.wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */
   color: #1f2446 !important;
}
.wpforms-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #1f2446 !important;
   opacity: 1 !important;
}
.wpforms-required-label{
    color: #1f2446 !important;
}
.wpforms-container input.wpforms-field-medium{
    max-width: 100% !important;
}

.wpforms-container .wpforms-field-row.wpforms-field-medium{
    max-width: 100% !important;
}
.wpforms-container .wpforms-field{
	padding: 10px 0 !important;
}
.blend-mode-logo{
    mix-blend-mode: darken
}
/*Footer*/
/*Link-Styling für den Footer*/
.link-hover-underline span:hover,
.link-hover-underline a:hover {
    text-decoration: underline;
}
/*Startseite*/
/*Styling für die um 90Grad gedrehte Überschrift*/
.blog-heading {
	font-family: "Oswald", Sans-serif;
	color: #dd6b10;
    display: flex;
    font-size: 96px;
}
#rotated-heading1 {
	font-size: 28px;
	color: #1f2446;
    margin-left: 10px;
    transform: rotate(-90deg) translateY(-7.8em) translateX(-65%);
    transform-origin: left;
}
/*Anpassungen an den Kundenlogos im Karussell*/
#logo-height img{
	height: 90px;
}
/*Karriere*/
/*Media Queries*/
@media (max-width: 1080px) {
	.blog-heading{
		padding-left: 15px !important;
	}
	 #menubar-213{
    	margin-top: 35px !important;
		max-height: 60vh !important;
		padding-bottom: 25px !important; 
	}
}
/*@media (max-width: 767px) {

}*/