@font-face { font-family:"Bangers"; font-weight:400; font-display:swap; src:url('../fonts/Bangers.woff2') format('woff2'), url('../fonts/Bangers.woff') format('woff'); }
@font-face { font-family:"Bootstrap Icons"; font-display:swap; src:url('../fonts/bootstrap-icons.woff2') format('woff2'), url('../fonts/bootstrap-icons.woff') format('woff'), url('../fonts/bootstrap-icons.ttf') format('truetype'); }
@font-face {font-display: swap;font-family: "Quicksand";font-weight: 400;src: url('../fonts/web/Quicksand.woff2') format('woff2'), url('../fonts/web/Quicksand.woff') format('woff');}
@font-face {font-display: swap;font-family: "Marck Script";font-weight: 400;src: url('../fonts/web/Marck-Script.woff2') format('woff2'), url('../fonts/web/Marck-Script.woff') format('woff');}
@font-face {font-display: swap;font-family: "Baloo Da 2";font-weight: 400;src: url('../fonts/web/Baloo-Da-2.woff2') format('woff2'), url('../fonts/web/Baloo-Da-2.woff') format('woff');}
@font-face {font-display: swap;font-family: "Baloo Da 2";font-weight: 700;src: url('../fonts/web/Baloo-Da-2-Bold.woff2') format('woff2'), url('../fonts/web/Baloo-Da-2-Bold.woff') format('woff');}
@font-face {font-display: swap;font-family: "Yellowtail";font-weight: 400;src: url('../fonts/web/Yellowtail.woff2') format('woff2'), url('../fonts/web/Yellowtail.woff') format('woff');}
@font-face {font-display: swap;font-family: "Caveat Brush";font-weight: 400;src: url('../fonts/web/Caveat-Brush.woff2') format('woff2'), url('../fonts/web/Caveat-Brush.woff') format('woff');}
@font-face {font-display: swap;font-family: "News Cycle";font-weight: 400;src: url('../fonts/web/News-Cycle.woff2') format('woff2'), url('../fonts/web/News-Cycle.woff') format('woff');}
@font-face {font-display: swap;font-family: "Raleway";font-weight: 400;src: url('../fonts/web/Raleway.woff2') format('woff2'), url('../fonts/web/Raleway.woff') format('woff');}
@font-face {font-display: swap;font-family: "Schoolbell";font-weight: 400;src: url('../fonts/web/Schoolbell.woff2') format('woff2'), url('../fonts/web/Schoolbell.woff') format('woff');}
@font-face {font-display: swap;font-family: "Sedgwick Ave";font-weight: 400;src: url('../fonts/web/Sedgwick-Ave.woff2') format('woff2'), url('../fonts/web/Sedgwick-Ave.woff') format('woff');}
@font-face {font-display: swap;font-family: "Open Sans";font-weight: 400;src: url('../fonts/web/Open-Sans.woff2') format('woff2'), url('../fonts/web/Open-Sans.woff') format('woff');}
@font-face { font-family:"Open Sans"; font-weight:300; font-display:swap; src:url('../fonts/Open-Sans-Light.woff2') format('woff2'), url('../fonts/Open-Sans-Light.woff') format('woff'); }
@font-face { font-family:"Open Sans"; font-weight:400; font-display:swap; src:url('../fonts/Open-Sans.woff2') format('woff2'), url('../fonts/Open-Sans.woff') format('woff'); }
@font-face { font-family:"Open Sans"; font-weight:400; font-weight:800; font-display:swap; src:url('../fonts/Open-Sans-ExtraBold.woff2') format('woff2'), url('../fonts/Open-Sans-ExtraBold.woff') format('woff'); }
@font-face { font-family:"Space Grotesk"; font-weight:400; font-display:swap; font-weight:300 700; unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; src:url('../fonts/Space-Grotesk.woff2') format('woff2'); }
@font-face {font-family: "Knewave";src: url('../fonts/Knewave-Regular.ttf') format('truetype');}
@font-face {font-family: "Allan";src: url('../fonts/Allan-Bold.ttf') format('truetype');}

