:root {
    --nofirerot: #dc231a; /* logo rot */
    --rot: #cc071e; /* brandschutz */
    --gruen: #97bf0d; /* schulungen */
    --gruen-acc: #7A990B; /* schulung Text Accessible */
    --blau: #247bbb; /* arbeitsschutz */
    --bg-grau: #f7f8f8; /* hintergrund-grau */
    --hellgrau: #606366; /* fliesstext */
    --grau: #28282A; /* hintergrund */
    --gelb: #FCC400; /* ev. elektroschutz */
    --grau-shadow: #999999; /* für schattenboxen */
}

joomla-alert {
    max-width: 1200px;
    margin: 1em auto;
}

select option {
    font-family: 'Roboto Flex', Arial, sans-serif;
}

/* Login und Registrierung */
div.remind-confirm,
div.com-users-registration,
div.com-users-reset,
div.com-users-remind,
div.com-users-reset-confirm,
div.com-users-login {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

form .text-muted {
    color: #333 !important;
}

.uk-progress.uk-progress-custom-success::-moz-progress-bar,
.uk-progress.uk-progress-custom-success {
    background: var(--gruen-acc);
}

.rsform-password-hint-success {
    color: var(--gruen-acc);
}

/* Hintergrund mit schrägem Verlauf */
.uk-section-muted.bg-muted-schraeg {
    background: linear-gradient(4deg, #ffffff 50%, #f7f8f8 50%) !important;
}

.uk-section-muted.bg-muted-schraeg-dunkel {
    background: linear-gradient(4deg, var(--grau) 50%, #f7f8f8 50%) !important;
}

/* Links unterstrichen */
joomla-hidden-mail a {
    text-decoration: underline;
}

.uk-link-text,
p a {
    text-decoration: underline;
}

/* Heading direkt zum Text, z.B. Team -> Mission */
h5, .uk-h5 {
    margin: 20px 0 0;
}

.uk-h5 + p {
    margin-top: 0;
}

/* header and toolbar */
@media screen and (min-width: 991px) {
    .uk-logo {
        margin-top: -50px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 990px) {
    .uk-navbar-container:not(.uk-navbar) {
        padding-top: 10px;
    }
}

/* toolbar login/logout buttons */
.tm-toolbar .uk-subnav a.uk-button {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}

.tm-toolbar a {
    text-decoration: none;
}

.tm-toolbar a:hover {
    text-decoration: underline;
}

.uk-subnav .item-484,
.uk-subnav .item-189,
.uk-subnav .item-190 {
    position: absolute;
    right: 0;
    top: 40px;
}

/* login neben PDF */
.uk-subnav .item-190,
.uk-subnav .item-189 {
    right: 240px;
}

/* toolbar mein Konto buttons */
.uk-subnav .item-191 {
    position: absolute;
    right: 365px;
    top: 40px;
    width: 156px;
    text-align: center;
}

.uk-subnav .item-310 {
    position: absolute;
    right: 354px;
    top: 40px;
    text-align: center;
}

.item-310 .uk-button-success,
.item-191 .uk-button-success {
    min-height: 40px;
    background: var(--gruen-acc);
}

/* social media icons */
.uk-subnav .item-187 { /* Insta Logo */
    padding-left: 3px;
}

.uk-subnav .item-188 { /* Linked Logo */
    padding-left: 7px;
}

/* menue dropdown */
.leistungen-dropdown .el-title {
    font-size: 36px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.leistungen-dropdown .el-meta {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 36px;
    font-weight: 300;
    margin: -8px 0 0;
    padding: 0;
    line-height: 1 !important;
    letter-spacing: -1px;
}

.leistungen-dropdown .el-content {
    font-size: 14px;
    margin-top: 10px;
}

.leistungen-dropdown .uk-card-small.uk-card-body {
    padding-left: 30px;
}

.brandschutz .el-meta {
    color: var(--rot);
}

.arbeitssicherheit .el-meta {
    color: var(--blau);
}

.schulungen .el-meta {
    color: var(--gruen-acc);
}

.brandschutz .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    border-bottom-color: var(--rot);
}

.arbeitssicherheit .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    border-bottom-color: var(--blau);
}

.schulungen .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    border-bottom-color: var(--gruen);
}

/* menu unterstriche */
.uk-navbar-nav > li.item-193:hover > a::before,
.uk-navbar-nav > li.item-193 > a[aria-expanded="true"]::before,
.menu-arbeitssicherheit .uk-navbar-nav > li.uk-active > a::before {
    background-color: var(--blau);
}

.uk-navbar-nav > li.item-179:hover > a::before,
.uk-navbar-nav > li.item-179 > a[aria-expanded="true"]::before,
.menu-schulungen .uk-navbar-nav > li.uk-active > a::before {
    background-color: var(--gruen-acc);
}

.icon-buttons {
    margin-bottom: 2em !important;
}

.icon-buttons .el-title,
.icon-buttons .el-meta {
    font-size: 22px;
    line-height: 1.1;
    color: #fff !important;
}

.icon-buttons .el-title {
    font-weight: 600;
    margin-top: 6px !important;
}

.icon-buttons.icon-evakuierung .uk-card-secondary,
.icon-buttons .uk-first-column:last-child .uk-card-secondary {
    background-color: var(--gruen-acc);
    padding-right: 1em;
}

/* footer */
footer {
    border-top: 7px solid var(--nofirerot);
    border-bottom: 7px solid var(--nofirerot);
}

.footer-nav-items {
    margin-top: 3em;
}

footer a.el-link {
    color: #fff;
    text-transform: uppercase;
}

footer .uk-active a.el-link {
    text-decoration: underline;
}

footer .legal-menu a.el-link {
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
}

/* Seite Team */
.team-kontakte img {
    border-bottom: 5px solid var(--nofirerot);
}

/* Seite Home Hero animiert*/
.hero-banner .uk-heading-2xlarge {
    font-weight: 900;
}

.hero-banner .uk-card-default {
    background: rgba(255, 255, 255, 0.7);
}

.hero-banner .mark {
    display: inline-block;
    margin-bottom: 8px;
    padding: 0 10px;
}

.hero-banner .mark {
    -webkit-animation: 0.5s highlight 0.5s 1 normal forwards;
    animation: 0.5s highlight 0.5s 1 normal forwards;
    background-color: unset;
    background: linear-gradient(90deg, var(--nofirerot) 50%, rgba(255, 255, 255, 0) 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
}

.hero-banner .mark-dark {
    -webkit-animation: 0.5s highlight 0.5s 1 normal forwards;
    animation: 0.5s highlight 0.5s 1 normal forwards;
    background-color: unset;
    background: linear-gradient(90deg, var(--grau) 50%, rgba(255, 255, 255, 0) 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
}

.hero-banner .uk-panel {
    font-size: 22px;
    color: #000;
    font-weight: 700;
}

@media screen and (max-width: 465px) {
    .hero-banner .uk-panel {
        font-size: 18px;
    }
}

@-webkit-keyframes highlight {
    to {
        background-position: 0 0;
    }
}

@keyframes highlight {
    to {
        background-position: 0 0;
    }
}

.hero-slider .el-title,
.hero-slider .el-meta {
    text-transform: uppercase;
}

.hero-slider .el-meta.uk-text-success {
    color: var(--gruen-acc) !important;
}

/* Site Brandschutz und AS Slider */
@media (min-width: 960px) and (max-width: 1240px) {
    .uk-slider-items .uk-h1 {
        font-size: 28px
    }
}

/* breadcrumb */
#module-133 .uk-margin-medium-bottom {
    margin-bottom: 0 !important;
}

#module-133 ul {
    margin-bottom: 0;
}

/* Grid Boxen */
.grid-boxen .uk-button {
    float: right;
    margin-top: -10px;
    z-index: 1;
    position: relative;
}

/* formular */
.form-control-feedback {
    padding-left: 1em;
    color: #cc071e;
}

/* barrierefrei */
.leaflet-container a.leaflet-popup-close-button {
    color: #000;
}

/* to top Button */
#sticky-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    visibility: hidden
}

#sticky-to-top.sticky-to-top {
    visibility: visible;
}

