/* JA BOXING - KLIMA-SUEDAKERNTEN -  03/2026 */



/* EXTRA FONTS VOM EIGENEN SERVER */


@font-face{  
    font-family: "HankenGrotesk-Light";
    src: url('https://www.klima-suedkaernten.at/templates/ja_boxing/fonts/hanken_grotesk/HankenGrotesk-Light.ttf');
}


@font-face{  
    font-family: "HankenGrotesk-Regular";
    src: url('https://www.klima-suedkaernten.at/templates/ja_boxing/fonts/hanken_grotesk/HankenGrotesk-Regular.ttf');
}


@font-face{  
    font-family: "HankenGrotesk-Medium";
    src: url('https://www.klima-suedkaernten.at/templates/ja_boxing/fonts/hanken_grotesk/HankenGrotesk-Medium.ttf');
}


@font-face{  
    font-family: "HankenGrotesk-SemiBold";
    src: url('https://www.klima-suedkaernten.at/templates/ja_boxing/fonts/hanken_grotesk/HankenGrotesk-SemiBold.ttf');
}


@font-face{  
    font-family: "HankenGrotesk-Bold";
    src: url('https://www.klima-suedkaernten.at/templates/ja_boxing/fonts/hanken_grotesk/HankenGrotesk-Bold.ttf');
}


@font-face{  
    font-family: "HankenGrotesk-ExtraBold";
    src: url('https://www.klima-suedkaernten.at/templates/ja_boxing/fonts/hanken_grotesk/HankenGrotesk-ExtraBold.ttf');
}


@font-face{  
    font-family: "HankenGrotesk-Black";
    src: url('https://www.klima-suedkaernten.at/templates/ja_boxing/fonts/hanken_grotesk/HankenGrotesk-Black.ttf');
}


@font-face{  
    font-family: "HankenGrotesk-Italic";
    src: url('https://www.klima-suedkaernten.at/templates/ja_boxing/fonts/hanken_grotesk/HankenGrotesk-Italic.ttf');
}

@font-face{  
    font-family: "HankenGrotesk-LightItalic";
    src: url('https://www.klima-suedkaernten.at/templates/ja_boxing/fonts/hanken_grotesk/HankenGrotesk-LightItalic.ttf');
}

@font-face{  
    font-family: "Vibur-Regular";
    src: url('https://www.klima-suedkaernten.at/templates/ja_boxing/fonts/vibur/Vibur-Regular.ttf');
}
@font-face{  
    font-family: "Vibur-Regular";
    src: url('https://www.klima-suedkaernten.at/templates/ja_boxing/fonts/vibur/Vibur-Regular.ttf');
}
@font-face{  
    font-family: "Vibur-Regular";
    src: url('https://www.klima-suedkaernten.at/templates/ja_boxing/fonts/vibur/Vibur-Regular.ttf');
}


:root, [data-bs-theme="light"] {
    --t4-body-color: #1a4960;
}

div.ja-dark-mode {  /* BUTTON FÜR DARKMODE AUSBLENDEN */
    height: 5px; /* 56 */
    width: 5px; /* 56 */
    visibility: hidden;
}



.light-active {  /* HELLER STIL GENERELL */
    --border-color: none; /* #f2f2f2; LINIEN WEG*/
    --headings-color: var(--color-secondary);
    --mainnav-link-color: var(--color-secondary);
    --bg-input: #eef2f1; /* FORMULARE INPUT BG */
    --bg-item-1: #eef2f1;
}

.light-active {
    /* --body-bg-color: #efefee; HG UNTERM MENU */
}
div.t4-header .header-block {
    /* background-color: #fff;  EXTRA */
}
div.t4-header {
    background: #82a10e; /* HG GRÜN HEADER GENERELL WENN NICHT GESCROLLT*/
    min-height: 104px;
}

/* 
MÖGLICHE ALTERNATIVE?
HAEDER SAMT MAINMENU ÜBER DIE BILDER POSITIONIEREN */
/*  .t4-header.section-overlap {   KOMBI MIT MODULPOSITION: " section-overlap" im Headermodul 
    margin-bottom: -110px !important;   ÜBERLAPPEN

} */

/* HEADER BEIM SCROLLEN - STICKY + FARBE (NICHT TRANSPARENT) 

.not-at-top #t4-header.t4-sticky {
    background-color: var(--color-secondary);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
} */

/* BESSERE VARIANTE  */
.not-at-top #t4-header.t4-sticky { /* BEIM SCROLLEN */
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 888;
    transition: all 0.5s ease; /* ANIMATION BEIM EINBLENDEN DES FARBIGEN HG WENN GESCROLLT */
    background-color: #82a10e; /* HG FARBE WENN GESCROLLT var(--color-secondary); */
}

/* HEADER BEIM SCROLLEN - STICKY + FARBE (NICHT TRANSPARENT) ERGÄNZEND*/
@media (max-width: 575.98px) {
  .not-at-top #t4-header.t4-sticky {
    background-color: #ffffff00 !important;  /* FARBWECHSEL IMMER VERHINDERN - SMARTPHONE */
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.00);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.00);
}
  }

/* MAINMENUE MIT EIGENER KLASSE /  z.B. DUNKLES MENU AUF FARBIGEM SLIDER BEIM SCROLLEN*/

.menueklasse1 .not-at-top .t4-sticky .navbar-nav > li > .nav-link {
    color: #fff;   /* MENUTEXT BEIM SCROLLEN  */
}

.menueklasse1 .dropdown-toggle .item-caret::before {
    border-top: 0px solid #fff !important; /* CARET AUSBLENDEN   */
}
.menueklasse1 .dropdown-toggle > li > a:hover .item-caret::before {
    border-top: 0px solid #fff !important; /* CARET AUSBLENDEN  */
}
.not-at-top .t4-sticky .navbar-nav > li > a, .navbar-nav > li > .nav-link {
    color: var(--color-secondary);
}
.not-at-top .t4-sticky .navbar-nav > li > .nav-link {
    color: #fff !important; /* BEIM SCROLLEN FÜR ALLE KLASSEN */
}

.t4-megamenu .dropdown-menu {
    width: max-content; /* BREITE WENN NICHT EMGAMENU*/
}

