body {
    font-family: 'Figtree', sans-serif;
    color: #333;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    color: #E30613;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

h1, h2 {
    font-size: 22px;
    font-weight: bold;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}

.red {
    color: #E30613;
}

a:link, a:active, a:visited {
    color: #E30613;
    text-decoration: none;
}

a:hover {
    color: #E30613;
    font-weight: bold;
    text-decoration: underline;
}

.header-title {
    padding: 10px 0;
    background-color: #333;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.header-title h1 {
    color: #fff;
}

main {
    padding: 0;
    margin-bottom: 0px;
}

.error_message {
    color:#E30613;
}

.ssp-nav {
    background: linear-gradient(to bottom left, #E30613 50%, #fff 50%);
}

section {
    padding: 40px 10px 40px 10px;
}

.news {
    padding: 40px 10px 40px 20px;
}

.news h1, 
.news h2, 
.news h3, 
.news h4, 
.news h5, 
.news h6 {
    color: #333;
    text-align: left;
    text-transform: none;
}

.grey-background {
    background-color: #EAEAEA;
}

.lang-select {
    border: none;
    font-weight: bold;
}

.lang-select:focus {
    outline: none;
}

.lang-select-mobil {
    display: inline-block;
    padding-left: 35px;
    list-style-type: none;
}

.btn {
    padding: 12px 30px;
    background-color: #E30613;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border-width: 0px;
    border-radius: 0;
}

.btn-green {
    background-color: #28a745;
    padding: 12px 20px;
}

a:link.btn, a:active.btn, a:visited.btn, a:hover.btn {
    color: #fff;
}

a:hover.btn {
    background-color: #E30613;
    text-decoration: underline;
}

a:hover.btn-green {
    background-color: #28a745;
}

button[type="submit"]:hover.btn-green {
    background-color: #28a745;
    color:#fff;
    text-decoration: underline;
}

aside .btn {
    background-color: #F8F9FA;
    color: #333;
    font-weight: lighter;
}

.disabled {
    background-color: #E9ECEF;
    border-color:#E30613;
}

.video {
    position: relative;
    padding-bottom: 30%; /* 16:9 */
    height: 0;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-description {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px;
}

div h4:nth-child(2) {
    color: #333;
    margin-bottom: 50px;
}

.nav-tabs, 
.nav-tabs li a:link,
.nav-tabs li a:active,
.nav-tabs li a:visited, 
.nav-tabs li a:hover {
    color:#333;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #E30613;
    color: #fff;
}

.nav-link {
    text-transform: uppercase;
    font-weight: bold;
}

.accordion-button, 
.accordion-button:focus,
.accordion-button.collapsed {
    color: #333;
    padding: 10px;
    border-width: 0px;
    box-shadow: none;
}

.accordion-button::after {
    margin-left: 6px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #E30613;
}

.accordion-button:not(.collapsed)::after,
.sp-red::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.sp-red,
.sp-red:focus,
.sp-red.collapsed {
    color: #fff;
    background-color: #E30613;
    font-weight: bold;
}

.sp-grey {
    color: #fff;
    background-color: #000;
} 

.svgMap-map-wrapper {
    background-color: #EEE;
}

footer {
    background-color: #333;
    color: #fff;
}

footer h5 {
    text-align: left;
    color: #fff;
}

footer i {
    color: #fff;
}

.callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #ddd;
    border-left-width: 5px;
    border-left-color: #E30613;
    border-radius: 3px;
    h4 {
      margin-top: 0;
      margin-bottom: 5px;
    }
    p:last-child {
      margin-bottom: 0;
    }
  }

  .custom-tooltip {
    position: relative;
    color: #E30613;
  }
  
  .custom-tooltip-text {
    position: absolute;
    
    /* vertically center */
    top: 50%;
    transform: translateY(-50%);
    
    /* move to right */
    left: 100%;
    margin-left: 15px; /* and add a small left margin */
    
    /* basic styles */
    width: 250px;
    padding: 10px;
    border-radius: 20px;
    background: #F8F9FA;
    color: #333;
    text-align: left;
  
    display: none; /* hide by default */
  }

  .custom-tooltip:hover .custom-tooltip-text{
    display: block;
  }