@charset "utf-8";


:root{

/* ---------- Menu red --------- */

    --dc0201: #dc0201;
    --bd0100: #bd0100;
    --e2a044: #e2a044;
    --d60000: #d60000;
    --dc0303: #dc0303;
    --b70000: #b70000;
    --af0000: #af0000;
    --f10303: #f10303;
    --d00100: #d00100;
    --d00102: #d00102;
    --d0d0d0: #d0d0d0;
    --bf0000: #bf0000;
    --f50000: #f50000;
    --b6b900: #b6b900;
    --d3d622: #d3d622;
    --a4a701: #a4a701;
    --cec1ad: #cec1ad;
    --a39989: #a39989;
    --e4a139: #e4a139;
    --585858: #585858;
    --404040: #404040;
    --e6a22a: #e6a22a;
    --ffaf00: #ffaf00;
    --ff0100: #ff0100;
    --8a5300: #8a5300;
    --8a5d1f: #8a5d1f;
    --ef0100: #ef0100;
    --ce0100: #ce0100;

}


/* -------- MENU --------*/

body { background-color: var(--dc0201); }
#header { background-color: var(--dc0201); }

a#logo { background-image: url(../sysimages/cfan-logo-red_en.png); }
a#logo:lang(de) { background-image: url(../sysimages/cfan-logo-red_de.png); }
a#logo:lang(cs) { background-image: url(../sysimages/cfan-logo-red_cs.png); }
a#logo:lang(fr) { background-image: url(../sysimages/cfan-logo-red_fr.png); }

#menu > ul > li > a { color: var(--color-text-inverse); }

#mobile-menu span { background: var(--color-white); }

#logo-red-line { border-bottom: solid 1px var(--color-white); }

#menu ul { background-color: var(--dc0201); }
#menu > ul > li > a { border-bottom: solid 1px var(--bd0100); }
/* #menu > ul > li.hover > a { color: white; border-bottom: solid 1px #bd0100; } */
#menu > ul > li.hover > a { color: var(--color-text-inverse); border-bottom: solid 1px var(--dc0201); }
#menu > ul > li > a:before { background-color: var(--color-white); }


#menu > ul.language-menu > li > a { color: var(--color-text-inverse); border-bottom: solid 1px var(--e2a044); }
#menu > ul.language-menu > li:nth-last-child(1) > a { border-bottom: solid 1px var(--dc0201); }

#menu > ul.language-menu > li > ul > li:hover,
#menu > ul.language-menu > li > ul > li.hover { background-color: var(--dc0201); }

.no-touch #menu > ul.language-menu > li > ul > li:hover > a, #menu > ul.language-menu > li > ul > li.hover > a { color: var(--color-text-inverse); border-bottom: solid 1px var(--dc0201); }

.no-touch #menu > ul > li:hover > a { color:var(--color-text-inverse); }

#menu > ul > li.hassub > a:after { background-position: 0px -10px; }


.no-touch #menu > ul > li.hassub:hover > a:after, #menu > ul > li.hassub.hover > a:after { background-position: 0px -10px; }
.no-touch #menu > ul > li > ul > li:hover > a, #menu > ul > li > ul > li.hover > a { color: var(--bd0100); }

#menu li.home a { background-position: -172px -68px; }
#menu li.search a { background-position: -212px -59px; }
#menu li.search a:hover { background-position: -212px -59px; }

#menu > ul > li.menu-donate {
    background-color: var(--color-white);
    border: 0px solid var(--color-white);
    color: var(--color-brand-hover);
}

#menu > ul > li.menu-donate > a {  border-bottom: none; margin: 0; color: var(--d60000); }

.no-touch #menu > ul > li.menu-donate > a:hover {
    background-color: var(--color-white);
    color: var(--color-brand-hover);
}

.no-touch #menu > ul > li.menu-donate > a:active {
    background-color: var(--color-white);
    color: var(--color-brand-hover);
}







@media (min-width: 720px){

#menu > ul > li > a { border-bottom: solid 1px var(--dc0303); }

#menu > ul > li > ul { background-color: var(--dc0201); }
#menu > ul > li > ul > li > a { color: var(--color-text-inverse); border-bottom: solid 1px var(--b70000); }
#menu > ul > li > ul > li.hassub > a:after { background-position: 0px -10px; }
#menu > ul > li > ul > li:nth-last-child(1) > a { border-bottom: solid 1px var(--af0000); }

#menu > ul > li > ul > li > ul { background-color: var(--f10303); border-left: solid 1px var(--f10303); }
#menu > ul > li > ul > li > ul > li > a { color: var(--color-text-inverse); border-bottom: solid 1px var(--d00100); }
#menu > ul > li > ul > li > ul > li:nth-last-child(1)> a { border-bottom: solid 1px var(--d00102); }
#menu > ul > li > ul > li > ul > li > a:after {  background-position: 0px -10px; }


.no-touch #menu > ul > li > ul > li:hover > a,
#menu > ul > li > ul > li.hover > a { color:var(--color-text-inverse); }


.no-touch #menu > ul > li > ul > li:hover, #menu > ul > li > ul > li.hover { background-color: var(--f10303); }
.no-touch #menu > ul > li > ul > li:hover > a, #menu > ul > li > ul > li.hover > a { border-bottom: solid 1px var(--f10303); }

.no-touch #menu > ul > li > ul > li.hassub:hover > a, #menu > ul > li > ul > li.hassub.hover > a { border-bottom: solid 1px var(--ff0200); }

.no-touch #menu > ul > li > ul > li > ul > li:hover, #menu > ul > li > ul > li > ul > li.hover { background-color: var(--color-brand-hover); }
.no-touch #menu > ul > li > ul > li > ul > li:hover > a, #menu > ul > li > ul > li > ul > li.hover > a { border-bottom: solid 1px var(--color-brand-hover); }

/* ---- Menu Language ---*/

#menu > ul.language-menu > li > ul > li > ul > li > a { color: var(--color-text-primary); border-bottom: solid 1px var(--d0d0d0); }
#menu > ul.language-menu > li > ul > li > a { border-bottom: solid 1px var(--bf0000); }

.no-touch #menu > ul.language-menu > li:hover > a, #menu > ul.language-menu > li.hover > a { color:var(--color-text-inverse); }
.no-touch #menu > ul.language-menu > li > ul > li:hover, #menu > ul.language-menu > li > ul > li.hover { background-color: var(--f50000); }
#menu > ul.language-menu > li > ul > li:nth-child(4) > a, #menu > ul.language-menu > li > ul > li:nth-child(5) > a, #menu > ul.language-menu > li > ul > li:nth-child(8) > a { border-bottom: solid 1px var(--dc0201); }


}