/* Allgemeine Kursinfos */
#kursinfo h3 {
    color: var(--gruen-acc);
    font-size: 22px;
    margin-bottom: 5px;
    font-weight: 500;
}

#kursinfo h3 + p {
    margin-top: 0;
}

#kursinfo p a {
    /* color: var(--grau); */
}

/* Kursseite */
.menu-schulungen .tm-main.uk-section {
    padding-top: 0;
}

.menu-schulungen .eb-category-description {
    margin-top: -20px;
}

/* Buttons generell */
form button.btn-primary,
#toolbar .btn-success {
    background: var(--gruen-acc);
}

form button.btn-danger {
    background: var(--rot);
}


/* Eventbooking */
/* Euro Zeichen im Formular */
#eb-individual-registration-page .uk-form-icon {
    left: 58px;
}

.eb-form-heading {
    font-size: 1em;
    color: var(--grau);
}

input#btn-process-group-members,
input#btn-process-number-members {
    background: var(--gruen-acc);
}

.eb-form-control .uk-radio,
.eb-form-content .uk-radio {
    margin-right: 7px;
}

#adminForm .control-group,
.eb-form-content .control-group {
    margin-bottom: 20px;
}

.eb-notice-message {
    font-size: 100%;
}

.eb-taskbar .eb-save-to-calendar-buttons .btn,
.eb-taskbar .eb-register-button {
    font-size: 100%;
    padding: 0 10px;
    min-width: 106px;
}

