/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* wget -r -k --no-parent --follow-tags=a https://10jahre-branddavid.de/ */


/* Name Custom Read More Script
script war Prio 1 */

.more-text {
    display: none;
}
.read_more_arrow, .read_more_arrow_up {
    display: block; /* Ändert das Verhalten von inline zu block */
    text-align: left; /* Zentriert den "Mehr" Text mit dem Pfeil */
    margin-top: 1em; /* Abstand nach oben, kann nach Bedarf angepasst werden */
}
.read_more_arrow a, .read_more_arrow_up a {
    text-decoration: none;
    color: black;
    font-size: 21px;
    position: relative;
}
.read_more_arrow a:after, .read_more_arrow_up a:after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(//brand-david.de/wp-content/uploads/2024/06/FireShot-Capture-1054-Desktop-Anmeldung-xd.adobe_.com_.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 60%;
    left: calc(100% + 5px);
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s ease-in-out;
}
.read_more_arrow_up a:after {
    transform: translateY(-50%) rotate(0deg);
}
.read_more_arrow a:hover:after {
    transform: translateY(-10%) rotate(180deg); /* Größere Bewegung nach oben */
}
.read_more_arrow_up a:hover:after {
    transform: translateY(-90%) rotate(0deg); /* Größere Bewegung nach unten */
}
@media (min-width: 768px) and (max-width: 1024px) {
    .more-text {
        display: inline-block;
        font-size: 27px;
        line-height: 35px;
    }
}

/* Nur für Desktop - keine Änderungen für mobile Geräte */
@media (max-width: 767px) {
    .read_more_arrow, .read_more_arrow_up {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        text-align: left;
        margin-top: 0;
    }
    .read_more_arrow a, .read_more_arrow_up a {
        font-size: 0;
        margin-left: auto;
    }
    .read_more_arrow a:after, .read_more_arrow_up a:after {
        left: auto;
        right: 0;
        transform: translateY(-50%) rotate(180deg);
        top: -24%;
        margin-top: 10px;
    }
    .read_more_arrow_up a:after {
        transform: translateY(-50%) rotate(0deg);
    }
}



/* Name: Read more only mobil
Mobil: Der Text ist standardmäßig ausgeblendet */

@media (max-width: 767px) {
    .show-more-text {
        display: none;
    }
    .show_more_arrow, .show_more_arrow_up {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        text-align: left;
        margin-top: 0;
    }
}

/* Desktop: Der gesamte Text wird immer angezeigt */
@media (min-width: 768px) {
    .show-more-text {
        display: block; /* Text ist vollständig sichtbar */
    }
    .show_more_arrow, .show_more_arrow_up {
        display: none; /* Kein "Mehr" Link sichtbar */
    }
}

/* Allgemeine Styles für "Mehr"-Link */
.show_more_arrow a, .show_more_arrow_up a {
    text-decoration: none;
    color: black;
    font-size: 0px;
    position: relative;
}

.show_more_arrow a::after, .show_more_arrow_up a::after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(https://10jahre-branddavid.de/wp-content/uploads/2024/06/FireShot-Capture-1054-Desktop-Anmeldung-xd.adobe_.com_.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0%;
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s ease-in-out;
    right:0px;
}

.show_more_arrow_up a::after {
    transform: translateY(-50%) rotate(0deg);
}

/* Animation für Pfeile beim Hover */
.show_more_arrow a:hover:after {
    transform: translateY(-10%) rotate(180deg); /* Größere Bewegung nach oben */
}

.show_more_arrow_up a:hover:after {
    transform: translateY(-90%) rotate(0deg); /* Größere Bewegung nach unten */
}








/* Name: Job Card Mobil aus * /
/* Container für das Bild */
.image-container_mobil {
    position: relative;
    width: 100%; /* Beispielbreite, anpassen nach Bedarf */
    height: auto; /* Beispielhöhe, anpassen nach Bedarf */
    margin: 0 auto; /* Zentrieren des Containers */
    background-color: #ff0000; /* Hintergrundfarbe */
}

.image-link_mobil {
    display: block;
    text-decoration: none;
}

