/* 
Theme Name: Digital Nativ
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: Digital Nativ GmbH
Author URI: digital-nativ.de
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-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
*/

/* Custom CSS */

.tag-white ul {
    display: flex;
    gap: 5px;
    padding: 0px;
    border-radius: 5px;
    list-style: none;
}

.tag-white li {
    padding: 5px 10px;
    background: #fff;
    border-radius: 3px;
}

.tag-white p {
    margin-block-end: .25rem;
}

h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
    font-family: 'Newsreader', serif;
    font-style: italic;
    font-weight: 400;
}

.textbutton .elementor-button .elementor-button-icon {
    font-size: 20px;
}

.textbutton .elementor-button-text {
    padding-bottom: 2px;
    border-bottom: 0.15em solid #C8B6A3;
    transition: all 0.3s ease;
}

.textbutton .elementor-button:hover .elementor-button-text {
    border-bottom-color: currentColor;
}

.box1, .box1-listical ul li {
    border-radius: 10px;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.50) 100%);
    box-shadow: 0px 20px 40px 0px rgba(41, 13, 60, 0.15);
    padding: 20px;
}

.box1-listical .elementor-icon-list-item {
    margin-bottom: 10px;
    padding: 15px;
}

.box2 {
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.50) 100%);
    box-shadow: 0px 20px 40px 0px rgba(41, 13, 60, 0.15);
}


strong, b {
    font-weight: 600;
}

p a, .elementor-field-group-datenschutz a {
    border-bottom: 0.15em solid #C8B6A3;
    transition: border-color 0.3s ease;
}

p a:hover {
    border-bottom-color: currentColor
}

.rank-math-breadcrumb {
    font-size: 14px !important;
}

.rank-math-breadcrumb a:first-of-type {
    border-bottom: 0em !important;
  }

.swiper {
    border-radius: 20px;
    overflow: hidden;
}

/* .rank-math-breadcrumb .last {
    font-weight: 600;
} */

.timeline .pt-plus-timeline-list.layout-both .point-icon.style-1 .timeline-tooltip-wrap,
.timeline .timeline-tooltip-wrap {
    border: 0;
    box-shadow: 0 20px 40px rgba(41, 13, 60, 0.3);
}

.timeline .border-bottom.text-left,
.timeline .timeline-text-tooltip.position-right .tooltip-arrow,
.timeline .timeline-text-tooltip.position-left .tooltip-arrow {
    display: none !important;
}

@media (max-width: 767px) {
    .timeline .timeline-text-tooltip {
        display: none !important;
    }
}

.elementor-button:hover {
    fill: var(--e-global-color-primary);
    ;
}


.button-bright .elementor-button:hover {
    box-shadow: 0px 2px 0px 0px var(--e-global-color-3353760) !important;
    border-color: var(--e-global-color-3353760) !important;
}


.timeline .position-left,
.timeline .position-right {
    border-radius: 20px;
    padding: 5px 10px;
    border: 2px solid var(--e-global-color-secondary);
    box-shadow: 0 20px 40px rgba(41, 13, 60, 0.15);
}

.timeline-style-2 .timeline-inner-block .timeline-item .timeline-item-content {
    padding-bottom: 14px;
}


.timeline .pt-plus-timeline-list.layout-both .timeline-track {
    width: 1px;
    background: var(--e-global-color-secondary);
}

.timeline #pt_plus_timeline {
    padding-top: 0;
}

@media (min-width: 768px) {
    .elementor-nav-menu .elementor-nav-menu--dropdown {
        box-shadow: 25px 25px 250px 0px rgba(0, 0, 0, 0.3);
        text-align: center;
        min-width: 250px !important;
    }

    .elementor-nav-menu .elementor-nav-menu--dropdown a {
        display: block;
        width: 100% !important;
    }

    .elementor-nav-menu .elementor-item .sub-arrow {
        transition: all 0.3s ease-in-out;
        font-size: 16px;
    }

    .elementor-nav-menu .elementor-item:hover .sub-arrow {
        transform: rotate(180deg);
    }
}

@media (max-width: 1320.98px) {

  section.elementor-element,
  header.elementor-element {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
    .elementor-nav-menu--dropdown {
        position: absolute;
        max-width: 95vw;
        /* margin-left: 2.5vw !important; */
    }
}

i {
    font-family: 'Newsreader', serif;
    font-style: italic;
    font-weight: 400;
}

.split-text p {
    color: #6B557A;
    transition: color 0.3s;
}

i {
    font-family: 'Newsreader', serif;
    font-style: italic;
    font-weight: 400;
}

.tag-1 p {
    border-radius: 10px;
    background-color: #fff;
    display: inline-block;
    padding: .5em 1em;
    font-weight: 600;
    box-shadow: 0 20px 40px rgba(41, 13, 60, 0.3);
}

.nomar p {
    margin-block-start: 0;
    margin-block-end: 0;
}

.elementor-widget-theme-site-logo {
    display: inline-block;
    transition: transform 0.4s ease;
}

.elementor-widget-theme-site-logo:hover {
    transform: scale(1.07);
}

/* =======================================
   Google Maps: Karten-Container
======================================= */
.kunden-map {
    width: 100%;
    height: 600px;
    border-radius: 20px;
    box-shadow: 25px 25px 250px 0px rgba(0, 0, 0, 0.15);
}

.kunden-map .elementor-button {
    padding: 6px 15px;
    margin: 10px 0px 3px 0px;
    font-size: 14px;
    font-weight: 600;
}

/* =======================================
     InfoWindow: Container & Inhalt
  ======================================= */
.gm-style .gm-style-iw {
    font-weight: 400 !important;
    /* Textgewicht im InfoWindow */
}

.gm-style .gm-style-iw-c {
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 0px 30px 0px rgba(0, 0, 0, .1);
}

.gm-style .gm-style-iw img {
    max-width: 100px;
    max-height: 60px;
    margin-bottom: 10px;
    /* Abstand unterhalb des Logos */
}

.gm-style-iw-chr {
    height: 20px;
    /* Höhe des "Chrome"-Innenrahmens */
}

/* =======================================
     InfoWindow: Schließen-Button (X)
  ======================================= */

/* Neues Google Maps DOM-Targeting */
.gm-style-iw button[aria-label="Close"],
.gm-style button.gm-ui-hover-effect {
    width: 16px !important;
    height: 42px !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.gm-style button.gm-ui-hover-effect span {
    width: 24px !important;
    margin: 0 !important;
}