.invalid {
    border: 1px solid red !important;
}

.invalid-label {
    color: red !important;
    font-weight: bold;
}

.popup p {
    margin: 0px 0;
    font-size: 12px;
    color: #555;
}

.mdi-information-outline {
    font-size: medium;
}

.bb_div.bb_radio-group {
    display: flex;
    align-items: center;
}

.bb_div.bb_radio-group .bb_input[type='radio'],
.bb_div.bb_radio-group label {
    margin-right: 10px;
    /* Abstand zwischen Radio-Button und Label */
}

.bb_day-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /* Abstand zwischen den Tagen */
    margin-bottom: 40px;
    justify-content: center;
}

.bb_day-container .bb_day {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    /* Kreisform */
    background-color: #f0f0f0;
    /* Hintergrundfarbe der Tage */
    text-align: center;
    cursor: pointer;
}

.bb_selected,
.bb_selected .bb_day.bb_txt,
.bb_selected .bb_day.bb_nbr {
    background-color: var(--bck-grnd-color-general) !important;
    color: var(--txt-color-general-e) !important;            /* Weißer Text */
}

.bb_enabled {
    transform: scale(1.1); /* Größere Skalierung */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Stärkerer Schatten */
    background-color: rgba(240, 240, 255, 0.9); /* Leichte Hintergrundfarbe, optional */
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; /* Animationsübergänge */
	/* outline: 2px solid var(--bck-grnd-color-general);*/
}


.bb_day.bb_group,
.bb_day.bb_group .bb_day.bb_txt,
.bb_day.bb_group .bb_day.bb_nbr {
    cursor: pointer;
    /* Zeigt an, dass die Elemente klickbar sind */
    transition: background-color 0.3s, color 0.3s;
    /* Weiche Übergänge */
}

#bb_datePickerDays .bb_day.bb_disabled {
    color: #ccc;
    cursor: not-allowed;
}

.bb_datePickerTitle {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#bb_timeOptions .bb_timeOption {
    display: inline-block;
    padding: 6px 6px;
    margin: 5px;
    background-color: #f0f0f0;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #ccc; 
    border-radius: 4px; 

}

#bb_timeOptions .bb_timeOption.bb_selected {
    background-color:var(--bck-grnd-color-general);
    color: var(--txt-color-general-e);
    transition: background-color 0.3s, color 0.3s;
    /* Weiche Übergänge */
}

#bb_stepBar {
    display: flex;
    justify-content: space-between;
    margin: 5px;
}

.bb_step {
    padding: 10px 15px;
    /* border: 1px solid #ccc; */
    border-radius: var(--border-radius-button);
    cursor: pointer;
}

.bb_step.bb_current {
    background-color:var(--bck-grnd-color-general);
    color: var(--txt-color-general-e);
}

.bb_btn.bb_btn-book-bellabooking {
    color: var(--txt-color-general-e);
    background-color:var(--bck-grnd-color-general);
    border-color:var(--bck-grnd-color-general);
    border-radius: 10px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 15px;
    font-size: 14px;
    line-height: inherit
}

.bb_btn.bb_btn-book-bellabooking:hover {
    background-color: var(--txt-color-general-e);
    border-color:var(--bck-grnd-color-general);
    color:var(--bck-grnd-color-general);
}

.bb_wizard-step {
    /* background-color: #ffffff; */
/*     background-color: rgba(var(--bck-grnd-color-step-rgba), var(--opacity-level-step-rgba   ));
 */    border-radius: var(--border-radius);
    padding: 20px;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
    margin-bottom: 20px;
    text-align: center;
    overflow-y: visible;
}

.bb_modal-body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 60vh;
}

.bb_input[type="text"],
.bb_input[type="email"],
.bb_input[type="password"],
.bb_input[type="tel"] {
    width: calc(100% - 20px);
    /* Adjust width to fit container */
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font: inherit;
}

.bb_btn-book-bellabooking {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font: inherit;
}

.bb_btn-book-bellabooking:hover {
    background-color: #45a049;
}

.bb_flex-container {
    display: flex;
    justify-content: space-between;
    /* This will ensure that the items are evenly spaced */
}

.bb_flex-container>div {
    flex: 1;
    /* This will ensure that the children divs take up equal width */
    margin-right: 10px;
    /* Adds spacing between the fields */
}

.bb_flex-container>div:last-child {
    margin-right: 0;
    /* Removes margin from the last child to align it properly */
}

.bb_label {
    display: block;
    margin-bottom: 8px;
    color: #666;
}

.bb_group-header {
    cursor: pointer;
}

.bb_toggle-icon {
    margin-right: 5px;
}

.bb_radio-as-btn {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f5f5f5;
    margin-bottom: 0; /* Entfernt den Standard-Button-Abstand unten */
    user-select: none;
}

.bb_radio-as-btn:hover,
.bb_radio-as-btn:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.bb_radio-as-btn:active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.bb_input[type=checkbox],
.bb_input[type=radio] {
	margin: 4px;
	margin-top: 1px\9;
	line-height: normal
}

.bb_group-header {
    background-color: var(--bck-grnd-color-sub); /* Blaue Hintergrundfarbe */
    color:  var(--txt-color-writegeneral); /* Weisse Textfarbe */
    padding: 10px 15px; /* Innenabstand */
    margin-top: 20px; /* Abstand nach oben für zusätzliche Gruppierungen */
    cursor: pointer; /* Cursor ändert sich zum Handzeiger, um Klickbarkeit anzuzeigen */
    border-radius: 5px; /* Abgerundete Ecken */
    box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* Leichter Schatten für Tiefe */
    display: flex;
    align-items: center; /* Zentriert den Inhalt vertikal */
}

.bb_toggle-icon {
    margin-right: 10px; /* Abstand zwischen Icon und Text */
    font-weight: bold; /* Macht das Plus- oder Minuszeichen fett */
}

.bb_group-header:hover {
    background-color: var(--bck-grnd-color-general-hover); /* Dunklere Farbe beim Darüberfahren */
}

.bb_btn-book-bellabooking {
    background-color: #28a745; /* Grüne Hintergrundfarbe */
    color: white; /* Weisse Textfarbe */
    border: none; /* Kein Rand */
    padding: 10px 20px; /* Innenabstand */
    border-radius: 5px; /* Abgerundete Ecken */
    cursor: pointer; /* Cursor ändert sich zum Handzeiger, um Klickbarkeit anzuzeigen */
    margin-top: 20px; /* Abstand nach oben */
}

.bb_btn-book-bellabooking:hover {
    background-color: #218838; /* Dunklere Farbe beim Darüberfahren */
}

.bb_table>.bb_tbody>.bb_tr>.bb_th {
	padding: 8px;
    background-color:var(--bck-grnd-color-general); /* Dunklere Farbe beim Darüberfahren */
    color: var(--txt-color-general-e); /* Dunklere Farbe beim Darüberfahren */
}


