@charset "UTF-8";@import url('https://www.richler-consulting.at/templates/ja_sport/local/fonts/barlow/Barlow-Regular.ttf');@import url('https://www.richler-consulting.at/templates/ja_sport/local/fonts/barlow/Barlow-SemiBold.ttf');@import url('https://www.richler-consulting.at/templates/ja_sport/local/fonts/barlow/Barlow-Medium.ttf');@import url('https://www.richler-consulting.at/templates/ja_sport/local/fonts/barlow/Barlow-Bold.ttf');
/***!  /templates/ja_sport/local/css/custom.css?3ce482fc272043e8b2761c86e1462b82  !***/



/* JA SPORTS */

/* EXTRA FONTS VOM EIGENEN SERVER */

@font-face {src: url('https://richler-consulting.at/templates/ja_sport/fonts/barlow/Barlow-Regular.ttf'); font-family: "Barlow-Regular"; font-display: swap}


@font-face {src: url('https://richler-consulting.at/templates/ja_sport/fonts/barlow/Barlow-SemiBold.ttf'); font-family: "Barlow-SemiBold"; font-display: swap}


@font-face {src: url('https://richler-consulting.at/templates/ja_sport/fonts/barlow/Barlow-Medium.ttf'); font-family: "Barlow-Medium"; font-display: swap}


@font-face {src: url('https://richler-consulting.at/templates/ja_sport/fonts/barlow/Barlow-Bold.ttf'); font-family: "Barlow-Bold"; font-display: swap}


@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .t4-masthead .t4-masthead-detail {
    max-width: 1260px; /* GESAMTE BREITE MENU + CONTENT */
}
  }


.t4-module .nav > li.active > a, .t4-card .nav > li.active > a, .moduletable .nav > li.active > a, .module_menu .nav > li.active > a {
    font-weight: inherit; /* STATT FETTER SCHRIFT*/
}

#t4-mainnav {
    z-index: 20; /* ÜBER TIMELINE MODUL STATT 10 */
}

html body {
    background: #e6edea; /* HG FARBE SICHTBAR AB 1921px */
}



.t4-wrapper {
    max-width: 1920px; /* 100% WENN GESAMTE SEITE*/
}

.t4-topbar .navbar .navbar-nav .nav-link {
    font-weight: regular;
    font-size: 0.85rem;  /* TOPBAR TEXT KLEINER */
  	color: #444;
}
.t4-topbar {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    font-size: 0.9rem; /* TOPBAR ICONS AWESOME KLEINER */
}
.t4-topbar {
    --body-link-color: #444;
    --body-link-hover-color: rgba(0,0,0,0.4);
    background-color: #f5f5f4; /* GANZ OBEN STATT MAINCOLOR*/
    padding-top: 0.8rem;
    padding-bottom: 0.84rem;
    border-bottom: 0px solid #e5e2da;
}
.t4-topbar a:hover {
    --body-link-color: #444;
}


/* EXTRA SONST KEIN STICKY HEADER AUF SMARTPHONES!*/
@media (max-width: 575.98px) {
 #t4-mainnav.t4-sticky {
    position: sticky !important; /*EXTRA FIXIERT */
    top: 0 !important; /* WICHTIG */
}
	}
@media (max-width: 575.98px) {
.not-at-top #t4-header.t4-sticky {  /* NUR FÜR STIL AUF STARTSEITE WENN MITTEN DRIN */
    background-color: #fff;
    box-shadow: 0 3px 5px rgb(0 0 0 / 8%);
    position: sticky !important; /* EXTR FIXIERT */
    top: 0 !important; /* WICHTIG */
}
  }

.navbar-brand .logo-img {
    width: auto;
    max-height: 55px; /* LOGO BEGRENZEN */
    margin-top: 0px;
}
@media (max-width: 1199.98px)
.navbar-brand .logo-img {
    max-height: 50px !important;  /*LOGO GRÖSSE SMALL SCREENS */
    margin: 0 !important;
}

.not-at-top #t4-header.t4-sticky {
    background-color: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04);  /* SCHATTEN STARTSEITE*/
}
#t4-mainnav, #t4-header {
    align-items: center;
    background: #ffffff; /* HG FARBE MAINAV BEREICH */
    display: flex;
    min-height: 80px;
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04); /* EXTRA ALLE ADNEREN SEITEN*/
    border-bottom: 1px solid #f2f2f2; /* EXTRA */
}

