.elementor-9 .elementor-element.elementor-element-cbf9950{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:70px;--padding-right:70px;}.elementor-9 .elementor-element.elementor-element-7f6c6e1{--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;}.elementor-9 .elementor-element.elementor-element-9ffd011 .the-logo img{width:150px;}.elementor-9 .elementor-element.elementor-element-55f651c{--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;--align-items:center;}.elementor-9 .elementor-element.elementor-element-55f651c.e-con{--align-self:center;}.elementor-9 .elementor-element.elementor-element-ca3486e{text-align:center;}.elementor-9 .elementor-element.elementor-element-1558887{--display:flex;--flex-direction:row-reverse;--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-reverse;--align-items:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-polylang-language-switcher .cpel-switcher__lang a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-text );}.elementor-widget-polylang-language-switcher .cpel-switcher__icon{color:var( --e-global-color-text );}.elementor-widget-polylang-language-switcher .cpel-switcher__lang a:hover, .elementor-widget-polylang-language-switcher .cpel-switcher__lang a:focus{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-accent );}.elementor-widget-polylang-language-switcher .cpel-switcher__lang.cpel-switcher__lang--active a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-9 .elementor-element.elementor-element-43e6d37 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-43e6d37 .cpel-switcher__lang a{color:#0E0E0E;padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px;}.elementor-9 .elementor-element.elementor-element-43e6d37 .cpel-switcher__icon{color:#0E0E0E;}.elementor-9 .elementor-element.elementor-element-43e6d37.cpel-switcher--layout-dropdown .cpel-switcher__lang a{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-43e6d37.cpel-switcher--layout-dropdown .cpel-switcher__lang a:hover, .elementor-9 .elementor-element.elementor-element-43e6d37.cpel-switcher--layout-dropdown .cpel-switcher__lang a:focus{background-color:#D9D9D9;}.elementor-9 .elementor-element.elementor-element-43e6d37.cpel-switcher--aspect-ratio-11 .cpel-switcher__flag{width:20px;height:20px;}.elementor-9 .elementor-element.elementor-element-43e6d37.cpel-switcher--aspect-ratio-43 .cpel-switcher__flag{width:20px;height:calc(20px * 0.75);}.elementor-9 .elementor-element.elementor-element-43e6d37 .cpel-switcher__flag img{border-radius:0px;}.elementor-9 .elementor-element.elementor-element-43e6d37 .cpel-switcher__name{padding-left:10px;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-7f6c6e1{--width:20%;}.elementor-9 .elementor-element.elementor-element-55f651c{--width:100%;}.elementor-9 .elementor-element.elementor-element-1558887{--width:20%;}}/* Start custom CSS for polylang-language-switcher, class: .elementor-element-43e6d37 *//* =========================================================
   1) Toggle-Logic – Dropdown verstecken & sauber ein-/ausklappen
   ========================================================= */

.cpel-switcher__list {
    display: none !important;
}

.cpel-switcher__toggle--on + .cpel-switcher__list {
    display: block !important;
}


/* =========================================================
   2) MAIN BUTTON (wie dein Beispiel: weiß, grauer Rand, blauer Icon-Kreis)
   ========================================================= */

.cpel-switcher__toggle a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #fff !important;
    padding: 10px 16px;
    border-radius: 30px !important;
    border: 1.8px solid #cfcfcf !important;   /* feiner grauer Rand */
    color: #000;
    font-weight: 600;
    cursor: pointer;
    transition: .2s ease;
}

/* Flag im Hauptbutton */
.cpel-switcher__toggle .cpel-switcher__flag img {
    width: 22px;
    height: 16px;
    border-radius: 2px;
}


/* =========================================================
   3) BLUE CIRCLE ICON (rechts, wie in deinem Screenshot)
   ========================================================= */

.cpel-switcher__toggle a .cpel-switcher__icon {
    width: 28px;
    height: 28px;
    background: #39aed8 !important; /* blauer Kreis */
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #000 !important;
    font-size: 13px;
    padding: 0 !important;
    transition: .25s;
}

/* Rotation beim Öffnen */
.cpel-switcher__toggle--on .cpel-switcher__icon {
    transform: rotate(180deg);
}


/* =========================================================
   4) DROPDOWN (Abstand + weiß + graue Linie + Rundung)
   ========================================================= */

.cpel-switcher__list {
    position: absolute;
    top: calc(100% + 10px);   /* Abstand unter dem Button */
    left: 0;
    background: #fff;
    border: 1.8px solid #cfcfcf;
    border-radius: 20px;
    padding: 8px 0;
    min-width: 165px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    z-index: 999;
}


/* =========================================================
   5) DROPDOWN ITEMS
   ========================================================= */

.cpel-switcher__list .cpel-switcher__lang a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    color: #000;
    font-weight: 500;
    border-radius: 12px;
    transition: .2s ease;
}

.cpel-switcher__list .cpel-switcher__lang a:hover {
    background: #f4f4f4;
}

/* Flags im Dropdown */
.cpel-switcher__list .cpel-switcher__flag img {
    width: 20px;
    height: 14px;
    border-radius: 2px;
}/* End custom CSS */