/*** SLUB Webdesign Template ***/

/* === Corporate Design Colors ===
   SLUB-ROT  #CC0000  204,0,0
   BLAU      #00AFC8  0,175,200
   HELLBLAU  #87CDD7  135,205,215

   === Text Colors ===
   SCHWARZ   #000000  0,0,0
   GRAU      #727272  114,114,114
   HELLGRAU  #BBBBBB  187,187,187
   GRÜN      #009900  0,153,0
   GELB      #CC9900  204,153,0

   === Background & Border Colors ===
   HELL      #F2FAFA  242,250,250
   DUNKEL    #403933  64,57,51
*/

h1, h2, h3, h4, h5, h6 {
   color: #CC0000;
}

body, html {
   height: 100%;
   margin: 0px;
   font-family: 'VisSansBook', 'Segoe UI', sans-serif;
   color: black;
   margin: 0px;
   background: url('/static/custom/css/img/bg.svg');
   background-size: cover;
   background-attachment: fixed;
   background-position: center;
   text-align: center;
}

.container {
  width: 95%:
}

/* Links */
a {
   text-decoration: none;
   color: #00afc8;
   cursor: pointer;
}

a:hover {
  text-decoration: underline;
  color: #00afc8;
}

/* Header */
.navbar-default {
  border-bottom: 3px solid #1b9fba;
  background: white;
}

.navbar-brand .pilogo {
  display: none;
}

.navbar-brand {
  background-image: url('/static/custom/css/img/logo.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  width: 100px;
  height: 50px;
  display: inline-block;
}

/* Content Container */
.slide .well {
  padding: 60px;
  border-radius: 2px;
/*  display: inline-block; */
  text-align: left;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(3px);
  background-color: rgba(242,250,250,0.65);

  -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
}

.panel {
  border: 1px solid #727272;
}

.alert-info {
 color: #116677;
 background-color: rgba(242,250,250,0.65);
 border-color: #CC0000;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #1b9fba;
  color: white;
}

/* Buttons */
.btn {
  background-color: #1b9fba;
  color: white;
  border: 1px solid #87cdd7;
  border-bottom: 3px solid #87cdd7;
}

.btn:hover {
  background-color: #87cdd7;
  color: white;
  border: 1px solid #00afc8;
  border-bottom: 3px solid #00afc8;
}

.btn-warning {
  background-color: #1b9fba;
  color: white;
  border: 1px solid #87cdd7;
  border-bottom: 3px solid #87cdd7;
}

.btn-group.open > .btn-warning.dropdown-toggle {
  background-color: #87cdd7;
  color: white;
  border: 1px solid #00afc8;
  border-bottom: 3px solid #00afc8;
}


/* Footer */
#baseline {
  background-color: #116677;
  border: 0;
}

.navbar-inverse .navbar-text {
  color: white;
}


/* Input Fields */
.form-control:focus {
  border: 2px solid #116677;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}