/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         Gaby Weihmayer
 Author URI:     http://sixsixzero.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/*--- Schriftarten und Größenverteilung der Schriften festlegen ---*/

h1, .bering {
	font-family: 'gipsiero';
	letter-spacing: 3px;
	line-height: 1.2;
}

h1 {
	font-size: 65px;
	margin-bottom: 1em;
}

h2 {
	font-size: 30px;
	margin-bottom: 0.2em;
}

h3 {
	font-size: 23px;
	margin-bottom: 0.05em;
}

p {
	font-size: 16px;
	padding-bottom: 2.8em;
}

h2, h3, h4 {
	color: #D5AB7B;
	line-height: 1.2;
}


@media screen and (max-width: 768px) {
	h1 {
		font-size: 55px;
	}

	h2 {
		font-size: 27px;
	}

	h3 {
		font-size: 20px;
	}

	p {
		font-size: 15px;
	}
}


@media screen and (max-width: 520px) {
	h1 {
		font-size: 45px;
	}

	h2 {
		font-size: 21px;
	}

	h3 {
		font-size: 18px;
	}

	p {
		font-size: 14.5px;
	}
}

header #sticky-menue-section .sticky-menue .et_pb_menu__menu > nav > ul#menu-main-nav {
    padding-top: 1.3em !important;
    padding-bottom: 2em !important;
}


header #sticky-menue-section .sticky-menue nav ul#menu-main-nav > li > a {
    letter-spacing: 1.5px;
    transform: scaley(0.85);
    padding: 0;
}

header #sticky-menue-section .sticky-menue nav ul#menu-main-nav > li {
    padding: 0 2em;
}

/*--- Mobile Menü ---*/

.mobile_nav.closed .mobile_menu_bar:before {
    content: "MENU";
    font-family: 'gipsiero' !important;
    color: #ffffff !important;
	letter-spacing: 2px;
}

header #sticky-menue-section .sticky-menue .et_pb_menu__wrap .et_mobile_nav_menu {
    padding-top: 1.4em;
}

@media screen and (max-width:980px) {
	header #sticky-menue-section .sticky-menue .et_pb_menu__wrap .et_mobile_nav_menu {
		padding-top: 0.2em;
	}	
	
	.et_pb_fullwidth_menu .et_pb_row {
		min-height: 52px;
	}
}

/*--- Mobile Menü Dropdown ---*/

header #sticky-menue-section .sticky-menue .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav.opened ul#mobile_menu1 {
    background-color: rgb(255,255,255) !important;
	background: linear-gradient(0deg, rgba(84,44,52,0) 0%, rgba(0,1,29,0.8) 30%, rgba(0,1,29,0.9) 100%) !important;
    border-top: solid 2px #e7ab67;
    padding: 3% 3% 30% 3%;
	text-align: center;
}

header #sticky-menue-section .sticky-menue .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav.opened ul#mobile_menu1 > li > a {
    font-family: 'gipsiero' !important;
	letter-spacing: 1.2px;
    transform: scaley(0.85);
    padding-top: 2px;
    padding-bottom: 8px;
}

/*--- EVENTS ---*/

/*--- Events Head in Karusell und Liste ---*/
h2.entry-title, .decm-events-details h2.entry-title {
    font-weight: 400 !important;
}

/*--- sonst erscheint über dem Termin das Datum in einer dicken weißen Box ---*/
.callout-box-cover {
    display: none;
}

/*--- in der Mobile Ansicht Datum und Uhrzeit nebeneinander stellen ---*/
span.ecs-eventDate, span.ecs-eventTime {
    display: inline-block;
}

@media screen and (max-width: 979px) {
    span.ecs-eventDate::after {
        content:"|";
        color: white;
        padding: 0 10px;
    }
}

/*--- Events-Übersichtsseite Suchleiste > weiße Umrandung weg ---
.tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border {
	border: 0 none;
}

/*--- Events-Übersichtsseite Suchleiste alle Hintergründe transparent ---
.tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border,
.tribe-events .tribe-events-c-events-bar__views,
div#tribe-events-view-selector-content {
    background-color: transparent !important;
}

/*--- Events-Übersichtsseite Suchleiste Eingabefeld ---
div#tribe-events-search-container {
    background-color: rgba( 0,0,0,0.3) !important;
    border-radius: 8px;
    padding-right: 15px;
}

/*--- Events-Übersichtsseite Suchleiste Lupensymbol ---
.tribe-events .tribe-events-c-search__input-control-icon-svg {
    color: #ffffff;
}

/*--- Events-Übersichtsseite Suchleiste kleine Markierung unterhalb der angewandten Einstellung, also Liste, Monat, Tag  ---
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:after {
    background-color: #e7ab67;
}

/*--- Events-Übersichtsseite "Finde"-Button Hinterlegung ---
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {
    background-color: #e7ab67;
}

/*--- Events-Übersichtsseite Überschrift z.B. "Anstehend" und Monatsangabe ---
.tribe-common .tribe-common-h3,
.tribe-common .tribe-common-h7, .tribe-common .tribe-common-h8{
    color: #e7ab67;
}

/*--- Events-Übersichtsseite linke Spalte Wochentag + Datum ---
.tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6,
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
    color: #e7ab67;
}

/*--- Events-Übersichtsseite Veranstaltungsort ---
.tribe-common .tribe-common-b2--bold {
    color: #ffffff; 
}*/

