/* JA_TRIP LAG-UK.AT 22.04.2025 */


/* EXTRA FONTS VOM EIGENEN SERVER */

@font-face{  
    font-family: "Manrope-Regular";
    src: url('https://www.lag-uk.at/templates/ja_trip/fonts/manrope/Manrope-Regular.ttf');
}
@font-face{  
    font-family: "Manrope-Light";
    src: url('https://www.lag-uk.at/templates/ja_trip/fonts/manrope/Manrope-Light.ttf');
}
@font-face{  
    font-family: "Manrope-Medium";
    src: url('https://www.lag-uk.at/templates/ja_trip/fonts/manrope/Manrope-Medium.ttf');
}
@font-face{  
    font-family: "Manrope-SemiBold";
    src: url('https://www.lag-uk.at/templates/ja_trip/fonts/manrope/Manrope-SemiBold.ttf');
}
@font-face{  
    font-family: "Manrope-Bold";
    src: url('https://www.lag-uk.at/templates/ja_trip/fonts/manrope/Manrope-Bold.ttf');
}
@font-face{  
    font-family: "Manrope-ExtraBold";
    src: url('https://www.lag-uk.at/templates/ja_trip/fonts/manrope/Manrope-ExtraBold.ttf');
}
@font-face{  
    font-family: "Manrope-Variable";
    src: url('https://www.lag-uk.at/templates/ja_trip/fonts/manrope/Manrope-VariableFont_wght.ttf');
}

@font-face{  
    font-family: "OpenSans-Regular";
    src: url('https://www.lag-uk.at/templates/ja_trip/fonts/opensans/OpenSans-Regular.ttf');
}
@font-face{  
    font-family: "OpenSans-Italic";
    src: url('https://www.lag-uk.at/templates/ja_trip/fonts/opensans/OpenSans-Italic.ttf');
}
@font-face{  
    font-family: "OpenSans-Bold";
    src: url('https://www.lag-uk.at/templates/ja_trip/fonts/opensans/OpenSans-Bold.ttf');
}
@font-face{  
    font-family: "OpenSans-BoldItalic";
    src: url('https://www.lag-uk.at/templates/ja_trip/fonts/opensans/OpenSans-BoldItalic.ttf');
}
@font-face{  
    font-family: "OpenSans-SemiBold";
    src: url('https://www.lag-uk.at/templates/ja_trip/fonts/opensans/OpenSans-SemiBold.r.ttf');
}
@font-face{  
    font-family: "OpenSans-SemiBoldItalic";
    src: url('https://www.lag-uk.at/templates/ja_trip/fonts/opensans/OpenSans-SemiBoldItalic.ttf');
}




:root {
    --heading-color: #164b73;
    --color-light: #e4edf1;
    --body-text-color: #0b4672;
    --footer-text-color: #ffffff;

}
.t4-palette-gray h1 a:hover, .t4-palette-gray h2 a:hover, .t4-palette-gray h3 a:hover, .t4-palette-gray h4 a:hover,
.t4-palette-gray h1 a:focus, .t4-palette-gray h2 a:focus, .t4-palette-gray h3 a:focus, .t4-palette-gray h4 a:focus,
.t4-palette-gray h1 a:active, .t4-palette-gray h2 a:active, .t4-palette-gray h3 a:active, .t4-palette-gray h4 a:active {
	color: var(--color-secondary) ;
}

.t4-main-bottom-1 {
    background-color: #edf7fb;
}
.t4-section-5  {
    background-color: #1e3947;
}

.link-border {
    --footer-link-color: var(--body-text-color);
}
.text-primary {
    color: #fff !important; /*var(--color-primary)   CTA MODUL */
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}



b, strong {
    font-weight: normal;
    font-family: 'Manrope-Bold';
}
.uk-scope b, .uk-scope strong {
    font-weight: normal !important;
    font-family: 'Manrope-Bold' !important;
}


.item-page .fa {
    font: normal normal normal 14px / 1 FontAwesome;
   /*  color: var(--body-link-color); */
}
.t4-main-body a {
    color: var(--body-link-color);
    text-decoration: none;
    border-bottom: 1px dotted currentColor;
}
.t4-main-body a:hover {
    border-bottom: 1px solid currentColor;
}
.t4-footer .nav > li > a {
    color: var(--footer-link-color);
    text-decoration: none;
    line-height: 1rem;
    margin-bottom: 0.7rem !important;
    border-bottom: 1px dotted currentColor;
}
.t4-footer .nav > li > a:hover, .t4-footer .nav > li > a:active, .t4-footer .nav > li > a:focus {
  background: none;
  border-bottom: 1px solid currentColor;
}

