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

:root {
    --box-shadow-kachel: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.elementor-widget-search .e-search .e-search-submit {
    --e-search-submit-background-color: transparent;
}

body{
    hyphens: auto;
}

body,
p,
span,
a,
li {
    font-family: 'Rubik', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
pseudoH4,
.events-details.heading,
.heading {
    font-family: 'Advent Pro', sans-serif;
}

@media (max-width: 575px){
    body:not([class*="elementor-page-"]) .site-main{
        padding: 0;
    }
}

/* Sicherheitsnetz: Boxed-Container dürfen nie breiter werden als die globale Container-Breite
   (Site Settings > Layout > Container Width, --Boxed-Width), selbst wenn die
   Breiten-Variable eines einzelnen Containers fehlt/ungültig ist und sonst auf volle Breite
   zurückfallen würde. */
.e-con > .e-con-inner {
    max-width: min(var(--content-width, 100%), var(--Boxed-Width, 1520px)) !important;
}

/* Härtere Deckelung, NUR innerhalb des Hauptinhalts (<main class="site-main">): auch
   "Full Width"-Container (die eigene --width statt --content-width nutzen und daher von
   obiger Regel nicht erfasst werden) dürfen dort nie breiter als die Boxed-Width werden.
   Header/Footer bleiben bewusst ausgenommen, damit randlose Topbar/Navigation weiterhin
   möglich bleibt. */
.site-main .e-con {
    max-width: var(--Boxed-Width, 1520px) !important;
}

.site-main{
    max-width: var(--Boxed-Width, 1520px) !important;
    margin-inline: auto;
}

.eapps-instagram-feed-header.es-header .eapps-instagram-feed-header-inner{
    max-width: 650px;
}