.tribe-events .tribe-events-calendar-list__event-details {
    color: #ffffff;;
}

.tribe-events h3 > a {
    color: #e7ab67 !important;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime span {
    color: #e7ab67;
    font-weight: 700;
}

.tribe-events input.tribe-events-c-search__input {
    background-color: rgba(0,0,0,0.3    );

}

.tribe-events .tribe-common-c-btn  {
    background-color: #e7ab67;
    margin-left: 20px;
    color: #000000;
    font-weight: 700;
}

.uhrzeit span.ecs-eventTime.duration.time.decm_time:after {
    content: " Uhr";
}

.event-texte span {
    color: #ffffff;
}

/*--- BANDVORSTELLUNG ---*/

/*--- Startseite Band-Personenauswahl ---*/

.band-desktop .et_pb_column {
    width: 16.6% !important;
}

@media screen and (max-width:768px) {
    .band-desktop .band-bild-menue_name > div > p {
        font-size: 12px !important;
        line-height: 1.1;
    }
}

@media screen and (max-width:580px) {
    .band-desktop .band-bild-menue_name > div > p {
        font-size: 10px !important;
        line-height: 1.1;
    }
}

@media screen and (max-width:420px) {
    .band-desktop .band-bild-menue_name > div > p {
        font-size: 8px !important;
        line-height: 1.1;
    }
}

/*--- Standardmäßiges Padding und Margin unterhalb von Beiträgen entfernen ---*/

.single.single-post #main-content {
	background: transparent;
}

body:not(.et-tb) #main-content .container {
	width: 100%;
	max-width: 100%;
	padding-top: 0;
}

/*--- Bandmitglieder-Menü Unterseiten ----*/

/*--- dafür sorgen, dass das Bandmitglieder-Menü ganz oben steht ---*/
.bandvorstellung .et_pb_slider_container_inner {
    vertical-align: top;
}

ul.band-menu {
    list-style-type: none !important;
    padding-left: 3px !important;
}

ul.band-menu li {
    transform: scaley(0.85);
}

ul.band-menu li a {
    font-family: 'gipsiero' !important;
    line-height: 1.1;
    letter-spacing: 1.3px;
    transform: scaley(0.85) !important;
    color: rgba(255,255,255,0.4);
    transition: all 0.3s ease-in-out;
	text-shadow: none !important;
}

ul.band-menu li a:hover {
    color: rgba(255,255,255,0.8);
    transition: all 0.3s ease-in-out
}

ul.band-menu li h1.bm-highlight a {
    color: rgba(255,255,255,1);
}

@media screen and (min-width:980px){
    ul.band-menu {
		max-width: 420px;
	}
	
	ul.band-menu > li > a, ul.band-menu > li > h1.bm-highlight {
        font-size: 42px !important;        
    }

	ul.band-menu li.bm-line {
		margin-top: -0.45em !important;
	}
	
	ul.band-menu li.bm-instrument {
		font-size: 50%;
	}
}

@media screen and (max-width:979px){
    ul.band-menu {
		max-width: 370px;
	}
	
	ul.band-menu > li > a, ul.band-menu > li > h1.bm-highlight {
        font-size: 38px !important;        
    }

	ul.band-menu li.bm-line {
		margin-top: -0.6em !important;
	}
	
	ul.band-menu li.bm-instrument {
		font-size: 70%;
	}
}

@media screen and (max-width:767px){
    ul.band-menu {
		max-width: 260px;
	}
	
    ul.band-menu > li > a, ul.band-menu > li > h1.bm-highlight {
        font-size: 26px !important;        
    }

	ul.band-menu li.bm-line {
		margin-top: -0.6em !important;
	}
	
	ul.band-menu li.bm-instrument {
		font-size: 65%;
	}
}

@media screen and (max-width:519px){
    ul.band-menu {
		max-width: 210px;
	}
	
    ul.band-menu > li > a, ul.band-menu > li > h1.bm-highlight {
        font-size: 20px !important;  
    }
	
	 ul.band-menu > li, ul.band-menu > li > a {
		line-height: 0.8;
    }
	
	ul.band-menu > li > h1.bm-highlight > a {
		line-height: 1.5 !important;
    }

	ul.band-menu li.bm-line {
		margin-top: -0.6em !important;
	}
	
	ul.band-menu li.bm-instrument {
		font-size: 52%;
	}
}

ul.band-menu li.bm-line hr {
    margin: 0 0 0.3em;
	border: 0;
    border-top: 2px solid #ffffff;
    padding: 0 !important;
}

ul.band-menu li.bm-instrument {
	font-family: 'lexend-deca-light' !important;
	text-transform: uppercase;
	letter-spacing: 1px;
} 


/*----------------------------------------------------------------*/
/*--- Datenschutzseite ---*/
.datenschutz h2 {
    margin-top: 30px;
}

.datenschutz h2:first-child {
    margin-top: 0px;
}

.datenschutz p > strong.zwischenhead {
    margin-top: 20px !important;
    display: inline-block;
}

.datenschutz p {    
    padding-bottom: 1em;    
}

.datenschutz h3 {
    margin-top: 10px;
}