/* Variablen aus bootstrap/myvariables.less. Bei mehrfachen Definitionen gilt die letzte. */
:root {
  --fl-right-column-width: 240px;
  /* Wirksame Body-Schriftgroesse der Originalseite (Contao Layout-Builder). */
  --fl-body-font-size: 100.01%;
  --fl-color-primary-0: #6ba839;
  --fl-color-primary-1: #c0d1b2;
  --fl-color-primary-2: #99c277;
  --fl-color-primary-3: #4b9310;
  --fl-color-primary-4: #387c00;
  --fl-color-secondary-1-0: #483682;
  --fl-color-secondary-1-1: #918ca2;
  --fl-color-secondary-1-2: #6f6396;
  --fl-color-secondary-1-3: #2d1872;
  --fl-color-secondary-1-4: #1c0660;
  --fl-color-secondary-2-0: #bd9340;
  --fl-color-secondary-2-1: #ebdfc8;
  --fl-color-secondary-2-2: #dabe86;
  --fl-color-secondary-2-3: #a57412;
  --fl-color-secondary-2-4: #8b5d00;
  --fl-color-complement-0: #a9395b;
  --fl-color-complement-1: #d2b2bc;
  --fl-color-complement-2: #c2788e;
  --fl-color-complement-3: #941038;
  --fl-color-complement-4: #7c0026;
  --fl-gray-darker: #222222;
  --fl-gray-dark: #333333;
  --fl-gray: #555555;
  --fl-gray-light: #777777;
  --fl-gray-lighter: #eeeeee;
  --fl-brand-primary: var(--fl-color-complement-0);
  --fl-brand-success: #5cb85c;
  --fl-brand-info: #5bc0de;
  --fl-brand-warning: #f0ad4e;
  --fl-brand-danger: #d9534f;
  --fl-body-bg: #6475ad;
  --fl-container-bg: #ffffff;
  --fl-header-navi-bg: #e6e6e6;
  --fl-header-navi-item-bg: #f2f2f2;
  --fl-text-color: #000000;
  --fl-link-color: #4d27d3;
  --fl-link-color-bg: var(--fl-container-bg);
  --fl-link-hover-color: #4d296e;
  --fl-link-hover-color-bg: #ffffff;
  --fl-link-color-navigation-bg: var(--fl-gray-lighter);
  --fl-link-color-navigation: var(--fl-text-color);
  --fl-link-hover-color-navigation: var(--fl-component-active-color);
  --fl-link-hover-color-navigation-bg: var(--fl-component-active-bg);
  --fl-font-family-sans-serif: "Arial, Microsoft YaHei", "Helvetica Neue", Helvetica, sans-serif;
  --fl-font-family-serif: Georgia, "Times New Roman", Times, serif;
  --fl-font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
  --fl-font-family-base: var(--fl-font-family-sans-serif);
  --fl-font-size-base: 14px;
  --fl-font-size-large: 18px;
  --fl-font-size-small: 12px;
  --fl-font-size-h1: 21px;
  --fl-font-size-h2: 18px;
  --fl-font-size-h3: 17px;
  --fl-font-size-h4: 16px;
  --fl-font-size-h5: var(--fl-font-size-base);
  --fl-font-size-h6: 12px;
  --fl-line-height-base: 1.42857143;
  --fl-line-height-computed: 20px;
  --fl-headings-font-family: inherit;
  --fl-headings-font-weight: 500;
  --fl-headings-line-height: 1.1;
  --fl-headings-color: inherit;
  --fl-icon-font-path: "../fonts/";
  --fl-icon-font-name: "glyphicons-halflings-regular";
  --fl-icon-font-svg-id: "glyphicons_halflingsregular";
  --fl-padding-base-vertical: 6px;
  --fl-padding-base-horizontal: 12px;
  --fl-padding-large-vertical: 10px;
  --fl-padding-large-horizontal: 16px;
  --fl-padding-small-vertical: 5px;
  --fl-padding-small-horizontal: 10px;
  --fl-padding-xs-vertical: 1px;
  --fl-padding-xs-horizontal: 5px;
  --fl-line-height-large: 1.33;
  --fl-line-height-small: 1.5;
  --fl-border-radius-base: 4px;
  --fl-border-radius-large: 6px;
  --fl-border-radius-small: 3px;
  --fl-component-active-color: var(--fl-text-color);
  --fl-component-active-bg: var(--fl-gray-lighter);
  --fl-caret-width-base: 4px;
  --fl-caret-width-large: 5px;
  --fl-table-cell-padding: 8px;
  --fl-table-condensed-cell-padding: 5px;
  --fl-table-bg: var(--fl-container-bg);
  --fl-table-bg-accent: #f9f9f9;
  --fl-table-bg-hover: #f5f5f5;
  --fl-table-bg-active: var(--fl-table-bg-hover);
  --fl-table-border-color: #dddddd;
  --fl-btn-font-weight: normal;
  --fl-btn-default-color: #333333;
  --fl-btn-default-bg: #ffffff;
  --fl-btn-default-border: #cccccc;
  --fl-btn-primary-color: #ffffff;
  --fl-btn-primary-bg: var(--fl-brand-primary);
  --fl-btn-primary-border: #963351;
  --fl-btn-success-color: #ffffff;
  --fl-btn-success-bg: var(--fl-brand-success);
  --fl-btn-success-border: #4cae4c;
  --fl-btn-info-color: #ffffff;
  --fl-btn-info-bg: var(--fl-brand-info);
  --fl-btn-info-border: #46b8da;
  --fl-btn-warning-color: #ffffff;
  --fl-btn-warning-bg: var(--fl-brand-warning);
  --fl-btn-warning-border: #eea236;
  --fl-btn-danger-color: #ffffff;
  --fl-btn-danger-bg: var(--fl-brand-danger);
  --fl-btn-danger-border: #d43f3a;
  --fl-btn-link-disabled-color: var(--fl-gray-light);
  --fl-input-bg: #ffffff;
  --fl-input-bg-disabled: var(--fl-gray-lighter);
  --fl-input-color: var(--fl-gray);
  --fl-input-border: #cccccc;
  --fl-input-border-radius: var(--fl-border-radius-base);
  --fl-input-border-focus: #66afe9;
  --fl-input-color-placeholder: var(--fl-gray-light);
  --fl-input-height-base: 34px;
  --fl-input-height-large: 46px;
  --fl-input-height-small: 30px;
  --fl-legend-color: var(--fl-gray-dark);
  --fl-legend-border-color: #e5e5e5;
  --fl-input-group-addon-bg: var(--fl-gray-lighter);
  --fl-input-group-addon-border-color: var(--fl-input-border);
  --fl-dropdown-bg: #ffffff;
  --fl-dropdown-border: rgba(0, 0, 0, 0.15);
  --fl-dropdown-fallback-border: #cccccc;
  --fl-dropdown-divider-bg: #e5e5e5;
  --fl-dropdown-link-color: var(--fl-gray-dark);
  --fl-dropdown-link-hover-color: #262626;
  --fl-dropdown-link-hover-bg: #f5f5f5;
  --fl-dropdown-link-active-color: var(--fl-component-active-color);
  --fl-dropdown-link-active-bg: var(--fl-component-active-bg);
  --fl-dropdown-link-disabled-color: var(--fl-gray-light);
  --fl-dropdown-header-color: var(--fl-gray-light);
  --fl-dropdown-caret-color: #000000;
  --fl-zindex-navbar: 1000;
  --fl-zindex-dropdown: 1000;
  --fl-zindex-popover: 1060;
  --fl-zindex-tooltip: 1070;
  --fl-zindex-navbar-fixed: 1030;
  --fl-zindex-modal-background: 1040;
  --fl-zindex-modal: 1050;
  --fl-screen-xs: 480px;
  --fl-screen-xs-min: var(--fl-screen-xs);
  --fl-screen-phone: var(--fl-screen-xs-min);
  --fl-screen-sm: 768px;
  --fl-screen-sm-min: var(--fl-screen-sm);
  --fl-screen-tablet: var(--fl-screen-sm-min);
  --fl-screen-md: 992px;
  --fl-screen-md-min: var(--fl-screen-md);
  --fl-screen-desktop: var(--fl-screen-md-min);
  --fl-screen-lg: 1200px;
  --fl-screen-lg-min: var(--fl-screen-lg);
  --fl-screen-lg-desktop: var(--fl-screen-lg-min);
  --fl-screen-xs-max: 767px;
  --fl-screen-sm-max: 991px;
  --fl-screen-md-max: 1199px;
  --fl-grid-columns: 12;
  --fl-grid-gutter-width: 30px;
  --fl-grid-float-breakpoint: var(--fl-screen-sm-min);
  --fl-grid-float-breakpoint-max: 767px;
  --fl-container-tablet: 750px;
  --fl-container-sm: var(--fl-container-tablet);
  --fl-container-desktop: 970px;
  --fl-container-md: var(--fl-container-desktop);
  --fl-container-large-desktop: 1170px;
  --fl-container-lg: var(--fl-container-large-desktop);
  --fl-navbar-height: 50px;
  --fl-navbar-margin-bottom: var(--fl-line-height-computed);
  --fl-navbar-border-radius: var(--fl-border-radius-base);
  --fl-navbar-padding-horizontal: 15px;
  --fl-navbar-padding-vertical: 15px;
  --fl-navbar-collapse-max-height: 340px;
  --fl-navbar-default-color: #777777;
  --fl-navbar-default-bg: #f8f8f8;
  --fl-navbar-default-border: #e7e7e7;
  --fl-navbar-default-link-color: #777777;
  --fl-navbar-default-link-hover-color: #333333;
  --fl-navbar-default-link-hover-bg: transparent;
  --fl-navbar-default-link-active-color: #555555;
  --fl-navbar-default-link-active-bg: #e7e7e7;
  --fl-navbar-default-link-disabled-color: #cccccc;
  --fl-navbar-default-link-disabled-bg: transparent;
  --fl-navbar-default-brand-color: var(--fl-navbar-default-link-color);
  --fl-navbar-default-brand-hover-color: #5e5e5e;
  --fl-navbar-default-brand-hover-bg: transparent;
  --fl-navbar-default-toggle-hover-bg: #dddddd;
  --fl-navbar-default-toggle-icon-bar-bg: #888888;
  --fl-navbar-default-toggle-border-color: #dddddd;
  --fl-navbar-inverse-color: var(--fl-gray-light);
  --fl-navbar-inverse-bg: #222222;
  --fl-navbar-inverse-border: #080808;
  --fl-navbar-inverse-link-color: var(--fl-gray-light);
  --fl-navbar-inverse-link-hover-color: #ffffff;
  --fl-navbar-inverse-link-hover-bg: transparent;
  --fl-navbar-inverse-link-active-color: var(--fl-navbar-inverse-link-hover-color);
  --fl-navbar-inverse-link-active-bg: #080808;
  --fl-navbar-inverse-link-disabled-color: #444444;
  --fl-navbar-inverse-link-disabled-bg: transparent;
  --fl-navbar-inverse-brand-color: var(--fl-navbar-inverse-link-color);
  --fl-navbar-inverse-brand-hover-color: #ffffff;
  --fl-navbar-inverse-brand-hover-bg: transparent;
  --fl-navbar-inverse-toggle-hover-bg: #333333;
  --fl-navbar-inverse-toggle-icon-bar-bg: #ffffff;
  --fl-navbar-inverse-toggle-border-color: #333333;
  --fl-nav-link-padding: 10px 15px;
  --fl-nav-link-hover-bg: var(--fl-gray-lighter);
  --fl-nav-disabled-link-color: var(--fl-gray-light);
  --fl-nav-disabled-link-hover-color: var(--fl-gray-light);
  --fl-nav-open-link-hover-color: #ffffff;
  --fl-nav-tabs-border-color: #dddddd;
  --fl-nav-tabs-link-hover-border-color: var(--fl-gray-lighter);
  --fl-nav-tabs-active-link-hover-bg: var(--fl-container-bg);
  --fl-nav-tabs-active-link-hover-color: var(--fl-gray);
  --fl-nav-tabs-active-link-hover-border-color: #dddddd;
  --fl-nav-tabs-justified-link-border-color: #dddddd;
  --fl-nav-tabs-justified-active-link-border-color: var(--fl-container-bg);
  --fl-nav-pills-border-radius: var(--fl-border-radius-base);
  --fl-nav-pills-active-link-hover-bg: var(--fl-component-active-bg);
  --fl-nav-pills-active-link-hover-color: var(--fl-component-active-color);
  --fl-pagination-color: var(--fl-link-color);
  --fl-pagination-bg: #ffffff;
  --fl-pagination-border: #dddddd;
  --fl-pagination-hover-color: var(--fl-link-hover-color);
  --fl-pagination-hover-bg: var(--fl-gray-lighter);
  --fl-pagination-hover-border: #dddddd;
  --fl-pagination-active-color: #ffffff;
  --fl-pagination-active-bg: var(--fl-brand-primary);
  --fl-pagination-active-border: var(--fl-brand-primary);
  --fl-pagination-disabled-color: var(--fl-gray-light);
  --fl-pagination-disabled-bg: #ffffff;
  --fl-pagination-disabled-border: #dddddd;
  --fl-pager-bg: var(--fl-pagination-bg);
  --fl-pager-border: var(--fl-pagination-border);
  --fl-pager-border-radius: 15px;
  --fl-pager-hover-bg: var(--fl-pagination-hover-bg);
  --fl-pager-active-bg: var(--fl-pagination-active-bg);
  --fl-pager-active-color: var(--fl-pagination-active-color);
  --fl-pager-disabled-color: var(--fl-pagination-disabled-color);
  --fl-jumbotron-padding: 30px;
  --fl-jumbotron-color: inherit;
  --fl-jumbotron-bg: var(--fl-gray-lighter);
  --fl-jumbotron-heading-color: inherit;
  --fl-jumbotron-font-size: 21px;
  --fl-state-success-text: #3c763d;
  --fl-state-success-bg: #dff0d8;
  --fl-state-success-border: #d6e9c6;
  --fl-state-info-text: #31708f;
  --fl-state-info-bg: #d9edf7;
  --fl-state-info-border: #bce8f1;
  --fl-state-warning-text: #8a6d3b;
  --fl-state-warning-bg: #fcf8e3;
  --fl-state-warning-border: #faebcc;
  --fl-state-danger-text: #a94442;
  --fl-state-danger-bg: #f2dede;
  --fl-state-danger-border: #ebccd1;
  --fl-tooltip-max-width: 200px;
  --fl-tooltip-color: #ffffff;
  --fl-tooltip-bg: #000000;
  --fl-tooltip-opacity: 0.9;
  --fl-tooltip-arrow-width: 5px;
  --fl-tooltip-arrow-color: var(--fl-tooltip-bg);
  --fl-popover-bg: #ffffff;
  --fl-popover-max-width: 276px;
  --fl-popover-border-color: rgba(0, 0, 0, 0.2);
  --fl-popover-fallback-border-color: #cccccc;
  --fl-popover-title-bg: #f7f7f7;
  --fl-popover-arrow-width: 10px;
  --fl-popover-arrow-color: #ffffff;
  --fl-popover-arrow-outer-width: 11px;
  --fl-popover-arrow-outer-color: rgba(0, 0, 0, 0.25);
  --fl-popover-arrow-outer-fallback-color: #999999;
  --fl-label-default-bg: var(--fl-gray-light);
  --fl-label-primary-bg: var(--fl-brand-primary);
  --fl-label-success-bg: var(--fl-brand-success);
  --fl-label-info-bg: var(--fl-brand-info);
  --fl-label-warning-bg: var(--fl-brand-warning);
  --fl-label-danger-bg: var(--fl-brand-danger);
  --fl-label-color: #ffffff;
  --fl-label-link-hover-color: #ffffff;
  --fl-modal-inner-padding: 15px;
  --fl-modal-title-padding: 15px;
  --fl-modal-title-line-height: var(--fl-line-height-base);
  --fl-modal-content-bg: #ffffff;
  --fl-modal-content-border-color: rgba(0, 0, 0, 0.2);
  --fl-modal-content-fallback-border-color: #999999;
  --fl-modal-backdrop-bg: #000000;
  --fl-modal-backdrop-opacity: 0.5;
  --fl-modal-header-border-color: #e5e5e5;
  --fl-modal-footer-border-color: var(--fl-modal-header-border-color);
  --fl-modal-lg: 900px;
  --fl-modal-md: 600px;
  --fl-modal-sm: 300px;
  --fl-alert-padding: 15px;
  --fl-alert-border-radius: var(--fl-border-radius-base);
  --fl-alert-link-font-weight: bold;
  --fl-alert-success-bg: var(--fl-state-success-bg);
  --fl-alert-success-text: var(--fl-state-success-text);
  --fl-alert-success-border: var(--fl-state-success-border);
  --fl-alert-info-bg: var(--fl-state-info-bg);
  --fl-alert-info-text: var(--fl-state-info-text);
  --fl-alert-info-border: var(--fl-state-info-border);
  --fl-alert-warning-bg: var(--fl-state-warning-bg);
  --fl-alert-warning-text: var(--fl-state-warning-text);
  --fl-alert-warning-border: var(--fl-state-warning-border);
  --fl-alert-danger-bg: var(--fl-state-danger-bg);
  --fl-alert-danger-text: var(--fl-state-danger-text);
  --fl-alert-danger-border: var(--fl-state-danger-border);
  --fl-progress-bg: #f5f5f5;
  --fl-progress-bar-color: #ffffff;
  --fl-progress-bar-bg: var(--fl-brand-primary);
  --fl-progress-bar-success-bg: var(--fl-brand-success);
  --fl-progress-bar-warning-bg: var(--fl-brand-warning);
  --fl-progress-bar-danger-bg: var(--fl-brand-danger);
  --fl-progress-bar-info-bg: var(--fl-brand-info);
  --fl-list-group-bg: #ffffff;
  --fl-list-group-border: #dddddd;
  --fl-list-group-border-radius: var(--fl-border-radius-base);
  --fl-list-group-hover-bg: #f5f5f5;
  --fl-list-group-active-color: var(--fl-component-active-color);
  --fl-list-group-active-bg: var(--fl-component-active-bg);
  --fl-list-group-active-border: var(--fl-list-group-active-bg);
  --fl-list-group-active-text-color: #ffffff;
  --fl-list-group-disabled-color: var(--fl-gray-light);
  --fl-list-group-disabled-bg: var(--fl-gray-lighter);
  --fl-list-group-disabled-text-color: var(--fl-list-group-disabled-color);
  --fl-list-group-link-color: #555555;
  --fl-list-group-link-hover-color: var(--fl-list-group-link-color);
  --fl-list-group-link-heading-color: #333333;
  --fl-panel-bg: #ffffff;
  --fl-panel-body-padding: 15px;
  --fl-panel-heading-padding: 10px 15px;
  --fl-panel-footer-padding: var(--fl-panel-heading-padding);
  --fl-panel-border-radius: var(--fl-border-radius-base);
  --fl-panel-inner-border: #dddddd;
  --fl-panel-footer-bg: #f5f5f5;
  --fl-panel-default-text: var(--fl-gray-dark);
  --fl-panel-default-border: #dddddd;
  --fl-panel-default-heading-bg: #f5f5f5;
  --fl-panel-primary-text: #ffffff;
  --fl-panel-primary-border: var(--fl-brand-primary);
  --fl-panel-primary-heading-bg: var(--fl-brand-primary);
  --fl-panel-success-text: var(--fl-state-success-text);
  --fl-panel-success-border: var(--fl-state-success-border);
  --fl-panel-success-heading-bg: var(--fl-state-success-bg);
  --fl-panel-info-text: var(--fl-state-info-text);
  --fl-panel-info-border: var(--fl-state-info-border);
  --fl-panel-info-heading-bg: var(--fl-state-info-bg);
  --fl-panel-warning-text: var(--fl-state-warning-text);
  --fl-panel-warning-border: var(--fl-state-warning-border);
  --fl-panel-warning-heading-bg: var(--fl-state-warning-bg);
  --fl-panel-danger-text: var(--fl-state-danger-text);
  --fl-panel-danger-border: var(--fl-state-danger-border);
  --fl-panel-danger-heading-bg: var(--fl-state-danger-bg);
  --fl-thumbnail-padding: 4px;
  --fl-thumbnail-bg: var(--fl-container-bg);
  --fl-thumbnail-border: #dddddd;
  --fl-thumbnail-border-radius: var(--fl-border-radius-base);
  --fl-thumbnail-caption-color: var(--fl-text-color);
  --fl-thumbnail-caption-padding: 9px;
  --fl-well-bg: #f5f5f5;
  --fl-well-border: #e3e3e3;
  --fl-badge-color: #ffffff;
  --fl-badge-link-hover-color: #ffffff;
  --fl-badge-bg: var(--fl-gray-light);
  --fl-badge-active-color: var(--fl-link-color);
  --fl-badge-active-bg: #ffffff;
  --fl-badge-font-weight: bold;
  --fl-badge-line-height: 1;
  --fl-badge-border-radius: 10px;
  --fl-breadcrumb-padding-vertical: 8px;
  --fl-breadcrumb-padding-horizontal: 15px;
  --fl-breadcrumb-bg: #f5f5f5;
  --fl-breadcrumb-color: #cccccc;
  --fl-breadcrumb-active-color: var(--fl-gray-light);
  --fl-breadcrumb-separator: "/";
  --fl-carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  --fl-carousel-control-color: #ffffff;
  --fl-carousel-control-width: 15%;
  --fl-carousel-control-opacity: 0.5;
  --fl-carousel-control-font-size: 20px;
  --fl-carousel-indicator-active-bg: #ffffff;
  --fl-carousel-indicator-border-color: #ffffff;
  --fl-carousel-caption-color: #ffffff;
  --fl-close-font-weight: bold;
  --fl-close-color: #000000;
  --fl-close-text-shadow: 0 1px 0 #ffffff;
  --fl-code-color: #c7254e;
  --fl-code-bg: #f9f2f4;
  --fl-kbd-color: #ffffff;
  --fl-kbd-bg: #333333;
  --fl-pre-bg: #f5f5f5;
  --fl-pre-color: var(--fl-gray-dark);
  --fl-pre-border-color: #cccccc;
  --fl-pre-scrollable-max-height: 340px;
  --fl-component-offset-horizontal: 180px;
  --fl-text-muted: var(--fl-gray-light);
  --fl-abbr-border-color: var(--fl-gray-light);
  --fl-headings-small-color: var(--fl-gray-light);
  --fl-blockquote-small-color: var(--fl-gray-light);
  --fl-blockquote-font-size: 17.5px;
  --fl-blockquote-border-color: var(--fl-gray-lighter);
  --fl-page-header-border-color: var(--fl-gray-lighter);
  --fl-dl-horizontal-offset: var(--fl-component-offset-horizontal);
  --fl-hr-border: var(--fl-gray-lighter);
}

/* Farbklassen der bisherigen Variablendatei. */
.primary-0 {
  margin-right: 10px;
  background-color: var(--fl-color-primary-0);
}
.primary-1 {
  margin-right: 10px;
  background-color: var(--fl-color-primary-1);
}
.primary-2 {
  margin-right: 10px;
  background-color: var(--fl-color-primary-2);
}
.primary-3 {
  margin-right: 10px;
  background-color: var(--fl-color-primary-3);
}
.primary-4 {
  margin-right: 10px;
  background-color: var(--fl-color-primary-4);
}
.secondary-1-0 {
  margin-right: 10px;
  background-color: var(--fl-color-secondary-1-0);
}
.secondary-1-1 {
  margin-right: 10px;
  background-color: var(--fl-color-secondary-1-1);
}
.secondary-1-2 {
  margin-right: 10px;
  background-color: var(--fl-color-secondary-1-2);
}
.secondary-1-3 {
  margin-right: 10px;
  background-color: var(--fl-color-secondary-1-3);
}
.secondary-1-4 {
  margin-right: 10px;
  background-color: var(--fl-color-secondary-1-4);
}
.secondary-2-0 {
  margin-right: 10px;
  background-color: var(--fl-color-secondary-2-0);
}
.secondary-2-1 {
  margin-right: 10px;
  background-color: var(--fl-color-secondary-2-1);
}
.secondary-2-2 {
  margin-right: 10px;
  background-color: var(--fl-color-secondary-2-2);
}
.secondary-2-3 {
  margin-right: 10px;
  background-color: var(--fl-color-secondary-2-3);
}
.secondary-2-4 {
  margin-right: 10px;
  background-color: var(--fl-color-secondary-2-4);
}
.complement-0 {
  margin-right: 10px;
  background-color: var(--fl-color-complement-0);
}
.complement-1 {
  margin-right: 10px;
  background-color: var(--fl-color-complement-1);
}
.complement-2 {
  margin-right: 10px;
  background-color: var(--fl-color-complement-2);
}
.complement-3 {
  margin-right: 10px;
  background-color: var(--fl-color-complement-3);
}
.complement-4 {
  margin-right: 10px;
  background-color: var(--fl-color-complement-4);
}

