@charset "utf-8";





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

div a#logo{
    background-color: #000000;
}

#header { background-color: var(--color-black); }
a#logo { background-image: url(../sysimages/cfan-logo_dark_en.svg); }
a#logo:lang(de) { background-image: url(../sysimages/cfan-logo_dark_de.svg); }
a#logo:lang(fr) { background-image: url(../sysimages/cfan-logo_dark_fr.svg); }
a#logo:lang(cs) { background-image: url(../sysimages/cfan-logo_dark_cs.svg); }
a#logo:lang(es) { background-image: url(../sysimages/cfan-logo_dark_es.svg); }

a#logo:lang(cs) { width: 143px; }

#menu > ul > li > a { color: white;border-bottom: solid 1px #5c5c5c; }

/* #mobile-menu span { background: #e4a139; } */


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


#menu > ul.language-menu > li > a { color: white; border-bottom: solid 1px #e2a044; }
#menu > ul.language-menu > li:nth-last-child(1) > a { border-bottom: solid 1px #0e0e0e; }
.no-touch #menu ul.language-menu:hover { background-color: var(--color-black); }
.no-touch #menu > ul > li:hover > a { color: #ff3131; }


#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 -20px; }





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

body{ background-color: #2f2f2f; }

/* Image Bottom */
#content { 
  box-shadow: 0px 0px 8px 0px rgb(21, 15, 7);
}



#right figcaption { color: #cec1ad;}
#right { background-color: #2f2f2f; box-shadow: 0 0 8px 0 #151515; }

#right h1, #right h2, #right h3 { color: #cccccc; }
#right .content h2 { color: #ff1614; }
#right .content p { color: #cccccc; }

#right ul { color: #a39989; }


.teaser-datum-titel h4 { color: #ff1614; }
.teaser-datum-titel a { border-top: #585858 solid 1px; }
.teaser-datum-titel a:hover { background-color: #404040; border-top: solid 1px transparent; box-shadow: none; }
.teaser-datum-titel a:hover + a { border-top: solid 1px transparent; }

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

.flickity-prev-next-button { background: #e6a22a; }
.flickity-prev-next-button:hover { background: #ffaf00; }





.contenttable th { background-color: #e6a22a; }

#bottom-news h1 { color: white; }
#bottom-news h2 { color: #e2a044; }
#bottom-news p { color: #b7b7b7; }
#bottom-news a { border-top: #3c362d solid 1px; }
#bottom-news a:hover { background-color: #404040; }
#bottom-news a:hover { box-shadow: 0 0 4px 0 #252525; }


#footer h1 { color: #ff1615; }
#footer p, #footer a { color: #bebebe; }
#footer a:hover { color:var(--color-white-text); }
#footer label { color: #c3b6a4; }


/* --- 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; }




/* -------------------- TV ------------------*/


/* ---- Headline in full width ---*/
#content > h1 {
    margin-left: 5%;
}


.list-tv-show {
	width: 48%;
    margin-right: 2%;
    padding-bottom: 7px;
    margin-bottom: 5px;
    transform: scale(1);
    transition: 0.15s;
    border-radius: var(--radius);
    overflow: hidden;
}

a.list-tv-show:hover{
    text-decoration: none;
    transform: scale(1.05);
}

.list-tv-show:hover {
    background-color: #f3f2ef;
    box-shadow: 0px 0px 9px 0 var(--color-shadow-hover);
    transition: 0.15s;
    z-index: 50;
}

#list-tv-show h1 {
    font-family: 'Roboto Slab',Arial,sans-serif;
    margin: 0;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 15px;
    line-height: 19px;
}

#list-tv-show h2 {
    margin: 0;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 2px;
    margin: 0 5px;
    font-size: 12px;
    line-height: 16px;
}

#list-tv-show p {
    display: none;
}

.float-block {
    float: none;
    width: 100%;
    overflow: hidden;
}


#list-tv-show {
    display: flex;
    flex-wrap: wrap;
    float: left;
    margin: 0 4% 0 5%;
}

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


@media (min-width: 720px){

    #menu > ul > li > a {
        border-bottom: solid 0px var(--color-black);
        margin-bottom: 1px;
    }
    
}

@media (min-width: 960px){

}