@charset "utf-8";
/* CSS Document              JA BEAUTY - DDSB.AT -  */


/* FONTS */

@font-face{  
    font-family: "RobotoCondensed";
    src: url('https://www.ddsb.at/templates/ja_beauty/fonts/roboto/RobotoCondensed-VariableFont_wght.ttf');
}
@import url('../fonts/roboto/RobotoCondensed-VariableFont_wght.ttf');

@font-face{  
    font-family: "Roboto-Regular";
    src: url('https://www.ddsb.at/templates/ja_beauty/fonts/roboto/Roboto-Regular.ttf');
}
@import url('../fonts/roboto/Roboto-Regular.ttf');

@font-face{  
    font-family: "Roboto-Bold";
    src: url('https://www.ddsb.at/templates/ja_beauty/fonts/roboto/Roboto-Bold.ttf');
}
@import url('../fonts/roboto/Roboto-Bold.ttf');




body  {
  font-family: "Roboto-Regular", Arial, sans-serif; 
 }

.not-at-top .t4-sticky .header-block-1 {  /* HEADER MIT MAINMENU HG - STICKY BEIM SCROLLEN - HAT SEPARATE FARBE */
    background: #161f2e;  /* #000; */
    padding-top: 0.225rem; /*0.725rem;  SCHMÄLER BEIM SCROLLEN*/
    padding-bottom: 0.225rem; /*0.725rem;*/
  	border-bottom: 0px solid #e7e7e7; /* EXTRA RAND */
}
/* EXTRA CODE VOM SUPPORT */
@media (max-width: 1289.98px) { /* STICKY MAINEMNU AUCH BEI KLEINEREN SCREENS BEHALTEN */
  #t4-header.header-1.t4-sticky {
    position: -webkit-sticky !important;
    position: sticky!important;
     }
}

#t4-header .header-block-1 .logo-image img {
    max-height: 60px; /* LOGO FORMAT */
    width: 100%;
}

.t4-megamenu.animate.slide .dropdown > .dropdown-menu {
    backface-visibility: hidden;
    margin-top: -10%; /* -30% PROBLEME BEI ANIMATON DES BUTTONS IM MAINMENUE */
}
div.t4-megamenu .navbar-nav > li > a .item-caret.item-caret, div.t4-megamenu .navbar-nav > li > .nav-link .item-caret.item-caret {
    border-top-color: #ccc; /* MAINMENUE CARETS */
}
div.t4-megamenu .navbar-nav > li.show > a, div.t4-megamenu .navbar-nav > li.show .nav-link, div.t4-megamenu li.active > a, .dropdown-menu li.active > a {
    color: #ce3d3d !important; /* AKTIV ÜBERSCHREIBT PRIMARY FARBE */
}

.navbar-brand { 
    margin-right: 1.05rem; /* WENIGER DISTANZ WEGEN VIELEN MENÜPUNKTEN */
}


/* OFFCANVAS */
.t4-offcanvas {
    background: #151a27;
}
.t4-offcanvas .t4-off-canvas-header {
    background-color: #151a27;
}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .separator {
    color: var(--body-text-color);
    color: #ddd;  /* MEHR KONTRAST ERSTE STUFE */
}
.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item, .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link {
    color: var(--body-text-color);
    color: #999;  /* MEHR KOTRAST ZWEITE STUFE */
	white-space: pre-wrap; /* ZEILENUMBRUCH BEI LANGEM MENÜTEXT */
}




/* EXTRA MAINMENUE ITEMS FORMATIERT */
div.t4-megamenu .navbar-nav > li > a, div.t4-megamenu .navbar-nav > li > .nav-link {
    color: #fff;
  	font-family: "RobotoCondensed", Arial;
    text-transform: none;
    font-size: 17.8px;
    font-weight: 500;
    letter-spacing: 0.1px;
}
.navbar-expand-lg .navbar-nav .nav-link { /* MAINMENUE ABSTÄNDE */
    padding-right: 16px;
    padding-left: 16px;
  }
