/*
Theme Name:   My Music Band Child
Theme URI:    https://catchthemes.com/demo/my-music-band-free/
Description:  My Music Band Child Theme
Author:       Stefan van Kranen
Author URI:   https://quelltextvirtuose.de/
Template:     my-music-band
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-image-header, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, holiday, portfolio
Text Domain: my-music-band
*/

body, input, button, select, textarea, .site-title, .widget .widget-title, .home .custom-header-content .entry-title, #testimonial-content-section .entry-title, #team-content-section .entry-meta, :not(.menu-toggle-wrapper) {
    font-family: 'Gilroy', sans-serif;
}

#primary-menu li.menu-item a {
    color: #9A9A9A;
}

#primary-menu li.menu-item a:active,
#primary-menu li.current-menu-item a {
    color: black;
}

#primary-menu li.menu-item a:hover, a:hover {
    color: #6EC1E4;
}

h1.entry-title {
    font-family: 'Gilroy', sans-serif;
}

h2 {
    font-size: 1.5rem;
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
}

h3 {
    font-size: 1.275rem;
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
}

.cg-zero-margin p {
    margin-bottom: 0;   
}

.cg-spacer-xs {
    min-height: 1rem;
}

.cg-spacer-s {
    min-height: 2.5rem;
}

.cg-spacer-m {
    min-height: 5rem;
}

.cg-spacer-l {
    min-height: 7.5rem;
}

.cg-spacer-xl {
    min-height: 10rem;
}

#choere_container {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
}

#choere_container :nth-child(1) { order: 1; background-size: cover; background-position: center; min-height: 360px; width: 100%; }
#choere_container :nth-child(2) { order: 3; background-size: cover; background-position: center; min-height: 360px; width: 100%; }
#choere_container :nth-child(3) { order: 2; }
#choere_container :nth-child(4) { order: 4; }

@media only screen and (min-width: 860px) {
    #choere_container {
        flex-direction: row;
    }

    #choere_container > * {
      flex: 1; /* Ermöglicht es den Elementen, den verfügbaren Platz gleichmäßig aufzuteilen */
      width: 49%; /* Setzt die Breite auf Auto, sodass die Breite flexibel ist */
    }

    #choere_container :nth-child(1) { order: 1; background-size: cover; background-position: center; }
    #choere_container :nth-child(2) { order: 2; background-size: cover; background-position: center; }
    #choere_container :nth-child(3) { order: 3; display: block; }
    #choere_container :nth-child(4) { order: 4; display: block; }
}
 
.hiddenContainer {
    display: none !important;
}