/* Bildfüllung: Passt das Bild in den Container */
.image-container_mobil .main-img_mobil {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Styling für den Titel */
.post-title_mobil {
    text-align: center; /* Zentrieren des Titels */
    margin-top: 10px; /* Abstand nach oben */
}

.post-title_mobil h2 a {
    font-size: 17pt; /* Schriftgröße */
    line-height: 23px; /* Zeilenhöhe */
    font-family: "Frutiger", Sans-serif; /* Schriftart */
    font-weight: bold;
    color: #000000; /* Schwarze Schriftfarbe */
    text-decoration: none; /* Kein Unterstrich */
}

.post-title_mobil h2 a:hover {
    color: #ff0000; /* Rote Schriftfarbe bei Hover */
}

/* Name: Animation Gif 2.0 */
.custom-gif img {
    transition: transform 0.3s ease;
    cursor: pointer;
}
.custom-gif img:hover {
    transform: scale(1.2);
}



/* ELEMENTOR CSS von Global Settings ----------------------------------------------------------------- */

/* Normale Paragraph Texte - Desktop */
.paragraph_text p, .custom-read-more  p, .custom-show-more p, .job-container p {
    font-size: 37px; /* Schriftgröße für Desktop */
    line-height: 52px; /* Zeilenhöhe für Desktop */
}

.current-menu-item a, .custom-active-class a {
    color: #ff0000;
    font-weight: bold !important;
    text-decoration: none;
}



/* Diverse Anpassungen Tablet - Tablet */
@media (max-width: 1024px) {
    .paragraph_text p, .custom-read-more  p, .custom-show-more p, .job-container p {
        font-size: 27px; /* Schriftgröße für Tablet */
        line-height: 37px; /* Zeilenhöhe für Tablet */
    }

    .link-with-arrow a {
        font-size: 17px;
        line-height:23px;
    }

    .link-with-arrow_02 a {
        font-size: 17px !important;
        line-height:23px;
    }
    .link-with-arrow_03 a {
        font-size: 17px;
        line-height:23px;
    }
    .impressum p {
        margin-block-start: 0;
        margin-block-end: .9rem;
    }

}

/* Normale Paragraph Texte - Mobil */
@media (max-width: 768px) {
    .paragraph_text p, .custom-read-more  p, .custom-show-more p, .job-container p {
        font-size: 21px; /* Schriftgröße für Mobil */
        line-height: 30px; /* Zeilenhöhe für Mobil */
    }
}
.elementor-widget-video .elementor-wrapper iframe, .elementor-widget-video .elementor-wrapper video {
    background-color: #fff !important;
}

/* Dynamische Grid Abstände */
.grid-paddings-dyn {
    margin-top: clamp(10px, calc(10px + (30 * ((100vw - 768px) / 952))), 40px);
    margin-left:50px;
    margin-right:50px;
}

.grid-paddings-dyn_02 {
    margin-top: clamp(10px, calc(10px + (30 * ((100vw - 768px) / 952))), 40px);
    padding-left:50px;
    padding-right:50px;
}

.grid-padding {
    padding-top: clamp(10px, calc(10px + (30 * ((100vw - 768px) / 952))), 40px);
    padding-left: 50px;
    padding-right: 50px;
}

/* Dynamische Grid Abstände Mobil */
@media (max-width: 768px) {
    .grid-paddings-dyn {
        margin-top: clamp(10px, calc(10px + (30 * ((100vw - 768px) / 952))), 40px);
        margin-left:35px;
        margin-right:35px;
    }

    .grid-paddings-dyn_02 {
        margin-top: clamp(10px, calc(10px + (30 * ((100vw - 768px) / 952))), 40px);
        padding-left:35px;
        padding-right:35px;
    }
    .grid-padding {
        padding:0px 35px 0px 35px;
    }
    .elementor-widget-n-tabs .e-n-tabs-heading {
        margin-left: 35px !important;
    }

}

.elementor-widget-n-carousel .swiper-pagination-bullet-active {
    background: #FF0000 !important;
}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 0;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: 1 !important;
}

.elementor-item.elementor-item-active,
.elementor-77 .elementor-element.elementor-element-1dc09d6
.elementor-nav-menu--main .elementor-item.highlighted,
.elementor-77 .elementor-element.elementor-element-1dc09d6
.elementor-nav-menu--main .elementor-item:focus {
    color: #000 !important;
    fill: #FF0000;
    font-weight: bold !important;
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"], .elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] a {
    color: #000;
    font-weight: bold !important;
}


