:root{
    --bg-black-900: #151515;
   --bg-black-100: #222222;
   --bg-black-50: #393939;
   --text-black-900: #ffffff;
   --text-black-700: #e9e9e9;
}
 /* relevanter CSS-Code */
* {
    margin:0;
    padding:0;
    box-sizing: border-box;
   }

   html, body
{
    min-height: 100%; /*Sets the min height to the height of the viewport.*/
    height: 100%; /*Effectively, this is min height for IE5+/Win, since IE wrongly expands an element to enclose its content.  This mis-behavior screws up modern browsers*/
    margin: 0;
    padding: 0;
}
.site {
 background-color: #333333;
}
.navbar
{
    width: 100%;
     background-color: rgba(0, 0, 0, 1);
     color: rgb(255, 255, 255);
     position: fixed;
     top: 0;
     padding: 5px 100px;
     font-family: "poppins", sans-serif;
}
.navbar a
{
    color: #fff;
    letter-spacing: 1 px;
    text-decoration: none;
}

.navbar-text
{
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: capitalize;
}
.navbar-brand{
     color:#FFCC33;
}
.container {
     text-align:center;
     min-height: calc(100vh - 8em - 12px);
}
.glyphicon-eye-open{
    color:#FFCC33;
    font-size:25px;
}

h3{
    color:#929292;
    padding-top: 90px;
 
}
.img-thumbnail
{
    background-position: center;
    background-size: cover;
    width: 200px;
    margin-bottom: 50px;
}
a{
  color: #ffcc3395 ;
  text-decoration: none;  
}
a:hover {
    color: #FFCC33 ;
    text-decoration: none;
}

.footer {
 background-color: #514D4A;
 height: 124px;
 padding: 0px 100px;


}
.fa-copyright
{
    color: yellow;
}
.copy{
    padding: 5px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
}

.gold{
    color: #CC9900;
    font-size: 18px;
    line-height: 110px;
}

.info{
   color: #FFDCB2 ;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
 padding:0px;
 border:none;

}
table{
    margin-bottom:0px;
    
}
.table-left 
{
    width: 100px;
}
.links{
  text-align:left;  
}
.rechts{
    text-align:right;
}
.abstand{
    padding-right:25px;
}




/*Media Query*/
/* Extra-kleine Geräte (Smartphones, weniger als 768px) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */

/* Kleine Geräte (Tablets, 768px und breiter) */
@media screen and (max-width:768px){ 
        .info{
            display:none;
        }
        .navbar 
        {
            padding: 5px 10px;
        }
        #menuBtn 
        {
            left: 80%;
            top: 0;
        }
        .img-thumbnail
        {
        width: 150px;
        height: 150px;
        }
        .footer 
        {
            height: 125px;
            padding: 0 20px;
        }
        .gold{
            line-height: 110px;
            font-size: 30px;
            text-align: center;
        }
        .copy{
        display:none;
        
        }
        .abstand{
            padding-right:25px;
        }
        
     
 }

/*Footer Die Tabelle ausblenden*/
 @media screen and (max-width:992px){
    .copy{
        display:none;
        
        }
        .gold{
            line-height: 110px;
            font-size: 30px;
        }
        .abstand{
            padding-right:25px;
        }
 }
 @media (max-width: 1214px){
    table 
    {
       display: none; 
    }
    .col-sm-6 {
        width: 100%;
        font-size: 2rem;
    }
    .gold 
    {
        text-align: center;
    }
 }
 /* SideNav */
 #sideNav
 {
      margin-top: 68px;
      width: 240px;
      height: 100vh;
      position: fixed;
      top: 0;
      right: -240px;
      background: #222;
      z-index: 2;
 }
 #sideNav ul li
 {
      margin: 50px 30px;
 }
 #sideNav ul li a
 {
      color: #fff;
      font-size: 16px;
 }

 #menuBtn
 {
      width: 45px;
      position: fixed;
      top: 12px;
      right: 110px;
      z-index: 3;
      height: 45px;
      background-image: linear-gradient(90deg,#00121b 38%,#a70094);
      border-radius: 50%;
      border: 1px solid #ccc;
 
 }
 #menuBtn .fa 
 {
    color: yellow;
    font-size: 25px;
    position: absolute;
    top: 8px;
    left: 10px;
 }
 /* startseite */
 .header-p
 {
    text-align: center;
    padding-top: 20px;
    font-size: 2rem;
    color: #aaa;
 }
 .header-h1
 {
    color: white;
 }
 .header-h4{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #aaa;
 }


#main {
    background: #333;
}
.row 
{
    height: 100%;
}