/*****************************************

		CUSTOM CSS

******************************************/

/*  Anpassen der Überschriften */

/*  Anpassen der Klasse "page-header", jetzt "fett" mit roter Linie */

h1.page-header {
  padding-bottom:8px;
  margin-bottom:2px;
  border-bottom: 2px solid #da0000;
}

h2.page-header {
  padding-bottom:8px;
  margin-bottom:2px;
  border-bottom: 2px solid #f0c673;
}

h2 a, h2 id, h4 {
  color:#f0c673;
}


/*  Anpassen der Fonts */

/*  Text größer (ausser Headlines), Text kleiner  */

html {
  font-size:110%;
}


.ssmall{
  font-size:80%;
}

.sssmall{
  font-size:70%;
}


.big{
  font-size:130%;
}

.eng {
  line-height:95%;
}


/*  Neu Klasse "alf",  "fett+rot"  */

.alf {
  font-weight:700;
  color:#da0000;
}

/*  Änderung "strong" neu Klasse "bi",  "fett+kursiv"  */
.bi {
  font-weight:700;
  font-style:italic;
}

/*  Neue Klasse für Farben  */

/* .color-steelblue, .moduletable.color-steelblue > div, .title-centered.color-steelblue .module-title h3, .horizontal-menu.color-steelblue li {
  background:#4682b4;
} */

.color-alfrot, .moduletable.color-alfrot > div, .title-centered.color-alfrot .module-title h3, .horizontal-menu.color-alfrot li {
  background:#da0000;color:#fff;fontweight:700;
}


.color-alfgelb, .moduletable.color-alfgelb > div, .title-centered.color-alfgelb .module-title h3, .horizontal-menu.color-alfgelb li {
  background:#f0c673;color:#fff;fontweight:700;
}


.color-alfocker, .moduletable.color-alfocker > div, .title-centered.color-alfocker .module-title h3, .horizontal-menu.color-alfocker li {
  background:#cc935e;color:#fff;fontweight:700;
}

.color-alfgrau, .moduletable.color-alfgrau > div, .title-centered.color-alfgrau .module-title h3, .horizontal-menu.color-alfgrau li {
  background:#4c555d;color:#fff;fontweight:700;
}

.content-module .color-alfrot h2,
.content-module .color-alfrot h3,
.content-module .color-alfrot h4,

.content-module .color-alfgelb h2,
.content-module .color-alfgelb h3,
.content-module .color-alfgelb h4,

.content-module .color-alfocker h2,
.content-module .color-alfocker h3,
.content-module .color-alfocker h4, 

.content-module .color-alfgrau h2,
.content-module .color-alfgrau h3,
.content-module .color-alfgrau h4 {
  color:#ffffff;
} 


/*  Neue Klasse für Sprungmarken, Anker  */
.anker {
  color: #f2f2f2;
}



/*  Anpassen der Seite */

/*  Abstand Main nach oben  */
.main-columns {
  margin-top:40px;
}


/*  Neu Klassen "marg-xx, mtopx, mbotx"  */

.marg30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.marg40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.marg50 {
  margin-top: 50px;
  margin-bottom: 50px;
  }

.marg70 {
  margin-top: 70px;
  margin-bottom: 70px;
}


.marg-20 {
  margin-top: -20px;
  margin-bottom: -20px;
  padding: 0;
}

.marg-30 {
  margin-top: -30px;
  margin-bottom: -30px;
  padding: 0;
}

.marg-40 {
  margin-top: -40px;
  margin-bottom: -40px;
  padding: 0;
}


.mtop10 {
  margin-top: 10px;
}

.mtop20 {
  margin-top: 20px;
}

.mtop30 {
  margin-top: 30px;
}

.mtop50 {
  margin-top: 30px;
}

.mbot30 {
  margin-bottom: 30px;
}

.mbot50 {
  margin-bottom: 50px;
}