.menueklasse1 #t4-topbar {
    z-index: 30 !important; /* NACH OBEN*/
    color: #ffffff90;
    font-size: 0.80rem;
    font-family: 'HankenGrotesk-Regular'; 
    letter-spacing: 0.5px;
    word-spacing: 0.45em;
    border-bottom: 1px solid #ffffff38;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: #2e5d9300; /* TRANPARENT*/
}

/* .menueklasse1 #t4-header {   */
/*     background: transparent;  /* HG HIER TRANSPARENT WENN NICHT GESCROLLT */
/*     border-bottom: 0px solid #f4f4f4; /* BORDER WEG */
 /*    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.00); /* SHADOW WEG */
 /*    margin-bottom: -156px; /*  ÜBERLAPPEN BEI TRANSPARENTEM HEADER GANZ OBEN
 /*    border-bottom: 0px solid #ffffff2e;
/* } */

/* BESSERE ALTERNATIVE */
.menueklasse1 #t4-header {  /* WENN GANZ OBEN */
    background: transparent; /* HG HIER TRANSPARENT WENN NICHT GESCROLLT */
    height: 100px;
    margin-bottom: -156px; /*  ÜBERLAPPEN BEI TRANSPARENTEM HEADER GANZ OBEN */
    background-color: #ffffff00;
    transition: all 0.5s ease; 
}

.menueklasse1 .btn.btn-secondary {  /* WENN NICHT GESCROLLT */
    background-color: #ffffff00;
    border-color: #fff;
}


.not-at-top .btn.btn-secondary {  /* WENN GESCROLLT */
    background-color: #ffffff00 !important;
    border-color: #fff !important;
}

.t4-megamenu .navbar-nav > li > a,
.t4-megamenu .navbar-nav > li > .nav-link {
  color: #1a2431;
  font-size: 1rem;
  padding: 20px 1rem;
  height: 104px;
  line-height: 64px;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  text-transform: uppercase; }
  .t4-megamenu .navbar-nav > li > a .item-caret:before,
  .t4-megamenu .navbar-nav > li > .nav-link .item-caret:before {
    border-top-color: #f6f6f6; }
  .t4-megamenu .navbar-nav > li > a:hover, .t4-megamenu .navbar-nav > li > a:focus, .t4-megamenu .navbar-nav > li > a:active,
  .t4-megamenu .navbar-nav > li > .nav-link:hover,
  .t4-megamenu .navbar-nav > li > .nav-link:focus,
  .t4-megamenu .navbar-nav > li > .nav-link:active {
    color: #ffffff;
  }


.t4-megamenu .navbar-nav > li.show > a,
.t4-megamenu .navbar-nav > li.show > .nav-link {
  color: #fff; }


.t4-megamenu .navbar-nav > li.active > a,
.t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #fff; }


@media (min-width: 1200px) {
    .d-xl-inline {
        display: flex !important;   /* SPRACHAUSWAHL NEBEN MENU TOGGLE PLATZIEREN*/
        align-items: center; /* AUF EINER EBENE */
    }
}

.t4-megamenu .navbar-nav > li.active > .nav-link .item-caret:before {
    border-top-color: #ffffff;
}
.t4-megamenu .navbar-nav > li > .nav-link .item-caret:before {
    border-top-color: #ffffff;
}

div.mod-languages a {
    padding: .5rem;
    text-decoration: none;
    color: #fff;
    /* background: none; */
    border: 0px solid #fff;
    font-size: 0.85rem;
}
div.mod-languages ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
}
div.mod-languages ul li.lang-active {
    background-color: #f0f0f000;
}
div.mod-languages li {
    margin: 0 .2rem;
}
.not-at-top div.mod-languages a {  /* WENN GESCROLLT */
    padding: .5rem;
    text-decoration: none;
    color: #ffffff;
    /* background: none; */
    border: 0px solid #fff;
    font-size: 0.85rem;
}

.menueklasse1 div.mod-languages ul li.lang-active {
    background-color: #f0f0f000;
    border-bottom: 1px solid #ffffff80; /* AKTIVE SPRACHE */
}

.t4-masthead + .t4-main-body {
    padding-top: 8rem;
    background: #ffffff !important;
}

/* LOGO */
.navbar-brand .logo-img {
    max-height: 70px;
    width: auto;
  margin-top: 0px;

}
@media (max-width: 767.98px) {
    .navbar-brand .logo-img {
        max-height: 50px !important;
        margin-top: 0px;
    }
}
.not-at-top .navbar-brand .logo-img { /* EV EIGENE LOGO DATEI?*/
    max-height: 70px;
    width: auto;

}
.t4-palette-gray a {
    color: var(--body-link-color);
}

/* TOPBAR MODULPOSITIONEN   */

.t4-topbar {
    padding-top: 0.66667rem;
    padding-bottom: 0.66667rem;
    font-size: 0.84rem;
    border-bottom: 0px solid #efefef;
    background-color: #ffffff;   /* var(--color-secondary); */
    color:  var(--body-text-color); 
}

@media (min-width: 1490px) {
.t4-topbar {
    padding-left: 5%; /* EXTRA ABSTAND WENN SEHR BREIT*/
    padding-right: 5%; /* EXTRA ABSTAND WENN SEHR BREIT*/
}
}

@media (max-width: 499px) { /* VERKLEINERN NUR DER LOGOS */
  .t4-topbar img {
    max-height: 55px; 
    width: auto;
    height: auto;
  }
}

.t4-topbar .row {
    display: flex;  /* VERTIKAL ZENTRIERT  */
    -ms-flex-wrap: wrap;
    align-items: center;
} 

.t4-topbar a {
    color:  var(--body-text-color); 
}
.t4-topbar a:hover {
    opacity: 75%;
}
.t4-topbar .fa {
    color:  var(--body-text-color); 
}


/* MAINMENU REGULÄR */
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    color: #fff; /*var(--mainnav-link-color); */
    font-size: 1.1rem; /* MAINNAV */
    padding: 6px 1.2rem;
    height: 70px; /* 104px;  FLOATING ZU HOCH */
    line-height: 64px;
    letter-spacing: 1px;
    text-transform: uppercase;
  font-family: 'HankenGrotesk-SemiBold';
}

@media (max-width: 1490px) {
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    color: #fff; /*var(--mainnav-link-color); */
    font-size: 1.0rem; /* MAINNAV */
    padding: 6px 1.0rem;
    height: 70px; /* 104px;  FLOATING ZU HOCH */
    line-height: 64px;
    letter-spacing: 0.8px;
}
}

