/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29.12.2016, 15:20:21
    Author     : Programmierung
*/

@winheight:`$(window).height()/2`;

/*Hintergrund Farben*/
@bg-rot: #c00000;

@bg-weiss: #fff;

@bg-grau: #c5c5c5;

@bg-anthrazit: #6f6f6e;

@bg-schwarz: #000000;

@bg-hellgrau: #f0f0f0;

@bg-blau: #15294f;

/*Text Farben*/
@text-weiss: #ffffff;

@text-rot: #c00000;

@text-schwarz: #000000;

@text-hellgrau: #c5c5c5;

@text-mittelgrau: #9c9b9b;

@text-anthrazit: #6f6f6e;
/*Schrifttypen */
h1 {
    color: @text-rot;
}
h2 {
    color: @text-schwarz;
}
.content {
    color: @text-schwarz
}
li {
    color: @text-schwarz;
}
.mainpage .calltoAction {
    color: @text-schwarz
}
/*Klassen farbwechsel*/
.bg-grau {
    background-color: @bg-grau;
}
.text-weiß {
    color: @text-weiss;
}
.bg-rot {
    background-color: @bg-rot;
}

/*Artikel*/
.better-tag-cloud-shortcode {
    background-color: @bg-rot;
}
.better-tag-cloud-shortcode .wp-tag-cloud {
    background-color: @bg-rot;
}
.righttextbox {
    background-color: @bg-anthrazit;
    color: @text-weiss;
}
.righttextbox.imagebox {
    border: 1px solid @bg-anthrazit;
    background-color: @text-weiss;
}
.leftroom.bggrey {
    background-color: @bg-hellgrau;
}
.accordion-title {
    color: @text-rot;
}
.artikel a {
    color: @text-rot;
}
.righttextbox a {
    color: @text-weiss;
}
.search-everything-highlight-color {
    background-color: @bg-hellgrau !important;
}
@media only screen and (max-width: 820px) {
    .righttextbox {
        border: 1px solid @bg-anthrazit;
        background-color: @bg-weiss;
    }
    .righttextbox p{
        color: @text-schwarz;
    }
    .righttextbox a{
        color: @text-rot;
    }
}
/*Header*/
.header {
    background-color: @bg-weiss
}
#header {
    color: @text-schwarz;
}
#top-menu ul li.cat-item a {
    color: @text-schwarz;
}
#top-menu ul li.cat-item.current-cat a {
    color: @text-rot;
}
#top-menu ul li.cat-item.current-cat-parent a {
    color: @text-rot;
}
#top-menu ul li.cat-item.current-cat-ancestor a {
    color: @text-rot;
}
#top-menu ul li.cat-item .children li a{
    color: @text-schwarz;
}
#top-menu ul li.cat-item:hover li[level="level2"] a {
    color: @text-schwarz;
}
#top-menu ul li.cat-item.level1:hover a {
    color: @text-anthrazit;
}
#mobilemenu .mobile-menu a:hover{
    color: @text-hellgrau;
}
#top-menu ul li.cat-item .children li.current-cat a{
    color: @text-rot;
}
#top-menu ul li.cat-item .children li.current-cat-parent a {
    color: @text-rot;
}
#top-menu ul li.cat-item .children li.current-cat-ancestor a {
    color: @text-rot;
}
#top-menu ul li.cat-item .children li .children li a {
    color: @text-schwarz;
    background-color:  	transparent;
}
#top-menu ul li.cat-item .children li .children li a:hover {
    color: @text-schwarz !important;
    background-color:  	@bg-grau !important;
}
#top-menu ul li.cat-item .children li .children li.current-cat a {
    color: @text-rot;
}
#top-menu ul.children li { 
    color: @text-schwarz;
}
#top-menu ul.children li:hover a {
    background-color: @bg-rot;
}
#top-menu ul li.cat-item .children li:hover a{
    color: @text-weiss;
}
#top-menu ul li.cat-item.children li ul li a{
    color: @text-schwarz;
}
#top-menu ul li.cat-item .children li .children li:hover a{
    color: @text-schwarz !important;
    background-color:  	@bg-grau !important;
}
#mobilemenu {
    background-color: @bg-hellgrau;
}
#mobilemenu .mobile-menu .telefon {
    color: @text-mittelgrau;
}
#mobilemenu .mobile-menu a {
    color: @text-schwarz;
}
#mobilemenu .mobile-footer {
    background-color: @bg-anthrazit;
}
#mobilemenu .mobile-footer .footer-menu a {
    color: @text-hellgrau;
}
#mobilemenu .mobile-suche .suchfeld input{
    background-color: @bg-hellgrau;
}
.headerimage .text {
    background-color: @bg-anthrazit;
}
.headerimage .text p {
    color: @text-weiss;
}
.smallmenu {
    background-color: @bg-hellgrau;
}
.suchfeld {
    border-color: @bg-grau;
}
#top-menu ul.children li {
    border-color: @bg-grau;
}
#mobilemenu .mobile-suche {
    border-color: @bg-grau;
}
#mobilemenu .mobile-menu li {
    border-color: @bg-grau;
}
#mobilemenu .mobile-menu .children {
    border-color: @bg-grau;
}
/*Mainpage*/
.body-highlight h2 {
    color: @text-schwarz;
}
.fluit-menu div.active {
    color: @text-rot;
}
.fluit-element .linkbutton {
    background-color: @bg-rot;
}
.fluit-element .textblock .text.rot {
    color: @text-rot;
}
.fluit-element .textblock .text.grau {
    color: @text-mittelgrau;
}
.fluit-element .textblock .text.weiß {
    color: @text-weiss;
}
.fluit-element .textblock .text.schwarz {
    color: @text-schwarz;
}
/*Artikel*/
.textelement .content a {
    color: @text-rot;
}
.tagelement { 
    background-color: @bg-rot;
}
.tagelement .headline {
    color: @text-weiss;
}
.tagelement .textelement .content a {
    color: @text-weiss;
}
.better-tag-cloud-shortcode {
    background-color: @bg-rot;
}
.better-tag-cloud-shortcode a {
    color: @text-weiss;
}
.tag-title {
    color: @text-weiss;
}
.additional .left {
    color: @text-rot;
}
.additional .right a {
    color: @text-schwarz;
}
.additional:hover .right{
    border-bottom: 1px solid @text-schwarz;
}
.additional:hover .left {
     border-bottom: 1px solid @text-schwarz;
}
#main div.wpcf7-validation-errors {
    border: 2px solid @bg-rot;
}

#main div.wpcf7-mail-sent-ok {
    border: 2px solid @bg-rot;
}

#main span.wpcf7-not-valid-tip {
    color: @text-rot;
}
#main form input.wpcf7-submit {
    color: @text-weiss;
    background-color: @bg-grau;
}    
/*Footer*/
#footer {
    background-color: @bg-schwarz;
    color: @text-weiss;
}
#footer-menu a {
    color: @text-mittelgrau;
}
#footer-menu a:hover {
    color: @text-weiss;
}
#loadmore .showmore.open {
    border: 1px solid @text-weiss;
    color: @text-mittelgrau;
    background-color: @bg-schwarz;
}
#loadmore .showmore.open:hover {
    color: @text-weiss;
}
@media only screen and (max-width: 820px) {
    #loadmore .showmore{
        border: 1px solid @text-weiss;
        color: @text-mittelgrau;
        background-color: @bg-schwarz;
    }
}