body 
{
 xfont-size: 14px;
 xline-height: 1.0;
}
:root{
    --bg_auth:      url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/SV-JAT/img/auth_background.jpg");
    --bg_onboarding:url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/SV-JAT/img/onboarding_background.jpg");
    --bg_fastlogin: url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/SV-JAT/img/fastlogin_background.jpg");
    --bg_play:      url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/SV-JAT/img/play_background.jpg");
    --bg_regie:     url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/SV-JAT/img/regie_background.jpg");
    --bg_helpdesk:  url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/SV-JAT/img/helpdesk_background.jpg");
    --bg_error:     url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/SV-JAT/img/error_background.jpg");
    --bg_votemgmt:  url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/SV-JAT/img/votemgmt_background.jpg");
    --bg_mgmt:      url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/SV-JAT/img/mgmt_background.jpg");
    --bg_asset:     url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/SV-JAT/img/asset_background.jpg");
    --bg_system:    url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/SV-JAT/img/system_background.jpg");
}
.modal-header {
   color:	black !important;
}
.container-fluid {
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
  margin-bottom: -20px !important;
}

.row {
 margin-top: 0px;
 margin-bottom: 0px;
}

#eoeinfoblock {
  top: 30px;
  border-radius: 10px;
  background-color: #000000cF;
}

#languageblock {
  top: 156px;
  background-color: #00000000;
  color:            white;
}

#authblock {
  top: 175px;
  background-color: #000000bf;
  border-radius: 10px; 
  color:            white;
}

#onboardingblock {
  top: 10px;
  background-color: #0000006f;
  border-radius: 10px; 
  color:            white;
}

#fastloginblock {
   top: 175px;
   background-color: #000000cf;
   border-radius: 10px; 
   color:            white;
}

#helpdeskblock{
  top: 30px;
  left: 10px;
  background-color: #000000dF;
  border-radius:    10px; 
  color:            white;
}

#votemgmtblock{
  top: 30px;
  left: 10px;
  background-color: #000000dF;
  border-radius:    10px; 
  color:            white;
}

#mgmtblock{
  top: 30px;
  left: 10px;
  background-color: #000000dF;
  border-radius:    10px; 
  color:            white;
}

#assetblock{
  top: 30px;
  left: 10px;
  background-color: #000000dF;
  border-radius:    10px; 
  color:            white;
}

#systemblock{
  top: 30px;
  left: 10px;
  background-color: #000000dF;
  border-radius:    10px; 
  color:            white;
}

.auth_background {
  background-image: var(--bg_auth);
  background-color: #000000;
  color:            white;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.onboarding_background {
  background-image: var(--bg_onboarding);
  background-color: #000000;
  color:            white;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.fastlogin_background {
   background-image: var(--bg_fastlogin);
   background-color: #000000;
   color:            white;
   height: 100vh;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
}

.play_background {
  background-image: var(--bg_play);
  background-color: #000000;
  color:            white;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.regie_background {
  background-image: var(--bg_regie);
  background-color: #000000;
  color:            white;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.error_background {
  background-image: var(--bg_error);
  background-color: #000000;
  color:            white;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.helpdesk_background {
  background-image: var(--bg_helpdesk);
  background-color: #000000;
  color:            white;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.votemgmt_background {
  background-image: var(--bg_votemgmt);
  background-color: #000000;
  color:            white;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.mgmt_background {
  background-image: var(--bg_mgmt);
  background-color: #000000;
  color:            white;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.asset_background {
  background-image: var(--bg_asset);
  background-color: #000000;
  color:            white;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.system_background {
  background-image: var(--bg_system);
  background-color: #000000;
  color:            white;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.footer {
  /* position: absolute; 
     = footer immer sichtbar als unterste Zeile; 
     ohne position
     = footer immer am Bildende zu dem man scollen muss
  position: absolute;
  */
  bottom: 0;
  left: 0;
  right: 0;
  height:25px;
  background:#222222;
}

.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }