/* common-fe :: common/css/common.css */
/* CSS zur Verwendung:
 *  - im Webportal: grundsaetzlich (alle Mandanten)
 *  - in der Fachadministration: grundsaetzlich
 *  - in der Fachadministration: im CKEditor fuer Beteiligungs-Texte
 */

/* Fonts ------------------------------------------------------------------------------------------------------------ */

@font-face {
    font-family: 'wingdings';
    src: local('Wingdings'),
    url("../fonts/wingdings/ms-wingdings.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wingdings2';
    src: local('Wingdings 2'),
    url("../fonts/wingdings/ms-wingdings-2.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wingdings3';
    src: local('Wingdings 3'),
    url("../fonts/wingdings/ms-wingdings-3.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* Base :: Defaults ------------------------------------------------------------------------------------------------- */

strong {
    font-weight: bold;
}
/* End Defaults ----------------------------------------------------------------------------------------------------- */


/* ===================================================================================================================
 * Fonticons
 * ===================================================================================================================*/

.nbp-fonticon:before {
    display: inline-block; /* remove text-decoration on hover */
}
.nbp-fonticon {
    cursor: default;
}
a .nbp-fonticon {
    cursor: pointer;
}

.nbp-iconsize-s {
    font-size: 14px;
}
.nbp-iconsize-m {
    font-size: 16px;   /* optimal für icomoon */
}
.nbp-iconsize-l {
    font-size: 24px;
}

.nbp-iconsize-12 {
    font-size: 12px;
}
.nbp-iconsize-13 {
    font-size: 13px;
}
.nbp-iconsize-22 {
    font-size: 22px;
}

.nbp-fi-center {
    text-align: center;
}
.nbp-fi-mr {
    padding-right: 0.25em;
}

.nbp-icon-text-right > span {
    /* vertical-align: middle; */
}
.nbp-icon-text-right .nbp-fonticon {
    text-align: left;
    transform: translateY(1px);
}
.nbp-icon-align-left {
    text-align: left;
}

.nbp-navicon-back {
    text-align: left;
    margin-right: 5px;
    vertical-align: -.1em;
}
.nbp-navicon-prev {
    text-align: left;
    margin-right: 5px;
    vertical-align: -.1em;
}
.nbp-navicon-next {
    text-align: right;
    margin-left: 5px;
    vertical-align: -.1em;
}
.nbp-navicon-home {
    text-align: left;
    margin-right: 5px;
}

/* Primefaces-Buttons :: Fonticons in Buttons */
.ui-button.ui-button-icon-only .ui-icon.nbp-fi {
    /* reset background-image */
    background: none repeat scroll 0 0 transparent !important;
    text-indent: 0;
    border-radius: 0;
    overflow: visible;
    /* position fonticon */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.5em;
    width: 1em;
    height: 1em;
}
.ui-button.ui-button-text-icon-left .ui-icon.nbp-fi {
    /* reset background-image */
    background: none repeat scroll 0 0 transparent !important;
    text-indent: 0;
    border-radius: 0;
    overflow: visible;
    /* position fonticon */
    position: initial;
    width: 1em;
    height: 1em;
    margin-top: -.2em;
    margin-right: .25em;
}
/* Override Progress Indicator on action https://github.com/primefaces/primefaces/issues/9296 (PF12) */
html .ui-state-loading.ui-button-text-only .ui-icon-loading + .ui-button-text {
    opacity: inherit;
}
html .ui-state-loading .ui-icon-loading {
    display: none !important;
}
html .ui-state-loading .ui-icon:not(.ui-icon-loading) {
    display: inherit;
}

/* End Fonticons ---------------------------------------------------------------------------------------------------- */


/* ===================================================================================================================
 * Chartcolors
 * ===================================================================================================================*/

.nbp-chartbg-01 { background: #4285f4; }
.nbp-chartbg-02 { background: #db4437; }
.nbp-chartbg-03 { background: #f4b400; }
.nbp-chartbg-04 { background: #0f9d58; }
.nbp-chartbg-05 { background: #ab47bc; }
.nbp-chartbg-06 { background: #00acc1; }
.nbp-chartbg-07 { background: #ff7043; }
.nbp-chartbg-08 { background: #9e9d24; }
.nbp-chartbg-09 { background: #5c6bc0; }
.nbp-chartbg-10 { background: #f06292; }
.nbp-chartbg-11 { background: #00796b; }
.nbp-chartbg-12 { background: #c2185b; }

.nbp-chartbg-others { background: #bdc3c7; }
.nbp-chartbg-unkwown { background: #7f8c8d; }

.nbp-chartbg-01-light { background: #6DA0F3; }
.nbp-chartbg-02-light { background: #DB6258; }
.nbp-chartbg-03-light { background: #F3CA56; }
.nbp-chartbg-04-light { background: #43A777; }
.nbp-chartbg-05-light { background: #B069BC; }
.nbp-chartbg-06-light { background: #4DB5C1; }
.nbp-chartbg-07-light { background: #FF8B67; }
.nbp-chartbg-08-light { background: #9D9D57; }
.nbp-chartbg-09-light { background: #7D87C0; }
.nbp-chartbg-10-light { background: #F087AB; }
.nbp-chartbg-11-light { background: #3C8780; }
.nbp-chartbg-12-light { background: #C24D7C; }

/* End Chartcolors -------------------------------------------------------------------------------------------------- */


/* ===================================================================================================================
 * NBP Beteiligung :: Text
 * ===================================================================================================================*/

.nbp-beteiligung-text {
    font-size: 14px;
    line-height: 1.5714;
}
.nbp-beteiligung-text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.nbp-beteiligung-text .document span {
    white-space: normal !important;
}
.nbp-beteiligung-text h1, .nbp-beteiligung-text h2, .nbp-beteiligung-text h3, .nbp-beteiligung-text h4, .nbp-beteiligung-text h5, .nbp-beteiligung-text h6 {
    color: #333;
    margin: 1em 0;
}
.nbp-beteiligung-text h1 {
    font-size: 26px;
}
.nbp-beteiligung-text h2 {
    font-size: 24px;
}
.nbp-beteiligung-text h3 {
    font-size: 22px;
}
.nbp-beteiligung-text h4 {
    font-size: 20px;
}
.nbp-beteiligung-text h5 {
    font-size: 18px;
}
.nbp-beteiligung-text h6 {
    font-size: 16px;
}


.nbp-beteiligung-text a {
    text-decoration: 1px underline dotted;
}
.nbp-beteiligung-text a:hover,
.nbp-beteiligung-text a:focus {
    text-decoration: 1px underline solid;
}
.nbp-beteiligung-text a > span {
    text-decoration: none !important;
}

.nbp-beteiligung-text ul,
.nbp-beteiligung-text ol {
    overflow: hidden; /* see https://stackoverflow.com/questions/710158/why-do-my-list-item-bullets-overlap-floating-elements */
    margin-left: 0;
    padding-left: 28px;
}
.nbp-beteiligung-text ul li {
    line-height: inherit !important; /* fix Word-Import */
}
.nbp-beteiligung-text ul li,
.nbp-beteiligung-text ul li ul li {
    list-style-image: none;
}
.nbp-beteiligung-text ul li {
    list-style-type: disc;
}
.nbp-beteiligung-text ul li ul li {
    list-style-type: circle;
}
.nbp-beteiligung-text ul li ul li ul li {
    list-style-type: square;
}
.nbp-beteiligung-text ul li ul li ul li ul li {
    list-style-type: disc;
}
.nbp-beteiligung-text ol li {
    list-style-type: decimal;
}
.nbp-beteiligung-text ol li ol li {
    list-style-type: lower-latin;
}
.nbp-beteiligung-text ol li ol li ol li {
    list-style-type: upper-roman;
}
.nbp-beteiligung-text ol li ol li ol li ol li {
    list-style-type: decimal;
}


.nbp-beteiligung-text p {
    margin-bottom: 10px !important;
}
.nbp-beteiligung-text .document > p,
.nbp-beteiligung-text .document > span {
    text-align: left !important;
}

.nbp-beteiligung-text table {
    width: 100% !important;
    margin-left: 0 !important;
    table-layout: auto !important;
    margin-bottom: 4px;
    border-collapse: collapse;
}
.nbp-beteiligung-text table td,
.nbp-beteiligung-text table th {
    vertical-align: top;
    padding: 4px !important;
}
.nbp-beteiligung-text table th {
    background: none #DCDCDC;
}
.nbp-beteiligung-text .bpw-tabelle th {
    background: none #DCDCDC !important;
}

.nbp-beteiligung-text table p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.nbp-beteiligung-text .bpw-tabelle,
.nbp-beteiligung-text .bpw-tabelle p,
.nbp-beteiligung-text .bpw-tabelle span {
    font-size: 12px !important;
}

/* Infobox */
.nbp-beteiligung-text table.GRAUERKASTEN td,
.nbp-beteiligung-text table.bpw-infobox td {
    padding: 8px !important;
    background-color: #EEEEEE !important;
}
.nbp-beteiligung-text table.GRAUERKASTEN p,
.nbp-beteiligung-text table.bpw-infobox p {
    margin-bottom: .6em !important;
}

/* Beschriftung */
.nbp-beteiligung-text .Beschriftung, /* Word-Standard */
.nbp-beteiligung-text .bpw-beschriftung {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0 !important;
}
/* Fett */
.nbp-beteiligung-text .FlietextFett1, /* OEOE */
.nbp-beteiligung-text .Fett, /* Word-Standard */
.nbp-beteiligung-text .bpw-text-fett {
    font-weight: bold;
}
/* Kursiv */
.nbp-beteiligung-text .Hervorhebung, /* Word-Standard */
.nbp-beteiligung-text .bpw-text-kursiv {
    font-style: italic;
}

/* Fussnoten */
.Funotentext,
.Funotentext span {
    font-size: 12px !important;
}
.Funotenzeichen /* Word */ {
    cursor: default;
}
.Funotenzeichen, /* Word */
.Funotentext .Funotenzeichen,
.nbp-beteiligung-text .bpw-tabelle .Funotenzeichen,
sub,
sup {
    font-size: 75% !important;
    font-weight: normal;
    line-height: 0;
    position: relative;
    vertical-align: baseline !important;
    padding-left: 2px;
}
.Funotenzeichen, /* Word */
.bpw-hochgestellt,
sup {
    top: -0.5em;
}
.bpw-tiefgestellt,
sub {
    bottom: -0.25em;
}

/* Bilder */
.nbp-beteiligung-text img {
    max-width: 100% !important;
    height: auto !important;
}
.nbp-beteiligung-text .nbp-image-add-popup {
    max-width: 100% !important;
    height: auto !important;
}
.nbp-beteiligung-text .bpw-bild-100 img {
    width: 100% !important;
    height: auto !important;
}
.nbp-beteiligung-text .bpw-bild-50 img {
    width: 50% !important;
    height: auto !important;
}
.nbp-beteiligung-text .bpw-icon img {
    margin: 0 4px;
}

/* Fachadministration */
.cke_editable.nbp-beteiligung-text {
    font-size: 14px;
}

/* Fachadministration :: Textpanel */
.nbp-textpanel-framebody {
    font-size: 14px;
    margin: 0;
    padding: 0;
    background: #ffffff;
}
.nbp-textpanel-framecontent {
    padding: 8px 12px 8px 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
    color: #2B323F;
}
.nbp-textpanel-text p:last-of-type {
    margin-bottom: 0 !important;
}
/* Im iFrame Links nicht klickbar schalten */
.nbp-textpanel-framecontent .nbp-textpanel-text a {
    pointer-events: none;
}

/* Smartphone */
@media screen and (max-width: 767px) {
    .nbp-beteiligung-gegenstand .nbp-beteiligung-text table {
        font-size: 12px;
    }
}
/* End NBP Beteiligung :: Text -------------------------------------------------------------------------------------- */


/* ===================================================================================================================
 * NBP Image-Preview :: Webportal, Fragebogen
 * ===================================================================================================================*/

.nbp-image--hover-icon {
    position: relative;
}
.nbp-image--hover-icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    font-size: 24px;
    line-height: 60px;
    text-align: center;
    color: transparent;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    transition: opacity .5s ease-in-out;
    opacity: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.nbp-image--hover-icon:hover::before {
    opacity: 1;
}
.nbp-image--media-link:hover > .nbp-image--hover-icon::before {
    opacity: 1;
}

.nbp-image--hover-icon:hover {
    cursor: pointer;
}
.nbp-image--hover-icon img {
    width: 100%;
}

/* Bildunterschrift */
.nbp-media-caption {
    font-size: 12px;
    color: #555;
}

/* End NBP Image-Preview :: Webportal, Fragebogen ------------------------------------------------------------------- */


/* ===================================================================================================================
 * Visibilities
 * ===================================================================================================================*/

/* Desktop */
@media screen and (min-width: 992px) {

    .visible-desktop {
        display: block;
    }
    .hidden-desktop, .visible-phone, .visible-tablet, .visible-mobile {
        display: none !important;
    }
}
/* Smartphone */
@media screen and (max-width: 767px) {

    .visible-phone {
        display: block;
    }
    .hidden-phone, .visible-desktop {
        display: none !important;
    }
}
/* Tablet */
@media screen and (min-width: 768px) and (max-width: 991px) {

    .visible-tablet {
        display: block;
    }
    .hidden-tablet, .visible-desktop, .visible-phone {
        display: none !important;
    }
}
/* Mobile :: Tablet + Smartphone */
@media screen and (max-width: 991px) {

    .visible-mobile {
        display: block;
    }
    .hidden-mobile, .visible-desktop {
        display: none !important;
    }
}
/* End Visibilities ------------------------------------------------------------------------------------------------- */


/* ===================================================================================================================
 * NBP Utilities
 * ===================================================================================================================*/

/* Text */
.text-underline {
    text-decoration: underline;
}

.font-size-12 {
    font-size: 12px;
}
.font-size-13 {
    font-size: 13px;
}
.font-size-16 {
    font-size: 16px;
}

/* Font-Size vom CK-Editor */
.fontsize-sm {
    font-size: 12px;
}
.fontsize-lg {
    font-size: 16px;
}

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

.select-none {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/* Hyphenation, Wort-Umbruch */
.nbp-hyphens {
    overflow-wrap: break-word;  /* Chrome, Opera */
    word-wrap: break-word;      /* Fallback für 'aaaaaaa'-Testfälle */
    word-break: break-word;
    -ms-hyphens: auto;          /* > IE 10 */
    -moz-hyphens: auto;         /* < FF 43 */
    -webkit-hyphens: auto;      /* > Safari 5.1 */
    hyphens: auto;              /* > FF 43 */
}
/* Responsive :: Smartphone */
@media (max-width: 767px) {
    /* Hyphenation, Wort-Umbruch :: nur für Smartphone */
    .nbp-hyphens-phone {
        overflow-wrap: break-word;  /* Chrome, Opera */
        word-wrap: break-word;      /* Fallback für 'aaaaaaa'-Testfälle */
        word-break: break-word;
        -ms-hyphens: auto;          /* > IE 10 */
        -moz-hyphens: auto;         /* < FF 43 */
        -webkit-hyphens: auto;      /* > Safari 5.1 */
        hyphens: auto;              /* > FF 43 */
    }
}

.nbp-overflow-ellipsis {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w1of12  { width: 8.33333%;}
.w2of12  { width: 16.66666%;}
.w3of12  { width: 25%;}
.w4of12  { width: 33.33333%;}
.w5of12  { width: 41.66666%;}
.w6of12  { width: 50%;}
.w7of12  { width: 58.33333%;}
.w8of12  { width: 66.66666%;}
.w9of12  { width: 75%;}
.w10of12 { width: 83.33333%;}
.w11of12 { width: 91.66666%;}
.w12of12 { width: 100%;}


.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }

.ml-20 { margin-left: 20px !important; }

/* End NBP Utilities ------------------------------------------------------------------------------------------------ */


/* ===================================================================================================================
 * Bootstrap 5 :: Forms
 * ===================================================================================================================*/

/* Die wrapper-Klasse form-group gibt es in BS5 nicht mehr */

.form-group input,
.form-group button,
.form-group select,
.form-group optgroup,
.form-group textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.form-group {
    font-size: 14px;
    line-height: 1.5714;
    margin-bottom: 15px;
}
.form-group .form-label {
    display: block;
    font-size: inherit;
    margin-bottom: 5px;
}
.form-group .form-control {
    height: 30px;
    padding: 3px 6px;
    font-size: inherit;
    line-height: 1.5;
    color: #333;
    border: 1px solid #909499;
    border-radius: 3px;
}
.form-group textarea.form-control {
    height: auto;
}

/* End Bootstrap 5 :: Forms ----------------------------------------------------------------------------------------- */


/* ===================================================================================================================
 * Bootstrap 5 :: Forms - NBP Extensions
 * ===================================================================================================================*/

.form-group * {
    box-sizing: border-box;
}

/* RO Output */
.form-group.nbp-fg-readonly .form-label {
    /* color: #656C72; */
}
.form-group .form-output {
    display: inline-block;
}

/* Infopanel */
.form-group .nbp-fg-infopanel {
    color: #656C72 !important;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.2;
}
.form-group .nbp-fg-infopanel.nbp-fg-boolean-infopanel {
    margin-left: -25px;
}
.nbp-fg-hilfetext-more:after {
    content: " | ";
}
.nbp-comp-invalid + .nbp-fg-infopanel .nbp-fg-hilfetext {
    display: none;
}

/* Vertikale Abstände */
.nbp-form-size-md .form-group,
.nbp-form-size-md.form-group {
    margin-bottom: 10px;
}
.nbp-form-size-sm .form-group,
.nbp-form-size-sm.form-group {
    margin-bottom: 5px;
}

.nbp-form-bold .form-group .form-label {
    font-weight: bold;
}

/* Form-Control :: Textinput, Textarea */
.form-control {
    border: 1px solid #909499;
}
.form-control:focus {
    border-color: #909499;
}

/* Form-Select :: Select (Dropdown) */
.form-select {
    height: 30px;
    padding: 3px 30px 3px 6px !important;
    font-size: inherit;
    color: #333;
    /* BT4 Select Style (Doppelpfeil) (BT5: Einzelner Pfeil) */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
    background-size: 8px 10px;
    border: 1px solid #909499;
    border-radius: 3px;
}
.form-select:focus {
    border-color: #909499;
}
.form-select:focus::-ms-value {
    color: #333;
}

/* Form-Check :: Checkbox und Radio */
.form-check {
    padding-left: 25px;
    margin-bottom: 0;
    min-height: 24px;
}
.form-check .form-check-input,
.form-check-input {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-left: -25px;
}
.form-check-input {
    border: 1px solid #919598;
}
.form-check-input:checked {
    color: #fff;
    border-color: #0873A8;
    background-color: #0873A8;
}
.form-check-input:focus:not(:checked) {
    border-color: #919598;
}


/* State :: Disabled */
.form-select:disabled {
    opacity: 1;
}
.form-select:disabled,
.form-check-input:disabled {
    color: #333;
    opacity: 1;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
    opacity: 1;
}
.form-control:disabled,
.form-control[readonly],
.form-select:disabled,
.form-check-input:disabled {
    background-color: #F6F6F9;
}
.form-check-input:disabled:checked {
    background-color: #757575;
}

/* State :: Hover */
.form-control:enabled:hover,
.form-group select:enabled:hover,
.form-check-input:enabled:hover,
.nbp-cke-ta:not([readonly]) ~ .cke_chrome:hover {
    border-color: #7096ab;
}

/* State :: Error */
.form-group .form-control.ui-state-error,
.form-group select.ui-state-error {
    border: 1px solid #cd0a0a;
}
.form-check-input.nbp-comp-invalid {
    border-color: #cd0a0a;
}
.nbp-fg-error-message {
    color: #cd0a0a;
}


/* formBoolean */
.nbp-form-boolean .form-label {
    margin-bottom: 0;
}
.form-check .nbp-boolean {
    position: absolute;
    margin-left: -25px;
    margin-top: 2px;
}

/* Reponsive :: Tablet + Smartphone */
@media screen and (max-width: 991px) {
    /* vertikalen Abstand zwischen Radios bzw. Checkboxen erhöhen */
    .form-check {
        margin-bottom: 5px;
    }
}


legend {
    margin: 0;
    padding: 0;
    font-size: 1em;
}

/* Textarea mit CharCount */
.form-group .form-control.nbp-charcount-input,
.nbp-form-input-col .nbp-charcount-input {
    padding-bottom: 25px;
}
.nbp-charcount-output {
    display: block;
    padding: 5px 6px;
    margin-top: -22px;
    font-size: 12px;
    line-height: 1;
    color: #656C72;
    text-align: right;
}

/* End Bootstrap 5 :: Forms - NBP Extensions ------------------------------------------------------------------------ */


/* ===================================================================================================================
 * Fragebogen
 * ===================================================================================================================*/

.fb-fragebogen {
}

/* Gruppe */
.fb-gruppe.fb-gruppe-rahmen {
    border: 1px solid #ddd;
    padding: 20px 20px 6px 20px;
    margin: 15px 0;
}
.fb-gruppe-header {
    margin-bottom: 10px;
}
.fb-gruppe-header:empty {
    margin-bottom: 0;
}

.fb-size2of12  { width: 16.66666%;}
.fb-size3of12  { width: 25%;}
.fb-size4of12  { width: 33.33333%;}
.fb-size6of12  { width: 50%;}
.fb-size12of12 { width: 100%;}

/* Seitenelemente --------------------------------------------------------------------------------------------------- */

.fb-seitenelement {
}

.fb-seitenelement:after,
.fb-frage:after,
.fb-frageinput:after,
.fb-fixfloat:after,
.fb-infopanel:before {
    clear: both;
    content: "";
    display: table;
}

/* Formatierter Text (CKE) */
.fb-formatted-text a {
    text-decoration: 1px underline dotted;
}
.fb-formatted-text a:hover,
.fb-formatted-text a:focus {
    text-decoration: 1px underline solid;
}
.fb-formatted-text ul,
.fb-formatted-text ol {
    margin-left: 2.5em;
}
.fb-formatted-text ul li {
    list-style: disc outside none;
}
.fb-formatted-text ol li {
    list-style: decimal outside none;
}
.fb-formatted-text p {
    margin-bottom: 10px;
}
.fb-formatted-text p:last-child {
    margin-bottom: 0;
}

/* Textbox */
.fb-textbox {
    margin-bottom: 15px;
}
/* Linie */
.fb-linie {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 1em;
    padding-bottom: 0.7em;
}
/* Bild und Video */
.fb-media img {
    width: 100%;
}
.fb-media a {
    display: block;
    color: #333;
}
.fb-media .nbp-media-preview {
    margin: 0;
}
.fb-media .fb-mediacaption {
    margin: 5px 0 2px 0;
    font-size: 12px;
}
/* Überschriften */
.fb-fragebogen h1, .fb-fragebogen h2, .fb-fragebogen h3, .fb-fragebogen h4, .fb-fragebogen h5, .fb-fragebogen h6 {
    color: #333;
    margin: 0.6em 0 0.4em;
}

.fb-fragebogen h1 {
    font-size: 26px
}
.fb-fragebogen h2 {
    font-size: 24px
}
.fb-fragebogen h3 {
    font-size: 22px
}
.fb-fragebogen h4 {
    font-size: 20px
}
.fb-fragebogen h5 {
    font-size: 18px
}
.fb-fragebogen h6 {
    font-size: 16px
}

/* Fragen ----------------------------------------------------------------------------------------------------------- */

/* Frage */
.fb-frage {
}

/* Fragetext */
.fb-fragetext {
    display: block;
    padding: 0;
    margin-bottom: 5px;
    font-weight: normal;
}
/* Fragetext :: Checkbox */
.fb-checkboxfrage .fb-fragetext {
    display: inline-block;
    margin-bottom: 0;
}
.fb-fragetext a {
    text-decoration: 1px underline dotted;
}
.fb-fragetext a:hover,
.fb-fragetext a:focus {
    text-decoration: 1px underline solid;
}
/* form-group */
.fb-fragebogen .form-group {
    margin-bottom: 0;
}
/* Ergänzung */
.fb-ergaenzung .ui-inputfield {
    width: 100%;
}
.fb-ergaenzung-text,
.fb-ergaenzung-textarea,
.fb-ergaenzung-cke {
    margin-top: 10px;
}

.fb-fragebogen .ui-state-disabled,
.fb-selectmanycheckbox label.ui-state-disabled,
.fb-selectoneradio label.ui-state-disabled {
    opacity: 1;
}

/* Fragen :: Offene Fragen ------------------------------------------------------------------------------------------ */

/* Text, Textarea */
.fb-inputtext,
.fb-inputtextarea {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 4px;
}
.fb-textarea-output {
    white-space: pre-wrap;
}


/* Fragen :: Auswahl-Fragen ----------------------------------------------------------------------------------------- */

/* reset Inputs */
.fb-inputtext,
.fb-inputtextarea,
.fb-h-checkbox,
.fb-h-radio {
    margin: 0;
}

/* Radio und Checkbox */
.fb-selectmanycheckbox label,
.fb-selectoneradio label {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* Matrix */
.fb-matrix {
    margin-top: 10px;
}
/* Matrix :: Zeilen  */
.fb-matrix-row {
    display: flex;
    align-items: center;
}
/* Matrix :: Linker + Rechter Bereich */
.fb-matrix-col-labels,
.fb-matrix-col-values {
    width: 50%;
}
/* Matrix :: Rechter Bereich */
.fb-matrix-col-values {
    display: -ms-flexbox;
    display: flex;
}
/* Matrix :: Rechter Bereich :: Columns */
.fb-matrix-col-value {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
/* Matrix :: Linker + Rechter Bereich :: Seitenverhältnis */
.fb-matrix-ratio-2 .fb-matrix-col-labels { width: 50%;}  /* col-6 */
.fb-matrix-ratio-2 .fb-matrix-col-values { width: 50%;}  /* col-6 */

.fb-matrix-ratio-4 .fb-matrix-col-labels { width: 41.66666%;}  /* col-5 */
.fb-matrix-ratio-4 .fb-matrix-col-values { width: 58.33333%;}  /* col-7 */

.fb-matrix-ratio-6 .fb-matrix-col-labels { width: 33.33333%;}  /* col-4 */
.fb-matrix-ratio-6 .fb-matrix-col-values { width: 66.66666%;}  /* col-8 */

.fb-matrix-ratio-8 .fb-matrix-col-labels { width: 25%;}  /* col-3 */
.fb-matrix-ratio-8 .fb-matrix-col-values { width: 75%;}  /* col-9 */

/* Matrix :: Data Rows */
.fb-matrix-data-rows .fb-matrix-row {
    padding: 10px 0;
}
/* Matrix :: Toplabels */
.fb-matrix-row-labels .fb-matrix-col-value {
    padding: 5px 15px 10px 0;
}
.fb-matrix-row-labels .fb-matrix-col-value label {
    display: block;
}

/* Matrix :: Inputs */
.fb-matrix-dummy-label {
    display: block;
    height: 16px;
    margin-top: 2px;
}
.fb-matrix .nbp-boolean {
    margin-top: 2px;
}

/* Ergänzung */
.fb-selectoneradio .fb-ergaenzung,
.fb-selectmanycheckbox .fb-ergaenzung {
    margin-left: 25px;
}

/* Button :: Gruppenwiederholung */
.ui-button.ui-button-icon-only.fb-button-round-md {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    font-size: 12px;
}
.ui-button.ui-button-icon-only.fb-button-round-md .ui-icon.nbp-fi {
    font-size: 12px;
}

/* Fileupload ------------------------------------------------------------------------------------------------------- */

/* PF-Fileupload Advanced :: Bereich Upload-Button */
.fb-fileupload .ui-fileupload-buttonbar {
    border: none;
    padding: 0.5em 0;
    background: transparent;
}
/* PF-Fileupload Advanced :: Bereich für Fortschrittsbalken + Messages */
.fb-fileupload .ui-fileupload-content {
    padding: 0;
}
/* PF-Fileupload Advanced :: Bereich für Fortschrittsbalken - ausgeblendet, da nicht responsive */
.fb-fileupload .ui-fileupload-content .ui-fileupload-files {
    display: none;
}
/* PF-Fileupload Advanced :: Bereich für Messages */
.fb-fileupload .ui-fileupload-content .ui-fileupload-messages {
    margin: 0;
    width: 100%;
}
.fb-fileupload .ui-fileupload-content .ui-fileupload-messages .ui-messages-error {
    margin: 10px 0;
}
/* Fileupload :: Hinweistext (max. Dateigröße) */
.fb-fileupload-hinweis {
    margin-bottom: 5px;
}

/* Fileupload :: Liste der hochgeladenen Dateien */
.fb-anhang-title {
    margin: 10px 0;
}
.fb-anhang-download {
    color: #333;
}

/* Fileupload (generell) */
.nbp-fileupload-messages .ui-messages-error-detail {
    margin-left: 0;
}

/* Error-Highlighting ----------------------------------------------------------------------------------------------- */

.fb-inputtextarea.fb-frage-fehler,
.fb-inputtext.fb-frage-fehler,
.fb-frage-fehler .ui-inputfield,
.fb-checkbox.fb-frage-fehler .ui-chkbox-box,
.fb-selectoneradio.fb-frage-fehler .ui-radiobutton-box,
.fb-selectmanycheckbox.fb-frage-fehler .ui-chkbox-box,
.fb-selectonemenu .ui-selectonemenu.fb-frage-fehler,
.fb-selectonemenu.fb-frage-fehler select,
.fb-selectmanymenu .ui-selectcheckboxmenu.fb-frage-fehler {
    border: 1px solid #cd0a0a;
}
.fb-selectoneradio.fb-frage-fehler .fb-h-radio,
.fb-selectmanycheckbox.fb-frage-fehler .fb-h-checkbox {
    box-shadow: 0 0 4px #cd0a0a;
}
/* Custom Radio + Checkbox */
.fb-frage-fehler .form-check-input {
    border-color: #cd0a0a;
}
/* */
.bs5-form-check-input.fb-frage-fehler {
    border-color: #cd0a0a;
}

/* Hilfetexte ------------------------------------------------------------------------------------------------------- */

/* Info-Bereich */
.fb-infopanel {
    margin: 6px 0;
}
.fb-infopanel .fb-infopanel-list {
    display: block;
    padding: 0;
    margin: 0;
}
.fb-infopanel ul.fb-infopanel-list li {
    list-style-image: none;
    list-style-type: none;
    padding: 0 0 2px 0;
    color: #656C72;
    display: inline;
}
.fb-infopanel ul.fb-infopanel-list li::after {
    content: "|";
    color: #656C72;
}
.fb-infopanel ul.fb-infopanel-list li:last-child::after {
    content: "";
}
.fb-infopanel ul.fb-infopanel-list li.fb-fehler {
    color: #cd0a0a;
}
.fb-hinweis-text {
    color: #656C72;
    vertical-align: middle;
}

/* Mehrseitige Fragebögen ------------------------------------------------------------------------------------------- */

/* Seitenindex */
.fb-seitenindex-panel {
    margin-top: 20px;
}

/* Progress Bar */
.fb-fragebogen .fb-progressbar.ui-widget-content {
    background: #f0f0f0;
    height: 4px;
    border-radius: 0;
    margin-top: 40px;
}
.fb-fragebogen .fb-progressbar .ui-progressbar-value {
    background: #0873A8;
    border: none;
    border-radius: 0;
    margin: 0;
}
.fb-fragebogen .fb-progressbar .ui-progressbar-label {
    font-weight: normal;
    position: absolute;
    top: -22px;
}

/* Blättern */
.fb-seiten-navigation {
    margin-top: 20px;
    margin-bottom: 20px;
}
/* Blättern :: Links */
.btn.fb-btn-blaettern {
    color: #333;
    background: #fff;
    border: 1px solid #D3D3D3;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 12px;
    transition: background .1s ease-in-out;
    text-decoration: none;
}
.btn.fb-btn-blaettern.ui-state-disabled {
    color: #333;
    opacity: 0.65;
}
.btn.fb-btn-blaettern:hover {
    background: #f6f6f6;
}
.btn.fb-btn-blaettern .nbp-fonticon {
    transform: translateY(1px);
}


/* Hilfsklassen ----------------------------------------------------------------------------------------------------- */

/* Hyphenation, Wort-Umbruch @see https://justmarkup.com/log/2015/07/dealing-with-long-words-in-css/ */
.fb-hyphens {
    overflow-wrap: break-word;  /* Chrome, Opera */
    word-wrap: break-word;      /* Fallback für 'aaaaaaa'-Testfälle */
    word-break: break-word;     /* Chrome */
    -ms-hyphens: auto;          /* > IE 10 */
    -moz-hyphens: auto;         /* < FF 43 */
    -webkit-hyphens: auto;      /* > Safari 5.1 */
    hyphens: auto;              /* > FF 43 */
}

/* Fragebogen ReadOnly ---------------------------------------------------------------------------------------------- */

/* Ergänzung */
.fb-frage-readonly .fb-selectoneradio .fb-ergaenzung,
.fb-frage-readonly .fb-selectmanycheckbox .fb-ergaenzung {
    margin-left: 0;
}
/* Liste für Mehrfachauswahl */
.fb-readonly-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* Skins ------------------------------------------------------------------------------------------------------------ */

/* Bootstrap-Style */

.fb-infopanel {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 8px;
    margin-bottom: 0;
}
.fb-skin-extern.fb-fragebogen {
    font-size: 14px;
}
.fb-skin-extern .fb-frage {
    font-size: 14px;
    line-height: 1.5714;
    margin-top: 10px;
    margin-bottom: 10px;
}
.fb-skin-extern .fb-fragetext {
    font-weight: bold;
}

/* Responsive ------------------------------------------------------------------------------------------------------- */

/* Responsive (Desktop & Tablet) */
@media screen and (min-width: 768px) {

    /* Matrix */
    .fb-matrix .fb-matrix-sublabel {
        padding: 0 15px 0 10px;
    }
    .fb-matrix .fb-matrix-data-rows .fb-matrix-row:nth-child(odd) {
        background: #f6f6f6;
    }
    .fb-matrix .form-check {
        min-height: 1em;
    }
    .fb-matrix .form-check-label {
        width: 66%;
        vertical-align: top;
    }
}
/* Responsive (Smartphone) */
@media screen and (max-width: 767px) {

    .fb-fragebogen {
    }
    .fb-gruppe-rahmen .fb-frage {
        margin-left: 0;
    }
    .fb-selectmanycheckbox .fb-ergaenzung-wrapper,
    .fb-selectoneradio .fb-ergaenzung-wrapper {
        display: block;
        padding: 10px 0 0 0;
    }
    .fb-selectmanycheckbox .fb-ergaenzung-wrapper input,
    .fb-selectoneradio .fb-ergaenzung-wrapper input {
        width: 100%;
    }
    .fb-selectonemenu .fb-ergaenzung-wrapper {
        padding: 4px 0 0 0;
    }
    .fb-ergaenzung {
        margin-left: 0 !important;
    }
    /* Matrix */
    .fb-matrix-row {
        display: block;
    }
    .fb-matrix-col-labels,
    .fb-matrix-col-values {
        display: block;
        width: 100% !important;
    }
    .fb-matrix-col-value {
        width: 100% !important;
    }
    .fb-matrix .fb-matrix-sublabel {
        margin-bottom: 10px;
    }
    .fb-matrix .fb-matrix-output-wrapper {
        padding-left: 25px;
        min-height: 24px;
    }
    .fb-matrix .fb-matrix-output-wrapper .nbp-boolean {
        margin-left: -25px;
        position: absolute;
    }
    .fb-fragebogen [class^="fb-size"],
    .fb-fragebogen [class*=" fb-size"] {
        width: 100%;
    }
    .fb-seitenindex-select {
        margin-top: 5px;
    }
}
/* End Fragebogen --------------------------------------------------------------------------------------------------- */


/* ===================================================================================================================
 * OpenLayers-Maps
 * ===================================================================================================================*/

/* Map-Area */
.ol-map {
    height: 460px;
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    outline: none;
    box-shadow: none;
}
/* Map-Area :: Focus */
.nbp-tabfocus-on .ol-map:focus {
    box-shadow: 0 0 0 3px rgba(41, 123, 179, 0.8);
}

/* Map :: Attribution */
.ol-map .ol-attribution {
    bottom: 0;
    right: 20px;
    padding: 2px;
    max-width: calc(100% - 120px);
    font-size: 12px;
    display: flex;
    text-align: left;
}
.ol-map .ol-attribution.ol-collapsed {
    background-color: transparent;
}
.ol-map .ol-attribution ul {
    align-self: center;
    padding: 0 10px 0 5px;
    text-shadow: none;
    color: #000;
}
.ol-map .ol-attribution button {
    align-self: flex-end;
    flex-shrink: 0;
    width: 34px;
    height: 22px;
    font-size: 14px !important;
    color: #555;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    margin-right: -2px;
}
.ol-map .ol-attribution button:hover,
.ol-map .ol-attribution button:focus,
.ol-map .ol-attribution button:active {
    color: #000;
    background-color: #fff;
    outline: none;
}
.ol-map .ol-attribution a {
    color: #294AC0;
    text-decoration: 1px underline dotted;
}
.ol-map .ol-attribution a:hover,
.ol-map .ol-attribution a:focus {
    text-decoration: 1px underline solid;
}
/* Responsive :: Smartphone */
@media (max-width: 767px) {
    .ol-map .ol-attribution {
        right: 10px;
        max-width: calc(100% - 100px);
    }
}

/* Map :: Service Config */
.olmaps-service-config .input-group > .form-control:focus {
    z-index: auto;
}

/* Map :: Fullscreen */
.olmaps-wrapper:fullscreen .ol-map {
    height: 100%;
}

/* Map :: Plug-Points */
.nbp-map-top-left {
    position: absolute;
    left: 0;
    top: 0;
    margin: 20px 10px 10px 20px;
}
.nbp-map-top-right {
    right: 0;
    top: 0;
    position: absolute;
    margin: 20px 20px 10px 10px;
}
.nbp-map-bottom-left {
    left: 0;
    bottom: 0;
    position: absolute;
    margin: 10px 10px 20px 20px;
}
.nbp-map-bottom-right {
    right: 0;
    bottom: 25px;
    position: absolute;
    margin: 10px 20px 10px 10px;
}
/* Responsive :: Smartphone */
@media (max-width: 767px) {
    .nbp-map-top-left,
    .nbp-map-top-right,
    .nbp-map-bottom-left,
    .nbp-map-bottom-right {
        margin: 10px;
    }
}
/* Wenn die Karte ein Suchfeld hat die Buttons rechts oben verschieben  */
@media (max-width: 575px) {
     .nbp-map-has-search .nbp-map-top-right {
        top: 48px;
    }
}

.nbp-map-buttons-vertical {
    display: inline-flex;
    flex-direction: column;
}
.nbp-map-top-right.nbp-map-buttons-vertical {
    align-items: flex-end;
}
.nbp-map-buttons-vertical .btn-group-vertical {
    margin-bottom: 10px;
}
.nbp-map-buttons-vertical .btn-group-vertical:last-child {
    margin-bottom: 0;
}

/* Map :: Buttons :: Allgemein */
.nbp-map-buttons .btn {
    color: #555;
    background-color: #fff;
    border-color: #fff;
    font-size: 16px;
    border-radius: 3px !important;
}
.nbp-map-buttons .btn:hover,
.nbp-map-buttons .btn:focus,
.nbp-map-buttons .btn:active {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

/* Buttons :: Icon-Only */
.nbp-map-buttons-icon-only .btn {
    padding: 8px;
    line-height: 1;
}
/* Buttons :: +/- Gruppe */
.nbp-map-buttons .btn-group-vertical {
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
.nbp-map-buttons .btn-group-vertical > .btn:not(:last-of-type) {
    margin-bottom: 1px;
    border-bottom: 1px solid #ddd !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.nbp-map-buttons .btn-group-vertical > .btn ~ .btn {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

/* Buttons :: Karte/Satellit */
.nbp-map-buttons-satellite .btn {
    font-size: 14px;
    padding: 5px 10px;
    min-width: 70px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
.nbp-map-top-right .service-config {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

.nbp-map-buttons .btn-group-vertical.drawing .icomoon-pencil3 {
    margin-bottom: 0;
    border-bottom: 0 !important;
    border-radius: 3px !important;
}

/* Map :: Autocomplete */
.nbp-map-buttons-search {
    width: 400px;
    max-width: calc(100% - 20px);
}
.nbp-map-buttons-search .input-group {
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
.nbp-map-buttons-search input {
    border-radius: 3px;
}
.nbp-map-buttons-search .btn {
    padding-left: 8px;
    padding-right: 8px;
    color: #757575;
    border-color: #909499;
    line-height: 1;
}
.nbp-map-buttons-search .btn:hover,
.nbp-map-buttons-search .btn:focus {
    border-color: #7096ab;
}
.nbp-map-buttons-search .dropdown-menu {
    margin: 0;
}
.nbp-map-buttons-search .dropdown-menu.show {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
.nbp-map-buttons-search .dropdown-item.active .text-muted {
    color: #fff !important;
}

/* Map :: PopOver */
.nbp-map-popover {
    font-size: 13px;
    line-height: 1.35;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
}
.nbp-map-popover.bs-popover-top {
    margin-bottom: 7px !important;
}
.nbp-map-popover.bs-popover-bottom {
    margin-top: 25px;
}
.nbp-map-popover .popover-body {
    color: #333;
}
.nbp-map-popover .btn-close:focus,
.nbp-map-toast .btn-close:focus {
    box-shadow: none;
}
.nbp-map-kategorie {
    font-weight: bold;
    margin-bottom: 5px;
}
.nbp-map-adresse {
    margin-bottom: 5px;
}
.nbp-map-betreff {
    font-style: italic;
    margin-bottom: 5px;
}
.nbp-map-popover a {
    display: inline-block;
    margin-bottom: 5px;
}
.nbp-map-popover a {
    color: #294AC0;
    text-decoration: 1px underline dotted;
}
.nbp-map-popover a:hover,
.nbp-map-popover a:focus {
    text-decoration: 1px underline solid;
}

/* Map :: Toast */
.nbp-map-toast .text-danger {
    color: #cd0a0a !important;
}

/* Map :: Button Groups (Legende, Layerswitcher) */
.ol-map .nbp-map-layer-switcher-wrapper,
.ol-map .nbp-map-legend-wrapper {
    position: absolute;
    top: 0;
    right: 42px;
    margin-top: 0;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

/* Map :: Legende */
.ol-map .nbp-map-legend-wrapper .ol-legend {
    max-height: 200px;
}
/* Mobile */
@media (max-width: 575px) {
    .ol-map .nbp-map-legend-wrapper > .ol-legend {
        max-width: 218px !important;
    }
}

/* Map :: Layerswitcher :: Default-Button ausblenden */
.ol-map .ol-layerswitcher.ol-control {
    display: none;
}
/* Map :: Layerswitcher :: Webportal */
.nbp-map-layer-switcher-wrapper .ol-layerswitcher .panel {
    font-family: inherit;
    font-size: 12px;
    padding: 6px 8px;
    overflow-y: auto;
    max-height: 200px;
}
/* Map :: Layerswitcher :: Checkbox */
.nbp-map-layer-switcher-wrapper .ol-layerswitcher .li-content label:before {
    content: none !important;
}
.nbp-map-layer-switcher-wrapper .ol-layerswitcher .li-content label:after {
    content: none !important;
}
.nbp-map-layer-switcher-wrapper .ol-layerswitcher input[type="checkbox"] {
    display: block;
    appearance: none;
    position: absolute;
    top: 2px;
    width: 14px;
    height: 14px;
    border-radius: 0.25em;
    border: 1px solid #919598;
    background-color: #fff;
}
.nbp-map-layer-switcher-wrapper .ol-layerswitcher input[type="checkbox"]:checked {
    color: #fff;
    border-color: #0873A8;
    background-color: #0873A8;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
/* Map :: Layerswitcher :: Slider */
.nbp-map-layer-switcher-wrapper .ol-layerswitcher .layerswitcher-opacity {
    box-shadow: none;
    border: 6px solid #fff;
    border-left: 0;
    border-right: 0;
    padding: 1px;
    background: #BDC3C7;
    margin: 2px 10px 4px 28px;
}
.nbp-map-layer-switcher-wrapper .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before {
    content: none;
}
.nbp-map-layer-switcher-wrapper .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor {
    background-color: #BDC3C7;
    border: 2px solid #0873A8;
    width: 16px;
    height: 16px;
    transition: background-color .15s ease-in-out;
}
.nbp-map-layer-switcher-wrapper .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:focus,
.nbp-map-layer-switcher-wrapper .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:hover {
    background-color: #0873A8;
}
/* Map :: Layerswitcher :: Content */
.nbp-map-layer-switcher-wrapper .ol-layerswitcher .panel li {
    display: flex;
}
.nbp-map-layer-switcher-wrapper .ol-layerswitcher .panel > li .li-content {
    flex-grow: 1;
}
.nbp-map-layer-switcher-wrapper .ol-layerswitcher .panel > li .li-content label {
    line-height: 1.5714;
    max-width: 200px;
}
.nbp-map-layer-switcher-wrapper .ol-layerswitcher .panel > li .li-content label:hover {
    cursor: pointer;
}
/* Map :: Layerswitcher :: Icons (Info, Zoom to extent, etc.) */
.nbp-map-layer-switcher-wrapper .ol-layerswitcher-buttons {
    order: 2;
}