/*!
Theme Name: PXL-One (Hello Elementor Child)
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Author: Fabian Jakobs
Author URI: https://pxlwerk.de/
Description: This is the GN child theme
Version: 1.1.0
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
Template: hello-elementor
Text Domain: hello-elementorchild
Domain Path: /languages
Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* Header */
.site-header .header-inner {
	max-width: 1400px;
	padding: 50px;
}

@media (max-width: 767px) {
    .site-header .header-inner {
        padding: 20px;
    }

    .site-header .site-branding .site-logo img {
        max-width: 250px;
    }
}

a {
	color: var(--e-global-color-text);
}

/* Header hover */
.menu-item > a:active, .menu-item > a:hover, .menu-item > a:focus {
	color: var(--e-global-color-primary);
	background-color: var(--e-global-color-text);
}

/* burgermenu */
.site-navigation-toggle-holder .site-navigation-toggle {
	color: var(--e-global-color-primary);
    background-color: var(--e-global-color-text);
}

.site-navigation-dropdown ul.menu li.current-menu-item a {
    background: none;
    color: var(--e-global-color-text);
    padding: 10px 50px;
}

@media (max-width: 767px) {
    .site-navigation-dropdown ul.menu li.current-menu-item a {
        padding: 10px 20px;
    }
}

.site-navigation-dropdown ul.menu {
	height: 100vh;
	background-color: var(--e-global-color-primary);
}

/* button bei focus/hover gleich groß lassen*/
.elementor-kit-9 button:focus,
.elementor-kit-9 button:hover {
    border-width: inherit;
}

/* burgermenu Datenschutzseite */
.site-navigation-dropdown ul.menu li a {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-text);
    padding: 10px 20px;
}

/* Kein Umbruch bei der h1 PXL-One */
@media (min-width: 768px) {
    #nowrap {
        white-space: nowrap;
    }
}

/* Zweiter Button weiß */
.elementor-widget-button + .elementor-widget-button .elementor-button {
    background: var(--e-global-color-primary);
    border: 3px solid var(--e-global-color-text);
    box-sizing: border-box;
    color: var(--e-global-color-text);
}

.elementor-widget-button + .elementor-widget-button .elementor-button:hover {
    background: var(--e-global-color-text);
    border: 3px solid var(--e-global-color-text);
    box-sizing: border-box;
    color: var(--e-global-color-primary);
}

/* Formular Abstand zur Überschrift */
div.wpforms-container-full:not(:empty) {
	margin: 0 !important;
}

/* Formular button */
#wpforms-submit-772 {
    height: auto;
	font-weight: 500;
	font-size: 20px;
	background: var(--e-global-color-accent);
	padding: 16px 26px 16px 26px;
    border: 3 solid var(--e-global-color-accent);
	border-radius: 0px;
}

@media (max-width: 767px) {
    #wpforms-submit-772 {
        font-size: 16px;
        padding: 10px 16px;
    }
}
    


#wpforms-submit-772:hover, #wpforms-submit-772:active {
	color: var(--e-global-color-primary);
	background-color: var(--e-global-color-text);
	border-radius: 0px;
}

/* Formular Textfelder */
div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=email], div.wpforms-container-full textarea {
	border-radius: 0 !important;
}

/* Variable rote Farbe */
.red {
	color: var(--e-global-color-accent);
}

/* rote Quadrate statt bullet points */
.elementor-widget-text-editor ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.elementor-widget-text-editor ul li {
    position: relative;
    padding-left: 1em;
    margin-bottom: 0.5em;
}

.elementor-widget-text-editor ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 0.5em;
    height: 0.5em;
    background: var(--e-global-color-accent);
}

/* Haken statt bullet points */
.elementor-widget-text-editor .haken-liste {
      list-style: none;
      padding-left: 0;
      margin: 0;
}

.elementor-widget-text-editor .haken-liste li {
      position: relative;
      padding-left: 1.8em;
      margin-bottom: 0.7em;
      color: var(--e-global-color-text);
      font-size: 1rem;
}

.elementor-widget-text-editor .haken-liste li::before {
      content: "✔";
      position: absolute;
      left: 0;
      top: 0.2em;
      width: 1.5em;
      height: 1.5em;
      background-color: var(--e-global-color-text);
      color: var(--e-global-color-primary);
      font-size: 0.75em;
      font-weight: bold;
      line-height: 1.55em;
      text-align: center;
      border-radius: 50%;
}

input#wpforms-772-field_4_1::before {
	border-radius: 0px !important;
}

/* Layout (65% & 35%) */
/* Berechnung: 50% der Gesamtbreite + der abgerechneten Breite (z. B. 65% = 0.15) - gap */
@media (min-width: 1025px) {
    .textbox-links, .textbox-rechts {
        max-width: calc((var(--container-max-width) / 2) + ((100vw - (var(--container-default-padding-left) + var(--container-default-padding-right))) * 0.15) - (50px * 0.65)); 
    }
    
    .textbox-rechts {
        margin-right: auto;
    }
    
    .textbox-links {
        margin-left: auto;
    }
}

/* Fehlerbehebung des Themes: Navigation wurde ein Pixel zu früh ausgeblendet */
@media (max-width: 991px) {
    .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation {
        display: none;
    }
}
@media (min-width: 992px) {
    .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation {
        display: block;
    }
}

/* Linkfarbe auf rot setzen */
a:active, a:hover {
    color: var(--e-global-color-accent);
}

/* Icons (Materialien) auf weiß setzen */
.elementor-widget-icon.elementor-view-default.white-icon .elementor-icon svg {
    fill: var(--e-global-color-text);
}

/* Footer Abstand nach unten entfernen */
.site-footer {
    padding-block-end: 0; 
    padding-block-start: 0; 
    position: relative;
}

/* Nummer in der Liste rot */
div.elementor-widget-container ol li::marker {
    color: var(--e-global-color-accent);
    font-weight: 700;
}

/* button nach rechts bewegen */
.site-navigation-toggle.transform-button {
    transform: translateX(-15px);
    transition: 0s;
}

/* icongröße */
.elementor-element.e-con-full.e-flex.e-con.e-child {
    background-size: min(120px) max(100%);
}

/* Subheading Abstand entfernen */
.elementor-widget-heading + .elementor-widget-heading {
    margin-top: calc((0px - var(--widgets-spacing-row))/1.5);
}