/*===================================== 
YOU CAN WRITE YOU'R CUSTOME CSS HERE
======================================*/

.home-carousel-2 .item {
	max-width: 80%;
	/* Das eigentliche Fenster wird kleiner als der Platzhalter */
	margin: 0 auto;
	/* Zentriert das kleinere Fenster im Slot */
}

/* Make the image white using filter (not perfect) */
.active-arrow .icon-custom {
	filter: brightness(0) invert(1);
}

@font-face {
	font-family: 'Parisienne';
	src: url('../fonts/Parisienne-Regular.ttf') format('truetype');
}

.cite {
	font-family: 'Parisienne';
	font-weight: 500;
	background: transparent;
}

.borderz {
	position: relative; /* Wichtig für Pseudo-Elemente */
	padding: 10px 10px; /* Padding für Inhalt */
	margin: 2%;
	text-align: center;
}

.borderz::before {

	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px; /* Höhe des oberen Rahmens */

	padding-left: 10px;
	padding-right: 10px;

	/* Nur oben einen Rahmen mit Breite 60px */
    border-width: 60px 0 0 0;  /* Oben, Rechts, Unten, Links */

    /* Border Image Quelle */
    border-image-source: url('../assets/border_top.svg');

    /* Slice anpassen: nur oben wird geschnitten, unten nicht */
	border-image-slice: 45 0 0 0; /* oben, rechts, unten, links */

    /* Breite des Rahmen-Bildes für oben festlegen, kein Rahmen unten */
    border-image-width: 60px 0;

    /* Wiederholung des Musters */
    border-image-repeat: stretch; /* Oder 'round', falls das Muster kacheln soll */

	/* Optional: Outset, um den Rahmen weiter nach außen zu ziehen */
	border-image-outset: 80px 0 60px 0;
	
    /* Sonstige Styles */
    text-align: center;
}

.borderz::after {

	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px; /* Höhe des unteren Rahmens */

	padding-left: 10px;
	padding-right: 10px;

	/* Nur oben einen Rahmen mit Breite 60px */
    border-width: 0 0 60px 0;  /* Oben, Rechts, Unten, Links */

    /* Border Image Quelle */
    border-image-source: url('../assets/border_bot.svg');

    /* Slice anpassen: nur oben wird geschnitten, unten nicht */
	border-image-slice: 0 0 45 0; /* oben, rechts, unten, links */

    /* Breite des Rahmen-Bildes für oben festlegen, kein Rahmen unten */
    border-image-width: 60px 0;

    /* Wiederholung des Musters */
    border-image-repeat: stretch; /* Oder 'round', falls das Muster kacheln soll */

	/* Optional: Outset, um den Rahmen weiter nach außen zu ziehen */
	border-image-outset: 80px 0 60px 0;
	
    /* Sonstige Styles */
    text-align: center;
}

.site-text-primary_custom {
	color: #9f5ba4;
}

@media (min-width:1024px) {
	.focus  {
		margin: -8px;
	}
}

.map_responsive {
	display: flex;
}

/* Anpassung für Tablets (ab 768px Breite) */
@media (max-width: 780px) {
	.cite {
		font-size: 36px;
		margin-bottom: 15px;
	}
}

@media (max-width: 780px) {
	.site-text-primary_custom {
		color: violet;
	}

	.map_responsive {
		display: block;
	}
}

.contact-left-part {
	height: 500px !important;
}

/* Verhindert, dass Pointer-Events während des Swipens hängen bleiben */
.owl-carousel .owl-item {
    touch-action: pan-y; /* Erlaubt vertikales Scrollen der Seite, aber optimiert horizontales Swipen */
}

/* Sicherstellen, dass dein lila Hintergrund die Klasse .active nutzt */
.our-pricing-carousel .item.active .our-pricing-tab {
    background-color: #9f5ba4; 
}