body 
{
}

:root{
    --bg_auth:      url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/MESALVO/img/auth_background.jpg");
    --bg_fastlogin: url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/MESALVO/img/fastlogin_background.jpg");
    --bg_play:      url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/MESALVO/img/play_background.jpg");
    --bg_regie:     url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/MESALVO/img/regie_background.jpg");
    --bg_helpdesk:  url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/MESALVO/img/helpdesk_background.jpg");
    --bg_error:     url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/MESALVO/img/error_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: #0000009f;
   /* border-radius: 10px; */
   color:            white;
}

#fastloginblock {
   top: 175px;
   background-color: #0000009f;
   /* border-radius: 10px; */
   color:            white;
}

#helpdeskblock{
   top: 30px;
   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;
}

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

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