.elementor-2060 .elementor-element.elementor-element-54efe5b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--overlay-mix-blend-mode:lighten;--margin-top:-186.5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:186.5px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2060 .elementor-element.elementor-element-54efe5b:not(.elementor-motion-effects-element-type-background), .elementor-2060 .elementor-element.elementor-element-54efe5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9ead6ea );}.elementor-2060 .elementor-element.elementor-element-54efe5b::before, .elementor-2060 .elementor-element.elementor-element-54efe5b > .elementor-background-video-container::before, .elementor-2060 .elementor-element.elementor-element-54efe5b > .e-con-inner > .elementor-background-video-container::before, .elementor-2060 .elementor-element.elementor-element-54efe5b > .elementor-background-slideshow::before, .elementor-2060 .elementor-element.elementor-element-54efe5b > .e-con-inner > .elementor-background-slideshow::before, .elementor-2060 .elementor-element.elementor-element-54efe5b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(224deg, #1A2D72 0%, #3C4E91 100%);}.elementor-2060 .elementor-element.elementor-element-54efe5b::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2060 .elementor-element.elementor-element-ecf3c00{--display:flex;}.elementor-2060 .elementor-element.elementor-global-9480{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2060 .elementor-element.elementor-global-9480.elementor-element{--align-self:flex-start;}.elementor-2060 .elementor-element.elementor-element-f552553{--display:flex;--min-height:400px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-2060 .elementor-element.elementor-element-f552553:not(.elementor-motion-effects-element-type-background), .elementor-2060 .elementor-element.elementor-element-f552553 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.gigl.de/wp-content/uploads/DG-G-TransparentWhite.svg");background-position:100% 115%;background-repeat:no-repeat;background-size:120px auto;}.elementor-2060 .elementor-element.elementor-element-1db4e08{margin:0 0 calc(var(--kit-widget-spacing, 0px) + .25em) 0;font-family:var( --e-global-typography-212ac94-font-family ), Sans-serif;font-size:var( --e-global-typography-212ac94-font-size );line-height:var( --e-global-typography-212ac94-line-height );letter-spacing:var( --e-global-typography-212ac94-letter-spacing );color:var( --e-global-color-text );}.elementor-2060 .elementor-element.elementor-element-3021510 .elementor-heading-title{font-family:var( --e-global-typography-e0e7a82-font-family ), Sans-serif;font-size:var( --e-global-typography-e0e7a82-font-size );line-height:var( --e-global-typography-e0e7a82-line-height );letter-spacing:var( --e-global-typography-e0e7a82-letter-spacing );color:var( --e-global-color-text );}.elementor-2060 .elementor-element.elementor-element-4798269{padding:2rem 0rem 1rem 0rem;}.elementor-2060 .elementor-element.elementor-element-694edda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;}@media(max-width:1024px){.elementor-2060 .elementor-element.elementor-element-f552553:not(.elementor-motion-effects-element-type-background), .elementor-2060 .elementor-element.elementor-element-f552553 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:100% 115%;}.elementor-2060 .elementor-element.elementor-element-1db4e08{font-size:var( --e-global-typography-212ac94-font-size );line-height:var( --e-global-typography-212ac94-line-height );letter-spacing:var( --e-global-typography-212ac94-letter-spacing );}.elementor-2060 .elementor-element.elementor-element-3021510 .elementor-heading-title{font-size:var( --e-global-typography-e0e7a82-font-size );line-height:var( --e-global-typography-e0e7a82-line-height );letter-spacing:var( --e-global-typography-e0e7a82-letter-spacing );}.elementor-2060 .elementor-element.elementor-element-694edda{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;}}@media(max-width:767px){.elementor-2060 .elementor-element.elementor-global-9480{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2060 .elementor-element.elementor-element-f552553:not(.elementor-motion-effects-element-type-background), .elementor-2060 .elementor-element.elementor-element-f552553 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:100% 115%;}.elementor-2060 .elementor-element.elementor-element-1db4e08{font-size:var( --e-global-typography-212ac94-font-size );line-height:var( --e-global-typography-212ac94-line-height );letter-spacing:var( --e-global-typography-212ac94-letter-spacing );}.elementor-2060 .elementor-element.elementor-element-3021510 .elementor-heading-title{font-size:var( --e-global-typography-e0e7a82-font-size );line-height:var( --e-global-typography-e0e7a82-line-height );letter-spacing:var( --e-global-typography-e0e7a82-letter-spacing );}.elementor-2060 .elementor-element.elementor-element-694edda{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;}}/* Start custom CSS for global, class: .elementor-global-9480 *//* =========================
   1. FLEXBOX & AUTOMATISCHE ABSTÄNDE
   ========================= */
.rank-math-breadcrumb p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    
    /* HIER IST DIE MAGIE: 8px Abstand zwischen ALLEN Elementen (Logo, Pfeil, Text) */
    gap: 8px; 
    line-height: 1;
}

/* Alle Kind-Elemente zu Flexboxen machen, damit sie sich perfekt zentrieren */
.rank-math-breadcrumb a,
.rank-math-breadcrumb .last,
.rank-math-breadcrumb .separator {
    display: flex; 
    align-items: center;
    margin: 0 !important; /* Verhindert Störungen durch alte Abstände */
}

/* =========================
   2. LOGO
   ========================= */
.rank-math-breadcrumb a:first-of-type {
    font-size: 0 !important; /* Versteckt "Start" */
    text-decoration: none;
}

.rank-math-breadcrumb a:first-of-type::before {
    content: "";
    display: block; /* Wichtig für perfekte vertikale Zentrierung */
    
    /* Breite reduziert, damit die unsichtbare "Box" nicht rechts übersteht */
    width: 48px;  
    height: 16px; 

    background-image: url("/wp-content/uploads/derGigl-Logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    
    image-rendering: high-quality;
    image-rendering: -webkit-optimize-contrast;
    
    /* Optische Korrektur nach unten. Wenn es nicht passt, auf 0px oder 2px ändern */
    transform: translateY(-1px); 
}

/* =========================
   3. SEPARATOREN (PFEILE)
   ========================= */
.rank-math-breadcrumb .separator {
    font-size: 0 !important; /* Versteckt den Text-Pfeil */
}

.rank-math-breadcrumb .separator::before {
    content: "";
    display: block;
    
    /* Etwas größer gemacht */
    width: 15px; 
    height: 15px;
    
    background-image: url("/wp-content/uploads/DG-Icon-PfeilrechtsButton.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1db4e08 */.elementor-2060 .elementor-element.elementor-element-1db4e08 {
    font-weight: 400;
    max-width: 960px !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3021510 */.elementor-2060 .elementor-element.elementor-element-3021510 {
    max-width: 960px !important;
}

.elementor-2060 .elementor-element.elementor-element-3021510 .elementor-heading-title {
    line-height: 1.3em !important;
}/* End custom CSS */