/* fonts Roboto */
@font-face {
  font-family: Roboto;
  src: url('../webfonts/roboto/Roboto-Medium.ttf');
  font-weight: normal;
}

@font-face {
  font-family: en;
  src: url('../webfonts/roboto/Roboto-Medium.ttf');
  font-weight: normal;
}

@font-face {
  font-family: de;
  src: url('../webfonts/roboto/Roboto-Medium.ttf');
  font-weight: normal;
}

:root {
  --dark-gray: #323232;
  --gray: #666666;
}

@font-face {
  font-family: tc;
  src: local('WenQuanYi Zen Hei'), local('Heiti TC'), local('Microsoft YaHei'), local('simhei'), local('PMingLiU');
  font-weight: normal;
}

/*Body*/
body {
  font-size: 16px;
  /* font-family: 'Roboto', "Helvetica", "Arial"; */
  font-family: 'Roboto';
}

body.lang-en {
  font-family: en, 'Roboto';
}

body.lang-de {
  font-family: de, 'Roboto';
}

div{
  font-family: 'Roboto';
}
p {
  font-family: 'Roboto';
  font-size: 16px;
  color: var(--gray);
}

/*Headings*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Roboto';
  font-weight: 700;
}

h1,
.h1 {
  font-size: 48.83px;
}
h2,
.h2{
  font-size: 39.06px;
}
h3,
.h3{
	font-size: 31.25px;
}
h4,
.h4{ 
	font-size: 25px;
}
h5,
.h5{
  font-size: 20px;
}
h6,
.h6{
  font-size: 16.8px;
}
/* page heading */
h1.page-heading {
	line-height: 48.83px;
}
h2.page-heading,
h2.index_heading,
.caption_title .h2{
	line-height: 39.06px;
}
h3.page-heading {
  line-height: 31.25px;
}
h4.page-heading {
  line-height: 25px;
}
h5.page-heading {
	line-height: 20px;
}
h6.page-heading {
	line-height: 16.8px;
}
@media (max-width: 819px) {
  h1,
  .h1 {
    font-size: 28.83px;
  }
  h2,
  .h2 {
    font-size: 25.63px;
  }
  h3,
  .h3 {
    font-size: 22.78px;
  }
  h4,
  .h4 {
    font-size: 20.25px;
  }
  h5,
  .h5 {
    font-size: 18px;
  }
  h6,
  .h6 {
    font-size: 14.22px;
  }
	h1.page-heading {
		line-height: 28.83px;
	}
	h2.page-heading,
	h2.index_heading,
	.caption_title .h2{
		line-height: 25.63px;
	}
	h3.page-heading {
		line-height: 22.78px;
	}
	h4.page-heading {
		line-height: 20.25px;
	}
	h5.page-heading {
		line-height: 18px;
	}
	h6.page-heading {
		line-height: 14.22px;
	}
}

a:not(.btn):not(.badge) {
  color: #000000;
  text-decoration: underline;
}
a:not(.btn):not(.badge):hover,
a:not(.btn):not(.badge):focus,
a:not(.btn):not(.badge):active {
  text-decoration: underline;
  font-weight: bold;
}

/*Main Menu*/
#mainMenu nav > ul > li > a {
  font-family: 'Roboto', 'Helvetica', 'Arial';
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: none;
}

#mainMenu nav > ul > li .dropdown-menu > li > a,
#mainMenu nav > ul > li .dropdown-menu > li > span,
#mainMenu nav > ul > li .dropdown-menu > li [class*='col-'] > ul > li > a {
  font-size: 1rem;
  font-weight: 600;
  font-family: 'Roboto', 'Helvetica', 'Arial';
}

#mainMenu nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title {
  font-family: 'Roboto', 'Helvetica', 'Arial';
  font-size: 14px;
  font-weight: 600;
}

.header-extras > ul > li > a:not(.btn),
.header-extras > ul > li .topbar-dropdown > .title {
  font-family: 'Roboto', 'Helvetica', 'Arial';
  font-size: 14px;
  font-weight: 700;
}

/*Page Menu*/
.page-menu nav > ul > li {
  font-family: 'Roboto', 'Helvetica', 'Arial';
}

.page-menu nav > ul > li .dropdown-menu {
  font-family: 'Roboto', 'Helvetica', 'Arial';
}

/*Sidebar Menu*/
.sidebar-menu {
  font-family: 'Roboto', 'Helvetica', 'Arial';
}

/*Buttons*/
button,
a.btn:not([href]):not([tabindex]),
.btn {
  font-family: 'Roboto', 'Helvetica', 'Arial';
}

/*slider*/
.inspiro-slider .slide .slide-captions .strong {
  font-family: 'Roboto', 'Helvetica', 'Arial';
}

/*Page Title*/
#page-title .page-title > h1 {
  font-family: 'Roboto', 'Helvetica', 'Arial';
  font-size: 44px;
  line-height: 56px;
  font-weight: 400;
}

/*Footer*/
#footer {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Roboto', 'Helvetica', 'Arial';
}

#footer p {
  font-family: 'Roboto', 'Helvetica', 'Arial';
}

#footer .widget .widget-title,
#footer .widget h4 {
  font-family: 'Roboto', 'Helvetica', 'Arial';
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
}

#footer .widget .widget-title ul li a,
#footer .widget h4 ul li a {
  font-family: 'Roboto', 'Helvetica', 'Arial';
  font-size: 15px;
}