@charset "UTF-8";

html, body {
    font-family: 'Gudea', sans-serif;
    font-weight: 400;
}

body {
    height: 100% !important;
    min-height: 100% !important;
}

form {
    display: block;
    margin-top: 0em;
    min-height: 100%;
}

.elementAnwaltService label {
    margin-right: 0 !important;
}

.cke_reset {
    width: 100% !important;
}
.subTitleRG {
    font-size: 1.4rem !important;
}
.noEditableAccordion {

    background-color: #ccc;
}
.extraTopMargin {
    margin-top: 10px;

}
.extrapad {
    margin-left: 10px;
    margin-top: 10px;
}
.cell {
    margin-left: .9375rem !important;
    margin-right: .9375rem !important;
}
.extraPadding {
    margin: 10px;
}
.h1, h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem;
}
.collapsible:hover {
    background-color: #ccc;
}
#carouselBlogs {
    margin-left: 0px;
}
.extraPaddingLeft {
    padding-left: 15px;
}
.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, .25);
    border-radius: 3px;
    background-color: #fff;
    color: #0a0a0a;
}
.activeSelected {
    background-color: #ccc;


}
.elementSizeBlogDivIndex {
    height: 250px;
}
.extraElemPaddingLeft {
    
    padding-left: 15px !important;
    margin-left: 1px !important;

}
.centerExtra {
    margin: 0 auto;
    width: 70%;
}
.carousel-inner {
    position: relative;
    width: 100%;
    padding-left: 5px;
    overflow: hidden;
}
.overFlowTitel {
    max-height: 50px;
    overflow: hidden;
    hyphens: auto;
}

.overFlowText {
    max-height: 82px;
    overflow: hidden;
    hyphens: auto;
}

.styleLinksblog {
    cursor: pointer;
    color: #2ba6cb;
}
.subElementHeader {
    margin-top: 95px;
}

.pt4 {
    padding-top: 4px;
}

.extraTopPaddingKostenlose {
    padding-top: 4px;
}


/*carousel*/


.imgBlogMain {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}



.carousel-control-next, .carousel-control-prev {
    color: white;
    text-decoration: none;
    
}
.carousel-control-prev {
    margin-left: 10px;
    margin-top: 105px;
    width: 50px;
    height: 50px;
    border: 1px solid whitesmoke;
}
.extraTopCarousel {
    bottom: 10px;
}

.carousel-indicators {
    left: -15px;
    background-color: white;
    color: gray;
    position: relative;
}

    .carousel-indicators [data-bs-target] {
        width: 15px;
        height: 15px;
        border-radius: 100px;
        border: 1px solid #cacaca;
        background-color: #cacaca;
        margin-bottom: 12px;
    }

.carousel-control-next {
    margin-right: 40px;
    margin-top: 105px;
    width: 50px;
    height: 50px;
    border: 1px solid whitesmoke;
   
}

    .carousel-control-next:hover, .carousel-control-prev:hover {
        color: #fff !important;
        background-color: #696969 !important;
        text-decoration: none;
        outline: 0;
        opacity: 1;
    }

.profileIcon {
    color: white !important;
    border: solid green 1px;
    padding: 2px 2px 2px 1px;
    background-color: darkgreen;
    border-radius: 1px;
    height: 17px !important;
}

.boldElem {
    font-weight: bold;
}

.minPaddingAP {
    padding-top: 5px;
    font-weight: bold;
    max-width: 350px;
}

.minPadding {
    padding-top: 10px;
    font-weight: bold;
}

.mextra {
    margin-top: 14px !important;
    background-color: transparent;
}
.tvExtraSize {
    min-height: auto;
}
#SidebarAdsElement {
    height: auto;
}

.textElementTVT {
    color: white;
    font-weight: bold;
    cursor: pointer;
}

h2 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem;
}

.styleIconArrow {
    text-align: center;
    margin-left: 5px;
}

    .styleIconArrow img {
        margin-bottom: 5px;
        width: 14px;
        height: 14px;
        vertical-align: bottom;
    }

/**/

.noPaddingleftRight {
}

.grauStyleDiv {
    background-color: whitesmoke;
    padding: 5px 10px 5px 10px;
}

.extraMarginLeftBlogBenachrichtigung {
    margin-left: 3px;
}
.paddingExtraBlogSearch{
    padding-left: 15px;


}

.gelbStyleButton {
    background-color: rgba(250,200,45,1);
    text-align: center;
    padding: 7px 10px 7px 10px !important;
    border-radius: 3px;
}

    .gelbStyleButton a {
        color: white; /* blue colors for links too */
        text-decoration: inherit; /* no underline */
    }

.boldStyleSpan {
    font-weight: bold;
}

.boldextraYellow {
    color: rgba(250,200,45,1);
}
/* Modal */
.modal-backdrop {
    z-index: 1 !important;
}
/*Terminvertretung*/
.gebuerTextStyle {
    top: -72px;
    background-color: dimgray;
    position: relative;
    color: white;
    float: right;
    width: 120px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: -20px;
    z-index: auto;
}
:root {
    -webkit-locale: 'de';
}
.elementLeftBrakExtra {
}

    .elementLeftBrakExtra > a {
        color: black !important;
        text-align: left;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }

/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    /* The actual popup (appears on top) */
    .popup .popuptext {
        width: auto;
        max-width: 400px;
        background-color: #555;
        color: #fff;
        text-align: left;
        border-radius: 1px;
        position: absolute;
        overflow: hidden;
        z-index: 1;
        padding-left: 5px;
        padding-right: 5px;
        /* bottom: 125%;
        left: 124%;
        margin-left: -80px;*/
    }
    /* Toggle this class when clicking on the popup container (hide and show the popup) */
    .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s
    }

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.otherElementHeaderH1 {
    font-size: 1.15em !important;
    padding-left: 5px;
}
.extraLeftBlogLabel {

    padding-left: 4px;
}



.elementCaptchaDivPadding {
    vertical-align: bottom;
    margin-top: 64px;
}


.farbeBackground {
    border-radius: 3px !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    color: white;
    background-color: rgba(250, 200, 45,1) !important;
    /*background-color: forestgreen !important;*/
}
#logoSuche {
      display: inline-block;
      vertical-align: middle;
      max-width: 160px;
      height: auto;
}

.elementDisplay {
    line-height: 1.4 !important;
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
}

.showQrCode {
    display: block;
}
.sizeExtraInfo {
    font-size: 17px !important;

}
@media screen and (max-width: 639px) {
    /*Brak*/
    .paddingExtraRightBenachrichtigung {
        padding-right: 0px;
    }
    .showQrCode {
        display: none;
    }
    .paddingExtraRightBenachrichtigungKategorien {
        padding-right: 0px;
    }

    .maxHeigh500 {
        max-height: auto;
    }

    .menuExtraOption {
        color: rgb(87, 148, 242);
        padding-left: 10px;
        padding-right: 10px;
    }

    .elementDisplay {
        font-size: 1.4375rem;
    }

    .hide-for-small {
        display: none;
    }

    .leaflet-left {
        left: 0;
        position: relative !important;
        z-index: -1 !important;
    }

    .show-for-small-only {
        display: block;
    }

    .logNewMobileContent {
        padding: 0;
        border-radius: 6px;
        position: relative;
        width: 200px;
        float: left !important;
        /*top: 73px;
            margin-lefT: 70px;*/
    }

    .headerStyleDASD2020 {
        height: auto;
        width: 100%;
        background-repeat: no-repeat;
        background-size: auto;
        background-Position: center;
        background-color: #797E99;
        background-size: cover;
    }

    

    .kasteMitte {
        height: 200px !important;
    }

    .height-100 {
        height: auto !important;
    }

    .subElementHeader {
        margin-top: 20px;
        min-height: 100px;
        color: #f1f1f1;
    }
}

.kasteMitte {
    background-color: white;
    height: 250px !important;
}

.kasteMitteExtra {
    height: 70px;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    margin-bottom: 1rem;
}
@media screen and (max-width: 513px) {
    .headerStyleDASD2020 {
        height: auto;
        width: 100%;
        background-repeat: no-repeat;
        background-size: auto;
        background-Position: center;
        background-color: #797E99;
        background-size: cover;
    }

    .kasteMitte {
        height: 250px !important;
    }
}

@media screen and (max-width: 480px) {
    .subElementHeader {
        margin-top: 0px;
    }

    .headerStyleDASD2020 {
        height: auto;
        width: 100%;
        background-repeat: no-repeat;
        background-size: auto;
        background-Position: center;
        background-color: #797E99;
        background-size: cover;
    }

    h5, .h5 {
        font-size: 0.9rem !important;
    }

    .kasteMitte {
        height: 190px !important;
    }
}


@media screen and (max-width: 400px)  {
    .subElementHeader {
        margin-top: 0px;
    }

    .headerStyleDASD2020 {
        height: auto;
        width: 100%;
        background-repeat: no-repeat;
        background-size: auto;
        background-Position: center;
        background-color: #797E99;
        background-size: cover;
    }

    h5, .h5 {
        font-size: 0.9rem !important;
    }

    
}


@media screen and (max-width: 320px) {
    .subElementHeader {
        margin-top: 0px;
    }

    .headerStyleDASD2020 {
        height: auto;
        width: 100%;
        background-repeat: no-repeat;
        background-size: auto;
        background-Position: center;
        background-color: #797E99;
        background-size: cover;
    }

    h5, .h5 {
        font-size: 0.9rem !important;
    }

    .kasteMitte {
        height: 230px !important;
    }
}



@media screen and (max-width: 1023px) {
    .kasteMitte {
        height: 10px !important;
    }
    
    .topnav .responsive {
        padding-top: 20px;
        position: absolute;
        background-color: whitesmoke;
        width: auto;
        top: 100px;
        height: auto;
    }

    .topnav a {
        float: left;
        display: block;
        color: gray;
        text-align: center;
        padding: 4px 5px;
        text-decoration: none;
        font-size: 17px;
    }

 
    .extrasizeIcon {
        font-size: 30px !important;
    }

    #logNewMobileMini {
        float: left !important;
    }

   

    #iconMenuStartSite {
        display: block;
        top: 0px;
        margin-top: 30px;
        right: 10%;
        position: absolute;
       
    }

    .icon {
        color: #000;
        margin-top: 30px;
    }

    #titleResult {
        margin-top: 50px;
    }
}
.extraSubtitleStyle {
    font-weight: 600;
    color: black;
}

@media screen and (min-width: 1024px) {

    .maxHeigh500 {
        min-height: 500px;
    }
    /* Style the links inside the navigation bar */
    .topnav a {
        float: left;
        display: block;
        color: gray;
        text-align: center;
        padding: 4px 16px;
        text-decoration: none;
        font-size: 17px;
    }

    #iconMenuStartSite {
        display: none;
    }


    .marginExtraButtonBlog {
        margin-right: 14px !important;
        margin-bottom: 0px !important;
    }

    .raMicroImg {
        padding-bottom: 12px;
    }

    .colorExtraLinkButton a {
        color: black !important;
    }

    .extraDesignButton {
        margin-bottom: 0px !important;
    }

        .extraDesignButton a {
            color: black !important;
        }

    #titleResult {
        height: auto;
    }

}

@media screen and (max-width: 315px) {


    .headerStyleDASD2020 {
        height: auto;
        width: 100%;
        background-repeat: no-repeat;
        background-size: auto;
        background-Position: center;
        background-color: #797E99;
        background-size: cover;
    }

    .kasteMitte {
        height: 220px !important;
    }
}

.input:checked ~ .switch-paddle {
    background: #fac82d !important;
}

.elementNoResult {
    text-decoration: line-through;
}

input:checked ~ .switch-paddle {
    background: #fac82d !important;
}

.h4Bold h4 {
    font-weight: bold;
}

.kostenloseErsteinschatzung {
    float: right;
    background-color: #fac82d;
    font-size: x-small;
    font-weight: bold;
    margin-top: 59px;
    margin-right: -60px;
    padding-right: 5px;
    padding-left: 6px;
}

#benutzerName {
    margin-top: 20px !important;
    padding-left: 0px !important;
}

.labelLogin {
    float: left;
    padding-top: 2px;
    font-size: 17px;
    cursor: pointer;
}


@-moz-document url-prefix() {

    .kostenloseErsteinschatzung {
        float: right;
        background-color: #fac82d;
        font-size: x-small;
        font-weight: bold;
        margin-top: 62px;
        margin-right: -65px;
        padding-right: 5px;
        padding-left: 6px;
        margin-left: 4px;
    }

    .labelLogin {
        float: left;
        padding-top: 2px;
        font-size: 17px;
        cursor: pointer;
    }
}

.extraFormatCut  {
    height: 40px;
    background-color: white;


}

.mxExtra1 {
    margin-left: 0.8rem;
    margin-right: 0.8rem;
}


.iconInputPosition {
    position: absolute;
    right: 12%;
    color: #cacaca;
    cursor: pointer;
    /* border: 1px solid #cacaca;
    border-left: none !important;
   
    background-color: #fefefe;
    -webkit-box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);*/
}

.paddingButtonOnlineAngeigen {
    padding-top: 24px;
}

.borderRightNone {
    border-right: none !important;
}

div.cover {
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

.elementFooterStylePre {
    background-color: #d2d2d2;
}

.elementFooterStyle ul {
    list-style-type: none;
}
#MasterPageForm {
    min-height: 90vh;
    overflow-x:hidden;
}
#AlleOrte {
    min-height: 55vh;
}
#ratgeberFooter {
    bottom: 0;
}

.servicesMinHeight {
    min-height: 210px;

}
@media (min-width: 992px) {
    /*.col-lg-4 {
        flex: 0 0 auto;
        width: 30.33333333%;
    }*/
}
@media (min-width: 992px) {
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333% !important;
    }


}



@media (max-width: 991px) {
    .topnav a {
        display: none;
    }

   
    .topnav .responsive {
        position: absolute;
        background-color: #f5f5f5;
        width: auto;
        height: auto;
        top: 158px;
    }


        .topnav .responsive a.icon {
            position: absolute;
            right: 0;
            top: 0;
            background-color: white;
        }

        .topnav .responsive a {
            float: none;
            display: block;
            text-align: left;
        }
}


.grid-margin-x {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
}

.grid-x {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
img.cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    overflow-x: hidden;
}

.shadow {
    margin-top: 0px;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 3px 3px 5px 6px #ccc; /* Firefox 3.5 - 3.6 */
    box-shadow: 3px 3px 5px 6px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    margin-bottom: 10px;
}
/* Header Images */

.extraPaddingRight {
    padding-right: 10px;
}

.headerImage1 {
    background-image: url("/Content/Images/Gerichtsbilder/gerichtm1.webp");
}

.noneheaderImage1 {
    background-image: url("/Content/Images/Gerichtsbilder/gericht1.jpeg");
}

.miniheaderImage1 {
    background-image: url("/Content/Images/Gerichtsbilder/gericht1.webp");
}

.headerImage2 {
    background-image: url("/Content/Images/Gerichtsbilder/gerichtm2.webp");
}

.noneheaderImage2 {
    background-image: url("/Content/Images/Gerichtsbilder/gericht2.jpeg");
}

.miniheaderImage2 {
    background-image: url("/Content/Images/Gerichtsbilder/gericht2.webp");
}


.headerImage3 {
    background-image: url("/Content/Images/Gerichtsbilder/gerichtm3.webp");
}

.noneheaderImage3 {
    background-image: url("/Content/Images/Gerichtsbilder/gericht3.jpeg");
}

.miniheaderImage3 {
    background-image: url("/Content/Images/Gerichtsbilder/gericht3.webp");
}



.headerImage4 {
    background-image: url("/Content/Images/Gerichtsbilder/gerichtm4.webp");
}

.noneheaderImage4 {
    background-image: url("/Content/Images/Gerichtsbilder/gericht4.jpeg");
}

.miniheaderImage4 {
    background-image: url("/Content/Images/Gerichtsbilder/gericht4.webp");
}


.headerImage5 {
    background-image: url("/Content/Images/Gerichtsbilder/gerichtm5.webp");
}

.noneheaderImage5 {
    background-image: url("/Content/Images/Gerichtsbilder/gericht5.jpeg");
}

.miniheaderImage5 {
    background-image: url("/Content/Images/Gerichtsbilder/gericht5.webp");
}


.headerImage6 {
    background-image: url("/Content/Images/Gerichtsbilder/gerichtm6.webp");
}

.noneheaderImage6 {
    background-image: url("/Content/Images/Gerichtsbilder/gericht6.jpeg");
}

.miniheaderImage6 {
    background-image: url("/Content/Images/Gerichtsbilder/gericht6.webp");
}

.top-bar .bg-weiss, .bg-weiss ul {
    background-color: transparent;
}

.vertretungElement {
    font-size: 125px !important;
    display: inline-block !important;
    vertical-align: middle;
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    font-weight: 800;
    color: #696969;
}

.top-bar ul a {
    text-transform: uppercase;
    font-size: 16px;
}



.elemSubPlace {
    margin-right: 3px;
    margin-left: 3px;
}

.grid-x > .medium-19 {
    width: 75%;
}
/*change polymer-element*/
.grid-container {
    /* padding-right: 0.625rem;
    padding-left: 0.625rem;*/
    max-width: 88rem;
    margin: 0 auto;
    margin-right: auto;
}

.secundaryLink a {
    line-height: inherit;
    /*color: #2ba6cb;*/
    color: #1c6980;
    cursor: pointer;
    padding-top: 8px;
}

.dasd {
    color: rgba(250, 200, 45,1) !important;
}

.buttonExtra {
    background-color: rgba(250, 200, 45,1) !important;
    color: white;
    padding-left: 10px !important;
    padding-right: 10px !important;
    cursor: pointer !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border: rgba(10, 10, 10, .25) solid 1px;
}
.extraElementButton {
    border: none;
}
.extraElemCollapse {
    height:auto;

}

.bg-dasd {
    background-color: rgba(250, 200, 45,1) !important;
}
.extraSubButtonBlog {
    border: none;

}
.commentStyle {
    resize: none;
}

#ctl00_PlaceholderContent_AnwaltProfile_imgCaptchaImage {
    height: 80px !important;
}

.extraLeftBorderRadius {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}


.b-dasd {
    border-color: rgba(250, 200, 45,1) !important;
}

.bl-dasd {
    border-left: 0.5em solid rgba(250, 200, 45,1);
}

.farbfeld {
    padding: 8px;
    background-color: rgba(250, 200, 45,0.1);
    color: rgba(51, 51, 51,1);
    margin-right: 0rem;
}

.dasdgrau {
    color: #6b6b6b;
}

.farbfeld-g {
    padding: 8px;
    background-color: rgba(250, 200, 45,0.3);
    color: rgba(51, 51, 51,1);
    margin-right: 0rem;
    margin-left: -5px;
}

.ein {
    font-size: 1rem;
}

.input-h {
    height: 46px !important;
}

.hgrau {
    color: #cfcfcf;
}

.linkBlogExtra {
    color: #2ba6cb !important;
    cursor: pointer;
}

    .linkBlogExtra:hover {
        color: rgba(174, 4, 15, 1)
    }


a.disabled {
    pointer-events: none;
    cursor: default;
}

.top-bar, .top-bar ul {
    background-color: transparent;
    font-size: 16px;
}

.textSize {
    font-size: .82rem;
    hyphens: auto;
    max-height: 82px;
    overflow: hidden;
}

p {
    font-size: 1rem;
    color: rgba(0, 0, 0, .8);
}

    p.auto, div.auto {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

div.center {
    margin: 0 auto;
}

div.text-b-0 > p {
    margin-bottom: 0 !important
}

div.h-mb-0 > h1, div.h-mb-0 > h2, div.h-mb-0 > h3, div.h-mb-0 > h4, div.h-mb-0 > h5, div.h-mb-0 > h6 {
    margin-bottom: 0 !important
}

.tuetel {
    font-size: 4rem;
    line-height: 0;
}

.li-3 {
    font-size: 1.5rem !important;
}

.li-2 {
    font-size: 1.13rem;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
}
/* Navi */
li.normal > a {
    color: #000 !important;
    text-transform: uppercase;
    font-weight: normal;
}

li.ueber {
    color: #000 !important;
    text-transform: uppercase;
    font-weight: bold;
}

li.unter > a {
    color: #000 !important;
    font-weight: normal;
    text-transform: none;
}

    li.unter > a:hover {
        color: rgb(212, 14, 14) !important;
        font-weight: normal;
        text-transform: none;
    }

.menu .active > a {
    text-transform: uppercase;
}

.menu .active > a, .menu .current > a {
    background: rgba(41, 49, 51, 0);
    color: #120077 !important;
    text-decoration: underline;
    text-decoration-color: #120077;
}
/* Hamburger */
.title-bar-title {
    color: #000;
}

.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    -webkit-box-shadow: 0 7px 0 #000,0 14px 0 #000;
    box-shadow: 0 7px 0 #000,0 14px 0 #000;
    content: '';
}

.selectedElement a {
    color: rgba(41, 49, 51, 1) !important;
}

.selectedElement:hover {
    cursor: pointer;
    color: #e7bb70 !important;
}

.selectedElement a:hover {
    cursor: pointer;
    color: #e7bb70 !important;
}

@media screen and (max-width: 63.9375em) {
    .menu-text {
        display: none;
    }

    .normal.mega-menu, .active.mega-menu, li.normal {
        display: block !important;
        background-color: #f7f7f7;
        width: 100%;
        margin-top: 1rem !important;
    }

    li.normal {
        margin-top: 8px !important;
        padding-left: 10px;
    }

        li.normal a:hover {
            background-color: rgba(174, 4, 15, 1);
            color: #e7bb70 !important;
        }
}
/*Navi Ende */

.rot, .ram-color, .rot p {
    color: rgba(214, 14, 33, 1) !important;
}

.link-rot a {
    color: rgba(214, 14, 33, 1) !important;
}


.bg-rot {
    background-color: rgba(214, 14, 33, 1)
}

.drot {
    color: rgba(174, 4, 15, 1)
}

.bg-drot {
    background-color: rgba(174, 4, 15, 1)
}

.gold {
    color: #e7bb70;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Gudea', sans-serif;
}

.accordion-title > h5 {
    color: black;
    text-align: left;
}

.separator-center::after {
    border-bottom: .125rem solid rgba(214, 14, 33, 0.9);
}

.anthrazit a {
    color: rgba(41, 49, 51, 1) !important;
    text-decoration: none;
}

.marginElementBodyList {
    margin-top: 20px;
}

.elemChangeNameListKanzlei {
    font-size: 1.13rem;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, .8);
}

.elemChangeNameList {
    font-size: 1.13rem;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, .8);
    text-decoration: none;
}

.elemChangeNameKanzlei {
    font-size: 1.13rem;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, .8);
}

.elemChangeNameList a, .elemChangeName a {
    color: black;
    padding-bottom: 5px;
    padding-top: 5px;
    text-decoration: none;
}
/*Leaflet Popup*/
.leaflet-popup-content {
    
    width: 300px !important;
    height: auto !important;
}

@media screen and (max-width: 39.9375em) {



    .leaflet-popup-content {
        width: 250px !important;
        height: auto !important;
    }

    .prExtra2 {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
}

.popupDiv {
    font-size: 12px !important;
    color: gray;
}

.popupDivMini {
    font-size: 10px !important;
    color: gray;
}

.ladenImagePopup {
    margin-left: 130px;
    margin-top: 30px;
    width: 35px;
    height: 35px;
}

.elemChangeNameList:hover, .elemChangeNameList a:hover, .elemChangeName:hover, .elemChangeName a:hover, .videoAnruf:hover, .onlineVideoBeratungLabel:hover {
    color: #e7bb70 !important;
    text-decoration: none;
    cursor: pointer;
}


tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border: none;
} 
.antrazit, .anthrazit, div.anthrazit a div.anthrazit a {
    color: rgba(41, 49, 51, 1) !important;
}

.title {
    margin-top: 15px;
}
.extraWidthZeit {

    max-width: 130px;
}


#anwaltProfilePanelSuper {
    min-height: 150px;
}

#elementListSuche a:hover, a.hover:hover, #elementListSuche elemChangeName {
    color: #e7bb70 !important;
    text-decoration: none;
}

    div.anthrazit a:hover, a.hover:hover a.p.hover:hover {
        /*  color: #e7bb70 !important;
        text-decoration: underline;*/
    }

span.anthrazit {
    color: white !important;
}

    span.anthrazit a:hover, span:hover {
        /*color: #e7bb70 !important;
            text-decoration: underline;*/
    }

.bg-white {
    background-color: white !important;

}

.bg-grau {
    background-color: #f6f6f6;
}

.bg-grauccc {
    background-color: #999;
}

.bg-image-rb {
    background-position: right bottom;
    background-repeat: no-repeat;
}

.bg-image-lb {
    background-position: left bottom;
    background-repeat: no-repeat;
}

.bg-image-breite {
    background-size: auto;
}

.bottom-5 {
    bottom: 5vw;
}

.bottom-0 {
    bottom: 0;
}

.bottom-1 {
    bottom: 1rem;
}

.bottom-2 {
    bottom: 2rem;
}

.bottom-3 {
    bottom: 3rem;
}

.link-weiss a {
    color: #fff !important;
}

.weiss, .weiss p {
    color: #fff !important;
}

.adress > p {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.4rem;
}

.accordion-title {
    font-size: 1rem;
    font-weight: bold;
}
/* Ueberschriften Vor-Ort-Element Homepage */

@media (min-width: 1024px) {
    .h3-vor-ort {
        text-shadow: 1px 0px 5px #f6f6f6;
        color: rgba(41, 49, 51, 1) !important;
    }
}

@media (max-width: 1023px) {
    .h3-vor-ort {
        color: #fff !important;
    }
}


.bg-weiss {
    /*  */
}

.bg-weiss-6 {
    background-color: rgba(255,255,255,0.6);
}

.button.hollow.secondary {
    border: 1px solid #999;
    color: #999;
}

    .button.hollow.secondary:focus, .button.hollow.secondary:hover {
        /* border-color: rgba(214, 14, 33, 0.9);
        color: rgba(214, 14, 33, 0.9);*/
    }

.display-5 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

.v-table {
    display: table;
}

.v-center {
    display: table-cell;
    vertical-align: middle;
}

.abstand, .abstand-o {
    margin-top: 8.12rem !important;
}

.abstand, .abstand-u {
    margin-bottom: 8.12rem !important;
}

.innen, .innen-o {
    padding-top: 5.12rem;
}

.innen, .innen-u {
    padding-bottom: 5.12rem;
}

@media screen and (min-width: 1024px) {
    .ui-autocomplete {
    }
}
/* Padding nur auf Medium oder groesser */