div.t4-megamenu .dropdown-menu {
  	font-family: "RobotoCondensed", Arial;
    background: #182231; /*FLYOUT HG*/
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
div.t4-megamenu .dropdown-menu li > a, div.t4-megamenu .dropdown-menu li > .nav-link, div.t4-megamenu .dropdown-menu li .dropdown-item {
    color: #081b39;
    font-size: 16.2px;
    font-weight: inherit;
    letter-spacing: 0.4px;
    text-transform: none;
    font-family: "Roboto-Regular";
    padding: 0.525rem 0.525rem;
}

.head-search .search .form-control, .head-search .search .inputbox, .head-search .search .search-query, .head-search .form-search .form-control, .head-search .form-search .inputbox, .head-search .form-search .search-query {
    background-image: url("https://www.ddsb.at/images/ddsb/grafiken/search-dunkel.png");   /* "../images/grafiken/search-dunkel.png"); EIGENES SUCH-ICON */
    background-position: right center;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    color: #ddd !important; /* TEXT INPUT*/
    position: absolute;
    padding: 0 0 0 54px;
    right: 0;
    top: 0;
    height: 54px;
    font-size: 0;
    max-width: none;
    transition: 500ms all;
    width: 154px;
    z-index: 10;
}
.t4-main-body {
    padding-top: 2.45rem;
    padding-bottom: 7rem;
    border-top: 2px solid #fff; /* LINIENPROBLEM SMARTSLIDER ÜBERDECKEN AUF SMARTPHONES - KOMBI MIT T4MODUL 2px ÜBERLAPPEND*/
    /* background: #fff;  */
}



h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: inherit; /* SONST FALSCHE FARBE EVENTBOOKING MAPS LOCATION*/
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .link-dark, .acm-features.style-1 .video-action {
    color: inherit; /* SONST FALSCHE FARBE DIVERSE*/
}
.section-title-wrap .section-title {
    text-transform: uppercase;
    font-weight: inherit;
    margin-top: 0;
    margin-bottom: 0.3625rem;
	margin-top:2rem;
}

ul.list-check li {
    color: inherit; /* SONST FALSCHE FARBE STARTSEITEN MODUL LISTEN*/
}
.page-header h2, .categories-list h2 { /* SEITENTITEL*/
    font-size: 2.1rem;
    margin: 0;
}
.eb-container h2 a { /* EVENTTITEL AKTIV*/
    color: #081b39;
}
b, strong {
	font-family: "Roboto-Bold";
    font-weight: 500;
}
.btn {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0.5px;
border: 0px solid transparent;
  border-radius: 4px /*EXTRA*/
}
.btn.btn-primary, a.btn-primary { /* ZB ANMELDEBUTTON EVENTS*/
    background-color: #bb2b2b !important;
    color: #ffffff;
}
.btn.btn-primary:hover, a.btn-primary:hover {
    background: #e82020 !important;
}
.btn.btn-primary:hover {
    opacity: 1.0;
}
.btn.btn-primary:hover, .search .btn-toolbar .btn:hover, a.btn-primary:hover, .search .btn-toolbar a.btn:hover {
    color: #fff;
}
.vm-btn-primary, input[type=submit], button[type=submit] { /* FORMULAR BUTTON */
    border-color: #ce3d3d !important;
    color: var(--heading-text-color);
    background: #ce3d3d;
}

.btn {  /* ÜBERSCHREIBT JCE ETC */
    display: inline-block;
    font-family: var(--heading-font-family);
    font-weight: 500 !important;;
    line-height: 1.5 !important;;
    color: #fff;
    text-align: center !important;;
    vertical-align: middle !important;;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 2px solid transparent;
    font-size: 1rem !important;;
    border-radius: 5px !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  	padding: 0.5rem 1.5rem !important;
}
.btn:hover {
  opacity: 0.92;
}


.table-bordered { /* TABELLENRAHMEN DETAILS AUSSEN*/
    border: 1px solid #e9ecef;
}
.table-bordered th, .table-bordered td { /* TABELLENRAHMEN INNENLINIEN*/
    border: 1px solid #e9ecef;
}
.form-control, .inputbox {
    max-width: 98%;  /* 240px; ANMELDEFORMULARFELDER */
}
.form-control, .inputbox { 
    display: block;
    width: 100%;
    height: calc(2.8rem + 8px); /* 3.3rem + 8px ANMELDEFORMULARFELDER */
    padding: 0.85rem 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.uk-button-primary {
    background-color: #990033;
    color: #fff;
    border: 1px solid transparent;
}

.alert-info, .contact .contact-miscinfo { /* ALARMMELDUNG EVENTFORMULAR ETC */
    color: #00626e;
    background-color: #ecebd9;
    border-color: #ccccc6;
}
.alert, .contact .contact-miscinfo, .com_config #page-site h1 {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 0;
}
.item-page [itemprop="articleBody"] {
    margin-top: 2.45rem;
    margin-bottom: 2.45rem;
}
.pagenav {
    margin: 3.9rem 0; /* ABSTAND DER VORHER/WEITER NAVIGATION */
        margin-bottom: 3.9rem;
}

.section-title-wrap .sub-heading { /* HEADLINE JA-MODULE STARTSEITE*/
    margin-top: 0;
    margin-bottom: 0;
    font-size: 36px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Arial", sans-serif;
}
@media (max-width: 799.99px) { /* HEADLINE JA-MODULE AUF KLEINEN SCREENS*/
  .section-title-wrap .sub-heading {
    font-size: 27px;
}
}
.section-title-wrap.space-normal { /* HEADLINE JA-MODUL */
    margin-bottom: 24px;
}
.section-title-wrap {
    margin-bottom: 32px; /* ABSTAND UNTERM TITLE STATT 72px */
}
ul.list-check li + li { /* AUFZÄHLUNG ZB. MODUL STARTSEITE */
    margin-top: 1.0rem;
}
.acm-statics.style-2 .number { /* MODUL STATSISTICS */
    background-image: url(../images/pattern/decor-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 3rem;
    margin-top: 0;
    font-family: "Arial";
    font-weight: 600;
}
@media (min-width: 1200px) { /* CONTENTSPALTEN KLEINER ORIG: 1290px */
  .container {
    max-width: 1200px;
  }
}
@media (min-width: 1290px) /* POSITIONEN - ABSTÄNDE................*/
.tpl-pb-3 {
    padding-bottom: 90px !important;
}
}
@media (min-width: 1290px)
.tpl-pt-3 {
    padding-top: 90px !important;
}
}
@media (min-width: 1290px) {
  div[id^="t4-section-"],
  div[id*="t4-section-"] {
    padding-bottom: 50px;
    padding-top: 30px;
  }
  }
