/**
  - user defined additional Styles
  - Indent-level: 1
  - Naming: fkap_element-category-subcategory-#
  **/

/*
------------------------------------------------------------------------------
CSS Styles
------------------------------------------------------------------------------
Table of Contents
==============================================================================

1.  Base styles --------------------------------------------------- [fkap_01]
2.  Typography ---------------------------------------------------- [fkap_02]
3.  Scrollbars ---------------------------------------------------- [fkap_03]
4.  Layout -------------------------------------------------------- [fkap_04]
5.  Page building (containers, columns, content and card) --------- [fkap_05]
6.  Links --------------------------------------------------------- [fkap_06]
7.  Buttons ------------------------------------------------------- [fkap_07]
8.  List ---------------------------------------------------------- [fkap_08]
9.  Code ---------------------------------------------------------- [fkap_09]
10. Tables -------------------------------------------------------- [fkap_10]
11. Form elements ------------------------------------------------- [fkap_11]
12. Dropdown ------------------------------------------------------ [fkap_12]
13. Modal --------------------------------------------------------- [fkap_13]
14. Alerts -------------------------------------------------------- [fkap_14]
15. Navbar content ------------------------------------------------ [fkap_15]
16. Sidebar content ----------------------------------------------- [fkap_16]
17. Pagination ---------------------------------------------------- [fkap_17]
18. Breadcrumb ---------------------------------------------------- [fkap_18]
19. Tooltips ------------------------------------------------------ [fkap_19]
20. Badges -------------------------------------------------------- [fkap_20]
21. Image --------------------------------------------------------- [fkap_21]
22. Button group -------------------------------------------------- [fkap_22]
23. Collapse ------------------------------------------------------ [fkap_23]
24. Progress ------------------------------------------------------ [fkap_24]
25. Spacing utilities --------------------------------------------- [fkap_25]
26. Display utilities --------------------------------------------- [fkap_26]
27. Sizing utilities ---------------------------------------------- [fkap_27]
28. Flex utilities ------------------------------------------------ [fkap_28]
29. Position utilities -------------------------------------------- [fkap_29]
30. Other utilities ----------------------------------------------- [fkap_30]
*/


/*
-----------------------------------------------------------------------------
1.  Base styles --------------------------------------------------- [fkap_01]
=============================================================================
*/
/* Borders */
  .fkap_border {
    /* border-radius: var(--base-border-radius); */
    border: 1px solid rgba(var(--fkap_bg-grid-color), calc( var(--fkap_bg-grid-alpha-major) * var(--fkap_bg-grid-alpha-factor)));
  }
  .dark-mode .fkap_border {
    --fkap_bg-grid-alpha-factor: 1.7;
    --fkap_bg-grid-color: 255,255,255; /* var(--white-bg-color) */
  }
/*
-----------------------------------------------------------------------------
2.  Typography ---------------------------------------------------- [fkap_02]
=============================================================================
*/
/* Fonts-sizes */
.font-size-8 {
    font-size: 0.8rem !important;
}
.font-size-10 {
    font-size: 1.0rem !important;
}
/* Text-decoration */
.fkap_text-subscript {
  vertical-align: sub;
}
.fkap_content h5,
.fkap_content h1 {
  border-bottom: 1px solid  rgba(var(--fkap_bg-grid-color), calc( var(--fkap_bg-grid-alpha-major) * var(--fkap_bg-grid-alpha-factor))) !important;
  margin-bottom: .1em;
}
.fkap_content h1 {
  font-size: 1.4rem;
}
.fkap_content h2, h3, h4 {
  font-size: 1.2rem;
}
/*
-----------------------------------------------------------------------------
3.  Scrollbars ---------------------------------------------------- [fkap_03]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
4.  Layout -------------------------------------------------------- [fkap_04]
=============================================================================
*/
/* Calculated background-grid */
  .fkap_bg {
    background-color: var(--fkap_bg-background-color);
    background-image:
    linear-gradient(rgba(var(--fkap_bg-grid-color), calc( var(--fkap_bg-grid-alpha-major) * var(--fkap_bg-grid-alpha-factor))) 1px, transparent 1px),
    /* Rows-Major: linear-gradient(rgba(0,0,0,.2) 1px, transparent 1px), */
    linear-gradient(90deg, rgba(var(--fkap_bg-grid-color), calc( var(--fkap_bg-grid-alpha-major) * var(--fkap_bg-grid-alpha-factor))) 1px, transparent 1px),
    /* Cols-Major: linear-gradient(90deg, rgba(000,000,000,.3) 1px, transparent 1px), */
    linear-gradient(rgba(var(--fkap_bg-grid-color), calc( var(--fkap_bg-grid-alpha-minor) * var(--fkap_bg-grid-alpha-factor))) 1px, transparent 1px),
    /* Rows-Minor: linear-gradient(rgba(0,0,0,.15) 1px, transparent 1px), */
    linear-gradient(90deg, rgba(var(--fkap_bg-grid-color), calc( var(--fkap_bg-grid-alpha-minor) * var(--fkap_bg-grid-alpha-factor))) 1px, transparent 1px);
    /* Cols-Minor: linear-gradient(90deg, rgba(0,0,0,.15) 1px, transparent 1px); */
    background-size:
    /* background-size: 90px 90px, 160px 160px, 10px 10px, 16px 16px; */
    var(--fkap_bg-grid-rows-major) var(--fkap_bg-grid-rows-major),
    var(--fkap_bg-grid-cols-major) var(--fkap_bg-grid-cols-major),
    var(--fkap_bg-grid-rows-minor) var(--fkap_bg-grid-rows-minor),
    var(--fkap_bg-grid-cols-minor) var(--fkap_bg-grid-cols-minor);
    background-position:
    /* background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px; */
    var(--fkap_container-margin-x) var(--fkap_container-margin-x),
    var(--fkap_container-margin-x) var(--fkap_container-margin-x),
    var(--fkap_container-margin-y) var(--fkap_container-margin-y),
    var(--fkap_container-margin-y) var(--fkap_container-margin-y);
    /*
    calc( var(--fkap_bg-grid-cols-major) / 2 ) calc( var(--fkap_bg-grid-cols-major) / 2 ),
    calc( var(--fkap_bg-grid-cols-major) / 2 ) calc( var(--fkap_bg-grid-cols-major) / 2 ),
    calc( var(--fkap_bg-grid-rows-major) / 2 ) calc( var(--fkap_bg-grid-rows-major) / 2 ),
    calc( var(--fkap_bg-grid-rows-major) / 2 ) calc( var(--fkap_bg-grid-rows-major) / 2 );
    */
  }
  /* End calculated background-grid */
  .dark-mode .fkap_bg {
    --fkap_bg-grid-color: 255,255,255; /* var(--white-bg-color) */
    --fkap_bg-background-color: var(--dark-color);
    --fkap_bg-grid-alpha-factor: 1.2;
  }
  /* Backgrounds */
  .fkap_bg-theme {
    background-color: rgba(255,255,255,0.75);
  }
  .dark-mode .fkap_bg-theme {
    background-color: rgba(0,0,0,0.5);
  }
/*
-----------------------------------------------------------------------------
5.  Page building (containers, columns, content and card) --------- [fkap_05]
=============================================================================
*/
/* Container width fluid und berechneten margins */
  .fkap_container {
    margin-left: calc( var(--fkap_container-margin-x) ) ;
    margin-right: calc( var( --fkap_container-margin-x) - 1px ) ;
    margin-top: calc( var(--fkap_container-margin-y) * 2) ;
    min-height: calc( var(--fkap_bg-grid-rows-major) * 8 + 2px );
  }
  @media (min-width: 1700px) {
    .fkap_container {
      --fkap_container-max-width: 1641px;
      --fkap_container-margin-x: calc((100vw - var(--fkap_container-max-width)) / 2 );
      max-width: var(--fkap_container-max-width);
      margin-left: var(--fkap_container-margin-x);
      margin-right: var(--fkap_container-margin-x);
      /* margin-left: auto;
      margin-right: auto; */
      margin-top: calc( var(--fkap_container-margin-y) * 2);
      min-height: calc( var(--fkap_bg-grid-rows-major) * 8 + 2px );
    }
  }