/* Kennzeichen */ 
@font-face {font-family: "EuroPlate";src: url('../fonts/EuroPlate.ttf') format('truetype');}
@font-face {font-family: "USAPlate";src:url('../fonts/LICENSE_PLATE_USA.ttf') format('truetype');}

@font-face {font-family: "Pangolin";src: url('../fonts/web/Pangolin-Regular.ttf') format('truetype');}
@font-face {font-family: "Parisienne";src: url('../fonts/web/Parisienne-Regular.ttf') format('truetype');}
@font-face {font-family: "PatrickHand";src: url('../fonts/web/PatrickHand-Regular.ttf') format('truetype');}
@font-face {font-family: "Pangolin";src: url('../fonts/web/Pangolin-Regular.ttf') format('truetype');}
@font-face {font-family: "IndieFlower";src: url('../fonts/web/IndieFlower-Regular.ttf') format('truetype');}
@font-face {font-family: "HomemadeApple";src: url('../fonts/web/HomemadeApple-Regular.ttf') format('truetype');}

@-webkit-keyframes transform-scale-in {0% { opacity:0; -webkit-transform:rotate(0deg) scale(0,0); }100% { opacity:1; -webkit-transform:rotate(0deg) scale(1.0,1.0); }}
@-moz-keyframes transform-scale-in {0% { opacity:0; -moz-transform:rotate(0deg) scale(0,0); }100% { opacity:1; -moz-transform:rotate(0deg) scale(1.0,1.0); }}
@keyframes transform-scale-in {0% { opacity:0; transform:rotate(0deg) scale(0,0); }100% { opacity:1; transform:rotate(0deg) scale(1.0,1.0); }}
@keyframes slide-right-in {0% { transform:translate(100%,0px) rotate(1deg); opacity:0; transform-origin:0 0; }100% { opacity:1; transform:translate(0px,0px) rotate(0deg); transform-origin:0 0; }}
@keyframes slide-up-in {0% { transform:translate(0px,100%) rotate(1deg); opacity:0; transform-origin:0 0; }100% { opacity:1; transform:translate(0px,0px) rotate(0deg); transform-origin:0 0; }}
@keyframes animate-fade-in { 0% { opacity:0; } 100% { opacity:1; }}