.cat-filter .eb-taskbar {
    min-width: 180px;
}

#eb-category-list p.text-info.eb-notice-message {
    margin: 3px 0 0 0;
    padding: 0;
    color: var(--grau) !important;
    width: 110px;
    display: block;
    float: left;
}

#eb-category-list .eb-register-buttons-top.uk-clearfix .uk-clearfix::after {
    clear: none;
}

#eb-category-list input::placeholder {
    font-family: 'Roboto Flex', sans-serif;
    font-size: 16px;
}

#eb-category-list .uk-subnav-pill li {
    margin-top: 10px;
}

.button-nofire-weiss {
    color: #fff !important;
    border: 2px solid transparent;
}

.link-white .uk-button-secondary a,
.link-white .uk-button-secondary a:hover {
    color: #fff !important;
}

@media screen and (min-width: 991px) {
    .nf-category-layout-timeline,
    .nf-category-layout-table,
    .nf-category-image {
        margin-top: -70px;
    }
}

.eb-events-timeline {
    margin: 70px 0;
}

.eb-events-timeline .eb-taskbar {
    padding: 0 0 10px;
    border: none;
    float: right;
    margin: -35px -5px 0 0;
}

.eb-events-timeline .eb-event-container {
    margin: 60px 0;
}

.eb-events-timeline .eb-event-price-container .eb-individual-price {
    padding: 0 10px;
    font-size: 1em;
}

.eb-events-timeline .eb-event-price-container {
    font-size: 1em;
}

.eb-events-timeline .eb-event-date-info {
    font-size: 1em;
}

.eb-events-timeline h2.eb-even-title-container {
    color: var(--grau);
    font-size: 1.3em;
    margin: 10px 0 5px 0;
}

#eb-registration-history-page table td a {
    color: #000;
}

#eb-registration-history-page table td a:hover {
    color: var(--rot);
}

#eb-registration-history-page table td a.uk-button {
    color: #fff;
}

.nf-category-layout-table h2 {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    font-weight: 600;
}

.nf-category-layout-table .uk-h1 {
    font-size: 36px;
}