.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    position: absolute;
    z-index: 9997;
    width: 150px !important;
    left: -125px !important;
    float: none;
}

.e-gallery-image {
    background-position: center center;
    background-size: cover;
    width: 100%;
    transform-origin: center top;
    transition: var(--animation-duration);
    transform-origin: center center !important;
}

.link-with-arrow a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: black;
    padding: 10px;
    margin: 40px 10px 0px 0px;
}

.link-with-arrow a:after {
    content: "";
    width: 22px; /* Adjust width based on the image */
    height: 22px; /* Adjust height based on the image */
    background-image: url(https://10jahre-branddavid.de/wp-content/uploads/2024/06/FireShot-Capture-1054-Desktop-Anmeldung-xd.adobe_.com_.png);
    background-size: contain; /* Ensure the image is fully visible */
    background-repeat: no-repeat; /* Prevent image repetition */
    background-position: center;
    position: absolute;
    top: 50%;
    margin-left: 25px;
    transform: translateX(-100%) translateY(-50%) rotate(90deg);
    transition: transform 0.3s ease-in-out;
}

.link-with-arrow a:hover:after {
    transform: translateX(-63%) translateY(-50%) rotate(90deg); /* Movement on hover */
}
.link-with-arrow_03 a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: black;
    padding: 10px;
    margin: 40px 10px 0px 0px;
}

.link-with-arrow_03 a:after {
    content: "";
    width: 22px; /* Adjust width based on the image */
    height: 22px; /* Adjust height based on the image */
    background-image: url(https://10jahre-branddavid.de/wp-content/uploads/2024/06/FireShot-Capture-1054-Desktop-Anmeldung-xd.adobe_.com_.png);
    background-size: contain; /* Ensure the image is fully visible */
    background-repeat: no-repeat; /* Prevent image repetition */
    background-position: center;
    position: absolute;
    top: 50%;
    margin-left: 25px;
    transform: translateX(-100%) translateY(-50%) rotate(90deg);
    transition: transform 0.3s ease-in-out;
}

.link-with-arrow_03 a:hover:after {
    transform: translateX(-63%) translateY(-50%) rotate(90deg); /* Movement on hover */
}

.link-with-arrow-bottom-right a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: black;
    padding: 10px;
    margin: 40px 20px 0px 0px;
}

.link-with-arrow-bottom-right a:after {
    content: "";
    width: 22px; /* Passe die Breite des Bildes an */
    height: 22px; /* Passe die Höhe des Bildes an */
    background-image: url(https://10jahre-branddavid.de/wp-content/uploads/2024/06/FireShot-Capture-1054-Desktop-Anmeldung-xd.adobe_.com_.png);
    background-size: contain; /* Stelle sicher, dass das Bild vollständig sichtbar ist */
    background-repeat: no-repeat; /* Verhindere Bildwiederholungen */
    background-position: center;
    position: absolute;
    bottom: 0; /* Positioniere den Pfeil unten */
    right: 0; /* Positioniere den Pfeil rechts */
    transform: translate(0, 0) rotate(90deg); /* Pfeilrichtung */
    transition: transform 0.3s ease-in-out;
}

.link-with-arrow-bottom-right a:hover:after {
    transform: translate(0, 0) rotate(90deg); /* Animation bei Hover */
}


.impressum p {
    margin-block-start: 0;
    margin-block-end: .9rem;
}

.impressum a:hover {
    font-weight: bold;
}

@media (max-width: 767px) {
    .link-with-arrow a {
        padding-left: 20px; /* Add 10px padding to the left on mobile */
        color:#fff;
    }
    .link-with-arrow a:hover {
        padding-left: 20px; /* Add 10px padding to the left on mobile */
        color:#fff;
    }

    .link-with-arrow_03 a {
        padding-left: 20px; /* Add 10px padding to the left on mobile */
    }
    .link-with-arrow_03 a:hover {
        padding-left: 20px; /* Add 10px padding to the left on mobile */
    }

}
.link-with-arrow_02 a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: black;
    font-size: 21px;
    padding: 10px;
    margin: 40px 10px 0px 0px;
}

