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


/* Button */

.black-button-hover-org .elementor-button {
  position: relative;
  overflow: hidden;
  color: #fff;
  border-radius: 100px;

  background: linear-gradient(
    120deg,
    var(--e-global-color-accent) 0%,
    var(--e-global-color-accent) 35%,

    #ffffff 35%,
    #ffffff 45%,
    #2b2b2b 45%,
    #2b2b2b 55%,

    #ffffff 55%,
    #ffffff 65%,
    #2b2b2b 65%,
    #2b2b2b 75%,

    #2b2b2b 75%,
    #3c3c3b 90%,
    #2b2b2b 100%
  );

  background-size: 350% 100%;
  background-position: 100% 50%;

  transition: background-position 0.5s ease;
}

.black-button-hover-org .elementor-button:hover {
  background-position: 0% 50%;
}

.black-button-hover-org .elementor-button .elementor-button-content-wrapper {
  position: relative;
  z-index: 2;
}


.org-button-hover-white .elementor-button {
  position: relative;
  overflow: hidden;
  color: #2b2b2b;
  border-radius: 100px;
  background-color: var(--e-global-color-accent);

  background-image: linear-gradient(
    120deg,

    /* GANZ VIEL ORANGE (Hover-Ende) */
    var(--e-global-color-accent) 0%,
    var(--e-global-color-accent) 40%,

    /* Streifen */
    #ffffff 40%,
    #ffffff 48%,
    var(--e-global-color-accent) 48%,
    var(--e-global-color-accent) 60%,

    #ffffff 60%,
    #ffffff 68%,
    var(--e-global-color-accent) 68%,
    var(--e-global-color-accent) 80%,

    /* STARTZUSTAND (weiß sichtbar) */
    #ffffff 80%,
    #ffffff 100%
  );

  background-size: 600% 100%;
  background-position: 100% 50%;

  transition: background-position 0.5s ease;
}

.org-button-hover-white .elementor-button:hover {
  background-position: 0% 50%;
}

.org-button-hover-white .elementor-button .elementor-button-content-wrapper {
  position: relative;
  z-index: 2;
}


/* Kategorieboxen Startseite */
.kat-box .copy {
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
}

.kat-box:hover .copy {
    height: 80px;

}

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

	
}


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