.nf-category-layout-table h2 + p {
    margin-top: 0;
    padding-top: 0;
}

.nf-category-layout-table div.uk-text-meta + p {
    margin-top: 10px;
}

/* Buchungen */
#eb-registration-complete-page h4,
#eb-registration-complete-page h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 1em 0 0 0;
}

#eb-registration-complete-page #adminForm .control-group {
    margin: 0;
}

/* EB Buchungen Betragsfelder */
.uk-form-stacked #eb-coupon-container,
.uk-form-stacked #eb-amount-container,
.uk-form-stacked #eb-amount-kurs-container,
.uk-form-stacked #eb-amount-person-container,
.uk-form-stacked #eb-discount-amount-container,
.uk-form-stacked #eb-tax-amount-container,
.uk-form-stacked #eb-gross-amount-container,
.uk-form-stacked #payment_method_container,
.uk-form-stacked .nf-service-group {
    margin: 5px 0 !important;
}

.uk-form-stacked #eb-coupon-container .uk-form-label,
.uk-form-stacked #eb-amount-container .uk-form-label,
.uk-form-stacked #eb-amount-kurs-container .uk-form-label,
.uk-form-stacked #eb-amount-person-container .uk-form-label,
.uk-form-stacked #eb-discount-amount-container .uk-form-label,
.uk-form-stacked #eb-tax-amount-container .uk-form-label,
.uk-form-stacked #eb-gross-amount-container .uk-form-label,
.uk-form-stacked #payment_method_container .uk-form-label,
.nf-tn-anzahl,
.uk-form-stacked .nf-service-group .uk-form-label {
    display: block;
    margin-bottom: 5px;
    float: left;
    min-width: 185px;
}

textarea#buchung[readonly],
textarea#organization[readonly],
.form-control:where(textarea)[readonly],
.form-control:where(input)[readonly],
input.uk-input[readonly="readonly"],
input.uk-input[readonly=""],
input.uk-input[readonly] {
    background: transparent;
    padding-left: 0;
    margin-left: 0;
    border: none;
    height: auto;
}

textarea#buchung[readonly]:focus,
textarea#organization[readonly]:focus,
.form-control:where(textarea)[readonly]:focus,
.form-control:where(input)[readonly]:focus,
input.uk-input[readonly="readonly"]:focus,
input.uk-input[readonly=""]:focus,
input.uk-input[readonly]:focus {
    border-color: transparent;
    box-shadow: none;
}

textarea#buchung[readonly]:hover,
textarea#organization[readonly]:hover,
.form-control:where(textarea)[readonly]:hover,
.form-control:where(input)[readonly]:hover,
input.uk-input[readonly="readonly"]:hover,
input.uk-input[readonly=""]:hover,
input.uk-input[readonly]:hover {
    cursor: default;
}

/* read only Betragsfelder */
.uk-form-stacked #eb-amount-container input,
.uk-form-stacked #eb-amount-kurs-container input,
.uk-form-stacked #eb-amount-person-container input,
.uk-form-stacked #eb-discount-amount-container input,
.uk-form-stacked #eb-tax-amount-container input,
.uk-form-stacked #eb-gross-amount-container input,
.uk-form-stacked #payment_method_container input,
.uk-form-stacked #payment_method_container .eb-form-control,
.uk-form-stacked .nf-service-group input {
    text-align: right;
    color: #000;
}
/* EB Kursbeitrag Original */
input#total_amount_kurs {
    text-decoration:line-through;
}

.nf-tn-anzahl {
    text-align: right;
    min-width: 146px;
    width: 146px;
}

/* Zahlungsart Rechnung feld */
.uk-form-stacked #payment_method_container .eb-form-control {
    max-width: 330px !important;
}

/* EB Summe Gesamtbetrag */
#eb-group-billing #payment_method_container,
#nofire-service-total-container,
#nofire-service-netto-container,
#nofire-total-container,
#eb-group-billing #eb-gross-amount-container {
    border-top: 1px solid #333;
    max-width: 340px;
    padding-top: 10px;
}