.link-with-arrow_02 a:after {
    content: "";
    width: 20px; /* Adjust width based on the image */
    height: 20px; /* Adjust height based on the image */
    background-image: url(https://10jahre-branddavid.de/wp-content/uploads/2024/06/FireShot-Capture-1054-Desktop-Anmeldung-xd.adobe_.com_.png);
    background-size: contain; /* Ensure the image is fully visible */
    background-repeat: no-repeat; /* Prevent image repetition */
    background-position: center;
    position: absolute;
    top: 50%;
    margin-left:25px;
    transform: translateX(-100%) translateY(-50%) rotate(90deg);
    transition: transform 0.3s ease-in-out;
}

.link-with-arrow_02 a:hover:after {
    transform: translateX(-75%) translateY(-50%) rotate(90deg); /* Movement on hover */
}

@media (max-width: 767px) {
    .link-with-arrow_02 a {
        padding-left: 20px; /* Add 10px padding to the left on mobile */
        font-size:13px;
        line-height:18px;
    }

}


.link-with-right-arrow {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: black;
    font-size: 21px;
    padding: 10px;
    margin: 0px 20px 0px 0px;
}
.link-hover-red p {
    hyphens: auto;
}

.link-with-right-arrow::after {
    content: "";
    width: 20px; /* Adjust width based on the image */
    height: 20px; /* Adjust height based on the image */
    background-image: url(https://10jahre-branddavid.de/wp-content/uploads/2024/06/FireShot-Capture-1054-Desktop-Anmeldung-xd.adobe_.com_.png);
    background-size: contain; /* Ensure the image is fully visible */
    background-repeat: no-repeat; /* Prevent image repetition */
    background-position: center;
    position: absolute;
    top: 50%;
    right: 0; /* Position the arrow at the very right edge */
    transform: translateY(-50%) rotate(90deg);
    transition: transform 0.3s ease-in-out;
}

.link-with-right-arrow:hover::after {
    transform: translateX(75%) translateY(-50%) rotate(90deg); /* Bewegung nach rechts bei Hover */
}

@media (max-width: 767px) {
    .link-with-right-arrow {
        padding-left: 0px; /* Add 10px padding to the left on mobile */
    }

    .link-with-right-arrow::after {
        display:none;
    }
    .elementor-swiper-button {
        display:none !important;
    }
}

.link-hover-red a:hover {
    color: #FF0000 !important;
}
.link-hover-red a:hover span {
    color: #FF0000 !important;
}

.elementor-swiper-button {
    font-size:60px !important;
}

p {
    margin-block-start: 0;
    margin-block-end: .1rem;
}
.job-container p {
    margin-block-start: 0;
    margin-block-end: .9rem;
}
.job_container ul li {
    color: black;
    position: relative;
    padding-left: 1.2em;
    font-size: 27px;
    line-height: 1.2;
    padding-top: 10px;
}
.job_container ul li::before {
    content: "•";
    color: #FF0000;
    position: absolute;
    left: 0;
    top: 0.2em;
    font-size: 1.2em;
    line-height: 1;
    padding-top: 10px;
}

.video-desktop .elementor-wrapper {
    aspect-ratio: var(--video-aspect-ratio);
    --video-aspect-ratio: 1.43333 !important;

}

.video-smartphone .elementor-wrapper {
    aspect-ratio: var(--video-aspect-ratio);
    --video-aspect-ratio: 0.63333 !important;
}


.toggle-content {
    display: none;
    white-space: pre-line; /* Ermöglicht den Umbruch in neue Zeilen */
}
.toggle-title.active h3 {
    font-weight: bold !important;
}

.toggle-content br {
    display: block;
}

.toggle-content {
    margin-top:-20px;
    padding-bottom:35px;
}

.toggle-content br:last-of-type {
    margin-bottom: 35px;
}

.elementor-widget-n-tabs .e-n-tabs-heading {
    display: var(--n-tabs-heading-display);
    flex-basis: var(--n-tabs-heading-width);
    flex-direction: var(--n-tabs-heading-direction);
    flex-shrink: 0;
    justify-content: var(--n-tabs-heading-justify-content);
    gap: var(--n-tabs-title-gap);
    overflow-x: var(--n-tabs-heading-overflow-x);
    flex-wrap: var(--n-tabs-heading-wrap);
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-left: 50px;
}