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

.cyan {
    color: var(--e-global-color-accent);
}

.blue {
   color: var(--e-global-color-secondary);
}



/* Menu */

.menu-button line {
	transition: all 0.3s;	
}

#menu a.elementor-sub-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#menu .menu-item-description {
    font-size: 85%;
    white-space: pre-wrap;
    color: #898989;
    margin: 5px 0;
}

#menu span.sub-arrow {
    font-size: 14px;
}


/* Formular */
label.elementor-field-label {
    transform: translateX(15px) translateY(17px);
    transition: all 0.3s;
    margin-bottom: -23px;
	opacity: 0.8;
	z-index: 12;
}

/* Croped */
.croped {
   -webkit-clip-path:  polygon(0 0%, 100% 0, 100% 85%, 85% 100%, 0 100%, 0% 50%);
   clip-path: polygon(0 1%, 100% 0, 100% 85%, 85% 100%, 0 100%, 0% 50%);
}

.croped-corner:after, .croped-input .elementor-field-group:after {
    content: "";
    position: absolute;
    right: -55px;
    bottom: -25px;
    background: inherit;
    z-index: 10;
    border: inherit;
    width: 50px;
    height: 50px;
    transform-origin: top left;
    transform: rotate(45deg);
    transition: all 0.3s;
}



.elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-field_ce2b6e5.elementor-col-100.elementor-field-required:after {
	content: none;
}

.elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-field_4c2749e.elementor-col-100.elementor-field-required:after {
    content: none !important;
}

.croped-input .elementor-field-group {
	overflow: hidden;
	padding: 0 !important;
}
.croped-input .elementor-field-group:after {
	background: #fff;
	border: 2px solid var( --e-global-color-7411608 );
	z-index: 0;
}

.croped-input .elementor-field-group.e-form__buttons:after {
	border:none;
}

.croped-input input:focus {
    z-index: 10;
}

.croped-corner:hover:after, .croped-input .elementor-field-group:hover:after {
    transform: rotate(0deg);
}

.framed-button:after {
	background: #fff;
	border: 2px solid var( --e-global-color-primary);
	z-index: 0;
	
}
.croped-image {
   clip-path: polygon(100% 0, 100% calc( 100% - 18px), calc( 100% - 18px) 100%, 0 100%, 0 0);
}



.croped-corner:hover .closed-acc span.elementor-accordion-icon.elementor-accordion-icon-right {
	clip-path: polygon(100% 0, 100% calc( 100% - 18px), calc( 100% - 0px) 100%, 0 100%, 0 0)
}


.croped-header {
	transition: all 0.3s;
	clip-path: polygon(100% 0, 100% calc( 100% - 25px), calc( 100% - 25px) 100%, 0 100%, 0 0)
}



.croped-button .elementor-button {
clip-path: polygon(100% 0, 100% calc( 100% - 15px), calc( 100% - 15px) 100%, 0 100%, 0 0)
}


.croped-button .elementor-button:hover {
clip-path:polygon(100% 0, 100% calc( 100% - 15px), calc( 100% - 0px) 100%, 0 100%, 0 0)
}


/* Icon Box*/
.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper, .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper {
    align-items: center !important;
}

/* Kunden Logos*/
.logo-carussel img.swiper-slide-image {
    object-fit: contain;
    filter: saturate(0.0) opacity(0.5);
    transition: all 0.3s;
    max-height: 70px;
    max-width: 180px;
}

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

span.swiper-pagination-bullet {
    border-radius: 0;
}



/* Accorion Closed*/
.closed-acc .elementor-accordion .elementor-accordion-item:first-of-type {
display: none;
}

.closed-acc .elementor-accordion {
    text-align: right;
}

.closed-acc .elementor-tab-title:before {
    content: "Mehr anzeigen...  ";
    font-family: var(--e-global-typography-primary-font-family);
    color: var(--e-global-color-primary);
    position: relative;
    line-height: 35px;
	margin-right: 15px;
}

.closed-acc .elementor-tab-title:lang(en-GB):before {
    content: "Show more...  ";
}

.closed-acc .elementor-tab-title.elementor-active:before {
    content: "Weniger anzeigen...  ";
}

.closed-acc .elementor-tab-title.elementor-active:lang(en-GB):before {
    content: "Show less...  ";
}

.closed-acc .elementor-accordion-item {
    display: flex;
    flex-direction: column-reverse;
}

.closed-acc .elementor-tab-content.elementor-clearfix {
    text-align: left;
}

.closed-acc .elementor-accordion-icon.elementor-accordion-icon-right {
    background: var(--e-global-color-265d512);
    width: 35px !important;
    height: 35px;
    padding: 10px;
    /* display: flex; */
}

/* Animated Circles Spots*/
.animated-circles .e-hotspot__outer-circle {
    background: transparent;
    border: solid 2px #fff;
}