@media screen and (min-width: 640px) {
    .paddingExtraRightBenachrichtigung {
        padding-right: 40px;
    }

    .paddingExtraRightBenachrichtigungKategorien {
        padding-right: 42px;
    }

    #elementListSuche {
        margin-top: 0px;
        margin-bottom: 100px;
    }

    .medium-innen, .medium-innen-o {
        padding-top: 5.12rem;
    }

    .medium-innen, .medium-innen-u {
        padding-bottom: 5.12rem;
    }
    .elementDisplay {
        font-size: 1.9375rem;
    }

    .hide-for-small {
        display: block;
    }

    .logNewMobileContent {
        padding: 0;
        border-radius: 6px;
        position: relative;
        width: auto;
        /*top: 73px;
            margin-lefT: 70px;*/
    }

    .show-for-small-only {
        display: none;
    }

    .headerStyleDASD2020 {
        height: auto;
        width: 100%;
        background-repeat: no-repeat;
        background-size: auto;
        background-Position: center;
        background-color: #797E99;
        background-size: cover;
    }


    .height-100 {
        height: 100% !important;
    }

  
}

.subElementHeader {
    min-height: 140px;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    padding: 20px;
}
/* Weitere Klassen fuer Margin und Padding */

.mt-1, .my-1, .m-1 {
    margin-top: 1rem !important;
}

.mb-1, .my-1, .m-1 {
    margin-bottom: 1rem !important;
}

.pt-1, .py-1, .p-1 {
    padding-top: 1rem !important;
}

.pb-1, .py-1, .p-1 {
    padding-bottom: 1rem !important;
}

.mt-2, .my-2, .m-2 {
    margin-top: 2rem !important;
}

.mb-2, .my-2, .m-2 {
    margin-bottom: 2rem !important;
}

.pt-2, .py-2, .p-2 {
    padding-top: 2rem !important;
}

.pb-2, .py-2, .p-2 {
    padding-bottom: 2rem !important;
}

.ml-1, .mx-1, .m-1 {
    margin-left: 1rem !important;
}

.mr-1, .mx-1, .m-1 {
    margin-right: 1rem !important;
}

.pl-1, .px-1, .p-1 {
    padding-left: 1rem !important;
}

.pr-1, .px-1, .p-1 {
    padding-right: 1rem !important;
}

.ml-2, .mx-2, .m-2 {
    margin-left: 2rem !important;
}

.mr-2, .mx-2, .m-2 {
    margin-right: 2rem !important;
}

.pl-2, .px-2, .p-2 {
    padding-left: 2rem !important;
}

.pr-2, .px-2, .p-2 {
    padding-right: 2rem !important;
}

.mt-3, .my-3, .m-3 {
    margin-top: 3rem !important;
}

.mb-3, .my-3, .m-3 {
    margin-bottom: 3rem !important;
}

.pt-3, .py-3, .p-3 {
    padding-top: 3rem !important;
}

.pb-3, .py-3, .p-3 {
    padding-bottom: 3rem !important;
}

.ml-3, .mx-3, .m-3 {
    margin-left: 3rem !important;
}

.mr-3, .mx-3, .m-3 {
    margin-right: 3rem !important;
}

.pl-3, .px-3, .p-3 {
    padding-left: 3rem !important;
}

.pr-3, .px-3, .p-3 {
    padding-right: 3rem !important;
}

.mt-n-8, .my-n-8 {
    margin-top: -8rem;
}

.bgimg-50-auto {
    background-size: 50% auto !important;
}

.mtpExtraTools {
    margin-top: 38px;
}

.marginTopKSCheck {
    margin-top: 5px !important;
}
/* Auf Small wird ein Ausschnitt der linken Haelfte des Hintergrundbilds angezeigt */
@media screen and (max-width: 639px) {
    .header-small, small-bg-left {
        background-size: 200% !important;
        background-position: left !important;
    }
    #bueroTable {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    #bueroTableAdd {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .img-profile {
        padding-right: 15px;
        max-height: 200px;
    }

    #elementListSuche {
        margin-top: 0px;
        margin-bottom: 50px;
    }



    .mtpExtraTools {
        margin-top: 10px;
    }
}

/* Auf Medium und kleiner wird ein Ausschnitt der linken Haelfte des Hintergrundbilds angezeigt */
@media screen and (max-width: 1023px) {
    .header-medium, medium-bg-left {
        background-size: 200% !important;
        background-position: left !important;
    }
}
/* Hintergrundbild auf Small ausblenden */

@media (max-width: 639px) {
    .mobile-kein-bg, .no-bg-sm, .small-no-bg {
        background-image: none !important;
    }
}
/* Hintergrundbild auf Medium und kleiner ausblenden */

@media (max-width: 1023px) {
    .no-bg-md, .medium-no-bg {
        background-image: none !important;
    }

    .ui-autocomplete {
    }
}
/* Schatten fuer weissen Text auf dunklem Hintergrund */

.schatten {
    text-shadow: 1px 0px 6px #000000;
}

.schatten-hell, schatten-weiss {
    text-shadow: 1px 0px 5px #f6f6f6;
}

.schatten-dunkel {
    text-shadow: 1px 0px 7px #b6b6b6;
}
/* Etwas groesserer Text mit normalem font-weight (sonst .lead verwenden) */

.gross {
    font-size: 1.2rem;
}
/* Aufzaehlungszeichen in Listen unterdruecken (z.B. fuer Datenschutz-Checkbox in Formularen) */

.no-bullet, .inputs-list {
    list-style-type: none;
}
    /* mach Datenschutz huebsch */

    .inputs-list input {
        margin-left: -28px;
        margin-right: 10px;
    }

.help-inline {
    color: red;
}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Demo Styles */
.tox-editor-header {
    z-index: 0 !important;
}
.title-bar {
    width: 100%;
    z-index: 10;
    transition: height .25s ease;
    height: 2em;
    background-color: #fff;
    margin-top: 0.5rem;
    margin-bottom: 5px;
}

    .title-bar .title-bar-right, .title-bar .title-bar-left {
        transition: padding-top .25s ease;
        padding-top: 1.4em;
    }

    .title-bar.shrink {
        height: 3em;
    }

        .title-bar.shrink .title-bar-right, .title-bar.shrink .title-bar-left {
            padding-top: 0em;
        }

    .title-bar .dropdown.menu li {
        float: left;
    }

    .title-bar .dropdown.menu .is-dropdown-submenu {
        border: none;
        background-color: #2c3840;
    }

#root {
    margin-top: 2em;
}
/* Tino Test NAVI */

.mega-menu .dropdown-pane {
    width: 100%;
    /* max-width: 85rem; */
    margin: 0 auto !important;
    left: 0% !important;
    right: 0% !important;
}

.mega-menu .menu {
    background: none;
}

.mega-menu > a::after {
    display: inline-block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000 transparent transparent;
    margin-left: 10px;
    /* margin-top: 11%; */
}

.dropdown-pane li {
    display: block;
}

.title-bar-left, .title-bar-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0px;
    -ms-flex: 1 1 0px;
    flex: 1 0 auto;
}

.menu .button, .menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: .7rem 1rem .7rem 0;
}

.dropdown.menu > li > a {
    padding: .7rem 0.7rem;
}

.top-bar {
    padding: 0;
}
/* Ab hier responsive Margins und Paddings wie in Bootstrap.  */
/* Nur small (bis 639 Pixel) */

@media screen and (max-width: 39.9375em) {
    .mt-s-0, .my-s-0, .m-s-0 {
        margin-top: 0rem !important;
    }

    .mb-s-0, .my-s-0, .m-s-0 {
        margin-bottom: 0rem !important;
    }

    .pt-s-0, .py-s-0, .p-s-0 {
        padding-top: 0rem !important;
    }

    .pb-s-0, .py-s-0, .p-s-0 {
        padding-bottom: 0rem !important;
    }

    .ml-s-0, .mx-s-0, .m-s-0 {
        margin-left: 0rem !important;
    }

    .mr-s-0, .mx-s-0, .m-s-0 {
        margin-right: 0rem !important;
    }

    .pl-s-0, .px-s-0, .p-s-0 {
        padding-left: 0rem !important;
    }

    .pr-s-0, .px-s-0, .p-s-0 {
        padding-right: 0rem !important;
    }

    .mt-s-1, .my-s-1, .m-s-1 {
        margin-top: 1rem !important;
    }

    .mb-s-1, .my-s-1, .m-s-1 {
        margin-bottom: 1rem !important;
    }

    .pt-s-1, .py-s-1, .p-s-1 {
        padding-top: 1rem !important;
    }

    .pb-s-1, .py-s-1, .p-s-1 {
        padding-bottom: 1rem !important;
    }

    .mt-s-2, .my-s-2, .m-s-2 {
        margin-top: 2rem !important;
    }

    .mb-s-2, .my-s-2, .m-s-2 {
        margin-bottom: 2rem !important;
    }

    .pt-s-2, .py-s-2, .p-s-2 {
        padding-top: 2rem !important;
    }

    .pb-s-2, .py-s-2, .p-s-2 {
        padding-bottom: 2rem !important;
    }

    .ml-s-1, .mx-s-1, .m-s-1 {
        margin-left: 1rem !important;
    }

    .mr-s-1, .mx-s-1, .m-s-1 {
        margin-right: 1rem !important;
    }

    .pl-s-1, .px-s-1, .p-s-1 {
        padding-left: 1rem !important;
    }

    .pr-s-1, .px-s-1, .p-s-1 {
        padding-right: 1rem !important;
    }

    .ml-s-2, .mx-s-2, .m-s-2 {
        margin-left: 2rem !important;
    }

    .mr-s-2, .mx-s-2, .m-s-2 {
        margin-right: 2rem !important;
    }

    .pl-s-2, .px-s-2, .p-s-2 {
        padding-left: 2rem !important;
    }

    .pr-s-2, .px-s-2, .p-s-2 {
        padding-right: 2rem !important;
    }

    .mt-s-3, .my-s-3, .m-s-3 {
        margin-top: 3rem !important;
    }

    .mb-s-3, .my-s-3, .m-s-3 {
        margin-bottom: 3rem !important;
    }

    .pt-s-3, .py-s-3, .p-s-3 {
        padding-top: 3rem !important;
    }

    .pb-s-3, .py-s-3, .p-s-3 {
        padding-bottom: 3rem !important;
    }

    .ml-s-3, .mx-s-3, .m-s-3 {
        margin-left: 3rem !important;
    }

    .mr-s-3, .mx-s-3, .m-s-3 {
        margin-right: 3rem !important;
    }

    .pl-s-3, .px-s-3, .p-s-3 {
        padding-left: 3rem !important;
    }

    .pr-s-3, .px-s-3, .p-s-3 {
        padding-right: 3rem !important;
    }
}
/* Medium und groesser */

@media screen and (min-width: 40em) {
    .mt-m-0, .my-m-0, .m-m-0 {
        margin-top: 0rem !important;
    }

    .mb-m-0, .my-m-0, .m-m-0 {
        margin-bottom: 0rem !important;
    }

    .pt-m-0, .py-m-0, .p-m-0 {
        padding-top: 0rem !important;
    }

    .pb-m-0, .py-m-0, .p-m-0 {
        padding-bottom: 0rem !important;
    }

    .ml-m-0, .mx-m-0, .m-m-0 {
        margin-left: 0rem !important;
    }

    .mr-m-0, .mx-m-0, .m-m-0 {
        margin-right: 0rem !important;
    }

    .pl-m-0, .px-m-0, .p-m-0 {
        padding-left: 0rem !important;
    }

    .pr-m-0, .px-m-0, .p-m-0 {
        padding-right: 0rem !important;
    }

    .mt-m-1, .my-m-1, .m-m-1 {
        margin-top: 1rem !important;
    }

    .mb-m-1, .my-m-1, .m-m-1 {
        margin-bottom: 1rem !important;
    }

    .pt-m-1, .py-m-1, .p-m-1 {
        padding-top: 1rem !important;
    }

    .pb-m-1, .py-m-1, .p-m-1 {
        padding-bottom: 1rem !important;
    }

    .mt-m-2, .my-m-2, .m-m-2 {
        margin-top: 2rem !important;
    }

    .mb-m-2, .my-m-2, .m-m-2 {
        margin-bottom: 2rem !important;
    }

    .pt-m-2, .py-m-2, .p-m-2 {
        padding-top: 2rem !important;
    }

    .pb-m-2, .py-m-2, .p-m-2 {
        padding-bottom: 2rem !important;
    }

    .ml-m-1, .mx-m-1, .m-m-1 {
        margin-left: 1rem !important;
    }

    .mr-m-1, .mx-m-1, .m-m-1 {
        margin-right: 1rem !important;
    }

    .pl-m-1, .px-m-1, .p-m-1 {
        padding-left: 1rem !important;
    }

    .pr-m-1, .px-m-1, .p-m-1 {
        padding-right: 1rem !important;
    }

    .ml-m-2, .mx-m-2, .m-m-2 {
        margin-left: 2rem !important;
    }

    .mr-m-2, .mx-m-2, .m-m-2 {
        margin-right: 2rem !important;
    }

    .pl-m-2, .px-m-2, .p-m-2 {
        padding-left: 2rem !important;
    }

    .pr-m-2, .px-m-2, .p-m-2 {
        padding-right: 2rem !important;
    }

    .mt-m-3, .my-m-3, .m-m-3 {
        margin-top: 3rem !important;
    }

    .mb-m-3, .my-m-3, .m-m-3 {
        margin-bottom: 3rem !important;
    }

    .pt-m-3, .py-m-3, .p-m-3 {
        padding-top: 3rem !important;
    }

    .pb-m-3, .py-m-3, .p-m-3 {
        padding-bottom: 3rem !important;
    }

    .ml-m-3, .mx-m-3, .m-m-3 {
        margin-left: 3rem !important;
    }

    .mr-m-3, .mx-m-3, .m-m-3 {
        margin-right: 3rem !important;
    }

    .pl-m-3, .px-m-3, .p-m-3 {
        padding-left: 3rem !important;
    }

    .pr-m-3, .px-m-3, .p-m-3 {
        padding-right: 3rem !important;
    }
}
/* Large und groesser */

@media screen and (min-width: 64em) {
    .mt-l-0, .my-l-0, .m-l-0 {
        margin-top: 0rem !important;
    }

    .mb-l-0, .my-l-0, .m-l-0 {
        margin-bottom: 0rem !important;
    }

    .pt-l-0, .py-l-0, .p-l-0 {
        padding-top: 0rem !important;
    }

    .pb-l-0, .py-l-0, .p-l-0 {
        padding-bottom: 0rem !important;
    }

    .ml-l-0, .mx-l-0, .m-l-0 {
        margin-left: 0rem !important;
    }

    .mr-l-0, .mx-l-0, .m-l-0 {
        margin-right: 0rem !important;
    }

    .pl-l-0, .px-l-0, .p-l-0 {
        padding-left: 0rem !important;
    }

    .pr-l-0, .px-l-0, .p-l-0 {
        padding-right: 0rem !important;
    }

    .mt-l-1, .my-l-1, .m-l-1 {
        margin-top: 1rem !important;
    }

    .mb-l-1, .my-l-1, .m-l-1 {
        margin-bottom: 1rem !important;
    }

    .pt-l-1, .py-l-1, .p-l-1 {
        padding-top: 1rem !important;
    }

    .pb-l-1, .py-l-1, .p-l-1 {
        padding-bottom: 1rem !important;
    }

    .mt-l-2, .my-l-2, .m-l-2 {
        margin-top: 2rem !important;
    }

    .mb-l-2, .my-l-2, .m-l-2 {
        margin-bottom: 2rem !important;
    }

    .pt-l-2, .py-l-2, .p-l-2 {
        padding-top: 2rem !important;
    }

    .pb-l-2, .py-l-2, .p-l-2 {
        padding-bottom: 2rem !important;
    }

    .ml-l-1, .mx-l-1, .m-l-1 {
        margin-left: 1rem !important;
    }

    .mr-l-1, .mx-l-1, .m-l-1 {
        margin-right: 1rem !important;
    }

    .pl-l-1, .px-l-1, .p-l-1 {
        padding-left: 1rem !important;
    }

    .pr-l-1, .px-l-1, .p-l-1 {
        padding-right: 1rem !important;
    }

    .ml-l-2, .mx-l-2, .m-l-2 {
        margin-left: 2rem !important;
    }

    .mr-l-2, .mx-l-2, .m-l-2 {
        margin-right: 2rem !important;
    }

    .pl-l-2, .px-l-2, .p-l-2 {
        padding-left: 2rem !important;
    }

    .pr-l-2, .px-l-2, .p-l-2 {
        padding-right: 2rem !important;
    }

    .mt-l-3, .my-l-3, .m-l-3 {
        margin-top: 3rem !important;
    }

    .mb-l-3, .my-l-3, .m-l-3 {
        margin-bottom: 3rem !important;
    }

    .pt-l-3, .py-l-3, .p-l-3 {
        padding-top: 3rem !important;
    }

    .pb-l-3, .py-l-3, .p-l-3 {
        padding-bottom: 3rem !important;
    }

    .ml-l-3, .mx-l-3, .m-l-3 {
        margin-left: 3rem !important;
    }

    .mr-l-3, .mx-l-3, .m-l-3 {
        margin-right: 3rem !important;
    }

    .pl-l-3, .px-l-3, .p-l-3 {
        padding-left: 3rem !important;
    }

    .pr-l-3, .px-l-3, .p-l-3 {
        padding-right: 3rem !important;
    }
}

.sw {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: url(/elements/grayscale.svg#desaturate);
    filter: gray;
    -webkit-filter: grayscale(1);
}
/* Button in RA-MICRO-Farbe */

.button.ra-micro {
    background-color: #e40614;
    color: #fefefe;
}

    .button.ra-micro:hover, .button.ra-micro:focus {
        background-color: rgba(250,200,45,1) !important;
        color: #fefefe;
    }

.ui-menu .ui-menu-item-wrapper:hover {
    background-color: rgba(250,200,45,1) !important;
}

.ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper.ui-state-active {
    background-color: rgba(250,200,45,1) !important;
    border: none;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background-color: rgba(250,200,45,1) !important;
}


.button {
    border-radius: 3px !important;
}

    .button.disabled.ra-micro, .button[disabled].ra-micro {
        opacity: 0.25;
        cursor: not-allowed;
    }

        .button.disabled.ra-micro, .button.disabled.ra-micro:hover, .button.disabled.ra-micro:focus, .button[disabled].ra-micro, .button[disabled].ra-micro:hover, .button[disabled].ra-micro:focus {
            background-color: #e40614;
            color: #fefefe;
        }

    .button.hollow.ra-micro {
        border: 1px solid #e40614;
        color: #e40614;
        background-color: transparent;
    }



        .button.hollow.ra-micro:hover, .button.hollow.ra-micro:focus {
            border-color: #63080a;
            color: #63080a;
        }

            .button.hollow.ra-micro:hover.disabled, .button.hollow.ra-micro:hover[disabled], .button.hollow.ra-micro:focus.disabled, .button.hollow.ra-micro:focus[disabled] {
                border: 1px solid #e40614;
                color: #e40614;
            }

    .button.clear.ra-micro {
        border: 1px solid #e40614;
        color: #e40614;
    }

        .button.clear.ra-micro:hover, .button.clear.ra-micro:focus {
            border-color: #63080a;
            color: #63080a;
        }

            .button.clear.ra-micro:hover.disabled, .button.clear.ra-micro:hover[disabled], .button.clear.ra-micro:focus.disabled, .button.clear.ra-micro:focus[disabled] {
                border: 1px solid #e40614;
                color: #e40614;
            }

            .button.clear.ra-micro, .button.clear.ra-micro.disabled, .button.clear.ra-micro[disabled], .button.clear.ra-micro:hover, .button.clear.ra-micro:hover.disabled, .button.clear.ra-micro:hover[disabled], .button.clear.ra-micro:focus, .button.clear.ra-micro:focus.disabled, .button.clear.ra-micro:focus[disabled] {
                border-color: transparent;
            }

    .button.dropdown.hollow.ra-micro::after, .button.dropdown.clear.ra-micro::after {
        border-top-color: #e40614;
    }

.button-group.ra-micro .button {
    background-color: #e40614;
    color: #fefefe;
}

    .button-group.ra-micro .button:hover, .button-group.ra-micro .button:focus {
        background-color: #9e0c0f;
        color: #fefefe;
    }
/* Button in Dictanet-Farbe */

.button.dictanet {
    background-color: #669DD5;
    color: #fefefe;
}

    .button.dictanet:hover, .button.dictanet:focus {
        background-color: #0060AA;
        color: #fefefe;
    }

.button.disabled.dictanet, .button[disabled].dictanet {
    opacity: 0.25;
    cursor: not-allowed;
}

    .button.disabled.dictanet, .button.disabled.dictanet:hover, .button.disabled.dictanet:focus, .button[disabled].dictanet, .button[disabled].dictanet:hover, .button[disabled].dictanet:focus {
        background-color: #669DD5;
        color: #fefefe;
    }

.button.hollow.dictanet {
    border: 1px solid #669DD5;
    color: #669DD5;
    background-color: transparent;
}

    .button.hollow.dictanet:hover, .button.hollow.dictanet:focus {
        border-color: rgb(2, 55, 95);
        color: rgb(2, 55, 95);
    }

        .button.hollow.dictanet:hover.disabled, .button.hollow.dictanet:hover[disabled], .button.hollow.dictanet:focus.disabled, .button.hollow.dictanet:focus[disabled] {
            border: 1px solid #669DD5;
            color: #669DD5;
        }

.button.clear.dictanet {
    border: 1px solid #669DD5;
    color: #669DD5;
}

    .button.clear.dictanet:hover, .button.clear.dictanet:focus {
        border-color: rgb(2, 55, 95);
        color: rgb(2, 55, 95);
    }

        .button.clear.dictanet:hover.disabled, .button.clear.dictanet:hover[disabled], .button.clear.dictanet:focus.disabled, .button.clear.dictanet:focus[disabled] {
            border: 1px solid #669DD5;
            color: #669DD5;
        }

        .button.clear.dictanet, .button.clear.dictanet.disabled, .button.clear.dictanet[disabled], .button.clear.dictanet:hover, .button.clear.dictanet:hover.disabled, .button.clear.dictanet:hover[disabled], .button.clear.dictanet:focus, .button.clear.dictanet:focus.disabled, .button.clear.dictanet:focus[disabled] {
            border-color: transparent;
        }

.button.dropdown.hollow.dictanet::after, .button.dropdown.clear.dictanet::after {
    border-top-color: #669DD5;
}

.button-group.dictanet .button {
    background-color: #669DD5;
    color: #fefefe;
}

    .button-group.dictanet .button:hover, .button-group.dictanet .button:focus {
        background-color: #0060AA;
        color: #fefefe;
    }

.button > p {
    margin-bottom: 0px;
}

.bg-verlauf {
    background: rgba(50,50,55,1) !important;
    background: -moz-linear-gradient(top, rgba(50,50,55,1) 85%, rgba(50,50,55,0) 85%, rgba(50,50,55,0) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(85%, rgba(50,50,55,1)), color-stop(85%, rgba(50,50,55,0)), color-stop(100%, rgba(50,50,55,0))) !important;
    background: -webkit-linear-gradient(top, rgba(50,50,55,1) 85%, rgba(50,50,55,0) 85%, rgba(50,50,55,0) 100%) !important;
    background: -o-linear-gradient(top, rgba(50,50,55,1) 85%, rgba(50,50,55,0) 85%, rgba(50,50,55,0) 100%) !important;
    background: -ms-linear-gradient(top, rgba(50,50,55,1) 85%, rgba(50,50,55,0) 85%, rgba(50,50,55,0) 100%) !important;
    background: linear-gradient(to bottom, rgba(50,50,55,1) 85%, rgba(50,50,55,0) 85%, rgba(50,50,55,0) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323237', endColorstr='#323237', GradientType=0 ) !important;
}

.bg-verlauf-grau {
    background: rgba(48,48,48,1);
    background: -moz-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(48,48,48,1) 51%, rgba(82,79,82,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,48,48,1)), color-stop(51%, rgba(48,48,48,1)), color-stop(100%, rgba(82,79,82,1)));
    background: -webkit-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(48,48,48,1) 51%, rgba(82,79,82,1) 100%);
    background: -o-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(48,48,48,1) 51%, rgba(82,79,82,1) 100%);
    background: -ms-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(48,48,48,1) 51%, rgba(82,79,82,1) 100%);
    background: linear-gradient(to bottom, rgba(48,48,48,1) 0%, rgba(48,48,48,1) 51%, rgba(82,79,82,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#524f52', GradientType=0 );
}

.bg-verlauf-rot {
    background: rgba(222,6,17,1);
    background: -moz-linear-gradient(left, rgba(222,6,17,1) 0%, rgba(222,6,17,1) 58%, rgba(222,6,17,0.62) 74%, rgba(51,52,56,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(222,6,17,1)), color-stop(58%, rgba(222,6,17,1)), color-stop(74%, rgba(222,6,17,0.62)), color-stop(100%, rgba(51,52,56,0)));
    background: -webkit-linear-gradient(left, rgba(222,6,17,1) 0%, rgba(222,6,17,1) 58%, rgba(222,6,17,0.62) 74%, rgba(51,52,56,0) 100%);
    background: -o-linear-gradient(left, rgba(222,6,17,1) 0%, rgba(222,6,17,1) 58%, rgba(222,6,17,0.62) 74%, rgba(51,52,56,0) 100%);
    background: -ms-linear-gradient(left, rgba(222,6,17,1) 0%, rgba(222,6,17,1) 58%, rgba(222,6,17,0.62) 74%, rgba(51,52,56,0) 100%);
    background: linear-gradient(to right, rgba(222,6,17,1) 0%, rgba(222,6,17,1) 58%, rgba(222,6,17,0.62) 74%, rgba(51,52,56,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de0611', endColorstr='#333438', GradientType=1 );
}

.border-bottom {
    border-bottom: solid 1px #ffffff;
}

.bg-hellblau {
    background-color: #669dd5;
}

.tabs-content {
    border: none;
}

.tabs {
    border: none;
}

.tabs-title > a {
    padding: .4rem 1rem 0.1rem 1rem;
}
/* Video */
#myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.content {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
}

#myBtn {
    width: 120px;
    font-size: 18px;
    padding: 10px;
    border: none;
    /* background: #fff; */
    color: #fff;
    cursor: pointer;
}

    #myBtn:hover {
        /* background: #ddd; */
        color: red;
    }

.colorOrange {
    font-weight: bold;
    color: rgba(250,200,45,1) !important;
}

.colorWhite {
    color: white;
    font-weight: bold;
}

video {
    max-width: 100%;
    height: auto;
}
/* Ende Video */
/* video Zuerich */

#videobereich1 {
    background-color: orange;
    position: relative;
    height: 0;
    padding-bottom: 36.55%;
}