@media (max-width: 1270px) {
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    color: #fff; /*var(--mainnav-link-color); */
    font-size: 0.9rem; /* MAINNAV */
    padding: 6px 0.8rem;
    height: 70px; /* 104px;  FLOATING ZU HOCH */
    line-height: 64px;
    letter-spacing: 0.2px;
}
}



.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item {
    font-family: "HankenGrotesk-Regular";
    font-size: 0.95rem; /* DROPDOWN MEGA */
    letter-spacing: 0.2px;
  line-height: 1.3rem;
  background: #ffffff;
}

.t4-megamenu .mega-col-nav .mega-col-title, .t4-megamenu .mega-col-module .mega-col-title {
    font-size: 0.9rem;  /* SPLATENTITEL */
    font-weight: inherit;
    text-transform: uppercase;
}

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item, .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link {
    white-space: pre-line; /* UMBRUCH ERZWINGEN */
    /* -webkit-hyphens: auto; */
    /* -ms-hyphens: auto; */
    /*  hyphens: auto; UMBRUCH NACH SILBEN */
    /* -webkit-hyphens: auto; */
    /* -ms-hyphens: auto; */
}

/* OFFCANVAS MENU */

.c-offcanvas--left {
    width: 330px !important;
}

.t4-offcanvas .t4-off-canvas-header {
    background: var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
}
.t4-offcanvas .t4-off-canvas-header .close span {
    color: #fff;
    width: auto;
    font-size: 30px;
}
.t4-offcanvas-toggle i {
    font-size: 23px;
    color: #fff;
}
.t4-offcanvas-toggle {
    border-radius: 0px !important;  /* NUR OFFCANVAS BURGER */
  background: transparent;
  border: 1px solid #fff;
}
.t4-offcanvas .navbar-nav, .t4-offcanvas .oc-level-0 .drilldown-effect .navbar-nav {
    padding-left: 20px; /* ALLES ABSTAND NACH KINKS */
}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .separator {
    color: var(--mainnav-link-color);
    font-weight: inherit;
    text-transform: none;
    font-family: "HankenGrotesk-Bold"; /* MAINMEU ITEM LEVEL1 */
}
.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item, .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link {
    padding: 0.0rem 0; /* ABSTAND SUBMENU-ITEMS */
}
.c-offcanvas--right {
    width: 330px; /* BREITER */
}
.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-item {
    padding-left: 0.5rem;
}
.t4-offcanvas .t4-off-canvas-body .navbar .btn-toggle {
    top: 15px;
}

/* T4 HERO */
#t4-hero {
    margin: 0px 0px 0px 0px;
}

/* BREADCRUMB */
#t4-header + .t4-breadcrumb {
    padding-top: 4rem;
    border-top: 1px solid var(--border-color); /* NUR WENN BEIDES GEMEINSAM */
}
.t4-breadcrumb {
    border-bottom: 1px solid #ecefef;
    background: #f7f7f500;
    margin-top: -2px; /* SLIDER EFFEKT LINIE ENTFERNT */
    border-top: 2px solid #fff;  /* SLIDER EFFEKT LINIE ENTFERNT */
}
.t4-content {
    background-image: none;
    margin-top: -2px; /* SLIDER EFFEKT LINIE ENTFERNT */
    border-top: 2px solid #fff;  /* SLIDER EFFEKT LINIE ENTFERNT */
}

.modulnachoben  {
    margin-top:-170px;  /* SECTION-1 SUCHMODUL STARTSEITE */
}

blockquote {
    margin: 2rem 17% 1rem 17%;
    font-family: "HankenGrotesk-Light";
    font-size: 2.3rem;
    line-height: 1.60;
    color: var(--color-secondary) !important;
}

@media (max-width: 1.399px) {
blockquote {
    margin: 2rem 10% 1rem 10%;
    font-family: "HankenGrotesk-Light";
    font-size: 2.1rem;
    line-height: 1.5;
}
  }

@media (max-width: 900px) {
blockquote {
    margin: 1rem 8% 1rem 8%;
    font-size: 1.6rem;
      line-height: 1.4;
}
}


@media (min-width: 1400px) {
.container, .t4-masthead .t4-masthead-detail, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1420px;  /* MAX FÜR MODULE ETC 1569px */
}
    }


@media (min-width: 1400px) {
.container-xxl {
    max-width: 90%; /* BREITE NUTZEN STATT 1568px - MODUL FLOATING */;
}
    }

#t4-header + .t4-breadcrumb {
    padding-top: 0.3rem!important; 
    font-size:0.8rem;
    border-bottom: 1px solid #f2f2f2;

}
.mod-breadcrumbs li {
    color: var(--headings-color);
    opacity: 0.6;
}

@media (min-width: 992px) {
    .col-lg-5 {
        width: auto;  /* CONTENTBEREICH ZU SCHMAL BEI GEWISSER GRÖSSE - width: 41.66667%; */
    }
}

.item-page {
    max-width: 1114px; /* 1014px;  MAX BREITE ARTIKEL */
    margin: auto;
}

