/* ----------------------- Styles ----------------------- */

p + ul, h4 + ul {
    margin-bottom: 60px !important;
}

li p {
    margin-bottom: 0;
}

#we_content_area table, #we_content_area th, #we_content_area td {
    border-left: none !important;
    border-right: none !important;
}

.we_numbers {

}

#we_content_area table {
    margin: 80px 0;
}

#we_content_area ul, #we_content_area ol {
    margin-block-start: 40px;
    margin-block-end: 40px;
    margin-bottom: 40px;
}

.jet-form-builder__field {
    border-radius: 20px !important;
    border: 1px solid #aaaaaa !important;
    padding-top: 12px !important;
    padding-bottom: 6px;
    font-family: NeueHelveticaPro55Roman, sans-serif !important;
    font-size: 15px !important;
    line-height: 18px !important;
    margin-bottom: 15px !important;
}

.jet-form-builder__field.textarea-field {
    field-sizing: content;
    min-height: 100px;
}

.jet-form-builder__action-button {
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 18px !important;
    background-color: #000 !important;
}

.jet-form-builder__action-button:hover {
    background-color: #767676 !important;
}

.jet-form-builder__field:focus {
    outline-color: #000 !important;
}

.we_midform {
    max-width: 360px !important;
}

.we_longform {
    max-width: 520px !important;
}


/* -----------------------  ----------------------- */

#we_men_area {
    position: absolute;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999;
}

@media only screen and (max-width: 767px) {

    #we_men_area {
        left: 20px !important;
        right: 20px !important;
        width: calc(100% - 40px) !important;
    }

}

/* ----------------------- Startzustand Header: Class site-header - weiße Schrift ----------------------- */


.site-header {
    background-color: rgba(255, 255, 255, 0) !important;
    transition: all 0.5s ease-in-out;
    padding: 10px 60px;
}

.site-header,
.site-header a,
.site-header .elementor-icon,
.site-header .elementor-heading-title {
    color: #767676 !important;
    transition: all 0.5s ease-in-out;
}

#menu-1-a8870a1 {
    background-color: rgba(255, 255, 255, .6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 50px;
    padding: 7px 8px 7px 8px;
    position: relative;
    left: -20px;
}

#menu-1-a8870a1 a {
    border-radius: 36px;
    padding: 12px 14px 8px 14px;
}

#menu-1-a8870a1 a:link,
#menu-1-a8870a1 a:visited {
    color: #000 !important;
}

#menu-1-a8870a1 a:hover,
#menu-1-a8870a1 a.elementor-item-active {
    color: #fff !important;
    background-color: #aaa;
}

/* Beispiel: falls du ein Logo als SVG/Icon hast */

.site-header img,
.site-header img * {
    transition: all 600ms ease;
    filter: invert(100%) brightness(100%);
}

.site-header svg,
.site-header svg * {
    transition: all 0.5s ease;
    fill: white;
}

@media only screen and (max-width: 767px) {

    .site-header {
        background-color: rgba(80, 80, 80, .6);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        right: 20px !important;
        left: 20px !important;
        top: 20px !important;
        width: calc(100% - 120px) !important;
        border-radius: 50px;
        padding: 10px 20px;
    }

}


/* -----------------------

    Zustand nach Scroll: 
    Class .site-header.elementor-sticky--effects 
    - schwarze Schrift 
    
    -----------------------  */

.site-header.elementor-sticky--effects,
.site-header.elementor-sticky--effects a,
.site-header.elementor-sticky--effects .elementor-icon,
.site-header.elementor-sticky--effects .elementor-heading-title {
    color: #000 !important;
}

.site-header.elementor-sticky--effects {
    background-color: rgba(255, 255, 255, 1) !important;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
}

/* SVG/Icons mit fill */
.site-header.elementor-sticky--effects img,
.site-header.elementor-sticky--effects img * {
    fill: #000;
    filter: invert(0%)
}

.site-header.elementor-sticky--effects svg,
.site-header.elementor-sticky--effects svg * {
    fill: #aaa;
}


/* ----------------------- Sticky Menü beim Scrollen verbergen ----------------------- */

.we_stickyonscroll.smart-sticky {
    transform: translateY(0) !important; /* erzwingt sichtbaren Zustand */
    transition: all 0.5 ease-in-out;
}

.we_stickyonscroll.smart-sticky.header-hide {
    transform: translateY(-140%) !important;
}

.we_stickyonscroll.smart-sticky.is-scrolled {

}


/* ----------------------- Mehrere Farben im Text ----------------------- */

.we_dual_second span, .we_dual_second strong {
    color: #767676;
    font-weight: 400;
}

.we_dual_accent span, .we_dual_accent strong {
    color: #aaaaaa;
    font-weight: 400;
}

