h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
 hyphens: auto;
}

:root {
	--color-primary: #B46E5A !important;
	--primary: #B46E5A !important;
}

/* Schriftarten */
@font-face {
  font-display: swap;
  font-family: 'headings';
  font-style: normal;
  font-weight: 400;
  src: url('/templates/j51_layla/css/fonts/lora.woff2') format('woff2');
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .hornav, .btn, .button, button {
	font-family: headings, serif !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-weight: normal !important;
	text-transform: none !important;
}

h1 {
font-size: 2.5em !important;
}

h2 {
font-size: 2.5em !important;
}

h3 {
font-size: 2em !important;
}

/* Schriftarten */
@font-face {
  font-display: swap;
  font-family: 'text';
  font-style: normal;
  font-weight: 400;
  src: url('/templates/j51_layla/css/fonts/roboto.woff2') format('woff2');
}

p, .p, body, html {
	font-family: text, sans-serif !important;
	font-size: 105% !important;
	line-height: 130% !important;
}


/* Responsives Menü */
.mm-spn a, .mm-spn.mm-spn--dark {
  color: #fff !important;
}
small, .small {
  font-size: 1rem !important;
}


.hornav ul.menu > li > a,
.hornav ul.menu > li > span {
	text-transform: none !important;
	font-size: 120% !important;
}

.j51-inline-icon svg,
.hornav ul.menu > li.active > a,
.hornav ul.menu > li.active > a:hover,
.hornav ul.menu > .parent-hover > a {
	color: var(--color-primary) !important;
}

.hornav ul.menu ul li a, .hornav ul.menu ul li span {
	font-size: 120% !important;
	background-color: var(--color-primary) !important;
}

.hornav ul.menu>li>a, .hornav ul.menu>li>span {
    font-family: text !important;
    font-weight: normal !important;
    }

.btn, .button, button {
	background-color: var(--color-primary) !important;
}

/* Symbole Cards Beschreibung Fewos */
span i.fa-regular,
span i.fa-solid,
.card-body h4.mt-3 {
	color: var(--color-primary) !important;
	text-decoration: none !important;
	text-transform: none !important;
}


/* Textfarbe Footer */

#wrapper_base-1 > div.base-1.base-1a > div > div > div.module_header > h3 > span,
#wrapper_base-1 > div.base-1.base-1b > div > div > div.module_header > h3 > span,
#wrapper_base-1 > div.base-1.base-1c > div > div > div.module_header > h3 > span  {
font-size: 1.5rem !important;
}

#container_base1_modules, #container_base1_modules p a, .copyright {
	color: #fff !important;
}

/* Rahmen über Coryright-Zeile */
.container_footer .wrapper960 {
	border-top: 1px solid #fff !important;
}

/* Hauptmenü */
.hornav > ul > li > ul > li > a, .hornav > ul > li ul > li > ul > li > a {
  font-size: 1em !important;
}