.videoExtern {
    background-color: yellow;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .videoExtern video {
        autoplay: true;
    }
/* Anpassung Schriftgroessen */
/* Ueber 1200 Pixel */
h5, .h5 {
    font-size: 1.4rem;
}

h6, .h6 {
    font-size: 1.25rem
}

.elemChangeNameWhitesmoke {
    background-color: whitesmoke;
}
/* small (unter 640 pixel) */

@media screen and (max-width: 639px) {
    .ui-autocomplete {
    }

    h1, .h1 {
        font-size: 1.75rem
    }

    h2, .h2 {
        font-size: 1.625rem
    }

    h3, .h3 {
        font-size: 1.5rem
    }

    h4, .h4 {
        font-size: 1.313rem
    }

    h5, .h5 {
        font-size: 1.25rem
    }

    h6, .h6 {
        font-size: 1.25rem
    }

    .modal-content-bewertung {
        width: 100%;
    }
}
.elemSidebar {
   
}


.loginNewMobileContent .button {
    background-color: white;
    border: 1px solid lightgray;
}

.loginNewMobileContentSuche {
    top: 200px;
}

.loginNewMobileContentAdd {
    top: 67px;
}
a {
    text-decoration: none !important;
}

.loginNewMobileContent {
    display: block;
    height: auto !important;
    right: 15% !important;
    left: auto !important;
}
.loginNewMobileContent {
    padding: 0;
    border-radius: 6px;
    position: absolute;
    width: 215px;
    left: auto !important;
    right: auto;
}
@media screen and (min-width: 1200px)  {

    .loginNewMobileContentSuche {
        display: block;
        top: 170px;
        right: 10% !important;
        left: auto !important;
    }

    .loginNewMobileContentMain {
        /* min-width: 13.5rem;*/
        right: 1% !important;
        top: 70px;
    }

  
}

@media screen and (max-width: 1700px) and (min-width:1200px) {


    .loginNewMobileContentSuche {
        display: block;
        top: 170px;
        right: 10% !important;
        left: auto !important;
    }

    .loginNewMobileContentMain {
        display: block;
        top: 140px;
        right: 1% !important;
        left: auto !important;
    }
}
@media screen and (max-width: 1250px) and (min-width:989px) {

    #logoSuche {
        max-width: 100%;
    }
    .labelIcon {
       font-size: 12px;
    }
}

@media screen and (max-width: 1100px) and (min-width:800px) {



    .loginNewMobileContentSuche {
        display: block;
        top: 120px;
        right: 10% !important;
        left: auto !important;
    }

    .loginNewMobileContentMain {
        display: block;
        top: 130px !important;
        right: 2% !important;
        left: auto !important;
    }
}

@media screen and (max-width: 1250px) and (min-width:640px) {

    .kasteMitte {
        height: 250px !important;
    }

    .divElementsSucheStyle {
        margin-top: 90px !important;
    }

 
}

@media screen and (max-width: 1250px) and (min-width:640px) {

    .kasteMitte {
        height: 250px !important;
    }
    .divElementsSucheStyle {
        margin-top: 90px !important;

    }
}

/* Medium (unter 1024 Pixel) */
@media screen and (max-width: 1023px) and (min-width:640px) {
    h1, .h1 {
        font-size: 1.5rem
    }

    h2, .h2 {
        font-size: 1.688rem
    }

    h3, .h3 {
        font-size: 1.5625rem
    }

    h4, .h4 {
        font-size: 1.375rem
    }

    h5, .h5 {
        font-size: 1.25rem
    }

    h6, .h6 {
        font-size: 1.25rem
    }
 
}
.mapElement {
    margin-left: 2.2%;
}
.profileIconRow {
    margin-bottom: 0rem
}
/* Medium (zwischen 1024 - 990 Pixel) */
@media screen and (max-width: 1024px) and (min-width:990px) {
    .translate-rotate {
        background-color: rgb(250, 200, 45);
        transform: rotate(315deg);
        text-align: center;
        position: absolute;
        bottom: 12px;
        right: -9%;
        width: 45%;
    }

}

    /* Large (unter 1200 Pixel) */
    @media screen and (max-width: 1199px) and (min-width:1024px) {
        h1, .h1 {
            font-size: 1.5rem
        }

        h2, .h2 {
            font-size: 2.125rem
        }

        h3, .h3 {
            font-size: 1.625rem
        }

        h4, .h4 {
            font-size: 1.438rem
        }

        h5, .h5 {
            font-size: 1.313rem
        }

        h6, .h6 {
            font-size: 1.25rem
        }

        .elementRatgeber {
            padding-top: 20px !important;
        }
    }
    /* Breadcrumb schwarz */
    .breadcrumbs .disabled {
        color: black;
    }
    /* Breadcrumb fuer Mobil anpassen */
    @media screen and (max-width: 63.9375em) {
        .breadcrumbs li {
            width: auto;
            background-color: transparent;
            margin-top: 8px;
            padding-left: 0px
        }
    }
    /* Footer-Nav */
    footer {
        /*bottom: 0;
        left: 0;
        width: 100%;
        right: 0;
        z-index: 0;*/
        position: relative;
    }

    .footerFixed {
        position: fixed;
    }

    .footerRelative {
        position: relative;
    }

    .footer-nav li {
        background-color: inherit;
        padding-left: 0px !important
    }

        .footer-nav li > a {
            color: rgba(41, 49, 51, 1) !important;
            text-transform: none
        }

        .footer-nav li.normal > a:hover, .footer-nav li.current > a:hover {
            color: rgb(212, 14, 14) !important;
            text-transform: none
        }

    .footer-nav ul {
        list-style-type: none;
        margin-left: 0px;
    }

    .footer-nav > nav > ul > li > a {
        font-weight: 700;
        text-transform: uppercase !important;
        pointer-events: none
    }

    .sub-footer p, .sub-footer a {
        color: #f6f6f6 !important;
        margin-bottom: 0px
    }

    .footer-twitter:hover {
        background-color: #00acee;
        border-radius: 50%;
        transition: background-color 300ms
    }

    .footer-facebook:hover {
        background-color: #3b5998;
        border-radius: 50%;
        transition: background-color 300ms
    }

    .footer-youtube:hover {
        background-color: rgb(255,0,0);
        border-radius: 50%;
        transition: background-color 300ms
    }

    .footer {
        clear: both;
        position: relative;
        height: 200px;
        /*margin-top: -200px;*/
    }
    /* Video und Testimonials weg auf small+medium */
    @media screen and (max-width: 1023px) {
        #myVideo, #test {
            visibility: hidden
        }
    }
    /* Farbverlauf Medium Diktiersoftware */
    @media screen and (max-width: 1023px) {
        .dictanet-gradient {
            background-image: linear-gradient(to right, #156DB0 10%, #F6F6F6 100%) !important;
        }
    }
    /* Farbverlauf Medium RA-MICRO App */
    @media screen and (max-width: 1023px) {
        .app-gradient {
            background-image: linear-gradient(to right, #2B1748 10%, #244683 100%) !important;
        }
    }
    /* Mobile Header DictaNet App */
    @media screen and (max-width: 1023px) {
        .dictanet-app-header {
            background-size: auto 66%,auto 90% !important;
            background-position: top right,bottom right !important;
        }
    }
    /* Weihnachtsbilder, bisher kein vern�nftiger Support f�r IE und Edge */
    .xmas-outer {
        position: relative;
        overflow-x: hidden;
        height: 300px;
    }

    .xmas-inner {
        position: absolute;
        top: -11px;
        -webkit-clip-path: circle(30% at 43% 50%);
        clip-path: circle(30% at 43% 50%);
        width: 300px;
        right: -180px;
        -webkit-transition: .3s;
        transition: .3s;
        z-index: 9999;
    }

        .xmas-inner:hover {
            top: 0;
            right: -70px;
            cursor: pointer;
        }

    #map {
        height: 37vw;
        width: 100%;
        position: relative;
    }

    @media (max-width:1023px) {
        #map {
            height: 70vh;
        }
    }

    .img-dasdProfilAnwalt img {
        width: auto;
    }

    .img-dasdProfil {
        width: auto;
    }

    .img-responsiveDefault {
        vertical-align: bottom;
    }

    .img-profile {
        display: block;
        width: 100%;
        height: auto;
        float: left;
        max-height:90%;
    }

    .img-responsive {
        display: block;
        width: 100%;
        height: auto;
        max-height: 370px;
        float: right;
        padding-bottom: 5px;
    }

    .img-responsiveSmall {
        display: block;
        width: 80%;
        height: auto;
        float: left;
    }

    .responsiveSmallpl {
        padding-left: 5px;
        margin-top: -5px
    }

    .img-dasdThumbnail {
        width: 90px;
        height: auto;
        margin-right: 5px;
        float: right;
    }

    .img-dasdThumbnail {
        width: 90px;
        height: auto;
        margin-left: 7px;
        float: right;
    }

    .img-dasdThumbnail-list {
        display: block;
        height: 100px;
        width: 100px;
        overflow: hidden;
        border-radius: 90px;
        border: solid 1px #efefef;
        background-color: #efefef;
        margin-right: 5px;
        float: right;
    }

    .nopaddingRight {
        padding-right: 0px;
        margin-right: 0px;
    }






    .svg-inline--fa {
        display: inline-block;
        font-size: inherit;
        height: 1.2em;
        padding-right: 5px;
        margin-top: 6px;
        overflow: auto;
        vertical-align: -.125em;
    }

    .svg-inline--fa-search {
        display: inline-block;
        font-size: inherit;
        height: 1em;
        overflow: auto;
        vertical-align: -.125em
    }

    .svg {
    }

    .colorLink {
        color: rgba(0, 0, 0, .8);
    }

    .panel-title {
        padding-bottom: 20px;
    }

    .elementDivMarg {
        margin-left: 0px;
    }

    .marginList {
        margin-top: 0px;
        overflow-x: hidden;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 20px;
    }

    .medium-grid-frame {
        height: auto !important;
    }

    #resultProfileSuche {
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        margin-top: -10px;
        height: auto;
        margin-bottom: 20px;
    }

    #resultProfileSucheList {
        padding-left: 20px;
        margin-top: -10px
    }

    .anthrazit {
        padding-bottom: 5px;
    }

        .anthrazit li {
        }

        .anthrazit div > a {
            word-wrap: break-word;
        }

        .anthrazit div {
            padding-bottom: 5px;
        }

    .logoSiteMove {
        width: 40px;
        margin-top: 25px;
        margin-left: auto;
        margin-right: auto;
    }

    .elemCenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .iconNew {
        padding-top: 5px;
        height: 20px;
        width: 20px;
        color: rgba(51, 51, 51,1) !important;
        font-weight: 900;
        font-size: 13px;
    }





    .menu li {
    }

    .marginTopSpan {
        line-height: 30px !important;
    }

    .elementColorIndex p {
        margin-bottom: 3px;
    }

    .elementColorIndex {
        margin-bottom: 20px;
    }

        .elementColorIndex:hover {
            background-color: whitesmoke;
        }

    .lastElement {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .elementPaddingUnder {
        margin-top: 20px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        margin-bottom: 20px;
    }

        .elementPaddingUnder > a {
            word-wrap: break-word;
        }
    /* Login Form*/

    .ml-9 {
        margin-left: 9rem !important;
    }

    .ml-11 {
        margin-left: 11rem !important;
    }

    .ml-4 {
        margin-left: 4rem !important;
    }

    .mlm-4 {
        margin-left: -4rem !important;
    }

    .mlm-9 {
        margin-left: -8.4rem !important;
    }

    marginButtonTop {
        margin-bottom: 5px;
        margin-top: 10px;
    }

    .extraPaddingDelete {
        /*padding-left: 0px !important;
    padding-right: 0px !important;*/
    }

    .loginBody {
        border: 1px solid lightgray;
        box-shadow: 1px 2px 2px 1px #999;
        /*border-right: 1px solid gray;
    border-bottom: 1px solid gray;*/
    }

    .elementSize {
        padding: 0px;
    }

    .elementSizePosition {
        padding: 0px;
        position: absolute;
        z-index: 3;
    }



    .logNewMobileContent .button {
        background-color: white;
        border: 1px solid lightgray;
    }



    .subHeader {
        margin-right: 150px
    }



    @media screen and (min-width:1024px) {
        .navFormatUrl {
            color: rgba(41, 49, 51, 1) !important;
            text-align: center;
            width: calc(28% - 1.875rem);
        }
    }


    @media screen and (max-width: 800px) and (min-width:649px) {
        .navFormatUrl {
            color: rgba(41, 49, 51, 1) !important;
            text-align: center;
            width: calc(18% - 3rem) !important;
        }
    }

    .extraPaddingleft {
        padding-left: 5px !important;
    }

    .extraElemMargin {
        margin-top: 0px !important;
    }

    @media screen and (min-width:1024px) {
        .navFormatUrl {
            color: rgba(41, 49, 51, 1) !important;
            text-align: center;
            hyphens: auto;
        }
    }

    @media screen and (max-width:640px) {

        .extraPaddingleft {
            padding-left: 0px !important;
        }

        #SidebarAdsElement {
            margin-top: 10px;
        }

        .extraElemMargin {
            margin-top: 15px !important;
        }
    }


    @media screen and (min-width:890px) {
        .navFormatUrl {
            color: rgba(41, 49, 51, 1) !important;
            text-align: center;
            width: calc(11.2% - 2rem) !important;
            hyphens: auto;
        }
    }






    #logNewMobile .close-button {
        top: 0rem;
    }

    #logNewMobile {
    }

        #logNewMobile p {
            margin-bottom: 0px;
        }

    #NotLoggedIn ::placeholder {
        text-align: center;
        font-family: futura-pt,Open Sans,Yantramanav,sans-serif;
        font-size: 12px;
    }

    #NotLoggedIn .glyphicon {
        font-size: 12px;
    }

    .fontSizeImportantMini {
        font-size: 12px !important;
    }


    #loginForm h2 {
        font-size: 1.3em;
    }

    #loginForm {
        background-color: #fff;
        border-radius: 5px;
    }


    #loginContainerLower {
        padding: 10px;
        background: #fac82b;
        font-size: 12px;
    }

    .loginTitle {
        font-size: .875rem;
        color: #6c757d;
        white-space: nowrap;
        height: 40px;
        vertical-align: central;
        padding-top: 7px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .alignCenter {
        text-align: center;
        max-width: 15px;
    }

    .borderElementLogin {
        margin-top: 20px;
        border-bottom: 1px solid lightgray !important;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    #btnLogin {
        width: 100%;
    }

    .zugangsdatenLabel {
        font-size: .875rem;
        color: #6c757d;
        white-space: nowrap;
        vertical-align: central;
        padding-top: 7px;
    }

    .registrieren {
        font-size: 0.875rem !important;
        color: #5794f2 !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
        text-align: left !important;
        margin-top: 5px;
    }

        .registrieren:hover {
            background-color: transparent !important;
            color: #cb3234 !important;
        }

    .loginBodyElement {
        border: 4px;
        padding: 10px 16px 10px 16px !important;
    }


    .passwortVergessen {
        color: #5794f2 !important;
        margin-right: 0px !important;
        padding-right: 0px !important;
        font-size: .875rem !important;
        text-align: left !important;
        padding: 12px 0px !important;
    }
        /* Change the color of links on hover */
        .passwortVergessen:hover {
            background-color: transparent !important;
            color: #cb3234 !important;
        }
        /* Add an active class to highlight the current page */
        .passwortVergessen:active {
            background-color: transparent !important;
            color: #5794f2 !important;
        }

    #LinkZumStoreEingeloggt {
        padding-left: 0px;
        padding-right: 0px;
    }

        #LinkZumStoreEingeloggt a {
            margin-left: 16px;
        }


    #LinkZumStore {
    }

    #LinkZumStoreEingeloggt a {
        margin-left: 16px;
    }


    #LinkZumProfil {
        padding-left: 0px;
        padding-right: 0px;
    }

        #LinkZumProfil a {
            margin-left: 20px;
        }

    .elementPaddingTop {
        padding-top: -5px;
        margin-left: 5px;
    }

    .iconElementPass {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        padding: .4rem 1rem !important;
        margin-bottom: 0 !important;
        font-size: 1rem !important;
        font-weight: 900 !important;
        line-height: 1.5 !important;
        color: #495057 !important;
        white-space: nowrap !important;
        text-align: center !important;
        white-space: nowrap !important;
        background-color: #e9ecef !important;
        border: 1px solid #ced4da !important;
        border-bottom-right-radius: .25rem !important;
        border-top-right-radius: 0.25rem !important;
        width: auto !important;
        cursor: pointer;
    }

    .buttonLogin {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 1rem 0;
        margin-bottom: 1rem;
        padding: 0.85em 1em;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
        transition: background-color 0.25s ease-out, color 0.25s ease-out;
        font-family: inherit;
        font-size: 0.9rem !important;
        -webkit-appearance: none;
        line-height: 1;
        text-align: center;
        cursor: pointer;
        background-color: rgba(250, 200, 45,1) !important;
        color: white !important;
    }



    .form-control::placeholder {
        color: #6c757d !important;
        opacity: 1;
        font-size: 15px !important;
        text-align: left !important;
    }

    .loginFooter {
        background-color: #ffffff !important;
        font-size: 12px;
        height: 50px;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    #NotLoggedIn {
        font-size: 12px;
    }

        #NotLoggedIn input[type="checkbox"] {
            margin-left: 15px;
        }

    .profile-gmap {
        height: 450px;
        z-index: 0;
    }

    .selectAux {
        cursor: pointer;
    }

    .extrapaddingBottom {
        padding-bottom: 60px;
    }

    .leaflet-pane img {
        max-height: none;
    }

    .GmapCheck > div {
        height: 650px;
        border: none;
    }

    .modal-header {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
    }

    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }

    .modal-dialog {
        margin: 30px auto;
        margin-top: 15%;
        background-color: white;
    }

    .extraDialogLogin {
        margin: 0px auto !important;
        margin-top: 0% !important;
        background-color: white;
    }


    .modal-dialog-login {
        /*margin: 30px auto;
    margin-top: 15%;*/
    }

    .modal-dialog-no-result {
        width: 350px;
        margin: 30px auto;
        margin-top: 0% !important;
        height: 200px
    }

    #modalLogin {
        font-size: 17px;
        font-weight: bold;
        padding: 4px 5px;
    }

        #modalLogin a {
            text-decoration: none;
            font-size: 17px;
            padding: 4px 5px;
            font-weight: bold;
        }

    .buttonOk {
        display: inline-block;
        vertical-align: middle;
        padding: 6px 12px;
        border-radius: 4px;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
        transition: background-color 0.25s ease-out, color 0.25s ease-out;
        font-family: inherit;
        font-size: 0.9rem;
        -webkit-appearance: none;
        line-height: 1;
        text-align: center;
        cursor: pointer;
        background-color: deepskyblue;
        color: white;
    }

    .elementModalLink {
        color: rgba(250, 200, 45,1) !important;
        cursor: pointer;
    }

    .elementRatgeber {
        padding-top: 20px;
        padding-left: 10px;
    }

    .bewertungTextarea {
        padding-left: 24px;
        padding-right: 12px;
    }

    .bewertungTextareaLabel {
        padding-right: 0px;
    }
    /* The Modal (background) */
    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 4; /* Sit on top */
        height: 100%; /* Full height */
        overflow: hidden; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

    .modalLogin {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 4; /* Sit on top */
        left: auto;
        width: auto; /* Full width */
        height: 100% !important; /* Full height */
        /* overflow: hidden;  Enable scroll if needed */
    }

    .form-control:focus {
        background-color: transparent;
    }

    .modal-body {
        padding: 10px 15px 10px 15px;
    }
    /* Modal Content/Box */
    .modal-content {
        background-color: #fefefe;
        margin-left: auto;
        overflow: hidden;
        width: 500px;
        margin-right: auto; /* 15% from the top and centered */
        border: 1px solid #888;
        /* Could be more or less, depending on screen size */
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-radius: 6px;
        width: auto !important;
    }

    .bewertungAnsehenTitle {
        width: 100%;
        padding-bottom: 10px;
    }


    .modal-content-anwaltperklick {
        background-color: #fefefe;
        margin-left: auto;
        margin-top: 120px;
        width: 40em;
        max-width: 700px;
        margin-right: auto; /* 15% from the top and centered */
        border: 1px solid #888;
        /* Could be more or less, depending on screen size */
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 3px;
    }

    .modal-content-bewertung {
        background-color: #fefefe;
        margin-left: auto;
        margin-top: 0px;
        width: 100%;
        max-width: 700px;
        margin-right: auto; /* 15% from the top and centered */
        border: 1px solid #888;
        /* Could be more or less, depending on screen size */
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-radius: 6px;
        padding: 30px;
        padding-top: 10px;
    }
    /* Modal */
    /* The Close Button */
    .closeBewertung {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

        .closeBewertung:hover,
        .closeBewertung:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }
    /* The Close Button */
    .close {
        color: #aaa;
        float: right;
        right: 1rem;
        top: 0.5rem;
        font-size: 2em;
        line-height: 1;
    }

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

    .rechgebieteStyleSelect {
        font-size: 13px;
        background-color: white;
        color: gray;
        border-color: gray !important;
        border-radius: 0px !important;
        border-style: solid;
        border-width: 1px !important;
        padding: 2px 2px 2px 2px;
        margin-top: 5px;
        margin-left: 5px;
        cursor: pointer;
    }

    .listSubProduct {
        height: 350px;
        width: 250px;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        cursor: pointer;
        background-color: #fff6e5;
        margin-left: -10px;
        position: absolute;
        z-index: 1;
    }


    .input-group-label-suche {
        padding: 0.5rem 1rem 0.5rem 1.1rem !important;
        /*padding-bottom: 7px;
    padding-left: 4px;*/
    }

    .bgElementColor {
        background-color: #e6e6e6;
    }

    #PlaceholderContent_OnlineWebServicesForm_SelectOberlandesgerichtToAdd {
        color: gray;
    }



    .sticky {
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 2;
        background-color: white;
        padding-top: 10px;
    }

    .sucheImg {
        max-width: 150px;
        vertical-align: auto;
    }

    .title-bar {
        background-color: transparent;
    }

    .drilldown a {
        background-color: transparent;
    }

    button {
        border: none;
    }

    .button {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 1rem 0;
        padding: 0.95em 1em;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
        transition: background-color 0.25s ease-out, color 0.25s ease-out;
        font-family: inherit;
        font-size: 0.9rem;
        -webkit-appearance: none;
        line-height: 1;
        text-align: center;
        cursor: pointer;
        background-color: rgba(250, 200, 45,1) !important;
        color: #fefefe !important;
    }

    .centerElement {
        text-align: center
    }

    .closeLogin {
        margin-right: 5px;
    }

    .eyeIcon {
        margin-left: -30px;
        margin-top: 13px;
        z-index: 10;
        position: relative;
    }

    .rgAggElementPosition label {
        font-size: 16px;
    }

    .rgAggElementPosition {
        position: relative;
        width: 300px;
        height: auto;
        /*left: 35%;*/
        /*left: 550px;
    z-index: 1;
    margin-top: -100px;*/
        border: 1px solid gray;
        padding: 6px;
    }

    .elementCheckCursor {
        cursor: pointer;
    }

    .elementCheckCursorFarbe {
        cursor: pointer;
        color: white;
        font-size: 30px !important;
        margin-right: 4% !important;
    }

    #infoGericht {
        margin-top: 0% !important;
    }
    /*img background*/
    .elementLabel {
        padding-top: 5px;
        width: 18% !important;
        font-weight: bold;
        margin-right: 20px;
        margin-left: 20px;
        color: darkgray !important;
    }

    .ohneBorder {
        border: 0 !important
    }
    .progress {
        height: auto;
        margin-bottom: 0;
        background-color: #f5f5f5;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    }
    .progress > div {
        height: 23px;
        text-align: center;
    }
    .warning {
        background-color: #ffeead;
    }
    .success {
        background-color: #588c7e;
        color: white;
        text-align: center;
    }
    .danger {
        background-color: #d96459;
        color: white
    }
    .alert {
        background-color: #d96459;
        color: white
    }

    .elementCursor {
        cursor: pointer;
    }

    .plz {
        width: 12%;
    }

    .elementIconStyle {
        color: rgba(41, 49, 51, 1) !important;
        cursor: pointer;
        margin-right: 12px;
        margin-left: 15px;
        margin-bottom: 5px;
        border-bottom: 1px solid rgba(41, 49, 51, 1) !important;
    }

        .elementIconStyle i {
            /*border-bottom: 1px solid rgba(41, 49, 51, 1) !important;*/
        }

        .elementIconStyle span {
            /*border-bottom: 1px solid rgba(41, 49, 51, 1) !important;*/
        }

    .elementIconStyleList {
        color: rgba(41, 49, 51, 1) !important;
        cursor: pointer;
        border-bottom: 1px solid rgba(41, 49, 51, 1) !important;
        margin-bottom: 5px;
    }

    .charStyle:hover {
        color: #e7bb70 !important;
        text-decoration: none;
    }

    .elementIconStyleList:hover {
        color: #e7bb70 !important;
        text-decoration: none;
    }

    .elementIconStyleList > fas {
        font-size: 18px;
    }


    .fasExtra {
        font-size: 12px !important;
        position: initial;
        margin-top: -25px;
        display: none !important;
    }



    .farLogin {
        font-size: 32px !important;
        padding-left: 5px;
        padding-right: 5px;
        margin-right: 20px;
    }

    .iconLogin {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 39px;
        height: 39px;
        border-radius: 50%;
        overflow: hidden;
        float: left;
        margin-left: 5px;
    }




    .showProfileElement {
        position: relative;
    }


    .ol-viewport {
        float: right;
    }

    .GmapCheckExtra {
        height: 550px;
        margin-bottom: 20px;
        z-index: 0;
    }

    .GmapCheckExtra2 {
        height: 550px;
        margin-bottom: 20px;
        z-index: 0;
    }

    .GmapCheckMini {
        height: 350px;
    }

    .marker-cluster {
        background-color: #284566 !important;
        text-align: center;
        font-size: 14px;
        color: white !important;
        line-height: 30px;
        font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
        margin-left: 5px;
        margin-top: 5px;
        border-radius: 25px;
        padding-top: 8px;
        width: 30px !important;
        height: 30px !important;
    }



    #titleResult > h4 {
        margin-bottom: 0;
    }

    thead, tbody, tfoot {
        background-color: transparent;
    }

