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

/* Container */
@media only screen and (min-width: 1250px){

    .elementor-section.elementor-section-boxed>.elementor-container {
        width: 100%;
        max-width: min(80vw, 1400px) !important;
    }

    .e-con {
        --content-width: min(80vw, 1400px);
    }
}



/* Buttons */

.elementor-button{
	transition-timing-function: cubic-bezier(0.15, 0.75, 0.50, 1.50);
}
.elementor-button:after {
    width: 0px;
	opacity:0;
    content: "";
    font-family: 'Font Awesome 5 Free';
	font-weight: 600;
    padding: 15px 0;
    height: 100%;
    background: var( --e-global-color-primary );
    position: absolute;
    top: 0;
    right: 0;
	transition: 0.3s;
	transition-timing-function: cubic-bezier(0.15, 0.75, 0.50, 1.50);
}
.elementor-button:hover{
	padding: 15px 80px 15px 25px;
}
.elementor-button:hover:after {
    width: 55px;
	content: "\f061";
	padding: 15px 5px;
	opacity:1;
}

/* Icons */
.black-bubble-bg .elementor-icon-box-icon {
    background: url(/wp-content/uploads/2023/03/black-bubbles.svg) no-repeat center;
    background-size: 180px;
    padding: 35px;
	transition: 0.3s;
	
}

.black-bubble-bg .elementor-icon-box-icon:hover {
	background-size: 150px;
	transform: scale(1.1);
}

/* Price Boxen*/
.price-box-parent:hover .price-box{
   transform: scale(1.05);
  
}

.price-box-parent .b {
    fill: var(--e-global-color-text);
	transition: 0.3s;
}

.price-box:hover .b {
    fill: var(--e-global-color-primary);
}

.paket-slider .swiper-slide:hover {
	transform: scale(1.2);
}

.paket-slider .elementor-main-swiper {
    padding: 40px;
    overflow-x: visible;
}

.paket-slider .elementor-main-swiper::-webkit-scrollbar {
  width: 0 !important
    }

.paket-slider .swiper-slide {
    filter: drop-shadow(0px 0px 10px #00000010);
	transition: 0.3s;
	min-width: 300px;
}

.price-box:hover .elementor-widget-button .elementor-button {
	background-color: var(--e-global-color-secondary) !important;
	color: #fff !important;
}

.price-box:hover {
   transform: scale(1.2) !important;
    z-index: 10;
}

/* Anwendungs Screenshots*/
.app-screenshot {
    filter: drop-shadow(0px 0px 10px #00000020);
    transition: all 0.3s;
}

.app-screenshot:hover {
    z-index: 5 !important;
    transform: scale(1.1);
}


/* Testimanials */
.testimanials-slider div{
    font-style: normal;
}

.testimanials-slider i {
font-family: "Font Awesome 5 Free";
    font-weight: 900;
     font-style: normal;
}

.testimanials-slider .elementor-testimonial__footer {
    margin-right: -25px;
}

.testimanials-slider .swiper-slide {
    overflow: visible;
}

.testimanials-slider .swiper{
    width: 100%;
    padding: 35px;
}

/* Kunden */
.kuden-logos img.swiper-slide-image {
    object-fit: contain;
    filter: saturate(0.0) opacity(0.5);
    transition: all 0.3s;
    max-width: 200px;
}

.kuden-logos img.swiper-slide-image:hover {
    filter: saturate(1.0) opacity(1);
}

/* Stichpunkt-Icons */
.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    align-items: flex-start !important;
}

.elementor-icon-list-icon i {
    line-height: 24px;
}


/* Kontaktformular */
.kontaktformular h3 {
    color: #fff;
}

.kontaktformular {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: row;
}