.animated-circles .e-hotspot__inner-circle {
    background: transparent;
   /* border: solid 2px #fff; */
}

.animated-circles .e-hotspot__outer-circle::before {
    width: 50%;
    content: "";
    height: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 25%;
    left: 25%;
    border-radius: 100px;
}

.animated-circles .e-hotspot__outer-circle::after {
    width: 80%;
    content: "";
    height: 80%;
    border: 2px solid #fff;
    position: absolute;
    top: 10%;
    left: 10%;
    border-radius: 100px;
}


@media (min-width: 1025px) {
/* Neuigkeiten */
.neuigkeiten-loop .elementor-loop-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.neuigkeiten-loop .e-loop-item {
    width: calc( 50% - 20px );
    max-width: 100%;
}

.neuigkeiten-loop .elementor-loop-container > .e-loop-item ~ .e-loop-item {
    width: calc( 50% - 10px );
}

.neuigkeiten-loop .elementor-loop-container > .e-loop-item {
    width: 100%;
}

.neuigkeiten-loop .elementor-59 .elementor-element.elementor-element-c7b4aa4 {
    --width: 53% !important;
}
}


@media (max-width: 1024px) {
/* Menu */
#menu a.elementor-sub-item {
	width: 100%;
}
}
	
	
	
	
	
	
/* Borlabs */

/* Hier alle Anpassungen vornehmen (für Elementor-Seiten nicht notwendig) */
:root{
    --borlabs-custom-primary: #bf1d1f;
    --borlabs-custom-primary-text: #fff;
    --borlabs-custom-secondary: #666;
    --borlabs-custom-secondary-text: #fff;
    --borlabs-custom-accent: #bf1d1f;
    --borlabs-custom-text: #727272;
    --borlabs-custom-font-family: 'Arial, Helvetica, sans-serif';
    --borlabs-custom-font-size: 14px;
    --borlabs-custom-font-weight: 400;
    --borlabs-custom-line-height: 1.2;
}
/* Anpassungen ENDE */

/* Globale Schriften */

#BorlabsCookieBox, .brlbs-cmpnt-container,
body .brlbs-cmpnt-content-blocker {
    font-family: var(--e-global-typography-text-font-family, var(--borlabs-custom-font-family, inherit)), sans-serif;
    font-size: var(--e-global-typography-text-font-size, var(--borlabs-custom-font-size, 14px));
    line-height: var(--e-global-typography-text-line-height, var(--borlabs-custom-line-height, 1.2));
    font-weight: var(--e-global-typography-text-font-weight, var(--borlabs-custom-font-weight, 400));
}

/* Globale Farben */