/* EB Rechnungsadresse Checkout */
textarea#organization[readonly] {
    color: #000;
    padding-left: 20px;
    font-size: 0.9em;
    min-height: 7.5em;
    border: 1px solid #999;
    margin: auto 20px;
    max-width: 640px;
}

/* kick sidebar Buttons */
.sidebar-buttons a.kick-sidebar-item {
    text-align: left;
    justify-content: left !important;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding-left: 15px;
    transition: margin 0.5s ease;
}


/* category Beschreibung */
.nf-col-kurs-rechts {
    padding: 1.5em;
    background: #fff;
    box-shadow: 0 0 10px var(--grau-shadow);
}

#inhalt ul {
    margin: 0;
    padding: 0 0 0 1em;
}

#inhalt ul li {
    margin: 0;
    padding: 0;
}

#inhalt p {
    margin: 5px 0 0;
    padding: 0;
}

#eb-category-page-table .text-info,
.eb-container .nf-table-buchen .text-info {
    color: var(--hellgrau) !important;
}

.nf-table-buchen {
    min-width: 120px;
}

#weiterfuehrend .uk-card-body {
    padding: 30px;
}

#weiterfuehrend figure {
    margin-bottom: 0;
}

#weiterfuehrend a h3 {
    color: var(--grau);
    font-size: 1.2em;
    font-weight: 700;
}

#weiterfuehrend a {
    text-decoration: none;
}

#weiterfuehrend .uk-card {
    box-shadow: 0 0 10px var(--grau-shadow);
    background-color: #fff;
}

/* Builder Kurse unten als Modul */
#kursinfo h3 {
    padding-left: 26px;
    background: url('/images/template/nofire-pfeil-gruen-16px.png') no-repeat left center;
}

#firmenkurse .buttons-firmenkurse .el-item:first-child a {
    line-height: 1.25;
    padding: 8px 0;
}

.card-bg-pfeil .uk-card {
    padding-top: 30px;
}

.card-bg-pfeil .uk-card-body {
    padding-left: 80px;
}

.card-bg-pfeil h2 {
    margin-top: -20px;
}

.card-vorteile,
.card-schulungen,
#englisch > .uk-container,
#firmenkurse > .uk-container {
    box-shadow: 0 0 10px var(--grau-shadow);
    background-color: #fff;
}

#englisch > .uk-container,
#firmenkurse > .uk-container {
    padding-left: 0;
}

/* Boxen Vorteile und Schulungen */
.card-schulungen {
    padding: 20px 30px;
}

.card-schulungen ul {
    list-style: none; /* Remove default bullets */
    margin-top: 0 !important;
}

.card-schulungen ul li::before {
    content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--gruen-acc); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.card-schulungen p {
    margin-bottom: 0;
}

.card-pfeil {
    padding-left: 60px;
    background: #fff url('/images/template/nofire-pfeil-gruen-60px.png') no-repeat left 10px;
}

.card-vorteile {
    padding: 30px 30px 20px 80px;
}

.card-vorteile h2 {
    margin-bottom: 10px;
}

.card-vorteile ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 10px;
}

.card-vorteile ul li {
    margin: 0;
    padding: 0;
}

/* Spalten in Schulungsübersicht */

.col-brandschutz h2,
.col-arbeitssicherheit h2,
h2.col-evakuierung-text {
    text-transform: uppercase;
    font-weight: 500;
}

/* Pfeile */
.col-brandschutz h2:before,
.col-arbeitssicherheit h2:before,
h2.col-evakuierung-text:before {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    margin-bottom: -3px;
    margin-right: 5px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
}

.col-brandschutz h2:before {
    border-top: 22px solid var(--rot);
}

.col-arbeitssicherheit h2:before {
    border-top: 22px solid var(--blau);
}

h2.col-evakuierung-text:before {
    border-top: 22px solid var(--gruen-acc);
}

