/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
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 */


/* caveat-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: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/caveat-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* caveat-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: 'Caveat';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/caveat-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* caveat-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: 'Caveat';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/caveat-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* caveat-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: 'Caveat';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/caveat-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-300 - 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: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/source-sans-3-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-300italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/source-sans-3-v20-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/source-sans-3-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/source-sans-3-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/source-sans-3-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-500italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/source-sans-3-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/source-sans-3-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/source-sans-3-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/source-sans-3-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/source-sans-3-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/source-sans-3-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-800italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/source-sans-3-v20-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*

Inhaltsverzeichnis

1) Fonts
2) Spacing
3) Header & Footer
4) Elements

*/


a {
  overflow-wrap: break-word;
  word-break: break-all;
}



/* == 1) FONTS  == */


/* Font-Familie */

h1,
.quote span,
.special-heading span,
.quote-schulpferde span {
	font-family: 'Caveat'!important;
}

h2,
h3,
p,
a,
li,
span,
.wpforms-field-label,
button.wpforms-submit,
.testi-item .testimonial-read-toggle {
	font-family: 'Source Sans 3'!important;
}


/* Color */

.quote span,
.quote-schulpferde span,
.special-heading span,
.wpforms-container .wpforms-form a,
.space-footer a,
.space-footer a span.elementor-icon-list-text,
.rechtliches a {
	color: #B99030!important;
}


/* Size */

h1 {
	font-size: 2.5rem;
}
	
h2 {
	font-size: 1.8rem;
	line-height: 1.2!important;
}

h3 {
	font-size: 1.5rem;
	line-height: 1.2!important;
}
	
p,
li,
a,
span,
.testi-item .testimonial-read-toggle {
	font-size: 1.1rem;
}

.e-n-accordion-item-title-text {
	font-size: 1.1rem!important;
}


.quote span {
	font-size: 2.1rem;
	line-height: 1.2;
}


.quote-schulpferde span {
	font-size: 1.8rem;
	line-height: 1.2;
}

.special-heading span {
	font-size: 3.5rem;
}	


@media (min-width: 767px) {
	
	h1 {
		font-size: 3.1rem;
	}
	
	h2 {
		font-size: 2.1rem;
		line-height: 1.4!important;
	}
	
	h3 {
		font-size: 1.7rem;
		line-height: 1.3!important;
	}
	
	p,
	li,
	a,
	span,
	.testi-item .testimonial-read-toggle {
		font-size: 1.2rem;
	}
	
	.e-n-accordion-item-title-text {
		font-size: 1.2rem!important;
	}	
	
	.quote span {
		font-size: 2.6rem;
	}
	
	.special-heading span {
		font-size: 3.8rem;
	}	
	
}




/* == 2) SPACING  == */


.space,
.space-top,
.space-bottom,
.space-footer {
	padding-right: 25px;
	padding-left: 25px;
}

.col,
.col-horse {
		padding:20px 20px 25px 20px;
}

.space {
		margin: 40px 0px;
}
	
.space-inner {
	padding: 40px 25px;
	}
	
.space-inner-lb {
	padding: 40px 25px 70px 25px;
}

.space-inner-bottom {
	padding: 0px 25px 60px 25px;
}
	
.space-top {
	margin-top: 40px;
}
	
.space-bottom {
	margin-bottom: 40px;
}
	
.space-footer {
	margin: 25px 0px 25px 0px;
}


@media (min-width: 767px) {
	
	.space {
		margin: 80px 0px;
		padding: 0px 25px;
	}
	
	.space-inner {
		padding: 80px 25px;
	}
	
	.space-inner-lb {
		padding: 80px 25px 100px 25px;
	}
	
	.space-inner-bottom {
		padding: 0px 25px 80px 25px;
	}
	
	.space-top {
		margin-top: 80px;
	}
	
	.space-bottom {
		margin-bottom: 80px;
	}
	
	.space-footer {
		margin: 40px 0px;
	}
	
	.col {
		padding:40px;
	}

	.col-horse {
		padding: 40px;
	}
}




/* == 3) HEADER & FOOTER  == */

.main-nav .elementskit-navbar-nav > li.current-menu-item > a {
	font-weight:600!important;
}


@media (min-width: 1200px){
	.main-nav .elementskit-navbar-nav-default .elementskit-navbar-nav>li>a {
		font-size: 1.2rem!important;
		padding: 0px 12px 0px 12px!important;
	}
}


@media (min-width: 767px){
	.main-nav .elementskit-navbar-nav-default .elementskit-navbar-nav>li>a {
		font-size: 1.0rem!important;
	}
}


