/*set all color only in THIS file
---------------------------------
CONTENT:
essentials
background colors
text colors
background + text color sets
---------------------------------
*/

/* all used colors:
#fff
#000
#fab600
#c94d26
#61963f
#2c64b2
#565656
#999

hsl(0, 0%, 10%)
hsl(0, 0%, 20%) #333
hsl(0, 0%, 30%) #4d4d4d
hsl(0, 0%, 40%)
hsl(0, 0%, 50%) #808080
hsl(0, 0%, 60%)
hsl(0, 0%, 70%)
hsl(0, 0%, 80%)
hsl(0, 0%, 90%)

darker yellow Textcolor
#e6a400
hsl(43, 100%, 45%)

hsl(43, 100%, 55%)
hsl(43, 100%, 60%)
hsl(43, 100%, 65%)
hsl(43, 100%, 70%)
hsl(43, 100%, 75%)
hsl(43, 100%, 80%)
hsl(43, 100%, 85%)
hsl(43, 100%, 90%)
hsl(43, 100%, 95%)

#dedede

#f4f4f4
#d9d9d9
*/

/*essentials START*/
::-moz-selection {
  background-color: #000;
  color: #fff;
}

::-moz-selection {
  background-color: #000;
  color: #fff;
}

::selection {
  background-color: #000;
  color: #fff;
}

::-moz-selection {
  background-color: #000;
  color: #fff;
}
/*essentials END*/


/*background colors START*/
html,
body {
  background-color: #fff;
}

.fusion-testimonials blockquote,
.fusion-testimonials q {
  background-color: transparent!important;
}

.maag-white-background,
#wrapper .maag-white-innerbox > .fusion-row {
  background-color: #fff !important;
}

.maag-90percentgray-background {
  background-color: hsl(0, 0%, 10%) !important;
}

.maag-80percentgray-background {
  background-color: hsl(0, 0%, 20%) !important;
}

.maag-70percentgray-background {
  background-color: hsl(0, 0%, 30%) !important;
}

.maag-60percentgray-background {
  background-color: hsl(0, 0%, 40%) !important;
}

.maag-50percentgray-background {
  background-color: hsl(0, 0%, 50%) !important;
}

.maag-40percentgray-background {
  background-color: hsl(0, 0%, 60%) !important;
}

.maag-30percentgray-background {
  background-color: hsl(0, 0%, 70%) !important;
}

.maag-20percentgray-background {
  background-color: hsl(0, 0%, 80%) !important;
}

.maag-10percentgray-background {
  background-color: hsl(0, 0%, 90%) !important;
}

.maag-yellow-background {
  background-color: #fab600 !important;
}

.maag-90percentyellow-background {
  background-color: hsl(43, 100%, 55%) !important;
}

.maag-80percentyellow-background {
  background-color: hsl(43, 100%, 60%) !important;
}

.maag-70percentyellow-background {
  background-color: hsl(43, 100%, 65%) !important;
}

.maag-60percentyellow-background {
  background-color: hsl(43, 100%, 70%) !important;
}

.maag-50percentyellow-background {
  background-color: hsl(43, 100%, 75%) !important;
}

.maag-40percentyellow-background {
  background-color: hsl(43, 100%, 80%) !important;
}

.maag-30percentyellow-background {
  background-color: hsl(43, 100%, 85%) !important;
}

.maag-20percentyellow-background {
  background-color: hsl(43, 100%, 90%) !important;
}

.maag-10percentyellow-background {
  background-color: hsl(43, 100%, 95%) !important;
}
/*background colors END*/


/*text colors START*/
#main .post h2 a,
.maag-breadcrumb a,
.maag-breadcrumb a:not(:first-child)::before,
#wrapper .fusion-testimonials blockquote q .column {
  color: #565656;
}

.home h1,
.home h3,
.maag-mainheadlinebox h1 {
  color: #333!important;
}

#wrapper .maag-news .entry-title a {
  color: #000;
}

#wrapper .fusion-footer .fusion-widget-area .current_page_item > a {
  color: #fff;
}

.maag-introtext {
  color: #999;
}

.maag-yellow-textcolor,
.maag-yellow-textcolor h3,
.maag-white-innerbox .fusion-column-wrapper .fusion-title h3,
.maag-white-innerbox .fusion-column-wrapper .fusion-title h3 a,
.maag-white-innerbox .fusion-column-wrapper .fusion-title h3 a::after {
  color: #e6a400 !important;
}

.maag-orange-textcolor {
  color: #c94d26 !important;
}

.maag-green-textcolor {
  color: #61963f !important;
}

.maag-blue-textcolor {
  color: #2c64b2 !important;
}

.maag-white-textcolor {
  color: #fff !important;
}
/*text colors END*/


/* helpers START */
.maag-yellowbutton {
  background-color: #fab600 !important;
  color: #000;
}

.maag-yellowbutton:hover {
  background-color: hsl(43, 100%, 45%) !important;
}

#wrapper .maag-yellowbutton .fusion-button-text,
#wrapper .maag-yellowbutton i {
  color: #000;
}
/* helpers END */


/* media queries START */
/*-------------------------------------------------------------------------------------------*/

/* mid size browser windows ca. 960px */
@media only screen and (min-width: 60em) {
  .maag-subnavigation a {
    color: #565656 !important;
  }

  .maag-subnavigation .menu .menu-item a:hover {
    background-color: #e4e4e4;
  	color: #000;
  }

  #wrapper .maag-subnavigation .menu a strong {
    color: #000;
  }

  #wrapper .maag-subnavigation .current-menu-item a {
    color: #000 !important;
  }

  .maag-anchor {
    background-color: #fff !important;
  }

  .maag-anchor .fusion-button-text {
    color: #337ab7 !important;
  }

  .maag-anchor:hover {
    color: #565656;
  }
}

/*-------------------------------------------------------------------------------------------*/
/* media queries END */