/*!
 * ############################################################################
 * Bootstrap  v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * ############################################################################
 * bootstrap_package 13.0.5
 * net-styles - meine Anpassung  - Erscheinungsbild - Rahmen
 */

/* Rundung  ################################################################ */
.frame-box-layout,       /* Box layout           */
.frame-box-layoutlight,  /* Box layout hell      */
.frame-box-layoutdark,   /* Box layout dunkel    */

.frame-box-blue,         /* Box blau             */
.frame-box-bluelight,    /* Box blau hell        */
.frame-box-bluedark,     /* Box blau dunkel      */
.frame-box-indigo,       /* Box indigo           */
.frame-box-purple,       /* Box lila             */
.frame-box-pink,         /* Box rosa             */
.frame-box-red,          /* Box rot              */
.frame-box-orange,       /* Box orange           */
.frame-box-yellow,       /* Box gelb             */
.frame-box-beige,        /* Box beige            */
.frame-box-green,        /* Box grün             */
.frame-box-greenlight,   /* Box grün hell        */
.frame-box-greendark,    /* Box grün dunkel      */
.frame-box-teal,         /* Box blaugrün         */
.frame-box-cyan,         /* Box cyan             */
.frame-box-white,        /* Box weiß             */
.frame-box-light,        /* Box 200 hell         */
.frame-box-greylight,    /* Box 400 grau hell    */
.frame-box-grey,         /* Box 600 grau         */
.frame-box-dark,         /* Box 800 dunkel       */
.frame-box-darker,       /* Box 900 dunkeler     */

.frame-box-primary,      /* Box primary          */
.frame-box-secondary,    /* Box secondary        */
.frame-box-tertiary {    /* Box tertiary         */
   margin: 0.15rem 0.15rem 0.15rem 0.15rem;
   border-radius: 0.35rem;
}