@media (max-width: 768px) {
    /* Anpassungen für kleine Bildschirme, z.bb_B.bb_ Tablets und Smartphones */

    .bb_datePickerTitle {
        font-size: 18px; /* Leicht verkleinerte Schriftgrösse */
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .bb_day-container .bb_day {
        width: 30px; /* Weiter verkleinerte Grösse */
        height: 30px; /* Weiter verkleinerte Grösse */
        line-height: 30px; /* Anpassung der Zeilenhöhe */
    }

    #bb_timeOptions .bb_timeOption {
        font-size: 12px; /* Weiter verkleinerte Schriftgrösse */
        padding: 4px 2px; /* Weiter angepasste Polsterung */
        border: 1px solid #ccc; 
        border-radius: 4px; 
    
    }

    .bb_step {
        padding: 5px 5px; /* Weiter reduzierte Polsterung */
        font-size: 12px; /* Weiter verkleinerte Schrift */
        margin-right: 4px; /* Leicht angepasster rechter Abstand */
        border-radius: var(--border-radius-button);

    }

    .bb_btn.bb_btn-book-bellabooking {
        font-size: 14px; /* Weiter verkleinerte Schriftgrösse */
        padding: 6px; /* Weiter angepasste Polsterung */
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .bb_flex-container>div {
        margin-bottom: 8px; /* Weiter angepasster unterer Abstand */
    }

    .bb_wizard-step, .bb_group-header {
        padding: 2px; /* Weiter reduzierte Polsterung */
    }

    .bb_radio-as-btn {
        padding: 3px 6px; /* Weiter reduzierte Polsterung */
        font-size: 12px; /* Weiter verkleinerte Schrift */
    }
}

@media (max-width: 480px) {
    /* Spezifischere Anpassungen für sehr kleine Bildschirme, wie Smartphones */
    
    .bb_datePickerTitle {
        font-size: 16px; /* Weiter angepasste Schriftgrösse */
    }

    .bb_day-container .bb_day {
        width: 25px; /* Weiter verkleinerte Grösse */
        height: 25px;
        line-height: 25px;
    }

    #bb_timeOptions .bb_timeOption {
        font-size: 10px; /* Weiter verkleinerte Schriftgrösse */
        border: 1px solid #ccc; 
        border-radius: 4px; 
    
    }

    .bb_step {
        padding: 5px 5px; /* Weiter reduzierte Polsterung */
        font-size: 12px; /* Weiter verkleinerte Schrift */
        margin-right: 2px; /* Weiter reduzierter Abstand */
        border-radius: var(--border-radius-button);
    }

    .bb_btn.bb_btn-book-bellabooking {
        font-size: 12px; /* Weiter angepasste Schriftgrösse */
        padding: 5px; /* Weiter angepasste Polsterung */
    }

    .bb_wizard-step, .bb_group-header {
        padding: 2px; /* Weiter reduzierte Polsterung */
    }

    .bb_radio-as-btn {
        padding: 2px 4px; /* Weiter reduzierte Polsterung */
        font-size: 10px; /* Weiter verkleinerte Schrift */
    }
}


@media (max-width: 768px) {
    .bb_responsive-table {
        margin-bottom: 15px; /* Etwas weniger Abstand am Ende */
    }

    .bb_responsive-table>.bb_tbody>.bb_tr>.bb_td,
    .bb_responsive-table>.bb_tbody>.bb_tr>.bb_th,
    .bb_responsive-table>.bb_tfoot>.bb_tr>.bb_td,
    .bb_responsive-table>.bb_tfoot>.bb_tr>.bb_th,
    .bb_responsive-table>.bb_thead>.bb_tr>.bb_td,
    .bb_responsive-table>.bb_thead>.bb_tr>.bb_th {
        font-size: small; /* Etwas kleinere Schriftgrösse */
    }

    .bb_table>.bb_thead>.bb_tr>.bb_th {
        padding-bottom: 8px; /* Etwas mehr Polsterung am Boden für Kopfzeilen */
    }

    .bb_table-condensed>.bb_tbody>.bb_tr>.bb_td,
    .bb_table-condensed>.bb_tbody>.bb_tr>.bb_th,
    .bb_table-condensed>.bb_tfoot>.bb_tr>.bb_td,
    .bb_table-condensed>.bb_tfoot>.bb_tr>.bb_th,
    .bb_table-condensed>.bb_thead>.bb_tr>.bb_td,
    .bb_table-condensed>.bb_thead>.bb_tr>.bb_th {
        padding: 2px; /* Weiter reduzierte Polsterung für kondensierte Tabelle */
    }
}

@media (max-width: 480px) {
    .bb_table-responsive {
        /* Stellen Sie sicher, dass die Tabelle auch auf sehr kleinen Bildschirmen gut skaliert */
        overflow-x: auto;
    }

    .bb_table>.bb_tbody>.bb_tr>.bb_td,
    .bb_table>.bb_tbody>.bb_tr>.bb_th,
    .bb_table>.bb_tfoot>.bb_tr>.bb_td,
    .bb_table>.bb_tfoot>.bb_tr>.bb_th,
    .bb_table>.bb_thead>.bb_tr>.bb_td,
    .bb_table>.bb_thead>.bb_tr>.bb_th {
        padding: 3px; /* Noch weniger Polsterung */
        font-size: small; /* Noch kleinere Schriftgrösse */
    }

    .bb_table>thead>tr>th {
        padding-bottom: 6px; /* Anpassung der Polsterung */
    }

    .bb_table-condensed>.bb_tbody>.bb_tr>.bb_td,
    .bb_table-condensed>.bb_tbody>.bb_tr>.bb_th,
    .bb_table-condensed>.bb_tfoot>.bb_tr>.bb_td,
    .bb_table-condensed>.bb_tfoot>.bb_tr>.bb_th,
    .bb_table-condensed>.bb_thead>.bb_tr>.bb_td,
    .bb_table-condensed>.bb_thead>.bb_tr>.bb_th {
        padding: 2px; /* Minimalste Polsterung für sehr kleine Bildschirme */
    }
}

@media (max-width: 768px) {
    /* Anpassungen für Tablets und kleinere Geräte */
    .bb_selected,
    .bb_selected .bb_day.bb_txt,
    .bb_selected .bb_day.bb_nbr,
    .bb_day.bb_group,
    .bb_day.bb_group .bb_day.bb_txt,
    .bb_day.bb_group .bb_day.bb_nbr {
        font-size: small; /* Etwas kleinere Schrift für eine verbesserte Darstellung */
    }
}

@media (max-width: 480px) {
    /* Spezifischere Anpassungen für sehr kleine Bildschirme, wie Smartphones */
    .bb_selected,
    .bb_selected .bb_day.bb_txt,
    .bb_selected .bb_day.bb_nbr,
    .bb_day.bb_group,
    .bb_day.bb_group .bb_day.bb_txt,
    .bb_day.bb_group .bb_day.bb_nbr {
        font-size: small; /* Noch kleinere Schrift für optimale Lesbarkeit auf Smartphones */
    }
}


@media (max-width: 768px) {
    .bb_responsive-table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .bb_responsive-table .bb_thead {
        display: none; /* Blendet die Tabellenüberschrift in der mobilen Ansicht aus */
    }

    .bb_responsive-table .bb_tr {
        display: block;
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
        padding: 10px;
    }

    .bb_responsive-table .bb_td {
        display: flex;
        align-items: center;
        padding: 8px 0;
        position: relative;
        text-align: left;
    }

    .bb_responsive-table .bb_td::before {
        content: attr(data-label); /* Zeigt den Inhalt des data-label als Label */
        flex: 0 0 40%; /* Belegt 40% der Breite für das Label */
        font-weight: bold;
        text-align: left;
        padding-right: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; /* Kürzt lange Labels mit "..." */
    }

    .bb_responsive-table .bb_td {
        flex: 1; /* Der Zellinhalt nimmt die verbleibende Breite ein */
        word-wrap: break-word; /* Lässt langen Text umbrechen */
        white-space: normal;
    }
}


.bb_input::placeholder {
    text-align: right;
    /* Optional: Weitere Stile für den Platzhalter */
    color: #999; /* Farbe des Platzhalters */
}


.bb_bg-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; /* Dies stellt sicher, dass das Video den Container vollständig bedeckt, ähnlich background-size: cover; */
z-index: -1; /* Stellt das Video hinter den Inhalt */    
}    

.bb_index-start .bb_btn-large{
width: unset;
}

.bb_nav .bb_brand-logo {
position: fixed;

}

.bb_carousel.carousel-fullscreen .bb_carousel-item .bb_item-content{
padding: 30px;
}

.bb_icon-block .bb_title-area{
white-space: normal;
}

.bb_row {
    display: flex;
    flex-wrap: wrap; /* Erlaubt das Umfliessen der Elemente */
     /* Zentriert die Spalten horizontal */
    justify-content: space-evenly;    
}

.bb_row_1_col {
    display: flex;
    flex-wrap: wrap; /* Erlaubt das Umfliessen der Elemente */
    justify-content: center; /* Zentriert die Spalten horizontal */
}

.bb_col {
/*flex: 1 1 26%; */ /* Wächst, schrumpft und basis ist 25% der Row-Breite */
max-width: 100%; /* Setzt eine maximale Breite von 25% */
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 .75rem;
min-height: 1px;
text-align: -webkit-center; /* Optional, wenn du den Inhalt innerhalb der Spalten zentrieren möchtest */
}

.bb_tabs .bb_tab a {
line-height: 20px;
text-align: -webkit-center;
padding: 0px;
}