:root{
    --userbackgroundcolor : #06728d;
    --userhoverfontcolor: rgb(158, 158, 158);
    --navbgcolor: rgba(101,3,3,1);
    --navbghovercolor: rgba(0, 0, 0, 0.8);
    --navfontcolor: rgb(0, 0, 0);
    --navfonthovercolor: rgb(255, 255, 255);
    --mainfont: "Quicksand";
    --headerfont: "Marck Script";
    --webdarkcolor: rgba(26,26,26);
    --webfontcolor: #DCDCDC;
    --webwhitecolor: #DCDCDC;
    --weblinkcolor: rgb(214, 214, 3);
    --weblinkfontcolor: #181717;
    --wizzardbar: 0;
}
a:visited{color:var(--weblinkcolor); cursor: pointer; font-family: var(--mainfont);}
a{color:var(--webwhitecolor); cursor:pointer; font-family: var(--mainfont);}
* { scrollbar-color:var(--navbgcolor) var(--navbghovercolor); }body { color:#000000; font-family:var(--mainfont); font-weight:normal; font-size:17px; line-height:1.1; margin:0; padding:0; }
body { background-position: center;background-repeat: no-repeat;background-size: cover; height:100%; left:0;  right:0; top:0; z-index:-1; }
#wb_header { clear:both; position:fixed; left:0; top:0; z-index:7777; table-layout:fixed; display:table; text-align:center; width:100%; height:5vh; background-color:var(--navbgcolor); background-image:none; border:0px solid #CCCCCC; border-radius:0px; box-sizing:border-box; margin:0; box-shadow:0px 0px 15px #1A1A1A; }
#header { box-sizing:border-box; height:5vh; display:flex; flex-direction:row; flex-wrap:wrap; padding:5px 0 5px 0; margin-right:auto; margin-left:auto; }
#header > .col-1,#header > .col-2,#header > .col-3 { box-sizing:border-box; font-size:0; min-height:1px; padding-right:15px; padding-left:15px; position:relative; }
#header > .col-1,#header > .col-2,#header > .col-3 { flex:0 0 auto; }
#header > .col-1 { background-color:transparent; background-image:none; border:0px solid var(--navfontcolor); border-radius:0px; flex-basis:25%; max-width:25%; display:flex; flex-wrap:wrap; align-content:center; align-self:stretch; align-items:center; justify-content:flex-start; text-align:left; }
#header > .col-2 { background-color:transparent; background-image:none; border:0px solid var(--navfontcolor); border-radius:0px; flex-basis:50%; max-width:50%; display:flex; flex-wrap:wrap; align-content:center; align-self:stretch; align-items:center; justify-content:center; text-align:center; }
#header > .col-2 > .col-2-padding { box-sizing:border-box; width:100%; padding:5px 0 5px 0; }
#header > .col-3 { background-color:transparent; background-image:none; border:0px solid var(--navfontcolor); border-radius:0px; flex-basis:25%; max-width:25%; display:flex; flex-wrap:wrap; align-content:center; align-self:stretch; align-items:center; justify-content:flex-end; text-align:right; }
@media (max-width: 320px) {
#header > .col-1,#header > .col-2,#header > .col-3 { flex-basis:100%  !important; max-width:100%  !important; }
}
#statstip {position: relative;margin:0px; cursor:help; width:calc(100%-10px); border-radius:5px; padding:0px; vertical-align: middle;}
#statstip img{position:relative; top:5px; width:25px; height:25px; border-radius:150px; margin-right:5px;}
#statstip .name{position:relative; top:-5px; vertical-align: middle; }
#statstip .tooltip {visibility: hidden;width: 310px;background-color: rgba(26,26,26,0.9);color: #DCDCDC;text-align: left;vertical-align:middle;border-radius: 5px;padding: 10px;position: absolute; bottom: 125%;left: 50%;margin-left: -60px;opacity: 0;transition: opacity 0.3s;}
#statstip .tooltip img{position:relative;float:left; top:5px; width:50px; height:50px; border-radius:150px; margin-right:5px;}
#statstip .tooltip::after {content: "";position: absolute;top: 100%;left: 20%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;}
#statstip:hover .tooltip {visibility: visible;opacity: 1;}
.drivercardhome{float:left; width: calc(45% - 15px); margin:4px; height: auto; background-color: rgba(26,26,26,0.9);color: #DCDCDC;text-align: left;vertical-align:middle;border-radius: 5px;padding: 10px; font-size: 17px;}
.drivercardhome img{position:relative;float:left; top:5px; width:50px; height:50px; border-radius:150px; margin-right:5px;}

.drivercard{float:left; width: 100%; margin:4px; height: auto; background-color: rgba(26,26,26,0.9);color: #DCDCDC;text-align: left;vertical-align:middle;border-radius: 5px;padding: 10px; font-size: 17px;}
.drivercard img{position:relative;float:left; top:5px; width:50px; height:50px; border-radius:150px; margin-right:5px;}
.drivercardlink{float:left; width: calc(45% - 15px); margin:4px; height: auto; background-color: rgba(26,26,26,0.9);color: #DCDCDC;text-align: left;vertical-align:middle;border-radius: 5px;padding: 10px; font-size: 17px;}
.drivercardlink img{position:relative;float:left; top:5px; width:50px; height:50px; border-radius:150px; margin-right:5px;}
.drivercardlink:hover{opacity:95%; -webkit-box-shadow:inset 0px 0px 0px 2px var(--userbackgroundcolor);-moz-box-shadow:inset 0px 0px 0px 2px var(--userbackgroundcolor);box-shadow:inset 0px 0px 0px 2px var(--userbackgroundcolor);}
.pdfcard{cursor:pointer;width: calc(45% - 10px); height: auto; background-color: rgba(26,26,26,0.4);color: #DCDCDC;text-align: left;vertical-align:middle;border-radius: 5px;padding: 10px; font-size: 17px; float:left;margin:5px;}
.pdfcard span{position: relative; top:-5px; font-size: 18px; font-family: var(--mainfont);}
.pdfcard img{position:relative;float:left; top:5px; width:50px; height:50px; margin-right:5px; opacity: 50%;}
.pdfcard:hover{background-color:rgba(26,26,26,0.8); -webkit-box-shadow:inset 0px 0px 0px 2px var(--userbackgroundcolor);-moz-box-shadow:inset 0px 0px 0px 2px var(--userbackgroundcolor);box-shadow:inset 0px 0px 0px 2px var(--userbackgroundcolor);}
.empty{cursor:help;background-color:rgba(0,255,0,0.2);width:80%; height:auto; border-radius:5px;font-size:17px; color:#DCDCDC; padding:20px;margin:10px;}
.alert{cursor:help;background-color:rgba(250, 204, 0, 0.2);width:calc(100% - 50px);  height:auto; border-radius:5px;font-size:17px; color:#c7c7c7; padding:20px;margin-left: 10px; margin-top: 10px; margin-bottom: 10px;}
#wb_menuicon a,#menuicon_markup li a { display:block; text-align:left;  }
#menuicon_markup { display:none; margin:0; padding:10px 10px 10px 10px; }
#menuicon_panel #menuicon_markup { display:block; }
#menuicon_markup ul { list-style:none; list-style-type:none; margin:0; padding:0; }
#menuicon_markup li a,#menuicon_markup li a:hover { padding:10px 10px 10px 10px; border-width:0 0 0px 0  !important; border-radius:0; box-shadow:none; }
#menuicon_markup .divider { height:1px; margin:9px 0; overflow:hidden; background-color:#757575; }
#menuicon_panel { display:none; position:fixed; top:0; height:100%; width:250px; z-index:9999; }
#menuicon_overlay { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0; z-index:9998; }
#wb_menuicon a { color:var(--navfontcolor); border:0px none rgba(0,0,0,0.00); border-radius:0px; background-color:rgba(0,0,0,0.00); font-family:Arial; font-weight:normal; font-size:13px; font-style:normal; text-decoration:none; text-align:left; }
#wb_menuicon a:hover { color:#7B73C8; background-color:rgba(0,0,0,0.00); border:0px none rgba(0,0,0,0.00); }
#menuicon .line { width:24px; height:4px; background:var(--navfontcolor); display:block; margin:4px auto; transition:all 0.3s ease-in-out; }
#menuicon .line:first-child { margin-top:12px; }
#menuicon.open .line:nth-child(1) { transform:translateY(8px) rotate(45deg); }
#menuicon.open .line:nth-child(2) { opacity:0; }
#menuicon.open .line:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }
#menuicon { line-height:48px; width:48px; height:48px; position:absolute; z-index:999; }
#menuicon-footer { position:absolute; bottom:0; left:0; width:100%; color:#757575; font-family:Arial; font-size:13px; padding:0 0 13px 0; text-align:center; }
#menuicon-logo { border-width:0; padding:10px 10px 10px 10px; text-align:left; }
#menuicon-logo img { border-width:0; height:auto; max-width:100%; }
#wb_logo { margin:0; vertical-align:top; }
#logo { border:0px solid #000000; border-radius:0px; box-sizing:border-box; padding:0; display:block; width:100%; height:auto; max-width:70px; margin-left:auto; margin-right:auto; }
#wb_pagename { color: var(--navfontcolor); font-size:23px; font-family:var(--headerfont);background-color:transparent; background-image:none; border:0px solid #000000; border-radius:0px; padding:0; margin:0; text-align:left; }
#wb_pagename div { text-align:left; }
#wb_pagename { display:block; margin:0; box-sizing:border-box; width:100%; }
#wb_useravatar { margin:50px 0 0 0; vertical-align:top; }
#useravatar { border:0px solid #000000; border-radius:50%; box-sizing:border-box; padding:0; box-shadow:0px 0px 20px rgba(220,220,220,0.70); display:block; width:100%; height:auto; max-width:100px; margin-left:auto; margin-right:auto; }
#wb_username { background-color:transparent; background-image:none; border:0px solid #000000; border-radius:0px; box-sizing:border-box; vertical-align:top; margin:10px 0 0 0; padding:0; text-align:center; }
#username { color:var(--navfontcolor); font-family:var(--headerfont); font-weight:bold; font-style:normal; font-size:24px; margin:0; text-align:center; }
#wb_menu { position:relative; border:0px solid #424242; border-radius:0px; margin:20px 0 0 0; }
#wb_menu { background-color:transparent; -webkit-backdrop-filter:blur(27px); backdrop-filter:blur(27px); }
#wb_menu ul { font-family:var(--mainfont); font-weight:normal; font-style:normal; font-size:17px; list-style:none; margin:0; padding:0; }
.menu a { text-decoration:none; }
.menu ul { list-style:none; padding:0; text-align:left; }
.menu li { position:relative; }
.menu li a { display:block; position:relative; padding:10px 15px 10px 15px; color:var(--navfontcolor); outline:none; }
.menu li a:hover { color:#DCDCDC; background-color:rgba(26,26,26,0.59); }
.menu li.drilldown-back > a { padding-left:40px; background:rgba(0,0,0,0.1); }
.menu li.drilldown-back > a:hover { background-color:#1A1A1A; }
.menu li.drilldown-back a:after,.menu li > a:not(:only-child):after { position:absolute; top:50%; transform:translateY(-50%); display:inline-block; width:0; height:0; margin-left:8px; border-left:8px solid var(--navfontcolor); border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:0 dotted; content:" "; }
.menu li.drilldown-back a:after { left:8px; color:var(--navfontcolor); transform:translateY(-50%) rotate(180deg); }
.menu li.drilldown-back a:hover:after,.menu li > a:not(:only-child):hover:after { border-left-color:#DCDCDC; }
.menu li > a:after { color:rgba(0,0,0,0.15); right:10px; }
.menu .drilldown-menu { margin:0; width:100%; }
.menu li .drilldown-submenu { display:none; }
.drilldown-menu.drilldown-subview li,.drilldown-menu.drilldown-subview li.drilldown-subviewopen > a,.drilldown-menu.drilldown-subview li.drilldown-subview > a { display:none; }
.drilldown-menu.drilldown-subview li.drilldown-subview,.drilldown-menu.drilldown-subview li.drilldown-subview .drilldown-submenu,.drilldown-menu.drilldown-subview li.drilldown-subviewopen,.drilldown-menu.drilldown-subview li.drilldown-subviewopen > .drilldown-submenu,.drilldown-menu.drilldown-subview li.drilldown-subviewopen > .drilldown-submenu > li { display:block; }
.menu > .drilldown-submenu { left:0; margin:0; position:absolute; top:50px; width:100%; }
#wb_menu .overlay-icon { margin:0 10px 0 0; fill:currentColor; width:17px; height:17px; }
.menu-effect { transition:all 500ms linear; }
#wb_version { background-color:transparent; background-image:none; border:0px solid #000000; color:var(--navfontcolor); border-radius:0px; padding:30px 0 15px 0; margin:0; text-align:center;opacity:50%;font-family:var(--mainfont);font-size:13px;line-height:16px; }
#wb_version div { text-align:center; }
#wb_version { display:block; margin:0; box-sizing:border-box; width:100%; }
#wb_content { clear:both; position:relative; table-layout:fixed; display:table; text-align:center; width:100%; height:100%; background-color:rgba(26,26,26,0.90); background-image:none; border:0px solid #CCCCCC; border-radius:0px; box-sizing:border-box; margin:0; }
#content { box-sizing:border-box; height:100%; width:100%; padding:95px 15px 20px 15px; margin-right:auto; margin-left:auto; }
#content > .row { display:grid; grid-template-columns:repeat(12, 8.333333%); margin-right:-15px; margin-left:-15px; }
#content > .row > .col-1 { box-sizing:border-box; font-size:0; min-height:1px; padding-right:15px; padding-left:15px; position:relative; grid-column:span 12; }
#content > .row > .col-1 { background-color:transparent; background-image:none; border:0px solid var(--navfontcolor); border-radius:0px; grid-column:span 12; flex-wrap:wrap; align-content:center; align-self:stretch; align-items:center; text-align:center; }
@media (max-width: 480px) {
#content > .row > .col-1 { width:100%; grid-column:span 12; }
}
#sidebar { padding:0; }
#sidebar_panel { background-color:var(--navbgcolor); background-image:none; border-radius:0px; display:none; position:fixed; top:0; height:100%; width:306px; z-index:9999; }
@media only screen and (max-width:580px) {
#sidebar { width:100%  !important; }
#sidebar_panel { width:100%  !important; }
body { margin-left:0  !important; }
}
#sidebar-divider-bottom { overflow:hidden; position:absolute; line-height:0; bottom:0%; left:0; width:100%; height:150px; transform:scale(-1.0, -1.0); }
#sidebar-divider-bottom svg { display:block; width:100%; height:100%; position:relative; left:50%; transform:translateX(-50%); }
#sidebar-divider-bottom .divider-fill { fill:#1A1A1A; transform-origin:bottom; transform:rotateY(0deg); }
#wb_header { z-index:999; }
#wb_logo { display:inline-block; width:100%; height:auto; z-index:0; }
#wb_version { position:absolute; top:auto  !important; bottom:0  !important; width:100%  !important; }
#wb_username { display:inline-block; width:100%; z-index:4; }
#sidebar { text-align:left; z-index:998; }
#wb_menu { display:inline-block; width:100%; z-index:5; }
#wb_menuicon { display:inline-block; width:48px; height:48px; z-index:2; }
#wb_useravatar { display:inline-block; width:100%; height:auto; z-index:3; }
@media only screen and (max-width: 1249px) {
body { background-color:#1A1A1A;  background-attachment:fixed; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#wb_header { visibility:visible; display:table; }
#wb_header { height:10vh; margin-top:0px; margin-bottom:0px; }
#header { height:10vh; padding:1px 0 1px 0; }
#wb_menuicon { width:48px; height:48px; visibility:visible; display:inline-block; margin:0; }
#menuicon { line-height:48px; width:48px; height:48px; }
#menuicon .line:first-child { margin-top:12px; }
#wb_menuicon a { color:var(--navfontcolor); border:0px none #000000; border-radius:0px; background-color:rgba(0,0,0,0.00); font-family:Arial; font-weight:normal; font-size:13px; font-style:normal; text-decoration:none; text-align:left; }
#wb_menuicon a:hover { color:#7B73C8; background-color:rgba(0,0,0,0.00); border:0px none rgba(0,0,0,0.00); }
#wb_logo { width:100%; visibility:visible; display:block; margin:0; padding:0; }
#wb_pagename { visibility:visible; display:block; }
#wb_pagename { margin:0; padding:0; font-size: 17px;}
#wb_useravatar { width:100%; visibility:hidden; display:none; margin:50px 0 0 0; padding:0; }
#wb_username { width:100%; visibility:visible; display:block; margin:30px 0 0 0; padding:0; font-size:16px; font-family:Arial; font-weight:bold; font-style:normal; text-decoration:none; }
#wb_username { background-color:transparent; background-image:none; border:0px solid #000000; border-radius:0px; text-align:center; }
#username { color:var(--navfontcolor); font-family:Arial; font-weight:bold; font-style:normal; font-size:16px; text-align:center; }
#wb_menu { width:194px; height:329px; visibility:visible; display:inline-block; margin:20px 0 0 0; }
#menu-overlay ul { font-size:15px; text-align:left; }
#wb_version { visibility:visible; display:block; }
#wb_version { margin:0; padding:30px 0 15px 0; }
#wb_content { visibility:visible; display:table; }
#wb_content { height:100%; margin-top:0px; margin-bottom:0px; }
#content { height:100%; padding:95px 15px 20px 15px; }
#content .row { margin-right:-15px; margin-left:-15px; }
#content > .row > .col-1 { padding-right:15px; padding-left:15px; }
#content > .row > .col-1 { display:flex; width:100%; grid-column:span 12; border:0px solid var(--navfontcolor); border-radius:0px; align-content:flex-start; align-items:flex-start; justify-content:flex-start; text-align:left; }
#sidebar { left:1052px; top:8px; width:194px; }
#sidebar { padding:0; }
#sidebar-divider-bottom { height:100px; }
#sidebar-divider-bottom { bottom:0%; }
.drivercardhome{width: calc(95% - 20px); margin-left:10px;}
.pdfcard{width: calc(95% - 20px); margin-left:10px;}
}