.bg-light {
    background-color: #eef3f5 !important;
}
.text-gradient {  /* bunte animation auf Headlines entfernen */
    -webkit-animation: none; /* textShine 10s ease-in-out infinite alternate; */
    animation: none;  /* textShine 10s ease-in-out infinite alternate; */
    -webkit-text-fill-color: unset; /* transparent; */
}

.t4-topbar {
    background: #2d8dc5;
    color: #ffffffe8;
    padding-top: 0.6666666667rem;
    padding-bottom: 0.6666666667rem;
    font-size: 0.8rem;
    font-family: 'Manrope-SemiBold';
    letter-spacing: 0.3px;
      border-bottom: 1px solid #ffffff36;
      text-align: right; /* IMMER NACH LINKS */
}
.t4-topbar a {
    border-bottom: 0px dashed;
    color: #ffffffe8;
}
.t4-topbar a:hover {
    border-bottom: 1px dashed;
    color: #ffffffe8;
}

/* LOGO */
.navbar-brand .logo-img {
    max-height: 84px;
    width: auto;
}
@media (max-width: 768px) { /* SMALL SCRRENS */
.navbar-brand .logo-img {
    max-height: 57px;
    width: auto;
    margin: 15px;
}
  }

/* MAINMENU */

#t4-header {
    background: #eef3f5;
    z-index: 11;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.00); 
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.00); 
}

/* 
#t4-header {
    background: #33333300;  BUNTE LINIE MIT SVG AT TOP   
    background-image: url(http://6jjnk.w4yserver.at/images/lag/grafiken/bunt.svg);   GRAFIK DARÜBER  
    background-position: 0px -55px;
    background-repeat: repeat-x;
    background-size: initial;
}
*/

/*
#t4-modulbunt {

    background-image: url(http://6jjnk.w4yserver.at/images/lag/grafiken/bunt.svg);  GRAFIK LADEN 
    background-position: 0px -55px;
    background-repeat: repeat-x;
    background-size: initial;
}
*/

.not-at-top #t4-header.t4-sticky {
    background-color: #eef3f5;  /* FARBE - NOT AT TOP */
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.00);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.00);
}
.t4-header {
    border-bottom: 0px solid #e9ecef;
  
}

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    color: var(--mainnav-link-color);
    font-size: 1.0rem; /* REST IN T4 */
    padding: 20px 1rem;
}

.t4-megamenu.animate.slide .dropdown .dropdown-menu {
    min-width: max-content; /* BREITE DROPDOWN*/
    font-size: 0.94rem;
    font-family: "Manrope-SemiBold";
    background: #f6f8f9; /* HG */
    margin-top: 0px !important; /* RAUF */
    border-radius: 0px;
      line-height: 1.4em;
  }
.dropdown-item {
    letter-spacing: 0.7px; /* DROPDOWN MENU */
}

/* OFFCANVAS */

.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
    transform: translate3d(-310px, 0, 0);
}
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
    transform: translate3d(-310px, 0, 0);
}
.c-offcanvas--right {
    height: 100%;
    right: 0;
    transform: translate3d(310px, 0, 0);
    width: 310px; /* BREITE VON 3003 AUF 310px */
}

.t4-offcanvas-toggle {
    border: 0;
    background: none; /* var(--color-primary); */
    color: #164b73;
    line-height: 56px;
    font-size: 1.0rem;
    height: 45px;
    width: 45px;
}
.t4-offcanvas-toggle:hover {
    background: none;
    color: #164b73;
}

.t4-offcanvas-toggle i {
    font-size: 32px;
}

.t4-offcanvas .t4-off-canvas-header {
    background: #ffffff;
    border-bottom: 1px solid #164b735e; /* var(--border-color); */
}
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .btn-toggle {
    margin-top: 14px;
}

