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

/* fonts */

@font-face {
    font-family: 'Italiana';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/Italiana/Italiana-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Regular';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/Montserrat/static/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Light';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/Montserrat/static/Montserrat-Light.ttf') format('truetype');
}

h1, h2 {
	font-family: 'Italiana', sans-serif;
}

p, a, h3, h4, h5, h6, lu, li, .elementor-shortcode {
	font-family: 'Montserrat-Light', sans-serif;
}

p, .elementor-shortcode {
	hyphens: auto;
}

.post-container-inner div {
	font-family: 'Montserrat-Light', sans-serif;
}

#menu-header li a {
	font-size: 1.1rem;
}

/* --- style akteulles Konzert --- */

.uhrzeit, .datum, .konzertbeschreibung, .ort_des_konzertes, .preis_und_bezahlmethode {
	font-size: 1.1rem;
}

.konzerttitel {
	font-size: 2rem;
	font-weight: bold;
}

.uhrzeit, .datum, .ort_des_konzertes, .preis_und_bezahlmethode {
	color: #515151;
}

.konzertbeschreibung, .konzerttitel {
	color: #000000;
}

.konzert_bild {
/* 	width: 100%;
 	height: 100%; */
 	object-fit: contain;
}

/* --- ende style aktuelles Konzert --- */

p {
	line-height: 1.8rem;
}
/* Logo top margin weg */
.site-header {
	padding-top: 0rem !important;
}

/* ----- Scrollbar-Styling ----- */

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  /* background: #EBE5DE; */
}

::-webkit-scrollbar-thumb {
  background-color: #515151;
  border-radius: 10px;
  border: 3px solid #ffffff;
}

/* ---- menu stimmen auf Seite: über uns ----- */
#sticky-container {
  position: sticky !important;
  top: 0;
  z-index: 5;
}

/* ------ Beitrag metadaten Datum ------- */
i.far.fa-clock {
	display: none !important;
}

/* ------- Style - Mitglieder Grid ------------ */

/* GRID */
.mitglieder-grid {
  column-count: 2;
  column-gap: 80px;
}

.mitglied-card {
  break-inside: avoid;
  margin-bottom: 8rem;
}

/* CARD */
.mitglied-card {
  position: relative;
}

/* CONTENT BOX */
.mitglied-content {
  background: #EBE5DE;
  padding: 2rem 2rem 1rem 2rem;
  position: relative;
}

/* TOP BEREICH */
.mitglied-top {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
/* 	padding-left: 100px; /* Platz für Bild */
}

/* BILD (überlappend) */
.mitglied-bild {
	margin-top: -5rem;
	aspect-ratio: 3 / 4;
  width: 10rem;
  /* overflow: hidden; */
}

.mitglied-bild img {
  max-width: 10rem;
  height: auto;
  object-fit: cover;
/*   display: block; */
}

/* TEXT META */
.mitglied-name {
  margin: 0;
/*   font-size: 18px; */
}

.mitglied-datum {
	font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
/*     line-height: var(--e-global-typography-text-line-height); */
/*     word-spacing: var(--e-global-typography-text-word-spacing); */
    color: var(--e-global-color-text);
	margin-top: 10px;
}

/* BESCHREIBUNG */
.mitglied-text {
	font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
/*     line-height: var(--e-global-typography-text-line-height); */
/*     word-spacing: var(--e-global-typography-text-word-spacing); */
    color: var(--e-global-color-text);
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .mitglieder-grid {
    grid-template-columns: 1fr;
  }

  .mitglied-top {
    padding-left: 0px;
	gap: 7rem;
	margin-bottom: 3rem;
  }

  .mitglied-bild {
    width: 70px;
    height: 90px;
	margin-top: -10rem;
  }
	
	.mitglied-text {
		margin-top: 4rem;
	}
	
	.mitglied-datum {
		margin-bottom: 0px;
	}
}

@media (max-width: 1024px) {
  .mitglieder-grid {
    column-count: 1;
  }
}

@media (max-width: 425px) {
	.mitglied-top {
		display: grid;
		margin-bottom: 0rem;
	}
	.mitglied-text {
		margin-top: 1rem;
	}
	
	.mitglied-bild {
		margin-top: -5rem;
		margin-bottom: 2rem;
	}
}


/*  -- smartphone aktuelles Konzert --  */
@media (max-width: 425px) {
  .uhrzeit, .datum, .konzertbeschreibung, .ort_des_konzertes, .preis_und_bezahlmethode {
	font-size: 1.1rem;
}
	.konzerttitel {
	font-size: 1.5rem;
	font-weight: bold;
}
}


/* --- Single Post --- */

/* WRAPPER */
.single-post-chronik {
  width: 80%;
  margin: 0 auto;
  margin-top: 3rem;
}

/* TOP BEREICH */
.single-top {
  display: flex;
  gap: 4rem;
}

.single-image img {
  width: 15rem;
  height: auto;
}

/* RECHTS TEXT */
.single-content {
  flex: 1;
}

/* BUTTON BEREICH */
.single-bottom {
  margin: 3rem 0;
  text-align: center;
}

.back-button {
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

.elementor-location-footer {
  width: 100%;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .single-top {
    flex-direction: column;
  }

  .single-post-chronik{
    width: 90%;
  }

  .single-top {
    gap: 2rem;
  }

  .single-image {
    text-align: center;
  }

  .single-image img {
    width: 10rem;
  }

  .single-content h1 {
    text-align: center;
  }

}