#BorlabsCookieBox .brlbs-cmpnt-dialog, .brlbs-cmpnt-container .brlbs-cmpnt-dialog{
    color: var(--e-global-color-text, var(--borlabs-custom-text, #000));
}

#BorlabsCookieBox .brlbs-btn-accept-all {
    background-color: var(--e-global-color-primary, var(--borlabs-custom-primary, #000)) !important;
    color: var(--borlabs-custom-primary-text, #fff) !important;
}

#BorlabsCookieBox .brlbs-btn-save {
    background-color: var(--e-global-color-265d512, var(--borlabs-custom-secondary, #afafaf)) !important;
    color: #000 !important;
}

#BorlabsCookieBox .brlbs-cmpnt-btn-preferences {
    background-color: var(--e-global-color-265d512, var(--borlabs-custom-secondary, #afafaf)) !important;
    color: #000 !important;
}

#BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive, .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive{
    border-color: var(--e-global-color-primary, var(--borlabs-custom-primary, #000)) !important;
}

#BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active, .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active {
    background-color: var(--e-global-color-primary, var(--borlabs-custom-primary, #000)) !important;
    border-color: var(--e-global-color-primary, var(--borlabs-custom-primary, #000)) !important;
    color: var(--borlabs-custom-primary-text, #fff) !important;
}

#BorlabsCookieBox .brlbs-cmpnt-tab:hover, .brlbs-cmpnt-container .brlbs-cmpnt-tab:focus {
    background-color: var(--e-global-color-primary, var(--borlabs-custom-primary, #000)) !important;
    border-color: var(--e-global-color-primary, var(--borlabs-custom-primary, #000)) !important;
    color: var(--borlabs-custom-primary-text, #fff) !important;
}

#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:checked {
    background-color: var(--e-global-color-primary, var(--borlabs-custom-primary, #000));
    border-color: var(--e-global-color-primary, var(--borlabs-custom-primary, #000));
}

#BorlabsCookieBox input#essential {
    background-color: var(--dialog-switch-button-background-color-inactive) !important;
    border-color: var(--dialog-switch-button-background-color-inactive) !important;
}

#BorlabsCookieBox .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider, .brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider {
    background-color: var(--e-global-color-primary, var(--borlabs-custom-primary, #000));
}

#BorlabsCookieBox .brlbs-cmpnt-btn-switch input:disabled+.brlbs-cmpnt-slider, .brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input:disabled+.brlbs-cmpnt-slider {
    background-color: var(--dialog-switch-button-background-color-inactive) !important;
}

#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked:disabled:before, input[type=checkbox].brlbs-cmpnt-checkbox:checked:disabled:before {
    background-color: #fff;
}

#BorlabsCookieBox .brlbs-cmpnt-btn-preferences, .brlbs-cmpnt-container .brlbs-cmpnt-btn-preferences {
    background-color: var(--e-global-color-primary, var(--borlabs-custom-primary, #000));
}

#BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus, #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover, .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus, .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover {
    background-color: var(--e-global-color-primary, var(--borlabs-custom-primary, #000));
    filter: brightness(1.2);
}

#BorlabsCookieBox button.brlbs-cmpnt-link.brlbs-cmpnt-flex.brlbs-cmpnt-btn-selection.brlbs-cmpnt-btn.brlbs-cmpnt-btn-sm {
    background: var(--e-global-color-primary, var(--borlabs-custom-primary, #000));
}

/* Content Blocker */
.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description {
    border-bottom: none;
}

body .brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle{
    color: var(--e-global-color-accent, var(--borlabs-custom-accent, #000));
}

.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn{
    background-color: var(--e-global-color-primary, var(--borlabs-custom-primary, #000)) !important;
    color: var(--borlabs-custom-primary-text, #fff) !important;
}

.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons a.brlbs-cmpnt-cb-btn:first-child {
    background-color: var(--e-global-color-secondary, var(--borlabs-custom-secondary, #afafaf)) !important;
    color: var(--borlabs-custom-secondary-text, #fff) !important;
}

.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:hover {
    background-color: var(--e-global-color-primary, var(--borlabs-custom-primary, #000)) !important;
    color: var(--borlabs-custom-primary-text, #fff) !important;
    filter: brightness(1.2);
}

.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons a.brlbs-cmpnt-cb-btn:first-child:hover{
    background-color: var(--e-global-color-secondary, var(--borlabs-custom-secondary, #afafaf)) !important;
    color: var(--borlabs-custom-secondary-text, #fff) !important;
}

.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons {
    flex-direction: column !important;
    gap: 10px;
}

/*Allgemeines Styling*/
#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked, #BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:disabled, #BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:focus, #BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:hover, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:checked, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:disabled, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:focus, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:hover, #BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox {
    border-radius: 0; /* für abgerundete Checkboxen löschen*/
}

#BorlabsCookieBox .brlbs-cmpnt-btn:hover, .brlbs-cmpnt-container .brlbs-cmpnt-btn:hover {
    filter: brightness(1.2);
}

#BorlabsCookieBox .brlbs-cmpnt-btn, .brlbs-cmpnt-container .brlbs-cmpnt-btn, #BorlabsCookieBox .brlbs-cmpnt-btn:hover, .brlbs-cmpnt-container .brlbs-cmpnt-btn:hover {
    transition: 0.2s;
    font-weight: 400 !important;
    letter-spacing: 0.1px;
}

#BorlabsCookieBox .brlbs-cmpnt-dialog-box-header, .brlbs-cmpnt-container .brlbs-cmpnt-dialog-box-header {
    gap: 15px;
    flex-direction: column;
}

#BorlabsCookieBox .brlbs-cmpnt-dialog-footer, .brlbs-cmpnt-container .brlbs-cmpnt-dialog-footer {
    background-color: var(--dialog-footer-background-color);
    color: var(--dialog-footer-text-color);
    padding-bottom: 6px;
    padding-top: 6px;
}

#BorlabsCookieBox .brlbs-cmpnt-dialog-details img.cookie-logo.brlbs-dialog-logo.brlbs-mr-2 {
    display: none;
}

#BorlabsCookieBox .brlbs-fixed.brlbs-w-screen.brlbs-h-screen.brlbs-top-0.brlbs-z-max.brlbs-overflow-auto {
    padding: 0;
}

#BorlabsCookieBox .brlbs-cmpnt-container :is(.md\:brlbs-px-12) {
    padding-left: 24px;
    padding-right: 24px;
}

#BorlabsCookieBox ul.brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list.brlbs-cmpnt-justify-between {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: center !important;
    align-items: center !important;
}

#BorlabsCookieBox li.brlbs-cmpnt-pr-4 {
    margin: 5px !important;
}

#BorlabsCookieBox span.brlbs-cmpnt-text-description, p#BorlabsCookieEntranceA11YDescription {
    text-align: center !important;
}