/* Background  ############################################################# */
.frame-box-layout {      /* Box layout           */
  color: rgb(248, 248, 248);
  background: rgb(82, 20,0);
}
.frame-box-layoutlight { /* Box layout hell      */
  color: rgb(248, 248, 248);
  background: rgb(121, 51, 51);
}
.frame-box-layoutdark {  /* Box layout dunkel    */
  color: rgb(248, 248, 248);
  background: rgb(47, 27, 17);
}
/* ############################################# */
.frame-box-blue {        /* Box blau             */
   --frame-color: rgb(248, 248, 248);
   --frame-background: rgb(0, 0, 255);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-bluelight {   /* Box blau hell       */
   --frame-color: rgb(33, 33, 33);
   --frame-background: rgb(13, 110, 253);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-bluedark {    /* Box blau dunkel     */
   --frame-color: rgb(248, 248, 248);
   --frame-background: rgb(0, 0, 128);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-indigo {      /* Box indigo          */
   --frame-color: rgb(248, 248, 248);
   --frame-background: rgb(102, 16, 242);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-purple {      /* Box lila            */
   --frame-color: rgb(248, 248, 248);
   --frame-background: rgb(111, 66, 193);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-pink {        /* Box rosa            */
   --frame-color: rgb(248, 248, 248);
   --frame-background: rgb(214, 51, 132);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-red {         /* Box rot             */
   --frame-color: rgb(248, 248, 248);
   --frame-background: rgb(220, 53, 69);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-orange {      /* Box orange          */
   --frame-color: rgb(248, 248, 248);
   --frame-background: rgb(253, 126, 20);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-yellow {      /* Box gelb            */
   --frame-color: rgb(33, 33, 33);
   --frame-background: rgb(255, 193, 7);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-beige {       /* Box beige           */
   --frame-color: rgb(33, 33, 33);
   --frame-background: rgb(250, 250, 210);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-greenlight {  /* Box grün hell       */
   --frame-color: rgb(33, 33, 33);
   --frame-background: rgb(0, 255, 128);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-greendark {   /* Box grün dunkel     */
   --frame-color: rgb(248, 248, 248);
   --frame-background: rgb(41, 91, 79);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-teal {        /* Box blaugrün        */
   --frame-color: rgb(248, 248, 248);
   --frame-background: rgb(32, 201, 151);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-cyan {        /* Box cyan            */
   --frame-color: rgb(248, 248, 248);
   --frame-background: rgb(13, 202, 240);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-white {       /* Box weiß            */
   --frame-color: rgb(33, 33, 33);
   --frame-background: rgb(255, 255, 255);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-light {       /* Box 200 hell        */
   --frame-color: rgb(33, 33, 33);
   --frame-background: rgb(233, 233, 233);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-greylight {   /* Box 400 grau hell   */
   --frame-color: rgb(33, 33, 33);
   --frame-background: rgb(206, 206, 206);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-grey {        /* Box 600 grau        */
   --frame-color: rgb(248, 248, 248);
   --frame-background: rgb(108, 108, 108);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-dark {        /* Box 800 dunkel      */
   --frame-color: rgb(248, 248, 248);
   --frame-background: rgb(49, 49, 49);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 .frame-box-darker {      /* Box 900 dunkeler    */
   --frame-color: rgb(248, 248, 248);
   --frame-background: rgb(33, 33, 33);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
/* ############################################# */
 .frame-box-primary {     /* Box primary - grün  */
   --frame-color: rgb(255, 255, 255);
   --frame-background: rgb(42, 157, 143);
   --frame-link-color: rgb(255, 255, 255);
   --frame-link-hover-color: rgb(255, 255, 255);
 }
 .frame-box-secondary {   /* Box secondary - Sandbraun */
   --frame-color: rgb(255, 255, 255);
   --frame-background: rgb(231, 111, 81);
   --frame-link-color: rgb(255, 255, 255);
   --frame-link-hover-color: rgb(255, 255, 255);
 }
.frame-box-tertiary {    /* Box tertiary         */
   --frame-color: rgb(0, 0, 0);
   --frame-background: rgb(244, 162, 97);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }

/* Link  ################################################################### */
.frame-box-layoutdark a,
.frame-box-layoutdark a:visited {
   color: rgb(164, 102, 102);
}
.frame-box-layoutlight a,
.frame-box-layoutlight a:visited {
   color: rgba(47,27,17, 0.9);
}
.frame-box-green a,
.frame-box-green a:visited {
   color: rgb(255, 255, 204);
}
.frame-box-yellow a,
.frame-box-yellow a:visited {
   color: rgb(47, 27, 17);
}
.frame-box-blue a,
.frame-box-blue a:visited {
   color: rgb(233, 196, 106);
}
.frame-box-orange a,
.frame-box-orange a:visited {
   color: rgba(47,27,17, 0.9);
}
.frame-box-darker a,
.frame-box-darker a:visited {
   color: rgb(255, 255, 255);
}

/* ####  orange (dark orange)  ############################### */
.frame-background-brown {
   --frame-color: rgb(250, 250, 210);
   --frame-background: rgb(110, 65, 50);
   --frame-link-color: rgb(47, 27, 17);
   --frame-link-hover-color: rgb(47, 27, 17);
 }

/* ####  green (dark green)  ################################  */
 .frame-background-green {
   --frame-color: rgb(250, 250, 210);
   --frame-background: rgb(41, 91, 79);
   --frame-link-color: rgb(244, 162, 97);
   --frame-link-hover-color: rgb(244, 162, 97);
 }

/* ####  yellow (light yellow)  ############################## */
 .frame-background-quaternary {
   --frame-color: rgb(0, 0, 0);
   --frame-background: rgb(233, 196, 106);
   --frame-link-color: rgb(0, 0, 0);
   --frame-link-hover-color: rgb(0, 0, 0);
 }
 
/* ####  box-light = Box 200 hell  ########################### */
 .frame-background-light {
   --frame-color: rgb(33, 33, 33);
   --frame-background: rgb(233, 233, 233);
   --frame-link-color: rgb(42, 157, 143);
   --frame-link-hover-color: rgb(34, 126, 114);
 }
  
/* ####  box-grey = Box 600 grau  ############################ */
.frame-background-grey {
  --frame-color: rgb(233, 233, 233);
  --frame-background: rgb(108, 108, 108);
  --frame-link-color: rgb(33, 33, 33);
  --frame-link-hover-color: rgb(33, 33, 33);
}

/* ####  box-dark = Box 800 dunkel  ########################## */
 .frame-background-dark {
   --frame-color: rgb(255, 255, 255);
   --frame-background: rgb(49, 49, 49);
   --frame-link-color: rgb(42, 157, 143);
   --frame-link-hover-color: rgb(34, 126, 114);
 }