.t4-offcanvas {
    background: #ffffff; /* var(--color-secondary); */
}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .separator {
    color: var(--mainnav-link-color);
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Manrope-SemiBold';
}
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back {
    text-transform: uppercase;
    font-family: 'Manrope-SemiBold';
    font-weight: normal;
}

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item, .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link {
    color: var(--mainnav-link-color);
    white-space: normal; /* ZU LANGE MENU ITEMS UMBRECHEN */
}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .separator { /* ACTIV */
    color: #164b73;
}

.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .nav-item .dropdown-menu {
    padding: 1rem 2rem;
    background: #ffffff; /* var(--color-secondary); */
}
.t4-offcanvas .t4-off-canvas-header .close span {  /* CLOSE X */
    color: #164b73;
    height: 30px;
    font-size: 32px;
    line-height: 28px;
    width: 32px;
}

/* LINIE BEIM RUNDEN SMARTSLIDER ÜBERLAPPEN - KOMBI MIT MODULPOSITION 0px 0px -2px 0px*/

#t4-section-1 {
    border-top: 2px solid #fff;
}

/* HERO */

    #t4-hero {
        margin: -2px 0px -2px 0px; /* WEISSE PIXEL VERMEIDEN */
}
  
/* MASTHEAD */


.ja-masthead .ja-masthead-detail .ja-masthead-title {
    margin-top: 0;
    margin-bottom: 0.75rem !important;
    font-size: 'Manrope-SemiBold';
    padding: 40px 10px 40px 10px; /* EXTRA AUCH SMALL SCRRENS */
    text-shadow: 3px 3px 10px #222222de;
}

@media (min-width: 768px) { /* BREITE SCRRENS */
.ja-masthead {
    /* background-color: #e1efe6;   var(--color-primary); */
    background-image: url(../images/bg-masthead.jpg);
    z-index: 0; 
    padding: 50px 10px 50px 10px; 
}
  }

.ja-masthead {
    background-color: transparent; /* MODUL HGBILD SICHTBAR */
    margin-top:-2px; /* WEISSE PIXEL VERMEIDEN */
}

.ja-masthead.blend-masthead .ja-masthead-detail .page-header h2 a, .ja-masthead.blend-masthead .ja-masthead-detail .page-header .h2 a {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0.75rem !important;
    font-size: 'Manrope-SemiBold';
    padding: 40px 10px 40px 10px; /* EXTRA AUCH SMALL SCRRENS */
    text-shadow: 3px 3px 10px #222222de;
}

@media (max-width: 768px) { /* SCHMALE SCRRENS */
.ja-masthead.blend-masthead .ja-masthead-detail .page-header h2 a, .ja-masthead.blend-masthead .ja-masthead-detail .page-header .h2 a {
    color: #fff;  /* var(--body-text-color); */
    /* background: #338ab7; */
    padding: 7px 12px;
    font-size: 1.15rem;
}
  }

  
.ja-masthead.has-bg::before {
    opacity: 1;
    background: rgba(34, 34, 34, 0.20);  /* TRANSP FARBE */
}

.bottom-small {
    padding-bottom: 0; /* var(--gutter-sm); */
}

.top-small {
    padding-top: 0; /* var(--gutter-sm);  */
}


/* BREADCRUMBS */
.t4-section.t4-breadcrumbs {
    border-top: 0px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    background: #ffffff;

}
.breadcrumb {
    --t4-breadcrumb-divider-color: #2c333c;
    --t4-breadcrumb-item-padding-x: 0.5rem;
    --t4-breadcrumb-item-active-color: #2c333c;
      font-size: 0.9rem !important;
}

/* CTA MODUL */

.acm-cta.style-1 .cta-content .cta-title {
    margin-top: 0;
    margin-bottom: 0.5rem;
    text-transform: none;
    font-weight: inherit;
}


/* BUTTONS */

.btn {
    --t4-btn-font-family: "Manrope-SemiBold";
    --t4-btn-border-radius: 0.2rem;
    --t4-btn-padding-x: 1.5rem;
    --t4-btn-padding-y: 0.9rem;
}

.btn:hover, .btn:active {
    opacity: 0.85;
}

.meinbutton1  { /* TRANSP HEADER-R */
    color: #ffffff;
    /* background-color: transparent; */
    border: 1px solid #ffffff;
    padding: 10px 12px 10px 14px;
    border-radius: 0;
    font-size: 0.94rem;
    font-family: 'Manrope-SemiBold';
    letter-spacing: 0.5px;
}

/* CONTENT ........................*/