#contentWrapperRow {
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    min-height: 60vh;
}

    .elementSucheProfileAux {
        height: auto;
    }

    .grid-y.medium-grid-frame {
        /*   height: 100vh !important;*/
        /*-height: 100%;*/
        /* min-height: 100vh !important;*/
    }

    .elementSizeOther {
        padding: 0px;
        border-radius: 6px;
    }

    .elementsLoad {
        height: 800px;
    }

    .modal-title {
        margin-top: 10px;
    }

    .h4, h4 {
        font-size: 1.5625rem;
        line-height: 1.4;
        margin-top: 0;
        margin-bottom: .1rem;
    }

    ::placeholder {
        opacity: 1 !important;
    }

    #Login_LoginName ::placeholder {
        font-weight: bold;
        opacity: 1 !important;
    }

    #Login_Password ::placeholder {
        font-weight: bold;
        opacity: 1 !important;
    }

    .loadLogin img {
        float: left;
        margin-left: 10px;
        margin-top: 5px;
    }

    .reveal {
        height: auto !important;
        min-height: auto !important;
        width: 650px;
    }

    .extraInfoStyle {
        color: white;
        cursor: pointer;
    }

    .contentcollection {
        text-align: center;
    }


    .bg-antrazit, .bg-anthrazit {
        background-color: rgba(41, 49, 51, 1);
        text-align: center;
        left: 0;
        bottom: 0;
        width: 100%;
        vertical-align: bottom;
    }

    .elementFooterStyle {
        padding-top: 15px;
        font-weight: bold;
        text-transform: uppercase;
        padding-bottom: 15px;
        text-align: left;
    }

        .elementFooterStyle p {
            font-size: 13px;
        }

    #modalCookie {
        min-width: 350px;
    }

    .elementFormatFooter a {
        color: white;
        cursor: pointer;
        text-decoration: none;
    }

    .elementFormatFooter {
        color: white;
        cursor: pointer;
    }

        .elementFormatFooter:hover {
            font-weight: bold;
        }

    .labelStyleClose {
        font-size: 14px;
    }

    .elementFooterStylePre {
        background-color: #d2d2d2;
        text-align: center;
        left: 0;
        vertical-align: bottom;
        width: 100%;
    }

    .bg-darkgrau {
        background-color: #d2d2d2;
    }

    .margin100 {
        /* margin-top: 100px;*/
    }


    .miniwindow {
        position: absolute;
        background-color: white;
        box-shadow: 0 1px 4px rgba(0,0,0,0.2);
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -50px;
        min-width: 310px;
        font-size: 12px;
        padding-top: 10px;
    }

        .miniwindow p {
            font-size: 15px;
            line-height: 1rem !important;
            margin-top: 5px !important;
            margin-bottom: 0px !important;
        }

        .miniwindow:after, .miniwindow:before {
            top: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .miniwindow:after {
            border-top-color: white;
            border-width: 10px;
            left: 48px;
            margin-left: -10px;
        }

        .miniwindow:before {
            border-top-color: #cccccc;
            border-width: 11px;
            left: 48px;
            margin-left: -11px;
        }


    .elementHover {
        cursor: pointer;
        position: absolute;
        font-size: 20px;
    }

    .gridNew {
        margin: 5px;
    }


    .ol-popup {
        position: absolute;
        background-color: white;
        box-shadow: 0 1px 4px rgba(0,0,0,0.2);
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -50px;
        min-width: 280px;
    }

        .ol-popup:after, .ol-popup:before {
            top: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .ol-popup:after {
            border-top-color: white;
            border-width: 10px;
            left: 48px;
            margin-left: -10px;
        }

        .ol-popup:before {
            border-top-color: #cccccc;
            border-width: 11px;
            left: 48px;
            margin-left: -11px;
        }

    .ol-popup-closer {
        text-decoration: none;
        position: absolute;
        top: 2px;
        right: 8px;
    }

    .elementMiniWindow {
        margin: 10px;
    }

    .ol-popup-closer:after {
        content: "✖";
    }

    .modal-footer .close {
        font-size: 14px;
    }

    /* Add a black background color to the top navigation */

    .topnav {
        overflow: hidden;
    }

    .topnavImg {
        padding: 4px 16px;
    }

    .styleAddress p {
        margin-bottom: 0px;
    }

    .mt13 {
        margin-top: 0.7rem;
    }

    .mt14 {
        margin-top: 1.4rem;
    }

    /* Change the color of links on hover */
    .topnav a:hover {
        /*background-color: #ddd;*/
        color: black;
    }

    /* Add an active class to highlight the current page */
    .topnav a.active {
        /*background-color: #4CAF50;*/
        color: black;
    }

    /* Hide the link that should open and close the topnav on small screens */
    .topnav .icon {
        display: none;
    }



    /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
    @media screen and (max-width: 1024px) {
        .extraElemMargin {
            margin-top: 15px !important;
        }


        .extraPaddingleft {
            padding-left: 0px !important;
        }

        .paddingExtraRightBenachrichtigung {
            padding-right: 0px;
        }

        .paddingExtraRightBenachrichtigungKategorien {
            padding-right: 0px;
        }

        .topnav a.icon {
            float: left;
            display: block;
        }
    }

    .paddingElementListExtra {
        margin-top: 13px !important;
        cursor: pointer;
    }

    .paddingElementListExtraLabel {
        margin-top: 23px !important;
    }

    .paddingElementList {
        margin-top: 22px !important;
    }

    .elementCenterWhite {
        width: 200px;
        display: block;
    }

    .charStyle {
        cursor: pointer;
        color: black;
        font-size: 16px;
        margin-left: 5px;
        padding-right: 5px;
        float: left;
    }

    /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
    @media screen and (max-width: 1024px) {

        .paddingElementList {
           /*margin-top: 0px !important;*/
        }


        .elementCenterWhite {
            display: none !important;
        }
    }

    /* Sharif */

    .fa, .fab, .fal, .far, .fas {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        width: 18px;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    }

    .styleAddress a {
        color: black;
    }

        .styleAddress a:hover {
            color: #e7bb70 !important;
        }

    .nameRechtsgebiete {
        list-style-type: disc;
        padding-right: 0px;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
    }

        .nameRechtsgebiete li {
            hyphens: auto !important;
            -moz-hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            /*word-break: break-word;*/
        }

    .fa-lg {
        font-size: 1.33333333em;
        line-height: .75em;
        vertical-align: -.0667em
    }

    .fa-xs {
        font-size: .75em
    }

    .fa-sm {
        font-size: .875em
    }

    .fa-1x {
        font-size: 1em
    }

    .fa-2x {
        font-size: 2em
    }

    .fa-3x {
        font-size: 3em
    }

    .fa-4x {
        font-size: 4em
    }

    .fa-5x {
        font-size: 5em
    }

    .fa-6x {
        font-size: 6em
    }

    .fa-7x {
        font-size: 7em
    }

    .fa-8x {
        font-size: 8em
    }

    .fa-9x {
        font-size: 9em
    }

    .fa-10x {
        font-size: 10em
    }

    .fa-fw {
        text-align: center;
        width: 1.25em
    }

    .fa-ul {
        list-style-type: none;
        margin-left: 2.5em;
        padding-left: 0
    }

        .fa-ul > li {
            position: relative
        }

    .fa-li {
        left: -2em;
        position: relative;
        float: left;
        width: 2em;
        line-height: inherit
    }

    .fa-border {
        border-radius: .1em;
        border: .08em solid #eee;
        padding: .2em .25em .15em
    }

    .fa-pull-left {
        float: left
    }

    .fa-pull-right {
        float: right
    }

    .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
        margin-right: .3em
    }

    .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
        margin-left: .3em
    }

    .fa-spin {
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear
    }

    .fa-pulse {
        -webkit-animation: fa-spin 1s infinite steps(8);
        animation: fa-spin 1s infinite steps(8)
    }

    @-webkit-keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    .fa-rotate-90 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .fa-rotate-180 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .fa-rotate-270 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .fa-flip-horizontal {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }

    .fa-flip-vertical {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1)
    }

    .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
    }

    .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
        -webkit-transform: scale(-1);
        transform: scale(-1)
    }

    :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
        -webkit-filter: none;
        filter: none
    }

    .fa-stack {
        display: inline-block;
        height: 2em;
        line-height: 2em;
        position: relative;
        vertical-align: middle;
        width: 2em
    }

    .fa-stack-1x, .fa-stack-2x {
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%
    }

    .fa-stack-1x {
        line-height: inherit
    }

    .fa-stack-2x {
        font-size: 2em
    }

    .fa-inverse {
        color: #fff
    }

    .fa-500px:before {
        content: "\F26E"
    }

    .fa-accessible-icon:before {
        content: "\F368"
    }

    .fa-accusoft:before {
        content: "\F369"
    }

    .fa-acquisitions-incorporated:before {
        content: "\F6AF"
    }

    .fa-ad:before {
        content: "\F641"
    }

    .fa-chevron-right {
        content: "\F054";
    }

    .fa-chevron-left {
        content: "\f053";
    }

    .fa-address-book:before {
        content: "\F2B9"
    }

    .fa-address-card:before {
        content: "\F2BB"
    }

    .fa-adjust:before {
        content: "\F042"
    }

    .fa-adn:before {
        content: "\F170"
    }

    .fa-adobe:before {
        content: "\F778"
    }

    .fa-adversal:before {
        content: "\F36A"
    }

    .fa-affiliatetheme:before {
        content: "\F36B"
    }

    .fa-air-freshener:before {
        content: "\F5D0"
    }

    .fa-airbnb:before {
        content: "\F834"
    }

    .fa-algolia:before {
        content: "\F36C"
    }

    .fa-align-center:before {
        content: "\F037"
    }

    .fa-align-justify:before {
        content: "\F039"
    }

    .fa-align-left:before {
        content: "\F036"
    }

    .fa-align-right:before {
        content: "\F038"
    }

    .fa-alipay:before {
        content: "\F642"
    }

    .fa-allergies:before {
        content: "\F461"
    }

    .fa-amazon:before {
        content: "\F270"
    }

    .fa-amazon-pay:before {
        content: "\F42C"
    }

    .fa-ambulance:before {
        content: "\F0F9"
    }

    .fa-american-sign-language-interpreting:before {
        content: "\F2A3"
    }

    .fa-amilia:before {
        content: "\F36D"
    }

    .fa-anchor:before {
        content: "\F13D"
    }

    .fa-android:before {
        content: "\F17B"
    }

    .fa-angellist:before {
        content: "\F209"
    }

    .fa-angle-double-down:before {
        content: "\F103"
    }

    .fa-angle-double-left:before {
        content: "\F100"
    }

    .fa-angle-double-right:before {
        content: "\F101"
    }

    .fa-angle-double-up:before {
        content: "\F102"
    }

    .fa-angle-down:before {
        content: "\F107"
    }

    .fa-angle-left:before {
        content: "\F104"
    }

    .fa-angle-right:before {
        content: "\F105"
    }

    .fa-angle-up:before {
        content: "\F106"
    }

    .fa-angry:before {
        content: "\F556"
    }

    .fa-angrycreative:before {
        content: "\F36E"
    }

    .fa-angular:before {
        content: "\F420"
    }

    .fa-ankh:before {
        content: "\F644"
    }
    /*
.fa-people-arrows {
    background-image: url(/Content/Images/DASD-Icons/people-arrows-solid.svg);
    background-repeat: no-repeat;
    align-content: center;
    color: darkgray !important;
}*/


    .fa-friends:before {
        /*e068*/

        content: "\F500";
    }

    /*
        \e068 F500
      */
    .fa-magnifying-glass-plus:before {
        content: "\F00E"
    }

    .fa-app-store:before {
        content: "\F36F"
    }

    .fa-app-store-ios:before {
        content: "\F370"
    }

    .fa-apper:before {
        content: "\F371"
    }

    .fa-apple:before {
        content: "\F179"
    }

    .fa-apple-alt:before {
        content: "\F5D1"
    }

    .fa-apple-pay:before {
        content: "\F415"
    }

    .fa-archive:before {
        content: "\F187"
    }

    .fa-archway:before {
        content: "\F557"
    }

    .fa-arrow-alt-circle-down:before {
        content: "\F358"
    }

    .fa-arrow-alt-circle-left:before {
        content: "\F359"
    }

    .fa-arrow-alt-circle-right:before {
        content: "\F35A"
    }

    .fa-arrow-alt-circle-up:before {
        content: "\F35B"
    }

    .fa-arrow-circle-down:before {
        content: "\F0AB"
    }

    .fa-arrow-circle-left:before {
        content: "\F0A8"
    }

    .fa-arrow-circle-right:before {
        content: "\F0A9"
    }

    .fa-arrow-circle-up:before {
        content: "\F0AA"
    }

    .fa-arrow-down:before {
        content: "\F063"
    }

    .fa-arrow-left:before {
        content: "\F060"
    }

    .fa-arrow-right:before {
        content: "\F061"
    }

    .fa-arrow-up:before {
        content: "\F062"
    }

    .fa-arrows-alt:before {
        content: "\F0B2"
    }

    .fa-arrows-alt-h:before {
        content: "\F337"
    }

    .fa-arrows-alt-v:before {
        content: "\F338"
    }

    .fa-artstation:before {
        content: "\F77A"
    }

    .fa-assistive-listening-systems:before {
        content: "\F2A2"
    }

    .fa-asterisk:before {
        content: "\F069"
    }

    .fa-asymmetrik:before {
        content: "\F372"
    }

    .fa-at:before {
        content: "\F1FA"
    }

    .fa-atlas:before {
        content: "\F558"
    }

    .fa-atlassian:before {
        content: "\F77B"
    }

    .fa-atom:before {
        content: "\F5D2"
    }

    .fa-audible:before {
        content: "\F373"
    }

    .fa-audio-description:before {
        content: "\F29E"
    }

    .fa-autoprefixer:before {
        content: "\F41C"
    }

    .fa-avianex:before {
        content: "\F374"
    }

    .fa-aviato:before {
        content: "\F421"
    }

    .fa-award:before {
        content: "\F559"
    }

    .fa-aws:before {
        content: "\F375"
    }

    .fa-baby:before {
        content: "\F77C"
    }

    .fa-baby-carriage:before {
        content: "\F77D"
    }

    .fa-backspace:before {
        content: "\F55A"
    }

    .fa-backward:before {
        content: "\F04A"
    }

    .fa-bacon:before {
        content: "\F7E5"
    }

    .fa-balance-scale:before {
        content: "\F24E"
    }

    .fa-ban:before {
        content: "\F05E"
    }

    .fa-band-aid:before {
        content: "\F462"
    }

    .fa-bandcamp:before {
        content: "\F2D5"
    }

    .fa-barcode:before {
        content: "\F02A"
    }

    .fa-bars:before {
        content: "\F0C9"
    }

    .fa-baseball-ball:before {
        content: "\F433"
    }

    .fa-basketball-ball:before {
        content: "\F434"
    }

    .fa-bath:before {
        content: "\F2CD"
    }

    .fa-battery-empty:before {
        content: "\F244"
    }

    .fa-battery-full:before {
        content: "\F240"
    }

    .fa-battery-half:before {
        content: "\F242"
    }

    .fa-battery-quarter:before {
        content: "\F243"
    }

    .fa-battery-three-quarters:before {
        content: "\F241"
    }

    .fa-battle-net:before {
        content: "\F835"
    }

    .fa-bed:before {
        content: "\F236"
    }

    .fa-beer:before {
        content: "\F0FC"
    }

    .fa-behance:before {
        content: "\F1B4"
    }

    .fa-behance-square:before {
        content: "\F1B5"
    }

    .fa-bell:before {
        content: "\F0F3"
    }

    .fa-bell-slash:before {
        content: "\F1F6"
    }

    .fa-bezier-curve:before {
        content: "\F55B"
    }

    .fa-bible:before {
        content: "\F647"
    }

    .fa-bicycle:before {
        content: "\F206"
    }

    .fa-bimobject:before {
        content: "\F378"
    }

    .fa-binoculars:before {
        content: "\F1E5"
    }

    .fa-biohazard:before {
        content: "\F780"
    }

    .fa-birthday-cake:before {
        content: "\F1FD"
    }

    .fa-bitbucket:before {
        content: "\F171"
    }

    .fa-bitcoin:before {
        content: "\F379"
    }

    .fa-bity:before {
        content: "\F37A"
    }

    .fa-black-tie:before {
        content: "\F27E"
    }

    .fa-blackberry:before {
        content: "\F37B"
    }

    .fa-blender:before {
        content: "\F517"
    }

    .fa-blender-phone:before {
        content: "\F6B6"
    }

    .fa-blind:before {
        content: "\F29D"
    }

    .fa-blog:before {
        content: "\F781"
    }

    .fa-blogger:before {
        content: "\F37C"
    }

    .fa-blogger-b:before {
        content: "\F37D"
    }

    .fa-bluetooth:before {
        content: "\F293"
    }

    .fa-bluetooth-b:before {
        content: "\F294"
    }

    .fa-bold:before {
        content: "\F032"
    }

    .fa-bolt:before {
        content: "\F0E7"
    }

    .fa-bomb:before {
        content: "\F1E2"
    }

    .fa-bone:before {
        content: "\F5D7"
    }

    .fa-bong:before {
        content: "\F55C"
    }

    .fa-book:before {
        content: "\F02D"
    }

    .fa-book-dead:before {
        content: "\F6B7"
    }

    .fa-book-medical:before {
        content: "\F7E6"
    }

    .fa-book-open:before {
        content: "\F518"
    }

    .fa-book-reader:before {
        content: "\F5DA"
    }

    .fa-bookmark:before {
        content: "\F02E"
    }

    .fa-bootstrap:before {
        content: "\F836"
    }

    .fa-bowling-ball:before {
        content: "\F436"
    }

    .fa-box:before {
        content: "\F466"
    }

    .fa-box-open:before {
        content: "\F49E"
    }

    .fa-boxes:before {
        content: "\F468"
    }

    .fa-braille:before {
        content: "\F2A1"
    }

    .fa-brain:before {
        content: "\F5DC"
    }

    .fa-bread-slice:before {
        content: "\F7EC"
    }

    .fa-briefcase:before {
        content: "\F0B1"
    }

    .fa-briefcase-medical:before {
        content: "\F469"
    }

    .fa-broadcast-tower:before {
        content: "\F519"
    }

    .fa-broom:before {
        content: "\F51A"
    }

    .fa-brush:before {
        content: "\F55D"
    }

    .fa-btc:before {
        content: "\F15A"
    }

    .fa-buffer:before {
        content: "\F837"
    }

    .fa-bug:before {
        content: "\F188"
    }

    .fa-building:before {
        content: "\F1AD"
    }

    .fa-bullhorn:before {
        content: "\F0A1"
    }

    .fa-bullseye:before {
        content: "\F140"
    }

    .fa-burn:before {
        content: "\F46A"
    }

    .fa-buromobelexperte:before {
        content: "\F37F"
    }

    .fa-bus:before {
        content: "\F207"
    }

    .fa-bus-alt:before {
        content: "\F55E"
    }

    .fa-business-time:before {
        content: "\F64A"
    }

    .fa-buysellads:before {
        content: "\F20D"
    }

    .fa-calculator:before {
        content: "\F1EC"
    }

    .fa-calendar:before {
        content: "\F133"
    }

    .fa-calendar-alt:before {
        content: "\F073"
    }

    .fa-calendar-check:before {
        content: "\F274"
    }

    .fa-calendar-day:before {
        content: "\F783"
    }

    .fa-calendar-minus:before {
        content: "\F272"
    }

    .fa-calendar-plus:before {
        content: "\F271"
    }

    .fa-calendar-times:before {
        content: "\F273"
    }

    .fa-calendar-week:before {
        content: "\F784"
    }

    .fa-camera:before {
        content: "\F030"
    }

    .fa-camera-retro:before {
        content: "\F083"
    }

    .fa-campground:before {
        content: "\F6BB"
    }

    .fa-canadian-maple-leaf:before {
        content: "\F785"
    }

    .fa-candy-cane:before {
        content: "\F786"
    }

    .fa-cannabis:before {
        content: "\F55F"
    }

    .fa-capsules:before {
        content: "\F46B"
    }

    .fa-car:before {
        content: "\F1B9"
    }

    .fa-car-alt:before {
        content: "\F5DE"
    }

    .fa-car-battery:before {
        content: "\F5DF"
    }

    .fa-car-crash:before {
        content: "\F5E1"
    }

    .fa-car-side:before {
        content: "\F5E4"
    }

    .fa-caret-down:before {
        content: "\F0D7"
    }

    .fa-caret-left:before {
        content: "\F0D9"
    }

    .fa-caret-right:before {
        content: "\F0DA"
    }

    .fa-caret-square-down:before {
        content: "\F150"
    }

    .fa-caret-square-left:before {
        content: "\F191"
    }

    .fa-caret-square-right:before {
        content: "\F152"
    }

    .fa-caret-square-up:before {
        content: "\F151"
    }

    .fa-caret-up:before {
        content: "\F0D8"
    }

    .fa-carrot:before {
        content: "\F787"
    }

    .fa-cart-arrow-down:before {
        content: "\F218"
    }

    .fa-cart-plus:before {
        content: "\F217"
    }

    .fa-cash-register:before {
        content: "\F788"
    }

    .fa-cat:before {
        content: "\F6BE"
    }

    .fa-cc-amazon-pay:before {
        content: "\F42D"
    }

    .fa-cc-amex:before {
        content: "\F1F3"
    }

    .fa-cc-apple-pay:before {
        content: "\F416"
    }

    .fa-cc-diners-club:before {
        content: "\F24C"
    }

    .fa-cc-discover:before {
        content: "\F1F2"
    }

    .fa-cc-jcb:before {
        content: "\F24B"
    }

    .fa-cc-mastercard:before {
        content: "\F1F1"
    }

    .fa-cc-paypal:before {
        content: "\F1F4"
    }

    .fa-cc-stripe:before {
        content: "\F1F5"
    }

    .fa-cc-visa:before {
        content: "\F1F0"
    }

    .fa-centercode:before {
        content: "\F380"
    }

    .fa-centos:before {
        content: "\F789"
    }

    .fa-certificate:before {
        content: "\F0A3"
    }

    .fa-chair:before {
        content: "\F6C0"
    }

    .fa-chalkboard:before {
        content: "\F51B"
    }

    .fa-chalkboard-teacher:before {
        content: "\F51C"
    }

    .fa-charging-station:before {
        content: "\F5E7"
    }

    .fa-chart-area:before {
        content: "\F1FE"
    }

    .fa-chart-bar:before {
        content: "\F080"
    }

    .fa-chart-line:before {
        content: "\F201"
    }

    .fa-chart-pie:before {
        content: "\F200"
    }

    .fa-check:before {
        content: "\F00C"
    }

    .fa-check-circle:before {
        content: "\F058"
    }

    .fa-check-double:before {
        content: "\F560"
    }

    .fa-check-square:before {
        content: "\F14A"
    }

    .fa-cheese:before {
        content: "\F7EF"
    }

    .fa-chess:before {
        content: "\F439"
    }

    .fa-chess-bishop:before {
        content: "\F43A"
    }

    .fa-chess-board:before {
        content: "\F43C"
    }

    .fa-chess-king:before {
        content: "\F43F"
    }

    .fa-chess-knight:before {
        content: "\F441"
    }

    .fa-chess-pawn:before {
        content: "\F443"
    }

    .fa-chess-queen:before {
        content: "\F445"
    }

    .fa-chess-rook:before {
        content: "\F447"
    }

    .fa-chevron-circle-down:before {
        content: "\F13A"
    }

    .fa-chevron-circle-left:before {
        content: "\F137"
    }

    .fa-chevron-circle-right:before {
        content: "\F138"
    }

    .fa-chevron-circle-up:before {
        content: "\F139"
    }

    .fa-chevron-down:before {
        content: "\F078"
    }

    .fa-chevron-left:before {
        content: "\F053"
    }

    .fa-chevron-right:before {
        content: "\F054"
    }

    .fa-chevron-up:before {
        content: "\F077"
    }

    .fa-child:before {
        content: "\F1AE"
    }

    .fa-chrome:before {
        content: "\F268"
    }

    .fa-chromecast:before {
        content: "\F838"
    }

    .fa-church:before {
        content: "\F51D"
    }

    .fa-circle:before {
        content: "\F111"
    }

    .fa-circle-notch:before {
        content: "\F1CE"
    }

    .fa-city:before {
        content: "\F64F"
    }

    .fa-clinic-medical:before {
        content: "\F7F2"
    }

    .fa-clipboard:before {
        content: "\F328"
    }

    .fa-clipboard-check:before {
        content: "\F46C"
    }

    .fa-clipboard-list:before {
        content: "\F46D"
    }

    .fa-clock:before {
        content: "\F017"
    }

    .fa-clone:before {
        content: "\F24D"
    }

    .fa-closed-captioning:before {
        content: "\F20A"
    }

    .fa-cloud:before {
        content: "\F0C2"
    }

    .fa-cloud-download-alt:before {
        content: "\F381"
    }

    .fa-cloud-meatball:before {
        content: "\F73B"
    }

    .fa-cloud-moon:before {
        content: "\F6C3"
    }

    .fa-cloud-moon-rain:before {
        content: "\F73C"
    }

    .fa-cloud-rain:before {
        content: "\F73D"
    }

    .fa-cloud-showers-heavy:before {
        content: "\F740"
    }

    .fa-cloud-sun:before {
        content: "\F6C4"
    }

    .fa-cloud-sun-rain:before {
        content: "\F743"
    }

    .fa-cloud-upload-alt:before {
        content: "\F382"
    }

    .fa-cloudscale:before {
        content: "\F383"
    }

    .fa-cloudsmith:before {
        content: "\F384"
    }

    .fa-cloudversify:before {
        content: "\F385"
    }

    .fa-cocktail:before {
        content: "\F561"
    }

    .fa-code:before {
        content: "\F121"
    }

    .fa-code-branch:before {
        content: "\F126"
    }

    .fa-codepen:before {
        content: "\F1CB"
    }

    .fa-codiepie:before {
        content: "\F284"
    }

    .fa-coffee:before {
        content: "\F0F4"
    }

    .fa-cog:before {
        content: "\F013"
    }

    .fa-cogs:before {
        content: "\F085"
    }

    .fa-coins:before {
        content: "\F51E"
    }

    .fa-columns:before {
        content: "\F0DB"
    }

    .fa-comment:before {
        content: "\F075"
    }

    .fa-comment-alt:before {
        content: "\F27A"
    }

    .fa-comment-dollar:before {
        content: "\F651"
    }

    .fa-comment-dots:before {
        content: "\F4AD"
    }

    .fa-comment-medical:before {
        content: "\F7F5"
    }

    .fa-comment-slash:before {
        content: "\F4B3"
    }

    .fa-comments:before {
        content: "\F086"
    }

    .fa-comments-dollar:before {
        content: "\F653"
    }

    .fa-compact-disc:before {
        content: "\F51F"
    }

    .fa-compass:before {
        content: "\F14E"
    }

    .fa-compress:before {
        content: "\F066"
    }

    .fa-compress-arrows-alt:before {
        content: "\F78C"
    }

    .fa-concierge-bell:before {
        content: "\F562"
    }

    .fa-confluence:before {
        content: "\F78D"
    }

    .fa-connectdevelop:before {
        content: "\F20E"
    }

    .fa-contao:before {
        content: "\F26D"
    }

    .fa-cookie:before {
        content: "\F563"
    }

    .fa-cookie-bite:before {
        content: "\F564"
    }

    .fa-copy:before {
        content: "\F0C5"
    }

    .fa-copyright:before {
        content: "\F1F9"
    }

    .fa-couch:before {
        content: "\F4B8"
    }

    .fa-cpanel:before {
        content: "\F388"
    }

    .fa-creative-commons:before {
        content: "\F25E"
    }

    .fa-creative-commons-by:before {
        content: "\F4E7"
    }

    .fa-creative-commons-nc:before {
        content: "\F4E8"
    }

    .fa-creative-commons-nc-eu:before {
        content: "\F4E9"
    }

    .fa-creative-commons-nc-jp:before {
        content: "\F4EA"
    }

    .fa-creative-commons-nd:before {
        content: "\F4EB"
    }

    .fa-creative-commons-pd:before {
        content: "\F4EC"
    }

    .fa-creative-commons-pd-alt:before {
        content: "\F4ED"
    }

    .fa-creative-commons-remix:before {
        content: "\F4EE"
    }

    .fa-creative-commons-sa:before {
        content: "\F4EF"
    }

    .fa-creative-commons-sampling:before {
        content: "\F4F0"
    }

    .fa-creative-commons-sampling-plus:before {
        content: "\F4F1"
    }

    .fa-creative-commons-share:before {
        content: "\F4F2"
    }

    .fa-creative-commons-zero:before {
        content: "\F4F3"
    }

    .fa-credit-card:before {
        content: "\F09D"
    }

    .fa-critical-role:before {
        content: "\F6C9"
    }

    .fa-crop:before {
        content: "\F125"
    }

    .fa-crop-alt:before {
        content: "\F565"
    }

    .fa-cross:before {
        content: "\F654"
    }

    .fa-crosshairs:before {
        content: "\F05B"
    }

    .fa-crow:before {
        content: "\F520"
    }

    .fa-crown:before {
        content: "\F521"
    }

    .fa-crutch:before {
        content: "\F7F7"
    }

    .fa-css3:before {
        content: "\F13C"
    }

    .fa-css3-alt:before {
        content: "\F38B"
    }

    .fa-cube:before {
        content: "\F1B2"
    }

    .fa-cubes:before {
        content: "\F1B3"
    }

    .fa-cut:before {
        content: "\F0C4"
    }

    .fa-cuttlefish:before {
        content: "\F38C"
    }

    .fa-d-and-d:before {
        content: "\F38D"
    }

    .fa-d-and-d-beyond:before {
        content: "\F6CA"
    }

    .fa-dashcube:before {
        content: "\F210"
    }

    .fa-database:before {
        content: "\F1C0"
    }

    .fa-deaf:before {
        content: "\F2A4"
    }

    .fa-delicious:before {
        content: "\F1A5"
    }

    .fa-democrat:before {
        content: "\F747"
    }

    .fa-deploydog:before {
        content: "\F38E"
    }

    .fa-deskpro:before {
        content: "\F38F"
    }

    .fa-desktop:before {
        content: "\F108"
    }

    .fa-dev:before {
        content: "\F6CC"
    }

    .fa-deviantart:before {
        content: "\F1BD"
    }

    .fa-dharmachakra:before {
        content: "\F655"
    }

    .fa-dhl:before {
        content: "\F790"
    }

    .fa-diagnoses:before {
        content: "\F470"
    }

    .fa-diaspora:before {
        content: "\F791"
    }

    .fa-dice:before {
        content: "\F522"
    }

    .fa-dice-d20:before {
        content: "\F6CF"
    }

    .fa-dice-d6:before {
        content: "\F6D1"
    }

    .fa-dice-five:before {
        content: "\F523"
    }

    .fa-dice-four:before {
        content: "\F524"
    }

    .fa-dice-one:before {
        content: "\F525"
    }

    .fa-dice-six:before {
        content: "\F526"
    }

    .fa-dice-three:before {
        content: "\F527"
    }

    .fa-dice-two:before {
        content: "\F528"
    }

    .fa-digg:before {
        content: "\F1A6"
    }

    .fa-digital-ocean:before {
        content: "\F391"
    }

    .fa-digital-tachograph:before {
        content: "\F566"
    }

    .fa-directions:before {
        content: "\F5EB"
    }

    .fa-discord:before {
        content: "\F392"
    }

    .fa-discourse:before {
        content: "\F393"
    }

    .fa-divide:before {
        content: "\F529"
    }

    .fa-dizzy:before {
        content: "\F567"
    }

    .fa-dna:before {
        content: "\F471"
    }

    .fa-dochub:before {
        content: "\F394"
    }

    .fa-docker:before {
        content: "\F395"
    }

    .fa-dog:before {
        content: "\F6D3"
    }

    .fa-dollar-sign:before {
        content: "\F155"
    }

    .fa-dolly:before {
        content: "\F472"
    }

    .fa-dolly-flatbed:before {
        content: "\F474"
    }

    .fa-donate:before {
        content: "\F4B9"
    }

    .fa-door-closed:before {
        content: "\F52A"
    }

    .fa-door-open:before {
        content: "\F52B"
    }

    .fa-dot-circle:before {
        content: "\F192"
    }

    .fa-dove:before {
        content: "\F4BA"
    }

    .fa-download:before {
        content: "\F019"
    }

    .fa-draft2digital:before {
        content: "\F396"
    }

    .fa-drafting-compass:before {
        content: "\F568"
    }

    .fa-dragon:before {
        content: "\F6D5"
    }

    .fa-draw-polygon:before {
        content: "\F5EE"
    }

    .fa-dribbble:before {
        content: "\F17D"
    }

    .fa-dribbble-square:before {
        content: "\F397"
    }

    .fa-dropbox:before {
        content: "\F16B"
    }

    .fa-drum:before {
        content: "\F569"
    }

    .fa-drum-steelpan:before {
        content: "\F56A"
    }

    .fa-drumstick-bite:before {
        content: "\F6D7"
    }

    .fa-drupal:before {
        content: "\F1A9"
    }

    .fa-dumbbell:before {
        content: "\F44B"
    }

    .fa-dumpster:before {
        content: "\F793"
    }

    .fa-dumpster-fire:before {
        content: "\F794"
    }

    .fa-dungeon:before {
        content: "\F6D9"
    }

    .fa-dyalog:before {
        content: "\F399"
    }

    .fa-earlybirds:before {
        content: "\F39A"
    }

    .fa-ebay:before {
        content: "\F4F4"
    }

    .fa-edge:before {
        content: "\F282"
    }

    .fa-edit:before {
        content: "\F044"
    }

    .fa-egg:before {
        content: "\F7FB"
    }

    .fa-eject:before {
        content: "\F052"
    }

    .fa-elementor:before {
        content: "\F430"
    }

    .fa-ellipsis-h:before {
        content: "\F141"
    }

    .fa-ellipsis-v:before {
        content: "\F142"
    }

    .fa-ello:before {
        content: "\F5F1"
    }

    .fa-ember:before {
        content: "\F423"
    }

    .fa-empire:before {
        content: "\F1D1"
    }

    .fa-envelope:before {
        content: "\F0E0"
    }

    .fa-envelope-open:before {
        content: "\F2B6"
    }

    .fa-envelope-open-text:before {
        content: "\F658"
    }

    .fa-envelope-square:before {
        content: "\F199"
    }

    .fa-envira:before {
        content: "\F299"
    }

    .fa-equals:before {
        content: "\F52C"
    }

    .fa-eraser:before {
        content: "\F12D"
    }

    .fa-erlang:before {
        content: "\F39D"
    }

    .fa-ethereum:before {
        content: "\F42E"
    }

    .fa-ethernet:before {
        content: "\F796"
    }

    .fa-etsy:before {
        content: "\F2D7"
    }

    .fa-euro-sign:before {
        content: "\F153"
    }

    .fa-evernote:before {
        content: "\F839"
    }

    .fa-exchange-alt:before {
        content: "\F362"
    }

    .fa-exclamation:before {
        content: "\F12A"
    }

    .fa-exclamation-circle:before {
        content: "\F06A"
    }

    .fa-exclamation-triangle:before {
        content: "\F071"
    }

    .fa-expand:before {
        content: "\F065"
    }

    .fa-expand-arrows-alt:before {
        content: "\F31E"
    }

    .fa-expeditedssl:before {
        content: "\F23E"
    }

    .fa-external-link-alt:before {
        content: "\F35D"
    }

    .fa-external-link-square-alt:before {
        content: "\F360"
    }

    .fa-eye:before {
        content: "\F06E"
    }

    .fa-eye-dropper:before {
        content: "\F1FB"
    }

    .fa-eye-slash:before {
        content: "\F070"
    }

    .fa-facebook:before {
        content: "\F09A"
    }

    .fa-facebook-f:before {
        content: "\F39E"
    }

    .fa-facebook-messenger:before {
        content: "\F39F"
    }

    .fa-facebook-square:before {
        content: "\F082"
    }

    .fa-fantasy-flight-games:before {
        content: "\F6DC"
    }

    .fa-fast-backward:before {
        content: "\F049"
    }

    .fa-fast-forward:before {
        content: "\F050"
    }

    .fa-fax:before {
        content: "\F1AC"
    }

    .fa-feather:before {
        content: "\F52D"
    }

    .fa-feather-alt:before {
        content: "\F56B"
    }

    .fa-fedex:before {
        content: "\F797"
    }

    .fa-fedora:before {
        content: "\F798"
    }

    .fa-female:before {
        content: "\F182"
    }

    .fa-fighter-jet:before {
        content: "\F0FB"
    }

    .fa-figma:before {
        content: "\F799"
    }

    .fa-file:before {
        content: "\F15B"
    }

    .fa-file-alt:before {
        content: "\F15C"
    }

    .fa-file-archive:before {
        content: "\F1C6"
    }

    .fa-file-audio:before {
        content: "\F1C7"
    }

    .fa-file-code:before {
        content: "\F1C9"
    }

    .fa-file-contract:before {
        content: "\F56C"
    }

    .fa-file-csv:before {
        content: "\F6DD"
    }

    .fa-file-download:before {
        content: "\F56D"
    }

    .fa-file-excel:before {
        content: "\F1C3"
    }

    .fa-file-export:before {
        content: "\F56E"
    }

    .fa-file-image:before {
        content: "\F1C5"
    }

    .fa-file-import:before {
        content: "\F56F"
    }

    .fa-file-invoice:before {
        content: "\F570"
    }

    .fa-file-invoice-dollar:before {
        content: "\F571"
    }

    .fa-file-medical:before {
        content: "\F477"
    }

    .fa-file-medical-alt:before {
        content: "\F478"
    }

    .fa-file-pdf:before {
        content: "\F1C1"
    }

    .fa-file-powerpoint:before {
        content: "\F1C4"
    }

    .fa-file-prescription:before {
        content: "\F572"
    }

    .fa-file-signature:before {
        content: "\F573"
    }

    .fa-file-upload:before {
        content: "\F574"
    }

    .fa-file-video:before {
        content: "\F1C8"
    }

    .fa-file-word:before {
        content: "\F1C2"
    }

    .fa-fill:before {
        content: "\F575"
    }

    .fa-fill-drip:before {
        content: "\F576"
    }

    .fa-film:before {
        content: "\F008"
    }

    .fa-filter:before {
        content: "\F0B0"
    }

    .fa-fingerprint:before {
        content: "\F577"
    }

    .fa-fire:before {
        content: "\F06D"
    }

    .fa-fire-alt:before {
        content: "\F7E4"
    }

    .fa-fire-extinguisher:before {
        content: "\F134"
    }

    .fa-firefox:before {
        content: "\F269"
    }

    .fa-first-aid:before {
        content: "\F479"
    }

    .fa-first-order:before {
        content: "\F2B0"
    }

    .fa-first-order-alt:before {
        content: "\F50A"
    }

    .fa-firstdraft:before {
        content: "\F3A1"
    }

    .fa-fish:before {
        content: "\F578"
    }

    .fa-fist-raised:before {
        content: "\F6DE"
    }

    .fa-flag:before {
        content: "\F024"
    }

    .fa-flag-checkered:before {
        content: "\F11E"
    }

    .fa-flag-usa:before {
        content: "\F74D"
    }

    .fa-flask:before {
        content: "\F0C3"
    }

    .fa-flickr:before {
        content: "\F16E"
    }

    .fa-flipboard:before {
        content: "\F44D"
    }

    .fa-flushed:before {
        content: "\F579"
    }

    .fa-fly:before {
        content: "\F417"
    }

    .fa-folder:before {
        content: "\F07B"
    }

    .fa-folder-minus:before {
        content: "\F65D"
    }

    .fa-folder-open:before {
        content: "\F07C"
    }

    .fa-folder-open {
        content: "\F07C"
    }

    .fa-folder-plus:before {
        content: "\F65E"
    }

    .fa-font:before {
        content: "\F031"
    }

    .fa-font-awesome:before {
        content: "\F2B4"
    }

    .fa-font-awesome-alt:before {
        content: "\F35C"
    }

    .fa-font-awesome-flag:before {
        content: "\F425"
    }

    .fa-font-awesome-logo-full:before {
        content: "\F4E6"
    }

    .fa-fonticons:before {
        content: "\F280"
    }

    .fa-fonticons-fi:before {
        content: "\F3A2"
    }

    .fa-football-ball:before {
        content: "\F44E"
    }

    .fa-fort-awesome:before {
        content: "\F286"
    }

    .fa-fort-awesome-alt:before {
        content: "\F3A3"
    }

    .fa-forumbee:before {
        content: "\F211"
    }

    .fa-forward:before {
        content: "\F04E"
    }

    .fa-foursquare:before {
        content: "\F180"
    }

    .fa-free-code-camp:before {
        content: "\F2C5"
    }

    .fa-freebsd:before {
        content: "\F3A4"
    }

    .fa-frog:before {
        content: "\F52E"
    }

    .fa-frown:before {
        content: "\F119"
    }

    .fa-frown-open:before {
        content: "\F57A"
    }

    .fa-fulcrum:before {
        content: "\F50B"
    }

    .fa-funnel-dollar:before {
        content: "\F662"
    }

    .fa-futbol:before {
        content: "\F1E3"
    }

    .fa-galactic-republic:before {
        content: "\F50C"
    }

    .fa-galactic-senate:before {
        content: "\F50D"
    }

    .fa-gamepad:before {
        content: "\F11B"
    }

    .fa-gas-pump:before {
        content: "\F52F"
    }

    .fa-gavel:before {
        content: "\F0E3"
    }

    .fa-gem:before {
        content: "\F3A5"
    }

    .fa-genderless:before {
        content: "\F22D"
    }

    .fa-get-pocket:before {
        content: "\F265"
    }

    .fa-gg:before {
        content: "\F260"
    }

    .fa-gg-circle:before {
        content: "\F261"
    }

    .fa-ghost:before {
        content: "\F6E2"
    }

    .fa-gift:before {
        content: "\F06B"
    }

    .fa-gifts:before {
        content: "\F79C"
    }

    .fa-git:before {
        content: "\F1D3"
    }

    .fa-git-alt:before {
        content: "\F841"
    }

    .fa-git-square:before {
        content: "\F1D2"
    }

    .fa-github:before {
        content: "\F09B"
    }

    .fa-github-alt:before {
        content: "\F113"
    }

    .fa-github-square:before {
        content: "\F092"
    }

    .fa-gitkraken:before {
        content: "\F3A6"
    }

    .fa-gitlab:before {
        content: "\F296"
    }

    .fa-gitter:before {
        content: "\F426"
    }

    .fa-glass-cheers:before {
        content: "\F79F"
    }

    .fa-glass-martini:before {
        content: "\F000"
    }

    .fa-glass-martini-alt:before {
        content: "\F57B"
    }

    .fa-glass-whiskey:before {
        content: "\F7A0"
    }

    .fa-glasses:before {
        content: "\F530"
    }

    .fa-glide:before {
        content: "\F2A5"
    }

    .fa-glide-g:before {
        content: "\F2A6"
    }

    .fa-globe:before {
        content: "\F0AC"
    }

    .fa-globe-africa:before {
        content: "\F57C"
    }

    .fa-globe-americas:before {
        content: "\F57D"
    }

    .fa-globe-asia:before {
        content: "\F57E"
    }

    .fa-globe-europe:before {
        content: "\F7A2"
    }

    .fa-gofore:before {
        content: "\F3A7"
    }

    .fa-golf-ball:before {
        content: "\F450"
    }

    .fa-goodreads:before {
        content: "\F3A8"
    }

    .fa-goodreads-g:before {
        content: "\F3A9"
    }

    .fa-google:before {
        content: "\F1A0"
    }

    .fa-google-drive:before {
        content: "\F3AA"
    }

    .fa-google-play:before {
        content: "\F3AB"
    }

    .fa-google-plus:before {
        content: "\F2B3"
    }

    .fa-google-plus-g:before {
        content: "\F0D5"
    }

    .fa-google-plus-square:before {
        content: "\F0D4"
    }

    .fa-google-wallet:before {
        content: "\F1EE"
    }

    .fa-gopuram:before {
        content: "\F664"
    }

    .fa-graduation-cap:before {
        content: "\F19D"
    }

    .fa-gratipay:before {
        content: "\F184"
    }

    .fa-grav:before {
        content: "\F2D6"
    }

    .fa-greater-than:before {
        content: "\F531"
    }

    .fa-greater-than-equal:before {
        content: "\F532"
    }

    .fa-grimace:before {
        content: "\F57F"
    }

    .fa-grin:before {
        content: "\F580"
    }

    .fa-grin-alt:before {
        content: "\F581"
    }

    .fa-grin-beam:before {
        content: "\F582"
    }

    .fa-grin-beam-sweat:before {
        content: "\F583"
    }

    .fa-grin-hearts:before {
        content: "\F584"
    }

    .fa-grin-squint:before {
        content: "\F585"
    }

    .fa-grin-squint-tears:before {
        content: "\F586"
    }

    .fa-grin-stars:before {
        content: "\F587"
    }

    .fa-grin-tears:before {
        content: "\F588"
    }

    .fa-grin-tongue:before {
        content: "\F589"
    }

    .fa-grin-tongue-squint:before {
        content: "\F58A"
    }

    .fa-grin-tongue-wink:before {
        content: "\F58B"
    }

    .fa-grin-wink:before {
        content: "\F58C"
    }

    .fa-grip-horizontal:before {
        content: "\F58D"
    }

    .fa-grip-lines:before {
        content: "\F7A4"
    }

    .fa-grip-lines-vertical:before {
        content: "\F7A5"
    }

    .fa-grip-vertical:before {
        content: "\F58E"
    }

    .fa-gripfire:before {
        content: "\F3AC"
    }

    .fa-grunt:before {
        content: "\F3AD"
    }

    .fa-guitar:before {
        content: "\F7A6"
    }

    .fa-gulp:before {
        content: "\F3AE"
    }

    .fa-h-square:before {
        content: "\F0FD"
    }

    .fa-hacker-news:before {
        content: "\F1D4"
    }

    .fa-hacker-news-square:before {
        content: "\F3AF"
    }

    .fa-hackerrank:before {
        content: "\F5F7"
    }

    .fa-hamburger:before {
        content: "\F805"
    }

    .fa-hammer:before {
        content: "\F6E3"
    }

    .fa-hamsa:before {
        content: "\F665"
    }

    .fa-hand-holding:before {
        content: "\F4BD"
    }

    .fa-hand-holding-heart:before {
        content: "\F4BE"
    }

    .fa-hand-holding-usd:before {
        content: "\F4C0"
    }

    .fa-hand-lizard:before {
        content: "\F258"
    }

    .fa-hand-middle-finger:before {
        content: "\F806"
    }

    .fa-hand-paper:before {
        content: "\F256"
    }

    .fa-hand-peace:before {
        content: "\F25B"
    }

    .fa-hand-point-down:before {
        content: "\F0A7"
    }

    .fa-hand-point-left:before {
        content: "\F0A5"
    }

    .fa-hand-point-right:before {
        content: "\F0A4"
    }

    .fa-hand-point-up:before {
        content: "\F0A6"
    }

    .fa-hand-pointer:before {
        content: "\F25A"
    }

    .fa-hand-rock:before {
        content: "\F255"
    }

    .fa-hand-scissors:before {
        content: "\F257"
    }

    .fa-hand-spock:before {
        content: "\F259"
    }

    .fa-hands:before {
        content: "\F4C2"
    }

    .fa-hands-helping:before {
        content: "\F4C4"
    }

    .fa-handshake:before {
        content: "\F2B5"
    }

    .fa-hanukiah:before {
        content: "\F6E6"
    }

    .fa-hard-hat:before {
        content: "\F807"
    }

    .fa-hashtag:before {
        content: "\F292"
    }

    .fa-hat-wizard:before {
        content: "\F6E8"
    }

    .fa-haykal:before {
        content: "\F666"
    }

    .fa-hdd:before {
        content: "\F0A0"
    }

    .fa-heading:before {
        content: "\F1DC"
    }

    .fa-headphones:before {
        content: "\F025"
    }

    .fa-headphones-alt:before {
        content: "\F58F"
    }

    .fa-headset:before {
        content: "\F590"
    }

    .fa-heart:before {
        content: "\F004"
    }

    .fa-heart-broken:before {
        content: "\F7A9"
    }

    .fa-heartbeat:before {
        content: "\F21E"
    }

    .fa-helicopter:before {
        content: "\F533"
    }

    .fa-highlighter:before {
        content: "\F591"
    }

    .fa-hiking:before {
        content: "\F6EC"
    }

    .fa-hippo:before {
        content: "\F6ED"
    }

    .fa-hips:before {
        content: "\F452"
    }

    .fa-hire-a-helper:before {
        content: "\F3B0"
    }

    .fa-history:before {
        content: "\F1DA"
    }

    .fa-hockey-puck:before {
        content: "\F453"
    }

    .fa-holly-berry:before {
        content: "\F7AA"
    }

    .fa-home:before {
        content: "\F015"
    }

    .fa-hooli:before {
        content: "\F427"
    }

    .fa-hornbill:before {
        content: "\F592"
    }

    .fa-horse:before {
        content: "\F6F0"
    }

    .fa-horse-head:before {
        content: "\F7AB"
    }

    .fa-hospital:before {
        content: "\F0F8"
    }

    .fa-hospital-alt:before {
        content: "\F47D"
    }

    .fa-hospital-symbol:before {
        content: "\F47E"
    }

    .fa-hot-tub:before {
        content: "\F593"
    }

    .fa-hotdog:before {
        content: "\F80F"
    }

    .fa-hotel:before {
        content: "\F594"
    }

    .fa-hotjar:before {
        content: "\F3B1"
    }

    .fa-hourglass:before {
        content: "\F254"
    }

    .fa-hourglass-end:before {
        content: "\F253"
    }

    .fa-hourglass-half:before {
        content: "\F252"
    }

    .fa-hourglass-start:before {
        content: "\F251"
    }

    .fa-house-damage:before {
        content: "\F6F1"
    }

    .fa-houzz:before {
        content: "\F27C"
    }

    .fa-hryvnia:before {
        content: "\F6F2"
    }

    .fa-html5:before {
        content: "\F13B"
    }

    .fa-hubspot:before {
        content: "\F3B2"
    }

    .fa-i-cursor:before {
        content: "\F246"
    }

    .fa-ice-cream:before {
        content: "\F810"
    }

    .fa-icicles:before {
        content: "\F7AD"
    }

    .fa-id-badge:before {
        content: "\F2C1"
    }

    .fa-id-card:before {
        content: "\F2C2"
    }

    .fa-id-card-alt:before {
        content: "\F47F"
    }

    .fa-igloo:before {
        content: "\F7AE"
    }

    .fa-image:before {
        content: "\F03E"
    }

    .fa-images:before {
        content: "\F302"
    }

    .fa-imdb:before {
        content: "\F2D8"
    }

    .fa-inbox:before {
        content: "\F01C"
    }

    .fa-indent:before {
        content: "\F03C"
    }

    .fa-industry:before {
        content: "\F275"
    }

    .fa-infinity:before {
        content: "\F534"
    }

    .fa-info:before {
        content: "\F129"
    }

    .fa-info-circle:before {
        content: "\F05A"
    }

    .fa-instagram:before {
        content: "\F16D"
    }

    .fa-intercom:before {
        content: "\F7AF"
    }

    .fa-internet-explorer:before {
        content: "\F26B"
    }

    .fa-invision:before {
        content: "\F7B0"
    }

    .fa-ioxhost:before {
        content: "\F208"
    }

    .fa-italic:before {
        content: "\F033"
    }

    .fa-itch-io:before {
        content: "\F83A"
    }

    .fa-itunes:before {
        content: "\F3B4"
    }

    .fa-itunes-note:before {
        content: "\F3B5"
    }

    .fa-java:before {
        content: "\F4E4"
    }

    .fa-jedi:before {
        content: "\F669"
    }

    .fa-jedi-order:before {
        content: "\F50E"
    }

    .fa-jenkins:before {
        content: "\F3B6"
    }

    .fa-jira:before {
        content: "\F7B1"
    }

    .fa-joget:before {
        content: "\F3B7"
    }

    .fa-joint:before {
        content: "\F595"
    }

    .fa-joomla:before {
        content: "\F1AA"
    }

    .fa-journal-whills:before {
        content: "\F66A"
    }

    .fa-js:before {
        content: "\F3B8"
    }

    .fa-js-square:before {
        content: "\F3B9"
    }

    .fa-jsfiddle:before {
        content: "\F1CC"
    }

    .fa-kaaba:before {
        content: "\F66B"
    }

    .fa-kaggle:before {
        content: "\F5FA"
    }

    .fa-key:before {
        content: "\F084"
    }

    .fa-keybase:before {
        content: "\F4F5"
    }

    .fa-keyboard:before {
        content: "\F11C"
    }

    .fa-keycdn:before {
        content: "\F3BA"
    }

    .fa-khanda:before {
        content: "\F66D"
    }

    .fa-kickstarter:before {
        content: "\F3BB"
    }

    .fa-kickstarter-k:before {
        content: "\F3BC"
    }

    .fa-kiss:before {
        content: "\F596"
    }

    .fa-kiss-beam:before {
        content: "\F597"
    }

    .fa-kiss-wink-heart:before {
        content: "\F598"
    }

    .fa-kiwi-bird:before {
        content: "\F535"
    }

    .fa-korvue:before {
        content: "\F42F"
    }

    .fa-landmark:before {
        content: "\F66F"
    }

    .fa-language:before {
        content: "\F1AB"
    }

    .fa-laptop:before {
        content: "\F109"
    }

    .fa-laptop-code:before {
        content: "\F5FC"
    }

    .fa-laptop-medical:before {
        content: "\F812"
    }

    .fa-laravel:before {
        content: "\F3BD"
    }

    .fa-lastfm:before {
        content: "\F202"
    }

    .fa-lastfm-square:before {
        content: "\F203"
    }

    .fa-laugh:before {
        content: "\F599"
    }

    .fa-laugh-beam:before {
        content: "\F59A"
    }

    .fa-laugh-squint:before {
        content: "\F59B"
    }

    .fa-laugh-wink:before {
        content: "\F59C"
    }

    .fa-layer-group:before {
        content: "\F5FD"
    }

    .fa-leaf:before {
        content: "\F06C"
    }

    .fa-leanpub:before {
        content: "\F212"
    }

    .fa-lemon:before {
        content: "\F094"
    }

    .fa-less:before {
        content: "\F41D"
    }

    .fa-less-than:before {
        content: "\F536"
    }

    .fa-less-than-equal:before {
        content: "\F537"
    }

    .fa-level-down-alt:before {
        content: "\F3BE"
    }

    .fa-level-up-alt:before {
        content: "\F3BF"
    }

    .fa-life-ring:before {
        content: "\F1CD"
    }

    .fa-lightbulb:before {
        content: "\F0EB"
    }

    .fa-line:before {
        content: "\F3C0"
    }

    .fa-link:before {
        content: "\F0C1"
    }

    .fa-linkedin:before {
        content: "\F08C"
    }

    .fa-linkedin-in:before {
        content: "\F0E1"
    }

    .fa-linode:before {
        content: "\F2B8"
    }

    .fa-linux:before {
        content: "\F17C"
    }

    .fa-lira-sign:before {
        content: "\F195"
    }

    .fa-list:before {
        content: "\F03A"
    }

    .fa-list-alt:before {
        content: "\F022"
    }

    .fa-list-ol:before {
        content: "\F0CB"
    }

    .fa-list-ul:before {
        content: "\F0CA"
    }

    .fa-location-arrow:before {
        content: "\F124"
    }

    .fa-lock:before {
        content: "\F023"
    }

    .fa-lock-open:before {
        content: "\F3C1"
    }

    .fa-long-arrow-alt-down:before {
        content: "\F309"
    }

    .fa-long-arrow-alt-left:before {
        content: "\F30A"
    }

    .fa-long-arrow-alt-right:before {
        content: "\F30B"
    }

    .fa-long-arrow-alt-up:before {
        content: "\F30C"
    }

    .fa-low-vision:before {
        content: "\F2A8"
    }

    .fa-luggage-cart:before {
        content: "\F59D"
    }

    .fa-lyft:before {
        content: "\F3C3"
    }

    .fa-magento:before {
        content: "\F3C4"
    }

    .fa-magic:before {
        content: "\F0D0"
    }

    .fa-magnet:before {
        content: "\F076"
    }

    .fa-mail-bulk:before {
        content: "\F674"
    }

    .fa-mailchimp:before {
        content: "\F59E"
    }

    .fa-male:before {
        content: "\F183"
    }

    .fa-mandalorian:before {
        content: "\F50F"
    }

    .fa-map:before {
        content: "\F279"
    }

    .fa-map-marked:before {
        content: "\F59F"
    }

    .fa-map-marked-alt:before {
        content: "\F5A0"
    }

    .fa-map-marker:before {
        content: "\F041"
    }

    .fa-map-marker-alt:before {
        content: "\F3C5"
    }

    .fa-map-pin:before {
        content: "\F276"
    }

    .fa-map-signs:before {
        content: "\F277"
    }

    .fa-markdown:before {
        content: "\F60F"
    }

    .fa-marker:before {
        content: "\F5A1"
    }

    .fa-mars:before {
        content: "\F222"
    }

    .fa-mars-double:before {
        content: "\F227"
    }

    .fa-mars-stroke:before {
        content: "\F229"
    }

    .fa-mars-stroke-h:before {
        content: "\F22B"
    }

    .fa-mars-stroke-v:before {
        content: "\F22A"
    }

    .fa-mask:before {
        content: "\F6FA"
    }

    .fa-mastodon:before {
        content: "\F4F6"
    }

    .fa-maxcdn:before {
        content: "\F136"
    }

    .fa-medal:before {
        content: "\F5A2"
    }

    .fa-medapps:before {
        content: "\F3C6"
    }

    .fa-medium:before {
        content: "\F23A"
    }

    .fa-medium-m:before {
        content: "\F3C7"
    }

    .fa-medkit:before {
        content: "\F0FA"
    }

    .fa-medrt:before {
        content: "\F3C8"
    }

    .fa-meetup:before {
        content: "\F2E0"
    }

    .fa-megaport:before {
        content: "\F5A3"
    }

    .fa-meh:before {
        content: "\F11A"
    }

    .fa-meh-blank:before {
        content: "\F5A4"
    }

    .fa-meh-rolling-eyes:before {
        content: "\F5A5"
    }

    .fa-memory:before {
        content: "\F538"
    }

    .fa-mendeley:before {
        content: "\F7B3"
    }

    .fa-menorah:before {
        content: "\F676"
    }

    .fa-mercury:before {
        content: "\F223"
    }

    .fa-meteor:before {
        content: "\F753"
    }

    .fa-microchip:before {
        content: "\F2DB"
    }

    .fa-microphone:before {
        content: "\F130"
    }

    .fa-microphone-alt:before {
        content: "\F3C9"
    }

    .fa-microphone-alt-slash:before {
        content: "\F539"
    }

    .fa-microphone-slash:before {
        content: "\F131"
    }

    .fa-microscope:before {
        content: "\F610"
    }

    .fa-microsoft:before {
        content: "\F3CA"
    }

    .fa-minus:before {
        content: "\F068"
    }

    .fa-minus-circle:before {
        content: "\F056"
    }

    .fa-minus-square:before {
        content: "\F146"
    }

    .fa-mitten:before {
        content: "\F7B5"
    }

    .fa-mix:before {
        content: "\F3CB"
    }

    .fa-mixcloud:before {
        content: "\F289"
    }

    .fa-mizuni:before {
        content: "\F3CC"
    }

    .fa-mobile:before {
        content: "\F10B"
    }

    .fa-mobile-alt:before {
        content: "\F3CD"
    }

    .fa-modx:before {
        content: "\F285"
    }

    .fa-monero:before {
        content: "\F3D0"
    }

    .fa-money-bill:before {
        content: "\F0D6"
    }

    .fa-money-bill-alt:before {
        content: "\F3D1"
    }

    .fa-money-bill-wave:before {
        content: "\F53A"
    }

    .fa-money-bill-wave-alt:before {
        content: "\F53B"
    }

    .fa-money-check:before {
        content: "\F53C"
    }

    .fa-money-check-alt:before {
        content: "\F53D"
    }

    .fa-monument:before {
        content: "\F5A6"
    }

    .fa-moon:before {
        content: "\F186"
    }

    .fa-mortar-pestle:before {
        content: "\F5A7"
    }

    .fa-mosque:before {
        content: "\F678"
    }

    .fa-motorcycle:before {
        content: "\F21C"
    }

    .fa-mountain:before {
        content: "\F6FC"
    }

    .fa-mouse-pointer:before {
        content: "\F245"
    }

    .fa-mug-hot:before {
        content: "\F7B6"
    }

    .fa-music:before {
        content: "\F001"
    }

    .fa-napster:before {
        content: "\F3D2"
    }

    .fa-neos:before {
        content: "\F612"
    }

    .fa-network-wired:before {
        content: "\F6FF"
    }

    .fa-neuter:before {
        content: "\F22C"
    }

    .fa-newspaper:before {
        content: "\F1EA"
    }

    .fa-nimblr:before {
        content: "\F5A8"
    }

    .fa-nintendo-switch:before {
        content: "\F418"
    }

    .fa-node:before {
        content: "\F419"
    }

    .fa-node-js:before {
        content: "\F3D3"
    }

    .fa-not-equal:before {
        content: "\F53E"
    }

    .fa-notes-medical:before {
        content: "\F481"
    }

    .fa-npm:before {
        content: "\F3D4"
    }

    .fa-ns8:before {
        content: "\F3D5"
    }

    .fa-nutritionix:before {
        content: "\F3D6"
    }

    .fa-object-group:before {
        content: "\F247"
    }

    .fa-object-ungroup:before {
        content: "\F248"
    }

    .fa-odnoklassniki:before {
        content: "\F263"
    }

    .fa-odnoklassniki-square:before {
        content: "\F264"
    }

    .fa-oil-can:before {
        content: "\F613"
    }

    .fa-old-republic:before {
        content: "\F510"
    }

    .fa-om:before {
        content: "\F679"
    }

    .fa-opencart:before {
        content: "\F23D"
    }

    .fa-openid:before {
        content: "\F19B"
    }

    .fa-opera:before {
        content: "\F26A"
    }

    .fa-optin-monster:before {
        content: "\F23C"
    }

    .fa-osi:before {
        content: "\F41A"
    }

    .fa-otter:before {
        content: "\F700"
    }

    .fa-outdent:before {
        content: "\F03B"
    }

    .fa-page4:before {
        content: "\F3D7"
    }

    .fa-pagelines:before {
        content: "\F18C"
    }

    .fa-pager:before {
        content: "\F815"
    }

    .fa-paint-brush:before {
        content: "\F1FC"
    }

    .fa-paint-roller:before {
        content: "\F5AA"
    }

    .fa-palette:before {
        content: "\F53F"
    }

    .fa-palfed:before {
        content: "\F3D8"
    }

    .fa-pallet:before {
        content: "\F482"
    }

    .fa-paper-plane:before {
        content: "\F1D8"
    }

    .fa-paperclip:before {
        content: "\F0C6"
    }

    .fa-parachute-box:before {
        content: "\F4CD"
    }

    .fa-paragraph:before {
        content: "\F1DD"
    }

    .fa-parking:before {
        content: "\F540"
    }

    .fa-passport:before {
        content: "\F5AB"
    }

    .fa-pastafarianism:before {
        content: "\F67B"
    }

    .fa-paste:before {
        content: "\F0EA"
    }

    .fa-patreon:before {
        content: "\F3D9"
    }

    .fa-pause:before {
        content: "\F04C"
    }

    .fa-pause-circle:before {
        content: "\F28B"
    }

    .fa-paw:before {
        content: "\F1B0"
    }

    .fa-paypal:before {
        content: "\F1ED"
    }

    .fa-peace:before {
        content: "\F67C"
    }

    .fa-pen:before {
        content: "\F304"
    }

    .fa-pen-alt:before {
        content: "\F305"
    }

    .fa-pen-fancy:before {
        content: "\F5AC"
    }

    .fa-pen-nib:before {
        content: "\F5AD"
    }

    .fa-pen-square:before {
        content: "\F14B"
    }

    .fa-pencil-alt:before {
        content: "\F303"
    }

    .fa-pencil-ruler:before {
        content: "\F5AE"
    }

    .fa-penny-arcade:before {
        content: "\F704"
    }

    .fa-people-carry:before {
        content: "\F4CE"
    }

    .fa-pepper-hot:before {
        content: "\F816"
    }

    .fa-percent:before {
        content: "\F295"
    }

    .fa-percentage:before {
        content: "\F541"
    }

    .fa-periscope:before {
        content: "\F3DA"
    }

    .fa-person-booth:before {
        content: "\F756"
    }

    .fa-phabricator:before {
        content: "\F3DB"
    }

    .fa-phoenix-framework:before {
        content: "\F3DC"
    }

    .fa-phoenix-squadron:before {
        content: "\F511"
    }

    .fa-phone:before {
        content: "\F095"
    }

    .fa-phone-slash:before {
        content: "\F3DD"
    }

    .fa-phone-square:before {
        content: "\F098"
    }

    .fa-phone-volume:before {
        content: "\F2A0"
    }

    .fa-php:before {
        content: "\F457"
    }

    .fa-pied-piper:before {
        content: "\F2AE"
    }

    .fa-pied-piper-alt:before {
        content: "\F1A8"
    }

    .fa-pied-piper-hat:before {
        content: "\F4E5"
    }

    .fa-pied-piper-pp:before {
        content: "\F1A7"
    }

    .fa-piggy-bank:before {
        content: "\F4D3"
    }

    .fa-pills:before {
        content: "\F484"
    }

    .fa-pinterest:before {
        content: "\F0D2"
    }

    .fa-pinterest-p:before {
        content: "\F231"
    }

    .fa-pinterest-square:before {
        content: "\F0D3"
    }

    .fa-pizza-slice:before {
        content: "\F818"
    }

    .fa-place-of-worship:before {
        content: "\F67F"
    }

    .fa-plane:before {
        content: "\F072"
    }

    .fa-plane-arrival:before {
        content: "\F5AF"
    }

    .fa-plane-departure:before {
        content: "\F5B0"
    }

    .fa-play:before {
        content: "\F04B"
    }

    .fa-play-circle:before {
        content: "\F144"
    }

    .fa-playstation:before {
        content: "\F3DF"
    }

    .fa-plug:before {
        content: "\F1E6"
    }

    .fa-plus:before {
        content: "\F067"
    }

    .fa-plus-circle:before {
        content: "\F055"
    }

    .fa-plus-square:before {
        content: "\F0FE"
    }

    .fa-podcast:before {
        content: "\F2CE"
    }

    .fa-poll:before {
        content: "\F681"
    }

    .fa-poll-h:before {
        content: "\F682"
    }

    .fa-poo:before {
        content: "\F2FE"
    }

    .fa-poo-storm:before {
        content: "\F75A"
    }

    .fa-poop:before {
        content: "\F619"
    }

    .fa-portrait:before {
        content: "\F3E0"
    }

    .fa-pound-sign:before {
        content: "\F154"
    }

    .fa-power-off:before {
        content: "\F011"
    }

    .fa-pray:before {
        content: "\F683"
    }

    .fa-praying-hands:before {
        content: "\F684"
    }

    .fa-prescription:before {
        content: "\F5B1"
    }

    .fa-prescription-bottle:before {
        content: "\F485"
    }

    .fa-prescription-bottle-alt:before {
        content: "\F486"
    }

    .fa-print:before {
        content: "\F02F"
    }

    .fa-procedures:before {
        content: "\F487"
    }

    .fa-product-hunt:before {
        content: "\F288"
    }

    .fa-project-diagram:before {
        content: "\F542"
    }

    .fa-pushed:before {
        content: "\F3E1"
    }

    .fa-puzzle-piece:before {
        content: "\F12E"
    }

    .fa-python:before {
        content: "\F3E2"
    }

    .fa-qq:before {
        content: "\F1D6"
    }

    .fa-qrcode:before {
        content: "\F029"
    }

    .fa-question:before {
        content: "\F128"
    }

    .fa-question-circle:before {
        content: "\F059"
    }

    .fa-quidditch:before {
        content: "\F458"
    }

    .fa-quinscape:before {
        content: "\F459"
    }

    .fa-quora:before {
        content: "\F2C4"
    }

    .fa-quote-left:before {
        content: "\F10D"
    }

    .fa-quote-right:before {
        content: "\F10E"
    }

    .fa-quran:before {
        content: "\F687"
    }

    .fa-r-project:before {
        content: "\F4F7"
    }

    .fa-radiation:before {
        content: "\F7B9"
    }

    .fa-radiation-alt:before {
        content: "\F7BA"
    }

    .fa-rainbow:before {
        content: "\F75B"
    }

    .fa-random:before {
        content: "\F074"
    }

    .fa-raspberry-pi:before {
        content: "\F7BB"
    }

    .fa-ravelry:before {
        content: "\F2D9"
    }

    .fa-react:before {
        content: "\F41B"
    }

    .fa-reacteurope:before {
        content: "\F75D"
    }

    .fa-readme:before {
        content: "\F4D5"
    }

    .fa-rebel:before {
        content: "\F1D0"
    }

    .fa-receipt:before {
        content: "\F543"
    }

    .fa-recycle:before {
        content: "\F1B8"
    }

    .fa-red-river:before {
        content: "\F3E3"
    }

    .fa-reddit:before {
        content: "\F1A1"
    }

    .fa-reddit-alien:before {
        content: "\F281"
    }

    .fa-reddit-square:before {
        content: "\F1A2"
    }

    .fa-redhat:before {
        content: "\F7BC"
    }

    .fa-redo:before {
        content: "\F01E"
    }

    .fa-redo-alt:before {
        content: "\F2F9"
    }

    .fa-registered:before {
        content: "\F25D"
    }

    .fa-renren:before {
        content: "\F18B"
    }

    .fa-reply:before {
        content: "\F3E5"
    }

    .fa-reply-all:before {
        content: "\F122"
    }

    .fa-replyd:before {
        content: "\F3E6"
    }

    .fa-republican:before {
        content: "\F75E"
    }

    .fa-researchgate:before {
        content: "\F4F8"
    }

    .fa-resolving:before {
        content: "\F3E7"
    }

    .fa-restroom:before {
        content: "\F7BD"
    }

    .fa-retweet:before {
        content: "\F079"
    }

    .fa-rev:before {
        content: "\F5B2"
    }

    .fa-ribbon:before {
        content: "\F4D6"
    }

    .fa-ring:before {
        content: "\F70B"
    }

    .fa-road:before {
        content: "\F018"
    }

    .fa-robot:before {
        content: "\F544"
    }

    .fa-rocket:before {
        content: "\F135"
    }

    .fa-rocketchat:before {
        content: "\F3E8"
    }

    .fa-rockrms:before {
        content: "\F3E9"
    }

    .fa-route:before {
        content: "\F4D7"
    }

    .fa-rss:before {
        content: "\F09E"
    }

    .fa-rss-square:before {
        content: "\F143"
    }

    .fa-ruble-sign:before {
        content: "\F158"
    }

    .fa-ruler:before {
        content: "\F545"
    }

    .fa-ruler-combined:before {
        content: "\F546"
    }

    .fa-ruler-horizontal:before {
        content: "\F547"
    }

    .fa-ruler-vertical:before {
        content: "\F548"
    }

    .fa-running:before {
        content: "\F70C"
    }

    .fa-rupee-sign:before {
        content: "\F156"
    }

    .fa-sad-cry:before {
        content: "\F5B3"
    }

    .fa-sad-tear:before {
        content: "\F5B4"
    }

    .fa-safari:before {
        content: "\F267"
    }

    .fa-salesforce:before {
        content: "\F83B"
    }

    .fa-sass:before {
        content: "\F41E"
    }

    .fa-satellite:before {
        content: "\F7BF"
    }

    .fa-satellite-dish:before {
        content: "\F7C0"
    }

    .fa-save:before {
        content: "\F0C7"
    }

    .fa-schlix:before {
        content: "\F3EA"
    }

    .fa-school:before {
        content: "\F549"
    }

    .fa-screwdriver:before {
        content: "\F54A"
    }

    .fa-scribd:before {
        content: "\F28A"
    }

    .fa-scroll:before {
        content: "\F70E"
    }

    .fa-sd-card:before {
        content: "\F7C2"
    }

    .fa-search:before {
        content: "\F002"
    }

    .fa-search-dollar:before {
        content: "\F688"
    }

    .fa-search-location:before {
        content: "\F689"
    }

    .fa-search-minus:before {
        content: "\F010"
    }

    .fa-search-plus:before {
        content: "\F00E"
    }

    .fa-searchengin:before {
        content: "\F3EB"
    }

    .fa-seedling:before {
        content: "\F4D8"
    }

    .fa-sellcast:before {
        content: "\F2DA"
    }

    .fa-sellsy:before {
        content: "\F213"
    }

    .fa-server:before {
        content: "\F233"
    }

    .fa-servicestack:before {
        content: "\F3EC"
    }

    .fa-shapes:before {
        content: "\F61F"
    }

    .fa-share:before {
        content: "\F064"
    }

    .fa-share-alt:before {
        content: "\F1E0"
    }

    .fa-share-alt-square:before {
        content: "\F1E1"
    }

    .fa-share-square:before {
        content: "\F14D"
    }

    .fa-shekel-sign:before {
        content: "\F20B"
    }

    .fa-shield-alt:before {
        content: "\F3ED"
    }

    .fa-ship:before {
        content: "\F21A"
    }

    .fa-shipping-fast:before {
        content: "\F48B"
    }

    .fa-shirtsinbulk:before {
        content: "\F214"
    }

    .fa-shoe-prints:before {
        content: "\F54B"
    }

    .fa-shopping-bag:before {
        content: "\F290"
    }

    .fa-shopping-basket:before {
        content: "\F291"
    }

    .fa-shopping-cart:before {
        content: "\F07A"
    }

    .fa-shopware:before {
        content: "\F5B5"
    }

    .fa-shower:before {
        content: "\F2CC"
    }

    .fa-shuttle-van:before {
        content: "\F5B6"
    }

    .fa-sign:before {
        content: "\F4D9"
    }

    .fa-sign-in-alt:before {
        content: "\F2F6"
    }

    .fa-sign-language:before {
        content: "\F2A7"
    }

    .fa-sign-out-alt:before {
        content: "\F2F5"
    }

    .fa-signal:before {
        content: "\F012"
    }

    .fa-signature:before {
        content: "\F5B7"
    }

    .fa-sim-card:before {
        content: "\F7C4"
    }

    .fa-simplybuilt:before {
        content: "\F215"
    }

    .fa-sistrix:before {
        content: "\F3EE"
    }

    .fa-sitemap:before {
        content: "\F0E8"
    }

    .fa-sith:before {
        content: "\F512"
    }

    .fa-skating:before {
        content: "\F7C5"
    }

    .fa-sketch:before {
        content: "\F7C6"
    }

    .fa-skiing:before {
        content: "\F7C9"
    }

    .fa-skiing-nordic:before {
        content: "\F7CA"
    }

    .fa-skull:before {
        content: "\F54C"
    }

    .fa-skull-crossbones:before {
        content: "\F714"
    }

    .fa-skyatlas:before {
        content: "\F216"
    }

    .fa-skype:before {
        content: "\F17E"
    }

    .fa-slack:before {
        content: "\F198"
    }

    .fa-slack-hash:before {
        content: "\F3EF"
    }

    .fa-slash:before {
        content: "\F715"
    }

    .fa-sleigh:before {
        content: "\F7CC"
    }

    .fa-sliders-h:before {
        content: "\F1DE"
    }

    .fa-slideshare:before {
        content: "\F1E7"
    }

    .fa-smile:before {
        content: "\F118"
    }

    .fa-smile-beam:before {
        content: "\F5B8"
    }

    .fa-smile-wink:before {
        content: "\F4DA"
    }

    .fa-smog:before {
        content: "\F75F"
    }

    .fa-smoking:before {
        content: "\F48D"
    }

    .fa-smoking-ban:before {
        content: "\F54D"
    }

    .fa-sms:before {
        content: "\F7CD"
    }

    .fa-snapchat:before {
        content: "\F2AB"
    }

    .fa-snapchat-ghost:before {
        content: "\F2AC"
    }

    .fa-snapchat-square:before {
        content: "\F2AD"
    }

    .fa-snowboarding:before {
        content: "\F7CE"
    }

    .fa-snowflake:before {
        content: "\F2DC"
    }

    .fa-snowman:before {
        content: "\F7D0"
    }

    .fa-snowplow:before {
        content: "\F7D2"
    }

    .fa-socks:before {
        content: "\F696"
    }

    .fa-solar-panel:before {
        content: "\F5BA"
    }

    .fa-sort:before {
        content: "\F0DC"
    }

    .fa-sort-alpha-down:before {
        content: "\F15D"
    }

    .fa-sort-alpha-up:before {
        content: "\F15E"
    }

    .fa-sort-amount-down:before {
        content: "\F160"
    }

    .fa-sort-amount-up:before {
        content: "\F161"
    }

    .fa-sort-down:before {
        content: "\F0DD"
    }

    .fa-sort-numeric-down:before {
        content: "\F162"
    }

    .fa-sort-numeric-up:before {
        content: "\F163"
    }

    .fa-sort-up:before {
        content: "\F0DE"
    }

    .fa-soundcloud:before {
        content: "\F1BE"
    }

    .fa-sourcetree:before {
        content: "\F7D3"
    }

    .fa-spa:before {
        content: "\F5BB"
    }

    .fa-space-shuttle:before {
        content: "\F197"
    }

    .fa-speakap:before {
        content: "\F3F3"
    }

    .fa-speaker-deck:before {
        content: "\F83C"
    }

    .fa-spider:before {
        content: "\F717"
    }

    .fa-spinner:before {
        content: "\F110"
    }

    .fa-splotch:before {
        content: "\F5BC"
    }

    .fa-spotify:before {
        content: "\F1BC"
    }

    .fa-spray-can:before {
        content: "\F5BD"
    }

    .fa-square:before {
        content: "\F0C8"
    }

    .fa-square-full:before {
        content: "\F45C"
    }

    .fa-square-root-alt:before {
        content: "\F698"
    }

    .fa-squarespace:before {
        content: "\F5BE"
    }

    .fa-stack-exchange:before {
        content: "\F18D"
    }

    .fa-stack-overflow:before {
        content: "\F16C"
    }

    .fa-stackpath:before {
        content: "\F842"
    }

    .fa-stamp:before {
        content: "\F5BF"
    }

    .fa-star:before {
        content: "\F005"
    }

    .fa-star-and-crescent:before {
        content: "\F699"
    }

    .fa-star-half:before {
        content: "\F089"
    }

    .fa-star-half-alt:before {
        content: "\F5C0"
    }

    .fa-star-of-david:before {
        content: "\F69A"
    }

    .fa-star-of-life:before {
        content: "\F621"
    }

    .fa-staylinked:before {
        content: "\F3F5"
    }

    .fa-steam:before {
        content: "\F1B6"
    }

    .fa-steam-square:before {
        content: "\F1B7"
    }

    .fa-steam-symbol:before {
        content: "\F3F6"
    }

    .fa-step-backward:before {
        content: "\F048"
    }

    .fa-step-forward:before {
        content: "\F051"
    }

    .fa-stethoscope:before {
        content: "\F0F1"
    }

    .fa-sticker-mule:before {
        content: "\F3F7"
    }

    .fa-sticky-note:before {
        content: "\F249"
    }

    .fa-stop:before {
        content: "\F04D"
    }

    .fa-stop-circle:before {
        content: "\F28D"
    }

    .fa-stopwatch:before {
        content: "\F2F2"
    }

    .fa-store:before {
        content: "\F54E"
    }

    .fa-store-alt:before {
        content: "\F54F"
    }

    .fa-strava:before {
        content: "\F428"
    }

    .fa-stream:before {
        content: "\F550"
    }

    .fa-street-view:before {
        content: "\F21D"
    }

    .fa-strikethrough:before {
        content: "\F0CC"
    }

    .fa-stripe:before {
        content: "\F429"
    }

    .fa-stripe-s:before {
        content: "\F42A"
    }

    .fa-stroopwafel:before {
        content: "\F551"
    }

    .fa-studiovinari:before {
        content: "\F3F8"
    }

    .fa-stumbleupon:before {
        content: "\F1A4"
    }

    .fa-stumbleupon-circle:before {
        content: "\F1A3"
    }

    .fa-subscript:before {
        content: "\F12C"
    }

    .fa-subway:before {
        content: "\F239"
    }

    .fa-suitcase:before {
        content: "\F0F2"
    }

    .fa-suitcase-rolling:before {
        content: "\F5C1"
    }

    .fa-sun:before {
        content: "\F185"
    }

    .fa-superpowers:before {
        content: "\F2DD"
    }

    .fa-superscript:before {
        content: "\F12B"
    }

    .fa-supple:before {
        content: "\F3F9"
    }

    .fa-surprise:before {
        content: "\F5C2"
    }

    .fa-suse:before {
        content: "\F7D6"
    }

    .fa-swatchbook:before {
        content: "\F5C3"
    }

    .fa-swimmer:before {
        content: "\F5C4"
    }

    .fa-swimming-pool:before {
        content: "\F5C5"
    }

    .fa-symfony:before {
        content: "\F83D"
    }

    .fa-synagogue:before {
        content: "\F69B"
    }

    .fa-sync:before {
        content: "\F021"
    }

    .fa-sync-alt:before {
        content: "\F2F1"
    }

    .fa-syringe:before {
        content: "\F48E"
    }

    .fa-table:before {
        content: "\F0CE"
    }

    .fa-table-tennis:before {
        content: "\F45D"
    }

    .fa-tablet:before {
        content: "\F10A"
    }

    .fa-tablet-alt:before {
        content: "\F3FA"
    }

    .fa-tablets:before {
        content: "\F490"
    }

    .fa-tachometer-alt:before {
        content: "\F3FD"
    }

    .fa-tag:before {
        content: "\F02B"
    }

    .fa-tags:before {
        content: "\F02C"
    }

    .fa-tape:before {
        content: "\F4DB"
    }

    .fa-tasks:before {
        content: "\F0AE"
    }

    .fa-taxi:before {
        content: "\F1BA"
    }

    .fa-teamspeak:before {
        content: "\F4F9"
    }

    .fa-teeth:before {
        content: "\F62E"
    }

    .fa-teeth-open:before {
        content: "\F62F"
    }

    .fa-telegram:before {
        content: "\F2C6"
    }

    .fa-telegram-plane:before {
        content: "\F3FE"
    }

    .fa-temperature-high:before {
        content: "\F769"
    }

    .fa-temperature-low:before {
        content: "\F76B"
    }

    .fa-tencent-weibo:before {
        content: "\F1D5"
    }

    .fa-tenge:before {
        content: "\F7D7"
    }

    .fa-terminal:before {
        content: "\F120"
    }

    .fa-text-height:before {
        content: "\F034"
    }

    .fa-text-width:before {
        content: "\F035"
    }

    .fa-th:before {
        content: "\F00A"
    }

    .fa-th-large:before {
        content: "\F009"
    }

    .fa-th-list:before {
        content: "\F00B"
    }

    .fa-the-red-yeti:before {
        content: "\F69D"
    }

    .fa-theater-masks:before {
        content: "\F630"
    }

    .fa-themeco:before {
        content: "\F5C6"
    }

    .fa-themeisle:before {
        content: "\F2B2"
    }

    .fa-thermometer:before {
        content: "\F491"
    }

    .fa-thermometer-empty:before {
        content: "\F2CB"
    }

    .fa-thermometer-full:before {
        content: "\F2C7"
    }

    .fa-thermometer-half:before {
        content: "\F2C9"
    }

    .fa-thermometer-quarter:before {
        content: "\F2CA"
    }

    .fa-thermometer-three-quarters:before {
        content: "\F2C8"
    }

    .fa-think-peaks:before {
        content: "\F731"
    }

    .fa-thumbs-down:before {
        content: "\F165"
    }

    .fa-thumbs-up:before {
        content: "\F164"
    }

    .fa-thumbtack:before {
        content: "\F08D"
    }

    .fa-ticket-alt:before {
        content: "\F3FF"
    }

    .fa-times:before {
        content: "\F00D"
    }

    .fa-times-circle:before {
        content: "\F057"
    }

    .fa-tint:before {
        content: "\F043"
    }

    .fa-tint-slash:before {
        content: "\F5C7"
    }

    .fa-tired:before {
        content: "\F5C8"
    }

    .fa-toggle-off:before {
        content: "\F204"
    }

    .fa-toggle-on:before {
        content: "\F205"
    }

    .fa-toilet:before {
        content: "\F7D8"
    }

    .fa-toilet-paper:before {
        content: "\F71E"
    }

    .fa-toolbox:before {
        content: "\F552"
    }

    .fa-tools:before {
        content: "\F7D9"
    }

    .fa-tooth:before {
        content: "\F5C9"
    }

    .fa-torah:before {
        content: "\F6A0"
    }

    .fa-torii-gate:before {
        content: "\F6A1"
    }

    .fa-tractor:before {
        content: "\F722"
    }

    .fa-trade-federation:before {
        content: "\F513"
    }

    .fa-trademark:before {
        content: "\F25C"
    }

    .fa-traffic-light:before {
        content: "\F637"
    }

    .fa-train:before {
        content: "\F238"
    }

    .fa-tram:before {
        content: "\F7DA"
    }

    .fa-transgender:before {
        content: "\F224"
    }

    .fa-transgender-alt:before {
        content: "\F225"
    }

    .fa-trash:before {
        content: "\F1F8"
    }

    .fa-trash-alt:before {
        content: "\F2ED"
    }

    .fa-trash-restore:before {
        content: "\F829"
    }

    .fa-trash-restore-alt:before {
        content: "\F82A"
    }

    .fa-tree:before {
        content: "\F1BB"
    }

    .fa-trello:before {
        content: "\F181"
    }

    .fa-tripadvisor:before {
        content: "\F262"
    }

    .fa-trophy:before {
        content: "\F091"
    }

    .fa-truck:before {
        content: "\F0D1"
    }

    .fa-truck-loading:before {
        content: "\F4DE"
    }

    .fa-truck-monster:before {
        content: "\F63B"
    }

    .fa-truck-moving:before {
        content: "\F4DF"
    }

    .fa-truck-pickup:before {
        content: "\F63C"
    }

    .fa-tshirt:before {
        content: "\F553"
    }

    .fa-tty:before {
        content: "\F1E4"
    }

    .fa-tumblr:before {
        content: "\F173"
    }

    .fa-tumblr-square:before {
        content: "\F174"
    }

    .fa-tv:before {
        content: "\F26C"
    }

    .fa-twitch:before {
        content: "\e61b"
    }


    .fa-x-twitter:before {
        content: "\e61b"
    }

    fa-x-twitter-square:before {
        content: "\e61b"
    }


    .fa-twitter-square:before {
        content: "\e61b"
    }

    .fa-typo3:before {
        content: "\F42B"
    }

    .fa-uber:before {
        content: "\F402"
    }

    .fa-ubuntu:before {
        content: "\F7DF"
    }

    .fa-uikit:before {
        content: "\F403"
    }

    .fa-umbrella:before {
        content: "\F0E9"
    }

    .fa-umbrella-beach:before {
        content: "\F5CA"
    }

    .fa-underline:before {
        content: "\F0CD"
    }

    .fa-undo:before {
        content: "\F0E2"
    }

    .fa-undo-alt:before {
        content: "\F2EA"
    }

    .fa-uniregistry:before {
        content: "\F404"
    }

    .fa-universal-access:before {
        content: "\F29A"
    }

    .fa-university:before {
        content: "\F19C"
    }

    .fa-unlink:before {
        content: "\F127"
    }

    .fa-unlock:before {
        content: "\F09C"
    }

    .fa-unlock-alt:before {
        content: "\F13E"
    }

    .fa-untappd:before {
        content: "\F405"
    }

    .fa-upload:before {
        content: "\F093"
    }

    .fa-ups:before {
        content: "\F7E0"
    }

    .fa-usb:before {
        content: "\F287"
    }

    .fa-user:before {
        content: "\F007"
    }

    .fa-user-alt:before {
        content: "\F406"
    }

    .fa-user-alt-slash:before {
        content: "\F4FA"
    }

    .fa-user-astronaut:before {
        content: "\F4FB"
    }

    .fa-user-check:before {
        content: "\F4FC"
    }

    .fa-user-circle:before {
        content: "\F2BD"
    }

    .fa-user-clock:before {
        content: "\F4FD"
    }

    .fa-user-cog:before {
        content: "\F4FE"
    }

    .fa-user-edit:before {
        content: "\F4FF"
    }

    .fa-user-friends:before {
        content: "\F500"
    }

    .fa-user-graduate:before {
        content: "\F501"
    }

    .fa-user-injured:before {
        content: "\F728"
    }

    .fa-user-lock:before {
        content: "\F502"
    }

    .fa-user-md:before {
        content: "\F0F0"
    }

    .fa-user-minus:before {
        content: "\F503"
    }

    .fa-user-ninja:before {
        content: "\F504"
    }

    .fa-user-nurse:before {
        content: "\F82F"
    }

    .fa-user-plus:before {
        content: "\F234"
    }

    .fa-user-secret:before {
        content: "\F21B"
    }

    .fa-user-shield:before {
        content: "\F505"
    }

    .fa-user-slash:before {
        content: "\F506"
    }

    .fa-user-tag:before {
        content: "\F507"
    }

    .fa-user-tie:before {
        content: "\F508"
    }

    .fa-user-times:before {
        content: "\F235"
    }

    .fa-users:before {
        content: "\F0C0"
    }

    .fa-users-cog:before {
        content: "\F509"
    }

    .fa-usps:before {
        content: "\F7E1"
    }

    .fa-ussunnah:before {
        content: "\F407"
    }

    .fa-utensil-spoon:before {
        content: "\F2E5"
    }

    .fa-utensils:before {
        content: "\F2E7"
    }

    .fa-vaadin:before {
        content: "\F408"
    }

    .fa-vector-square:before {
        content: "\F5CB"
    }

    .fa-venus:before {
        content: "\F221"
    }

    .fa-venus-double:before {
        content: "\F226"
    }

    .fa-venus-mars:before {
        content: "\F228"
    }

    .fa-viacoin:before {
        content: "\F237"
    }

    .fa-viadeo:before {
        content: "\F2A9"
    }

    .fa-viadeo-square:before {
        content: "\F2AA"
    }

    .fa-vial:before {
        content: "\F492"
    }

    .fa-vials:before {
        content: "\F493"
    }

    .fa-viber:before {
        content: "\F409"
    }

    .fa-video:before {
        content: "\F03D"
    }

    .fa-video-slash:before {
        content: "\F4E2"
    }

    .fa-vihara:before {
        content: "\F6A7"
    }

    .fa-vimeo:before {
        content: "\F40A"
    }

    .fa-vimeo-square:before {
        content: "\F194"
    }

    .fa-vimeo-v:before {
        content: "\F27D"
    }

    .fa-vine:before {
        content: "\F1CA"
    }

    .fa-vk:before {
        content: "\F189"
    }

    .fa-vnv:before {
        content: "\F40B"
    }

    .fa-volleyball-ball:before {
        content: "\F45F"
    }

    .fa-volume-down:before {
        content: "\F027"
    }

    .fa-volume-mute:before {
        content: "\F6A9"
    }

    .fa-volume-off:before {
        content: "\F026"
    }

    .fa-volume-up:before {
        content: "\F028"
    }

    .fa-vote-yea:before {
        content: "\F772"
    }

    .fa-vr-cardboard:before {
        content: "\F729"
    }

    .fa-vuejs:before {
        content: "\F41F"
    }

    .fa-walking:before {
        content: "\F554"
    }

    .fa-wallet:before {
        content: "\F555"
    }

    .fa-warehouse:before {
        content: "\F494"
    }

    .fa-water:before {
        content: "\F773"
    }

    .fa-wave-square:before {
        content: "\F83E"
    }

    .fa-waze:before {
        content: "\F83F"
    }

    .fa-weebly:before {
        content: "\F5CC"
    }

    .fa-weibo:before {
        content: "\F18A"
    }

    .fa-weight:before {
        content: "\F496"
    }

    .fa-weight-hanging:before {
        content: "\F5CD"
    }

    .fa-weixin:before {
        content: "\F1D7"
    }

    .fa-whatsapp:before {
        content: "\F232"
    }

    .fa-whatsapp-square:before {
        content: "\F40C"
    }

    .fa-wheelchair:before {
        content: "\F193"
    }

    .fa-whmcs:before {
        content: "\F40D"
    }

    .fa-wifi:before {
        content: "\F1EB"
    }

    .fa-wikipedia-w:before {
        content: "\F266"
    }

    .fa-wind:before {
        content: "\F72E"
    }

    .fa-window-close:before {
        content: "\F410"
    }

    .fa-window-maximize:before {
        content: "\F2D0"
    }

    .fa-window-minimize:before {
        content: "\F2D1"
    }

    .fa-window-restore:before {
        content: "\F2D2"
    }

    .fa-windows:before {
        content: "\F17A"
    }

    .fa-wine-bottle:before {
        content: "\F72F"
    }

    .fa-wine-glass:before {
        content: "\F4E3"
    }

    .fa-wine-glass-alt:before {
        content: "\F5CE"
    }

    .fa-wix:before {
        content: "\F5CF"
    }

    .fa-wizards-of-the-coast:before {
        content: "\F730"
    }

    .fa-wolf-pack-battalion:before {
        content: "\F514"
    }

    .fa-won-sign:before {
        content: "\F159"
    }

    .fa-wordpress:before {
        content: "\F19A"
    }

    .fa-wordpress-simple:before {
        content: "\F411"
    }

    .fa-wpbeginner:before {
        content: "\F297"
    }

    .fa-wpexplorer:before {
        content: "\F2DE"
    }

    .fa-wpforms:before {
        content: "\F298"
    }

    .fa-wpressr:before {
        content: "\F3E4"
    }

    .fa-wrench:before {
        content: "\F0AD"
    }

    .fa-x-ray:before {
        content: "\F497"
    }

    .fa-xbox:before {
        content: "\F412"
    }

    .fa-xing:before {
        content: "\F168"
    }

    .fa-xing-square:before {
        content: "\F169"
    }

    .fa-y-combinator:before {
        content: "\F23B"
    }

    .fa-yahoo:before {
        content: "\F19E"
    }

    .fa-yammer:before {
        content: "\F840"
    }

    .fa-yandex:before {
        content: "\F413"
    }

    .fa-yandex-international:before {
        content: "\F414"
    }

    .fa-yarn:before {
        content: "\F7E3"
    }

    .fa-yelp:before {
        content: "\F1E9"
    }

    .fa-yen-sign:before {
        content: "\F157"
    }

    .fa-yin-yang:before {
        content: "\F6AD"
    }

    .fa-yoast:before {
        content: "\F2B1"
    }

    .fa-youtube:before {
        content: "\F167"
    }

    .fa-youtube-square:before {
        content: "\F431"
    }

    .fa-zhihu:before {
        content: "\F63F"
    }

    .sr-only {
        border: 0;
        clip: rect(0,0,0,0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .sr-only-focusable:active, .sr-only-focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
    /*!
 * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
    @font-face {
        font-family: Font Awesome\ 5 Brands;
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(Images/Socialmedia/fa-brands-400.eot);
        src: url(fa-brands-400.eot?#iefix) format("embedded-opentype"),url(Images/Socialmedia/fa-brands-400.woff2) format("woff2"),url(Images/Socialmedia/fa-brands-400.woff) format("woff"),url(Images/Socialmedia/free-fa-regular-400.ttf) format("truetype"),url(fa-brands-400.ttf) format("truetype"),url(Images/Socialmedia/fa-brands-400.svg#fontawesome) format("svg")
    }

    .fab {
        font-family: "Font Awesome 5 Brands"
    }
    /*!
 * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
    @font-face {
        font-family: Font Awesome\ 5 Free;
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(Images/Socialmedia/fa-regular-400.eot);
        src: url(Images/Socialmedia/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(Images/Socialmedia/fa-regular-400.woff2) format("woff2"),url(Images/Socialmedia/free-fa-regular-400.ttf) format("truetype"),url(Images/Socialmedia/fa-regular-400.woff2) format("woff2"),url(Images/Socialmedia/fa-regular-400.woff) format("woff"),url(Images/Socialmedia/fa-regular-400.ttf) format("truetype"),url(Images/Socialmedia/fa-regular-400.svg#fontawesome) format("svg")
    }

    .far {
        font-weight: 400
    }
    /*!
 * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

 *Button Style
 */
    @font-face {
        font-family: Font Awesome\ 5 Free;
        font-style: normal;
        font-weight: 900;
        font-display: swap;
        src: url(/Content/Images/Socialmedia/fa-solid-900.eot);
        src: url(/Content/Images/Socialmedia/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/Content/Images/Socialmedia/fa-solid-900.woff2) format("woff2"),url(/Content/Images/Socialmedia/fa-solid-900.woff) format("woff"), url(/Content/Images/Socialmedia/fa-solid-900.ttf) format("truetype"),url(/Content/Images/Socialmedia/fa-solid-900.svg#fontawesome) format("svg")
    }

    .fa, .far, .fas {
        font-family: "Font Awesome 5 Free"
    }

    .fa,
    .fas {
        font-weight: 900;
    }

    .shariff:after,
    .shariff:before
    .shariff:after {
        clear: both
    }

    .shariff ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .shariff li {
        overflow: hidden
    }

        .shariff li,
        .shariff li a {
        }

            .shariff li a {
                display: inline-block;
                min-width: 30px;
                text-align: center;
                color: darkgray !important;
                overflow: hidden;
            }


            .shariff li .fab {
                margin-left: auto;
                margin-right: auto;
                margin-top: 10px;
            }

            .shariff li .far {
                margin-left: auto;
                margin-right: auto;
                margin-top: 10px;
            }

            .shariff li
            .fas {
                margin-left: auto;
                margin-right: auto;
                margin-top: 12px;
            }
    /* Facebook Button */
    .shariff .facebook a:hover {
        background-color: #4273c8;
    }

    .shariff .facebook .fa-facebook-f {
        font-size: 16px;
        top: 10px;
    }

        .shariff .facebook .fa-facebook-f:hover {
            font-size: 16px;
            color: white;
            -webkit-transform: scale(1.4);
            transform: scale(1.4);
        }

    .shariff .facebook .fa-facebook-f {
        font-size: 16px;
    }
    /* Mail Button */
    .shariff .mail a {
        background-color: transparent
    }

        .shariff .mail a:hover {
            background-color: orangered;
        }

        .shariff .mail a .fa-envelope {
            font-size: 16px;
            ;
            color: darkgray;
            top: 15px;
        }

    .shariff .mail .fa-envelope:hover {
        font-size: 16px;
        color: white;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }

    .shariff .mail .fa-envelope {
        font-size: 16px;
    }
    /* Twitter Button */
    .shariff .twitter a:hover {
        background-color: #32bbf5;
    }

    .shariff .twitter .fa-twitter {
        font-size: 25px;
        color: darkgray;
        top: 10px;
    }

        .shariff .twitter .fa-twitter:hover {
            font-size: 16px;
            color: white;
            -webkit-transform: scale(1.4);
            transform: scale(1.4);
        }

    .shariff .twitter .fa-twitter {
        font-size: 16px;
    }
    /* Linkedin Button */
    .shariff .linkedin a:hover {
        background-color: #32bbf5;
    }

    .shariff .linkedin .fa-linkedin-in {
        font-size: 16px;
        color: darkgray;
        top: 10px;
    }

    .shariff .linkedin a .fa-linkedin-in:hover {
        font-size: 16px;
        color: whitesmoke;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }

    .shariff .linkedin a .fa-linkedin-in {
        font-size: 16px;
    }
    /* Xing Button */

    .shariff .xing a:hover {
        background-color: rgb(50, 105, 40);
    }

    .shariff .xing a .fa-xing:hover {
        font-size: 16px;
        color: white;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }

    .shariff .xing a .fa-xing {
        font-size: 16px;
    }
    /* Whatsapp Button */

    .shariff .whatsapp a:hover {
        background-color: #5cbe4a;
    }

    .shariff .whatsapp a .fa-whatsapp:hover {
        font-size: 16px;
        color: white;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }

    .shariff .whatsapp a .fa-whatsapp {
        font-size: 16px;
    }
    /* Dropup Fenster */

    .dropup {
        position: relative;
        display: inline-block;
    }

    .dropup-content {
        display: none;
        background-color: white;
    }


        .dropup-content a:hover {
            background-color: transparent
        }

    .dropup:hover .dropup-content {
        display: block;
    }
    /* Share Button */


    .social-btns {
        height: 30px;
        font-size: 25px;
        text-align: left;
    }


        .social-btns span:hover {
            background-color: rgba(250, 200, 45,1);
            cursor: pointer;
            padding-left: 2px;
            padding-right: 2px;
        }

        .social-btns .btn {
            min-width: 20px;
            line-height: 20px;
            margin: 0;
            position: relative;
            border-radius: 40%;
            box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);
            opacity: 0.99;
        }


            .social-btns .btn:before {
                width: 20px;
                height: 20px;
            }

            .social-btns .btn .fa {
                font-size: 16px;
                color: darkgray;
                width: 100%;
                height: 100%;
            }

    .extraColor {
        max-width: 45px;
    }

    .placefolderExtra {
        color: #CACACD !important;
    }

    .social-li {
        background-color: transparent;
        width: 10%;
        height: 10%;
        list-style-type: none;
        position: relative;
        float: left;
    }

    .social-ul {
        margin-bottom: 0px;
    }

    .elementMenu {
        padding-top: 5px;
        margin-bottom: 5px;
    }

        .elementMenu:hover {
            color: #e7bb70 !important;
        }

    .elementPaddingUnderProfile {
        margin-left: 60px;
    }
    /* profile */

    .hidden {
        display: none !important;
    }

    tbody tr:nth-child(even) {
        /* border-bottom: 0;
    background-color: transparent;*/
    }

    .fa, .fas {
        font-weight: 900;
        font-size: 14px;
    }

    input {
        margin: 0 !important;
        padding-left: 6px;
    }
    /*Autocomplete*/


    .ui-autocomplete {
        max-height: 200px;
        overflow-y: scroll;
        overflow-x: hidden;
        z-index: 200;
    }

        .ui-autocomplete > li {
            padding: 3px 20px;
            z-index: 4;
        }

            .ui-autocomplete > li.ui-state-focus {
                background-color: #DDD;
            }

    .ui-state-hover, .ui-state-active {
        color: white;
        text-decoration: none;
        background-color: #fac82b;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        background-image: none;
    }

    .ui-autocomplete.ui-state-hover, .ui-autocomplete.ui-state-active {
        color: white;
        text-decoration: none;
        background-color: #fac82b;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        background-image: none;
    }

    .ui-helper-hidden-accessible {
        display: none;
    }




    .imageElement {
        height: 30px;
        width: 25px;
        padding: 3px;
    }

    .imageElementFlag {
        height: 16px;
        width: 16px;
        border: solid 1px black;
        margin: 3px;
    }

    .glyphiconMini {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 15px;
        margin-right: 10px;
    }

    .ui-menu-item {
        background-color: white;
        color: grey;
    }

        .ui-menu-item:hover {
            background-color: #fac82b;
            color: white;
        }

        .ui-menu-item:focus {
            background-color: #fac82b;
            color: white;
        }

        .ui-menu-item:active {
            background-color: #fac82b;
            color: white;
        }

    #ui-id-1 {
        position: absolute !important;
        z-index: 12;
        width: auto;
    }

    .autocompleteAuto {
        width: auto;
    }

    .autocompleteMin {
        width: 150px !important;
    }

    .collapsible {
        background-color: transparent;
        color: #444;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
    }
        /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
        .collapsible:hover {
            background-color: #ccc;
        }
    /* Style the collapsible content. Note: hidden by default */
    .content {
        padding: 0 18px;
        display: none;
        overflow: hidden;
        background-color: #f1f1f1;
    }

    .orbit-bullets button {
        vertical-align: top;
    }

    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    table {
        border-color: transparent;
    }
    /*Error*/
    .panel {
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px;
        /* -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);*/
    }

    .panel-body {
        padding: 15px;
    }




    .panel-heading {
        padding: 10px 10px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        color: inherit;
    }

.panel-default {
    border-color: transparent;
}

        .panel-default > .panel-heading {
            color: #333;
        }

    .container:before,
    .container:after,
    .row:before,
    .row:after,
    .panel-body:before,
    .panel-body:after {
        display: table;
        content: " ";
    }

    .labelBold h3 {
        font-weight: bold !important;
    }
    /* selection class with links*/
    .elementListFilter {
        max-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
        list-style: none;
        background-color: white;
        color: black;
        cursor: pointer;
        z-index: 1;
    }
        /* Select List */
        .elementListFilter ol {
            list-style: none;
            margin-left: 0px;
            /*border-bottom: 1px solid gray;
        border-left: 1px solid gray;
        border-right: 1px solid gray;*/
        }

        .elementListFilter ol {
            list-style: none;
            margin-left: 1rem;
        }

        .elementListFilter li {
            padding-bottom: 5px;
            padding-top: 5px;
        }

        .elementListFilter div {
            padding-bottom: 5px;
            padding-top: 5px;
            margin-left: 1rem;
        }

    .floatingLabel {
        top: -50px;
        font-size: 10px;
        background-color: white;
        position: relative;
        width: fit-content;
        margin-left: 5px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .labelBold {
        font-weight: bold;
    }

    .extraReveal {
        padding: 0px !important;
    }

    .marginExtraFormGender {
        margin-bottom: 0 !important;
    }


    .styleInput {
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .positionChangelist {
        z-index: 11;
        max-height: 0;
    }

    .elementListFilterExtra a {
        color: #2ba6cb !important;
    }

    .elementListFilterExtra {
        max-height: 220px;
        border-bottom: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        float: left;
        width: auto;
        padding-right: 8px;
    }

    .elementListFilterExtraMini a {
        color: #2ba6cb !important;
    }



    .fa-times-circle {
        cursor: pointer;
    }

    .elementListFilterExtraMini {
        max-height: 220px;
        border-bottom: 1px solid gray;
        border-left: 1px solid gray;
        border-right: 1px solid gray;
        float: left;
        width: 100%;
        padding-right: 8px;
    }

    .container:after,
    .row:after,
    .panel-body:after {
        clear: both;
    }

    tbody, tfoot, thead {
        border: 0px solid #f1f1f1;
        background-color: transparent !important;
    }

    .marginButtonRight {
        margin-right: 12%;
    }

    tbody td, tbody th {
        padding: .2rem .125rem .125rem;
    }

    .elementLinkFilterIndex {
        border-radius: 3px;
        border: 1px solid #cacaca;
        background-color: white !important;
        color: darkgrey;
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0rem 0;
        padding: 0.5em 1em;
        cursor: pointer;
    }

    .elementLinkFilter {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border: 1px solid #cacaca;
        background-color: white !important;
        color: darkgrey;
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 0;
        padding: 0.35em 1em;
        cursor: pointer;
    }

    .valueList {
        padding-left: 3px;
    }

        .valueList:hover {
            background-color: #fac82b !important;
        }

    ui-menu-item:hover {
        background-color: #fac82b !important;
    }

    ui-menu-item-wrapper:hover {
        background-color: #fac82b !important;
    }

    colorChangeAutoList:hover {
        background-color: #fac82b !important;
    }


    .elementLabelSelect {
        padding-left: 80px;
    }

    .styleElem {
        min-height: 70px !important;
    }

        .styleElem img {
            max-height: 80px !important;
            width: 60px;
        }

    .elementSucheDelete {
        border-radius: 10px;
        /*border: 1px solid #cacaca;*/
        background-color: rgba(250, 200, 45,0.1) !important;
        color: black;
        vertical-align: middle;
        margin: 0 0 0.5rem 0;
        padding: 0.3em 0.3em;
        padding-right: 10px;
        height: 35px !important;
    }

    .elementColorLabelType {
        color: rgba(250, 200, 45,1) !important;
    }



    #umkreisFilter {
        color: #2ba6cb !important;
    }

        #umkreisFilter div:hover {
            color: #fac82b !important;
        }


    .formErrorContent {
        background-color: indianred !important;
    }

    .formErrorArrow div {
        background-color: indianred !important;
    }

    .fasSelect {
        padding-top: 5px;
        cursor: pointer;
        padding-left: 10px;
    }

    .fasSelectVOffice {
        cursor: pointer;
        padding-left: 10px;
    }

    .fasSelectDelete {
        cursor: pointer;
        padding-left: 5px;
        padding-top: 5px;
    }

    .ortFarbe {
        /*color: dodgerblue;*/
        cursor: pointer;
    }

    .plzFarbe {
        cursor: pointer;
        color: dodgerblue;
    }

    .elementFilter {
        padding-left: 15px;
    }

    @font-face {
        font-family: Gudea;
        src: url(Gudea/Gudea-Regular.ttf);
        font-display: swap;
    }

    .grid-element-container {
        max-width: 105rem !important;
    }

    .grid-element-container2 {
        /*max-width: 96rem !important;*/
    }

    tbody tr:nth-child(even) {
        border-bottom: 0;
    }

    .videoAnruf {
        font-weight: bold;
        font-style: oblique;
        margin-left: 5px;
        padding-right: 12px;
    }

    .zahlStylePre {
        /*margin-left: 10px;*/
    }

    .zahlStyle {
        /*font-style: oblique;
        font-size: 18px;*/
    }

    .elemTopMargin {
        margin-top: 5px;
    }

    .card-dividerList {
        background-color: transparent !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .radius-card-divider-gruen {
        border-top: 1px solid #4caf50;
        border-right: 12px solid #4caf50;
        border-top-right-radius: 8rem;
    }

    .radius-card-divider-orange {
        border-top: 1px solid rgba(250, 200, 45, 1);
        border-right: 12px solid rgba(250, 200, 45, 1);
        border-top-right-radius: 8rem;
    }

    .radius-card-divider-grey {
        border-top: 1px solid #868786;
        border-right: 12px solid #868786;
        border-top-right-radius: 8rem;
    }


    .selectButtonsStyle {
        border-radius: 3px;
        border: 1px solid #cacaca;
        background-color: white !important;
        color: darkgrey !important;
        min-width: 100%;
    }

    .elementSizeLoginLabel label {
        font-size: 16px;
    }

    .vofficeLogoTitle {
        font-size: 18px !important;
        /*font-weight: bold;*/
        float: left;
        cursor: pointer !important;
        display: block;
        margin: 0;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.8;
        color: #0a0a0a;
    }


    .officeClickLogo {
        width: 30px;
        margin-right: 10px;
        margin-bottom: 5px;
    }



    .infovOffice {
        font-size: 16px;
    }

    .vofficeColor {
        cursor: pointer !important;
        color: #2ba6cb;
    }
    /*modal open*/
    .maxGroße {
        max-height: 220px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .elementModalProfile {
        top: -1400px;
    }

    .colorChangeAutoList {
        cursor: pointer;
    }
    /* Style the buttons that are used to open and close the accordion panel */
    .elementLabelSelect {
    }

    .fasColorProfile {
        color: #fac82d;
        cursor: pointer;
    }

    .centerVertical {
        margin-bottom: 22px;
    }



    .elementCenterAlign {
        text-align: center;
    }

    .accordionLabel {
        font-weight: 600;
        hyphens:auto;
        /*color: #fac82d;*/
    }

    .accordion > fas {
        font-size: 24px;
        color: black;
    }

    .accordion {
        padding: 15px;
        width: 100%;
        margin: .7px 0;
        text-align: left;
        font-size: 18px;
        outline: none;
        transition: 0.4s;
        border: 1px solid whitesmoke;
        border-radius: 5px;
    }

    .formError {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin-top: 0 !important;
        border: none;
        -webkit-box-shadow: none;
        z-index: 0 !important;
    }

    .formErrorContent {
        z-index: 0 !important;
    }

.formErrorArrow div {
    width: 100%;
    background: transparent !important;
        position: relative !important;
    color: transparent !important;
    display: none;
    min-width: 120px;
    font-size: 11px;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    padding: none;
    border-radius: none;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    -o-border-radius: none;
    border: none !important;
    -webkit-box-shadow: none !important;
}

    .heightExtra {
        height: 80px;
    }

    .heightExtraStandOrt {
        height: 60px;
    }

    .formErrorContent {
        width: 100%;
        background: white !important;
        position: relative !important;
        color: red !important;
        min-width: 120px;
        font-size: 13px !important;
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        padding: 0px 0px 0px 5px !important;
        border-radius: none;
        -moz-border-radius: none;
        -webkit-border-radius: none;
        -o-border-radius: none;
        border: none !important;
        -webkit-box-shadow: none !important;
    }


    .accordionExtra {
        background-color: white;
        color: grey;
        padding: 30px;
        width: 100%;
        text-align: left;
        font-size: 25px;
        outline: none;
        transition: 0.4s;
        border: 1px solid whitesmoke;
    }

    .accordionPreview {
        background-color: white;
        color: grey;
        padding-top: 30px;
        padding-bottom: 10px;
        width: 100%;
        font-size: 25px;
        outline: none;
        transition: 0.4s;
    }

    .extraButtonPadding {
        padding: 2px 12px !important;
    }

    .extraFarbe {
        background: rgba(250,200,45,1) !important;
    }


    .accordionCursor {
        cursor: pointer;
        line-height: 1.3 !important;
    }
    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    .accordion:hover {
        border: 1px solid whitesmoke;
    }
    /* Style the accordion panel. Note: hidden by default */
    .panelAccordion {
        background-color: white;
        max-height: 0;
        overflow-x: hidden;
        overflow-y: hidden;
        transition: max-height 0.2s ease-out;
        box-shadow: 0 1px 1px rgba(0,0,0,.05) !important;
    }

    .panelAccordionMini {
        background-color: white;
        max-height: 0;
        overflow-x: auto;
        overflow-y: hidden;
        transition: max-height 0.2s ease-out;
        box-shadow: 0 1px 1px rgba(0,0,0,.05) !important;
    }

    .buttonChange {
        color: #fac82d;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        background-color: transparent !important;
        padding-bottom: 5px;
        text-decoration: none;
    }

    .buttonChangeKanzleiServices {
        color: #fac82d;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        background-color: transparent !important;
    }

    .buttonChange:hover {
        color: #2ba6cb !important;
    }

    .mtopProfile {
        padding-top: 58px;
    }

    .pbExtra {
        padding-bottom: 19px;
    }

    #cke_1_contents {
        height: 226px !important;
    }

    #cke_2_contents {
        height: 226px !important;
    }

    #cke_3_contents {
        height: 226px !important;
    }

    .mt6 {
        margin-top: 90px
    }

    .prExtra2 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }


    .buttonPos {
        margin-left: 10px !important;
    }

    .marginExtraSterne {
        margin-left: 5px;
    }


    .cursorExtra {
        cursor: pointer;
    }

    .zoomOutButton {
        background-color: white;
        background-image: url(/Content/Images/bundesland/Germany-Outline.svg) !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 30px;
        height: 30px;
        padding: 15px;
        cursor: pointer !important;
    }

    .elementClick {
        cursor: pointer !important;
    }

        .elementClick:hover {
            color: #2ba6cb !important;
        }

    .ladenImagePreTV {
        width: auto;
    }

    .ladenImagePreSave {
        width: auto;
        background-color: white;
        height: auto;
        position: relative;
        z-index: auto;
    }

    .ladenImage {
        background-image: url(/Content/Images/ajax-loader.gif);
        background-repeat: no-repeat;
        padding-top: 10px;
        width: 25px;
        height: 25px;
        float: right;
    }

    .ladenImageSave {
        background-image: url(/Content/Images/ajax-loader.gif);
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        float: right;
    }


    .ladenElementProfile {
        height: 800px;
    }

    .ladenImageSaveProfile {
        background-image: url(/Content/Images/ajax-loader.gif);
        background-repeat: no-repeat;
        width: 100px;
        height: 100px;
    }


    .editWidth {
    }

    .fasColorProfile:hover {
        color: #2ba6cb !important;
    }

    .bgwhite {
        background-color: white;
        padding-top: 5px;
    }

    #bueroTable tbody tr {
        margin-bottom: 5px !important;
    }

    .paddingSet {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .elemSelectAdd {
        /* max-width: 200px;
    min-width: 90px;
 */
    }

    .elemButtonAdd {
    }

    #addNeuBueroZeiten {
        /*max-width:600px;
    min-width:450px;
    width: auto;*/
    }

    #bueroTable tbody tr:nth-child(even) {
        background-color: white !important;
    }

    #bueroTableAdd tbody tr:nth-child(2n) {
        background-color: transparent !important;
    }

    .elementLoginOff {
        height: 100% !important;
        list-style: none;
        background-color: white;
        padding-left: 0px;
        padding-right: 0px;
        z-index: 3;
        color: black;
        cursor: pointer;
    }

    .labelElementLogin label {
        color: #258faf !important;
    }

    .labelElementLogin > span > a {
        padding-left: 16px !important;
        border-top: solid 1px lightgray;
    }

    .elementLoginBorder a {
        display: block !important;
        color: #258faf !important;
        width: 100%;
        text-align: left !important;
        font-size: 15px !important;
        padding: 8px 16px !important;
    }

    #DASD-logo {
        max-width: 150px;
        height: auto;
    }

    .elementLoginBorder a:hover {
        background-color: white !important;
    }

    .elementLoginBorder {
    }

    .paddingLeft5 {
        padding-left: 6px;
    }

    .bewertungStyleTitleExtra {
        font-size: 20px;
    }

    .bewertungStyleTitle {
        font-size: 20px;
        /*text-decoration: underline;*/
    }

    .sterneSubStyleList {
        float: left;
        height: 100%;
        margin-bottom: 20px;
    }

    .pbExtraProfile {
        padding-bottom: 5px;
    }

    .ptExtraProfileNew {
        padding-top: 4px;
    }

    .bewertungStyleKommentUnter {
        border-bottom: solid 1px #BEBEBE;
        margin-left: 5px;
        /*margin-right: 5px;*/
    }

    .bewertungStyleKomment {
        /* border: solid 1px black; */
        word-wrap: break-word;
        margin-left: 5px;
    }

    tbody tr:nth-child(2n) {
       /* border-bottom: 0;
        background-color: transparent !important;*/
    }

    .form-error {
        display: none;
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
        padding-left: 5px;
        padding-right: 5px;
        font-size: .75rem;
        font-weight: 700;
        color: #c60f13;
        border: solid 1px;
        position: absolute;
        opacity: 1 !important;
        z-index: 1049 !important;
        border-radius: 5px;
        background-color: white;
    }
    /*Stars*/

    .fa-starStyle {
        color: lightyellow;
        font-size: 20px !important;
        margin: 5px;
        text-shadow: 0 0 3px #000;
    }

    .stars-outer {
        display: inline-block;
        position: relative;
        font-family: FontAwesome;
    }

        .stars-outer::before {
            content: "\f006 \f006 \f006 \f006 \f006";
        }

    .stars-inner {
        position: absolute;
        top: 0;
        left: 0;
        white-space: nowrap;
        overflow: hidden;
        width: 0;
    }

        .stars-inner::before {
            content: "\f005 \f005 \f005 \f005 \f005";
            color: white;
        }

    .textAreaBewertung {
        height: 200px;
        margin: 0px;
    }

    .sterneStatus {
        cursor: pointer;
    }

    .sterneGrauMini {
        background: url("/Content/Images/Sterne/SterneBeigeMini.png");
        width: 75px;
        height: 22px;
    }

    .sterneGelbMini {
        background: url("/Content/Images/Sterne/SterneGelbMini.png");
        height: 100%;
    }


    .sterneGrau {
        background: url("/Content/Images/Sterne/SterneBeige4.png");
        min-width: 179px;
        height: 70px;
        margin-left: -11px;
    }

    .maxStyleWidth {
        width: 70%;
    }

    .sterneGelb {
        background: url("/Content/Images/Sterne/SterneGelb4.png");
        height: 100%;
    }
    .sterneGelbExtra {
        background: url("/Content/Images/Sterne/SterneGelb4.png");
        height: 100%;
    }
    .sterneBeigeWeiss {
        background: url("/Content/Images/Sterne/SterneBeigeWeiss.png");
        width: 135px;
        height: 25px;
    }

    .sterneGelbWeiss {
        background: url("/Content/Images/Sterne/SterneGelbWeiss.png");
        height: 100%;
    }

    .buttonExtraBewerten {
        margin-top: 22px
    }

    .farbeExtra {
        background-color: gray !important;
    }

    .farbeNew {
        color: rgba(250, 200, 45,1) !important;
        font-size: 15px;
        padding-right: 20px;
        padding-top: 6px;
    }

    .sterneElementsBF {
        margin-left: -5px;
    }

    .paddingLeftElement {
        margin-left: -1px !important;
    }

    .backgroundYellow {
        background-color: rgba(250, 200, 45,1);
        padding: 5px 10px 5px 5px;
    }

    .elementBewertungBorderLeft {
        border-left: solid 5px rgba(250, 200, 45,1);
        margin-bottom: 5px;
        margin-left: 4px;
    }

    .mlExtraBewertung {
        margin-left: 2px !important;
    }

    .smallSizeBewertungInfo {
        font-size: 12px;
        margin-left: 5px;
    }

    .footer-twitter-weiss {
        height: 40px;
        width: 50px;
        background-color: white;
        bottom: 0;
        left: 0;
        height: 40px;
        width: 40px;
        border-radius: 5px;
    }

        .footer-twitter-weiss:hover {
            color: darkgray;
            background-color: #1E90FF;
            transition: all 300ms ease-in-out;
        }

    .footer-linkedin-weiss {
        height: 40px;
        width: 50px;
        background-color: white;
        bottom: 0;
        left: 0;
        height: 40px;
        width: 40px;
        border-radius: 5px;
    }

    .footer-linkedin span {
        color: #333333;
        padding-top: 6px;
        font-size: 30px
    }

    .footer-linkedin-weiss:hover {
        background-color: cornflowerblue;
        transition: all 300ms ease-in-out;
        color: white;
    }

    .switch.large .switch-paddle {
        font-size: 12px;
        font-weight: 300;
    }

    .googleList li {
        margin-left: 35px;
    }

    .switch-inactive {
        right: 12%;
    }

    .styleZahl {
        font-size: .775rem;
        color: gray;
    }

    .sizeTextInfoCheckbox {
        font-size: .875rem;
    }

    .textExtraInfoUnder {
        display: block;
        overflow: hidden;
    }

    .modalStyleTitle {
        color: #aaa;
        font-size: 20px;
        font-weight: bold;
    }

    .extramarginCheck {
        margin-top: 5px !important;
        margin-right: 10px !important;
    }

    .formErrorContent {
        line-height: 1.3 !important;
    }

    .sizeElementsinfo {
        width: 70%;
    }

    .msgExtraStyle {
        position: absolute;
        border: solid gray 1px;
        border-radius: 6px;
        font-size: 24px;
        background-color: white;
        padding: 25px;
    }

    .withoutLinkStyle {
        color: #0a0a0a;
        text-decoration: none;
        cursor: pointer !important;
    }

        .withoutLinkStyle:hover {
            color: #0a0a0a;
            text-decoration: none;
            cursor: pointer !important;
        }

        .withoutLinkStyle:not(:hover) {
            color: #0a0a0a;
            text-decoration: none;
            cursor: pointer !important;
        }

    .blogSubElementListStyle {
        background-color: white;
        min-height: 260px;
    }

    .orbit-container .orbit-prev, .orbit-container .orbit-next {
        z-index: 10000;
    }

    .orbit-container .orbit-timer {
        z-index: 10000;
    }

    .noPaddingUnter {
        margin-bottom: 0px !important;
    }

    .orbit-next, .orbit-previous {
        color: transparent !important;
        cursor: pointer !important;
        background-color: transparent !important;
    }

        .orbit-next:hover, .orbit-previous:hover {
            color: white !important;
            background-color: dimgrey !important;
        }

        .orbit-next:active, .orbit-previous:active {
            /*background-color: transparent !important;*/
        }

        .orbit-next:focus, .orbit-previous:focus {
        }

    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: dimgray;
        min-width: 200px;
        overflow: auto;
        color: white;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

        .dropdown-content a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            cursor: pointer;
        }

    .show {
        display: block;
    }
    /*Brak*/

    .styleButtonBrak {
        background-color: rgba(250,200,45,1);
        text-align: center;
        padding: 5px 10px 5px 10px !important;
        border-radius: 3px;
    }

    .extraPaddingTop {
        margin-top: 41px;
    }

    .elemChangeNameListBrak {
        font-size: 1.13rem;
        color: rgba(0, 0, 0, .8);
        text-decoration: none;
    }

    /*Blog Design*/
    .overFlowSubTitel {
        max-height: 45px;
        margin-top: 10px;
        overflow: hidden;
        font-style: italic;
        font-size: x-small;
        margin-bottom: 10px !important;
    }

    .overFlowTitel a {
        color: black !important;
        font-weight: 600;
        color: black;
    }

    .overFlowSubTitel p {
        line-height: 1rem !important;
    }

    .imageElementExtra {
        border-radius: 5%;
        width: 100px;
        height: 100px;
        float: right;
        position: relative;
        margin: 5px;
        padding: 12px;
    }

    .imageElementExtraNew img {
        border-radius: 5%;
    }

    .extrapaddingTop {
        margin-top: 6px;
    }

    .imageElementExtraNew {
        height: auto;
        width: auto;
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 100px;
        background-color: transparent;
        position: relative;
        overflow: hidden;
        border-radius: 5%;
    }

    #listElementResult div {
        cursor: pointer;
    }

    #contentContainerBasis {
        overflow-y: auto;
    }


    .marginExtraRightDiv {
        padding-left: 30px;
    }

    .marginExtraLeftDiv {
        padding-right: 30px;
    }

    .padding12Top {
        padding-top: 42px;
    }

    #elementLeft {
        /* min-height: 250px !important;*/
    }

    #elementRight {
        /* min-height: 250px !important;*/
    }
    /*brakForm*/
    #ButtonIdYellowUnder {
        color: black;
        border-radius: 3px;
    }


    .blackExtraStyle {
    }

    #elementLeft {
        padding-right: 22.5px;
    }

    #elementRight {
        padding-right: 15px;
        padding-left: 7.5px;
    }

    .elemChangeNameListBrak {
        padding-right: 15px;
    }

    .marginLeftExtraBrak {
        padding-left: 15px;
    }

    @media screen and (max-width: 1360px) {
        .padding12Top {
            padding-top: 16px;
        }
    }

    .elementSucheDeleteBlog {
        height: auto;
    }



    .marginExtraTV {
        margin-left: 18px !important;
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }


    .pointerExtra {
        cursor: pointer;
        margin-right: 15px;
    }

        .pointerExtra a {
            color: black !important;
        }

    @media screen and (max-width: 650px) {
        .padding12Top {
            padding-top: 12px;
        }

        .kasteMitte {
            height: 150px !important;
        }

        .marginExtraTV {
            margin-left: 0 !important;
            padding-right: 0;
            padding-left: 0;
        }

        .pointerExtra {
            cursor: pointer;
            margin-right: 0px;
        }
    }

    #yellowButtonParent {
    }

    #brakAnwaltSubpanel {
        display: flex;
    }

    #ButtonIdYellowUnder {
        align-self: flex-end;
    }

    #brakAnwaltSubpanel {
        min-height: 250px;
    }

    #buttonExtraBrakProfile {
        padding-left: 15px;
    }

        #buttonExtraBrakProfile p {
            font-size: 1.13rem;
        }


    #elementLeftBrak {
    }

    @media screen and (max-width: 1023px) {
        #buttonExtraBrakProfile {
            padding-left: 0px;
        }

        .elemChangeNameListBrak {
            padding-right: 0px;
        }

        #elementRight {
            padding-right: 0px;
            padding-left: 0px;
        }

        .marginLeftExtraBrak {
            padding-left: 0px;
        }

        footer {
            position: relative !important;
        }

        .elemChangeNameListBrak a {
            padding: 5px;
            hyphens: auto;
        }

        #ButtonIdYellowUnder {
            color: black;
            border-radius: 3px;
            margin-top: 15px;
            position: relative;
        }

        .marginExtraRightDiv {
            padding-left: 0px;
        }

        .marginExtraLeftDiv {
            padding-right: 0px;
        }
    }


    .overFlowTextTV {
        padding: 0.3rem;
        width: 229px;
        height: 80px;
        overflow: hidden;
        font-display: inherit;
        word-wrap: break-word;
        margin-bottom: 3px !important;
        padding-left: 1rem;
        padding-right: 1rem;
        line-height: 1.5em;
    }

    #brakAnwaltSubpanel {
    }


    .addBorderBrakProfile {
        border: 1px solid #7f7f7f;
    }

    #recommendationButton {
        background-color: forestgreen;
        align-self: flex-end;
    }

        #recommendationButton a {
            color: white;
        }

    .translate-rotate {
        background-color: rgb(250, 200, 45);
        transform: rotate(315deg);
        text-align: center;
        position: absolute;
        bottom: 20px;
        right: -10%;
        width: 45%;
    }

        .translate-rotate:before {
            content: "";
            position: absolute;
            left: -8.5%;
            width: 22%;
            height: 30px;
            background-color: #fff;
            -webkit-transform: skew(45deg);
            -moz-transform: skew(45deg);
            -o-transform: skew(45deg);
            -ms-transform: skew(45deg);
        }

        .translate-rotate:after {
            content: "";
            position: absolute;
            right: -3px;
            width: 19%;
            height: 38px;
            background-color: #fff;
            -webkit-transform: skew(-40deg);
            -moz-transform: skew(-40deg);
            -o-transform: skew(-40deg);
            -ms-transform: skew(-40deg);
            transform: skew(-45deg);
        }

    .pr0Extra {
        padding-right: 0;
    }

    .pl0Extra {
        padding-left: 0;
    }

    .mr0Extra {
        margin-right: 0;
    }

    .ml0Extra {
        margin-left: 0;
    }

    .rotateFather {
        position: relative !important;
    }


    .nomediumlarge {
        display: block;
    }

    .datenschutz > h2 {
        font-size: 1.25rem;
    }

    .datenschutz > h3 {
        font-size: 1.1875rem;
    }



    @media screen and (min-width: 1024px) and (max-width: 1250px) {
        .translate-rotate {
            display: none;
        }

        .nomediumlarge {
            display: none;
        }

        .mediumlarge {
            display: block
        }
    }

    @media screen and (max-width: 550px) {
        .translate-rotate {
            display: none;
        }
    }

    @media screen and (min-width: 1250px) {
        .nomediumlarge {
            display: block;
        }

        .mediumlarge {
            display: none
        }
    }

    @media screen and (max-width: 1024px) {
        .nomediumlarge {
            display: block;
        }

        .mediumlarge {
            display: none
        }
    }

    @media screen and (max-width: 640px) {



        .custom-col-left {
            flex: 0 0 250px;
        }

        .reveal {
            height: auto !important;
            min-height: auto !important;
            width: 350px;
        }
    }

    @media screen and (max-width: 400px) {



        .custom-col-left {
            flex: 0 0 250px;
        }

        .reveal {
            height: auto !important;
            min-height: auto !important;
            width: 250px;
        }
    }

    .basisProfileStyle {
        margin-top: 200px !important;
    }

    #cke_1_contents > .cke_editable {
        background-color: lightgray;
    }

    .cke_editable {
        background-color: lightgray !important;
    }
    /* Card */

    /*.carta-box:hover .carta {
        transform: rotateY(180deg);
    }
    */
    /*
.carta-box {
   
   
    position: relative;
    perspective: 1000px;
}
 
.carta {
    transform-style: preserve-3d;
    transition: all 0.5s linear;
}


    .cara.detras {
        transform: rotateY(180deg);
    }


carta-box::before,
carta-box::after {
    content: "";
    width: 490px;
    height: 250px;
    position: absolute;
    left: -2px;
    top: -5px;
    z-index: -1;
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

carta-box::after {
    
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
}*/
.trumbowyg-button-pane, .trumbowyg-modal {
    z-index: 1 !important;
}
.trumbowyg-editor {
    background-color: white !important;
}