@media (min-width: 1290px) {
div[id^=t4-section-], div[id*=t4-section-] {
    padding-bottom: 80px;
    padding-top: 60px;
   }
}
.t4-palette-primary #ja-form #ja_quicks_contact textarea { /* QUICK KONTAKT MODUL */
    background: rgba(0, 0, 0, 0.15);
    height: 200px; /* EXTRA HÖHE DER TEXTAREA */
}
  .t4-palette-primary #ja-form #ja_quicks_contact #ac-submit { /* QUICK CONTACT ABSENDEBUTTON*/
    background: #900;
    border: 0px solid #fff;
    border-radius: 3px;
    color: #fff;
    padding: 0.6rem 1.75rem;
}
  .ct-contact-info ul span {
    font-size: 1em; /* EMAILADRESSEN NICHT ÄNDERN*/
    text-align: center;
    margin-right: 0.725rem;
    width: 26px;
}
  .table-striped tbody tr:nth-of-type(2n+1) { /* TABELLEN HG EVENT*/
    background-color: #e8eff5;
}
  .module-title span { /* MODULTITEL SIDEBAR */
    padding: 0;
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: none;
}
  /* .t4-offcanvas { OFFCANVAS SIDEBAR MENU
    background: #182231;
}*/
  .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item, .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link {
    padding: 0.725rem 0 0.725rem 0.0rem; /* OFFCANVAS - KEIN EINZUG SUBMENU*/
}

  .module-ct, .moduletable { /* RAHMEN MODUL ANFRAGEFORMULAR SECTION-5*/
    border-color: rgba(255, 255, 255, 0.0); /*AUSBLENDEN*/
}
  .module-ct, .moduletable { /*AUSBLENDEN*/
    border-width: 0px;
    border-style: solid;
    padding: 18px;
}
  
