/* 
Farben: 

    Börner Home, G.Hoffmann Home:       #3EA536
    Thermoquell Pro:                    #009FE3
    
    font-family: 'EB Garamond' !important;
    font-family: 'Helvetica' !important;
*/

/* TODO */

.buttonnav { color: inherit; }

/* Bewertungen */
#umfragebox { width: 600px; float: right; padding-top: 275px; }
#umfragebox .rdate { display: none; }
.starimage { display: block; width: 170px; float:left; }
.uresult { cursor: pointer; }
.uresult .star { height: 30px !important; margin-top: 5px; }

/* Alle Bewertungen */
.uresultall .star { height: 30px !important; margin-top: 5px; }
.uresultall hr { border-bottom: 0px; }
.uresultall { padding-bottom: 30px; }
.uresultall .rdate { float:right; }
.uresultall .star { height: 30px !important; margin-top: 0px; }
.uresultall .starimage { display: block; width: 170px; float:left; }
/* Bewertungen */

body { background: #000000 !important; color: #ffffff; font-family: 'EB Garamond' !important; }
body a { color:#3EA536; text-decoration: none; }
body a { color:#3EA536; text-decoration: none; }
body a:hover { color: #ffffff; text-decoration: underline; }

.sendsurvey,
.sendsurvey:hover { border:0px; background-color: #3EA536; color: #ffffff; }

/* HEADER */
#header { font-weight: bold; color: #ffffff; font-family: 'Helvetica' !important; }
#header #topnav { max-height: 90px; width: 100% !important; }
#header a { color: #ffffff !important; text-decoration: none; }
#header a:hover { text-decoration: none; }

/* NAVIGATION */

/* Fachhandwerk */
#header .fl-node-hljgc17okm8w.active a { color: #3EA536 !important; }

/* Unternehmen */
#header .fl-node-do9iyb32hj5q.active a { color: #3EA536 !important; }

/* Jobs & Karriere */
#header .fl-node-61cu5jzm894t.active a { color: #3EA536 !important; }

/* Industrie */
#header .fl-node-5yofk1mlcui8.active a { color: #009FE3 !important; }



/* BODY */
#website h1, #website h2, #website h3, 
#website h4, #website h5, #website h6 { font-family: 'EB Garamond';  }



/* BÖRNER */
#website h2 { font-family: 'EB Garamond'  !important; color:#3EA536 !important; font-size: 34px !important; line-height: 50px !important; margin-bottom: 50px; }
#website h2 strong { color: #ffffff  !important; font-weight: inherit !important; }
#website .contentmenu.thermoquell a.active { color: #009FE3 !important; }

/* THERMOQUELL */
#website .thermoquell h2 { font-family: 'EB Garamond'  !important; color:#009FE3 !important; font-size: 40px !important; line-height: 50px !important; margin-bottom: 50px; }
#website .thermoquell h2 strong { color: #ffffff  !important; font-weight: inherit !important; }

.morelink { position: relative; z-index: 20; }

/* FOOTER */
#footer { position: relative; z-index: 10; }


/* FX */

/* Für den einzelnen Seitenwechsel */
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

body {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}