#main-content,#bottom-e,#bottom-d,#bottom-c,#bottom-b,#bottom-a,#top-e,#top-d,#top-c,#top-b,#top-a,.uk-modal-dialog,.tm-footer,.toolbar-outer,.logobar,.uk-search-field,.uk-block-secondary,.uk-block-primary,.uk-block-muted,.uk-block-default,html,.tm-leading-article,.uk-grid,.tm-content,.main-outer,.uk-article,.uk-width-1-1,.toolbar-outer,.tm-toolbar {
  border-color:#efefef!important;
  background-color: #efefef !important;
  color: #333333 !important;
}
#main-content,#bottom-e,#bottom-d,#bottom-c,#bottom-b,#bottom-a,#top-e,#top-d,#top-c,#top-b,#top-a,.uk-modal-dialog,.tm-footer,.toolbar-outer,.logobar,.uk-search-field,.uk-block-secondary,.uk-block-primary,.uk-block-muted,.uk-block-default,html, h1, h2, h3, h4, p, div, span, .uk-navbar-nav > li.uk-active > a,.uk-navbar-nav > li > a:active,.uk-navbar-nav > li:hover > a,.uk-navbar-nav > li > a:focus,.uk-navbar-nav > li.uk-open > a,.uk-navbar-nav > li > a,.menu-inner {
/*  font-family:RotisSemiSans, "Rotis SemiSans Std", "Rotis Semi Sans Std", "Calibri Light", Verdana, Geneva, sans-serif !important; */
  font-family:"Calibri Light", Arial, Verdana, Geneva, sans-serif !important;
}
.page-width,.tm-content,.tm-top-aXX {
	width:80% !important;
	margin-left:auto !important;
	margin-right:auto !important;

}
.uk-width-medium-1-2XX {

	padding-left: 5px !important;
	padding-right: 5px !important;

}

.menu-inner {
  background-color: #813c09;
  background-image:url(https://schreiner.tischler-simmerath.de/images/headers/menu_background.jpg) !important;
  height: 60px;
  margin-top: 35px;
  margin-bottom: 35px;
}
.uk-navbar-nav > li > a {
  background-color: #ea8d25;
  color:#FFF;
  height: 60px;
  padding: 0 15px;
  line-height: 60px;
}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background-color: #ea0000;
  color:#FFF;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  	background-color: #ea8d25;
	border-bottom:solid;
	border-bottom-color:#FF0000;
    color:#FFF;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  	background-color: #ea8d25;
	border-bottom:solid;
	border-bottom-color:#FF0000;
    color:#FFF;
}
.uk-navbar-toggle,
.uk-visible-small {
	color:#FFF !important;
}
.uk-visible-small {
	background-color: #ea8d25;
}

.main-outer {padding: 20px 0;}

.menu-2-bilder-breite {width: 33%;}
.menu-2-text-breite {width: 35%; min-width:300px;}

.form-validate,
.form-horizontal,
.well,
.contact-form { background-color: transparent; border:none;}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, #jform_contact_message {
    width: 85%;
}
#jform_contact_message {
height:250px;  
}
@media (min-width: 1px) and (max-width: 479px) {
/* .logo_offcanvas {display: block;margin-left: auto;margin-right: auto;width: 50%}  */
.logo_offcanvas { float:left; width: 50%}
.logo_offcanvas1 { float:left; width: 80%}
.logo_offcanvas2 { float:right; width: 100%; margin-top:10%;}
.ovisi {width: 100%;height: 2200px;overflow: visible;}
h1,.contact-name {font-size: 32px !important; line-height:34px;}
h2 {font-size: 28px !important; line-height:30px;}
h3 {font-size: 24px !important; line-height:26px;}
h4 {font-size: 20px !important; line-height:22px;}
html, p, div, span, em,.uk-navbar-nav > li.uk-active > a,.uk-navbar-nav > li > a:active,.uk-navbar-nav > li:hover > a,.uk-navbar-nav > li > a:focus,.uk-navbar-nav > li.uk-open > a,.uk-navbar-nav > li > a,.menu-inner{font-size: 14px !important;}
}

@media (min-width: 480px) and (max-width: 767px) {
.logo_offcanvas { float:left; width: 50%}
.logo_offcanvas1 { float:left; width: 80%}
.logo_offcanvas2 { float:right; width: 100%; margin-top:10%;}
.ovisi {width: 100%;height: 2200px;overflow: visible;}
h1,.contact-name {font-size: 44px !important; line-height:46px;}
h2 {font-size: 36px !important; line-height:38px;}
h3 {font-size: 28px !important; line-height:30px;}
h4 {font-size: 20px !important; line-height:22px;}
html, p, div, span, em,.uk-navbar-nav > li.uk-active > a,.uk-navbar-nav > li > a:active,.uk-navbar-nav > li:hover > a,.uk-navbar-nav > li > a:focus,.uk-navbar-nav > li.uk-open > a,.uk-navbar-nav > li > a,.menu-inner{font-size: 14px !important;}
}

@media (min-width: 768px) and (max-width: 959px) {
.logo_offcanvas { float:left; width: 0%}
.logo_offcanvas1 { float:left; width: 0%}
.logo_offcanvas2 { float:right; width: 0%}
.ovisi {width: 100%;height: 2200px;overflow: visible;}
h1,.contact-name {font-size: 46px !important; line-height:48px;}
h2 {font-size: 38px !important; line-height:40px;}
h3 {font-size: 30px !important; line-height:32px;}
h4 {font-size: 22px !important; line-height:24px;}
html, p, div, span, em,.uk-navbar-nav > li.uk-active > a,.uk-navbar-nav > li > a:active,.uk-navbar-nav > li:hover > a,.uk-navbar-nav > li > a:focus,.uk-navbar-nav > li.uk-open > a,.uk-navbar-nav > li > a,.menu-inner{font-size: 16px !important;}
}

@media (min-width: 960px) and (max-width: 1219px) {
.logo_offcanvas { float:left; width: 0%}
.logo_offcanvas1 { float:left; width: 0%}
.logo_offcanvas2 { float:right; width: 0%}
h1,.contact-name {font-size: 46px !important; line-height:48px;}
h2 {font-size: 38px !important; line-height:40px;}
h3 {font-size: 30px !important; line-height:32px;}
h4 {font-size: 22px !important; line-height:24px;}
html, p, div, span, em,.uk-navbar-nav > li.uk-active > a,.uk-navbar-nav > li > a:active,.uk-navbar-nav > li:hover > a,.uk-navbar-nav > li > a:focus,.uk-navbar-nav > li.uk-open > a,.uk-navbar-nav > li > a,.menu-inner{font-size: 18px !important;}
}

@media (min-width: 1220px) {
.logo_offcanvas { float:left; width: 0%}
.logo_offcanvas1 { float:left; width: 0%}
.logo_offcanvas2 { float:right; width: 0%}
h1,.contact-name {font-size: 48px !important; line-height:50px;}
h2 {font-size: 40px !important; line-height:42px;}
h3 {font-size: 32px !important; line-height:34px;}
h4 {font-size: 24px !important; line-height:26px;}
html, p, div, span, em,.uk-navbar-nav > li.uk-active > a,.uk-navbar-nav > li > a:active,.uk-navbar-nav > li:hover > a,.uk-navbar-nav > li > a:focus,.uk-navbar-nav > li.uk-open > a,.uk-navbar-nav > li > a,.menu-inner{font-size: 20px !important;}
}