.col-brandschutz .uk-panel,
.col-arbeitssicherheit .uk-panel,
.col-evakuierung-text .uk-panel {
    padding-left: 20px;
}

.col-brandschutz h3,
.col-arbeitssicherheit h3 {
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--grau);
    margin: 20px 0 5px;
}

.col-arbeitssicherheit h3 {
    margin-top: 0;
}

/* Pfeile */
.col-brandschutz h3:before,
.col-arbeitssicherheit h3:before {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    margin-bottom: -3px;
    margin-right: 5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.col-brandschutz h3:before {
    border-top: 18px solid var(--rot);
}

.col-arbeitssicherheit h3:before {
    border-top: 18px solid var(--blau);
}

.col-brandschutz a,
.col-arbeitssicherheit a,
.col-evakuierung-text a {
    color: var(--grau);
    text-decoration: none;
}

.col-brandschutz a:hover,
.col-arbeitssicherheit a:hover,
.col-evakuierung-text a:hover {
    text-decoration: underline;
}

.col-brandschutz ul,
.col-evakuierung-text ul {
    list-style-type: none;
}

.col-brandschutz h3 + ul,
.col-arbeitssicherheit h3 + ul {
    margin-top: 0;
    list-style-type: none;
    padding-left: 45px;
}

/* Pfeile */
.col-brandschutz li:before,
.col-arbeitssicherheit li:before,
.col-evakuierung-text li:before {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    margin-bottom: -2px;
    margin-right: 8px;
    margin-left: -23px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.col-brandschutz li:before {
    border-left: 16px solid var(--rot);
}

.col-arbeitssicherheit li:before {
    border-left: 16px solid var(--blau);
}

.col-evakuierung-text li:before {
    border-left: 16px solid var(--gruen-acc);
}

/* HGfarbe für Text vor animimerten Symbolen z.B. Arbeitssicherheit */
.bg-icon-color {
    background: color-mix(in srgb, var(--bg-grau) 60%, transparent);
}

/* Kursliste */
.eb-search-bar-container {
    padding: 10px 0;
    background: transparent;
}

#eb-event-search .input-large {
    margin-right: 10px;
}

.uk-table-small td {
    font-size: 16px;
    line-height: 1.4;
}

/* mega-menu */
.uk-nav-default > li.uk-active > a:before {
    border-left: 10px solid var(--nofirerot);
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    margin-bottom: -2px;
    margin-right: 8px;
    margin-left: -23px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

/* Evakuierungskonzept */
.evakuierung-eingeruckt {
    margin-left: 25px;
}

/* EB Registrierung - Person dropdown plox */
.choices__list--dropdown {
    z-index: 3;
}

.choices__list--dropdown.is-active {
    outline: 0;
    background-color: #fff;
    color: #323232;
    border-color: var(--nofirerot) !important;
    box-shadow: 0 0 10px 0 rgb(220, 35, 26, .65);
}

.choices__list--dropdown .choices__item--selectable,
.choices[data-type*="select-one"] .choices__input {
    background: #fff;
    color: #000;
}

/* RSForm Benutzerkonto */
.nofire-rsform h1 {
    margin-top: 0;
}

/* RSForm Storno Formular */
#rsform_10_page_0.uk-form-horizontal .uk-form-label {
    margin-top: 4px;
}

/* startseite events */
.featured-events {
    z-index: 1;
}

.featured-events .text-info.eb-notice-message a, /* login-message Startseite */
.featured-events .uk-button-primary.eb-register-button,
.featured-events .uk-button-primary.eb-group-registration-button {
    background-color: var(--nofirerot) !important;
    color: #fff !important;
    border-color: transparent;
    padding: 0 20px;
    line-height: 30px;
    font-size: 16px;
    border-radius: 3px;
}

/* startseite events */
/* login message als Button auf Startseite */
.featured-events .text-info.eb-notice-message a {
    font-family: 'Roboto Condensed', Sans-serif;
    text-decoration: none;
    padding: 5px 20px;
}

.featured-events .text-info.eb-notice-message a:hover {
    background-color: transparent !important;
    color: #f7f8f8 !important;
    border-color: rgba(247, 247, 247, .1);
}

.featured-events .text-info.eb-notice-message {
    color: rgba(247, 247, 247, .85) !important;
    font-weight: normal;
}

/* Eventbooking Frontend */
.text-info {
    color: var(--blau) !important;
}

#eb-registration-history-page .filters .btn-primary {
    margin: 0 5px 0 0;
    border-radius: 5px;
}