.mtop-30 {
  margin-top: -30px;
}

.mbot-30 {
  margin-bottom: -30px;
}

.mbot-50 {
  margin-bottom: -50px;
}



/*  Anpassen des für Leistungen Menu auf Position TOP */
.no-side-margin {margin-left:0; margin-right:0; padding-left:0; padding-right:0;}


/*  Gesamte Breite für Leistungen Menu auf Position TOP und 20% Breite für die Menupunkte (alternativ zentriert) */

.horizontal-menu {
  margin:auto;
  margin-top: -45px;
  margin-bottom: -65px;
}

.horizontal-menu ul.nav li.current a {
  color:#da0000;
}




/*  Abstand rechts für Original ICONS */


[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    padding-right:5px;
}





/*  Größere Schrift und größere ICONS für Leistungen Menu auf Position TOP */


[class^="bigflaticon-"]:before, [class*=" bigflaticon-"]:before,
[class^="bigflaticon-"]:after, [class*=" bigflaticon-"]:after {
  display: inline;
  font-family: Flaticon;
  font-size: 100%;
  padding-right:8px;
}

.bigflaticon-001-turbo:before { content: "\f100"; }
.bigflaticon-002-hammer:before { content: "\f101"; }
.bigflaticon-003-tool:before { content: "\f102"; }
.bigflaticon-004-car-3:before { content: "\f103"; }
.bigflaticon-005-car-2:before { content: "\f104"; }
.bigflaticon-006-check-2:before { content: "\f105"; }
.bigflaticon-007-fuel:before { content: "\f106"; }
.bigflaticon-008-car-1:before { content: "\f107"; }
.bigflaticon-009-repair-1:before { content: "\f108"; }
.bigflaticon-010-settings:before { content: "\f109"; }
.bigflaticon-011-repair:before { content: "\f10a"; }
.bigflaticon-012-wheel-1:before { content: "\f10b"; }
.bigflaticon-013-wash:before { content: "\f10c"; }
.bigflaticon-014-check-1:before { content: "\f10d"; }
.bigflaticon-015-spark:before { content: "\f10e"; }
.bigflaticon-016-piston:before { content: "\f10f"; }
.bigflaticon-017-lift:before { content: "\f110"; }
.bigflaticon-018-car:before { content: "\f111"; }
.bigflaticon-019-tire:before { content: "\f112"; }
.bigflaticon-020-radiator:before { content: "\f113"; }
.bigflaticon-021-gears:before { content: "\f114"; }
.bigflaticon-022-gearshift:before { content: "\f115"; }
.bigflaticon-023-gear:before { content: "\f116"; }
.bigflaticon-024-garage:before { content: "\f117"; }
.bigflaticon-025-wheel:before { content: "\f118"; }
.bigflaticon-026-engine:before { content: "\f119"; }
.bigflaticon-027-electrical:before { content: "\f11a"; }
.bigflaticon-028-crane:before { content: "\f11b"; }
.bigflaticon-029-check:before { content: "\f11c"; }
.bigflaticon-030-charging:before { content: "\f11d"; }
.bigflaticon-031-brake:before { content: "\f11e"; }
.bigflaticon-032-gasoline:before { content: "\f11f"; }
.bigflaticon-033-chassis:before { content: "\f120"; }
.bigflaticon-034-headset:before { content: "\f121"; }
.bigflaticon-035-spray:before { content: "\f122"; }
.bigflaticon-036-battery:before { content: "\f123"; }






/*  Anpassen des Footer und Bottom Bereiches */

/*  Anpassen der Footer-Farbe und des  Abstands nach oben */
.users_footer {
  background-color:#f0c673;
  padding-top:10px; 
}

/*  Anpassen des Bottom Menu auf Position menu_bottom */

/* Schriftfarbe der aktiven Links "rot" und "unterstrichen" */

.bottom_menu ul li.current a {
  color:#da0000;
  text-decoration:underline;
}