/* EINLEITUNGSBILDER JOOMLA BLOG - CROP ERZWINGEN FÜR BEST. ASPECT RATIO */

.blog .item-image img {
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
}

.wf-columns-layout-1-3-1>.wf-column:nth-child(2) { /* JCE SPALTEN */
    width: 70% !important; /* STATT 60*/
}

.item-page {
    max-width: 1200px;
    margin: auto;
}


.section-title-wrap .main-title {  
    display: block;
    margin-bottom: var(--gutter-sm);
    font-weight: inherit;  /* SECTION TITEL MODUL */
    text-transform: none;
}

figure figcaption {  /* BILDUNTERTEXT, FOTORECHTE */
    background-color: transparent;
    color: inherit;
    font-size: 0.8rem;
    letter-spacing: 0.0px;
    padding: 1.0rem 0.5rem;
    text-transform: none;
    text-align: left;
    text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0);
}
ol, ul {
    padding-left: 1rem;
}

li::marker {
    color: var(--color-secondary);
}

li {
    line-height: 1.5rem;
    padding-top: 10px;
}

blockquote {
    margin: 0 0 1rem;
    font-size: 1.4rem;
    font-family: 'MANROPE-SEMIBOLD';
    border-left: 4px solid var(--color-secondary);
    padding-left: 2rem;
}

@media (min-width: 992px) {
   .item-page .page-header h2 {   /* SEITENTITEL */
        /* font-size: var(--h1-font-size); */
        font-size: 2.5rem;
        /* letter-spacing: 1.5px; */
        /* text-transform: uppercase; */
        font-family: "Manrope-Bold";
        color: var(--body-text-color);
        word-spacing: 0.3rem;
    }
}

@media (max-width: 991px) {
    .item-page .page-header h2 {   /* SEITENTITEL */
        /* font-size: var(--h1-font-size); */
        font-size: 1.5rem;
        /* letter-spacing: 0.0px; */
        text-transform: none;
        font-family: "Manrope-Bold";
        color: var(--body-text-color);
        word-spacing: 0.2rem;
        margin-top: 1rem;
        margin-bottom: 1.2rem;
    }
}

.page-header h2, .page-header .h2, .categories-list h2, .categories-list .h2 {
    margin-bottom: 3rem;
    margin-top: 3rem;
}

/* WEITER BEITRAG */

.pagenav li a  {
    background-color: #fff;
    color: inherit;
}


/* MODULE Z.B. GALERIEN IM CONTENT FULLWIDTH MACHEN */ 