/* Anwendung der Tablet-spezifischen Variablen */
@media (max-width: 768px) and (orientation: portrait) {
.bb_tabs .bb_tab a {
line-height: 20px;
text-align: -webkit-center;
padding: 0px;
}
}

/* Anwendung der Mobilgerät-spezifischen Variablen */
@media (max-width: 480px) and (orientation: portrait) {
.bb_tabs .bb_tab a {
line-height: 20px;
text-align: -webkit-center;
padding: 6px;
}

.bb_form-group {
    width: 300px
}

.bb_row {
    display: flex;
    flex-wrap: wrap; /* Erlaubt das Umfliessen der Elemente */
     /* Zentriert die Spalten horizontal */
    justify-content: center;    
    
}
.bb_input::placeholder {
    text-align: left; /* Platzhaltertext nach links ausrichten */
  }


}


.bb_carousel.carousel-slider .bb_carousel-item p {
line-height: 22px;
}

.bb_nav .bb_navicon.home-button {
float: left;
height: 36px;
width: 36px;
margin: 10px 15px 10px -15px;
}

/* Container für die gesamte Liste */
.bb_list-container {
width: 300px; /* Definiert die Breite des Containers */
padding: 20px;
margin: 20px auto;
background-color: #f9f9f9;
}

/* Styling für jedes Listenelement */
.bb_list-item {
margin-bottom: 10px; /* Abstand zwischen den Listenelementen */
padding-left: 20px; /* Einrückung für die Liste */
position: relative; /* Erlaubt die Positionierung der Pseudo-Elemente */
}

/* Custom Bullet-Punkte */
.bb_list-item::before {
content: '\2713'; /* Unicode für das Häkchen-Symbol */
color: #bd1f57; /* Farbe des Häkchens */
font-size: 16px; /* Grösse des Häkchens */
position: absolute;
left: 0;
padding-left: 15px;
top: 0;
}

/* Styling für die Textbeschriftung */
.bb_list-item {
list-style: none; /* Entfernt die Standard-Bullets */
line-height: 1.5; /* Zeilenhöhe für bessere Lesbarkeit */
font-family:  var(--main-font-family);
}

.bb_circleName {
width:50px; height:50px; border-radius:50%; background-color: #FFC107; color: white; display: flex; align-items: center; justify-content: center; font-size: 20px;margin-bottom: 15px;
}

.bb_hidden-radio {
display: none; /* Versteckt die Radio-Buttons */
}

.bb_btn-full-width {
width: 100%; /* Passt die Breite des Buttons an den Container an */
padding: 10px; /* Fügt etwas Polsterung hinzu */
text-align: left; /* Ausrichtung des Textes */
background-color: #f2f2f2; /* Hintergrundfarbe des Buttons */
border: 1px solid #ccc; /* Rahmen des Buttons */
border-radius: 5px; /* Abgerundete Ecken */
cursor: pointer; /* Cursor als Zeiger, um Klickbarkeit anzudeuten */
margin-top: 10px; /* Abstand oben */
}

.bb_btn-full-width:hover {
background-color: #e0e0e0; /* Farbänderung beim Hover */
}


.bb_nav-wrapper .bb_btn {
margin-top: 10px; /* Vertikale Zentrierung der Buttons */
margin-right: 30px; /* Abstand zwischen den Buttons */
}

.bb_modal {
    transition: none;
}

.bb_modal-inner {
    display: flex;
    flex-direction: column;
    max-height: 70vh;
}

.bb_modal-body {
    flex: 1;
    overflow-y: auto;
}

.bb_modal-footer {
    position: sticky;
    bottom: 0;
    background: white;
}

