.navbar-header {
   float: right;
}
.navbar-right {
	float: left !important;
	margin-left: -15px;
}
div.content {
   font-size: 24px;
   line-height: 31px;
}
div.abstand {
   margin: 20px 0 !important;
   height: 20px !important;
}
/*
div.topabstand {
   margin: 20px 0 !important;
   height: 20px !important;
}
*/
.fa-2x {
   font-size: 2em;
   font-weight: 900;   
}
.fa-5x {
   font-size: 5em;
   font-weight: 900; 
   animation: roll 2s infinite;
   animation-direction: alternate;
}
@keyframes roll {
  0% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
.maincontent {
   text-align: center;
}
.maincontent h1,
.maincontent h4 {
   color: #ffdd00;
   font-family: 'Brandon Grotesque',sans-serif;
   display: block !important;
}
.maincontent h2 {
   text-align: left !important;
   padding: 0 10%;
}
.maincontent p {
   padding: 0 10%;
   font-weight: 300;
}
.maincontent .sf {
   max-width: 200px !important; 
   margin-top: -5%;
   margin-bottom: 5%;
}
.maincontent a {
   color: #ffdd00;   
}

.sidecontent {
   text-align: right;
}
.sidecontent a {
   font-weight: 500;
   color: #000;
   display: block;
}
.sidecontent a.active {
   color: #ffdd00;
}
img.line {
   width: 30px;
   height: 3px;
}
.bubles {
   clear: both;
   position: fixed;
   bottom: 0;
   right: 0;
   max-height: 100px !important;
   z-index: 999999;
}
.bblue,
.byellow,
.bred {
   display: inline-block;
   margin: 0 1em 1em 0;
   text-align: center;
}
.bblue span,
.byellow span,
.bred span {
   display: block;
   margin-top: 60px;
}

.bblue {
   background-color: #008bcb;
   color: #fff;
   font-weight: 500;
   font-size: 20px;
   height: 100px;
   width: 200px;
   border-top-left-radius: 200px;
   border-top-right-radius: 200px;
}
.byellow {
   background-color: #ffdd00;
   color: #fff;
   font-weight: 500;
   font-size: 20px;
   height: 100px;
   width: 200px;
   border-top-left-radius: 200px;
   border-top-right-radius: 200px;
}
.bred {
   background-color: #e73029;
   color: #fff;
   font-weight: 500;
   font-size: 20px;
   height: 100px;
   width: 200px;
   border-top-left-radius: 200px;
   border-top-right-radius: 200px;
}

.leftdecor {
   position: fixed;
   bottom: 0;
   left: -50px;
   z-index: 999999;
   max-width: 300px;
}
.leftdecor img {
   width: 100%;
}

/* Vorstand */
table.table {
   margin: 0 10%;
   border: none;
   width: 80% !important;
   max-width: 80% !important;
   font-size: 16px;
   font-family: 'Brandon Grotesque',sans-serif;
}
table.table tr {
   background-color: transparent !important;
   border-bottom: 1px solid #ffdd00;
}
table.table td {
   border: 0 !important;
   padding: 10px 0;
}
.section-bg-color .table > tbody > tr > td {
	color: #000;
}
div:not(.hc_column_cnt) > table:not(.grid-table) th, div:not(.hc_column_cnt) > table:not(.grid-table) td {
	padding: 15px 0;
}

table.benefits tr td:first-child {
   width: 10%;
   color: #ffdd00;
   font-weight: bold;
}
table.mlist {
   text-align: left;
}
table.mlist a {
}
.alphabet
{
   vertical-align:middle   
}
.alphabet a
    {
        transition: background-color 0.3s ease-in-out;
        -moz-transition: background-color 0.3s ease-in-out;
        -webkit-transition: background-color 0.3s ease-in-out;
    }

.alphabet a
    {
        width: 30px;
        display: inline-block !important;
        color: #333;
        cursor: pointer;
        height: 30px;
        border: 1px solid #CCC;
        padding: 2px 2px;
        font-size: 14px;
        text-align: center;
        line-height: 25px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
        /* border-right: none; */
        text-decoration: none;
        background-color: #F1F1F1;
        margin-left:-7px !important;
    }
.alphabet a.first
        {
            border-radius: 3px 0 0 3px;
        }

        .alphabet a.last
        {
            border-right: 1px solid silver;
            border-radius: 0 3px 3px 0;
        }

        .alphabet a:hover,
        .alphabet a.active
        {
            background: #FBF8E9;
            font-weight: bold;
        }
@media (min-width: 992px) and (max-width: 1499px) {
   .leftdecor {
      width: 200px;
   }
}
@media (max-width: 992px) {
   .leftdecor {
   width: 150px;
   }
   .navbar-header {
   float: none !important;
   }
   .leftdecor {
   display: none;
   }
   div.topabstand {
   display: none;
   }
   .sidecontent {
   text-align: center;
   border-top: 1px solid;
   padding-top: 50px;
   }
   
}