/*
 Theme Name:   kugler
 Author:       Life Design
 Template:     anvogue
 Version:      1.0.0
 Text Domain:  kugler
*/


@font-face {
    font-family: 'Brush Script Std';
    src: url('/wp-content/themes/kugler/fonts/BrushScriptStd-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h2.heading-title {
	font-family: 'Verdana';
	font-size: 40px;
	font-weight:normal;
}

/* nunito-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/kugler/fonts/nunito-sans-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/kugler/fonts/nunito-sans-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/kugler/fonts/nunito-sans-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/kugler/fonts/nunito-sans-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/kugler/fonts/nunito-sans-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*-------------Header höhe einstellen---------*/
/* Abstand für den gesamten Header erzwingen */
.pls-header-main {
    padding-top: 20px !important; /* Größerer Abstand oben */
    padding-bottom: 20px !important; /* Größerer Abstand unten */
    height: auto !important; /* Automatische Höhe */
}

/* Header Menü-Punkte Abstände */

.pls-main-navigation .menu > li {
    margin-right: 5px; /* Abstand zwischen den Menüpunkten */
}

.pls-main-navigation .menu > li:last-child {
    margin-right: 0; /* Entfernt den Abstand nach dem letzten Menüpunkt */
}


/*-------------tob-bar---------*/
.pls-header-phone-text {
    display: none;
}

.pls-contact-email {
    font-size: 15px;
font-weight: 600;
}



/*-------------Angebot button Header---------*/



.pls-header-col-right a.btn-header-cta {
    height: auto;
    align-self: center;
    background-color: #008dd3;
    color: #fff !important;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 32px !important;
    padding-right: 32px !important;
    border-radius: 12px;
    
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    line-height: 1.2;
    transition: background-color 0.3s ease;
}

.pls-header-col-right a.btn-header-cta:hover {
    background-color: #0077b3;
}

/* Abstand oben für das Logo im mobilen Menü */
.pls-mobile-menu-header {
    padding-top: 30px !important; /* Erhöhe den Wert, falls nötig */
}

.pls-mobile-menu-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 96px;
    position: relative;
}

.mobile-primary-menu, .mobile-categories-menu {
   
    margin-top: 50px;
}

/* Shop-Seite Filter */
.pls-products-header-filters {
    display: none !important;
}




/* Kontaktformular */
.pls-contact-us h3 {
    font-family: 'Verdana';
    font-size: 40px;
    font-weight: 300;
} 


.pls-contact-us input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #008DD3 !important;
    border-color: #008DD3 !important;
    color: #fff !important;
	font-size: 16px;
}

.pls-contact-us input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: #006fa8 !important;
    border-color: #006fa8 !important;
}


.info-box-description p {
    font-size: 18px !important;
}

/* Hide Single Product Add-to-card-button */
.single-product .cart .single_variation_wrap {
	display: none !important;
}

.single-product .woocommerce-variation-description {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

div.summary form.cart a.reset_variations {
    cursor: pointer;
    font-weight: normal;
    display: inline-block;
    margin-top: 5px;
	text-transform: none !important;}

/* responsive */

@media (max-width: 767px) {
    /* Gilt bewusst nur fuer Abschnitts-Ueberschriften. Frueher stand hier ein
       allgemeines h2, das auch Slider und Info-Boxen erwischt und deren eigene
       Groessen ueberschrieben hat. */
    h2.heading-title,
    h2.elementor-heading-title {
        font-size: 30px !important;
		line-height: 35px !important;
    }
	.heading-tagline {
    
    font-size: 16px;
}
	 .e-paragraph-base {
    font-size: 16px;
}
}

/* --------------------------------------------------------------------------
   Ueberschriften-Hierarchie (gehoert zum Filter in der functions.php)
   -------------------------------------------------------------------------- */

/* Der Slider-Titel ist kein h2 mehr, sondern ein neutrales Element. Groesse und
   Farbe kommen weiterhin aus den Elementor-Einstellungen des Widgets
   (.pls-slide-title > *), nur die mobile Groesse kam bisher aus der
   allgemeinen h2-Regel und wird hier ausdruecklich gesetzt. */
@media (max-width: 767px) {
    .pls-slide-title > .pls-slide-title-text {
        font-size: 30px !important;
        line-height: 35px !important;
    }
}

/* Info-Box-Titel erben ihre Farbe vom Abschnitt, unabhaengig davon, welches
   Ueberschriften-Tag eingestellt ist. Ohne das wuerde ein Titel als h2 die
   globale Ueberschriftenfarbe aus den Elementor-Einstellungen annehmen. */
.pls-info-box .info-box-title > * {
    color: inherit;
}