.fullwidth {  
margin-left: calc(-50vw + 50% + 5px);
    margin-right: calc(-50vw + 50%);
    max-width: calc(100vw - 10px);
    padding-top: 7rem;
    padding-bottom: 8rem;
    background: #eef3f5; /* HELLBLAU */
}
@media (max-width: 900px) {
  .fullwidth {  
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
}
@media (max-width: 575.98px) {
    .fullwidth {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }
}

.fullwidth-dunkel {  
margin-left: calc(-50vw + 50% + 0px);
    margin-right: calc(-50vw + 50%);
    max-width: calc(100vw - 10px);
    padding-top: 7rem;
    padding-bottom: 8rem;
    background: #304854; /* var(--color-secondary); */
    color: #ffffff;
}
.fullwidth-dunkel .h1 {
  color: #fff;
 } 

@media (max-width: 900px) {
  .fullwidth-dunkel {  
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
}

/* FELDER */
.field-label {  
    font-family: "Manrope-Bold";
    line-height: 1.6rem;
}
.fields-container { /* BLOG + DETAILSEITE */
    margin-bottom: 1rem;
    margin-top: 1.4rem;
}
.pull-left.item-image, .item-image.pull-left { /* DETAILSEITE */
    margin-right: 1rem;
    margin-top: 2rem;
  margin-bottom: 3rem;
}
.blog .top-lead .category, .blog-featured .top-lead .category .blog .top-lead a .category, .blog-featured .top-lead a .category {
    top: 62px;
}



.mod-list-layout-1 .item-child .intro-image img {  
    border-radius: 0.5rem;
    max-width: 100%;  /* NUR BLOG ARTIKEL IM HIGHLIGHT LAYOUT - 3ZU2 FORMAT*/
    height: auto;
    aspect-ratio: 3 / 2 !important;
    object-fit: cover !important;
}

.t4-footer {
    background-color: #eaf1f5; /* var(--footer-bg-color); */
    border-top: 0px solid rgba(255, 255, 255, 0.07);
    color: var(--body-text-color);
    font-size: 0.95rem;
}

.area-footer {
    border-top: 0px solid rgba(0, 0, 0, 0.1);
    padding-top: 0rem;
    margin-top: 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /* justify-content: space-between; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0rem;
    height: 0px;
    opacity: 0;  /* SOCIAL SHARE BEREICH UNTERM ARTIKEL - AUSBLENDEN */
}

.copyright {
    border-top: 0px solid #222222;
    padding-bottom: var(--gutter-normal);
    padding-top: var(--gutter-normal);
    background: #ffffff;
}

/*  JA CTA MODULE */
.acm-cta.style-1 .cta-wrap {  /* HG FARBE TRANSP */
    background: #495967;     
}
.acm-cta.style-1 .cta-bg {  /* HG BILD TRANSP */
    opacity: 0.7;
}

/* EIGENE MODULKLASSEN */

.klassezentriert {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
}


/* YOOTHEME WIDGETKIT ::::::::::: */

.uk-scope .uk-h1, .uk-scope .uk-h2, .uk-scope .uk-h3, .uk-scope .uk-h4, .uk-scope .uk-h5, .uk-scope .uk-h6, .uk-scope .uk-heading-2xlarge, .uk-scope .uk-heading-3xlarge, .uk-scope .uk-heading-large, .uk-scope .uk-heading-medium, .uk-scope .uk-heading-small, .uk-scope .uk-heading-xlarge, .uk-scope h1, .uk-scope h2, .uk-scope h3, .uk-scope h4, .uk-scope h5, .uk-scope h6 {
    font-weight: inherit !important;
    color: var(--body-text-color) !important;
  font-family: "Manrope-ExtraBold" !important;
  padding: 0.4rem 0 0.4rem 0;
}
.uk-scope .uk-link, .uk-scope a {
    color: var(--body-link-color) !important;
  /*  text-decoration: dotted !important;
    border-bottom: 1px dashed !important; */
}


/* EINLEITUNGSBILDER JOOMLA ARTIKEL - CROP ERZWINGEN FÜR BEST. ASPECT RATIO IN WIDGETKIT GRIDSTACK
FUNKTIONIERT NUR WENN: WENN KEINE BILDGRÖSSE, KEIN OVERLAY EINGESTELLT*/

.gridstackklasse02 .uk-grid>* {
        padding-left: 0px !important;
    }

.gridstackklasse02 > div > div > img {
width: 100%;
aspect-ratio: 2 / 1.3;  /* SEITENVERHÄLTNIS FIXIEREN */
object-fit: cover;
}

@media (max-width: 2000px) {  /* BEI TABLETS CROP ERZWINGEN FÜR BEST. ASPECT RATIO  */
.gridstackklasse02 > div > div > img {
width: 100%;
aspect-ratio: 1 / 1.0; /* SEITENVERHÄLTNIS FIXIEREN */
object-fit: cover;
}
  }

@media (max-width: 2000px) {  /* BEI TABLETS CROP ERZWINGEN FÜR BEST. ASPECT RATIO */
.gridstackklasse02 > div > div > img {
width: 100%;
aspect-ratio: 1 / 1.0; /* SEITENVERHÄLTNIS FIXIEREN */
object-fit: cover;
}
    }
    
@media (max-width: 960px) {  /* BEI SMARTPHONES BILD TEXT UNTEREINANDER */
.gridstackklasse02 > div > div > img {
width: 100%;
aspect-ratio: 3 / 1.8; /* SEITENVERHÄLTNIS FIXIEREN */
object-fit: cover;
}
    }
  
.uk-scope .uk-card-default { /* TEXT */
    color: var(--body-text-color) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}

@media (min-width: 960px) {
    .uk-scope .uk-h2, .uk-scope h2 {
        font-size: 36px !important;
        font-family: 'Manrope-Bold' !important;
    }
}

.uk-scope .uk-button { /* BUTTONS ALLGEM. */
    padding: 10px 30px !important;
    font-size: 16px !important;
    line-height: 28px !important;
    border-radius: 0.2rem !important;
    font-family: 'Manrope-Bold' !important;
}

.uk-scope .uk-button-primary  {  /* BUTTONS PRIMARY */
    background-color: var(--color-secondary) !important;
      color: #fff !important;
    text-transform: none !important;
}
.uk-scope .uk-button-primary:hover {
    background-color: var(--color-secondary) !important;
    opacity: 0.8;
}


.uk-scope .uk-subnav>*>:first-child { /* TAGS ÜBER BLOG*/
    color: var(--body-text-color) !important;
    font-size: 0.97rem !important;
    text-transform: none !important;
    transition: .1s ease-in-out !important;
    transition-property: color, background-color !important;
    padding: 10px 14px 10px 14px !important;
    background-color: #fff!important; /* var(--color-secondary)  */
    border-radius: 7px !important;
    font-family: 'Manrope-Bold' !important;
    border: 1px solid var(--body-text-color) !important;
}
.uk-scope .uk-subnav>*>:first-child:hover { /* TAGS ÜBER BLOG*/
    color: #ffffff !important;
    background-color: var(--body-text-color) !important; /* var(--color-secondary)  */
}
.uk-scope .uk-flex-center {
    justify-content: center;
    margin-bottom: 5rem !important; /* ABSTAND TAGS ZUM BLOG */
  margin-left: 10% !important;
  margin-right: 10% !important;
}
.uk-scope .uk-subnav>* {
    padding-left: 20px;
    position: relative;
    padding-bottom: 20px;
}

@media (max-width: 991px) {  /* TAGS ÜBER BLOG - SMALL SCREENS */
.uk-scope .uk-subnav>*>:first-child {
    font-size: 0.92rem !important;
    padding: 6px 10px 6px 10px !important;
}
  }
@media (max-width: 991px) { /* TAGS ÜBER BLOG - SMALL SCREENS */
.uk-scope .uk-subnav>* {
    flex: none;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 10px !important;
}
}

@media (max-width: 991px) { /* TAGS ÜBER BLOG - SMALL SCREENS */
.uk-scope .uk-flex-center {
    justify-content: center;
    margin-bottom: 3rem !important;
    margin-left: 3% !important;
    margin-right: 3% !important;
}
  }

.gridstackklasse01 .uk-grid {
    background: #e7f0f5 !important; /* HGFARBE */
}






/* YOOTHEME - EINLEITUNGSBILDER JOOMLA ARTIKEL - CROP ERZWINGEN FÜR BEST. ASPECT RATIO 
   WENN OVERLAY SETTING AKTIV */

.fit-the-image-klasse /* .uk-inline-clip, */
.uk-inline-clip img {
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
}
.fit-the-image-klasse .uk-inline-clip img {
  object-fit: cover !important;
}
.fit-the-image-klasse > div > div > img {
width: 100%;
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
}

/* DROPFILES */

.dropfiles-single-file .dropfiles-file-link {
    padding: 15px 20px 15px 80px !important;
    border: 0px solid #ccc !important;
    border-radius: 7px !important;
    font-family: "Manrope-Regular" !important;
    background: #fff url(http://6jjnk.w4yserver.at/images/lag/grafiken/download.png) no-repeat scroll 5px center;
}
.dropfiles-single-file .dropfiles-file-link:hover {
    background: #fff url(http://6jjnk.w4yserver.at/images/lag/grafiken/download.png) no-repeat scroll 5px center;
}
.dropfiles-single-file .dropfiles-file-link span.dropinfos b {
    font-size: 0.9em; /* KLEINER TEXT */
}

.dropfiles-content .dropfiles-categories h2 { /* KATEGORIE HEADLINE */
    width: 100%;
    line-height: 1.4;
    color: inherit;
    font-size: 1.4em;
    padding: 0;
}
.dropfiles-content-ggd .dropfiles-file-link .droptitle {  /* GGD ALYOUT */
    padding: 5px 5px 8px 20px;
    text-align: center;
    font-size: 14.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
    text-decoration: none !important;
    font-family: 'Manrope-SemiBold';
}
.dropfiles-content-ggd .dropfiles-file-link { /* GGD ELEMENTE */
    width: 230px;
    background: #fff;
    border: 1px solid #cccccc;
}
.dropfiles-content-ggd .dropfiles-file-link .dropblock {
    border-bottom: 1px solid #ccc; /* GGD LINE WEG */
}

@media (max-width: 960px) { /* SMALL SCREENS */
.dropfiles-content-ggd .dropfiles-file-link { /* GGD ELEMENTE */
    width: 170px;
    background: #fff;
    border: 1px solid #cccccc;
}
  }

.dropfiles-content-ggd[data-category="28"] .dropfiles-file-link, .dropfiles-content-ggd[data-category="28"] .dropfilescategory.catlink:not(.backcategory), .dropfiles-content-ggd[data-category="28"] .dropfilescategory_placeholder {
    margin: 5px 10px 5px 0px !important;  /* GGD ELEMENTE */
}

.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list h3 a {
    color: var(--body-text-color);
    font-size: 18px;
    line-height: 1.4;
}
.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list .file .file-xinfo {
    font-size: 1.2em;
    color: var(--body-text-color);
}
.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list .file {
    font-size: 14px;
    background: #eef3f5;
    padding: 20px;
    border-radius: 9px;
    border: 0px solid #ccc;
}
.dropfiles-content .openlink:not(.noLightbox) {
    background-color: #fff;
    border-color: #dadada;
    color: var(--body-text-color);
    font-size: 16px;
}

.dropfiles-single-file {
    display: inline-block;
    width: 99% !important;
}

.dropfiles-content .downloadlink:not(.noLightbox) {
    font-size: 16px;
}
.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list h3 a {
    font-weight: normal;
}

/*  SMILE PACK - ACCORDION */


.tf-accordion-widget--item {
    color: var(--body-text-color) !important; /* BENERELL */
}

.tf-accordion-widget--item--title--content {
    line-height: var(--title-line-height, 1.2em);
    font-weight: var(--title-font-weight, 400);
    font-family: 'Manrope-Bold';
    font-size: 1.5rem;
  color: var(--body-text-color);
}

@media (max-width: 960px) {
.tf-accordion-widget--item--title--content {
    font-size: 1.2rem;
}
  }


/* EIGENER ACCORDIONSTIL DEZENTER */



.meinaccordionwidget01 .tf-accordion-widget--item--title--content {
    line-height: var(--title-line-height, 1.2em);
    font-weight: var(--title-font-weight, 400);
    font-family: 'Manrope-Bold';
    font-size: 1.1rem;
}
.meinaccordionwidget01 .tf-accordion-widget.accordion0 {
    --padding: .25em 0.5em;
}
.meinaccordionwidget01 .tf-accordion-widget.accordion1 {
    --padding: .25em 0.5em;
}
.meinaccordionwidget01 .tf-accordion-widget.accordion2 {
    --padding: .25em 0.5em;
}
.meinaccordionwidget01 .tf-accordion-widget.accordion3 {
    --padding: .25em 0.5em;
}

.meinaccordionwidget01 {
    border: 0px solid #e9ecef;
    padding: 0.1rem !important;
    border-radius: 0.1em;
}

/* OSMAP SMILEPACK */
.nr-map-map-marker-label {
    font-size: 1.0rem;
    font-weight: inherit;
    font-family: 'Manrope-Bold';
}
.leaflet-container {
    font-family: 'Manrope-Regular';
    font-size: 14px;
    line-height: 1.5;
    color: var(--body-text-color) !important;
      z-index: 1;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: #fff;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .4);
    color: var(--body-text-color) !important;
}


/* YOUTUBE #1: JMG PLUGIN - VOR DER FREIGABE - NUR STYLEN */
.btn-warning {
    background: var(--color-primary);
    color: #fff;
    border: 0px solid #fff;
    font-family: 'Manrope-Medium';
    font-size: 0.9rem;
    padding: 10px 16px;
}
.jmg-iframe .notification.dark {
    font-family: inherit !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    height: auto;
    padding: 40px 30px !important;
    background: rgb(0 0 0 / 56%) !important;
    text-align: center !important;
}


/* YOUTUBE #2: IFRAME-GRÖSSE IMMER 100% MIT 16:9 - NACH DER FREIGABE!
   MANUELL ODER VIA JCE STIL AUF DEN IFRAME ANWENDEN  */

.iframe-video-responsiv {
    padding: 0.0rem;
    width: 100% !important;  /* IFRAME IMMER VOLLE BREITE ÜBERALL*/
    aspect-ratio: 16 / 9 !important;  /* IFRAME FÜR VIDEO OPTIMIERT ÜBERALL RESPONSIV */
    height: unset !important; 
}
