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

@import url("fonts.css");


.elementor-115 .elementor-element.elementor-element-2b8ec0c .elementor-slide-heading{
	background-color:#87b515 !important;
	padding: 20px !important;
	border-radius: 20px !important;
}

/*------------------booking-kit------------------------*/


#bookingKitContainer .bk-events-buttons a{
	width: 80% !important;
	float: right !important;
}

#bookingKitContainer .bk-detail-right-column {
  padding-left: 30px;
}

.bk-medium-title{
	font-size: 28px !important;
	line-height: 32px !important;
}

#bookingKitContainer .bk-events-informations h4 {
	font-family: "Arial", sans-serif; !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #0A0806 !important;
}

.bk-detail-list-text{
	font-family: "Arial", sans-serif; !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}

.event-prices{
	font-family: "Bebas Neue", sans-serif; !important;
	font-size: 30px !important;
	font-weight: 400 !important;
	margin-top: 10px !important;
	margin-left: 40px !important;

}

#bookingKitContainer .bk-events-informations{
	border-right: 1px solid #0A0806 !important;
	padding-left:10px !important;
    padding-right: 20px !important;
    width: 95% !important;
}

#bookingKitContainer h3.textColor{
	font-family: "Bebas Neue", sans-serif; !important;
	font-weight: 400 !important;
	font-size: 25px !important;
}
h2.textColor{
	font-family: "Bebas Neue", sans-serif; !important;
	font-weight: 400 !important;
	font-size: 30px !important;
	line-height: 36px !important;
}

#bookingKitContainer .bk-detail-highlight{
	font-style: normal !important;
	font-family: "Arial", sans-serif; !important;
}


#bookingKitContainer .bk-detail-desc{
	font-family: "Arial", sans-serif; !important;
}


h3.headColor{
	font-size: 25px !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
}

#bookingKitContainer .bk-detail-grid .bk-detail-informations ul{
	font-family: "Arial", sans-serif; !important;
}

.bk-detail-info-item{
	font-family: "Arial", sans-serif; !important;
}

#bookingKitContainer .bk-detail-grid .bk-detail-informations{
	border-top: solid 1px #0A0806 !important;
}

/* ------------------------------ Ansicht 3 Events Startseite -------------------------------------------------- */

.events-container {
    display: flex;
    flex-direction: column;
    padding: 0px;
}

.myevent {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    border-top: 0px solid #8EC368;
    background-color: #eee;
    padding: 0px;
    height: 190px;
    border-radius: 15px;
}

.datetext {
    font-size: 55px;
    color: #000;
    text-align: left;
    padding: 0px;
    font-family: "Bebas Neue";
    line-height: 65px;
}

.pricetext {
    font-size: 20px;
    line-height: 28px;
    color: #000;
    text-align: left;
    padding: 0px;
    font-family: "Bebas Neue";
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.event-column {
    flex: 1;
}

.date-column, .price-column {
    padding-top: 30px;
    text-align: left;
    padding-left: 30px;
}

.title-column {
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
    width: 60%;
}

.date-column {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.image-column img {
    max-width: 100%;
    height: 190px;
    padding: 0px;
}

.title-column h2 {
    margin: 0;
    font-size: 1.5em;
    margin-bottom: 15px;
    width: 470px;
}

.highlights-column p, .price-column p {
    margin: 0;
}

/* Media Query für mobile Ansichten */
@media (max-width: 768px) {
    .myevent {
        flex-direction: column;
        height: auto;
        padding: 10px;
    }
    
    .title-column {

    padding-right: 20px;
    width: 95%;
}

 .title-column h2 {
    margin: 0;
    font-size: 1.4em;
    margin-bottom: 15px;
    width: 90%;
}

    .date-column, .price-column {
        padding-top: 10px;
        padding-bottom: 10px;
    }

     .date-column {
        padding-top: 10px;
        padding-bottom: 10px;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
        display: none;
    }

    
    .date-column, .price-column, .title-column, .image-column {
        text-align: left;
        padding: 10px;
    }

    .image-column img {
        width: 100%;
        height: auto;
    }
}