#eb-registration-history-page input#filter_search {
    border-radius: 5px;
    border: 1px solid #999;
    margin: 0 5px;
    padding-left: 5px;
    font-size: 14px;
}

#eb-registration-history-page .filter-search label {
    margin: 5px 5px 0 0;

}

#filter_event_id_chosen a {
    padding: 7px 5px 5px 10px;
    height: 40px;
    font-size: 16px;
    background: #fff;
    border-radius: 3px;
    color: #606366;
}

.eb-container .chosen-container {
    font-size: 16px;
}

.eb-container .chosen-container-single .chosen-single div b {
    background-position: 0 8px;
}

.eb-container .chosen-container .chosen-results li {
    line-height: 19px;
}

.eb-containter .chosen-container-single .chosen-single {
    background: #fff;
}

/* Token in EB Registration complete ausblenden */
#eb-registration-complete-page .field-Person-container {
    display: none;
}

/* EB Booking Table, kein Zeilenumbruch  */
@media screen and (min-width: 1300px) {
    .nf-td-buttons,
    .nf-td-eb-name,
    .nf-td-datum-zeit {
        white-space: nowrap;
    }

    .nf-td-betrag {
        text-align: right;
    }
}

.nf-td-betrag {
    white-space: nowrap;
}

.nf-details-button.uk-button-small {
    padding: 0 12px 3px;
    min-width: 45px;
}

/* EB Button Cancel Registrant */
#toolbar .btn-danger.button-delete {
    background: var(--grau);
}

/* EB pagination bei Buchungen */
ul.pagination li a {
    padding: 5px 10px;
    background: #fff;
    border: 2px solid #000;
    border-radius: 3px;
    text-decoration: none;
}

ul.pagination li a:hover {
    background: #b7b7b7;
}

ul.pagination li {
    margin: 0 5px;
    font-size: 16px;
}

div.pagination-toolbar {
    margin-right: -12px;
}

/* EB Einzelkurs Ansicht */
#eb-event-page {
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
}

#eb-event-page .eb-box-heading {
    border: none;
    background: transparent;
    padding: 8px 10px 8px 0;
}

#eb-event-page .eb-description {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

/* EB Save Event Button */
.eb-save-to-calendar-container.dropdown-menu {
    padding: 10px !important;
    min-width: 12rem;
}

p.text-info.eb-notice-message {
    margin: 0;
    padding: 0;
}

/* EB Table Mobile Ansicht verbreitern */
@media (max-width: 1299px) {
    table.eb-responsive-table,
    table.eb-responsive-table tbody,
    table.eb-responsive-table td,
    table.eb-responsive-table th,
    table.eb-responsive-table thead,
    table.eb-responsive-table tr {
        display: block;
        border: none
    }

    table.eb-responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    table.eb-responsive-table tr {
        border: 1px solid #ccc;
        margin-bottom: 5px
    }

    table.eb-responsive-table td {
        border: none !important;
        position: relative;
        padding: 5px 3%;
        text-align: left
    }

    table.eb-responsive-table td .td-text,
    table.eb-responsive-table td:before {
        float: left;
        width: 50%
    }

    table.eb-responsive-table td:before {
        width: 50%;
        padding-right: 15px;
        text-align: left;
        content: attr(data-content);
        display: block;
        font-weight: 700
    }

    table.eb-responsive-table td:after {
        content: "";
        display: table;
        clear: both
    }

    table.eb-responsive-table td.center {
        text-align: left
    }

    table.eb-responsive-table .eb-taskbar li {
        float: left !important;
        text-align: left
    }
}

