/* Bestehende Regeln */
#header .mainnavi ul.level_2 {
    border-top:3px solid #FDC201;
}
.bg-1 {
    background-image:url("../../../files/dance/images/crossfit_ratingen1.jpg");
    background-size: cover;
}
.bg-1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}
.bg-1 > * {
    position: relative;
    z-index: 2;
}
.bg-2 {
    background-image:url("../../../files/dance/images/crossfit_ratingen2.jpg");
    background-size: cover;
}
.bg-2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0;
    pointer-events: none;
}
.bg-2 > * {
    position: relative;
    z-index: 2;
}
.pic_diagonal-bottom::after {
    content: "";
    width: 102%;
    height: 180px;
    left: 0;
    bottom: -146px;
    position: absolute;
    z-index: 1;
    transform: skewY(-2deg);
}
.bg-fixed {
    background-attachment: fixed;
    background-size: cover;
}

/* MainColor teil1 */
a:hover,
.ce_downloads a:hover .downloadicon,
.footercontainer a:hover,
p.info a:hover,
.button-menu .fa,
.dark-bg h2,
.features a,
.footercontainer .fa,
.mod_search .submit:before,
.rightblock h2,
.topbar .fa,
footer a:hover,
.mod_search .fa:hover,
.fa,
#footer a:hover,
p.footerIcons a:hover:after {
    color:#C8102E;
}

/* MainColor teil 2 */
ol.big-bullets li:before,
.greytxt h3,
.ce_downloads li:hover:before,
.white-box:hover h1,
.white-box:hover h2,
.white-box:hover h3,
.white-box:hover a,
.ce_sliderStart h1 strong,
footer .mod_newslist time:before,
.mod_newsreader p.info:before,
.mod_newslist p.info:before,
.mod_eventreader p.info:before,
span.date:before,
p.recurring:before,
p.location:before,
.socials-left p.socialIcons a:hover:after,
.mod_eventlist a:hover,
h4,
.InsideOut-dark h4,
.InsideOut-nobg h4 {
    color:#C8102E;
}
.event-slider h1 {
    color:#C8102E;
}
.event-slider .textInner {
    border:3px solid #da131a;
}

/* DarkColorBackground */
ol.big-bullets li:before,
.InsideOut-dark,
div.sbs-effect.effect-sarah,
.fa-white .fa:hover,
.home #newsletter input.submit,
#slider .page-scroll em,
.dark-bg,
.pagination li span:hover,
.pagination li a:hover,
.overlay-menu,
.slider-text-bg,
.contact-home,
.pagination li span:hover,
.pagination li a:hover,
.dark-bg .container,
.fixedTop .topbar,
.topbar,
.white-box em,
.pricing-box h1,
.ce_accordion .toggler,
.newsletterbanner .newsletter .submit:hover,
.topbar,
#header .mainnavi ul.level_2,
#header .mainnavi ul.level_3,
.newsletter .submit:hover,
.btn:hover,
.submit:hover,
p.more a,
p.back a:hover,
.newsletter .submit:hover,
#footer,
.customer .textInner:hover,
.home .topbar,
.classes .textInner a.btn {
    background-color:#121212;
}

/* mainColor:: Background */
table.calendar td.active,
.iconTrans img,
.fa-white .fa,
#willkommen .image_container,
.mod_quicknav select,
.ce_accordion .toggler:hover,
.ui-accordion-icons.active,
.mod_eventlist div.header a,
p.more a,
p.back a,
.newstxt p.more a,
p.back a,
.gallery-home .image_container,
.bg-fixed .img-responsive,
#footer input.submit,
#footer .submit,
.contact-home,
.clients .fa,
.dark-bg .fa,
.btn-primary,
.bg-h1,
.customer .fa,
.mainnavi a:hover,
.mainnavi li strong:hover,
.mainnavi a.active,
.mainnavi a.trail,
.mainnavi strong.active,
.mainnavi strong.forward,
.service .fa,
.classes .textInner:hover a.btn {
    background-color:#00A1FF;
}

.scrolltop a {
    background-color:#C8102E;
}