.we_dual_accent_reverse span, .we_dual_accent_reverse strong {
    color: #323232;
    font-weight: 400;
}

.we_dual_light span, .we_dual_accent strong {
    color: #aaaaaa;
}


.elementor-post__thumbnail {
    border-top: 30px solid #f2f2f2;
    border-left: 30px solid #f2f2f2;
    border-right: 30px solid #f2f2f2;
}

.elementor-post__text {
    position: relative;
    bottom: 12px;
}

.we_workpads {
    padding: 20px 20px 0 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 20px;
    background-color: #f2f2f2;
}

.we_workpads_text {
    padding: 20px 0;
    margin-bottom: 20px;

}

.we_workall {
    padding: 40px;
}

.we_sector_intro {
    padding: 80px 20px 50px 20px;
    background-color: #f2f2f2;
}

.we_lightpads {
    padding: 60px;
}

.we_lightpads_nt {
    padding: 20px 60px 60px 60px;
}

.we_lightpads_nb {
    padding: 60px 60px 20px 60px;
}

@media only screen and (max-width: 767px) {

    .we_lightpads, .we_lightpads_nt, .we_lightpads_nb {
        padding-left: 40px;
        padding-right: 40px;
    }

}


.we_sidepads {
    padding: 0 60px;
}

.we_toppads {
    padding-top: 60px;
    padding-bottom: 60px;
}

.we_toponly {
    padding-top: 100px;
}


.we_maxcon {
    max-width: 1760px !important;
    background-color: #f03;
}


.we_innergap {
    gap: 20px;
}

.we_innergap h4:not(:first-child), .we_innergap h3:not(:first-child) {
    margin-top: 80px;
}


.elementor-toc__header, .elementor-toc__body {
    padding: 0;
    border: none;
}

.elementor-toc__body a {
    text-decoration: none !important;
}

.elementor-toc__list-wrapper {
    margin: 0 !important;
}

.we_toc a {
    color: #323232;
}

.we_lightpads ol {
    list-style: none;
    counter-reset: tocitem;
    padding-left: 0;
}

.we_lightpads ol li {
    counter-increment: tocitem;
    display: flex;
    align-items: flex-start;
    line-height: 24px;
}

.we_lightpads ol li {
    padding-top: 8px;
    padding-bottom: 8px;
}

.we_lightpads ol li::before {
    content: counter(tocitem, decimal-leading-zero) " ";
    color: #aaa;
    min-width: 50px;
    font-size: 34px;
    line-height: 36px;
    position: relative;
    top: -9px;
}


.we_infobox {
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #aaaaaa;
    padding: 40px;
    border-radius: 20px;
    width: 100%;
    aspect-ratio: 16 / 9;
}

@media only screen and (max-width: 767px) {
    .we_infobox {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 20px;
        border-radius: 20px;
    }

}

.we_infobox_icon {
    position: relative;
    z-index: 6;

    background-color: #ffffff;
    display: inline-block;
    width: 76px;
    height: 76px;
    padding-top: 14px;
    border-radius: 40px;
}

.we_infobox_content {
    margin-top: 20px;
}

.we_infobox p {
    margin-bottom: 0;
}

.we_infobox h4, .we_infobox p {
    color: #ffffff;
}

.we_infobox h4 + ul {
    margin-bottom: 0 !important;
}

.we_lightpads .we_infobox ul li::before {
    background-color: #fff;
}


.we_inhaltsbox h4 {
    margin-bottom: 20px;
    color: #aaa !important;
}

.jet-table__cell-content {
    display: flex;
    justify-content: space-between; /* Schiebt Text nach links, Icon nach rechts */
    align-items: center; /* Zentriert beides vertikal */
    width: 100%;
}

.elementor-widget-table-of-contents .elementor-toc__list-item-number {
    display: none;
}


.jet-form-builder__conditional {
    width: 100% !important;
}

.we_lightpads ul {
    list-style: none; /* Standard-Punkte entfernen */
    padding-left: 40px;
}

.we_lightpads ul li {
    position: relative;
    margin-bottom: 10px;
}

.we_lightpads ul li::before {
    content: "";
    position: absolute;
    left: -39px; /* Positionierung links vom Text */
    top: 12px; /* Vertikale Zentrierung */
    transform: translateY(-50%);
    width: 16px; /* Länge des Strichs */
    height: 2px; /* Dicke des Strichs */
    background-color: #aaa; /* Deine gewünschte Farbe */
}

.we_nomar_all {
    margin-top: 0;
    margin-bottom: 0;
}

.we_nomar_top {
    margin-top: 0;
}

.we_nomar_btm {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .we_toppads {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}