@font-face {
    font-family: 'Interstate';
    src: url('../fonts/interstate-regular-webfont.woff2') format('woff2'),
         url('../fonts/interstate-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Interstate Condensed';
    src: url('../fonts/interstatecond-webfont.woff2') format('woff2'),
         url('../fonts/interstatecond-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Interstate Black Condensed';
    src: url('../fonts/interstateblackcondensed-webfont.woff2') format('woff2'),
         url('../fonts/interstateblackcondensed-webfont.woff') format('woff');
    font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
font-family:"interstate-condensed";
src:url("https://use.typekit.net/af/94c9f7/00000000000000007735d123/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/94c9f7/00000000000000007735d123/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/94c9f7/00000000000000007735d123/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"interstate-condensed";
src:url("https://use.typekit.net/af/de4ac1/00000000000000007735d126/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/de4ac1/00000000000000007735d126/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/de4ac1/00000000000000007735d126/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}


/* TEMPLATE FARBEN */
:root {
    --template-yellow: #f6c905;
    --template-black: #141311;
    --template-black-light:#1d1d1b;
    --template-yellow-light: #FFEd60;
    --template-yellow-lightw: #fc0;
    --template-brown: #B64D28;
    --template-white: rgba(255, 255, 255, .8);
    --template-white-light: rgba(255, 255, 255, .2);
}

b, strong {
    font-weight: 100;
}

blockquote, em{
    font-family: interstate;
}

/* RSFORM - Absende-Button wie uk-button-default aussehen lassen.
   Core (submitbutton.php) hängt "uk-button uk-button-primary" fix an,
   das lässt sich ohne Core-Edit nicht ändern, daher hier per CSS überschrieben. */
.rsform-submit-button.uk-button-primary {
    background-color: var(--template-yellow);
    color: var(--template-black);
    border: 1px solid rgba(229, 229, 229, 0);
}

.rsform-submit-button.uk-button-primary:hover {
    background-color: var(--template-yellow);
    color: var(--template-brown);
    border-color: rgba(178, 178, 178, 0);
    transform: translateY(1px);
}

/* ACYMAILING MODULE - UIkit3 look for the name/email inputs.
   Core renders these with class="cell", which can't be overridden without
   editing AcyMailing core code, so the uk-input style is replicated here. */
.acym_module_form input.cell[type="text"],
.acym_module_form input.cell[type="email"] {
    box-sizing: border-box;
    margin: 0;
    max-width: 100%;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    background-color: var(--template-black-light);
    color:var(--template-white);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 0;
    font: inherit;
    -webkit-appearance: none;
    appearance: none;
    transition: .2s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
}

.acym_module_form input.cell[type="text"]:focus,
.acym_module_form input.cell[type="email"]:focus {
    outline: 0;
    background-color:#ffed60;
    color: #000;
    border-color: #ffed60 !important;
}

.acym_module_form input.cell[type="text"]::placeholder,
.acym_module_form input.cell[type="email"]::placeholder {
    color: #fff;
}

.acym_module_form input.cell[type="text"]:disabled,
.acym_module_form input.cell[type="email"]:disabled {
    background-color: #f8f8f8;
    color: #fff;
    border-color: #e5e5e5 !important;
}

.sidebar .uk-checkbox {
    border-color:var(--template-white-light);
}

.sidebar a, .sidebar .uk-link {
 color:var(--template-yellow);
}


/* JEVENTS */
#jevents_body a.ev_link_row {
    font-size: inherit;
    font-size: inherit;
    font-weight: normal;
    color: #1e87f0 !important;
}

#jevents_body td.ev_td_left {
    width: 130px !important;
}

#jevents_body td.ev_td_left {
    font-size: 14px!important;
    vertical-align: middle !important;
}
.event_legend_container {
    display: none;
}

#jevents_body ul.ev_ul li.ev_td_li {
   border-color:var(--template-yellow-lightw)!important;
}

#jevents_body a.ev_link_row {
    color:var(--template-yellow)!important;
}
#jevents_body .ev_td_left,
h2.contentheading.gsl-h2 {
    background-color: transparent!important;
    color: var(--template-yellow-lightw)!important;
}


#jevents_body .cal_td_daysnames {
    background-color:var(--template-black-light) !important;
    background-image: none!important;
    border-bottom: none!important;
    border-top: 1px solid var(--template-white-light)!important;
    border-left: 1px solid var(--template-white-light)!important;
    border-right: 1px solid var(--template-white-light)!important;
    color:var(--template-yellow)!important;
    font-family: 'interstate-condensed';
}
#cal_title {
    color:var(--template-yellow)!important;
}
#jevents_body .jev_evdt {
    padding: 0!important;
}

span.mod_events_latest_content {
    color:var(--template-yellow-lightw);
}

span.icon-calendar {
    margin-right: 5px;
}