.t4-main-body {
    padding-top: 2.0rem;
    padding-bottom: 4rem;
}
@media (min-width: 1200px) {
.t4-main-body {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
    }

.t4-main-body a {
    color: var(--body-color);
    text-decoration: underline;
}

.pagenavigation .pagination a.btn, .pagenavigation .pagination .blog-list .item-readmore a, .blog-list .item-readmore .pagenavigation .pagination a {
    text-decoration: none !important;
}

/* MODUL TITEL LINKSBÜNDIG*/

.mod-title-wrap {
    max-width: fit-content !important;
    text-align: -webkit-left !important;
    margin-left: 0 !important;
}

/* JOOMLA BLOG */

.blog .page-header h2 a {
    text-decoration: none !important;
}

.blog .item-intro p, .blog-featured .item-intro p {
    margin-bottom: 2rem;
}

.blog .item-intro p, .blog-featured .item-intro p {
    display: -webkit-box;
    -webkit-line-clamp: none !important; /* BLOG - TEXT KÜRZEN MIT ZIFFERN: 4 = NUR 4 ZEILEN DANN ... */
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0;
}

p.readmore .btn {
    background-color: rgb(255 255 255);
    padding: 0.70rem 1.2rem;
  text-transform: uppercase;
    font-size: 0.9rem;
  text-decoration: none;
    border: 1px solid var(--color-secondary);
}
p.readmore .btn:hover {
    background-color: rgb(255 255 255);
    font-size: 0.9rem;
    color: inherit;
    opacity: 0.7;
}
.blog .items-row .item, .blog-featured .items-row .item {
    border: 1px solid #d2d9dd; /* RAHMEN */
    /* box-shadow: 0 3px 16px rgba(0, 0, 0, .04);   SCHATTEN */
  background: #f3f6f7;
}
.blog .items-row .item .item-content, .blog-featured .items-row .item .item-content {
    background: #f3f6f7; /* HG */
  background: #f3f6f7;
}

.t4-masthead + .t4-main-body {
    padding-top: 4rem !important;
}

@media (max-width: 575.98px) {
.t4-masthead + .t4-main-body {
    padding-top: 2.5rem !important;
}
}
@media (max-width: 575.98px) {
.t4-main-body {
    padding-top: 2.0rem;
    padding-bottom: 1rem;
    margin-top: -2px; /* SLIDER EFFEKT LINIE ENTFERNT */
    border-top: 2px solid #fff;  /* SLIDER EFFEKT LINIE ENTFERNT */
}
}

.ja-masthead {
    /* background-size: 800px;  HGBILD AUSBLENDEN */
   min-height:500px !important; 
    /*    max-height: 900px !important; */
}
.ja-masthead:before {
    background: #333;
    background: linear-gradient(0deg, rgba(0,0,0,1.0) 0%, rgba(0,0,0,1.0) 50%, rgba(0,0,0,1.0) 100%); 
    opacity: 0.25; 
}
.ja-masthead .ja-masthead-detail {
    padding: 19rem 1rem 3rem;
}
.ja-masthead .ja-masthead-detail .ja-masthead-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3em;
    text-transform: none;
    color: #91c9cf !important;
    font-family: "Vibur-Regular";
    letter-spacing: 0;
}

@media (max-width: 575.98px) {
.ja-masthead .ja-masthead-detail .ja-masthead-title {
    font-size: 2.3em;
}
}

.ja-masthead .ja-masthead-detail .ja-masthead-description {
    font-size: 1.25rem;
    margin-top: 1rem;
    /* color: #ffffffbd; MASTHEAD BESCHREIBUNG */
}

.bg-secondary {  /* ECKDATEN DER APARTMENTS HERVORHEBEN IN EINLEITUNG*/
    background-color: var(--color-secondary) !important;
    display: inline-flex;
    font-family: 'HankenGrotesk-Regular';
    padding: 8px 16px 8px 20px;
    color: #ebe6db;
    align-items: center;
  font-size: 0.9rem;
}

/* EXTRA - PROBLEM BEIM SPEICHERN MIT T4 MODUL HGFARBEN */

  #t4-meinfooter {
    background: #1b3441 !important; /* var(--color-secondary)*/ 
}
  #t4-meinfooter {
    color: #ffffff !important;
}
  #t4-meinfooter .module-title {
    color: #ffffff !important;
}

#t4-section-4 {
    background: var(-palette-gray) !important;
}

.t4-palette-grey a {
    color: var(--body-link-color) !important;
}


/* #t4-section-1 {
    background: var(--color-secondary) !important;
}  */

/* 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: 6.2rem;
    padding-bottom: 6.2rem;
    background: #d1dfe1;
}
@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% + 5px);
    margin-right: calc(-50vw + 50%);
    max-width: calc(100vw - 10px);
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    background: var(--color-secondary);
  color: #ffffff;
}
.fullwidth-dunkel .h1 {
  color: #fff;
 } 

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

p {
    margin-top: 0;
    margin-bottom: 0.7rem; /* GENERELL*/
}
@media (max-width: 575.98px) {  
    p {
    margin-top: 0;
    margin-bottom: 0.4rem;  /* SMARTPHONE */
}
  }
  
.item-page .share-social + .item-image {
    margin-top: 5rem;  /* HAUPTBILD ZUM TITEL */
}
.page-header h1, .page-header .h1, .categories-list h1, .categories-list .h1 {
    margin-bottom: 1rem;
    text-transform: none;
}

.page-header h1, .page-header .h1, .categories-list h1, .categories-list .h1 {
    font-weight: inherit;
    display: flex;
    /* justify-content: center !important; */
    margin-bottom: 4rem;
    color: var(--color-secondary);
    font-size: 2.2rem;
    font-family: "HankenGrotesk-Bold";
    text-transform: none;
    letter-spacing: 1px;
}

@media (max-width: 575.98px) {
.page-header h1, .page-header .h1, .categories-list h1, .categories-list .h1 {  /*  EXTRA SMARTHONES */
    font-size: 1.4rem;
    padding: 5px 24px 8px 24px; /* ABSTAND HGFARBE TITEL */
}
}

.item-page .page-header h1, .item-page .page-header .h1 {  /* SEITENTITEL EXTRA FORMATIERT */
    font-size: 2.2rem;
    font-family: "HankenGrotesk-Bold";
    color: var(--color-secondary);
    text-transform: none;
    letter-spacing: 4px;
    /* background-color: #333; */
    width: fit-content;
      text-align: left;
    /* padding: 5px 24px 8px 24px;*/
}
@media (max-width: 575.98px) {
.item-page .page-header h1, .item-page .page-header .h1 {  /* SEITENTITEL EXTRA FORMATIERT */
    font-size: 1.6rem;
}
  }


/* .item-page .page-header h1:before {  EXTRA BEFORE LINIE ÜBERM SEITENTITEL 
    content: "—";
    font-size: inherit;
    color: var(--color-primary);
    display: block;
    font-family: "Helvetica", Helvetica, Arial, sans-serif;
    line-height: 4rem;
    font-weight: 700;
}*/

/*  .item-page [itemprop="articleBody"]:before {   EXTRA BEFORE LINIE ÜBERM ARTIKEL
    content: "—";
    font-size: 4rem;
    color: var(--color-secondary);
    display: block;
    font-family: "Helvetica", Helvetica, Arial, sans-serif;
    line-height: 1rem;
    font-weight: 700;
    margin-bottom: 3.5rem;
}*/