/* ------ BUTTON  COLOR -------*/

.btn-red, .download { background-color: var(--b6b900); }
.btn-red:hover, .download:hover { background-color: var(--d3d622); }
.btn-red:active, .download:active { background-color: var(--a4a701); }



/* ------ Color ------ */

#content { box-shadow: 0px 0px 8px 0px var(--color-shadow); }

/* Image Bottom */
#main .header-bild-links-text:last-of-type,
#main .header-bild-links-inside-text:last-of-type,
#main .header-bild-rechts-text:last-of-type,
#main .header-bild-center-text:last-of-type,
#main .header-bild-full-text:last-of-type,
#main .bild-center-header-text:last-of-type,
#main .bild-full-header-text:last-of-type,
#main .text-im-bild:last-of-type {
    margin-bottom: 0px; 
}
/* Image Bottom */
#content .header-bild-full-text figure:last-of-type { margin: 0; }

#right .content img { border-bottom: solid 4px rgb(228, 161, 57);}
#right figcaption { color: var(--cec1ad);}

h2 { color: var(--e2a044); }

#right h1, #right h2, #right h3 { color:var(--color-text-inverse); }
#right .content h2 { color: var(--e2a044); }
#right .content p { color:var(--color-text-inverse); }

#right ul { color: var(--a39989); }


.teaser-datum-titel h4 { color: var(--e4a139); }
.teaser-datum-titel a { border-top: var(--585858) solid 1px; }
.teaser-datum-titel a:hover { background-color: var(--404040); }

.accordion-section-title.active, .accordion-section-title:hover { background: var(--e4a139); }
.accordion-section-title:hover:before, .accordion-section-title.active:before { border: 3px solid var(--color-white); border-top: 3px solid var(--transparent); border-left: 3px solid var(--transparent); }
.accordion-section-title.active, .accordion-section-title:hover { color: var(--color-text-inverse); }

.flickity-prev-next-button { background: var(--e6a22a); }
.flickity-prev-next-button:hover { background: var(--ffaf00); }


#container .btn-red, #container .download {
    box-shadow: 0px 2px 1px 0px var(--color-shadow);
    background: linear-gradient(to bottom,var(--ff0100) 5%,var(--color-brand) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--ff0100)',endColorstr='var(--color-brand)',GradientType=0);
    background-color: var(--ff0100);
    border: 0px solid var(--color-brand);
}

#container .btn-red:hover, #container .download:hover {
    background: linear-gradient(to bottom,var(--color-brand-hover) 5%,var(--color-brand-hover) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--color-brand-hover)',endColorstr='var(--color-brand-hover) ',GradientType=0);
    background-color: var(--color-brand);
}

#container .btn-red:active, #container .btn-red.active, #container .download:active {
    box-shadow: none;
    background: linear-gradient(to bottom,var(--8a5300) 5%,var(--8a5d1f) 100%);
}



.contenttable th { background-color: var(--e6a22a); }

#bottom-news h1 { color: var(--color-text-inverse); }
#bottom-news h2 { color: var(--e2a044); }
#bottom-news p { color: var(--color-text-inverse); }
#bottom-news a { border-top: none; }
#bottom-news a:hover { background-color: var(--ef0100); }
#bottom-news a:hover { box-shadow: 0 0 4px 0 #25252540; }

#footer {
    background: var(--ce0100);
    box-shadow: 0 0 30px 0 var(--color-gray-lines);
    z-index: 20;
    position: relative;
}

#footer h1 { color: var(--color-text-inverse); }
#footer p, #footer a { color: var(--color-text-inverse); }
#footer a:hover { color: var(--color-text-inverse); }
#footer label { color: var(--color-text-inverse); }


/* --- Formular --*/
legend.powermail_type_check_legend,
legend.powermail_type_radio_legend {
    margin: -10px 0 10px 0;
    font-weight: bold;
}

.powermail_fieldwrap_type_text {
    margin-top: 0px;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 20px;
}

.social { margin-top: 30px; }




/* ---- Powermail Accordion ---*/

#content .tx-powermail .accordion { width: 100%; margin-left: 0; margin-right:0; }
.tx-powermail .accordion ul { display: inline-block; }


@media (min-width: 550px){
    div#top-banner { box-shadow: 0px 0px 8px 0px var(--color-black); }
}

@media (min-width: 720px){  };
@media (min-width: 960px){  };