.main-nav .elementskit-navbar-nav-default .elementskit-navbar-nav>li>a {
		font-size: 1.2rem!important;
}




/* == 4) ELEMENTS  == */


/* Pferdekopf bei Column*/

@media (min-width: 767px) {
	.col-horse {
		background-image: url("./images/horse.svg");
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: 120px auto;
	}
}


/* GALERIE */
.elementor-slideshow__title {
	display:none!important;
}


/* KONTAKTFORMULAR*/

.wpforms-container .wpforms-submit-container {
	display: flex;
	justify-content: center;
}


/* BUTTONS */

.elementor-widget-button .elementor-button:hover {
	background-color:#b99030!important;
}

span.elementor-button-text {
	line-height:1.3;
}


/* BTT Button */

.elementor-89 .elementor-element.elementor-element-e505cb8 .ekit-btt__button {
	position:fixed!important;
	bottom:10px;
	right:10px;
}



/* News Button */

.news-btn {
	position:fixed!important;
	top:32%!important;
	right:0;
	z-index: 999;
}

@media (min-width: 767px) {
	.news-btn {
		top:40%!important;
	}
}

.news-btn span.elementor-icon-box-title a {
	font-weight: 300!important;
	text-transform: uppercase;
	font-size: 0.9rem!important;
}

@media (min-width: 767px) {
	.news-btn span.elementor-icon-box-title a {
		font-size: 1.2rem!important;
	}
}


/* Reitverein Button*/

#reitverein-btn span.elementor-button-text {
	font-size:0.9rem;
}

@media (min-width: 767px) {
	#reitverein-btn span.elementor-button-text {
		font-size:1.2rem;
	}
}


/* TESTIMONIALS */


/* Anführungszeichen */

.testimonial-slider::before,
.testimonial-slider::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    z-index: 99 !important;
    pointer-events: none !important;
}

@media (min-width: 767px){
	.testimonial-slider::before,
	.testimonial-slider::after {
		width: 50px !important;
		height: 50px !important;
	}
}



/* Oben rechts */


.testimonial-slider::after {
    background-image: url("./images/zeichen-oben.svg") !important;
    top: -19px !important;
    right: 20px !important;
}

@media (min-width: 767px){
	.testimonial-slider::after {
		top: -30px !important;
		right: 30px !important;
	}
}


/* Unten links */


.testimonial-slider::before {
	background-image: url("./images/zeichen-unten.svg") !important;
	top: 97% !important;
	left: 20px !important;
}

@media (min-width: 767px){
	.testimonial-slider::before {
		top: 94% !important;
		left: 30px !important;
	}
}

/* Kram beim Testimonial*/

.ekit-wid-con .elementskit-single-testimonial-slider {
	box-shadow:none!important;
}

.ekit-wid-con .elementskit-commentor-content {
	margin-bottom:0!important;
}

/* Read more/less */

.testi-item .elementskit-commentor-content > p.testimonial-text-collapsed {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5 !important;
    line-clamp: 5 !important;
    overflow: hidden !important;
}

@media (min-width: 767px){
	.testi-item .elementskit-commentor-content > p.testimonial-text-collapsed {
		-webkit-line-clamp: 3 !important;
		line-clamp: 3 !important;
	}
}

.testi-item .elementskit-commentor-content > p.testimonial-text-expanded {
    display: block !important;
    overflow: visible !important;
}

.testi-item .testimonial-read-toggle {
	position: relative;
    z-index: 5;
    pointer-events: auto;
    display: inline-block;
    margin-top: 8px;
    padding: 0px 0px 10px 0px;
    border: none;
    background: transparent;
    color: #B99030!important;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.testi-item .testimonial-read-toggle:hover,
.testi-item .testimonial-read-toggle:focus,
.testi-item .testimonial-read-toggle:active {
    background: transparent !important;
    background-color: transparent !important;
    color: #B99030 !important;
    border: none !important;
    box-shadow: none !important;
}

.testi-item .testimonial-read-toggle[hidden] {
    display: none !important;
}


/* Name Testimonial */

.ekit-wid-con .elementskit-profile-info .elementskit-author-name {
	text-align:right;
	margin-top:25px!important;
}



/* ==================================================
   ELEMENTSKIT IMAGE BOX – FLOATING STYLE
   Custom Styling für das Child Theme
   ================================================== */


.flipbox h3 {
	font-size: 1.2rem!important;
	font-weight: 500!important;
}

/* --------------------------------------------------
   1. IMAGEBOX UND BILDCONTAINER
   -------------------------------------------------- */

.elementskit-info-image-box.floating-style {
    position: relative !important;
    overflow: hidden !important;
}



.left-box .elementskit-info-image-box.floating-style {
	border-radius: 0px 40px 0px 0px!important
}

.right-box .elementskit-info-image-box.floating-style {
	border-radius: 0px 0px 0px 40px!important
}


@media (min-width: 767px){
	.left-box .elementskit-info-image-box.floating-style {
		border-radius: 0px 0px 0px 25px!important
	}

	.right-box .elementskit-info-image-box.floating-style {
		border-radius: 0px 25px 0px 0px!important
	}
}

.elementskit-info-image-box.floating-style .elementskit-box-header {
    position: relative !important;
    width: 100% !important;
    line-height: 0 !important;
}

.elementskit-info-image-box.floating-style .elementskit-box-header img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}