#jevents_body .ev_td_right,
#jevents_body .ev_td_left {
    border-top: 1px solid var(--template-white-light)!important;
    border-right: 1px solid var(--template-white-light)!important;
     border-bottom: 1px solid var(--template-white-light)!important;
    border-left: 1px solid var(--template-white-light)!important;
}

/* JEVENTS - Monatsansicht (cal_table Grid) */
#jevents_body .cal_table {
    background-color: var(--template-black)!important;
    border: 1px solid var(--template-white-light)!important;
}

#jevents_body .cal_td_daysoutofmonth {
    background-color: var(--template-black)!important;
}
#jevents_body .cal_daysoutofmonth {
    color: var(--template-white-light)!important;
}

#jevents_body .cal_td_today {
    background-color: var(--template-black-light)!important;
    box-shadow: inset 0 0 0 2px var(--template-yellow)!important;
}

#jevents_body .cal_td_daysnoevents,
#jevents_body .cal_td_dayshasevents {
    background-color: var(--template-black-light)!important;
}

#jevents_body a.cal_daylink:link,
#jevents_body a.cal_daylink:visited {
    color: var(--template-white)!important;
}
#jevents_body a.cal_daylink:hover {
    color: var(--template-yellow)!important;
}

#jevents_body .cal_td_weeklink {
    background-color: var(--template-black)!important;
    border-color: var(--template-white-light)!important;
}
#jevents_body .cal_td_weeklink a {
    color: var(--template-white-light)!important;
}

.acym_module_form .acym_invalid_field,
.onefield .acym__field__error__block  {
    background:#211b1b!important;
    color:var(--template-white)!important;
}

/* FOOTER */




/* MOBILE-DEVICES */
.tm-header-mobile .uk-navbar-container {
background-color: var(--template-black);
padding:20px 0;
}
.uk-offcanvas-bar .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider) {
    border-top: 1px solid rgba(119, 119, 119, 0.3);
}

button.uk-offcanvas-close.uk-close-large.uk-icon.uk-close,
.uk-offcanvas-bar .uk-close {
    color: var(--template-black)!important;
}

@media (max-width:480px) {
.uk-navbar-center:not(:only-child) {
    left: 62%;
}

/* Trenner (SVG-Logo-Linie zwischen Sections) - auf Mobile größer/prominenter darstellen */
img[src$="trenner-feuersalamander.svg"] {
    width: 120%;
    max-width: 120%;
    margin-left: -10%;
}
}

/* Sicherheitsnetz gegen horizontales Scrollen durch den Trenner-Bleed oben */
body {
    overflow-x: clip;
}

/* COOKIE-BANNER - YOOtheme bietet nur oben/unten, daher per CSS in die Bildschirmmitte */
.tm-consent.uk-position-bottom-center {
    top: calc(50% - var(--uk-position-margin-offset));
    bottom: auto;
    --uk-position-translate-y: -50%;
    transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
}
.tm-consent .uk-card {
    border: 1px solid var(--template-yellow-lightw);
}

/* CONSENT-OVERLAY (YouTube/Maps vor Zustimmung) */
.js-consent-overlay .uk-card-overlay {
    background-color: rgba(20, 19, 17, .9);
    border: 1px solid var(--template-yellow-lightw);
    border-radius: 0;
    color: var(--template-white);
}
.js-consent-overlay .uk-card-overlay p {
    color: var(--template-white);
}
.js-consent-overlay .uk-button-primary {
    background-color: var(--template-yellow);
    color: var(--template-black);
}
.js-consent-overlay .uk-button-primary:hover {
    background-color: var(--template-yellow-light);
    color: var(--template-brown);
}

/* Testimonials-Video: YouTube liefert kein maxresdefault.jpg (YOOtheme-Vorschau bricht),
   daher lokales Vorschaubild als Hintergrund */
.el-image:has(> iframe[src*="L_TAXER5diE"]) {
    display: block;
    aspect-ratio: 16 / 9;
    background: url("/images/video-testimonials-paradeiser-training.jpg") center / cover no-repeat;
}
.el-image:has(> iframe[src*="L_TAXER5diE"]) > img {
    display: none;
}

/* MELDUNGS-MODAL (js/custom.js) */
.tm-message-modal .uk-modal-dialog {
    background-color: var(--template-black-light);
    border: 1px solid var(--template-yellow-lightw);
    color: var(--template-white);
}
.tm-message-modal .tm-message-error {
    border-color: var(--template-brown);
}
.tm-message-modal .tm-message-content > :last-child {
    margin-bottom: 0;
}
.tm-message-modal .uk-button-primary {
    background-color: var(--template-yellow);
    color: var(--template-black);
}
.tm-message-modal .uk-button-primary:hover {
    background-color: var(--template-yellow-light);
    color: var(--template-brown);
}