/*************************************************************
Custom CSS für J51_Ensley - für 2024 WeyHalla-Website Okt23
*************************************************************/

/*==========================================================
Lokale Einbindung Google-Fonts
===========================================================*/

/* bangers-regular - latin */
@font-face {
	font-family: Bangers;
	src: url('../weyhalla2024/joomla2024/media/templates/site/j51_ensley/fonts/bangers-v24-latin-regular.woff2') format('woff2'); 
	src: url('../weyhalla2024/joomla2024/media/templates/site/j51_ensley/fonts/bangers-v24-latin-regular.woff') format('woff');
	src: url('../weyhalla2024/joomla2024/media/templates/site/j51_ensley/fonts/bangers-v24-latin-regular.ttf') format('truetype');
}


/*===========================================================
Schriftgrößen Google-Fonts
===========================================================*/
p { 
	font-family: Rubik, Arial, Helvetica;
	font-style: oblique; 
}



/*===========================================================================
Links-Gestaltung 
=============================================================================*/

a {
	font-weight: bold;
}

a:hover {
	text-transform: uppercase;
	font-family: Arial;
	color: #ffa500;
}

div.GIRGL-1b a {			/*div.gs-modu-custom h3*/
	font-family: Bangers, Comic Sans MS, Impact, Arial;
	font-size: clamp(1.8rem, 2vw, 2.5rem); /*vorher: 2em*/
	letter-spacing: 0.05em;
}

div.GIRGL-1b h3 a:hover {	
	color: #fff;
	letter-spacing: 0.05em;
}

div.GIRGL-base-1b p a {
	color: #ffa500;
}


/*===========================================================================
Top-Menü Gestaltung 
=============================================================================*/

div.hornav > ul > li > a {
	font-family: Rubik, Arial;
	font-size: clamp(1rem, 1.1vw, 1.5rem);
	color: #fff;
	font-weight: bold;
}



/*===========================================================================
Burger-Menü Gestaltung 
=============================================================================*/

/* slideout-toggle-open {
  color: #fff;
  cursor: pointer;
  font-size: 38px;
  background: orange;
}*/

.fa, .fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background: orange;
  padding: 10px;
}



/*===========================================================================
Custom CSS für Beiträge im Content-Bereich 
============================================================================*/

div.page-header h1, div.item-content h2, div.GIRGL-1a h2 {								/*div.gs-modu-custom h2*/
	font-family:  Bangers, Comic Sans MS, Impact, Arial;
	line-height: 1.3;
	font-size: clamp(2.5rem, 3.5vw, 4rem);
}
div.GIRGL-1b, div.GIRGL-1b h3 {									/*.gs-modu-custom*/
	background: #ba330d;
	color: #fff;
}


.item-content h3, div.GIRGL-1b h3, 
div.com-content-article__body h3 {			/*div.gs-modu-custom h3*/
	font-family:  Bangers, Comic Sans MS, Impact, Arial;
	line-height: 1.3;
	font-size: clamp(1.5rem, 1.8vw, 2rem); /*vorher: 2em*/
	letter-spacing: 0.05em;
	/*text-transform: uppercase;
	background-color: #ffcc00;
	padding: 2px;*/
}

.item-content p, div.GIRGL-1b p, 
div.GIRGL-2a p, div.GIRGL-base-1b p, 
div.com-content-article__body  {				/*div.gs-modu-custom p*/
	font-family: Rubik, Arial, Helvetica;
	/*text-transform: uppercase;*/
	line-height: 1.4;
	font-size: clamp(1rem, 1.1vw, 1.5rem); /*vorher: 2em*/
}

div.GIRGL-2a h3 {				/*div.gs-modu-custom p*/
	font-family: Rubik, Arial;
	font-style: oblique;
	font-size: clamp(1rem, 1.3vw, 1.7rem);
	text-transform: none;
}

div.GIRGL-sidecol-2a h3 {
	color: #fff; /*#1a0600;*/
	font-family:  Bangers, Comic Sans MS, Impact, Arial;
	font-size: clamp(1.5rem, 2vw, 2.5rem);
}

div.GIRGL-sidecol-2a a {
	color: #fff; /*#1a0600;*/
	font-family:  Rubik, Arial, Comic Sans MS, Impact;
	font-size: clamp(1rem, 1.1vw, 1.5rem);
}

.GIRGL-sidecol-2a {
	background: #ba330d; /*vorher: #1a0600*/
	color: #fff;
	font-size: clamp(1rem, 1.1vw, 1.5rem);
}


h3.j51_icon_title {
	background-color: transparent;	
	font-size: 1.3rem;
	font-weight: 400;
}

div.com-content-article__body {
	
}



/*===========================================================================
Custom CSS für Icons Newsletter, Reservierung, Kegelbahn
============================================================================*/

div.GIRGL-startbeitrag-icons h3 {
	font-family:  Bangers, Comic Sans MS, Impact, Arial;
	font-size: clamp(1.5rem, 1.8vw, 2rem);	
}


/*===========================================================================
Custom CSS für Schrift Slideshow
============================================================================*/

.text-light h2, .layerslideshow-title-container h2 {
	font-family:  Bangers, Comic Sans MS, Impact, Arial;
	font-size: clamp(2rem, 3vw, 3.2rem);
}

.layerslideshow-title-container h2,
.layerslideshow862 p,
.layerslideshow-caption {
	text-shadow:
    1px 1px 2px black,
    0 0 1em black,		/*vorher: blue*/
    0 0 1em black;	/*vorher: blue*/
	color: white;
}

.layerslideshow-caption {
	font-family: Rubik, Arial, Helvetica;
	font-size:  clamp(1.5rem, 1.8vw, 2rem);
	line-height: 1.3;
	font-style: oblique;
	font-weight: bold;
}

.layerslideshow862 {	
	/*background: rgb(28,28,28,0.3) ; vorher: #000*/
	color: #fff;
	padding: 5px;
	font-size: 1.5rem;  /*vorher: clamp(0.5rem, 1.1vw, 1.5rem)*/
}


/*===========================================================================
Custom CSS für JEM Veranstaltungen
============================================================================*/

h1.componentheading {
	font-family:  Bangers, Comic Sans MS, Impact, Arial;
	line-height: 1.3;
	font-size: clamp(2.5rem, 3.5vw, 4rem);
}

div.description {
	font-family: Arial, Impact;
	line-height: 1.4;
	font-size: clamp(1rem, 1.1vw, 1.5rem);
	font-style: oblique;
	padding: 10px 0 40px 0;
}

div.jem-row button {
	background: #ba330d;
}


/*===========================================================================
Custom CSS für J51-Menu (Speisekarte)
============================================================================*/

h2.j51_menu_group_header  {
	font-family:  Bangers, Comic Sans MS, Impact, Arial;
	font-size: clamp(1.5rem, 2vw, 2.5rem);
}


/*===========================================================================
Custom CSS für JB-Cookies (Cookies)
============================================================================*/

div.GIRGL-Cookie {
	color: #fff;
} 

div.modal-body p,
div.modal-body ul li {
	line-height: 1.4;
	text-align: left;
}

.hornav, .btn, button, button {
	font-family: Rubik, Arial;
}


/*===========================================================================
Custom CSS für Slider-Text Hintergrund
============================================================================*/

/*.layerslideshow-title-container, .layerslideshow-caption {
 /*  display: flex;
  flex-direction: column;
  padding: 30px;
  margin-left: 25%; Neu von GS eingefügt*/
  /* background-color: rgba(99,93,92,0.5) !important;  /* Neu von GS eingefügt rgba(94,94,94,.37)*/ 
 /*}*/