.item-page .page-header {
    max-width: none; /* TITEL UNBESCHRÄNKT*/
    /* text-align: -webkit-center; TITEL ZENTRIERT */
      margin-bottom: 3rem;
}
@media (max-width: 575.98px) {
.item-page [itemprop="articleBody"] {   
    margin-top: 4rem !important; /* ABSTÄNDE CONTENT ZUM ARTIKELTITEL */
    margin-bottom: 3rem;
}
}

.item-page [itemprop="articleBody"] {
    margin-top: 3.5rem;
    margin-bottom: 4rem;
}

.item-page ul.tags {
    margin-bottom: 3.5rem;  /* TAG ZUM CONTENT */
    display: flex;
    justify-content: flex-start; /* TAGS NACH LINKS */
}


figure figcaption {  /* BILDINFO */
    background-color: #f3f6f700;
    color: #4056696b;
    font-size: 0.725rem;
    letter-spacing: 0.0px;
    padding: 0.7rem 0.5rem;
    text-transform: none;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.0);
}
#back-to-top {
    background-color: #202d39;
    border: 0px solid rgba(255, 255, 255, 0.3);
}

.view-classes-layout.layout-2 .classes-info-mod {
    top: 6rem;  /* 2rem  STICKY MODUL ABSTAND NACH OBEN */
}

.view-classes-layout .has-btn-link .link-heading {  /* CLASSES STIL STARTSEITE */
    font-size: 2.0rem;
}

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

.fa-arrow-right:before {
    content: "\f061";
    padding-right: 8px;  /* PFEIL BEI BUTTONS*/
}

/* .fa-ul {
    content: "fas fa-check-square";
}
*/
:root {
    --heading-font-family-2: 'HankenGrotesk-Bold'; /* EXTRA FETTERE HEADLINE */
}

h1, .h1, .h1, h2, .h2, .h2, h3, .h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    word-spacing: 1px;
    letter-spacing: 0px;
      color: var(--color-secondary); /* EXTRA NUR FÜR JCE EDITORANSICHT*/
}
@media (max-width: 575.98px) {
h1, .h1, .h1, h2, .h2, .h2, h3, .h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}
  }

h1, .h1 {
    font-size: var(--h1-font-size);
    /* text-transform: uppercase; */
    font-family: 'HankenGrotesk-Bold', "HankenGrotesk-SemiBold";
    letter-spacing: 0.0px !important;
}

@media (max-width: 575.98px) {
  h1, .h1 {
    font-size: 1.6rem;
        margin-bottom: 0.5rem;

}
}

h2, .h2 {
    font-size: var(--h2-font-size);
    font-family: 'HankenGrotesk-Bold';
}
@media (max-width: 575.98px) {
  h2, .h2 {
    font-size: 1.3rem;

}
}

h3, .h3 {
    font-size: var(--h3-font-size);
    font-family: 'HankenGrotesk-Bold';
      margin-top: 1rem;
}

@media (max-width: 575.98px) {
  h3, .h3 {
    font-size: 1.2rem;

}
}
@media (max-width: 575.98px) {
:root {
    --h1-font-size: 30px;
}
}

h4, .h4, .h4, h5, .h5, .h5, h6, .h6, .h6 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (max-width: 575.98px) {
:root {
    --h4-font-size: 25px;
    --h5-font-size: 20px;
}
}



.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
    color: var(--color-primary);
}

.item-page .blockquote, .item-page blockquote { /* BLOCKQUOTE  */
    background: none;
    background: #edf3e8;
    color: inherit !important;
    padding: 0.5rem 2rem 2rem 2rem;
    position: relative;
    font-size: 1.15rem !important;
    margin: 2rem 0;
    /* border: 0px solid #369aab; */
    font-family: "HankenGrotesk-Bold";
    /* border-radius: 0.6rem; */
}
.item-page .blockquote:before, .item-page blockquote:before {  /* BLOCKQUOTE SYMBOL */
    content: "\f10d"; 
    display: inline-block;
    padding-right: 1rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 0px;
    color: #fff;
    opacity: 0.3;
    margin-top: -30px;
}

em {
    color: inherit !important;
}

b, strong {
    font-weight: inherit;
    font-family: "HankenGrotesk-SemiBold", 'HankenGrotesk-Bold';
}

.btn, .blog-list .item-readmore a {
    --t4-btn-padding-x: 1.4rem;
    --t4-btn-padding-y: 0.80rem;
    --t4-btn-font-family: "HankenGrotesk-SemiBold";
    --t4-btn-font-size: 1.0rem;
    --t4-btn-font-weight: inherit;
    --t4-btn-line-height: 1.3;
    --t4-btn-border-radius: 6px;
}

.pagenavigation .pagination a.btn:hover, .pagenavigation .pagination .blog-list .item-readmore a:hover, .blog-list .item-readmore .pagenavigation .pagination a:hover {
        color: var(--color-secondary) !important;
}

thead, tbody, tfoot, tr, td, th {
    border-width: 0;
    border-bottom: 1px solid #202d39 !important; /* GENERELL LINIE */
}

.btn.btn-secondary:after {
    color: #ffffff !important;
}


.btn, .blog-list .item-readmore a {
    text-transform: none;
}

.btn:hover, .btn:active {
    opacity: 0.85;
    -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.3) !important;
}

.btn.btn-primary {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #ffffff;
}

.btn.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #ffffff;
  opacity: 0.85;
}


.btn.btn-breit {  /* SCHWARZE KONTUR*/
  border-color: var(--t4-body-color) !important;
  color: var(--t4-body-color) !important;
}
.btn.btn-breit:hover {
  background-color: var(--t4-body-color) !important;
  color: #fff !important;
}

.light-active .btn-dark {
    --color-dark: var(--color-primary) !important;
    --white: #fff;
}

.btn-light:hover {
    opacity: 1;
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2) !important;
}

table { /* TABELLE GENERELL*/
    caption-side: bottom;
    border-collapse: collapse;
    border: 0px solid #eef2f1;
    background: #f3f3f14d; /* ZB VERGLEICHSLISTE FWRE */
    font-size: 0.95rem;
} 
@media (max-width: 575.98px) {
table { /* TABELLE SMARTPHONES*/
    font-size: 0.80rem;
} 
  } 

td {
    /* padding-top: 0.55rem;
    padding-bottom: 0.5rem; */
}

.bg-primary {
    background-color: var(--color-primary) !important;
    padding-left: 0.35rem;  /* TEXT MIT HG FARBE */
    padding-right: 0.35rem;
}

