.remove-participant:hover {
  color: #fff; }

ul.event-contributors li {
  clear: both; }

.event-table-row {
  clear: both; }

.table-row-col-detail {
  max-width: 100% !important; }

#eventRegistrationStep3 {
  margin-top: 1rem; }

#myTab {
  display: contents; }

.registration-step-2 .persons-heading {
  margin-top: 1rem; }

.registration-step-2 .event-registration-main-person {
  margin-bottom: 1rem; }

.error-msg {
  color: red; }

.terminhint {
  font-size: 1rem !important;
  padding: 0.2rem !important;
  padding-left: 0.4rem !important;
  margin-left: 0 !important; }

.registration-payment-headline {
  font-size: 1.2rem; }


.artlable {
   background-color:#6696ea;
   color:  white;
   padding-left: 0.2rem;
   padding-right: 0.2rem;
   font-size: 0.8rem;
}

span.badge-md.new {
    margin-left: 0.6rem;
}

.event-register-button {
   color: white;
}

.important {
    color: #880022;
}

.align-center {
    text-align: center;
}

#eventListFilterSortBy, #registrationNationality, #registrationPaymentMethod {
    display: none;
}

.nav-link {
    border-bottom: 0;
}

.nav-logo a.nav-link img {
    width: 264px;
    height: auto;
    padding-left: 0;
    padding-right: 1.0rem;
}
@media only screen and (max-width: 1199px) {
    .nav-logo a.nav-link img {
        width: 180px;
    }
}
@media only screen and (max-width: 767px) {
    .nav-logo a.nav-link img {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        width: 180px;
    }
}
@media only screen and (max-width: 320px) {
    .nav-logo a.nav-link img {
        width: 140px;
    }
}


.color300{
    background-color: #fdd205;
}
.color200{
    background-color: #6243a4;
}
.color400{
    background-color: #ae2228;
}
.color110{
    background-color: #faac0b;
}
.color500{
    background-color: #80cc28;
}
.color600{
    background-color: #f46517;
}
.color100{
    background-color: #1859a7;
}
.color130{
    background-color: #00adef;
}


.mittig {
    padding-top: 1%;
    padding-bottom: 2%;
}


.maincontent{
    min-height: 40rem;
}

/* kalender */
.ui-datepicker {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 255px;
}

.ui-datepicker a,
.ui-datepicker a:hover {
    text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
    color: #2A6496;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
}
/*.ui-datepicker .ui-datepicker-next {
  cursor: default;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  height: 20px;
  line-height: 1;
  margin-top: 2px;
  width: 30px;
}*/
.ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: left;
}
.ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: right;
}
/*.ui-datepicker .ui-datepicker-prev:before {
  content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\e080";
}
.ui-datepicker .ui-icon {
  display: none;
}*/
.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
    background-color: #eee;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
    background-color: rgba(55,94,114, 0.5);
}
.ui-datepicker .ui-datepicker-current-day a {
    color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor: default;
}

.ui-state-checked{
    border:1px solid #dad55e;
    background: #1859a799;
}

.ui-state-default.ui-state-highlight.ui-state-active {
    background: #375e72;
    border: 1px solid #9e9e9e;
}

.ui-state-default.ui-state-highlight.ui-state-active:hover {
    background: #375e72;
    border: 1px solid #375e72;
}

.ui-datepicker a:hover, .ui-datepicker td:hover a{
    color: white;
}

.veranstaltungsliste .vmbild .termin img{
    margin-top: 0;
}

.hidden-field .form-field-container select{
    display: none !important;
}

#registrationNationality, #registrationPaymentMethod, #registrationSalutation {
    font-family: Helvetica, sans-serif;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 15px 0;
    padding: 0;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: rgba(55, 58, 60, 0.6);
}

#eventRegistrationStep2{
    margin-top: 20px;
}

.card-danger{
    padding: 15px;
    color:#fff;
}

.card {
    margin-bottom: 0.75rem;
}

span.badge-md.new.mehrtaegig{
    background-color: rgb(13, 99, 159);
    color: #fff;
    margin-right: 4px;
}


.remove-participant:hover {
    color: #fff; }

ul.event-contributors li {
    clear: both; }

.event-table-row {
    clear: both; }

.table-row-col-detail {
    max-width: 100% !important; }

#eventRegistrationStep3 {
    margin-top: 1rem; }