.t4-megamenu div.dropdown-menu li > a, .t4-megamenu div.dropdown-menu li > .nav-link, .t4-megamenu div.dropdown-menu li .dropdown-item {
    color: var(--mainnav-link-color);
    padding: 0.5rem 0;
    white-space: normal;
    height: auto;
    line-height: var(--body-line-height);
    font-size: 1rem;
  font-family: "Barlow-Regular", "Barlow-Light", sans;
}

/* OFFCANVAS:::::::::::::*/
.t4-header-r .t4-offcanvas-toggle, .t4-header-r .navbar-expand-lg {
    padding: 0.75rem;
    background-color: #55a362; /* OFFCANVAS BURGER */
    color: #fff;
    border-radius: 3px;
}
.t4-offcanvas .t4-off-canvas-header {
    background-color: #fff;  /* OFFCANVAS HG VOM LOGO */
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 2.25rem;
    border-bottom: 1px solid #55a362;
}
.t4-offcanvas .t4-off-canvas-header .close span { /* CLOSE BUTTON KREUZ */
    color: #333;
    display: block;
    height: 32px;
    font-size: 34px;
    line-height: 28px;
    transition: all 0.35s ease;
    width: 32px;
    border: 1px solid #333;
    margin-left: 10px;
}

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu {
    border-radius: 0;
    border: 0;
    min-width: auto;
    padding: 0 0 0 0.1rem;
}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-item {
    padding: 0 1rem;
}
.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item {
    color: var(--body-text-color);
    padding: 0.50rem 0;
    width: auto;
}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .separator {
    color: var(--heading-color);
    font-size: var(--body-font-size);
    font-weight: inherit;
    line-height: var(--body-line-height);
    font-family: "Barlow-SemiBold"; /* EXTRA HAUPTMENUPUNKT*/
    text-transform: uppercase;
}

div.ja-masthead.has-bg {
    --heading-color: #fff;
    --body-text-color: rgba(255,255,255,0.8);
    margin-bottom: 0rem !important;  /* MASTHEAD OHNE ABSTAND NACH UNTEN */
    	z-index: 0 !important; /* EXTRA ZURÜCK HINTER MAINMENU DROPDOWN*/
  padding: 3em 0 3em 0; /* EXTRA ABSTAND FÜR HÖHE AM SCMARTPHONE */
}
.ja-masthead:before {
    background-color: #434342; /* FARBÜBERLAGERUNG */
    content: "";
    opacity: 0.4;  /* MASTHEAD ÜBERLAGERUNG */
}

.breadcrumb-item.active {
    color: #fff;
}
.t4-main-body {
    background-color: #fff;
    padding: 3.4rem 0; /* ABSTAND NACH OBEN */
}

@media only screen and (min-width: 1200px) {
.view-article .no-sidebar .content {
    padding: 0 6.5rem; /* ARTIKELBREITE OHNE SIDEBAR STATT 0 13.5rem*/
}
  }

.com-content-article p {  /* P ABSTÄNDE */
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

.com-content-article .article-title h2, .com-content-article .article-title .h2 {
    font-size: 2.1rem; /* var(--h2-font-size); */
    line-height: var(--heading-h2-line-height);
    color: var(--heading-color);
    text-align: center;
    text-transform: uppercase;  /* ARTIKEL TITEL */
}

@media only screen and (max-width: 680px) { /* KLEINE SCREENS */
.com-content-article .article-title h2, .com-content-article .article-title .h2 {
    font-size: 1.7rem; 
}
  }

@media only screen and (max-width: 680px) { /* KLEINE SCREENS */
h1, .h1 {
    font-size: 1.6rem;
}
  }
@media only screen and (max-width: 680px) { /* KLEINE SCREENS */
h2, .h2 {
    font-size: 1.6rem;
}
  }
.section-title-wrap .section-title {
    color: #444 !important;  /* SECTION TITLE MAINCOLOR ÜBERSCHREIBEN */
      font-weight: inherit; /* STATT FETT*/
}
blockquote {
    margin: 1rem 2rem 1rem;
    font-size: 1.2rem;
    border-left: 5px solid #55a362;
    padding-left: 2rem;
}


b, strong {
    font-weight: inherit; /* STATT bolder */
  font-family: "Barlow-Semibold", "Barlow-Bold", sans; /* ANDERE TYPO STATT NUR bolder */
}

:root {
  --border-color: #D9D9D9;
  --heading-color: #333333;
  --section-title-color: #7a9d27;
  --meta-color: #828282;
  --border-input: #f2f2f2;
  --tag-background-color: #f7f7f7;
  --tag-background-hover-color: #e9ecef;
  --heading-h1-line-height: 1.139;
  --heading-h2-line-height: 1.22;
  --heading-h3-line-height: 1.37;
  --heading-h4-line-height: 1.5;
  --heading-h5-line-height: 1.83;
  --heading-h6-line-height: 2;
}

.com-content-article .article-title {
    text-align: left;
    margin-bottom: 5rem; /* ABSTAND TITEL ARTIKEL */
 	 margin-top: 3rem;
}

/* TRENNSTRICH */
hr {
    margin: 1.5rem 0;
    color: inherit;
    background-color: #5e781e; /* currentColor; */
    border: 0;
    opacity: 0.05;
}

.btn {  /* GENERELL ALLE BUTTONS */
    font-family: 'Barlow-Medium';
    text-transform: none;
  word-spacing: 2px;
  border-radius: 0.5em;
  padding: 0.4rem 1.1rem;
}
.btn:hover { /* GENERELL ALLE BUTTONS */
  opacity: 0.85;
}
.btn.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    font-family: 'Barlow-Medium';
    font-size: 0.93rem;
  	text-transform: none;
  border-radius: 0.5em;
}


