.elementor-83 .elementor-element.elementor-element-b07f24b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-83 .elementor-element.elementor-element-b07f24b::before, .elementor-83 .elementor-element.elementor-element-b07f24b > .elementor-background-video-container::before, .elementor-83 .elementor-element.elementor-element-b07f24b > .e-con-inner > .elementor-background-video-container::before, .elementor-83 .elementor-element.elementor-element-b07f24b > .elementor-background-slideshow::before, .elementor-83 .elementor-element.elementor-element-b07f24b > .e-con-inner > .elementor-background-slideshow::before, .elementor-83 .elementor-element.elementor-element-b07f24b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-83 .elementor-element.elementor-element-8c35047{text-align:center;}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-022d800 );}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu .elementor-item{font-family:"Patrick Hand", Sans-serif;font-size:26px;font-weight:400;}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-022d800 );fill:var( --e-global-color-022d800 );padding-left:10px;padding-right:10px;}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-87c0115{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--dropdown a, .elementor-83 .elementor-element.elementor-element-87c0115 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-79deec7 );border-radius:0px 0px 20px 20px;}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--dropdown .elementor-item, .elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Patrick Hand", Sans-serif;font-size:1.5em;}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:20px;border-bottom-left-radius:20px;}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;}.elementor-83 .elementor-element.elementor-element-87c0115 div.elementor-menu-toggle{color:#030303;}.elementor-83 .elementor-element.elementor-element-87c0115 div.elementor-menu-toggle svg{fill:#030303;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-83 .elementor-element.elementor-element-b07f24b{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-nav-menu--dropdown a{padding-left:25px;padding-right:25px;}.elementor-83 .elementor-element.elementor-element-87c0115{--nav-menu-icon-size:35px;}}@media(max-width:767px){.elementor-83 .elementor-element.elementor-element-8c35047{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-83 .elementor-element.elementor-element-87c0115 .elementor-menu-toggle{border-width:1px;border-radius:10px;}}/* Start custom CSS for nav-menu, class: .elementor-element-87c0115 *//* ==========================================
   RAIFFEISEN GRUNDSCHULE
   Runde Hauptnavigation
   ========================================== */

/* Grundeinstellungen */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue {
    --kreis: 150px;
    --rahmen: 8px;
    --abstand: 15px;
}

/* ==========================================
   HAUPTNAVIGATION
   ========================================== */

/* Hauptnavigation */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: var(--abstand);
}

/* Hauptmenüpunkte */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li {
    position: relative;
    width: var(--kreis);
    min-width: var(--kreis);
    flex: 0 0 var(--kreis);
    flex-shrink: 0;
    isolation: isolate;
}

/* Runde Hauptmenü-Links */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li > a {
    position: relative;
    z-index: 10;

    display: flex;
    align-items: center;
    justify-content: center;

    width: var(--kreis);
    min-width: var(--kreis);
    height: var(--kreis);
    min-height: var(--kreis);
    aspect-ratio: 1 / 1;
    flex-shrink: 0;

    padding: 12px;

    border: var(--rahmen) solid #fff;
    border-radius: 50%;

    background-color: var(--menuefarbe);
    color: #fff;
    text-align: center;
    line-height: 1.1;
    box-sizing: border-box;
}

/* ==========================================
   INDIVIDUELLE FARBEN
   ========================================== */

/* Aktuelles – Korallrot */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li:nth-child(1) {
    --menuefarbe: #D94D43;
}

/* Schule – Petrol */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li:nth-child(2) {
    --menuefarbe: #168B9B;
}

/* Schulleben – Sonnengold */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li:nth-child(3) {
    --menuefarbe: #E3A000;
}

/* Downloads – Grün */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li:nth-child(4) {
    --menuefarbe: #59A52D;
}

/* Chronik – Violettblau */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li:nth-child(5) {
    --menuefarbe: #51428F;
}

/* Kontakt – Magenta */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li:nth-child(6) {
    --menuefarbe: #B02D7B;
}

/* ==========================================
   DROPDOWN-HINTERGRUNDFARBEN
   ========================================== */

/* Passende Farbe zum jeweiligen Hauptmenüpunkt */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue
.elementor-nav-menu--main > ul > li > ul.sub-menu {
    background-color: var(--menuefarbe) !important;
}

/* ==========================================
   HOVER UND AKTIVER HAUPTMENÜPUNKT
   ========================================== */

.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li > a:hover,
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li > a.elementor-item-active {
    background-color: var(--menuefarbe);
    color: #fff;
}
/* Dropdown exakt so breit wie der Kreis */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue
.elementor-nav-menu--main > ul > li > ul.sub-menu {
    width: var(--kreis) !important;
    min-width: var(--kreis) !important;
    max-width: var(--kreis) !important;
    box-sizing: border-box;
}
/* Dropdown hinter dem jeweiligen Kreis */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue
.elementor-nav-menu--main > ul > li > ul.sub-menu {
    position: absolute;
    z-index: 1;
}
/* Dropdown vertikal hinter den Kreis schieben */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue
.elementor-nav-menu--main > ul > li > ul.sub-menu {
    top: calc(var(--kreis) - 75px) !important;
    padding-top: 75px;
}
/* Zeilenumbruch und Silbentrennung für Dropdown-Menüeinträge */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue
.elementor-nav-menu--main .sub-menu a {
    white-space: normal !important;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: auto;

    text-align: left;
    justify-content: left;
}
/* Kreise individuell vertikal versetzen */

/* Aktuelles */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li:nth-child(1) {
    transform: translateY(-15px);
}

/* Schule */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li:nth-child(2) {
    transform: translateY(5px);
}

/* Schulleben */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li:nth-child(3) {
    transform: translateY(-10px);
}

/* Downloads */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li:nth-child(4) {
    transform: translateY(12px);
}

/* Chronik */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li:nth-child(5) {
    transform: translateY(-5px);
}

/* Kontakt */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue .elementor-nav-menu--main > ul > li:nth-child(6) {
    transform: translateY(8px);
}
/* ==========================================
   DROPDOWN – HOVER UND ACTIVE
   ========================================== */

/* Hover und aktiver Menüeintrag */
.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue
.elementor-nav-menu--main > ul > li > ul.sub-menu a:hover,

.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue
.elementor-nav-menu--main > ul > li > ul.sub-menu a.elementor-item-active,

.elementor-83 .elementor-element.elementor-element-87c0115.schule-kreismenue
.elementor-nav-menu--main > ul > li > ul.sub-menu a:focus-visible {
    background-color: color-mix(
        in srgb,
        var(--menuefarbe) 85%,
        black 15%
    ) !important;

    color: #fff !important;
}/* End custom CSS */