#myTab {
    display: contents; }

.registration-step-2 .persons-heading {
    margin-top: 1rem; }

.registration-step-2 .event-registration-main-person {
    margin-bottom: 1rem; }

.error-msg {
    color: red; }

.terminhint {
    font-size: 0.8rem !important;
    padding: 0.2rem !important;
    padding-left: 0.2rem !important;
    margin-left: 0 !important; }

.registration-payment-headline {
    font-size: 1.2rem; }


.artlable {
    background-color:#385F71;
    color:  white;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    font-size: 0.8rem;
}

span.badge-md.new {
    margin-left: 0.6rem;
}

.event-register-button {
    color: white;
}

.event-detail-inner .event-details-table .event-detail-images {
    display: none;
}

.event-list-container .list-single-event {
    padding: 0;
    border: none 0;
    margin-bottom: 1.0rem;
    border-radius: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.event-filters.card {
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}

.event-list-wrapper {
    margin-left: 15px;
    margin-right: 15px;
}


@media only screen and (min-width: 992px) {
    .list-single-event .event-text-info, .list-single-event .event-text-title {
        padding-left: 0;
    }
}

.event-list-container .list-single-event .event-text-info
{
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.event-list-container .row .event-text h5,
.event-list-container .row .event-text h4
 {
    padding-left: 0;
    margin-left: 0;
}
.event-list-container .row .event-text
{
}

@media only screen and (max-width: 991px) {
    .event-list-container .row .event-text
    {
        margin-bottom: 15px;
    }
}


.event-list-container .row .event-text h5,
.event-list-container .row .event-text h4 {
    font-size: 1rem;
    color: black;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 4px;
}

.veranstaltungen p {
    line-height: 110%; }

.kategorie-link.online {
    background-color: #afafaf;
}

.event-list-container .event-img {
    padding: 0;
}

.onlinebutton {
    color: white !important;
    background-color: #afafaf;
    text-align: center !important;
}

.onlinebutton:hover {
    color: white !important;
    background-color: grey !important;
    text-align: center !important;
}

header nav.navbar {
    width: 100vw !important;
    max-width: 100%;
}


/* IQChanged neues Logo */

@media only screen and (max-width: 991px) {
    header .navbar-nav .nav-logo .nav-link {
        padding-top: 0;
        padding-bottom: 0;
    }
    header .navbar-collapse ul.navbar-nav {
        padding-top: 12px;

    }
    header .navbar-nav .nav-link {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media only screen and (min-width: 992px) {
    header nav.navbar {
        padding-top: 0;
        padding-bottom: 0;
    }
    header nav.navbar li.nav-item {
        min-height: 75px;
        display: flex;
        align-items: center;
    }
    header .navbar-nav .nav-link {
        padding-top: 0.3rem;
    }
}

/* IQChanged Entfall mdb_x.css */

.nav-main.navbar-collapse {
    justify-content: space-between;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* IQChanged Karte */

.iqkarte {
    position: relative;
}

.iqkarte .fix img,
.iqkarte .fix {
    width: 100%;
}

.iqkarte .desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iqkarte .desc p {
    background: rgba(255, 255, 255, 0.6);
    color:
    padding: 8px 12px;
    border-radius: 6px;
}

/* iqkiribatibuchung */

.formNav .btn-primary.aktiv,
.formKontoContainer .btn.inaktiv,
.formKontoContainer .btn.btn-primary.inaktiv,
.formBuchungContainer .btn,
.formBuchungContainer .btn.btn-primary,
.formBuchung button.iqsubmit.iq-btn-registrierung.btn-primary
{
    padding: 0.375rem 0.75rem;
    background-color: rgb(56, 95, 113) !important;
    border: none 0 #fff;
    font-size: 13px;
}

.formNav .btn-primary.inaktiv,
.formKontoContainer .btn.inaktiv,
.formKontoContainer .btn.btn-primary.inaktiv,
.formBuchungContainer .btn.inaktiv,
.formBuchungContainer .btn.btn-primary.inaktiv
{
    background-color: #cfd1dd !important;
}

.formBuchungContainer a {
    color: rgb(56, 95, 113);
}

.formBuchungContainer .btn.btn-primary.iq-btn-registrierung {
    color: white !important;
}