body 
{
}

:root{
    --bg_auth:      url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/7b74142e-cecc-4b08-be26-d19ccbc172a1/branding/auth_background.jpg");
    --bg_fastlogin: url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/7b74142e-cecc-4b08-be26-d19ccbc172a1/branding/fastlogin_background.jpg");
    --bg_play:      url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/7b74142e-cecc-4b08-be26-d19ccbc172a1/branding/play_background.jpg");
    --bg_regie:     url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/7b74142e-cecc-4b08-be26-d19ccbc172a1/branding/regie_background.jpg");
    --bg_helpdesk:  url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/7b74142e-cecc-4b08-be26-d19ccbc172a1/branding/helpdesk_background.jpg");
    --bg_error:     url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/7b74142e-cecc-4b08-be26-d19ccbc172a1/branding/error_background.jpg");
    --bg_votemgmt:  url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/7b74142e-cecc-4b08-be26-d19ccbc172a1/branding/votemgmt_background.jpg");
    --bg_mgmt:      url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/7b74142e-cecc-4b08-be26-d19ccbc172a1/branding/mgmt_background.jpg");
    --bg_asset:     url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/7b74142e-cecc-4b08-be26-d19ccbc172a1/branding/asset_background.jpg");
    --bg_system:    url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/7b74142e-cecc-4b08-be26-d19ccbc172a1/branding/system_background.jpg");
}

.modal-header {
   color:	black !important;
}

.container-fluid {
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}

.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: 30px;
  background-color: #000000cf;
  border-radius: 10px; 
  color:            white;
}

#fastloginblock {
  top: 100px;
  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;
}

#mailregblock{
  top: 50px;
  left: 10px;
  background-color: #000000FF;
  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;
}

.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; }