.mod-title-wrap .section-title {  /* MODUTITEL */
    font-family: var(--heading-font-family);
    font-size: 2.0rem;
    color: var(--color-secondary);
    text-transform: none;
    /* word-spacing: 0.4em; */
    letter-spacing: 0px;
    /* background-color: #333; */
    /* width: fit-content; */
    /* padding: 5px 24px 8px 24px; */
}

@media (max-width: 575.98px) {
.mod-title-wrap .section-title {
    font-size: 1.5rem;
}
}

.mod-title-wrap {
    max-width: 650px;
    text-align: -webkit-center;
}

.modulklasse1:first-child {
    margin-top: 7rem !important;  /* SIDEBAR-R NACH UNTEN */
}

.wf-icon-zoom-image {  /* JCE UOOM ICON */
    left: -48%;
    top: -5%;
}

@media (min-width: 1200px) {
.t4-footnav .col-12:first-child {
    padding-left: 4rem;  /* FOOTNAV MODUL ERSTES */
}
}

/* WIDGETKITKLASSSEN */

.wk-scope .wk-h4, .wk-scope h4 {
    font-size: 22px;
    line-height: 1.4;
    font-family: "HankenGrotesk-SemiBold" !important;
}

.wk-scope  {
/* max-width: 90%; */
}

.wk-scope a.wk-link-reset {
    color: var(--body-text-color) !important;
    text-decoration: none !important;
}

.wk-scope .wk-card-default {
    color: var(--color-secondary) !important; 
      font-family: 'HankenGrotesk-Regular' !important; 
}
.wk-scope .wk-button-default {
    background-color: #fff !important; 
    color: var(--color-secondary) !important; 
    border: 1px solid var(--color-secondary) !important;  /* WEISSE BUTTONS MIT TEXT */
}
.wk-scope .wk-button-default:hover {
    opacity: 0.8 !important;
}
.wk-scope .wk-button {
    font-size: 16px !important;
    font-family: 'HankenGrotesk-SemiBold' !important;
    border-radius: 6px !important;
    display: inline-block;
    box-sizing: border-box;
    padding: 0.2rem 1.2rem !important;
}

.wk-scope .wk-h3, .wk-scope h3 {
    font-size: 28px !important; 
    line-height: 1.4 !important; 
    font-family: 'HankenGrotesk-SemiBold' !important; 
}

.wk-scope .wk-slider-container-offset {
    margin: -11px -10px -39px -10px !important;  /* SCROLLBALKEN ODER WEISSEN RAND BEI SLIDER AM SMARTPHONE VERMEIDEN */
    padding: 11px 25px 39px 25px;
}

.wk-scope .wk-subnav>*>:first-child {
    margin-bottom: 14px; /* ABSTAND FILTER  */
}

.wk-scope .wk-subnav-pill>.wk-active>a {
    background-color: var(--color-secondary) !important;
    color: #fff !important; 
}

.wk-scope .wk-card-secondary {
    --wk-inverse: light;
    background-color: var(--color-secondary) !important; /* SLIDER HG SECONDARY */
    color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}

.wk-scope .wk-subnav-pill>*>:first-child {
    padding: 5px 10px;
    background: #ffffff !important;  /* FILTER BUTTONS */
    color: var(--color-secondary) !important; 
    font-family: "HankenGrotesk-Regular";
    font-size: 15px !important;
}
@media (min-width: 1200px) {
    .wk-scope .wk-card-body {
        padding: 36px 36px !important;
    }
}
.widgetkitklasse02 .wk-link, .widgetkitklasse02 a {
    color: var(--color-secondary) !important;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 1199px) {
.widgetkitklasse02 .wk-link-reset a, .widgetkitklasse02 a.wk-link-reset {
    text-decoration: none !important;
    font-size: 1.5rem !important;
    font-family: 'HankenGrotesk-SemiBold' !important;  /* HEADLINE */
  color: #ffffff !important;
}
  }

@media (min-width: 1200px) {
.widgetkitklasse02 .wk-link-reset a, .widgetkitklasse02 a.wk-link-reset {
    text-decoration: none !important;
    font-size: 2.5rem !important;
    font-family: 'HankenGrotesk-Regular';  /* HEADLINE */
  color: #ffffff !important;
}
  }

.widgetkitklasse02  .wk-grid+.wk-grid-collapse, .widgetkitklasse02 .wk-grid+.wk-grid-row-collapse, .widgetkitklasse02 .wk-grid-collapse>.wk-grid-margin, .widgetkitklasse02 .wk-grid-row-collapse>.wk-grid-margin {
    margin-top: 0;
    background: #242933 !important;
    color: #ffffff !important;
  font-size: 1.0rem;  /* FLIESSTEXT */
}

@media (min-width: 1200px) {
.widgetkitklasse02  .wk-grid+.wk-grid-collapse, .widgetkitklasse02 .wk-grid+.wk-grid-row-collapse, .widgetkitklasse02 .wk-grid-collapse>.wk-grid-margin, .widgetkitklasse02 .wk-grid-row-collapse>.wk-grid-margin {
    background: #242933 !important;
    color: #ffffff!important;
  font-size: 1.2rem;  /* FLIESSTEXT */
}
  }

.widgetkitklasse02 .wk-grid {
    background: #242933 !important; /* HG  */
      color: #ffffff!important;
}

@media (min-width: 1200px) {
.widgetkitklasse02 .wk-padding {
        padding: 150px  !important; /* MEHR ABSTAND */
    }
}

.widgetkitklasse02 .wk-button-default {
    background-color: transparent;
    color: #ffffff !important; /* BUTTON */
    font-size: 0.8rem !important;
    border: 1px solid #ffffff !important;
}
.widgetkitklasse02 .wk-link-reset a, .widgetkitklasse02 a.wk-link-reset {
    color: #ffffff !important; /* HEADLINE */
    text-decoration: none !important;
}

/* CROP ERZWINGEN FÜR BEST. ASPECT RATIO IN WIDGETKIT GRIDSTACK
FUNKTIONIERT NUR WENN: WENN KEINE BILDGRÖSSE, KEIN OVERLAY EINGESTELLT*/
.widgetkitklasse12 > div > div > img {
width: 100%;
aspect-ratio: 3 / 1.8;  /* SEITENVERHÄLTNIS FIXIEREN */
object-fit: cover;
}