.t4-footer .container {
    color: #878787;
    text-transform: inherit;
    font-size: 0.675rem;
    letter-spacing: 1px;
}




/* EVENTMODUL MIT EIGENEM STIL*/
.meineventmodul .ebm-upcoming-events .ebm-event-link { /* EVENTS IN SIDEBAR MODUL */
    font-size: 100%;
    font-weight: 500;
}
  
  
  
  
 
  
/* SHORTCODES:::::::::::::::::::*/
  .su-custom-carousel-style2 .owl-carousel {
    padding-top: 55px; /* SHORTCODES:  CUSTOM CAROUSEL ABSTAND*/
    overflow: hidden;
}
.su-spoiler-title h3 { /* ACCORDION SHORTCODE*/
    padding: 0;
    margin: 10px;
    font-weight: 500;
    font-size: 26px;
    line-height: normal;
}
@media (max-width: 800px) {  
  .su-spoiler-title h3 { /* ACCORDION SHORTCODE*/
    padding: 0;
    margin: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
}
  }
  
  .su-accordion .su-spoiler {
    margin-bottom: 1.0em; /*ABSTAND*/
}
  .su-spoiler-content {
    padding: 24px;
}

/* YOOTHEME ::::::::::::*/
.uk-scope .uk-button-primary { /* WIDGETKIT BUTTOn PRIMARY */
    background-color: #ce3d3d !important;
  	border: 1px solid #ce3d3d !important;
  border-radius: 5px !important;
    color: #fff;
    line-height: 1.5; font-weight: 600 !important;;
  	padding: 0.3rem 1.5rem !important;;
}
.uk-scope .uk-button-primary:hover { /* WIDGETKIT BUTTOn PRIMARY HOVER*/
	opacity: 0.85 !important;
}
.uk-scope .uk-h3, .uk-scope h3 {
    font-size: 24px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}
.uk-scope .uk-button-primary { /* WIDGETKIT BUTTOn PRIMARY */
    background-color: #ce3d3d !important;
  	border: 1px solid #ce3d3d !important;
  border-radius: 5px !important;
    color: #fff;
    line-height: 1.5; font-weight: 600 !important;;
  	padding: 0.3rem 1.5rem !important;;
}
.uk-scope .uk-button-primary:hover { /* WIDGETKIT BUTTOn PRIMARY HOVER*/
	opacity: 0.85 !important;
}
.uk-scope .uk-h3, .uk-scope h3 {
    font-size: 24px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}
.uk-scope .uk-button-primary { /* WIDGETKIT BUTTOn PRIMARY */
    background-color: #ce3d3d !important;
  	border: 1px solid #ce3d3d !important;
  border-radius: 5px !important;
    color: #fff !important;
    line-height: 1.5; 
  	padding: 0.3rem 1.5rem !important;
	font-size: 17px !important;
	font-weight: inherit !important;
    text-transform: none !important;
}
.uk-scope .uk-button-primary:hover { /* WIDGETKIT BUTTOn PRIMARY HOVER*/
  color: #fff !important;
	opacity: 0.85 !important;
}
.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-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-family: Arial, "Arial", sans-serif !important; /* EHADLINES GENERELL */
}
.uk-scope .uk-h3, .uk-scope h3 {
    font-size: 21px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}
.uk-scope .uk-h4, .uk-scope h4 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}
.uk-scope .uk-link, .uk-scope a {
    color: inherit !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
.uk-scope .uk-link-toggle:hover .uk-link,.uk-scope .uk-link:hover,.uk-scope a:hover {
    color: inherit !important;
    text-decoration: none !important;
}
.uk-scope b, .uk-scope strong {
    font-weight: inherit !important;
}