.btn.btn-outline-primary {
    border-color: var(--color-primary);
    color: var(--color-primary);
    font-family: 'Barlow-Medium';
    font-size: 0.93rem;
	text-transform: none;
  border-radius: 0.5em;
}

.btn.btn-secondary { /* ZUSÄTLICH ZU EVENT CSS */
	background-color: #fff !important;
	border-color: var(--color-primary) !important;
	color: var(--color-primary) !important;
	border: 1px solid;
    font-family: 'Barlow-Medium';
    font-size: 0.93rem;
	text-transform: none;
  border-radius: 0.5em;
}

.tags > li > a { /* TAGS BUTTONS IM ARTIKEL */
    background: transparent;
    border: 1px solid var(--meta-color);
    color: var(--meta-color);
    font-weight: 400;
    padding: 15px 1rem;
    font-size: 0.9rem;
}


ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 1.7rem; /* KURSLISTE SIDEBAR-R */
}


.com-content-article .article-body ul li {
    list-style-type: square;
}
.com-content-article .article-body ul {
    padding: 0; 
  	padding-left: 17px; /* MEHR NACH INNEN LINKS*/
  padding-top: 0.8rem; /* ABSTAND DARÄBER*/
}

/* ALTERNATIVE ZU REGULÄREM LIST-STIL - NICHT SICHTBAR*/
.com-content-article .article-body ul li::before {
    content: ""; 
    background-color: transparent;
    border-radius: 0%;
    display: inline-block;
    height: 0px;
    margin-right: 0.0rem;
    width: 0px;  /* AUFZÄHLUNGSZEICHEN EIN/AUSBLENDEN */
}

/* EXTBAKERS AJAX SUCHMODUL ..................*/
.is_btn_search.ajaxsearch_224 .btn-toolbar input[type="text"] {
    width: 100%;
    min-height: 60px;
}
input {
	font-family: inherit;
	font-size: 1.1rem;
	color: inherit;
}.is_ajaxsearch .form-inline input {
    padding: 8px 18px;
    border: 1px solid #cecece;
    border-radius: 4px;
    margin-left: 10px;
    color: #333;
    height: 36px;
}
.is_ajaxsearch .btn-toolbar {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
	justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
#is_ajaxsearch_result {
    font-size: 16px;
    margin-left: 10%; /* WEITER MITTIG - RESULTAT FENSTER */
}
#is_ajaxsearch_result .small-title {
    font-size: 19px !important; /* ERGEBNIS TITELBEGRIFF */
    font-weight: 600;
}
.t4-footnav .t4-module .module-title span { /* FOOTER STYLEN */
    border: 0;
    font-weight: normal;
    padding-bottom: 0;
    text-transform: none;
    font-family: 'Barlow-SemiBold';
    font-size: 1.3rem;
}
.t4-palette-hg_eigener_footer .t4-module .module-title { /* EIGENER FOOTER STIL */
    font-family: "Barlow-SemiBold";
    font-size: 1.2rem;
    font-weight: normal;
}
.t4-palette-hg_eigener_footer .t4-module .module-title {
    color: #fff; /* MODUL IM FOOTER TITEL */
}