.bb_fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.bb_fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.bb_fa-2x {
font-size: 2em;
}
.bb_fa-3x {
font-size: 3em;
}
.bb_fa-4x {
font-size: 4em;
}
.bb_fa-5x {
font-size: 5em;
}
.bb_fa-fw {
width: 1.28571429em;
text-align: center;
}
.bb_fa-ul {
padding-left: 0;
margin-left: 2.bb_14285714em;
list-style-type: none;
}
.bb_fa-ul > li {
position: relative;
}
.bb_fa-li {
position: absolute;
left: -2.bb_14285714em;
width: 2.bb_14285714em;
top: 0.bb_14285714em;
text-align: center;
}
.bb_fa-li.bb_fa-lg {
left: -1.85714286em;
}
.bb_fa-border {
padding: .2em .25em .15em;
border: solid 0.bb_08em #eeeeee;
border-radius: .1em;
}
.bb_pull-right {
float: right;
}
.bb_pull-left {
float: left;
}
.bb_fa.bb_pull-left {
margin-right: .3em;
}
.bb_fa.bb_pull-right {
margin-left: .3em;
}
.bb_fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.bb_fa-rotate-90 {
filter: progid:DXImageTransform.bb_Microsoft.bb_BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.bb_fa-rotate-180 {
filter: progid:DXImageTransform.bb_Microsoft.bb_BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.bb_fa-rotate-270 {
filter: progid:DXImageTransform.bb_Microsoft.bb_BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.bb_fa-flip-horizontal {
filter: progid:DXImageTransform.bb_Microsoft.bb_BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.bb_fa-flip-vertical {
filter: progid:DXImageTransform.bb_Microsoft.bb_BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .bb_fa-rotate-90,
:root .bb_fa-rotate-180,
:root .bb_fa-rotate-270,
:root .bb_fa-flip-horizontal,
:root .bb_fa-flip-vertical {
filter: none;
}
.bb_fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.bb_fa-stack-1x,
.bb_fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.bb_fa-stack-1x {
line-height: inherit;
}
.bb_fa-stack-2x {
font-size: 2em;
}
.bb_fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.bb_fa-glass:before {
content: "\f000";
}
.bb_fa-music:before {
content: "\f001";
}
.bb_fa-search:before {
content: "\f002";
}
.bb_fa-envelope-o:before {
content: "\f003";
}
.bb_fa-heart:before {
content: "\f004";
}
.bb_fa-star:before {
content: "\f005";
}
.bb_fa-star-o:before {
content: "\f006";
}
.bb_fa-user:before {
content: "\f007";
}
.bb_fa-film:before {
content: "\f008";
}
.bb_fa-th-large:before {
content: "\f009";
}
.bb_fa-th:before {
content: "\f00a";
}
.bb_fa-th-list:before {
content: "\f00b";
}
.bb_fa-check:before {
content: "\f00c";
}
.bb_fa-remove:before,
.bb_fa-close:before,
.bb_fa-times:before {
content: "\f00d";
}
.bb_fa-search-plus:before {
content: "\f00e";
}
.bb_fa-search-minus:before {
content: "\f010";
}
.bb_fa-power-off:before {
content: "\f011";
}
.bb_fa-signal:before {
content: "\f012";
}
.bb_fa-gear:before,
.bb_fa-cog:before {
content: "\f013";
}
.bb_fa-trash-o:before {
content: "\f014";
}
.bb_fa-home:before {
content: "\f015";
}
.bb_fa-file-o:before {
content: "\f016";
}
.bb_fa-clock-o:before {
content: "\f017";
}
.bb_fa-road:before {
content: "\f018";
}
.bb_fa-download:before {
content: "\f019";
}
.bb_fa-arrow-circle-o-down:before {
content: "\f01a";
}
.bb_fa-arrow-circle-o-up:before {
content: "\f01b";
}
.bb_fa-inbox:before {
content: "\f01c";
}
.bb_fa-play-circle-o:before {
content: "\f01d";
}
.bb_fa-rotate-right:before,
.bb_fa-repeat:before {
content: "\f01e";
}
.bb_fa-refresh:before {
content: "\f021";
}
.bb_fa-list-alt:before {
content: "\f022";
}
.bb_fa-lock:before {
content: "\f023";
}
.bb_fa-flag:before {
content: "\f024";
}
.bb_fa-headphones:before {
content: "\f025";
}
.bb_fa-volume-off:before {
content: "\f026";
}
.bb_fa-volume-down:before {
content: "\f027";
}
.bb_fa-volume-up:before {
content: "\f028";
}
.bb_fa-qrcode:before {
content: "\f029";
}
.bb_fa-barcode:before {
content: "\f02a";
}
.bb_fa-tag:before {
content: "\f02b";
}
.bb_fa-tags:before {
content: "\f02c";
}
.bb_fa-book:before {
content: "\f02d";
}
.bb_fa-bookmark:before {
content: "\f02e";
}
.bb_fa-print:before {
content: "\f02f";
}
.bb_fa-camera:before {
content: "\f030";
}
.bb_fa-font:before {
content: "\f031";
}
.bb_fa-bold:before {
content: "\f032";
}
.bb_fa-italic:before {
content: "\f033";
}
.bb_fa-text-height:before {
content: "\f034";
}
.bb_fa-text-width:before {
content: "\f035";
}
.bb_fa-align-left:before {
content: "\f036";
}
.bb_fa-align-center:before {
content: "\f037";
}
.bb_fa-align-right:before {
content: "\f038";
}
.bb_fa-align-justify:before {
content: "\f039";
}
.bb_fa-list:before {
content: "\f03a";
}
.bb_fa-dedent:before,
.bb_fa-outdent:before {
content: "\f03b";
}
.bb_fa-indent:before {
content: "\f03c";
}
.bb_fa-video-camera:before {
content: "\f03d";
}
.bb_fa-photo:before,
.bb_fa-image:before,
.bb_fa-picture-o:before {
content: "\f03e";
}
.bb_fa-pencil:before {
content: "\f040";
}
.bb_fa-map-marker:before {
content: "\f041";
}
.bb_fa-adjust:before {
content: "\f042";
}
.bb_fa-tint:before {
content: "\f043";
}
.bb_fa-edit:before,
.bb_fa-pencil-square-o:before {
content: "\f044";
}
.bb_fa-share-square-o:before {
content: "\f045";
}
.bb_fa-check-square-o:before {
content: "\f046";
}
.bb_fa-arrows:before {
content: "\f047";
}
.bb_fa-step-backward:before {
content: "\f048";
}
.bb_fa-fast-backward:before {
content: "\f049";
}
.bb_fa-backward:before {
content: "\f04a";
}
.bb_fa-play:before {
content: "\f04b";
}
.bb_fa-pause:before {
content: "\f04c";
}
.bb_fa-stop:before {
content: "\f04d";
}
.bb_fa-forward:before {
content: "\f04e";
}
.bb_fa-fast-forward:before {
content: "\f050";
}
.bb_fa-step-forward:before {
content: "\f051";
}
.bb_fa-eject:before {
content: "\f052";
}
.bb_fa-chevron-left:before {
content: "\f053";
}
.bb_fa-chevron-right:before {
content: "\f054";
}
.bb_fa-plus-circle:before {
content: "\f055";
}
.bb_fa-minus-circle:before {
content: "\f056";
}
.bb_fa-times-circle:before {
content: "\f057";
}
.bb_fa-check-circle:before {
content: "\f058";
}
.bb_fa-question-circle:before {
content: "\f059";
}
.bb_fa-info-circle:before {
content: "\f05a";
}
.bb_fa-crosshairs:before {
content: "\f05b";
}
.bb_fa-times-circle-o:before {
content: "\f05c";
}
.bb_fa-check-circle-o:before {
content: "\f05d";
}
.bb_fa-ban:before {
content: "\f05e";
}
.bb_fa-arrow-left:before {
content: "\f060";
}
.bb_fa-arrow-right:before {
content: "\f061";
}
.bb_fa-arrow-up:before {
content: "\f062";
}
.bb_fa-arrow-down:before {
content: "\f063";
}
.bb_fa-mail-forward:before,
.bb_fa-share:before {
content: "\f064";
}
.bb_fa-expand:before {
content: "\f065";
}
.bb_fa-compress:before {
content: "\f066";
}
.bb_fa-plus:before {
content: "\f067";
}
.bb_fa-minus:before {
content: "\f068";
}
.bb_fa-asterisk:before {
content: "\f069";
}
.bb_fa-exclamation-circle:before {
content: "\f06a";
}
.bb_fa-gift:before {
content: "\f06b";
}
.bb_fa-leaf:before {
content: "\f06c";
}
.bb_fa-fire:before {
content: "\f06d";
}
.bb_fa-eye:before {
content: "\f06e";
}
.bb_fa-eye-slash:before {
content: "\f070";
}
.bb_fa-warning:before,
.bb_fa-exclamation-triangle:before {
content: "\f071";
}
.bb_fa-plane:before {
content: "\f072";
}
.bb_fa-calendar:before {
content: "\f073";
}
.bb_fa-random:before {
content: "\f074";
}
.bb_fa-comment:before {
content: "\f075";
}
.bb_fa-magnet:before {
content: "\f076";
}
.bb_fa-chevron-up:before {
content: "\f077";
}
.bb_fa-chevron-down:before {
content: "\f078";
}
.bb_fa-retweet:before {
content: "\f079";
}
.bb_fa-shopping-cart:before {
content: "\f07a";
}
.bb_fa-folder:before {
content: "\f07b";
}
.bb_fa-folder-open:before {
content: "\f07c";
}
.bb_fa-arrows-v:before {
content: "\f07d";
}
.bb_fa-arrows-h:before {
content: "\f07e";
}
.bb_fa-bar-chart-o:before,
.bb_fa-bar-chart:before {
content: "\f080";
}
.bb_fa-twitter-square:before {
content: "\f081";
}
.bb_fa-facebook-square:before {
content: "\f082";
}
.bb_fa-camera-retro:before {
content: "\f083";
}
.bb_fa-key:before {
content: "\f084";
}
.bb_fa-gears:before,
.bb_fa-cogs:before {
content: "\f085";
}
.bb_fa-comments:before {
content: "\f086";
}
.bb_fa-thumbs-o-up:before {
content: "\f087";
}
.bb_fa-thumbs-o-down:before {
content: "\f088";
}
.bb_fa-star-half:before {
content: "\f089";
}
.bb_fa-heart-o:before {
content: "\f08a";
}
.bb_fa-sign-out:before {
content: "\f08b";
}
.bb_fa-linkedin-square:before {
content: "\f08c";
}
.bb_fa-thumb-tack:before {
content: "\f08d";
}
.bb_fa-external-link:before {
content: "\f08e";
}
.bb_fa-sign-in:before {
content: "\f090";
}
.bb_fa-trophy:before {
content: "\f091";
}
.bb_fa-github-square:before {
content: "\f092";
}
.bb_fa-upload:before {
content: "\f093";
}
.bb_fa-lemon-o:before {
content: "\f094";
}
.bb_fa-phone:before {
content: "\f095";
}
.bb_fa-square-o:before {
content: "\f096";
}
.bb_fa-bookmark-o:before {
content: "\f097";
}
.bb_fa-phone-square:before {
content: "\f098";
}
.bb_fa-twitter:before {
content: "\f099";
}
.bb_fa-facebook:before {
content: "\f09a";
}
.bb_fa-github:before {
content: "\f09b";
}
.bb_fa-unlock:before {
content: "\f09c";
}
.bb_fa-credit-card:before {
content: "\f09d";
}
.bb_fa-rss:before {
content: "\f09e";
}
.bb_fa-hdd-o:before {
content: "\f0a0";
}
.bb_fa-bullhorn:before {
content: "\f0a1";
}
.bb_fa-bell:before {
content: "\f0f3";
}
.bb_fa-certificate:before {
content: "\f0a3";
}
.bb_fa-hand-o-right:before {
content: "\f0a4";
}
.bb_fa-hand-o-left:before {
content: "\f0a5";
}
.bb_fa-hand-o-up:before {
content: "\f0a6";
}
.bb_fa-hand-o-down:before {
content: "\f0a7";
}
.bb_fa-arrow-circle-left:before {
content: "\f0a8";
}
.bb_fa-arrow-circle-right:before {
content: "\f0a9";
}
.bb_fa-arrow-circle-up:before {
content: "\f0aa";
}
.bb_fa-arrow-circle-down:before {
content: "\f0ab";
}
.bb_fa-globe:before {
content: "\f0ac";
}
.bb_fa-wrench:before {
content: "\f0ad";
}
.bb_fa-tasks:before {
content: "\f0ae";
}
.bb_fa-filter:before {
content: "\f0b0";
}
.bb_fa-briefcase:before {
content: "\f0b1";
}
.bb_fa-arrows-alt:before {
content: "\f0b2";
}
.bb_fa-group:before,
.bb_fa-users:before {
content: "\f0c0";
}
.bb_fa-chain:before,
.bb_fa-link:before {
content: "\f0c1";
}
.bb_fa-cloud:before {
content: "\f0c2";
}
.bb_fa-flask:before {
content: "\f0c3";
}
.bb_fa-cut:before,
.bb_fa-scissors:before {
content: "\f0c4";
}
.bb_fa-copy:before,
.bb_fa-files-o:before {
content: "\f0c5";
}
.bb_fa-paperclip:before {
content: "\f0c6";
}
.bb_fa-save:before,
.bb_fa-floppy-o:before {
content: "\f0c7";
}
.bb_fa-square:before {
content: "\f0c8";
}
.bb_fa-navicon:before,
.bb_fa-reorder:before,
.bb_fa-bars:before {
content: "\f0c9";
}
.bb_fa-list-ul:before {
content: "\f0ca";
}
.bb_fa-list-ol:before {
content: "\f0cb";
}
.bb_fa-strikethrough:before {
content: "\f0cc";
}
.bb_fa-underline:before {
content: "\f0cd";
}
.bb_fa-table:before {
content: "\f0ce";
}
.bb_fa-magic:before {
content: "\f0d0";
}
.bb_fa-truck:before {
content: "\f0d1";
}
.bb_fa-pinterest:before {
content: "\f0d2";
}
.bb_fa-pinterest-square:before {
content: "\f0d3";
}
.bb_fa-google-plus-square:before {
content: "\f0d4";
}
.bb_fa-google-plus:before {
content: "\f0d5";
}
.bb_fa-money:before {
content: "\f0d6";
}
.bb_fa-caret-down:before {
content: "\f0d7";
}
.bb_fa-caret-up:before {
content: "\f0d8";
}
.bb_fa-caret-left:before {
content: "\f0d9";
}
.bb_fa-caret-right:before {
content: "\f0da";
}
.bb_fa-columns:before {
content: "\f0db";
}
.bb_fa-unsorted:before,
.bb_fa-sort:before {
content: "\f0dc";
}
.bb_fa-sort-down:before,
.bb_fa-sort-desc:before {
content: "\f0dd";
}
.bb_fa-sort-up:before,
.bb_fa-sort-asc:before {
content: "\f0de";
}
.bb_fa-envelope:before {
content: "\f0e0";
}
.bb_fa-linkedin:before {
content: "\f0e1";
}
.bb_fa-rotate-left:before,
.bb_fa-undo:before {
content: "\f0e2";
}
.bb_fa-legal:before,
.bb_fa-gavel:before {
content: "\f0e3";
}
.bb_fa-dashboard:before,
.bb_fa-tachometer:before {
content: "\f0e4";
}
.bb_fa-comment-o:before {
content: "\f0e5";
}
.bb_fa-comments-o:before {
content: "\f0e6";
}
.bb_fa-flash:before,
.bb_fa-bolt:before {
content: "\f0e7";
}
.bb_fa-sitemap:before {
content: "\f0e8";
}
.bb_fa-umbrella:before {
content: "\f0e9";
}
.bb_fa-paste:before,
.bb_fa-clipboard:before {
content: "\f0ea";
}
.bb_fa-lightbulb-o:before {
content: "\f0eb";
}
.bb_fa-exchange:before {
content: "\f0ec";
}
.bb_fa-cloud-download:before {
content: "\f0ed";
}
.bb_fa-cloud-upload:before {
content: "\f0ee";
}
.bb_fa-user-md:before {
content: "\f0f0";
}
.bb_fa-stethoscope:before {
content: "\f0f1";
}
.bb_fa-suitcase:before {
content: "\f0f2";
}
.bb_fa-bell-o:before {
content: "\f0a2";
}
.bb_fa-coffee:before {
content: "\f0f4";
}
.bb_fa-cutlery:before {
content: "\f0f5";
}
.bb_fa-file-text-o:before {
content: "\f0f6";
}
.bb_fa-building-o:before {
content: "\f0f7";
}
.bb_fa-hospital-o:before {
content: "\f0f8";
}
.bb_fa-ambulance:before {
content: "\f0f9";
}
.bb_fa-medkit:before {
content: "\f0fa";
}
.bb_fa-fighter-jet:before {
content: "\f0fb";
}
.bb_fa-beer:before {
content: "\f0fc";
}
.bb_fa-h-square:before {
content: "\f0fd";
}
.bb_fa-plus-square:before {
content: "\f0fe";
}
.bb_fa-angle-double-left:before {
content: "\f100";
}
.bb_fa-angle-double-right:before {
content: "\f101";
}
.bb_fa-angle-double-up:before {
content: "\f102";
}
.bb_fa-angle-double-down:before {
content: "\f103";
}
.bb_fa-angle-left:before {
content: "\f104";
}
.bb_fa-angle-right:before {
content: "\f105";
}
.bb_fa-angle-up:before {
content: "\f106";
}
.bb_fa-angle-down:before {
content: "\f107";
}
.bb_fa-desktop:before {
content: "\f108";
}
.bb_fa-laptop:before {
content: "\f109";
}
.bb_fa-tablet:before {
content: "\f10a";
}
.bb_fa-mobile-phone:before,
.bb_fa-mobile:before {
content: "\f10b";
}
.bb_fa-circle-o:before {
content: "\f10c";
}
.bb_fa-quote-left:before {
content: "\f10d";
}
.bb_fa-quote-right:before {
content: "\f10e";
}
.bb_fa-spinner:before {
content: "\f110";
}
.bb_fa-circle:before {
content: "\f111";
}
.bb_fa-mail-reply:before,
.bb_fa-reply:before {
content: "\f112";
}
.bb_fa-github-alt:before {
content: "\f113";
}
.bb_fa-folder-o:before {
content: "\f114";
}
.bb_fa-folder-open-o:before {
content: "\f115";
}
.bb_fa-smile-o:before {
content: "\f118";
}
.bb_fa-frown-o:before {
content: "\f119";
}
.bb_fa-meh-o:before {
content: "\f11a";
}
.bb_fa-gamepad:before {
content: "\f11b";
}
.bb_fa-keyboard-o:before {
content: "\f11c";
}
.bb_fa-flag-o:before {
content: "\f11d";
}
.bb_fa-flag-checkered:before {
content: "\f11e";
}
.bb_fa-terminal:before {
content: "\f120";
}
.bb_fa-code:before {
content: "\f121";
}
.bb_fa-mail-reply-all:before,
.bb_fa-reply-all:before {
content: "\f122";
}
.bb_fa-star-half-empty:before,
.bb_fa-star-half-full:before,
.bb_fa-star-half-o:before {
content: "\f123";
}
.bb_fa-location-arrow:before {
content: "\f124";
}
.bb_fa-crop:before {
content: "\f125";
}
.bb_fa-code-fork:before {
content: "\f126";
}
.bb_fa-unlink:before,
.bb_fa-chain-broken:before {
content: "\f127";
}
.bb_fa-question:before {
content: "\f128";
}
.bb_fa-info:before {
content: "\f129";
}
.bb_fa-exclamation:before {
content: "\f12a";
}
.bb_fa-superscript:before {
content: "\f12b";
}
.bb_fa-subscript:before {
content: "\f12c";
}
.bb_fa-eraser:before {
content: "\f12d";
}
.bb_fa-puzzle-piece:before {
content: "\f12e";
}
.bb_fa-microphone:before {
content: "\f130";
}
.bb_fa-microphone-slash:before {
content: "\f131";
}
.bb_fa-shield:before {
content: "\f132";
}
.bb_fa-calendar-o:before {
content: "\f133";
}
.bb_fa-fire-extinguisher:before {
content: "\f134";
}
.bb_fa-rocket:before {
content: "\f135";
}
.bb_fa-maxcdn:before {
content: "\f136";
}
.bb_fa-chevron-circle-left:before {
content: "\f137";
}
.bb_fa-chevron-circle-right:before {
content: "\f138";
}
.bb_fa-chevron-circle-up:before {
content: "\f139";
}
.bb_fa-chevron-circle-down:before {
content: "\f13a";
}
.bb_fa-html5:before {
content: "\f13b";
}
.bb_fa-css3:before {
content: "\f13c";
}
.bb_fa-anchor:before {
content: "\f13d";
}
.bb_fa-unlock-alt:before {
content: "\f13e";
}
.bb_fa-bullseye:before {
content: "\f140";
}
.bb_fa-ellipsis-h:before {
content: "\f141";
}
.bb_fa-ellipsis-v:before {
content: "\f142";
}
.bb_fa-rss-square:before {
content: "\f143";
}
.bb_fa-play-circle:before {
content: "\f144";
}
.bb_fa-ticket:before {
content: "\f145";
}
.bb_fa-minus-square:before {
content: "\f146";
}
.bb_fa-minus-square-o:before {
content: "\f147";
}
.bb_fa-level-up:before {
content: "\f148";
}
.bb_fa-level-down:before {
content: "\f149";
}
.bb_fa-check-square:before {
content: "\f14a";
}
.bb_fa-pencil-square:before {
content: "\f14b";
}
.bb_fa-external-link-square:before {
content: "\f14c";
}
.bb_fa-share-square:before {
content: "\f14d";
}
.bb_fa-compass:before {
content: "\f14e";
}
.bb_fa-toggle-down:before,
.bb_fa-caret-square-o-down:before {
content: "\f150";
}
.bb_fa-toggle-up:before,
.bb_fa-caret-square-o-up:before {
content: "\f151";
}
.bb_fa-toggle-right:before,
.bb_fa-caret-square-o-right:before {
content: "\f152";
}
.bb_fa-euro:before,
.bb_fa-eur:before {
content: "\f153";
}
.bb_fa-gbp:before {
content: "\f154";
}
.bb_fa-dollar:before,
.bb_fa-usd:before {
content: "\f155";
}
.bb_fa-rupee:before,
.bb_fa-inr:before {
content: "\f156";
}
.bb_fa-cny:before,
.bb_fa-rmb:before,
.bb_fa-yen:before,
.bb_fa-jpy:before {
content: "\f157";
}
.bb_fa-ruble:before,
.bb_fa-rouble:before,
.bb_fa-rub:before {
content: "\f158";
}
.bb_fa-won:before,
.bb_fa-krw:before {
content: "\f159";
}
.bb_fa-bitcoin:before,
.bb_fa-btc:before {
content: "\f15a";
}
.bb_fa-file:before {
content: "\f15b";
}
.bb_fa-file-text:before {
content: "\f15c";
}
.bb_fa-sort-alpha-asc:before {
content: "\f15d";
}
.bb_fa-sort-alpha-desc:before {
content: "\f15e";
}
.bb_fa-sort-amount-asc:before {
content: "\f160";
}
.bb_fa-sort-amount-desc:before {
content: "\f161";
}
.bb_fa-sort-numeric-asc:before {
content: "\f162";
}
.bb_fa-sort-numeric-desc:before {
content: "\f163";
}
.bb_fa-thumbs-up:before {
content: "\f164";
}
.bb_fa-thumbs-down:before {
content: "\f165";
}
.bb_fa-youtube-square:before {
content: "\f166";
}
.bb_fa-youtube:before {
content: "\f167";
}
.bb_fa-xing:before {
content: "\f168";
}
.bb_fa-xing-square:before {
content: "\f169";
}
.bb_fa-youtube-play:before {
content: "\f16a";
}
.bb_fa-dropbox:before {
content: "\f16b";
}
.bb_fa-stack-overflow:before {
content: "\f16c";
}
.bb_fa-instagram:before {
content: "\f16d";
}
.bb_fa-flickr:before {
content: "\f16e";
}
.bb_fa-adn:before {
content: "\f170";
}
.bb_fa-bitbucket:before {
content: "\f171";
}
.bb_fa-bitbucket-square:before {
content: "\f172";
}
.bb_fa-tumblr:before {
content: "\f173";
}
.bb_fa-tumblr-square:before {
content: "\f174";
}
.bb_fa-long-arrow-down:before {
content: "\f175";
}
.bb_fa-long-arrow-up:before {
content: "\f176";
}
.bb_fa-long-arrow-left:before {
content: "\f177";
}
.bb_fa-long-arrow-right:before {
content: "\f178";
}
.bb_fa-apple:before {
content: "\f179";
}
.bb_fa-windows:before {
content: "\f17a";
}
.bb_fa-android:before {
content: "\f17b";
}
.bb_fa-linux:before {
content: "\f17c";
}
.bb_fa-dribbble:before {
content: "\f17d";
}
.bb_fa-skype:before {
content: "\f17e";
}
.bb_fa-foursquare:before {
content: "\f180";
}
.bb_fa-trello:before {
content: "\f181";
}
.bb_fa-female:before {
content: "\f182";
}
.bb_fa-male:before {
content: "\f183";
}
.bb_fa-gittip:before {
content: "\f184";
}
.bb_fa-sun-o:before {
content: "\f185";
}
.bb_fa-moon-o:before {
content: "\f186";
}
.bb_fa-archive:before {
content: "\f187";
}
.bb_fa-bug:before {
content: "\f188";
}
.bb_fa-vk:before {
content: "\f189";
}
.bb_fa-weibo:before {
content: "\f18a";
}
.bb_fa-renren:before {
content: "\f18b";
}
.bb_fa-pagelines:before {
content: "\f18c";
}
.bb_fa-stack-exchange:before {
content: "\f18d";
}
.bb_fa-arrow-circle-o-right:before {
content: "\f18e";
}
.bb_fa-arrow-circle-o-left:before {
content: "\f190";
}
.bb_fa-toggle-left:before,
.bb_fa-caret-square-o-left:before {
content: "\f191";
}
.bb_fa-dot-circle-o:before {
content: "\f192";
}
.bb_fa-wheelchair:before {
content: "\f193";
}
.bb_fa-vimeo-square:before {
content: "\f194";
}
.bb_fa-turkish-lira:before,
.bb_fa-try:before {
content: "\f195";
}
.bb_fa-plus-square-o:before {
content: "\f196";
}
.bb_fa-space-shuttle:before {
content: "\f197";
}
.bb_fa-slack:before {
content: "\f198";
}
.bb_fa-envelope-square:before {
content: "\f199";
}
.bb_fa-wordpress:before {
content: "\f19a";
}
.bb_fa-openid:before {
content: "\f19b";
}
.bb_fa-institution:before,
.bb_fa-bank:before,
.bb_fa-university:before {
content: "\f19c";
}
.bb_fa-mortar-board:before,
.bb_fa-graduation-cap:before {
content: "\f19d";
}
.bb_fa-yahoo:before {
content: "\f19e";
}
.bb_fa-google:before {
content: "\f1a0";
}
.bb_fa-reddit:before {
content: "\f1a1";
}
.bb_fa-reddit-square:before {
content: "\f1a2";
}
.bb_fa-stumbleupon-circle:before {
content: "\f1a3";
}
.bb_fa-stumbleupon:before {
content: "\f1a4";
}
.bb_fa-delicious:before {
content: "\f1a5";
}
.bb_fa-digg:before {
content: "\f1a6";
}
.bb_fa-pied-piper:before {
content: "\f1a7";
}
.bb_fa-pied-piper-alt:before {
content: "\f1a8";
}
.bb_fa-drupal:before {
content: "\f1a9";
}
.bb_fa-joomla:before {
content: "\f1aa";
}
.bb_fa-language:before {
content: "\f1ab";
}
.bb_fa-fax:before {
content: "\f1ac";
}
.bb_fa-building:before {
content: "\f1ad";
}
.bb_fa-child:before {
content: "\f1ae";
}
.bb_fa-paw:before {
content: "\f1b0";
}
.bb_fa-spoon:before {
content: "\f1b1";
}
.bb_fa-cube:before {
content: "\f1b2";
}
.bb_fa-cubes:before {
content: "\f1b3";
}
.bb_fa-behance:before {
content: "\f1b4";
}
.bb_fa-behance-square:before {
content: "\f1b5";
}
.bb_fa-steam:before {
content: "\f1b6";
}
.bb_fa-steam-square:before {
content: "\f1b7";
}
.bb_fa-recycle:before {
content: "\f1b8";
}
.bb_fa-automobile:before,
.bb_fa-car:before {
content: "\f1b9";
}
.bb_fa-cab:before,
.bb_fa-taxi:before {
content: "\f1ba";
}
.bb_fa-tree:before {
content: "\f1bb";
}
.bb_fa-spotify:before {
content: "\f1bc";
}
.bb_fa-deviantart:before {
content: "\f1bd";
}
.bb_fa-soundcloud:before {
content: "\f1be";
}
.bb_fa-database:before {
content: "\f1c0";
}
.bb_fa-file-pdf-o:before {
content: "\f1c1";
}
.bb_fa-file-word-o:before {
content: "\f1c2";
}
.bb_fa-file-excel-o:before {
content: "\f1c3";
}
.bb_fa-file-powerpoint-o:before {
content: "\f1c4";
}
.bb_fa-file-photo-o:before,
.bb_fa-file-picture-o:before,
.bb_fa-file-image-o:before {
content: "\f1c5";
}
.bb_fa-file-zip-o:before,
.bb_fa-file-archive-o:before {
content: "\f1c6";
}
.bb_fa-file-sound-o:before,
.bb_fa-file-audio-o:before {
content: "\f1c7";
}
.bb_fa-file-movie-o:before,
.bb_fa-file-video-o:before {
content: "\f1c8";
}
.bb_fa-file-code-o:before {
content: "\f1c9";
}
.bb_fa-vine:before {
content: "\f1ca";
}
.bb_fa-codepen:before {
content: "\f1cb";
}
.bb_fa-jsfiddle:before {
content: "\f1cc";
}
.bb_fa-life-bouy:before,
.bb_fa-life-buoy:before,
.bb_fa-life-saver:before,
.bb_fa-support:before,
.bb_fa-life-ring:before {
content: "\f1cd";
}
.bb_fa-circle-o-notch:before {
content: "\f1ce";
}
.bb_fa-ra:before,
.bb_fa-rebel:before {
content: "\f1d0";
}
.bb_fa-ge:before,
.bb_fa-empire:before {
content: "\f1d1";
}
.bb_fa-git-square:before {
content: "\f1d2";
}
.bb_fa-git:before {
content: "\f1d3";
}
.bb_fa-hacker-news:before {
content: "\f1d4";
}
.bb_fa-tencent-weibo:before {
content: "\f1d5";
}
.bb_fa-qq:before {
content: "\f1d6";
}
.bb_fa-wechat:before,
.bb_fa-weixin:before {
content: "\f1d7";
}
.bb_fa-send:before,
.bb_fa-paper-plane:before {
content: "\f1d8";
}
.bb_fa-send-o:before,
.bb_fa-paper-plane-o:before {
content: "\f1d9";
}
.bb_fa-history:before {
content: "\f1da";
}
.bb_fa-circle-thin:before {
content: "\f1db";
}
.bb_fa-header:before {
content: "\f1dc";
}
.bb_fa-paragraph:before {
content: "\f1dd";
}
.bb_fa-sliders:before {
content: "\f1de";
}
.bb_fa-share-alt:before {
content: "\f1e0";
}
.bb_fa-share-alt-square:before {
content: "\f1e1";
}
.bb_fa-bomb:before {
content: "\f1e2";
}
.bb_fa-soccer-ball-o:before,
.bb_fa-futbol-o:before {
content: "\f1e3";
}
.bb_fa-tty:before {
content: "\f1e4";
}
.bb_fa-binoculars:before {
content: "\f1e5";
}
.bb_fa-plug:before {
content: "\f1e6";
}
.bb_fa-slideshare:before {
content: "\f1e7";
}
.bb_fa-twitch:before {
content: "\f1e8";
}
.bb_fa-yelp:before {
content: "\f1e9";
}
.bb_fa-newspaper-o:before {
content: "\f1ea";
}
.bb_fa-wifi:before {
content: "\f1eb";
}
.bb_fa-calculator:before {
content: "\f1ec";
}
.bb_fa-paypal:before {
content: "\f1ed";
}
.bb_fa-google-wallet:before {
content: "\f1ee";
}
.bb_fa-cc-visa:before {
content: "\f1f0";
}
.bb_fa-cc-mastercard:before {
content: "\f1f1";
}
.bb_fa-cc-discover:before {
content: "\f1f2";
}
.bb_fa-cc-amex:before {
content: "\f1f3";
}
.bb_fa-cc-paypal:before {
content: "\f1f4";
}
.bb_fa-cc-stripe:before {
content: "\f1f5";
}
.bb_fa-bell-slash:before {
content: "\f1f6";
}
.bb_fa-bell-slash-o:before {
content: "\f1f7";
}
.bb_fa-trash:before {
content: "\f1f8";
}
.bb_fa-copyright:before {
content: "\f1f9";
}
.bb_fa-at:before {
content: "\f1fa";
}
.bb_fa-eyedropper:before {
content: "\f1fb";
}
.bb_fa-paint-brush:before {
content: "\f1fc";
}
.bb_fa-birthday-cake:before {
content: "\f1fd";
}
.bb_fa-area-chart:before {
content: "\f1fe";
}
.bb_fa-pie-chart:before {
content: "\f200";
}
.bb_fa-line-chart:before {
content: "\f201";
}
.bb_fa-lastfm:before {
content: "\f202";
}
.bb_fa-lastfm-square:before {
content: "\f203";
}
.bb_fa-toggle-off:before {
content: "\f204";
}
.bb_fa-toggle-on:before {
content: "\f205";
}
.bb_fa-bicycle:before {
content: "\f206";
}
.bb_fa-bus:before {
content: "\f207";
}
.bb_fa-ioxhost:before {
content: "\f208";
}
.bb_fa-angellist:before {
content: "\f209";
}
.bb_fa-cc:before {
content: "\f20a";
}
.bb_fa-shekel:before,
.bb_fa-sheqel:before,
.bb_fa-ils:before {
content: "\f20b";
}
.bb_fa-meanpath:before {
content: "\f20c";
}

#bb_wizardErr{
    text-align: center;
}

.bb_category-buttons {
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 5px;
}

.bb_category-button {
    background-color:var(--bck-grnd-color-general);
    border: 1px solid var(--border-color-general);
    border-radius: 50%;
    color: var(--txt-color-general);
    padding: 15px;
    font-size: smaller;
    line-height: inherit;
    cursor: pointer;
    margin: 5px;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: space-evenly;
    text-align: center;
    opacity: 0.9;
    /* float: left; */
    display: flex;
    align-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
}

.bb_category-button p{
    margin: 1px;
}
/* Anpassungen für kleinere Bildschirme */
@media (max-width: 1200px) {
    .bb_category-button {
        width: 90px;
        height: 90px;
    }
}

@media (max-width: 992px) {
    .bb_category-button {
        width: 90px;
        height: 90px;
    }
}

@media (max-width: 768px) {
    .bb_category-button {
        width: 90px;
        height: 90px;
    }
}

@media (max-width: 576px) {
    .bb_category-button {
        width: 90px;
        height: 90px;
    }
}

.bb_category-button:hover {
    opacity: 1.0;
}


.bb_category-button.bb_active {
    opacity: 1.0;
}

.bb_toast {
    visibility: hidden;
    max-width: 300px;
    max-height: 100px;
    margin-left: 0;
    background-color: var(--primary-color); /* Verwende die primäre Farbe */
    color: var(--accent-color); /* Verwende die Akzentfarbe */
    text-align: center;
    border-radius: var(--border-radius); /* Verwende den Standard-Radius */
    padding: 5px;
    position: relative;
    z-index: 1;
    left: 45%;
    bottom: 0px;
    font-size: small;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Ein wenig Schatten für Tiefe */
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Fade-In- und Fade-Out-Animationen */
@keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}


#bb_wizard {
    overflow: hidden;    
}


/* Meine Daten */
.table>tbody>tr>th {
	padding: 6px;
    background-color: #ff6f00; /* Dunklere Farbe beim Darüberfahren */
    color: #fff; /* Dunklere Farbe beim Darüberfahren */
}

td,th {
    padding: 8px;
}

@media (max-width: 768px) {
    /* Anpassungen für kleine Bildschirme, z.B. Tablets und Smartphones */

    td,th {
        padding: 1px;
    }
        
    .datePickerTitle {
        font-size: 18px; /* Leicht verkleinerte Schriftgrösse */
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .day-container .day {
        width: 30px; /* Weiter verkleinerte Grösse */
        height: 30px; /* Weiter verkleinerte Grösse */
        line-height: 30px; /* Anpassung der Zeilenhöhe */
    }

    #timeOptions .timeOption {
        font-size: 12px; /* Weiter verkleinerte Schriftgrösse */
        padding: 4px 6px; /* Weiter angepasste Polsterung */
    }

    .step {
        padding: 6px 10px; /* Weiter reduzierte Polsterung */
        font-size: 12px; /* Weiter verkleinerte Schrift */
        margin-right: 4px; /* Leicht angepasster rechter Abstand */
    }

    .btn.btn-book-conradius {
        font-size: 14px; /* Weiter verkleinerte Schriftgrösse */
        padding: 6px; /* Weiter angepasste Polsterung */
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .flex-container>div {
        margin-bottom: 8px; /* Weiter angepasster unterer Abstand */
    }

    .wizard-step, .group-header {
        padding: 8px; /* Weiter reduzierte Polsterung */
    }

    .radio-as-btn {
        padding: 3px 6px; /* Weiter reduzierte Polsterung */
        font-size: 12px; /* Weiter verkleinerte Schrift */
    }
}

@media (max-width: 480px) {
    /* Spezifischere Anpassungen für sehr kleine Bildschirme, wie Smartphones */
    
    .datePickerTitle {
        font-size: 16px; /* Weiter angepasste Schriftgrösse */
    }

    .day-container .day {
        width: 25px; /* Weiter verkleinerte Grösse */
        height: 25px;
        line-height: 25px;
    }

    #timeOptions .timeOption {
        font-size: 10px; /* Weiter verkleinerte Schriftgrösse */
    }

    .step {
        padding: 5px 8px; /* Weiter reduzierte Polsterung */
        font-size: 10px; /* Weiter verkleinerte Schrift */
        margin-right: 2px; /* Weiter reduzierter Abstand */
    }

    .btn.btn-book-conradius {
        font-size: 12px; /* Weiter angepasste Schriftgrösse */
        padding: 5px; /* Weiter angepasste Polsterung */
    }

    .wizard-step, .group-header {
        padding: 6px; /* Weiter reduzierte Polsterung */
    }

    .radio-as-btn {
        padding: 2px 4px; /* Weiter reduzierte Polsterung */
        font-size: 10px; /* Weiter verkleinerte Schrift */
    }
}


@media (max-width: 768px) {
    .responsive-table {
        margin-bottom: 15px; /* Etwas weniger Abstand am Ende */
    }

    .responsive-table>tbody>tr>td,
    .responsive-table>tbody>tr>th,
    .responsive-table>tfoot>tr>td,
    .responsive-table>tfoot>tr>th,
    .responsive-table>thead>tr>td,
    .responsive-table>thead>tr>th {
        font-size: small; /* Etwas kleinere Schriftgrösse */
    }

    .table>thead>tr>th {
        padding-bottom: 8px; /* Etwas mehr Polsterung am Boden für Kopfzeilen */
    }

    .table-condensed>tbody>tr>td,
    .table-condensed>tbody>tr>th,
    .table-condensed>tfoot>tr>td,
    .table-condensed>tfoot>tr>th,
    .table-condensed>thead>tr>td,
    .table-condensed>thead>tr>th {
        padding: 4px; /* Weiter reduzierte Polsterung für kondensierte Tabelle */
    }
}

@media (max-width: 480px) {
    .table-responsive {
        /* Stellen Sie sicher, dass die Tabelle auch auf sehr kleinen Bildschirmen gut skaliert */
        overflow-x: auto;
    }

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: 4px; /* Noch weniger Polsterung */
        font-size: small; /* Noch kleinere Schriftgrösse */
    }

    .table>thead>tr>th {
        padding-bottom: 6px; /* Anpassung der Polsterung */
    }

    .table-condensed>tbody>tr>td,
    .table-condensed>tbody>tr>th,
    .table-condensed>tfoot>tr>td,
    .table-condensed>tfoot>tr>th,
    .table-condensed>thead>tr>td,
    .table-condensed>thead>tr>th {
        padding: 2px; /* Minimalste Polsterung für sehr kleine Bildschirme */
    }
}

@media (max-width: 768px) {
    /* Anpassungen für Tablets und kleinere Geräte */
    .selected,
    .selected .day.txt,
    .selected .day.nbr,
    .day.group,
    .day.group .day.txt,
    .day.group .day.nbr {
        font-size: small; /* Etwas kleinere Schrift für eine verbesserte Darstellung */
    }
}

@media (max-width: 480px) {
    /* Spezifischere Anpassungen für sehr kleine Bildschirme, wie Smartphones */
    .selected,
    .selected .day.txt,
    .selected .day.nbr,
    .day.group,
    .day.group .day.txt,
    .day.group .day.nbr {
        font-size: small; /* Noch kleinere Schrift für optimale Lesbarkeit auf Smartphones */
    }
}


/* Standard-Schriftgrösse für grössere Bildschirme */
.h2,
h2 {
    font-size: 30px;
}

/* Anpassungen für Tablets */
@media (max-width: 768px) {
    .h2,
    h2 {
        font-size: 26px; /* Etwas kleinere Schriftgrösse für mittelgrosse Bildschirme */
    }
}

/* Spezifische Anpassungen für Smartphones */
@media (max-width: 480px) {
    .h2,
    h2 {
        font-size: 22px; /* Weiter reduzierte Schriftgrösse für kleine Bildschirme */
    }
}

@media (max-width: 768px) {
   
    .responsive-table thead {
        display: none;
    }

    .responsive-table, .responsive-table tbody, .responsive-table tr, .responsive-table td {
        display: block;
        width: 100%;
    }

    .responsive-table tr {
        margin-bottom: 15px;
    }

    .responsive-table td {
        text-align: right;
        padding-left: 50%;
        position: relative;
        word-wrap: break-word; /* Erlaubt das Umbruch von langen Wörtern */
        white-space: normal; /* Stellt sicher, dass der Whitespace wie üblich behandelt wird */
    }
    
    .responsive-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 50%;
        padding-right: 15px; /* Oder jede andere gewünschte Breite */
        text-align: left;
        font-weight: bold;
    }
    
    .responsive-table td:last-child {
        border-bottom: 0;
    }

}

.bb_srv_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.bb_srv_table th, .bb_srv_table td {
    padding: 3px;
    border-bottom: 1px solid #e0e0e0;
    /*vertical-align: top; Ausrichtung der Zellen am oberen Rand */
}

.bb_srv_table th {
    background-color: #f4f4f4;
    font-weight: bold;
    font-size: 14px;
}

.bb_srv_table td {
    font-size: 12px;
    color: #333;
}

.bb_srv_left-align {
    text-align: left;
}

.bb_srv_right-align {
    text-align: right;
}

.bb_srv_input {
    margin-right: 10px;
    width: auto;
}

/* Modal Hintergrund */
.bb_modal {
    display: none; 
    position: fixed; 
    z-index: 10001; 
    padding-top: 8%; 
    left: 0;
    top: 20px;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4); /* Halbdurchsichtiger Hintergrund */
}

/* Modal Sichtbar */
.bb_visible {
    display: table;
}

/* Modal Inhalt */
.bb_modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    border: 0px solid #888;
    width: 90%;
    top: -5px;
    position:relative;
}

.bb_modal-footer {
  padding: 15px;
  background: #f9f9f9;
  text-align: right;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
/* Schließen Button */
.bb_close-modal {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.bb_close-modal:hover,
.bb_close-modal:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Login Buttons */
.bb_social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.social-btn {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f2f2f2;
    text-decoration: none;
    transition: background 0.2s ease;
    border: 1px solid #ccc;
}

.social-btn img {
    width: 24px;
    height: 24px;
}

.social-btn.google {
    background: #fff;
}
.social-btn.google:hover {
    background: #fff;
}
.social-btn.apple {
    background: #fff;
}
.social-btn.apple:hover {
    background: #fff;
}
.social-btn.facebook {
    background: #fff;
}
.social-btn.facebook:hover {
    background: #fff;
}