/* Dynamische Ableitungen: Grundrechenarten; feste Werte oben dienen als Fallback. */
:root {
  --fl-input-height-base: calc((var(--fl-line-height-computed) + (var(--fl-padding-base-vertical) * 2) + 2px));
  --fl-screen-xs-max: calc((var(--fl-screen-sm-min) - 1px));
  --fl-screen-sm-max: calc((var(--fl-screen-md-min) - 1px));
  --fl-screen-md-max: calc((var(--fl-screen-lg-min) - 1px));
  --fl-grid-float-breakpoint-max: calc((var(--fl-grid-float-breakpoint) - 1px));
  --fl-container-tablet: calc(((720px + var(--fl-grid-gutter-width))));
  --fl-container-desktop: calc(((940px + var(--fl-grid-gutter-width))));
  --fl-container-large-desktop: calc(((1140px + var(--fl-grid-gutter-width))));
  --fl-navbar-padding-vertical: calc(((var(--fl-navbar-height) - var(--fl-line-height-computed)) / 2));
  --fl-popover-arrow-outer-width: calc((var(--fl-popover-arrow-width) + 1px));
  --fl-blockquote-font-size: calc((var(--fl-font-size-base) * 1.25));
}

/* LESS ceil()/floor(): automatisch auf ganze Pixel runden. */
@supports (width: round(up, 1.5px, 1px)) {
  :root {
    --fl-font-size-large: calc(round(up, (var(--fl-font-size-base) * 1.25), 1px));
    --fl-font-size-small: calc(round(up, (var(--fl-font-size-base) * 0.85), 1px));
    --fl-font-size-h1: calc(round(down, (var(--fl-font-size-base) * 1.55), 1px));
    --fl-font-size-h2: calc(round(down, (var(--fl-font-size-base) * 1.3), 1px));
    --fl-font-size-h3: calc(round(up, (var(--fl-font-size-base) * 1.2), 1px));
    --fl-font-size-h4: calc(round(up, (var(--fl-font-size-base) * 1.1), 1px));
    --fl-font-size-h6: calc(round(up, (var(--fl-font-size-base) * 0.85), 1px));
    --fl-line-height-computed: calc(round(down, (var(--fl-font-size-base) * var(--fl-line-height-base)), 1px));
    --fl-input-height-large: calc((round(up, var(--fl-font-size-large) * var(--fl-line-height-large), 1px) + (var(--fl-padding-large-vertical) * 2) + 2px));
    --fl-input-height-small: calc((round(down, var(--fl-font-size-small) * var(--fl-line-height-small), 1px) + (var(--fl-padding-small-vertical) * 2) + 2px));
    --fl-navbar-padding-horizontal: calc(round(down, (var(--fl-grid-gutter-width) / 2), 1px));
    --fl-jumbotron-font-size: calc(round(up, (var(--fl-font-size-base) * 1.5), 1px));
  }
}

