/**
 * =============================================================================
 * Anpassungen in diese Datei - Adjustments to this file
 * ==========================================================================
 */

header .top {
	background-color: #f28c00;
}
#footer {
	background-color: #4a4a49;
}

.home .js--is-fixed .mainmenu>ul>li:hover, .home .js--is-fixed .mainmenu>ul>li.trail, .home .js--is-fixed .mainmenu>ul li.active, .mainmenu>ul>li:hover, .mainmenu>ul>li.trail, .mainmenu>ul li.active {
	background-color: #4a4a49;
}

.mainmenu>ul>li:hover::before, .mainmenu>ul>li.trail::before, .mainmenu>ul li.active::before {
	background-color: #d20c11;
}

.mainmenu>ul>li:hover>a, .mainmenu>ul>li>a.trail, .mainmenu>ul li>a.active, .mainmenu>ul>li>strong {
	color: #fff !important;
}

form button, input[type=submit], .button {
	color: #fff;
    border: 0px;
    background-color: #f28c00 !important;
    background-image: none !important;
}

form button:hover, input[type=submit]:hover, .button:hover {
	border: 0px;
	background-color: #d20c11 !important;
	color: #fff;
	
}

/* fuer tablets und groessere Displays*/
@media only screen and (min-width:768px) {



}


/* fuer tablets und groessere Displays*/
@media only screen and (min-width:992px) {

.myClass p {
    color: #f300ff;
}


}

/* fuer desktop */
@media only screen and (min-width:1025px) {

.myClass p {
    color: #0800ff;
}


}


/* fuer Smartphones */
@media only screen and (max-width:767px) {




}