/* End fkap-conainer */
  .fkap_content {
    margin: var(--fkap_bg-grid-cols-minor);
    /* max-height: var(--fkap-container-max-height); */
  }
  .fkap-card-16_9 {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
/*
-----------------------------------------------------------------------------
6.  Links --------------------------------------------------------- [fkap_06]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
7.  Buttons ------------------------------------------------------- [fkap_07]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
8.  List ---------------------------------------------------------- [fkap_08]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
9.  Code ---------------------------------------------------------- [fkap_09]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
10. Tables -------------------------------------------------------- [fkap_10]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
11. Form elements ------------------------------------------------- [fkap_11]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
12. Dropdown ------------------------------------------------------ [fkap_12]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
13. Modal --------------------------------------------------------- [fkap_13]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
14. Alerts -------------------------------------------------------- [fkap_14]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
15. Navbar content ------------------------------------------------ [fkap_15]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
16. Sidebar content ----------------------------------------------- [fkap_16]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
17. Pagination ---------------------------------------------------- [fkap_17]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
18. Breadcrumb ---------------------------------------------------- [fkap_18]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
19. Tooltips ------------------------------------------------------ [fkap_19]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
20. Badges -------------------------------------------------------- [fkap_20]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
21. Image --------------------------------------------------------- [fkap_21]
=============================================================================
*/
img {
  background-color: rgba(193, 193, 193, 0.2) !important;
}
  .fkap_img-fit {
    object-fit: cover;
    display: block;
    margin-left: auto;
    margin-right: auto;
    filter: grayscale(100%);
  }
  .fkap_img-fit:hover {
    filter: none;
  }
  .fkap_container-video {

  }
  .fkap_container-video-full {
    overflow: hidden;
    display: block;
    height: calc( var(--fkap_bg-grid-rows-major) * 10 );
    /* width: 100%; */
    width: calc( var(--fkap_bg-grid-cols-major) * 11 - 2px);
    object-fit: cover;
    z-index: -1;
  }

  .fkap_img-aspect-fix {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

/*
-----------------------------------------------------------------------------
22. Button group -------------------------------------------------- [fkap_22]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
23. Collapse ------------------------------------------------------ [fkap_23]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
24. Progress ------------------------------------------------------ [fkap_24]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
25. Spacing utilities --------------------------------------------- [fkap_25]
=============================================================================
*/
/* Paddings */
/* Padding by Cols */
  .fkap_p1 { padding: calc(var(--fkap_bg-grid-cols-major) * 1 ); }
  .fkap_p1-min { padding: calc(var(--fkap_bg-grid-cols-minor) * 1 ); }
  .fkap_p2-min { padding: calc(var(--fkap_bg-grid-cols-minor) * 2 ); }
  .fkap_p3-min { padding: calc(var(--fkap_bg-grid-cols-minor) * 3 ); }
  .fkap_p4-min { padding: calc(var(--fkap_bg-grid-cols-minor) * 4 ); }
  .fkap_p5-min { padding: calc(var(--fkap_bg-grid-cols-minor) * 5 ); }
/* Padding top by minor Cols */
  .fkap_pt1 { padding: calc(var(--fkap_bg-grid-cols-major) * 1 ); }
  .fkap_pt1-min { padding-top: calc(var(--fkap_bg-grid-cols-minor) * 1 ); }
  .fkap_pt2-min { padding-top: calc(var(--fkap_bg-grid-cols-minor) * 2 ); }
  .fkap_pt3-min { padding-top: calc(var(--fkap_bg-grid-cols-minor) * 3 ); }
  .fkap_pt4-min { padding-top: calc(var(--fkap_bg-grid-cols-minor) * 4 ); }
  .fkap_pt5-min { padding-top: calc(var(--fkap_bg-grid-cols-minor) * 5 ); }
/* Padding bottom by minor Cols */
  .fkap_pb1 { padding: calc(var(--fkap_bg-grid-cols-major) * 1 ); }
  .fkap_pb1-min { padding-bottom: calc(var(--fkap_bg-grid-cols-minor) * 1 ); }
  .fkap_pb2-min { padding-bottom: calc(var(--fkap_bg-grid-cols-minor) * 2 ); }
  .fkap_pb3-min { padding-bottom: calc(var(--fkap_bg-grid-cols-minor) * 3 ); }
  .fkap_pb4-min { padding-bottom: calc(var(--fkap_bg-grid-cols-minor) * 4 ); }
  .fkap_pb5-min { padding-bottom: calc(var(--fkap_bg-grid-cols-minor) * 5 ); }
/* Padding left by minor Cols */
  .fkap_pl1 { padding: calc(var(--fkap_bg-grid-cols-major) * 1 ); }
  .fkap_pl1-min { padding-left: calc(var(--fkap_bg-grid-cols-minor) * 1 ); }
  .fkap_pl2-min { padding-left: calc(var(--fkap_bg-grid-cols-minor) * 2 ); }
  .fkap_pl3-min { padding-left: calc(var(--fkap_bg-grid-cols-minor) * 3 ); }
  .fkap_pl4-min { padding-left: calc(var(--fkap_bg-grid-cols-minor) * 4 ); }
  .fkap_pl5-min { padding-left: calc(var(--fkap_bg-grid-cols-minor) * 5 ); }
/* Padding rigth by minor Cols */
  .fkap_pr1 { padding: calc(var(--fkap_bg-grid-cols-major) * 1 ); }
  .fkap_pr1-min { padding-right: calc(var(--fkap_bg-grid-cols-minor) * 1 ); }
  .fkap_pr2-min { padding-right: calc(var(--fkap_bg-grid-cols-minor) * 2 ); }
  .fkap_pr3-min { padding-right: calc(var(--fkap_bg-grid-cols-minor) * 3 ); }
  .fkap_pr4-min { padding-right: calc(var(--fkap_bg-grid-cols-minor) * 4 ); }
  .fkap_pr5-min { padding-right: calc(var(--fkap_bg-grid-cols-minor) * 5 ); }
/* Margins */
/* Margin by minor Cols */
  .fkap_m1 { margin: calc(var(--fkap_bg-grid-rows-major) * 1 ); } { margin: calc(var(--fkap_bg-grid-cols-major) * 1 ); }
  .fkap_m1-min { margin: calc(var(--fkap_bg-grid-cols-minor) * 1 ); }
  .fkap_m2-min { margin: calc(var(--fkap_bg-grid-cols-minor) * 2 ); }
  .fkap_m3-min { margin: calc(var(--fkap_bg-grid-cols-minor) * 3 ); }
  .fkap_m4-min { margin: calc(var(--fkap_bg-grid-cols-minor) * 4 ); }
  .fkap_m5-min { margin: calc(var(--fkap_bg-grid-cols-minor) * 5 ); }
  .fkap_m6-min { margin: calc(var(--fkap_bg-grid-cols-minor) * 6 ); }
/* Margin top by minor Cols */
  .fkap_mt1 { margin-top: calc(var(--fkap_bg-grid-rows-major) * 1 ); }
  .fkap_mt1-min { margin-top: calc(var(--fkap_bg-grid-cols-minor) * 1 ); }
  .fkap_mt2-min { margin-top: calc(var(--fkap_bg-grid-cols-minor) * 2 ); }
  .fkap_mt3-min { margin-top: calc(var(--fkap_bg-grid-cols-minor) * 3 ); }
  .fkap_mt4-min { margin-top: calc(var(--fkap_bg-grid-cols-minor) * 4 ); }
  .fkap_mt5-min { margin-top: calc(var(--fkap_bg-grid-cols-minor) * 5 ); }
  .fkap_mt6-min { margin-top: calc(var(--fkap_bg-grid-cols-minor) * 6 ); }
  .fkap_mt7-min { margin-top: calc(var(--fkap_bg-grid-cols-minor) * 7 ); }
/* Margin bottom by minor Cols */
  .fkap_mb1 { margin-bottom: calc(var(--fkap_bg-grid-rows-major) * 1 ); }
  .fkap_mb1-min { margin-bottom: calc(var(--fkap_bg-grid-cols-minor) * 1 ); }
  .fkap_mb2-min { margin-bottom: calc(var(--fkap_bg-grid-cols-minor) * 2 ); }
  .fkap_mb3-min { margin-bottom: calc(var(--fkap_bg-grid-cols-minor) * 3 ); }
  .fkap_mb4-min { margin-bottom: calc(var(--fkap_bg-grid-cols-minor) * 4 ); }
  .fkap_mb5-min { margin-bottom: calc(var(--fkap_bg-grid-cols-minor) * 5 ); }
  .fkap_mb6-min { margin-bottom: calc(var(--fkap_bg-grid-cols-minor) * 6 ); }
/* Margin left by minor Cols */
  .fkap_ml1 { margin-left: calc(var(--fkap_bg-grid-cols-major) * 1 ); }
  .fkap_ml1-min { margin-left: calc(var(--fkap_bg-grid-cols-minor) * 1 ); }
  .fkap_ml2-min { margin-left: calc(var(--fkap_bg-grid-cols-minor) * 2 ); }
  .fkap_ml3-min { margin-left: calc(var(--fkap_bg-grid-cols-minor) * 3 ); }
  .fkap_ml4-min { margin-left: calc(var(--fkap_bg-grid-cols-minor) * 4 ); }
  .fkap_ml5-min { margin-left: calc(var(--fkap_bg-grid-cols-minor) * 5 ); }
  .fkap_ml6-min { margin-left: calc(var(--fkap_bg-grid-cols-minor) * 6 ); }
/* Margin rigth by minor Cols */
  .fkap_mr1 { margin-right: calc(var(--fkap_bg-grid-cols-major) * 1 ); }
  .fkap_mr1-min { margin-right: calc(var(--fkap_bg-grid-cols-minor) * 1 ); }
  .fkap_mr2-min { margin-right: calc(var(--fkap_bg-grid-cols-minor) * 2 ); }
  .fkap_mr3-min { margin-right: calc(var(--fkap_bg-grid-cols-minor) * 3 ); }
  .fkap_mr4-min { margin-right: calc(var(--fkap_bg-grid-cols-minor) * 4 ); }
  .fkap_mr5-min { margin-right: calc(var(--fkap_bg-grid-cols-minor) * 5 ); }
  .fkap_mr6-min { margin-right: calc(var(--fkap_bg-grid-cols-minor) * 6 ); }
/*
-----------------------------------------------------------------------------
26. Display utilities --------------------------------------------- [fkap_26]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
27. Sizing utilities ---------------------------------------------- [fkap_27]
=============================================================================
*/
/* Heights */
  .fkap_ht-container-main {
    height: 95%;
  }
  .fkap_ht-ptb {
    height: calc(var(--fkap_bg-grid-rows-major) * 3 / 4 );
  }
  .fkap_ht1 {
    height: calc(var(--fkap_bg-grid-rows-major) * 1 );
  }
  .fkap_ht8 {
    height: calc(var(--fkap_bg-grid-rows-major) * 8);
  }
  .fkap_ht9 {
    min-height: calc(var(--fkap_bg-grid-rows-major) * 9);
  }
  .fkap_ht2-min {
    height: calc(var(--fkap_bg-grid-rows-minor) * 2 );
  }
  .fkap_ht3-min {
    height: calc(var(--fkap_bg-grid-rows-minor) * 3 );
  }
  .fkap_ht4-min {
    height: calc(var(--fkap_bg-grid-rows-minor) * 4 );
  }
  .fkap_ht5-min {
    height: calc(var(--fkap_bg-grid-rows-minor) * 5 );
  }
  .fkap_ht6-min {
    height: calc(var(--fkap_bg-grid-rows-minor) * 6 );
  }
  .fkap_ht80 {
    max-height: 80%;
  }

  .fkap_ht90 {
    height: 90%;
  }
/* Widths */
  .fkap_wd1 {
    width: var(--fkap_bg-grid-cols-major);
  }
  .fkap_wd2 {
    width: calc(var(--fkap_bg-grid-cols-major) * 2);
  }
/*
-----------------------------------------------------------------------------
28. Flex utilities ------------------------------------------------ [fkap_28]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
29. Position utilities -------------------------------------------- [fkap_29]
=============================================================================
*/
/*
-----------------------------------------------------------------------------
30. Other utilities ----------------------------------------------- [fkap_30]
=============================================================================
*/

/* Background-grid for .fkap_bg see Section 4 */
  :root {
    /* Calculated background-grid cols@media: xl-and-up: Anzahl Spalten:12 */
    --fkap_bg-grid-columns: calc( var(--fkap_bg-grid-ColsMin) * 4 );
    /* cols */
    /* Viewport / Anzahl Spalten => Spaltenbreite in px */
    --fkap_bg-grid-cols-major: calc(100vw / var(--fkap_bg-grid-columns) );
    --fkap_bg-grid-cols-minor: calc( var(--fkap_bg-grid-cols-major) / var(--fkap_bg-grid-cols) ); /*
    /* rows */
    --fkap_bg-grid-rows-major: calc( var(--fkap_bg-grid-cols-major) / var(--fkap_bg-grid-aspect-ratio) );
    --fkap_bg-grid-rows-minor: calc( var(--fkap_bg-grid-rows-major) / var(--fkap_bg-grid-rows) );

    /* Auto-Margin */
    --fkap_container-divisor: 2; /* how many min-cols as margin. xl-and-up: margins = 1/2 collumn */
    --fkap_container-margin-x: calc( var(--fkap_bg-grid-cols-major) / var(--fkap_container-divisor));
    --fkap_container-margin-y: calc( var(--fkap_bg-grid-rows-major) / var(--fkap_container-divisor) );

    /* ==> toDo: max-heigth / max-width <== */
    /* --fkap-container-max-height: calc( var(--fkap_bg-grid-rows-major) * 8 + 1px); */
    /* --fkap_container-width: 1450px; */
  }

  @media (max-width: 1200px) {
  :root {
   /* Calculated background-grid cols@media: lg-and-down Anzahl Spalten: 9 */
    --fkap_bg-grid-columns: calc( var(--fkap_bg-grid-ColsMin) * 3 );
    /* Auto-Margin */
    --fkap_container-divisor: 4; /* how many min-cols as margin. lg-and-down: = 1/4 collumn */
    --fkap_container-margin-x: calc( var(--fkap_bg-grid-cols-major) / var(--fkap_container-divisor));
    --fkap_container-margin-y: calc( var(--fkap_bg-grid-rows-major) / var(--fkap_container-divisor) );

    /* ==> toDo: max-heigth / max-width <== */
    /* --fkap-container-max-height: ; */
    }
  }
  @media (max-width: 768px) {
  :root {
   /* Calculated background-grid cols@media: md-and-down Anzahl Spalten: 6 */
    --fkap_bg-grid-columns: calc( var(--fkap_bg-grid-ColsMin) * 2 );
    /* Auto-Margin */
    --fkap_container-divisor: 4; /* how many min-cols as margin. md-and-down: = 1/4 collumn */
    --fkap_container-margin-x: calc( var(--fkap_bg-grid-cols-major) / var(--fkap_container-divisor));
    --fkap_container-margin-y: calc( var(--fkap_bg-grid-rows-major) / var(--fkap_container-divisor) );

    /* ==> toDo: max-heigth / max-width <== */
    /* --fkap-container-max-height: ; */
    /* --fkap_container-width: 700px; */
    }
  }
  @media (max-width: 576px) {
  :root {
   /* Calculated background-grid cols@media: sm-and-down Anzahl Spalten: 3 */
    --fkap_bg-grid-columns: var(--fkap_bg-grid-ColsMin);
    /* Auto-Margin */
    --fkap_container-divisor: 8; /* how many min-cols as margin. sm-and-down: = 1/12 collumn */
    --fkap_container-margin-x: calc( var(--fkap_bg-grid-cols-major) / var(--fkap_container-divisor));
    --fkap_container-margin-y: calc( var(--fkap_bg-grid-rows-major) / var(--fkap_container-divisor) );

    /* ==> toDo: max-heigth / max-width <== */
    /* --fkap_container-width: calc(100vw - var(--fkap_bg-grid-cols-minor) * 2 ); */
    /* --fkap-container-max-height: ; */
    }
  }