/*Hochladen Image*/



input[type="file"] {
    color: #e7ecff;
}

button {
    cursor: pointer;
    border: 0;
    border-radius: 12px;
    padding: 10px 14px;
    background: #5b7cff;
    color: white;
    font-weight: 650;
}

    button:disabled {
        opacity: .55;
        cursor: not-allowed;
    }

.preview {
    margin-top: 12px;
    display: none;
    gap: 12px;
    align-items: center;
}

    .preview img {
        width: 64px;
        height: 64px;
        object-fit: cover;
        border-radius: 12px;
        border: 1px solid rgba(255,255,255,.15);
    }

.progress-wrap {
    margin-top: 14px;
    display: none;
    gap: 10px;
    align-items: center;
}

.bar {
    position: relative;
    flex: 1;
    height: 14px;
    background: rgba(255,255,255,.10);
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
}

    .bar > .fill {
        height: 100%;
        width: 0%;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(91,124,255,.9), rgba(98,224,255,.9));
        transition: width .12s ease;
        position: relative;
    }


        .bar > .fill::after {
            content: "";
            position: absolute;
            inset: 0;
            transform: translateX(-60%);
            background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
            animation: shimmer 1.1s linear infinite;
            opacity: .75;
        }

@keyframes shimmer {
    to {
        transform: translateX(60%);
    }
}

.percent {
    width: 52px;
    text-align: right;
    font-variant-numeric: tabular-nums;
    opacity: .9;
}

.status {
    margin-top: 10px;
    font-size: 14px;
    opacity: .9;
    min-height: 1.4em;
}

.ok {
    color: #6CFFB4;
}

.err {
    color: #ff7b7b;
}

/*Fortschrittsbalken für das Hochladen von Bildern*/

.extraBar {
    height: 100%;
    width: 0%;
    background: #588c7e;
    color: white;
    text-align: center;
    line-height: 25px;
    margin-bottom: 3px;
}
.extraLaden {
    position: absolute;
    right: 24%;
}