@media (max-width: 2000px) {  /* BEI TABLETS CROP ERZWINGEN FÜR BEST. ASPECT RATIO  */
.widgetkitklasse12 > div > div > img {
width: 100%;
aspect-ratio: 3 / 2.0; /* SEITENVERHÄLTNIS FIXIEREN */
object-fit: cover;
}
  }
 
@media (max-width: 960px) {  /* BEI SMARTPHONES BILD TEXT UNTEREINANDER */
.widgetkitklasse12 > div > div > img {
width: 100%;
aspect-ratio: 3 / 2.0; /* SEITENVERHÄLTNIS FIXIEREN */
object-fit: cover;
}
}
.widgetkitklasse12 p { 
  /* Blocksatz aktivieren für diese Klasse */
  text-align: justify;
  /* Automatische Silbentrennung aktivieren */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.wk-scope .wk-subnav-pill>*>:first-child {
    padding: 8px 14px !important;
    background: 0 0;
    color: #222 !important;
    background: #f8f8f8 !important;  /* GRID - TAGS AUSWAHL */
  font-size: 15px !important;
}
.wk-scope .wk-subnav-pill>.wk-active>a {
    background-color: var(--color-secondary) !important;
    color: #fff !important;  /* GRID - TAGS AUSWAHL */
    font-size: 15px !important;
}
.wk-scope .wk-subnav {
    padding-bottom: 20px !important;
}

.widgetkitklasse03 .wk-h3, .widgetkitklasse03 h3 {
    font-size: 24px;
    line-height: 1.4;
    font-family: "HankenGrotesk-SemiBold" !important;
    color: #fff;
  padding-top: 0.8rem !important;
}

/* BEGINN - EINLEITUNGSBILDER "YOOTHEME GRID" - CROP ERZWINGEN FÜR BEST. ASPECT RATIO */
.widgetkitklasse03 .wk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.widgetkitklasse03 .wk-transition-opaque {
    opacity: 1;
    width: 100%; 
    aspect-ratio: 3 / 2;
    object-fit: cover; 
}
.widgetkitklasse03 .p {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* ENDE */

/*  WIDGETKITKLASSEN KLASSEN */


.wk-scope .wk-button-primary {
    background-color: var(--body-link-color) !important;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 3px !important;
}

.widgetkitklasse2 a {
    color: var(--body-link-color) !important;
    text-decoration: none;
    cursor: pointer;
}

.widgetkitklasse04 .wk-margin-large {
    margin-bottom: 40px;
    background-color: #f2f2f2 !important;
}

.widgetkitklasse08 p, .widgetkitklasse08 pre, .widgetkitklasse08 ul {  /* SLIDESET VERTIKAL ZENTRIEREN, LOGOS */
    margin: 0 0 20px 0;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.widgetkitklasse08 img, .widgetkitklasse08 svg, .widgetkitklasse08 video {
    aspect-ratio: attr(width type(<number>)) / attr(height type(<number>));
    object-fit: contain !important; /* SLIDESET MAY HÖHE DER LOGOS */
    max-height: 140px !important; /* SLIDESET MAY HÖHE DER LOGOS */
}

.widgetkitklasse11 .wk-card-default {
    background-color: #f3f6f7 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .00) !important;
    border: 1px solid #dbdbdb !important;
}



.modulklasse2 {
    padding-top: 2rem;  /* EIGENER FOOTER - ALLE FOOTNAV MODULE */
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
}
@media (max-width: 575.98px) {
.modulklasse2 {
    padding-top: 1.3rem;  /* EIGENER FOOTER - ALLE FOOTNAV MODULE */
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    padding-bottom: 1.3rem;
}
}


.modulklasse2 .module-title {
    color: #141b23;
    font-size: 1.4rem; /* TITEL GRÖSSE */
    text-transform: none !important;
}

/* TAGS */

.com-tags-tag.tag-category ul.list-group li.list-group-item {
    background: none;  /*var(--bg-item-1); */
    border-color: var(--border-color);
    padding-left: 0.75rem;
}

.t4-module .nav li a, .t4-card .nav li a, .moduletable .nav li a, .module_menu .nav li a {
    padding: 0.1rem 0; /* MODUL MENU ITEMS */
}

/* JA BLOG LAYOUT */

@media (max-width: 991.98px) {
.items-leading .blog-item-content .item-content {
    width: 100%;
    padding-left: 2rem;
}
}

.klasseohneabstand {
    margin-left: -2rem !important; /* ABSTAND T4-GUTTER ENTFERNEN*/
    margin-right: -1rem !important;
}


/* SMILE PACK GALERIE SLIDER GLEICHES SEITENVERHÄLTNIS */

.nrf-widget.tf-slideshow-wrapper { /* EXRA */
width: 100%;
aspect-ratio: 3.5 / 1.0;  /* SEITENVERHÄLTNIS ALLE BILDER FIXIEREN - AUCH WENN HOCHFORMATE DABEI SIND */
object-fit: cover;
}

@media screen and (max-width: 575px) {
.nrf-widget.tf-slideshow-wrapper {
    width: 100%;
    aspect-ratio: 3 / 2.0; /* SEITENVERHÄLTNIS NUR SMARTPHONES*/
    object-fit: cover;
  }
}

/* JA ACMODULE ::::::::::::*/

.acm-hero.style-3 .description {
    font-size: 1.0rem;
}
.acm-features.style-3 .info-wrap {
    padding: 3.5rem 0.2rem 3.3rem 4rem;  /* WERTE ABSTÄNDE UM TEXT */
}


.view-classes-layout .article-content {
    padding: 4rem 3rem 2.5rem 3rem;  /* CLASSES STIL HOME */
}
@media (max-width: 575.98px) {
.view-classes-layout .article-content {
    padding: 2.7rem 2rem 2rem 2rem;  /* CLASSES STIL HOME */
}
}

.bg-dark, .module-dark {
    /* background-color: inherit !important; */
}
.acm-features.style-1 h3, .acm-features.style-1 .h3 {
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;  /* HAEDLINES MIT ICONS STARTSEITE */
}



/* DROPFILES */
.dropfiles-content-default[data-category="20"] .file .downloadlink, .dropfiles-content-default[data-category="20"] .download-all, .dropfiles-content-default[data-category="20"] .download-selected {
    font-size: 16px !important;
    padding: 8px 15px !important;
    height: 38px !important;
    line-height: 22px !important;
}

.dropfiles-content .dropfiles-categories h2 {  /* HEADLINE KATEGORIENAME */
    line-height: 1.3 !important;
    color: var(--color-secondary) !important;
    text-transform: uppercase;
    font-size: 1.80em !important;
    padding: 25px 10px 15px 5px !important;
}
.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list h3 a { /* HEADLINE FILENAME */
    font-weight: inherit !important;
    color: var(--color-secondary) !important;
    text-transform: none !important;
    vertical-align: text-top;
    font-size: 1.2rem !important;
    line-height: 1.5rem !important;
}
.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list .file .file-xinfo {
    margin-left: 65px;
    text-transform: none;
    overflow: hidden;
    font-size: 1.25em !important;
    line-height: 1.25 !important;
    color: #777 !important;
    padding: 20px 0 0 25px !important;
}

/* MYMAPS KOMPONENTE ..............*/
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { 
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10; /* OPENMAPS EXTRA*/
}
.resultmymap.mymap.mymap-inverse, .resultmymap.mymap.mymap-info.direction_mml, .mytool .mymap.mymap-inverse.resultmymap, .mytool .mymap.mymap-inverse.resultmymap:hover, .resultmymap.mymap.mymap-inverse.contact-btn, .resultmymap.mymap.mymap-inverse.contact-btn:hover {
    visibility: hidden; /* Details im Popup ausblenden */
}
span.routeicon, span.detailsicon, span.routeicon, span.contacticon {
    visibility: hidden; /* Infoicon im Popup ausblenden */
}
.leaflet-container {
    font: 15px/1.2 "HankenGrotesk-Regular", Arial, Helvetica, sans-serif;
    z-index: 1; /* OPENMAPS EXTRA*/
}
.leaflet-popup-content {
    margin: 16px 14px;
    line-height: 1.4;
}

/* SMILE PACK GALERIE-SLDIER */

.glightbox-container .gslide-description .gdesc-inner .gslide-desc {
    font-size: 1.3rem; /* LIGHTBOX BESCHREIBUNG*/
    margin: 0;
    color: #ddd;
}

*/ FÜR JCE */
.wf-mediabox-theme-shadow .wf-mediabox-container {
    border: 0px solid #666666 !important; /* OHNE RAND*/
    border-radius: 0;
    padding: 0;
      background-color: #ffffff00 !important; /* TRANSP*/
}
.wf-mediabox-container {
    background-color: #ffffff00 !important;  /* TRANSP*/
    border-radius: .25em;
    padding: .5em;
      border: 0px solid #666666 !important; /* OHNE RAND*/
}
.wf-mediabox-theme-shadow .wf-mediabox-close:after {
    content: "\00d7";
    line-height: 3rem;
    font-size: 3.75em;
}
.wf-mediabox-close, .wf-mediabox-prev, .wf-mediabox-next {
    height: 3em;
    width: 2em;
}

/* EASYBOOKING SMALLSEARCH */
.smallsearchAnfrage {
    background: #c0c6cb;
    height: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem 2rem 3.8rem 2rem;
}
 .eb_smallsearch {
 	width: auto;
 }
 .smallsearchForm {
 	width: auto;
 	display: flex;
 }
 .eb_smallsearch select {
 	background-color: #FFF;
 	border: 1px solid #CCC;
 	height: 30px;
 	padding: 7px 6px;
 	width: 60px;
 	float: right
 }
 .eb_smallsearch .adults .label,
 .eb_smallsearch .children .label {
 	color: #666;
 	line-height: 30px;
 	padding-right: 10px
 }
 .eb_smallsearch .adults,
 .eb_smallsearch .children {
 	margin: 5px 20px 0 0
 }
 .eb_smallsearch h3 {
 	width: auto;
 }
 .eb_smallsearch .arrival,
 .eb_smallsearch .departure {
 	min-width: unset;
 	float: left;
 	margin-right: 50px;
 	width: 300px;
 }
 .eb_smallsearch .arrival input,
 .eb_smallsearch .departure input {
 	color: #inherit;
 	font-size: 17.5px;
 	height: 56px;
 	line-height: 26px;
 	padding-left: 15px;
 	width: 100%;
 	margin: 0px 0;
 	z-index: 99;
 	border: none;
 }
 .eb_smallsearch form div.search .sendButton {
 	background: none repeat scroll 0 0 #6fb1b1;
 	border: 0 none;
 	border-radius: 0 0 0 0;
 	color: #FFF;
 	cursor: pointer;
 	float: unset;
 	font-size: 17px;
 	margin: 0px 0;
 	padding: 15px 33px;
 	margin-right: 25px;
 }
 .eb_smallsearch h3 {
 	color: inherit;
 	font-family: 'Raleway', sans-serif;
 	font-size: 28px;
 	font-weight: bold;
 	margin-top: 6px;
 	text-transform: uppercase;
 }
 .eb_smallsearch .datepicker {
 	background: url(http://nele.easybooking.tv/fileadmin/templates/Vorlage13_Nele/img/datepicker.png) no-repeat scroll right top 5px #FFF;
 	border: 0 none;
 }
 #ui-datepicker-div {
 	font-size: 17px;
 }
 @media screen and (max-width: 1000px) {
 	.eb_smallsearch .arrival,
 	.eb_smallsearch .departure {
 		width: 100%;
 		margin-bottom: 10px;
 	}
 	.eb_smallsearch form div.search .sendButton {
 		width: 49.574%;
 		margin-right: 0px;
 	}
 	.eb_smallsearch {
 		margin-left: 0px;
 	}
 }
 @media screen and (max-width: 500px) {
 	.eb_smallsearch form div.search .sendButton {
 		width: 100%;
 		margin-right: 0px;
 		margin-bottom: 10px;
 	}
 }
 @media screen and (max-width: 1008px) {
 	.smallsearchForm {
 		display: block;
 	}
 }
#ebOfferContainer .sectionTitle {
    font-weight: 400 !important;
      color: var(--color-secondary) !important;
    font-size: 1.5rem !important;
}
 .eb-input__inner {
    color: var(--color-secondary) !important;
    font-size: 17px !important;
}
.eb-form-item__label {
    color: var(--color-secondary) !important;
    font-size: 16px !important;
}
.eb-select-dropdown__item {
      color: var(--color-secondary) !important;
    font-size: 16px !important;
}
.eb-button {
      font-size: 17px !important;
}