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


/* Colors
var(--e-global-color-primary)
var(--e-global-color-secondary)
var(--e-global-color-text)
var(--e-global-color-accent)
*/


/* Scrollbar */
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: var(--e-global-color-baed6c1)
}

::-webkit-scrollbar-thumb {
 background: var(--e-global-color-primary);
 transition: 0.3s;
}

::-webkit-scrollbar-thumb:hover {
  filter: brightness(1.3)
}

/* To-top Button */
.hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.visible {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.2s ease;
}

/* Header */
span.elementor-menu-toggle__icon--open svg {
    width: 75px;
}


/* Halbscreen Slider */
.kke-slider {
    max-width:clamp(200px, 100%, 1400px)
 !important;
}

.kke-slider .elementor-swiper-button.elementor-swiper-button-next {
    height: calc(100% - 6px);
    background: #ffffff78 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    right: 0;
    position: absolute;
    right: 0 !important;
    top: calc(50% - 3px) !important;
}

.kke-slider .elementor-swiper-button.elementor-swiper-button-next svg {
    margin: auto;
}

.kke-slider .elementor-swiper-button.elementor-swiper-button-prev {
    display: none !important;
}

.kke-slider span.swiper-pagination-bullet {
    width: 100px !important;
    height: 4px !important;
    border-radius: 0;
}

.kke-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    text-align: start;
    left: -5px;
    bottom: -30px;
}

/* Borlabs */
body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-google-maps .brlbs-cmpnt-cb-btn {
	background: #004D7B;
	border-radius: 3px;
}

body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-google-maps .brlbs-cmpnt-cb-btn:hover {
	background: #fff;
	color: #004D7B;
}



/* Formular Labels*/
.elementor-field-type-text label.elementor-field-label,
.elementor-field-type-email label.elementor-field-label,
.elementor-field-type-tel label.elementor-field-label,
.elementor-field-type-textarea label.elementor-field-label
{
    transform: translate(0, 15px);
	transition: transform 0.3s;
	height: 0;
}

.elementor-field-type-select label {
    transform: translate(0, 15px);
	font-size: 12px;
	z-index: 10;
}


.elementor-field-type-acceptance.elementor-field-required label {
    display: none;
}


.elementor-field-type-acceptance.elementor-field-required  {
    margin-top: -10px;
}


/* Checkbox */
.elementor-field-option input[type="checkbox"] {
    display: none !important; /* Verstecke die ursprüngliche Checkbox */
}

.elementor-field-option label {
    position: relative;
    padding: 0px 30px;
    cursor: pointer;
}

.elementor-field-option label::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 5px;
    width: 16px; /* Ändere die Größe auf 14px */
    height: 16px; /* Ändere die Größe auf 14px */
    border: 1px solid #004D7B; /* Blaue Kontur */
    background-color: transparent;
    transition: background-color 0.3s;
}

.elementor-field-option input[type="checkbox"]:checked + label::before {
    background-color: #004D7B; /* Hintergrund wird blau bei Auswahl */
}

.elementor-field-option label::after {
    content: '\2713';
    position: absolute;
    left: 3px; /* Abstand vom linken Rand anpassen */
    top: 6px; /* Abstand vom oberen Rand anpassen */
    width: 16px;
    height: 16px;
    color: white;
    font-size:14px;
    opacity: 0;
    transform: scale(0);
    transition: opacity 0.1s, transform 0.1s;
}

.elementor-field-option input[type="checkbox"]:checked + label::after {
    opacity: 1;
    transform: scale(1);
}


.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
    width: 170px;
}


@media (max-width: 767px) {
	
	.kke-slider span.swiper-pagination-bullet {
    width: 40px !important;
	}
	
	.kke-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    text-align: center;
    left: -5px;
    bottom: -15px;
	}
	
	li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item {
    width: calc(100% - 60px);
    margin: auto;
	}
	
}