body 
{
}

:root{
    --bg_auth:     url("/static/img/auth_background.jpg");
    --bg_play:     url("/static/img/play_background.jpg");
    --bg_regie:    url("/static/img/regie_background.jpg");
    --bg_helpdesk: url("/static/img/helpdesk_background.jpg");
    --bg_error:    url("/static/img/error_background.jpg");
    --bg_votemgmt: url("/static/img/votemgmt_background.jpg");
}

/*
:root{
    --bg_auth:     url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/proWIN_21-02-20/img/auth_background.jpg");
    --bg_play:     url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/proWIN_21-02-20/img/play_background.jpg");
    --bg_regie:    url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/proWIN_21-02-20/img/regie_background.jpg");
    --bg_helpdesk: url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/proWIN_21-02-20/img/helpdesk_background.jpg");
    --bg_error:    url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/proWIN_21-02-20/img/error_background.jpg");
    --bg_votemgmt: url("/static/uploads/EOE_-_EVENTS_ONLINE_ERLEBEN/proWIN_21-02-20/img/votemgmt_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;
}

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

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

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

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