/* 
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)
*/


#wpadminbar {
  background-color: #111830 !important;
}

/* 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;
}


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

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


/* Header Startseite */
/* Übergangseffekt für weichen Farbwechsel */
.start-header .elementor-item,
.start-header .elementor-search-form__toggle i,
.start-header .elementor-search-form__toggle svg {
    transition: color 0.3s ease, fill 0.3s ease;
}

/* ZUSTAND: GANZ OBEN (Noch nicht 100px gescrollt) */
/* Wir erzwingen Weiß für Menüpunkte und Such-Icon */

.start-header:not(.header-scrolled) .elementor-item {
    color: #ffffff !important;
}

/* Für das Such-Icon (meistens ein i-Tag oder SVG in Elementor) */
.start-header:not(.header-scrolled) .elementor-search-form__toggle i,
.start-header:not(.header-scrolled) .elementor-search-form__toggle {
    color: #ffffff !important;
}

/* Falls das Icon ein SVG ist, ändern wir den Fill */
.start-header:not(.header-scrolled) .elementor-search-form__toggle svg {
    fill: #ffffff !important;
}

/* Termin Datum */
.datum-buble {
}

.datum-buble .tag {
    font-size: 60px;
    font-weight: 700 !important;
    /* line-height: 10px; */
    text-align: center;
    width: 100%;
    display: block;
    /* height: 23px; */
}

.datum-buble .elementor-heading-title {
   
}
.datum-buble .monat {
    font-size: 95%;
}

span.jahr {
    margin-left: 5px;
}

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

	
}


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