html { font-size: 18px; height:100%;}
body {
    height: 100%;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 300;
    color: #e7e7e7; 
    letter-spacing: .3px;
    
    background: #202d40;
    background: -moz-linear-gradient(top, #202d40 0%, #323f47 52%, #1b2c3d 98%);
    background: -webkit-linear-gradient(top, #202d40 0%,#323f47 52%,#1b2c3d 98%);
    background: linear-gradient(to bottom, #202d40 0%,#323f47 52%,#1b2c3d 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202d40', endColorstr='#1b2c3d',GradientType=0 );
    background-attachment: fixed;
}
@media screen and (max-width: 1440px) {
    html, body { font-size: 17px; }
}

@media screen and (max-width: 1199px) {
    html, body { font-size: 16px; }
}
/*
hellblau:   #6fc9f4 / rgb(111,201,244)
dunkelblau: #0b72b5 / rgb( 11,114,181) 
orange:     #ea8e08 / rgb(234,142,  8)  

dunkelgrau: #58585a / rgb( 88, 88, 90)
hellgrau:   #b1b3b4 / rgb(177,179,180)  
*/

/* HEADLINES */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: .2px;
    font-style: italic;
}
h1, h2 {
    font-weight: 700;
    /*color:#6fc9f4;*/
}
.default h2 {color:#6fc9f4;}
h3, h4, h5, h6 {
    font-weight: 400;
    color: #e7e7e7;
}
.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
    position: relative;
    display: inline-block;
    border-bottom: 2px solid #6fc9f4;
    padding-bottom: 10px;
    margin-bottom: -1px;
}
.headline {
    margin: 2em 15px 0;
    border-bottom: 1px dotted #58585a;
}
.headline:first-child{ margin-top: 0; }
.headline h1 { font-size: 34px; }
.headline h2 { font-size: 28px; }
.headline h3, 
.headline h4, { }
.headline h5,
.headline h6 { }


/* margin bottom */
.margin-bottom-5, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20, .margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, .margin-bottom-45, .margin-bottom-50, .margin-bottom-55, .margin-bottom-60, .margin-bottom-80, .margin-bottom-100 { clear: none;}
.mb5,   .margin-bottom-5   { margin-bottom:5px;  }
.mb10,  .margin-bottom-10  { margin-bottom:10px; } 
.mb15,  .margin-bottom-15  { margin-bottom:15px; }
.mb20,  .margin-bottom-20  { margin-bottom:20px; }
.mb25,  .margin-bottom-25  { margin-bottom:25px; }
.mb30,  .margin-bottom-30  { margin-bottom:30px; }
.mb35,  .margin-bottom-35  { margin-bottom:35px; }
.mb40,  .margin-bottom-40  { margin-bottom:40px; }
.mb45,  .margin-bottom-45  { margin-bottom:45px; }
.mb50,  .margin-bottom-50  { margin-bottom:50px; }
.mb55,  .margin-bottom-55  { margin-bottom:55px; }
.mb60,  .margin-bottom-60  { margin-bottom:60px; }
.mb80,  .margin-bottom-80  { margin-bottom:80px; }
.mb100, .margin-bottom-100 { margin-bottom:100px;}

a { 
    color: #6fc9f4; 
    background:transparent; 
    text-decoration:none; 
    font-weight: 400; 
    outline: 0 !important; 
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
a:visited  { color: #6fc9f4; }
a:focus,
a:hover,
a:active { color:#ea8e08; text-decoration:none; outline: 0 !important; }

a.secondary { font-weight: 300; }

a.secondary2 { color: #e7e7e7; }
a.secondary2:visited  { color: #e7e7e7; }
a.secondary2:focus,
a.secondary2:hover,
a.secondary2:active { color:#ea8e08; }

.button a {
    display: inline-block;
    background: #0b72b5;
    color: #fff;
    padding: .5rem 2rem;
    font-weight: 400;
            border-radius: 6px 6px 6px 6px;
       -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border: 0px solid #000000;
}
a > i { color: #e7e7e7; }


ul { padding: 0; padding-left: 1.2em;  }
ol { list-style-type: decimal-leading-zero; padding-left: 29px;}
ol li::marker {
  color: #bbc7d2;
  font-size: .75em;
  font-weight: 700;
}
.alt-marker-1 li::marker {
  color: rgba(234,142,8,1);
}
.alt-marker-w li::marker {
  color: #c1c1c1;
}
li { padding-left: 2px; }

.btn-primary { background-color: rgba(11,114,181,.6); color: #efefef; border-color: rgba(11,114,181,1) }
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active { background-color: rgba(234,142,8,.7); color: #efefef; border-color: #ea8e08; }
a.btn-primary:visited { color: #efefef; }

.btn {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
            border-radius: 6px 6px 6px 6px;
       -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
}
a.btn, .btn a, a.wlink { color:#e7e7e7; }
.btn a:hover,
a.wlink:hover { color: #ea8e08}

.btn-default {background: #b1b3b4}
.btn.btn-25 { padding-left: 25px; padding-right: 25px;}
.btn.btn-45 { padding-left: 45px; padding-right: 45px;}

.btn-inp { background-color: #202d40; color: #e7e7e7; border-color: #e7e7e7; }
.btn-inp:focus,
.btn-inp:hover,
.btn-inp:active { background-color: #ccc; color: #000; border-color: #000; }
.btn-tr { background-color: transparent; color: #e7e7e7; border-color: #e7e7e7; }
.btn-tr:focus,
.btn-tr:hover,
.btn-tr:active { background-color: #202d40; color: #efefef; border-color: #ea8e08; }

.br4 {
            border-radius: 4px 4px 4px 4px;
       -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}


/* Section-Space */
.space-0.bottom-0 { margin-bottom: -1rem; }
.space-1 { padding-top: 1rem; padding-bottom: 0; }
.space-3 { padding-top: 3rem; padding-bottom: 2rem; }
.space-5 { padding-top: 5rem; padding-bottom: 4rem; }

.space-1.space-top { padding-bottom: 0; }
.space-3.space-top { padding-bottom: 0; }
.space-5.space-top { padding-bottom: 0; }

.space-1.space-bottom { padding-top: 0; }
.space-3.space-bottom { padding-top: 0; }
.space-5.space-bottom { padding-top: 0; }

.space-3.special-section-1 { padding-top: 1rem; padding-bottom: 0rem; }

/*
hellblau:   #6fc9f4 / rgb(111,201,244)
dunkelblau: #0b72b5 / rgb( 11,114,181) 
orange:     #ea8e08 / rgb(234,142,  8)  

dunkelgrau: #58585a / rgb( 88, 88, 90)
hellgrau:   #b1b3b4 / rgb(177,179,180)  
*/
/* Section-Background */
.tc-bright h2, 
.tc-bright h3, 
.tc-bright h4, 
.tc-bright h5, 
.tc-bright h6, 
.tc-bright p, 
.tc-bright li, 
.tc-bright a  { color: #fff !important; }

.bg-primary   { background-color: rgba(111,201,244) !important; }
.bg-secondary { background-color: rgba(234,142,  8) !important; }
.bg-white     { background-color: #fff; }
.bg-gray      { background-color: rgba(221, 221, 221, 0.5); }
.bg-darkgray  { background-color: rgba(221, 221, 221, 1); }
.bg-dark      { background-color: #012C3C; }

.text-success { color: #31d131 !important; }
.text-error { color: #fe3333 !important; }

/* sonstige Hilfsklassen und CKEditor-Klassen */
span.marker { background: rgba(255,200,0,.2); }
span.marker { background: rgba(255,255,255,.5); }
span.txt-colored { color: #0b72b5; }

a.download-pdf {  }
a.download-pdf:before { content: "\f1c1"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; font-size: 1.2rem;}
li a.download-pdf:before { font-size: 1rem;}

a.phone:before  { content: "\f095"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; font-size: 1.1rem; width: 1.5em;
    text-align: center; display: inline-block; }
a.mobile:before { content: "\f10b"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; font-size: 1.1rem; width: 1.5em;
    text-align: center; display: inline-block; }
a.mail:before   { content: "\f0e0"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; font-size: 1.1rem; width: 1.5em;
    text-align: center; display: inline-block; } /*\f003*/

.btn-full { display: block; width: 100%; min-width: inherit; text-align: center; margin-right: 0; }

.kleingedrucktes p { font-size: .8rem; font-weight: 300; }

span.txt-blue { color: #202d40; }
span.txt-blue strong { color: #202d40; font-weight: bold; }
span.info { color: #e7e7e7; font-size: 85%; font-weight: 300; display: inline-block; margin-left: 5px; }
span.info.info-anz { color: #aaa; }
span.fs10 { font-size: 85%; }

b, strong {color: #EA8E08; font-weight: normal}/*#496ab2*/
strong > b { font-weight: 700; }
strong.txt-white { color: #fff; }
b.na, span.na { color: #ce0126; text-decoration: line-through;}
.premium {background: #2B670D;}
.answertext {color: #EA8E08;}
.hideme { display: none; }
.gray { color: #e7e7e7; }

.w130 { width: 130px;}
hr {
    color: #496ab2;
    background: transparent;
    margin: 0 0 1em 0;
    /*padding: 0 0 1em 0;*/
    border: 0;
    border-bottom: 1px dotted #496ab2;
}


@media screen and (max-width: 767px) {
    .carname { display: block; }
}
.c, .wert { text-align: center; }


/* HEADER ########################### */
.navbar-fixed-top, .fixed-top {
    position: fixed; 
    z-index: 900;
    width: 100%;
    background: #202d40;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
}
.navbar-fixed-top > .container { position: relative; }
.navbar-fixed-top, 
.fixed-top, 
.navbar-fixed-top-spacer { height: 70px;}
.navbar-header { position: absolute; top: 8px; }
/* Logo-Position */
.navbar-header .navbar-brand {
    padding: 0; 
}
#logo { width: 140px; }

header .userinfo { position: absolute; top:23px; right: 15px; text-align: right; }
header .userinfo a { color: #fff; }

/* Navi */ 
.navbar-collapse { text-align: center; line-height: 1; }
.navbar-navi { font-size: 1.1em; margin: 0 auto; float: none; display: inline-block; list-style: none; padding-left: 0; }
.navbar-navi li { list-style-image: none; float: left; }
.navbar-navi > li { margin: 0 1px; position: relative; }
.navbar-navi > li > a { 
    
    color: #e7e7e7;
    padding: 25px 15px;  
    background: rgba( 70, 84,108,.4)/*#3e4a5e*/;     
    -webkit-transform: skewX(-16deg);
       -moz-transform: skewX(-16deg);
        -ms-transform: skewX(-16deg);
         -o-transform: skewX(-16deg);
            transform: skewX(-16deg);
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
    
}
.navbar-navi > li.active > a,
.navbar-navi > li.has-sub:hover > a,
.navi > li > a:focus, 
.navi > li > a:hover { background: rgba( 70, 84,108,1); }
.navi .open > a, 
.navi .open > a:focus, 
.navi .open > a:hover { background: rgba( 70, 84,108,1) }
.navbar-navi > li.has-sub:hover .dropdown-menu {
    display: block;
}
.navbar-navi > li.userinfo > div {
    color: #e7e7e7;
    line-height: 20px;
    font-size: .9em;
    padding: 25px 15px; 
}

.navbar-navi > li > .dropdown-menu {  
    background: rgba( 70, 84,108,1);
    padding: 0;
    margin: 0 0 0 -8px;
    border-top: 0px none;
    transition: 0.1s ease-in-out;
}
.dropdown-menu > li { padding-left: 0; display: block; width: 100%; }
.dropdown-menu > li > a {
    color: #e7e7e7;
    padding: 8px 20px;
    display: block;
}
.dropdown-menu>li>a:focus, 
.dropdown-menu>li>a:hover {
    color: #e7e7e7;
    background-color: rgba(234,142,8,.7);
}
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover {
    background-color: rgba(11,114,181,.7);
}

.navbar-toggle {
    cursor: pointer;
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 0;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius:4px
}

.navbar-toggle:focus {
    outline:0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius:1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top:4px
}

.navbar-toggle { margin-top: 12px; z-index: 1000; display: none; }
.navbar-toggle .icon-bar { background: #fff; }
.navbar-fixed-bottom .navbar-collapse, 
.navbar-fixed-top .navbar-collapse { max-height: inherit;}

@media screen and (max-width: 991px) {
    .navbar-collapse {
        display: none !important;
    }
    .navbar-collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, 
    .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
        position: relative;
    }
    header .userinfo { right: 65px; }
}

/*
@media (min-width: 768px) and (max-width: 991px) {
    
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}
*/


/* OVERLAYS */
.fixed-overlay {
    overflow: auto;
    display: none; 
    position: fixed; top: 0; right: 0; bottom: 0; left: 0; 
    z-index: 2000;
    background: #202d40;
    background: -moz-linear-gradient(top, #202d40 0%, #323f47 52%, #1b2c3d 98%);
    background: -webkit-linear-gradient(top, #202d40 0%,#323f47 52%,#1b2c3d 98%);
    background: linear-gradient(to bottom, #202d40 0%,#323f47 52%,#1b2c3d 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202d40', endColorstr='#1b2c3d',GradientType=0 );
}
.fixed-overlay button.overlay-close {
    z-index: 2010;
    position: absolute; top: 20px; right: 20px;
    background: #3e4a5e;
    padding: 5px 10px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    outline: 0 none;
}
.overlay-content {
    width: 90%;
    max-width: 350px;
    position: relative;
    margin: 0 auto; 
    background: transparent;
    padding: 70px 15px;
}
@media screen and (max-width: 767px) {
    .overlay-content { } 
}
/* OVERLAY MOBILE NAV */
.navbar-mobile { font-size: 1.25em;  }
.navbar-mobile li { padding:0; list-style: none; position: relative; }
.navbar-mobile li a{ display: block; text-align: center; font-weight: 300; }
/*erste Ebene*/
.navbar-mobile > li { 
    border: 1px solid rgb(70, 84,108); 
    border-radius: 15px;
    margin-bottom: 1em;
    overflow: hidden;
    width: 100%;
}
.navbar-mobile > li div a, .navbar-mobile > li a[title='Logout'] {
    color: #e7e7e7;
    padding: 15px 15px;
    margin: 0 52px;
}
.navbar-mobile > li.active > div, 
.navbar-mobile > li.has-sub:hover > div,
.navbar-mobile > li.mnav:hover > div {
    background: rgba( 70, 84,108,1);
}
.navbar-mobile button {
    position: absolute; top:11px; right: 11px;
    width: 35px; height: 35px;
    background: #3e4a5e;
    border: 1px solid rgb(70, 84,108); 
    border-radius: 50%;
}
/*zweite Ebene*/
.navbar-mobile li .sub-nav { 
    padding-left: 0; font-size: .95em; }
.navbar-mobile li .sub-nav {
    display: none;
}
.navbar-mobile li.active .sub-nav {
    display: block;
}
.navbar-mobile .sub-nav li a {
    padding: 10px 15px;
}
.navbar-mobile .sub-nav li.active a {
    color: #ea8e08;
}
@media screen and (max-width: 991px) {
    
}

/* Auto-Hiding Navbar */
.headroom {
    will-change: transform;
    -webkit-transition: transform 200ms linear;
       -moz-transition: transform 200ms linear;
         -o-transition: transform 200ms linear;
            transition: transform 200ms linear;
}
.headroom--pinned {
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
    
}
.headroom--unpinned {
    -webkit-transform: translateY(-110%);
       -moz-transform: translateY(-110%);
        -ms-transform: translateY(-110%);
         -o-transform: translateY(-110%);
            transform: translateY(-110%);
}

@media (max-width: 768px) {  
    .headroom--bottom {
        -webkit-transform: translateY(0%);
           -moz-transform: translateY(0%);
            -ms-transform: translateY(0%);
             -o-transform: translateY(0%);
                transform: translateY(0%);
    }
}

/*
hellblau:   #6fc9f4 / rgb(111,201,244)
dunkelblau: #0b72b5 / rgb( 11,114,181) 
orange:     #ea8e08 / rgb(234,142,  8)  

dunkelgrau: #58585a / rgb( 88, 88, 90)
hellgrau:   #b1b3b4 / rgb(177,179,180)  
*/

.club-holder { margin-top: 2rem; margin-bottom: 2rem; }
.club-holder .clubimage,
.club-holder .clubinfo { padding-top: 15px; padding-bottom: 15px; }
.club-holder .clubimage { border-radius: 12px 0 0 12px; }
.club-holder .clubinfo { border-radius: 0 12px 12px 0; }
.club-holder:hover .clubimage,
.club-holder:hover .clubinfo { 
    background: rgba(255,255,255,.05);
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}
.club-holder .clubimage img {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
            box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
}
.club-holder.club-inactive .clubimage img {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.club-inactive { opacity: 1;}
.club-inactive .clubimage { position: relative; }
.club-inactive .clubimage:after { 
    content: 'offline'; 
    position: absolute; 
    width: 120px; height: 34px; line-height: 34px; text-align: center;
    top:50%; left:50%;  
    margin-top: -17px; margin-left: -60px;
    background: #721c24; color: #fff; 
    border: 1px dashed red;
    opacity: 1;
}
.club-inactive .clubimage img { opacity: .5; }
.club-inactive .clubinfo h2 { opacity: .5 }

#clubnav-holder { z-index: 800; }
#clubnav-holder.fixed > .row > .col {
    z-index: 800;
    background: #202d40;
    background: -moz-linear-gradient(top, #202d40 0%, #323f47 52%, #1b2c3d 98%);
    background: -webkit-linear-gradient(top, #202d40 0%,#323f47 52%,#1b2c3d 98%);
    background: linear-gradient(to bottom, #202d40 0%,#323f47 52%,#1b2c3d 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202d40', endColorstr='#1b2c3d',GradientType=0 );
    background-attachment: fixed;
}
#clubnav-holder h2 { margin-top: 20px; }

#clubnavi { margin: 1rem 0; }
#clubnavi .main {position: relative;}
#clubnavi .main .clubimg {position: absolute; top: -48px; right: 0; width: 200px;}
#clubnavi .main  {border-bottom: 1px solid rgba(234,142,8,1);}

#clubnavi a { display: inline-block; margin-right: 1.5rem; line-height: 2rem; }
#clubnavi a.active { color: rgba(234,142,8,1); }

#clubnavi .main a { border-bottom: 3px solid transparent; }
#clubnavi .main a:focus,
#clubnavi .main a:hover,
#clubnavi .main a:active,
#clubnavi .main a.active { border-bottom-color: rgba(234,142,8,1); }

#clubnavi .main a.inactive:focus,
#clubnavi .main a.inactive:hover,
#clubnavi .main a.inactive:active { color: #6fc9f4;}
#clubnavi .sub {}

@media screen and (max-width: 991px) {
    #clubnavi .main .clubimg {top: -50px; right: 0; width: 100px; margin-bottom: 5px;}
}
@media screen and (max-width: 575px) {
    #clubnavi .main .clubimg {display: none;}
}

.clubfooter a { padding: 0 10px; border-right: 1px solid #e7e7e7; }
.clubfooter a:last-child { border-right: 0 none; }


/* Ergebniss-Tabellen */
.resultTable { margin-top: -1rem; }
.resultTable#anchor::before{
    display: block; 
    content: " "; 
    margin-top: -0px; 
    height: 0px; 
    visibility: hidden; 
    pointer-events: none;
}
.resultTable#anchor::before{
    margin-top: -200px; 
    height: 200px; 
}
@media screen and (max-width: 767px) {
    .resultTable#anchor::before {
        margin-top: -130px; 
        height: 130px; 
    }
}
.resultTable .responsive-table { margin-top: 1rem;  }

.tooltip-inner { background-color: #202d40; border: 1px solid #fff; }

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { border-left-color: #fff; }
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { border-right-color: #fff; }

.toggle-infobox .hideit {display: inline;}
.toggle-infobox .showit {display: none;}
.toggle-infobox.collapsed .hideit {display: none;}
.toggle-infobox.collapsed .showit {display: inline;}

.infobox > div {
    border: 1px solid rgba(240, 240, 240, 0.4);
    border-radius: 5px;
    padding: 5px 15px;
}
.infobox p:last-child { margin-bottom: 0; }

table.results {
    font-size: .9rem; line-height: 1.25; color: #e7e7e7; border-collapse: separate;
}
table.results th {
    font-size: .9em; font-weight: normal; color: #EA8E08; padding: .3rem .2rem; border-bottom: 1px solid #0b72b5; border-right: 5px solid transparent !important
}
table.with-teams th.fahrer-title {
    padding-left: 17px;
}
table.results td {
    padding: .3rem .2rem; border-bottom: 1px solid grey; border-right: 5px solid transparent !important;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
table.results .pos_diff {
    text-align: center; padding-left: 1px; padding-right: 1px;
}
.text-success { color: #31d131 !important; }
.text-error { color: #fe3333 !important; }

table.results .pos_up { color: #31d131  /*rgb(86, 175, 86)*/; }
table.results .pos_down { color: #fe3333 /*rgb(219, 31, 31)*/; }


table.results .dnf td.ziel { font-size: .8em; color: #b70000; font-style: italic; font-weight: 700;  }
table.results .dnf .fahrer { color: #a2a2a2; }
table.results td:last-child,
table.results th:last-child { border-right: 0 none; }
table.results tr:hover td {
    /*border-bottom-color: rgba(234,142,8,1); */
    background: rgba(255,255,255,.05);
}
table.results-intern tr:hover td .fahrer {
    color: #EA8E08; 
}
table.results .fahrer { display: block; font-weight: 700; 
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
table.results .wagen { display: block; font-weight: 300; font-size: 80%; color: #bbc7d2; 
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
table.results .pos { padding: 10px 0; }
table.results .anzR { font-size: .8em; }

table.results td.team { padding: 0; border-left: 0px; text-align: center;}
table.results td.team abbr { display: inline-block; width: 3px; cursor: help; }

table.results td.teaminfo { vertical-align: middle; }
table.results td.teamcolor img { width: 20px; height: 30px; }
table.results td.teaminfo span.name { font-weight: 700; line-height: 20px; }
table.results td.teaminfo em.teamfahrer { display: block; font-size: .85em; color: #bbc7d2; }


.race-info { line-height: 1.3; margin-top: 5px; color: #bbc7d2; font-weight: 300px; }
.race-info .ico { display: inline-block; margin-right: 8px; margin-left: 2px; color: #d070e8;}
.pktadd { display: inline-block; margin-left: 10px; font-size: .9em; color: #d070e8; cursor: help; }

#season .streich { font-size: .8em; line-height: 2; text-align: right; z-index: 200;}

/* ### RESPONSIVE TABLES ### */
.responsive_table table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.responsive_table table tr {
  padding: .35em;
}
.responsive_table table th {
  font-size: .85em;
  padding: 1px 5px;
  color: #e7e7e7; /*rgba(111,201,244,1);*/
  background: rgba( 70, 84,108,1);
  border-bottom: 1px solid rgba(234,142,8,.7);
}
.responsive_table table td {
  padding: 7px 5px;
  border-bottom: 1px solid rgba(234,142,8,.7);
}
.responsive_table table tr:nth-child(2n) td { 
    background: rgba( 70, 84,108,.3);
}
.responsive_table table td.c,
.responsive_table table th.c { text-align: center; }
.responsive_table table td a{
  display: block;
}
@media screen and (max-width: 600px) {
  .responsive_table table { border: 0; }
  .responsive_table table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .responsive_table table tr {
    display: block;
    margin-top: .625em;
  }
  .responsive_table  table td, 
  .responsive_table table td.c,
  .responsive_table table td.wert {
    display: block;
    padding: 7px 7px;
    font-size: .9em;
    text-align: right;
  }
  
  .responsive_table table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    font-size: .8em;
    text-transform: uppercase;
  }
  .responsive_table table td:first-child {
    border-top: 3px solid rgba(111,201,244,.5);
  }
  .responsive_table table td:last-child {
    _border-bottom: 0;
  }
}

table.setup tbody th, 
table.setup tbody tr.gtheader td {background: #599EC3; color: #222; }	
table.setup tbody tr.gtheader { border: 0; }
table.setup tbody tr.gtheader td { font-size: .85em; padding: 1px 5px; color: #222; font-weight: 700; }
table.setup tbody tr.gtheader th.wert { font-weight: normal; font-size:83.33%; }
table.setup tbody tr.gt6-suspension td {background: #079DFC; }
table.setup tbody tr.gt6-drivetrain td {background: #BEF073; }
table.setup tbody tr.gt6-power td {background: #FFFF73; }
table.setup tbody tr.gt6-carbody td {background: #FFD24D; }

@media screen and (max-width: 600px) {
    table.setup tr:nth-child(2n) td { background: inherit; }
    table.setup tr td.setting { text-align: center; font-weight: 700; background: rgba( 70, 84,108,.5); }
    table.setup tbody tr.gtheader { border: 0; } 
    table.setup tr { margin-top: 0; padding: 0;}  
    table.setup td:first-child { border-top: 0 none;}
    table.setup .noheader td:first-child { border-top: 3px solid rgba(111,201,244,.5);}
    table.setup td.no-xs { display: none; }
    
}
/* ### RESPONSIVE TABLES ### */




/* MAIN */
#main-wrap { 
    background-image: url('images/bg_squares50.png'), url('images/bg_squares50r.png');
    background-position: left top, right top;
    background-repeat: repeat-y;
    background-attachment: fixed; 
}
@media screen and (max-width: 600px) {
    #main-wrap { background-image: url('images/bg_squares50_mobile.png'), url('images/bg_squares50r_mobile.png');}
}
#main { min-height: 10px; padding: 25px 0 0; }
@media screen and (max-width: 600px) {
    #main { padding-top: 0; }
}
/*
blau:       #0b72b5 / rgb( 11,114,181)   
dunkelgrau: #58585a / rgb( 88, 88, 90)
hellgrau:   #b1b3b4 / rgb(177,179,180)  
*/

/* FOOTER */
#footer {
    margin-top: 60px;
} 
.footer-brand-txt { margin: 30px 0; }
.footer-brand img { max-width: 100%; height: auto; }
#footer .btn-u { background: #59197C; }
#footer .btn-u:hover, #footer .btn-u:focus, #footer .btn-u:active { background: #43afc5; }
#footer .headline { border-bottom: 1px dotted #000; }
#footer .headline h2 { color: #000; }
.copyright > .container { border-top: 1px solid #000; padding-top: 15px; padding-bottom: 15px; font-size: 90%; }
.club .copyright > .container { border-color: #EA8E08 }
.copyright p { margin-bottom: 0; }

#footer .userinfo { text-align: center; margin-bottom: .375rem; }

/*
.but_sm_holder { text-align: center; margin: -20px 0 1em; }
.but_sm { 
    display: inline-block;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #0b72b5;
    color: #fff;
    font-size: 1.5em;
    margin: 0 5px;
    transition: all .3s ease;
    border: 1px solid #0b72b5;
}
.but_sm:hover { color: #0b72b5; background: #fff; border-color: #0b72b5; }
.but_sm span { position: absolute; top:-32000px; left: -32000px; }
*/

/* SPECIAL ELEMENTS */
/*
.hero-image .container, 
.hero-image .container-fluid, 
.hero-image .row,
.hero-image .row > div,
.hero-image .img-holder {padding: 0; margin: 0; }
*/


/* Masterslider */
#s27 { margin-top: -25px; }
.ms-slide-layers p { font-size: 2em; font-weight: 400; color: rgba(240, 240, 240, 0.8) }
/*
.ms-view { background: #fff; }
.ms-title { text-align: center; font-size: 48px; font-weight: 700; color: #fff; line-height: 50px; }
.ms-copyright { color: #bbb; padding: 5px; }
@media(max-width: 500px) { 
    .ms-title { font-size: 80px; line-height: 80px; font-weight: 700; color: #fff; }
    .ms-copyright { font-size: 36px; padding: 15px; }
}
*/


/* light youtube player */
.youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}
.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}
.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}
.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}
.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
    cursor: pointer;
}




.container-fake {padding-left: 15px; padding-right: 15px;}
.no-cr { margin-left: -15px; margin-right: -15px; overflow: hidden; }


/* Back to Top */
a.back-to-top {
    display: none;
    position: absolute;
    top:-1px;
    right:8px;
    font-size: 1.5em; 
    line-height: 35px;
    width: 35px;
    text-align: center;
    color: #2a7cc0;
    background: #fff;
    opacity: .5;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
            box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
            border-radius: 4px 4px 4px 4px;
       -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 1px solid #ddd;
}
a.back-to-top:focus,
a.back-to-top:hover,
a.back-to-top:active { color: #000; opacity: 1; }




/* Formulare */
label.control-label, 
.form-group > label { color: #EA8E08; font-weight: 400; margin-right: 10px; margin-bottom: 0; font-size: .9em; }
.form-group.row > label { margin-right: 0; font-size: 1em; }
label > span { color: rgb(231, 231, 231); font-size: 80%; }
.help-block > span  { display: block; color: rgb(231, 231, 231); font-size: 80%;}
input:focus,
input:hover,
input:active,
textarea:focus,
textarea:hover,
textarea:active {
    -webkit-transition: background 0.3s ease-in-out, border 0.4s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.form-group { position: relative; }
.form-group.formdatestamp {
    display: -ms-flexbox; display: flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
}
input[name="anz_streich"],
input[name="anz_teamfahrer"] { max-width: 75px; }

.form-control { background: #202d40; color: #fff; }
.form-control:focus,
.form-control:hover,
.form-control:active { background: #ccc; color: #000; }
.form-control.filta-input { width: 206px; display: inline-block; height: inherit; padding: 2px .75rem; margin-right: .6rem; }

.form-control:disabled, .form-control[readonly] { background: inherit; opacity: .5; }


.form-submit{ margin-bottom: 1rem; }
.form-submit button { margin-bottom: 5px; min-width: 140px; }
.form-submit:not(.text-right):not(.text-left) { margin-left: -15px; }
.form-submit a.btn { margin:0 0 5px 15px; }

.pktlist .form-group { 
     margin-right: 9px;
    
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.pktlist .form-group:last-child{ margin-right: 0; }

.pktlist .form-group label.control-label { 
    margin: 0; text-align: center; display: block; font-size: .9em; 
}
.pktlist .form-group .form-control { 
    padding-left: 2px; padding-right: 2px; text-align: center; 

}


.team { border-left: 10px solid transparent }
.teaminfo { font-size: .9; line-height: 1.2;  }
.team-dirvers .has_team  span.name { opacity: .5 }
.team-dirvers .in_team span.name { text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);  }
#teamdriver .team-dirvers { margin-bottom: 1rem; }
#teamdriver .control-label { display: block; }

#yform-table-rex_brt_club_results-team_id label { display: none; }
/*
.formcheckbox > label {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox *//*
.formcheckbox > label input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider *//*
.formcheckbox > label .form-helper {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.formcheckbox > label .form-helper:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .formcheckbox > label .form-helper {
  background-color: #2196F3;
}

input:focus + .formcheckbox > label .form-helper {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .formcheckbox > label .form-helper:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  border-radius: 34px;
}
.formcheckbox > label .form-helper:before {
  border-radius: 50%;
}
*/


.bootstrap-select > select.club-select {
    height: auto !important; border: 0 none;
}
.bootstrap-select .dropdown-toggle {
    background: #202d40; 
    color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: 5px 10px;
    margin-top: 2px;
}
.bootstrap-select .dropdown-menu {
    padding: 0;
    background: #202d40; 
    color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
#bootstrap-select .dropdown-menu li:first-child a{
    padding-top: 3px; padding-bottom: 3px; font-size: .9em;
}
.bootstrap-select.club-select .dropdown-menu li.disabled a { line-height: 1px; }
.club-select.form-control { background: transparent; }

.alert { padding: .375rem .75rem; margin-bottom: 1rem; }
.alert-danger { border: 1px dashed red; background: #721c24; color: #fff; }
.alert-success { border: 1px dashed green; background: #17661c; color: #fff; }
.rex-yform .alert > ul { margin-bottom: 0; }
.has-error input, .has-error select {border: 1px dashed red; }

.ac-select.bootstrap-select .dropdown-menu { background: #202d40; padding: 0; }
.ac-select.bootstrap-select .dropdown-menu > li > a { padding: 2px 15px; outline: 0 none; }
.ac-select .bootstrap-select .dropdown-menu.inner {
    
}

.rex-yform .race-track p { margin-top: -1rem; margin-bottom: 0; }

div.event-info,
div.race-info {
    font-size: .9em; margin-top: -15px; padding-left: 22px; padding-right: 22px;
}
div.event-info p,
div.race-info p {
    margin-bottom: .1rem;
}
div.event-info p:last-child,
div.race-info p:last-child {
    margin-bottom: 1rem;
}

div.race-name { font-size: 1rem; font-weight: 400; padding-left: 22px; padding-right: 22px; }


.icon-link { display: inline-block; font-size: 1.1em; line-height: 36px; padding: 2px 0px 2px 5px; margin-right: 5px;  }
.icon-link:first-child{padding-left: 0;}
.icon-link:last-child{margin-right: 0;} 
.icon-link, .icon-link > i { 
    border: 0 none; 
    background: transparent; 
    color:#fff; 
    cursor: pointer; 
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.icon-link:focus, .icon-link:focus > i,
.icon-link:hover, .icon-link:hover > i,
.icon-link:active, .icon-link:active > i { color: #EA8E08;}
.icon-link.link-delete:focus, .icon-link.link-delete:focus > i,
.icon-link.link-delete:hover, .icon-link.link-delete:hover > i,
.icon-link.link-delete:active, .icon-lin.link-deletek:active > i { color: #f00;}

h5 span.icon-links { margin-left: 1em; float: right; }
h5 span.icon-links .icon-link { font-size: .9em; line-height: inherit; }

/* autocomplete */
.autocomplete-suggestions { border: 1px solid #ced4da; border-top-color: #202d40; background: #202d40; overflow: scroll; max-height: 180px !important; margin-top: 1px; }

.autocomplete-suggestion { padding: 2px .75rem; white-space: nowrap; overflow: hidden; font-size: .9em; line-height: 1.5em; cursor: pointer; }
.autocomplete-selected { background: rgba( 70, 84,108,.5);}
/*
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
*/



/* 
    ##############################################
    ##############################################
/* MODULE */
.mfp-title span.copyright { display: block; font-size: 85%; opacity: .8; }

.img-circle { 
    border: 2px solid transparent; 
    -webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
            transition: all 0.5s;
}
.img-circle:hover { border-color: #0A3278; }

.img-zoom { position: relative; overflow: hidden; }
.img-zoom img { 
       -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
}
.img-zoom:hover img {
       -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}

/*Text/Bild*/
.img-holder { margin: 6px 0 10px ; }
.img-holder .img-circle { 
    border: 2px solid #6fc9f4;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
            box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
}
.img-left { float: left; margin-right: 1em; }
.img-right { float: right; margin-left: 1em; }
.img-center img { margin: 0 auto; }
.img-caption { display: block; font-size: 90%; background: rgba(0,0,0,.1); padding: 1px 5px; line-height: 1.5em; }
.img-copyright { display: block; font-size: 11px; padding: 0; line-height: 13px; }
@media(max-width: 768px) {
    .img-holder { margin-top: 0; }
    .img-left, .img-right { float: none; margin-left: 0; margin-right: 0; }
}


/* Bilder als Navi (ehemals 3 bilder oben) */
.img-nav > div > div { padding-top: 25px; }
.img-links img { 
    width: 100%;
    max-width: 262px;
    height: auto;
    display: block; 
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
            box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);         
}
.img-links:hover img { opacity: .8; }
.img-links a h4 { 
    color: #6fc9f4; 
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.img-links:hover a h4 { color: #ea8e08; }

/* pagination */
.rex-nav-pagination { text-align: center; margin-bottom: 20px; }
.rex-nav-pagination .pagination { margin-bottom: 5px; }

/* rss-feed */
.feed-item { padding: 5px; margin-bottom: 20px; }  
.feed-item .feed-date { font-size: 80%; margin-bottom: 0px; color: #aaa; }
.feed-item h4 { margin-top: 0; line-height: 1.3em; }
.feed-item a.btn { display: table; margin-top: 5px; }

/* Suchergebnisse */
.search_it-title a { display: block; }
.search_it-url { display: block; color: gray; font-weight: 300; font-size: 85%; margin-top: -2px; line-height: 1.3em; }
.hit { background: rgba(255,237,0,.2); }
.search_it-teaser .hit { font-weight: 400; }


/* FAQs */
.faq { margin-bottom: 40px; }
.faq-default dt i.fa { color: #0b72b5; }


/* PANELS */
.panel:hover { background: rgba( 11,114,181,.05);  }
.panel-primary { border-color: rgb( 11,114,181); }
.panel-primary > .panel-heading { background-color: rgb( 11,114,181); border-color: rgb( 11,114,181); font-size: 120%; font-weight: 400; }
.panel-footer { padding: 5px 15px 7px; }
.panel-primary > .panel-footer { background-color: rgba(177,179,180,.3); }


.brt-icon {
    border: 1px solid #aaa;
    border-radius: 50%;
    padding: 5px;
    margin: 0 3px; 
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;
}
.brt-icon.brt-icon-small {
    font-size: 85%; padding: 3px;
}
a:focus .brt-icon,
a:hover .brt-icon, 
a:active .brt-icon { 
    background: rgba(234,142,  8,.7); 
    border: 1px solid #ea8e08; 
    color: #e7e7e7; 
}

/* Listen */
.brt-list { list-style: none; padding-left: 0; }
.brt-list li { list-style-image: none; overflow: hidden; border: 1px solid transparent; }
.brt-list li:hover { background: rgba(0,0,0, .1); border-top-color: #6fc9f4; border-bottom-color: #6fc9f4; }
.brt-list li:after{ content: ''; clear: both; }
.brt-list li a { display: inline-block; padding: 5px 0; color: #e7e7e7; }
.brt-list li a:focus,
.brt-list li a:hover,
.brt-list li a:active { color: #ea8e08; }
.brt-list .list-right { float: right; }
@media (max-width: 767px) { 
    .brt-list .list-right { float: none; display: block; margin: -5px 0 5px; }    
}

.car-list h3 { color: #6fc9f4;}
.car-list .instafilta-section { margin-bottom: 20px; border-top: 1px solid #aaa; }

/* Fahrzeugdaten */
.brt-dl { overflow: hidden; margin: 0; }
.brt-dl dt, 
.brt-dl dd { margin: 0; line-height: 1.6em; }
.brt-dl dt {clear: both; float: left; margin-right: .8em; min-width: 140px; color: #EA8E08; font-weight: normal; }
.brt-dl dd { color: #fff; }
.brt-dl dd:after { content: ''; display: table; clear: both; }

.brt-dl dd.has-bar { vertical-align: middle; }

.bar-info { display: inline-block; width: 40px; }
.bar-holder { display: inline-block; height: 10px; width: 145px; overflow: hidden;  border: 1px dotted #6fc9f4; vertical-align: middle; margin-top: -3px; }
.bar-value { display: inline-block; height: 1em; background: #6fc9f4; vertical-align: top; }


.cardata .brt-dl { border-top: 1px dotted #496ab2; margin-bottom: .5em; padding-top: .2em;}
.cardata p {margin-bottom: .3em}
.cardata hr {margin: .5em 0;}
/*.cardata span {font-size: 83.33%; color: #aaa;}*/
#carImg {padding: .5em 0 0 10px;}
.carimage-info {text-align: right;}
.carimage-info span {color: #aaa; font-size: 83.33%;}
span#favEdit {display: block; float: right; text-align: right;}

#allImages {text-align: center;}
#allImages .img-holder {float: left; margin: 0 12px 15px; }
#allImages .img-holder img {border: 1px solid #6fc9f4; margin-bottom: 3px;}
#allImages .img-holder i {font-style: normal; font-size: 83.33%; color: #aaa;}

/* Tuning-Teile */
.tune_chassi { background: #35435d;}
.tune_aero { background: #927733;}
.tune_motor { background: #3b413d;}
.tune_einlass { background: #544e42;}
.tune_auspuff { background: #414045;}
.tune_turbo { background: #212a39;}
.tune_gear { background: #262626;}
.tune_antrieb { background: #352c41;}
.tune_susp { background: #534b36;}
.tune_tyre { background: #366225;}
.noTune {color: red; text-decoration: line-through;}
.tuneInfo {padding: 5px 0 0 15px;}

/* - Setups - */
span.siTitle { color:#aaa; font-style:italic; font-size:83.33%;}
span.strecke, span.lp { color:#6fc9f4; font-weight:bold;}

span.einbauteile {font-size:83.33%; line-height:1.2em;}
@media (max-width: 768px) { 
    .setup-header h3, 
    .setup-header h5 { text-align: center; }
    .setup-header span.strecke { 
        font-weight: normal;
        font-size: 115%;
        color: #fff;
        margin: -5px 0 10px; 
    }
}

div.setup_error {margin: 0 1em; border: 1px solid #ce0126; padding: 10px;}
div.setup_error li {color: #aaa;}
.enter-Setup th.err, 
.enter-Setup td.err {background: #460B08;}

div.enter-Setup {padding-top: 0px;}
.enter-Setup fieldset {margin: 0; padding: 0;}
.enter-Setup fieldset.setupTitel { border-bottom: 0; border-right: 0; border-left: 0; padding: 0; margin-top: 1.5em;}
.enter-Setup fieldset.setupTitel legend { border: 0; margin-left: 10px;}

.enter-Setup fieldset.setup {border: 0; margin: 0;}
.enter-Setup fieldset.setup legend {display: none;}
.enterSetup {margin-top: .8em; width: 100%;}
.enterSetup th {
	background: #1D1D1D;
	border-top: 1px solid #1D1D1D;
	border-left: 1px solid #1D1D1D;
	border-right: 1px solid #1D1D1D;

	font-weight: normal;
	color: #EA8E08;
	font-size: 83.33%;
	padding-top: 0;
}
.enterSetup th b {letter-spacing: .1em; font-size: 120%;}
.enterSetup td {padding: .5em .4em; }
.enter-Setup .formsubmit {text-align: right;}
.enter-Setup .formsubmit input {width: 160px; margin-right: 1.3em;}

.enter-Setup input[type=text],
.enter-Setup input[type=number] {font-weight: bold;}

.enterSetup .formselect select {width:100%;}
.enterSetup .formtextarea textarea {width:99%; height: 60px;}
.enterSetup input.setVH {text-align: center; display: inline; width: 44px; margin: 0;}
.enterSetup input.setVHnum {text-align: center; display: inline; width: 60px; margin: 0;}
.enterSetup input.setG {text-align: center; display: inline; width: 60px; margin: 0;}

p.setup-info {margin: -1em 0 0; text-align: right; font-size: 83.33%; color:#aaa;}

#setup_msg { border: 2px dotted #2B670D;  padding: 3px 4px; margin-bottom: 1em; }
#setup_msg h4 { margin-bottom: 0.1em; }
#setup_msg p { margin-bottom: 0; }



*[data-linkto] { cursor: pointer; }
*[data-linkto]:hover a:not[.btn] { color:#ea8e08; }
span[class^='edit_'] > i, button[class^='edit_'] > i,
span[class^='del_'] > i, button[class^='del_'] > i,
i[class^='del_'] {
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
button[class^='edit_']:hover > i, span[class^='edit_']:hover > i { color: #ea8e08; }
button[class^='del_']:hover > i, span[class^='del_']:hover > i, i[class^='del_']:hover { color: #ea8e08; }
button[class^='del_']:hover > span { text-decoration: line-through; }

.erg-info > span { display: inline-block; width: 110px; font-size: .9em; }

.wertungsliste,
.contentliste {
    margin-top: -1px;
    border-top: 1px solid #6fc9f4;
    border-bottom: 1px solid #6fc9f4;
    padding-top: 10px;
    padding-bottom: 10px; 
    padding: 10px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
    cursor: pointer;
    z-index: -1;
}
.wertungsliste.hidden-list,
.contentliste.hidden-list { opacity: .6 }

.wertungsliste:hover,
.contentliste:hover { 
    /*border-top-color: #ea8e08; z-index: 20;*/
    background: rgba(255,255,255,.05);
    opacity: 1;
}

.wertungsliste:hover h5,
.contentliste:hover h5 {
    color:#ea8e08;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.minicolors-theme-bootstrap .minicolors-swatch { top: 7px; left: 8px; }

div.upcoming small { font-weight: 400; display: block; margin-bottom: 8px; }
div.upcoming-info { text-align: center; font-size: .85em; margin-bottom: 0.5em; margin-top: 1.5em; font-weight: 400; }
div.upcoming .info { line-height: 1.2; }
div.upcoming .info p { margin-bottom: 0; }
p.upcoming-info { text-align: center; margin-bottom: .5rem; font-size: .9rem; color: #bbc7d2;  }
ul.upcoming { margin: 0 auto 1em; padding: 0; list-style: none; width: 66.6666666667% }
ul.upcoming li { padding: .25em .5em; margin: .5em 0; text-align: center; border: 1px solid gray; border-radius: 6px; }
ul.upcoming li em p { font-size: .85em;}
ul.upcoming li p:last-child { margin-bottom: 0; }


.clubinfos h2, .clubinfos h3, .clubinfos h4, .clubinfos h5, .clubinfos h6 {
    margin-top: 1.5em;
}
.clubinfos h2:first-child, .clubinfos h3:first-child, .clubinfos h4:first-child, .clubinfos h5:first-child, .clubinfos h6:first-child {
    margin-top: 0;
}


time.icon
{
  font-size: 1em; /* change icon size */
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  background-color: rgb(231, 231, 231);
  margin: 10px 1rem 10px 0;
  border-radius: 9px;
  _box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0;
  color: #fff;
  background-color: rgba(234,142,8,1);
  height: 25px;
}

time.icon em
{
  position: absolute;
  bottom: 0;
  color: #fd9f1b;
  height: 25px;
}

time.icon span
{
  width: 100%;
  font-size: 34px;
  letter-spacing: -0.05em;
  padding-top: 30px;
  color: #2f2f2f;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}
/*
@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}
*/

.nav-tabs .nav-item { padding: 0; }

.nav-tabs { margin-bottom: .5rem; } 
.nav-tabs .nav-link { padding: .2rem 1rem  }
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
    color: #fff;
    background: #202d40;
    border-bottom: 1px solid #202d40;
}
.nav-tabs.nav-brt .fa-fw { font-size: 1.15em; line-height: 1.5; }
.tab-content .resultTable { margin-top: 0; margin-bottom: 1rem; }
/*
blau  #6fc9f4
orange rgba(234,142,8,1)
*/
.season-event {}
.event-header { padding: .5em; }
.event-header p { font-size: 1em; line-height: 1.25em; cursor: pointer; padding-left: .5em; }
.event-header p .datum { font-size: .85em; margin-top: -2px; font-weight: 400; color: #6fc9f4; }
.event-header p i:not(:first-child) { font-size: .9em; margin-left: .5em; color: rgba(234,142,8,1)}

#season-event .event-header p span:not(.datum) { color: #c7c7c7 }
#season-event.hasResults .event-header p span:not(.datum) { color: #fff; }
.event-header p:hover span { color: rgba(234,142,8,1) !important; }
.event-header em.kurzinfo,
.event-info em.kurzinfo { display:block; margin-bottom: 1px; font-size: .85rem; color: #bbc7d2; }

.event-data { padding: 0 .5em .5em 1em; }
.event-data .info { font-size: 100%}
.event-data >.info p { margin-bottom: .5em; font-weight: 400;}

.event-data .races { margin-bottom: .5em;}
.event-data .races li { line-height: 1.2; margin-bottom: .5em; }
.event-data .races > li::marker { font-weight: 700; color: rgba(234,142,8,1) }
.event-data .races.fa-ul { margin-left: 3em; }
.event-data .races.fa-ul > li .fa-li { /*color: rgba(234,142,8,1); font-size: 90%;*/ left: -1.8em;}
.event-data .races .info { display: block; color: #bbc7d2; margin-left: 0; line-height: 1.2 }
.event-data .races .info p { font-size: 90%; margin-bottom: .5em;}
.event-data .races.fa-ul a { display: block; }

.event-data .results { font-size: 85%; margin-left: 1.5em; margin-top: .5em; }
.event-data .results .p1 i { color: #d4af37 }
.event-data .results .p2 i { color: #c0c0c0 }
.event-data .results .p3 i { color: #bf8970 }

.entries-list { margin: 0 15px 1rem;}
.entries-list li { line-height: 1.2; padding: 4px 0; border-bottom: 1px solid grey; border-top: 1px solid grey; margin-top: -1px;}
.entries-list li:hover { background: rgba(231,231,231,.1); }
.entries-list li .col { padding-left: 10px; padding-right: 10px; }

.car-list, 
.track-list,
.combo-car-list, 
.combo-track-list { padding: 0; }
.car-list li span.info,
.track-list li span.info,
.combo-car-list li span.info,
.combo-track-list li span.info { display: block;  margin-left: 0; color: #bbc7d2;}
/* Frontend */
.combo-carlist li,
.combo-tracklist li { padding-bottom: 5px; }
.combo-carlist span.info,
.combo-tracklist span.info { display: block; margin-left: 0; margin-top: -5px; color: #bbc7d2; }

.combo-car-list .icon-link:hover > i,
.combo-car-list .icon-link i.fa-lock-alt,
.combo-car-list .icon-link i.fa-garage { color: #fe3333; }
.combo-car-list .icon-link:hover i.fa-lock-alt,
.combo-car-list .icon-link:hover i.fa-garage { color: #31d131; }

.combo-track-list .icon-link:hover > i,
.combo-track-list .icon-link i.fa-lock-alt,
.combo-track-list .icon-link i.fas.fa-road { color: #fe3333; }
.combo-track-list .icon-link:hover i.fa-lock-alt,
.combo-track-list .icon-link:hover i.fas.fa-road { color: #31d131; } /*#31d131*/ /*#00ca00*/


.combo-inactive > .combo-car,
.combo-inactive > .combo-track { opacity: .4; text-decoration: line-through; }
.combo-inactive:focus,
.combo-inactive:hover,
.combo-inactive:active { opacity: 1; }
.combo-driven { opacity: .5; }
.combo-driven:focus,
.combo-driven:hover,
.combo-driven:active { opacity: 1; }

/*
.actions { text-align: right; padding-right: 10px; padding-left: 0; }
span.btn-li, 
a.btn-li { 
    display: inline-block; 
    padding: .3rem .75rem; cursor: pointer; 
}
.btn-li,
.btn-li i {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.car-list .btn-li,
.track-list .btn-li { font-size: 1.25em; } 
.btn-li:hover,
.btn-li:focus,
.btn-li:active,
.btn-li:hover i,
.btn-li:focus i,
.btn-li:active i { color: #EA8E08; }
*/
.actions { text-align: right; padding-left: 0; padding-right: 10px; }
.actions .icon-link { padding: 2px 5px; }
.actions .icon-link:last-child{ padding-right: 0; }

span.combo-driven { opacity: 1; }
span.combo-driven .btn-driven:focus,
span.combo-driven .btn-driven:hover,
span.combo-driven .btn-driven:active { opacity: 1; }
span.btn-driven.combo-inactive { opacity: 0; cursor: inherit; }

.button-row .btn { margin-bottom: .5rem; margin-left: .5rem; }

@media (max-width: 767px) {
    /*span.btn-li { padding: .5rem 1rem; }*/
}

.combogen span.label { font-size: .8rem; width: 70px; color: rgba(234,142,8,1); font-weight: 400; display: inline-block;  }
.combogen span.info { display: block; margin-top: -7px; margin-left: 75px; color: #bbc7d2; }
.combogen em { font-size: 1.2rem; font-style: normal; font-weight: 400; }
p.combogen { margin-bottom: 1.2rem; }
h3 + p.combogen,
#comboGenInfo p { margin-bottom: .1rem; }
#comboGenInfo { margin-bottom: 1rem; }

#combogen .dropdown-wrapper { display: inline-block; }

#generateCombo2 { vertical-align: top; }

#removeCombo, 
#ComboRemove, 
.text-link { 
    cursor: pointer; 
    color: #6fc9f4; 
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
#removeCombo { 
    display: none; 
}
#removeCombo:hover, 
.text-link:hover { color: rgba(234,142,8,1) }
#removeCombo i { color: #fff; }

#removeAndEnterCombo { padding-top: .4rem; padding-bottom: 1rem; }
#removeAndEnterCombo p { margin-bottom: .75rem; }
#removeAndEnterCombo p .enterCombo { 
    cursor: pointer; 
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
#removeAndEnterCombo p .enterCombo:focus,
#removeAndEnterCombo p .enterCombo:hover,
#removeAndEnterCombo p .enterCombo:active { color: #6fc9f4 }
#removeAndEnterCombo p .enterCombo i { color: #6fc9f4; cursor: auto; }

@media (max-width: 767px) {
    #combogen #removeAndEnterCombo { display: block; margin: 1rem 0; padding: 0 !important; }
}

.del_all { font-size: .75rem; font-weight: 400; cursor: pointer;}
.del_all:focus,
.del_all:hover,
.del_all:active { color: #f00; }

@import url(print.css);