/******************************************************************/
/*** Bootstrap Anpassung ***/
/******************************************************************/
.spacer10{
    width: 100%;
    height: 10px;
}
.spacer20{
    width: 100%;
    height: 20px;
}
.spacer30{
    width: 100%;
    height: 30px;
}
.spacer40{
    width: 100%;
    height: 40px;
}
.grau40{
    background-color: #f3f4f6;
    width: 100%;
    height: 40px;
}
.footermenu{
 text-align: right;
 padding: 20px;
}
.p-ep{
    padding: 1.875rem !important;
}
.pt-2{
padding-top: 0px !important;
}
/*** Buttons ***/
.btn-primary{
    border-radius: 5px;
    background-color: #6a829d;
    border: 1px solid #6a829d; 
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}
.btn:hover{
    background-color: #ffffff;
    color: #6a829d;
    border: 1px solid #6a829d; 

}
 
.btn:focus, 
.btn:target,
.btn:disabled, 
.btn:active:focus {
  color: $white;
  background-color: #6a829d !important;
  border-color:#6a829d !important;
}

.btn-secondary{
    background-color: #f3f4f6;
    color: #000000;
    border: 1px solid #000000; 
    border-radius: 3px;

}
/*** Buttons end ***/
p.alert.alert-success{
    border: none;
    background-color: #ffffff;
    padding: 0px;
}
.form-check-input:checked {
    background-color: #6a829d;
    border-color: #6a829d;
}
.form-check-input:focus {
    border-color: #6a829d !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(50, 112, 170, 0.23);
}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #6a829d !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(50, 112, 170, 0.23);
}
.focus .ts-control {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #6a829d !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(50, 112, 170, 0.23);
}
.form-select{
    width: 50%;
    border-radius: 3px;
}
.control-label{
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    padding: 10px 0px;
}
.form-label{
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    padding: 10px 0px;
}
textarea.form-control {
    margin-bottom: 40px;
}
.col-sm-3.col-form-label.pt-1 strong{
            font-weight: 400;
        }
.col-sm-3{
            width: 20%;
        }
.col-sm-9{
            width: 80%;
        }
       
a.nav-link{
            color: #000000;
        }
a.nav-link:hover{
            color: #6a829d;
            text-decoration: underline;
        }
.nav-pills .nav-link.active {
    color: #000000;
    background-color: #eeeeee !important;
    border-radius: 0px;
    border: none;
}
.form-control{
            border-radius: 3px;
        }
span.text-inactive{
    display: none;
}
div.ep-event-ticket-row .row.mb-3 .col-6.col-sm-2{
    width: 0%;
}
#header-fixed {
	z-index: 3;
}
.header{
margin: 10px 20px;
}
.shad{
	height: 90px;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 1px, rgba(0, 0, 0, 0.04) 0px 2px 2px, rgba(0, 0, 0, 0.04) 0px 4px 4px, rgba(0, 0, 0, 0.04) 0px 8px 8px, rgba(0, 0, 0, 0.04) 0px 16px 16px;
	margin-bottom: 30px;
	position: fixed;
	width: 100%;
    background-color: #ffffff;
}
/******************************************************************/
/*** Footer Anpassung ***/
/******************************************************************/
.bg-jr{
    background-color: #EBEBEB;
}
.altcha{
    margin: 10px 0px;
} 
.pnone{
    padding: 0px;
}
.pwrdby{
    font-size: 9px !important; 
    line-height: 20px !important; 
    font-family:  Helvetica, Arial, sans-serif !important; 
    color:#666666 !important; 
    font-weight: 500 !important; 
    font-style: italic !important;
    text-align: right !important;
}
.pwrdlogo{
    text-align: left !important;
}