/* 
Theme Name: Pfeffermond Child Theme
Theme URI: https://github.com/Pfeffermond-GmbH/wordpress-child-theme-template
Description: Child Theme for Hello Elementor Theme, created by mi-marketing/Pfeffermond
Author: mi-marketing/Pfeffermond
Author URI: https://www.mi-marketing.de/
Template: hello-elementor
Version: 1.3.6
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
*/

/* Fonts */
@font-face {
    font-family: 'Roboto Mono';
    src: url('assets/fonts/roboto-mono.woff2') format('woff2'),
    url('assets/fonts/roboto-mono.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Colors
var(--e-global-color-primary)
var(--e-global-color-secondary)
var(--e-global-color-text)
var(--e-global-color-accent)
*/


/* Scrollbar */
::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
  background: #dedede;
}

::-webkit-scrollbar-thumb {
  background: var(--e-global-color-primary);
 transition: 0.3s;
}

/* Default Search Input Styling */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance:none;
}

/* Buttons */
a.elementor-button.elementor-button-link:after, .language-button:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: var(--e-global-color-secondary);
    top: 0px;
    left: 0px;
    z-index: -1;
    border-radius: 70px;
	transition: all 0.2s;
}

a.elementor-button.elementor-button-link:hover:after, .language-button:hover:after  {
    top: 5px;
    left: 5px;

}


/*  Text Links Highlight Accessibility */
.elementor p a, .elementor-field-option a, .expandable-text-wrapper a {
    text-decoration: underline !important;
    text-underline-offset: 4px;
	transition: all 0.2s
}

.elementor p a:hover, .elementor-field-option a:hover, .expandable-text-wrapper {
    text-underline-offset: 2px;
}


/* Textmarker Highlight */
span.highlighted {
    position: relative;
    display: inline-block;
}

span.highlighted::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0%; /* Startet von 0% Breite */
    height: 50%;
    background: var(--e-global-color-secondary);
    z-index: -1;
    border-radius: 3px;
    animation: highlight-slide-in 0.5s ease-out 0.5s forwards;
}


@keyframes highlight-slide-in {
    from {
        width: 0%;
    }
    to {
        width: 100%; /* Füllt die gesamte Breite des Textes */
    }
}


/* Menü */

path#_x33_, path#_x31_, path#_x32_ {
    transition: all 0.3s;
	transform: rotate(0) translateX(0) translateY(0);
	transform-box: content-box;
}

path#_x33_ {
	transform-origin: top left
}

path#_x31_ {
	transform-origin: buttom left
}

.elementor-menu-toggle__icon--open svg {
    /* width: 50px !important; */
    /* height: 50px !important; */
    overflow: visible;
}

span.elementor-menu-toggle__icon--close {
    display: none !important;
}

span.elementor-menu-toggle__icon--open {
    display: block !important;
}


.elementor-menu-toggle.elementor-active path#_x33_ {
    transform: rotate(45deg) ;
}
.elementor-menu-toggle.elementor-active path#_x31_ {
    transform: rotate(-45deg);
}

.elementor-menu-toggle.elementor-active path#_x32_ {
    transform: rotateY(-90deg) translateZ(-150px);
}




nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    max-width: 300px;
    margin-left: auto;
    right: 0;
    z-index: -1;
    padding: 10px;
}


/* Formular Labels*/
.elementor-field-type-text label.elementor-field-label,
.elementor-field-type-email label.elementor-field-label,
.elementor-field-type-tel label.elementor-field-label,
.elementor-field-type-textarea label.elementor-field-label
{
    transform: translate(0, 15px);
	transition: transform 0.3s;
	height: 0;
}

.elementor-field-type-select label {
    transform: translate(0, 15px);
	font-size: 12px;
	z-index: 10;
}


.elementor-field-type-acceptance.elementor-field-required label {
    display: none;
}


.elementor-field-type-acceptance.elementor-field-required  {
    margin-top: -10px;
}

/* Textauszug */
.excerpt-full {
    display: none; /* Der vollständige Text ist anfangs unsichtbar */
}

.expandable-text-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.excerpt-short p {
    display: inline;
}

.toggle-excerpt-btn {
    background: none;
    border: none !important;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    font: inherit;
    font-weight: 400 !important;
    font-size: 16px !important;
}

button.toggle-excerpt-btn:hover {
    background: transparent;
    color: #000;
}


/* Tablet-Stile */
@media only screen and (max-width: 1024px) {

	
}


/* Mobile */
@media only screen and (max-width: 767px) {
	
	
}