/* WIDGETKIT ::::::::::::::::::::::::::::::::::*/
.uk-scope .uk-h3 {  /* HEADLINE NEWS */
    margin: 0 0 20px 0;
    font-family: "Barlow", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    text-transform: uppercase  !important; 
}
.uk-scope a.uk-link-reset {  /* TITEL ARTIKEL BEI GRID zB HOME */
    color: inherit!important;
    text-decoration: none!important;
    font-size: 1.22rem;
    font-family: "Barlow-Bold";
    text-transform: uppercase;
}
.uk-scope .uk-link, .uk-scope a {
    /* color: var(--mainnav-link-hover-color) !important; */
    text-decoration: none;
    cursor: pointer;
}


.uk-scope .uk-button { /* BUTTON*/
    font-family: inherit !important;
    font-weight: 500 !important;
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
    border: 2px solid #8d0922 !important;
}
.uk-scope .uk-margin {
    margin-bottom: 30px !important;
}
.module-title {  /* MODULE AUCH EB */
    border-bottom: 1px solid #d9d9d914;
    color: var(--color-primary);
     font-weight: normal; !important 
    line-height: 1;
    margin: 0 0 1.125rem 0;
    padding-bottom: 1.125rem;
    text-transform: none !important;
  font-size: 1.3rem;
}


.uk-scope .uk-accordion-title { /* ACCORDION LAYOUT*/
    font-size: 1.15 rem!important; 
    line-height: 1.4 !important; 
    font-weight: ;
    color: #333 !important;
    overflow: hidden;
    font-family: "Barlow-Bold";
    /* text-transform: uppercase; */
  	margin-left: 20px; /* MIT SQAURE AUF EINE LINIE BRINGEN*/
    margin-top: -26px; /* MIT SQAURE AUF EINE LINIE BRINGEN*/
    margin-bottom: 10px; /* MIT SQAURE AUF EINE LINIE BRINGEN*/
}
.uk-scope .uk-accordion-content {  /* FLÄCHE FAQ WENN AUSGEKLAPPT*/
    display: flow-root;
    /* margin-top: 20px; */
	padding: 35px 30px 35px 30px;
    background-color: #fff;
    border-radius: 7px;
    border: 1px solid #55a362;
}


.uk-scope .uk-button-primary {
    background-color: #1e87f0;
    color: #fff !important;
    border: 1px solid transparent;
    background: #55a362 !important;
    font-family: "Barlow-SemiBold" !important;
    font-size: 0.95rem !important;
  	border: 0px !important;
  border-radius: 5px !important;
}
/* 
.uk-scope .uk-button-default {  GRÜNE BUTTONS WEISSER TEXT 
      background-color: #1e87f0;
    color: #fff !important;
    border: 1px solid transparent;
    background: #7a9d27 !important;
    font-family: "Barlow-Medium" !important;
    font-size: 0.95rem !important;
  border: 0px !important;
}
*/

.uk-scope .uk-button-default { /* WEISSE BUTTONS GRÜNER TEXT */
    background-color: #67793c;
    color: #fff !important;
    background: #55a362 !important;
    font-family: "Barlow-SemiBold" !important;
    font-size: 0.85rem !important;
  	border: 1px solid #55a362!important;
    border-radius: 5px !important;
}

.uk-scope .uk-link, .uk-scope a {  /* GRID HEADLINE */
    text-decoration: none;
    cursor: pointer;
    font-size: 1.0rem;
    font-family: inherit;
 	word-spacing: 1px;
}
.uk-scope .uk-card-primary.uk-card-body, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) {
    color: rgba(255,255,255,1.0) !important; /* CONTENT TEXT AUF FARBIGEM HG */
}
.uk-scope .uk-card-primary {
    background-color: #54925e !important; /* HG FARBE BEI CARD PRIMARY PANEL */
  	color: #fff !important;
}
.uk-scope .uk-card-primary>:not([class*=uk-card-media]) a {
    color: #fff;  /* LINKFARBE BEI CARD PRIMARY PANEL */
}

.uk-scope .uk-card-secondary {
    background-color: #4e8357 !important;  /* ZWEITE FARBE */
}
.uk-scope .uk-card-secondary.uk-card-body, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) {
    color: rgba(255,255,255,1.0) !important; /* CONTENT TEXT AUF FARBIGEM HG */
}