@media (max-width: 959px) {
    .nf-table-buchen .eb-taskbar li {
        float: none;
    }
}

/* Module login */
.nf-login-user-info {
    margin-right: 30px;
}

/* menu Login */
.com-users-login__description {
    margin-bottom: 1em;
}

.com-users-login__submit .plg_system_webauthn_login_button {
    max-width: 230px;
    padding: 1px;
}

/* profil ändern */
/* MFA 2FA passkey */
.com-users-profile__edit-form fieldset {
    background: #fff;
    border: 1px solid #000;
    padding: 2em;
    margin: 2em 0;
}

.com-users-profile__edit-form legend {
    padding-left: 1em;
    font-size: 1.2em;
}


/* mobiles Menü */
.uk-modal-dialog .uk-nav-default > li > a.uk-button {
    color: #fff;
    margin: 6px 0;
    width: 240px;
    display: inline-block;
}

/* mein Konto EB History */
.pagination__wrapper .text-end.me-3 {
    margin: 10px;
    margin-right: 0 !important;
}

/* EB Kalendar */
.regpro-calendarDay .eb_event_link {
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 4px;
    border: none;
    font-weight: 400;
    text-decoration: none;
}
.regpro-calendarDay .date.day_cell {
    margin-bottom: 5px;
}
.regpro-calendarWeekDayHeader {
    border-left: 1px solid #38383a;
}
.eb-calendar ul.eb-weekdays,
#extcalendar .tableh2 {
    background: #38383a;
}
.eb-calendar ul.eb-weekdays li {
    font-size: 17px;
    font-weight: 400;
}
.regpro-calendarMonthHeader,
#extcalendar .currentmonth,
#extcalendar .currentday,
#extcalendar .currentweek,
#extcalendar .previousday,
#extcalendar .previousweek,
#extcalendar .nextday,
#extcalendar .nextweek {
    background-color: #616367;
}
.eb-topmenu-calendar ul li a:hover, .eb-topmenu-calendar ul li a.active {
    background: #616367;
}
#eb-calendar-legend a {
    font-size: 16px;
    font-weight: 400;
}

@media screen and (max-width: 1200px) {
    .uk-navbar-nav {
        gap: 20px;
        padding-left: 10px;
    }

    .uk-navbar-nav > li > a {
        font-size: 18px;
    }
}

@media print {
    html,
    .uk-form-label {
        font-size: 14px;
    }

    footer,
    .nf-table-buchen .eb-taskbar,
    #kontakt picture,
    #weiterfuehrend,
    #referenten,
    #module-158, /* kontakt */
    .no-print, .no-print *, .hidden-print {
        display: none !important;
    }

    #tm-main .uk-section {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .uk-logo {
        margin: -20px 0 30px 0;
    }

    p, li {
        font-size: 14px;
        line-height: 1.2;
    }

    #kursinfo h3 {
        padding-left: 0;
        font-size: 1.2em;
        font-weight: 700;
        margin-top: 0.5em;
    }

    .nf-col-kurs-rechts,
    .card-vorteile {
        padding: 0;
    }

    .nf-col-kurs-rechts {
        margin-top: 3em;
        clear: both;
    }

    .nf-event-abschluss h2 {
        margin-top: 1em;
    }

    #eb-registration-complete-page .uk-form-horizontal .uk-form-label {
        width: 200px;
        margin-top: 0;
        float: left;
    }

    .uk-form-horizontal .uk-form-controls-text {
        padding-top: 0;
    }

    #eb-registration-complete-page h3 {
        margin: 0;
        font-size: 18px;
    }

    #eb-registration-complete-page h3 {
        margin: 0;
        font-size: 16px;
    }
}