/* mainColor:: BorderBottom */
table thead tr {
    border-bottom:2px solid #121212;
}

/* mainColor:: BorderLeft */
.layout_latest p.info,
.news .info,
.event p.info,
.mod_eventlist div.header,
.mod_eventlist .header,
.mod_newsreader .info,
.mod_eventreader .info,
.team .textInner {
    border-left:5px solid #C8102E;
}

/* mainColor:: FontColor */
.topnavi a:hover,
.topnavi  a:focus,
header input.submit,
.level_1 > li:hover,
#slider .slider-control a.slider-prev:hover:before,
#slider .slider-control a.slider-next:hover:after,
.slider-control a.slider-prev:hover:before,
.slider-control a.slider-next:hover:after,
.slider-control .slider-menu b.active,
footer#footer h4 {
    color:#C8102E;
}

/* 121212 - Color */
.mainnavi ul.level_1 li a:hover,
.mainnavi a.active,
.mainnavi a.trail,
.mainnavi strong.active,
.mainnavi strong.forward,
.contact-icons em,
figure.image_container figcaption,
h1,
h2,
h3,
p.socialIcons a:after,
.team p.socialIcons a:hover:after,
.greytxt h1,
.greytxt h2,
.greytxt h4,
.ce_downloads li:before,
.contact-home a:hover,
p.socials-top a:after,
.newstxt a:hover,
.content-slider > h1,
.btn,
.submit,
p.more a,
p.back a,
.newsletter .submit,
.InsideOut-dark .btn,
.InsideOut-dark .btn1,
.InsideOut-dark .submit,
.InsideOut-nobg .btn,
.InsideOut-nobg .btn1,
.InsideOut-nobg .submit,
.bg-h1 h1,
.customer .fa,
.service .fa,
.classes .textInner:hover a.btn {
    color:#121212;
}

a {
    color:#353535;
    text-shadow: none;
}
.InsideOut-dark a,
.InsideOut-dark p,
.InsideOut-dark .fa,
header a,
.mainnavi li a,
footer,
footer a,
footer p,
.ce_accordion .toggler:not(.active),
.dark-bg p,
.dark-bg h1 {
    color:#F2F2F2;
}

/* F2F2F2 :: Color */
.OutsideIn,
.OutsideIn p,
.OutsideIn h2,
.btn:hover,
.submit:hover,
p.more a:hover,
p.back a:hover,
.newsletter .submit:hover {
    color:#121212;
}

/* F2F2F2 :: Background */
.InsideOut,
.light-bg,
.customer .textInner,
.classes .textInner {
    background-color:#F2F2F2;
}

.top {
    background-color:#$grey;
}
.newsletter .submit:hover {
    border:3px solid #121212;
}
.btn,
.submit,
p.more a,
p.back a,
.newsletter .submit {
    background-color:#C8102E;
}

/* Icons und Links innerhalb von .textInner auf weiß setzen – optimiert für roten Hintergrund */
.bg-h1 .textInner .fa,
.bg-h1 .textInner i,
.bg-h1 .textInner [class*="icon-"],
.bg-h1 .textInner a,
.bg-1 .textInner .fa,
.bg-1 .textInner i,
.bg-1 .textInner [class*="icon-"],
.bg-1 .textInner a {
    color: #F2F2F2 !important;
}

.bg-h1 .textInner a:hover,
.bg-1 .textInner a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Speziell gegen custom.css Überschreibung */
.customer.textInner .fa,
.customer .textInner .fa,
.customer .textInner i,
.customer .textInner [class*="icon-"],
.customer .textInner a {
    color: #F2F2F2 !important;
}

.customer .textInner a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Erweiterung für direkte .fa oder a ohne .textInner */
.bg-h1 .fa,
.bg-h1 i,
.bg-h1 [class*="icon-"],
.bg-h1 a,
.bg-1 .fa,
.bg-1 i,
.bg-1 [class*="icon-"],
.bg-1 a,
.customer .fa,
.customer i,
.customer [class*="icon-"],
.customer a {
    color: #fff !important;
}

.bg-h1 a:hover,
.bg-1 a:hover,
.customer a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}