/* LESS-Farbfunktionen: HSL-Helligkeit, Farbton und Deckkraft automatisch ableiten. */
@supports (color: hsl(from red h s calc(l - 5))) {
  :root {
    --fl-gray-darker: hsl(from #000 h s clamp(0, calc(l + 13.5), 100));
    --fl-gray-dark: hsl(from #000 h s clamp(0, calc(l + 20), 100));
    --fl-gray: hsl(from #000 h s clamp(0, calc(l + 33.5), 100));
    --fl-gray-light: hsl(from #000 h s clamp(0, calc(l + 46.7), 100));
    --fl-gray-lighter: hsl(from #000 h s clamp(0, calc(l + 93.5), 100));
    --fl-header-navi-bg: hsl(from var(--fl-container-bg) h s clamp(0, calc(l - 10), 100));
    --fl-header-navi-item-bg: hsl(from var(--fl-container-bg) h s clamp(0, calc(l - 5), 100));
    --fl-btn-primary-border: hsl(from var(--fl-btn-primary-bg) h s clamp(0, calc(l - 5), 100));
    --fl-btn-success-border: hsl(from var(--fl-btn-success-bg) h s clamp(0, calc(l - 5), 100));
    --fl-btn-info-border: hsl(from var(--fl-btn-info-bg) h s clamp(0, calc(l - 5), 100));
    --fl-btn-warning-border: hsl(from var(--fl-btn-warning-bg) h s clamp(0, calc(l - 5), 100));
    --fl-btn-danger-border: hsl(from var(--fl-btn-danger-bg) h s clamp(0, calc(l - 5), 100));
    --fl-dropdown-link-hover-color: hsl(from var(--fl-gray-dark) h s clamp(0, calc(l - 5), 100));
    --fl-navbar-default-border: hsl(from var(--fl-navbar-default-bg) h s clamp(0, calc(l - 6.5), 100));
    --fl-navbar-default-link-active-bg: hsl(from var(--fl-navbar-default-bg) h s clamp(0, calc(l - 6.5), 100));
    --fl-navbar-default-brand-hover-color: hsl(from var(--fl-navbar-default-brand-color) h s clamp(0, calc(l - 10), 100));
    --fl-navbar-inverse-border: hsl(from var(--fl-navbar-inverse-bg) h s clamp(0, calc(l - 10), 100));
    --fl-navbar-inverse-link-active-bg: hsl(from var(--fl-navbar-inverse-bg) h s clamp(0, calc(l - 10), 100));
    --fl-state-success-border: hsl(from hsl(from var(--fl-state-success-bg) calc(h + -10) s l) h s clamp(0, calc(l - 5), 100));
    --fl-state-info-border: hsl(from hsl(from var(--fl-state-info-bg) calc(h + -10) s l) h s clamp(0, calc(l - 7), 100));
    --fl-state-warning-border: hsl(from hsl(from var(--fl-state-warning-bg) calc(h + -10) s l) h s clamp(0, calc(l - 5), 100));
    --fl-state-danger-border: hsl(from hsl(from var(--fl-state-danger-bg) calc(h + -10) s l) h s clamp(0, calc(l - 5), 100));
    --fl-popover-title-bg: hsl(from var(--fl-popover-bg) h s clamp(0, calc(l - 3), 100));
    --fl-popover-arrow-outer-color: hsl(from var(--fl-popover-border-color) h s l / clamp(0, calc(alpha + 0.05), 1));
    --fl-popover-arrow-outer-fallback-color: hsl(from var(--fl-popover-fallback-border-color) h s clamp(0, calc(l - 20), 100));
    --fl-list-group-active-text-color: hsl(from var(--fl-list-group-active-bg) h s clamp(0, calc(l + 40), 100));
    --fl-well-border: hsl(from var(--fl-well-bg) h s clamp(0, calc(l - 7), 100));
  }
}