/* --------------------------------------------------
   2. OVERLAY ÜBER DEM GESAMTEN BILD
   -------------------------------------------------- */

.elementskit-info-image-box.floating-style .elementskit-box-body {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    transition: background 0.4s ease !important;
}


/* --------------------------------------------------
   3. INHALTSBEREICH IM NORMALZUSTAND
   -------------------------------------------------- */

.elementskit-info-image-box.floating-style .elementskit-box-content {
    display: block !important;

    position: absolute !important;
    bottom: -14px !important;
    left: 0 !important;

    width: 100% !important;
    box-sizing: border-box !important;

    padding: 0 !important;
    margin: 0 !important;

    text-align: center !important;
}


/* --------------------------------------------------
   4. TITELBALKEN IM NORMALZUSTAND
   -------------------------------------------------- */

.elementskit-info-image-box.floating-style .elementskit-info-box-title {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 14px 10px !important;

    color: #ffffff !important;
    background: rgba(43, 73, 43, 0.75) !important;

    line-height: 1.3 !important;
    transform: none !important;

    transition: background 0.4s ease !important;
}


/* --------------------------------------------------
   5. BESCHREIBUNG UND BUTTON AUSBLENDEN
   -------------------------------------------------- */

.elementskit-info-image-box.floating-style .elementskit-box-style-content,
.elementskit-info-image-box.floating-style .elementskit-box-footer {
    opacity: 0 !important;
    visibility: hidden !important;

    transform: translateY(15px) !important;

    transition:
        opacity 0.4s ease,
        visibility 0.4s ease,
        transform 0.4s ease !important;
}


/* --------------------------------------------------
   6. HOVER – VOLLFLÄCHIGES GRÜNES OVERLAY
   -------------------------------------------------- */

.elementskit-info-image-box.floating-style:hover .elementskit-box-body {
    justify-content: center !important;
    align-items: center !important;

    background: rgba(43, 73, 43, 0.78) !important;
}


/* --------------------------------------------------
   7. HOVER – INHALT ZENTRIEREN
   -------------------------------------------------- */

.elementskit-info-image-box.floating-style:hover .elementskit-box-content {
    position: relative !important;

    left: auto !important;

    width: 100% !important;
    box-sizing: border-box !important;

    padding: 0 20px !important;
    margin: 0 !important;

    text-align: center !important;
}


/* Titel beim Hover ohne separaten Balken */

.elementskit-info-image-box.floating-style:hover .elementskit-info-box-title {
    width: 100% !important;

    margin: 0 !important;
    padding: 14px 0 !important;

    color: #ffffff !important;
    background: transparent !important;
}


/* --------------------------------------------------
   8. HOVER – BESCHREIBUNG EINBLENDEN
   -------------------------------------------------- */

.elementskit-info-image-box.floating-style:hover .elementskit-box-style-content {
    opacity: 1 !important;
    visibility: visible !important;

    transform: translateY(0) !important;

    color: #ffffff !important;
}


/* --------------------------------------------------
   9. HOVER – BUTTON EINBLENDEN
   -------------------------------------------------- */

.elementskit-info-image-box.floating-style:hover .elementskit-box-footer {
    opacity: 1 !important;
    visibility: visible !important;

    transform: translateY(0) !important;
}


/* --------------------------------------------------
   10. GOLDENER BUTTON
   -------------------------------------------------- */

.elementskit-info-image-box.floating-style .elementskit-btn {
    display: inline-block !important;

    padding: 12px 24px !important;

    color: #ffffff !important;

    transition:
        background 0.3s ease,
        border-color 0.3s ease !important;
}


/* Button Hover */

.elementskit-info-image-box.floating-style .elementskit-btn:hover {
    color: #ffffff !important;

    background: #ad8732 !important;
    border-color: #ad8732 !important;
}