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

/* barlow-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: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-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: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-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: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */
}




/* Allgemeines */

h1, h2, h3 {
margin:0;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}



.h1 {
  color: #8B0048 !important;
  font-size: 50px !important;
  font-weight: 700 !important;
  line-height: 51px !important;
}



.elementor-button {
  text-decoration: none !important;
}

.elementor-button .elementor-button-text{
  text-align: left;
}



/*Menü*/


.navi .elementor-widget-container {
  height: 60px !important;
}

.elementskit-menu-hamburger svg.ekit-menu-icon path {
  fill: #D2AFC1;
}

.elementskit-menu-hamburger:hover svg.ekit-menu-icon path {
  fill: #ffffff;
}

.elementskit-menu-close i.fas {
font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.elementskit-menu-close i.fas::before {
    content: "\f00d";
}


.elementskit-menu-close:hover,
.elementskit-menu-close:focus,
.elementskit-menu-hamburger:focus{
  background-color: transparent !important;
}

.elementskit-menu-overlay {
  background-color: rgba(255, 255, 255, 0.75) !important;
}


.footer-container,
.box-punkte::before,
.punkte {
  background-size: 13px 13px;
}



/* Footer */

.footer-container{
  background-image: radial-gradient(circle, #EBEBEB 3px, transparent 3px);
  margin-left: 16px;
  width: calc(100% - 16px);
}

.footer-container .e-con-inner {
    transform: translateX(-16px);

}


/* Content */


.headerbild {
    padding-left: 16px;
}

.punkte {
  background-image: radial-gradient(circle, #EBEBEB 3px, transparent 3px);
}

.box-punkte::before {
  content:'';
  background-image: radial-gradient(circle, rgba(240,240,240, 0.15) 3px, transparent 3px);
  width: 75%;
  right: 0;
  left: auto;
  height: 60%;
  bottom: 0;
  top: auto;
}


.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

.gallery figure {
 max-width: none !important;
  width: 100% !important; 
  max-height: 475px;
  overflow: hidden;
  border-radius: 15px;
}


.gallery figure:nth-child(5n) {
grid-column: span 2;
}

.gallery figure div {
  height: 100%;
}

.gallery figure img {
object-fit: cover;
  height: 100% !important;
  width: 100%;
  object-position: center center;
}



.elementskit-accordion a.ekit-accordion--toggler {
  margin-bottom: 5px;
}


/* Formular */

.wpcf7-form {
  font-family: Barlow, Verdana, sans-serif;
}

.wpcf7-form label {
  width: 100%;
  font-weight:700;
}

.wpcf7-form .wpcf7-acceptance span {
  margin: 0;
  font-weight: 400;
}

.wpcf7-form input,
.wpcf7-form textarea {
border-radius: 15px;
margin-top:5px;
}

.wpcf7-form p {
  margin-bottom: 20px;
}

.wpcf7-submit {
  background-color: #8B0048;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
}

.wpcf7-submit:hover {
  background-color: #914B6F;
}



/* MEDIA QUERIES */


@media (min-width: 1440px) {

.footer-container {
  margin-left: 100px;
  width: calc(100% - 100px);

}

  .footer-container .e-con-inner {
    transform: translateX(-50px);
}


.headerbild {
    padding-left: 100px;
}


}


@media (min-width: 1024px) {


.h1 {
  font-size: 61px !important;
  line-height: 62px !important;
}

h1, h2, h3 {
margin:0;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}

}