.uk-scope .uk-padding {
    background: #fff;  /* EXTRA HG CONTAINER-TEXT */
}

.uk-scope .uk-h3, .uk-scope h3 {  /* HEADLINE ZB TEAM-NAMEN */
    line-height: 1.2 !important;
    font-family: "Barlow-Bold" !important;
  font-size: 1.12rem !important;
}
.uk-scope b, .uk-scope strong {
    font-weight: inherit !important; /* STATT bolder*/
  	font-family: "Barlow-SemiBold", "Barlow-Bold", sans; /* EXTRA FÜR FETTE TEXTE*/
}
@media (min-width: 1200px)
.uk-scope .uk-card-body {
    padding: 30px 30px; /* TITEL POPOVER BEI KLEINEN SCREENS */
}



/* TIMELINE MODUL VERTICAL STYLE 2 :::::::::::::::::::::::::::::*/


.is_timeline_vt2 .flag {   /* TITE BZW ARTIKELNAME*/
    font-size: 1.2rem;
    font-family: "Barlow-SemiBold";
    width: 97%;
}

@media (min-width: 768px) { 
.is_timeline_vt2 .flag {
    font-size: 1.2rem;
    font-family: "Barlow-SemiBold";
    width: 97%;
}
  }

@media (min-width: 768px) { 
.is_timeline_vt2 .flag-wrapper {
    display: inline-block;
    width: 100%;
    background: #efefef;
    padding: 14px 10px 0px 10px; /* TITEL ABSTÄNDE*/
}
  }
@media (min-width: 768px) { 
.is_timeline_vt2 .direction-r .flag:after {
    top: 12px; /* PFEIL RECHTE SEITE AUSRICHTEN */
}
  }
.is_timeline_vt2 .direction-l .flag:after {
    top: 12px; /* PFEIL LINKE SEITE AUSRICHTEN */
}

.is_timeline_vt2 .timeline_year {  /* JAHRESZAHL*/ 
    padding: 8px 12px;
    font-size: 1.2rem;
    font-weight: normal;
    font-family: "Barlow-SemiBold";
}

.is_timeline_vt2 .flag-wrapper {
    background: transparent !important;
}

.is_articletimeline .mod-articles-category-introtext {
    margin: 5px 0 15px 0;
    font-size: 1rem; /* EINLEITUNGSTEXT*/
 	 line-height: 1.2rem;
}
.is_timeline_vt2.is_timeline_vt2_shadow .direction-l {
    box-shadow: 0 0 20px 5px #d8d4d4;
    border-radius: 12px; /* RUNDHERUM ABGERUNDET - LINKE TIMELINE */
}
.is_timeline_vt2.is_timeline_vt2_shadow .direction-r {
    box-shadow: 0 0 20px 5px #d8d4d4;
    border-radius: 12px; /* RUNDHERUM ABGERUNDET - RECHTE TIMELINE */
}
.is_timeline_vt2 .direction-l .desc, .is_timeline_vt2 .direction-r .desc {
    position: relative;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 1em 1.2em 1.2em; /* EINLEITUNGSTEXT ABSTÄNDE*/
    z-index: 15;
    padding-top: 1em;
  	border-bottom-left-radius: 12px; /* BORDER UNTEN*/
    border-bottom-right-radius: 12px; /* BORDER UNTEN*/
}

/* GALLERY MIT LIGHTBOX */

.uk-scope .uk-slideshow {
    -webkit-tap-highlight-color: transparent;
    background: #ccc; /* FARBE HINTERM BILD ZB FÜR TRANSPARENT CONTAINER */
}

/* GRID STACK - CONTAINER.............................. */


.uk-scope .uk-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.meineklasse1 .uk-grid { /* EIGENE KLASSE FÜR GRIDSTACK */
  background-color: #ffffffa3 !important; /* HG FARBE HIER SEPARAT*/
}
@media (min-width: 960px) { 
.meineklasse1 .uk-grid>* {
    padding-left: 0px !important; /* ABSTAND HIER WEG*/
}
  }


/* MYMAPS KOMPONENTE ..............*/
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { 
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10; /* OPENMAPS EXTRA*/
}

/* COOKIE*/

.cpnb-button, .cpnb-button-ok {
    display: inline-block;
    padding: 8px 1px;
  
  }