@media (prefers-color-scheme: dark) 
   {
      
   }
:root:root {
   /* ***************************************************************** */
   /* preset fontawesome */

   --font-family-fa: 'Font Awesome 7 Pro';
   --font-style-fa: normal;
   --font-weight-fa: 900;
   --font-weight-fas: 900;
   --font-weight-fa-solid: 900;
   --font-weight-far: 400;
   --font-weight-fa-regular: 400;
   --font-weight-fal: 300;
   --font-weight-fa-light: 300;
   --font-weight-fat: 100;
   --font-weight-fa-thin: 100;
   --font-weight-fad: 300;
   --font-weight-fa-duotone: 300;
   --font-weight-fab: 400;
   --font-weight-fa-brands: 400;
   
   /* ***************************************************************** */
   /* --layout-expansion: content; full, content, outside */
   --layout-gap: var(--size-20);
   --layout-content: 992px;
   --layout-outside: 1200px; 
   --container-spacing: var(--size-80);  
   /* ------------------------------------ */
   --region-spacing: var(--size-0);      
   --region-with-color-spacing: var(--size-40);      
   /* ------------------------------------ */
   --default-text-margin: var(--clamp-1200-size-20) var(--size-0) var(--clamp-1200-size-20) var(--size-0); /* p, ul, blockquote... */
   --default-item-margin: var(--size-10) var(--size-0) var(--size-10) var(--size-0); /* list-item */
   /* ------------------------------------ */
   --color-3: #333333; /* p */
   --color-4: #812D5B; /* h1-6 */
   --color-5: #812D5B; /* a */
   --color-6: #812D5B; /* ah */
   --color-7: #812D5B; /* cite */
   --color-8: #ffffff;
   --color-9: #ffffff;
   --color-10: #FFFFFF; /* weiss */
   --color-11: #E5E4E3; /* Hellgrau */
   --color-12: #333333; /* Dunkelgrau */
   --color-13: #812D5B; /* Bordeaux (Violett) */
   --color-14: #E0E275; /* Gruen (Freiwillige gruen) */
   --color-15: #FFF6D9; /* Gelb */
   --color-16: #EBCCB9; /* Apricot (Rosee) */
   --color-17: #BEDAD8; /* Tuerkis */
   --color-18: #F0FADE; /* Klima - 1 - Hellgrün */
   --color-19: #00A3A6; /* Klima - 2 - Türkis */
   --color-20: #0F696E; /* Klima - 3 - Dunkeltürkis */
   --color-21: #822E5C; /* Klima - 4 - Bordeaux (Violett) V2 */
   --color-22: #B6F0F9; /* hellblau */
   --color-23: #F4D5E3; /* altrosa */
   --color-24: #F58C00; /* orange */
   /* ------------------------------------ */
/* startpunkt */

   --font-family-1: 'Sofa Sans W00 Bold', sans-serif;
   --font-style-1: normal;
   --font-weight-1: normal; 

   --font-family-2: 'Nunito Sans', sans-serif;
   --font-style-2: normal;
   --font-weight-2: normal;

   /* --font-family-3: 'Outfit', sans-serif; */
   /* --font-style-3: normal; */
   /* --font-weight-3: var(--font-weight-bold); */

   /* --font-family-4: 'Source Sans Pro', serif; */
   /* --font-style-4: normal; */
   /* --font-weight-4: var(--font-weight-bold); */

   /* --font-family-5: 'Outfit', sans-serif; */
   /* --font-style-5: normal; */
   /* --font-weight-5: var(--font-weight-semi-bold); */

   /* --font-family-6: 'Source Sans Pro', serif; */
   /* --font-style-6: normal; */
   /* --font-weight-6: var(--font-weight-semi-bold); */

   --font-family-7: 'Nunito Sans', sans-serif;
   --font-style-7: normal;
   --font-weight-7: 600;
   /* ***************************************************************** */
   --header-bg-img-layer-1: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1200" height="105" viewBox="0 0 1200 105"><rect fill="%23CF0913" x="0" y="0" rx="0" ry="0" width="1200" height="105" /><rect fill="%23F3F3F3" x="-200" y="-600" rx="0" ry="0" width="1200" height="1200" transform="rotate(45)" /><rect fill="%23F3F3F3" x="-500" y="-200" rx="0" ry="0" width="1200" height="1200" transform="rotate(-120)" /></svg>');
   --header-bg-img-layer-2: linear-gradient(90deg,var(--color-5) 0%,var(--color-5) 50%,var(--color-3) 50%,var(--color-3) 100%);
   --footer-bg-img-layer-1: url("data:image/svg+xml,<svg width=\"400\" height=\"150\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m-12.035,148.20251l6.1875,-157.00001l330.62501,-9l69.18749,82.00001l-406,84z\" fill=\"%23535353\"/></svg>");
   --footer-bg-img-layer-2: url("data:image/svg+xml,<svg width=\"400\" height=\"150\" xmlns=\"http://www.w3.org/2000/svg\"><path id=\"svg_1\" d=\"m408.96495,3.20249l-6.06558,149.43373l-324.11022,8.56626l-67.82419,-78.04819l397.99999,-79.9518z\" fill=\"%23CF0913\"/></svg>");
   /* ***************************************************************** */
   
   --hr-margin: var(--clamp-1200-size-48) auto;
   --hr-border-bottom: 0.1875rem solid var(--color-4);

   --p-margin: var(--size-10) 0rem;
   --p-font-family: var(--font-family-2);
   --p-font-style: var(--font-style-2);
   --p-font-variant: normal;
   --p-font-weight: var(--font-weight-2);
   --p-color: var(--color-3);
   --p-font-size: var(--clamp-1200-size-18);
   --p-line-height: 1.5;
   --p-text-align: unset;
   --p-letter-spacing: normal;
                                            
                                                
                                           
   --h1-font-family: var(--font-family-1);
   --h1-font-style: var(--font-style-1);
   --h1-font-weight: var(--font-weight-1);
   --h1-color: var(--color-4);
 
   --h1-margin: var(--clamp-1200-size-32) 0 var(--size-32) 0;
   --h1-font-size: var(--size-28);
   --h1-line-height: 1.3; 

   --h1-letter-spacing: normal;
   --h1-text-transform: uppercase;
   --h1-text-align: center;

   --h2-font-family: var(--font-family-1);
   --h2-font-style: var(--font-style-1);
   --h2-font-weight: var(--font-weight-1);
   --h2-color: var(--color-3);
   --h2-margin: var(--clamp-1200-size-28) 0 var(--size-8) 0;
 
   --h2-font-size: var(--size-26);
   --h2-line-height: 1.3;
 
   --h2-letter-spacing: normal;
   --h2-text-transform: uppercase;
   --h2-text-align: unset;
/*
   --h3-font-family: var(--font-family-1);
   --h3-font-style: var(--font-style-1);
   --h3-font-weight: var(--font-weight-1);
   --h3-color: var(--color-3);
   --h3-margin: 0.625rem 0;
   --h3-font-size: 1.75rem;
   --h3-line-height: 2.25rem;
   --h3-letter-spacing: normal;
   --h3-text-transform: uppercase;
   --h3-text-align: unset;
   */
   --h3-font-family: var(--font-family-1);
   --h3-font-style: var(--font-style-1);
   --h3-font-weight: var(--font-weight-1);
   --h3-color: var(--color-3);
   --h3-margin: var(--clamp-1200-size-24) 0 var(--size-8) 0;

   --h3-font-size: var(--size-20);
   --h3-line-height: 1.3;
  
   --h3-letter-spacing: normal;
   --h3-text-transform: uppercase;
   --h3-text-align: unset;

   --h4-font-family: var(--font-family-1);
   --h4-font-style: var(--font-style-1);
   --h4-font-weight: var(--font-weight-1);
   --h4-color: var(--color-3);
   --h4-margin: var(--clamp-1200-size-28) 0rem;
   --h4-font-size: var(--size-24);
   --h4-line-height: 1.5;
   --h4-letter-spacing: normal;
   --h4-text-transform: none;
   --h4-text-align: unset;

   --h5-font-family: var(--font-family-1);
   --h5-font-style: var(--font-style-1);
   --h5-font-weight: var(--font-weight-1);
   --h5-color: var(--color-3);
   --h5-margin: var(--size-20) 0;

   --h5-font-size: var(--size-19);
   --h5-line-height: 1.5;

   --h5-letter-spacing: normal;
   --h5-text-transform: uppercase;
   --h5-text-align: unset;

   --h6-font-family: var(--font-family-1);
   --h6-font-style: var(--font-style-1);
   --h6-font-weight: var(--font-weight-1);
   --h6-color: var(--color-3);
   --h6-margin: var(--p-margin);
   --h6-font-size: var(--size-18);
   --h6-line-height: 1.5;
   --h6-letter-spacing: normal;
   --h6-text-transform: none;
   --h6-text-align: unset;

   --strong-font-family: var(--font-family-2);
   --strong-font-style: normal;
   --strong-font-weight: bold;
   --strong-font-size: inherit;
   --strong-line-height: inherit;
   --strong-color: inherit;

   --em-font-family: inherit;
   --em-font-style: italic;
   --em-font-weight: normal;
   --em-font-size: inherit;
   --em-line-height: inherit;
   --em-color: inherit;
   
   /* --u-display: inline; */
   /* --u-text-decoration: underline; */
   /* --u-background: none; */
   /* --u-text-underline-position: under; */
   /* --u-text-decoration-thickness: var(--clamp-1200-size-2, 2px); */

   --blockquote-position: relative;
   --blockquote-margin: var(--p-margin);
   --blockquote-padding: var(--clamp-1200-size-24) 0 var(--clamp-1200-size-24) var(--clamp-1200-size-48);
   --blockquote-background: linear-gradient(to bottom, var(--color-13), var(--color-13)) 
                               left top / var(--size-3) 100% 
                               no-repeat;
   --blockquote-font-family: var(--font-family-2);
   --blockquote-font-style: italic;
   --blockquote-font-weight: var(--font-weight-2);
   --blockquote-font-size: var(--clamp-1200-size-24);
   --blockquote-line-height: var(--clamp-1200-size-28);
   --blockquote-text-align: left;
   --blockquote-letter-spacing: unset;
   --blockquote-color: var(--color-12);
/*
   --blockquote-before-content: "\f10e";*/
   /* --blockquote-before-width: calc(448px / 3); */
   /* --blockquote-before-height: calc(512px / 3); */
/*   --blockquote-before-top: var(--size-16);
   --blockquote-before-right: auto;
   --blockquote-before-bottom: auto;
   --blockquote-before-left: var(--size-n24);*/
   /* --blockquote-before-transform: rotate(0deg); */
   /* --blockquote-before-background: #CF091333; *//*
   --blockquote-before-font-family: var(--font-family-fa);
   --blockquote-before-font-style: normal;
   --blockquote-before-font-weight: var(--font-weight-fa-solid);
   --blockquote-before-font-variant: normal;
   --blockquote-before-font-size: var(--clamp-1200-size-32);
   --blockquote-before-color: var(--color-15); */
   /* --blockquote-before-z-index: unset; */

   /* --blockquote-after-content: ""; */
   /* --blockquote-after-width: 0rem; */
   /* --blockquote-after-height: 0rem; */
   /* --blockquote-after-top: auto; */
   /* --blockquote-after-right: var(--blockquote-before-left); */
   /* --blockquote-after-bottom: 0rem; */
   /* --blockquote-after-left: auto; */
   /* --blockquote-after-transform: rotate(330deg); */
   /* --blockquote-after-background: #0075a9; */
   /* --blockquote-after-font-family: inherit; */
   /* --blockquote-after-font-style: inherit; */
   /* --blockquote-after-font-weight: inherit; */
   /* --blockquote-after-font-variant: inherit; */
   /* --blockquote-after-font-size: inherit; */
   /* --blockquote-after-color: var(--color-1, #000); */
   /* --blockquote-after-z-index: unset; */

   --blockquote-cite-font-family: var(--font-family-2);
   --blockquote-cite-font-style: normal;
   --blockquote-cite-font-weight: normal;
   --blockquote-cite-font-variant: normal;
   --blockquote-cite-font-size: var(--clamp-1200-size-18);
   --blockquote-cite-line-height: 1.5;
   --blockquote-cite-text-align: right;
   --blockquote-cite-letter-spacing: unset;
   --blockquote-cite-color: var(--color-7);
   --blockquote-cite-margin: 0;
   --blockquote-cite-padding: 0;

   --ul-margin: var(--p-margin);
   --ul-padding: 0rem 0rem 0rem var(--size-32);
   --ul-li-margin: var(--p-margin);
   --ul-li-margin-left: 0;
   --ul-li-padding: 0;
   --ul-li-padding-left: var(--size-14);
   --ul-li-font-family: var(--p-font-family);
   --ul-li-font-style: var(--p-font-style);
   --ul-li-font-variant: var(--p-font-variant);
   --ul-li-font-weight: var(--p-font-weight);
   --ul-li-color: var(--p-color);
   --ul-li-font-size: var(--p-font-size);
   --ul-li-line-height: var(--p-line-height);
   --ul-li-letter-spacing: var(--p-letter-spacing);

   /* --ul-li-marker-content: "\e122"; */
   /* --ul-li-marker-content: "\e7d1"; */
   --ul-li-marker-content: "\2022";
   --ul-li-marker-color: var(--color-4);
   /* --ul-li-marker-font-family: "Font Awesome 7 Pro"; */
   --ul-li-marker-font-family: sans-serif;
   --ul-li-marker-font-style: normal;
   --ul-li-marker-font-weight: 900;
   --ul-li-marker-font-variant: inherit;
   --ul-li-marker-font-size: calc(var(--p-font-size) * 1); /* 0.5 */
   --ul-li-marker-line-height: var(--p-line-height);

   --ol-margin: var(--p-margin);
   --ol-padding: 0rem 0rem 0rem var(--size-45);
   --ol-list-style: decimal;
   --ol-li-margin: var(--p-margin);
   --ol-li-margin-left: 0;
   --ol-li-padding: 0;
   --ol-li-padding-left: var(--size-0);   
   --ol-li-font-family: var(--p-font-family);
   --ol-li-font-style: var(--p-font-style);
   --ol-li-font-variant: var(--p-font-variant);
   --ol-li-font-weight: var(--p-font-weight);
   --ol-li-color: var(--p-color);
   --ol-li-font-size: var(--p-font-size);
   --ol-li-line-height: var(--p-line-height);
   --ol-li-letter-spacing: var(--p-letter-spacing);

   --ol-li-marker-color: var(--color-4);
   --ol-li-marker-font-family: var(--font-family-2);
   --ol-li-marker-font-style: normal;
   --ol-li-marker-font-weight: 900;
   --ol-li-marker-font-variant: normal;
   --ol-li-marker-font-size: var(--size-36);
   --ol-li-marker-line-height: 1;

   --a-display: inline-block;
   --a-width: unset;
   --a-height: unset;
   --a-min-height: unset;
   --a-justify-content: unset;
   --a-align-items: unset;
   --a-align-content: unset;
   --a-font-family: var(--font-family-2);
   --a-font-style: var(--font-style-2);
   --a-font-weight: bold;
   --a-font-size: inherit;
   --a-line-height: inherit;
   --a-color: var(--color-5);
   --a-text-decoration: none;
   --a-background: transparent;
   --a-border: none;
   --a-border-radius: 0;
   --a-border-bottom: none;
   --a-text-underline-position: under;
   --a-text-decoration-thickness: var(--size-1);
   --a-padding: 0;
   --a-margin: 0;
   --a-transition: none;
   --a-text-transform: none;
   --a-transform: none;
   --a-letter-spacing: normal;
   --a-vertical-align: top;

   --a-hover-text-decoration: underline;
   --a-hover-text-underline-position: under;
   --a-hover-text-decoration-thickness: var(--size-1);
   --a-hover-color: var(--color-5);
   --a-hover-background: transparent;
   --a-hover-border: none;
   --a-hover-border-radius: 0;
   --a-hover-border-bottom: none;
   --a-hover-text-transform: none;
   --a-hover-transform: none;

   --a-focus-text-decoration: var(--a-hover-text-decoration);
   --a-focus-text-underline-position: var(--a-hover-text-underline-position);
   --a-focus-text-decoration-thickness: var(--a-hover-text-decoration-thickness);
   --a-focus-color: var(--a-hover-color);
   --a-focus-background: var(--a-hover-background);
   --a-focus-border: var(--a-hover-border);
   --a-focus-border-radius: var(--a-hover-border-radius);
   --a-focus-border-bottom: var(--a-hover-border-bottom);
   --a-focus-text-transform: var(--a-hover-text-transform);
   --a-focus-transform: var(--a-hover-transform);

   --a-target-blank-before-content: "";
   --a-target-blank-before-font-family: sans-serif;
   --a-target-blank-before-font-style: normal;
   --a-target-blank-before-font-weight: normal;
   --a-target-blank-before-font-variant: normal;

   --a-target-blank-after-content: " \f08e";
   --a-target-blank-after-font-family: var(--font-family-fa);
   --a-target-blank-after-font-style: var(--font-style-fa);
   --a-target-blank-after-font-weight: var(--font-weight-fa-solid);
   --a-target-blank-after-font-variant: normal;

   --a-file-before-font-family: var(--font-family-fa);
   --a-file-before-font-style: var(--font-style-fa);
   --a-file-before-font-weight: var(--font-weight-fa-solid);
   --a-file-before-font-variant: normal;
   --a-file-before-border: none;
   --a-file-before-border-radius: 0;
   --a-file-before-background: none;
   --a-file-before-padding: 0;
   --a-file-before-margin: 0;
   
   --a-file-pdf-before-content: "";
   --a-file-doc-before-content: "";
   --a-file-docx-before-content: "";
   --a-file-xls-before-content: "";
   --a-file-xlsx-before-content: "";
   --a-file-ppt-before-content: "";
   --a-file-pptx-before-content: "";
   --a-file-zip-before-content: "";
   --a-file-rar-before-content: "";
   --a-file-jpg-before-content: "";
   --a-file-jpeg-before-content: "";
   --a-file-png-before-content: "";
   --a-file-gif-before-content: "";
   --a-file-svg-before-content: "";
/*
   --a-file-pdf-before-content: "\f1c1";
   --a-file-doc-before-content: "\e5ed";
   --a-file-docx-before-content: "\e5ed";
   --a-file-xls-before-content: "\e64d";
   --a-file-xlsx-before-content: "\e64d";
   --a-file-ppt-before-content: "PPT";
   --a-file-pptx-before-content: "PPTX";
   --a-file-zip-before-content: "\e5ee";
   --a-file-rar-before-content: "RAR";
   --a-file-jpg-before-content: "JPG";
   --a-file-jpeg-before-content: "JPEG";
   --a-file-png-before-content: "PNG";
   --a-file-gif-before-content: "GIF";
   --a-file-svg-before-content: "SVG";
*/
   --a-file-after-font-family: sans-serif;
   --a-file-after-font-style: normal;
   --a-file-after-font-weight: normal;
   --a-file-after-font-variant: normal;
   --a-file-after-border: none;
   --a-file-after-border-radius: 0;
   --a-file-after-background: none;
   --a-file-after-padding: 0;
   --a-file-after-margin: 0;

   --a-file-pdf-after-content: "";
   --a-file-doc-after-content: "";
   --a-file-docx-after-content: "";
   --a-file-xls-after-content: "";
   --a-file-xlsx-after-content: "";
   --a-file-ppt-after-content: "";
   --a-file-pptx-after-content: "";
   --a-file-zip-after-content: "";
   --a-file-rar-after-content: "";
   --a-file-jpg-after-content: "";
   --a-file-jpeg-after-content: "";
   --a-file-png-after-content: "";
   --a-file-gif-after-content: "";
   --a-file-svg-after-content: "";


   --ph-file-list-ul-display: block;
   --ph-file-list-ul-gap: var(--clamp-1200-size-20);
   --ph-file-list-ul-margin: var(--default-text-margin);
   --ph-file-list-ul-padding: 0;

   --ph-file-list-ul-li-display: block;
   --ph-file-list-ul-li-margin: var(--default-item-margin);
   --ph-file-list-ul-li-margin-left: var(--size-0);
   --ph-file-list-ul-li-padding: 0;
   --ph-file-list-ul-li-padding-left: var(--clamp-1200-size-40);
   /*
   --ph-file-list-ul-li-font-family: "";
   --ph-file-list-ul-li-font-style: "";
   --ph-file-list-ul-li-font-variant: "";
   --ph-file-list-ul-li-font-weight: "";
   --ph-file-list-ul-li-color: "";
   --ph-file-list-ul-li-font-size: "";
   --ph-file-list-ul-li-line-height: "";
   --ph-file-list-ul-li-border: "";
   --ph-file-list-ul-li-border-bottom: "";
   --ph-file-list-ul-li-border-top: "";
   --ph-file-list-ul-li-background: "";
   --ph-file-list-ul-li-transition: "";
   --ph-file-list-ul-li-min-height: "";

   --ph-file-list-ul-li-marker-content: "";
   --ph-file-list-ul-li-marker-color: "";
   --ph-file-list-ul-li-marker-font-family: "";
   --ph-file-list-ul-li-marker-font-style: "";
   --ph-file-list-ul-li-marker-font-weight: "";
   --ph-file-list-ul-li-marker-font-variant: "";
   --ph-file-list-ul-li-marker-font-size: "";
   --ph-file-list-ul-li-marker-line-height: "";

   */
   --ph-file-list-ul-li-span-before-position: absolute;
   --ph-file-list-ul-li-span-before-transform: none;
   --ph-file-list-ul-li-span-before-width: auto;
   --ph-file-list-ul-li-span-before-height: auto;
   --ph-file-list-ul-li-span-before-border-radius: 0;
   --ph-file-list-ul-li-span-before-border: none;
   --ph-file-list-ul-li-span-before-background: none;
   --ph-file-list-ul-li-span-before-color: var(--color-4);
   --ph-file-list-ul-li-span-before-display: inline-block;
   --ph-file-list-ul-li-span-before-justify-content: center;
   --ph-file-list-ul-li-span-before-align-items: center;
   --ph-file-list-ul-li-span-before-top: 0;
   --ph-file-list-ul-li-span-before-left: 0;
   --ph-file-list-ul-li-span-before-right: auto;
   --ph-file-list-ul-li-span-before-bottom: auto;
   --ph-file-list-ul-li-span-before-font-family: var(--font-family-fa);
   --ph-file-list-ul-li-span-before-font-weight: var(--font-weight-fa-solid);
   --ph-file-list-ul-li-span-before-font-size: var(--clamp-1200-size-24);
   --ph-file-list-ul-li-span-before-content-file: "\f15b";
   --ph-file-list-ul-li-span-before-content-pdf: "\f1c1";
   --ph-file-list-ul-li-span-before-content-archive: "\e5ee";
   --ph-file-list-ul-li-span-before-transition: none;
   /*
   --ph-file-list-ul-li-span-after-position: "";
   --ph-file-list-ul-li-span-after-transform: "";
   --ph-file-list-ul-li-span-after-width: "";
   --ph-file-list-ul-li-span-after-height: "";
   --ph-file-list-ul-li-span-after-border-radius: "";
   --ph-file-list-ul-li-span-after-border: "";
   --ph-file-list-ul-li-span-after-background: "";
   --ph-file-list-ul-li-span-after-color: "";
   --ph-file-list-ul-li-span-after-display: "";
   --ph-file-list-ul-li-span-after-justify-content: "";
   --ph-file-list-ul-li-span-after-align-items: "";
   --ph-file-list-ul-li-span-after-top: "";
   --ph-file-list-ul-li-span-after-left: "";
   --ph-file-list-ul-li-span-after-right: "";
   --ph-file-list-ul-li-span-after-bottom: "";
   --ph-file-list-ul-li-span-after-font-family: "";
   --ph-file-list-ul-li-span-after-font-weight: "";
   --ph-file-list-ul-li-span-after-font-size: "";
   */
   --ph-file-list-ul-li-span-after-content-file: "";
   --ph-file-list-ul-li-span-after-content-pdf: "";
   --ph-file-list-ul-li-span-after-content-archive: "";
   --ph-file-list-ul-li-span-after-transition: none;

   /* --table-background: none; */
   /* --table-margin: var(--default-text-margin, 0); */
   /* --table-border: none; */
   /* --table-border-radius: 0; */
   /* --table-border-spacing: 0; */
   /* --table-thead-background: none; */
   /* --table-tbody-background: none; */
   /* --table-tfoot-background: none; */
   /* --table-tr-odd-background: none; */
   /* --table-tr-even-background: none; */
   /* --table-th-background: none; */
   /* --table-th-font-family: sans-serif; */
   /* --table-th-font-style: normal; */
   /* --table-th-font-weight: bold; */
   /* --table-th-font-variant: normal; */
   /* --table-th-font-size: var(--size-16); */
   /* --table-th-line-height: 1.2; */
   /* --table-th-color: var(--color-1); */
   /* --table-th-vertical-align: top; */
   /* --table-th-text-align: left; */
   /* --table-td-background: none; */
   /* --table-td-font-family: sans-serif; */
   /* --table-td-font-style: normal; */
   /* --table-td-font-weight: normal; */
   /* --table-td-font-variant: normal; */
   /* --table-td-font-size: var(--size-16); */
   /* --table-td-line-height: 1.2; */
   /* --table-td-color: var(--color-1); */
   /* --table-td-vertical-align: top; */
   /* --table-td-text-align: left; */
   /* --table-cell-padding: var(--size-8); */
   /* --table-cell-border-bottom: var(--size-1) solid var(--color-1); */
   /* --table-cell-border-right: var(--size-1) solid var(--color-1); */
   /* --table-cell-border-bottom-left-radius: 0; */
   /* --table-cell-border-bottom-right-radius: 0; */
   /* --table-cell-border-left: var(--size-1) solid var(--color-1); */
   /* --table-cell-border-top: var(--size-1) solid var(--color-1); */
   /* --table-cell-border-top-left-radius: 0; */
   /* --table-cell-border-top-right-radius: 0; */
   /* ***************************************************************** */
   /* ***************************************************************************************** */
      
   --form-placeholder-color: var(--color-3);
   --form-placeholder-opacity: 1;

   /* ***************************************************************************************** */

   /* --form-fieldset-margin: 0rem; */
   /* --form-fieldset-padding: 0rem; */
   /* --form-fieldset-border: var(--clamp-1200-size-1, 0.0625rem) solid black; */
   /* --form-fieldset-border-radius: 0rem; */
   /* --form-fieldset-legend-font-family: var(--font-family-1); */
   /* --form-fieldset-legend-font-style: var(--font-style-1); */
   /* --form-fieldset-legend-font-weight: var(--font-weight-1); */
   /* --form-fieldset-legend-color: var(--color-1); */
   /* --form-fieldset-legend-font-size: var(--size-14); */
   /* --form-fieldset-legend-line-height: var(--clamp-1200-size-21); */
   /* --form-fieldset-legend-display: block; */
   /* --form-fieldset-legend-margin: 0rem 0rem var(--clamp-1200-size-3, 0.1875rem) 0rem; */
   /* --form-fieldset-legend-padding: 0rem var(--clamp-1200-size-20, 1.25rem); */

   /* ***************************************************************************************** */
         
   --form-label-font-family: var(--font-family-2);
   --form-label-font-style: var(--font-style-2);
   --form-label-font-weight: var(--font-weight-2);
   --form-label-color: var(--color-3);
   --form-label-font-size: var(--clamp-1200-size-18);
   --form-label-line-height: 1.5;
   --form-label-display: block;
   --form-label-margin: 0rem 0rem 0.25rem 0rem;
   --form-label-padding: 0rem 0rem 0rem 0rem;

   /* ***************************************************************************************** */

   --form-button-font-family: var(--font-family-7);
   --form-button-font-style: var(--font-style-7);
   --form-button-font-weight: var(--font-weight-7);
   --form-button-color: var(--color-8);
   --form-button-background: var(--color-4);
   --form-button-font-size: var(--clamp-1200-size-18);
   --form-button-line-height: 1.5;
   --form-button-text-transform: uppercase;
   --form-button-text-align: center;
   --form-button-letter-spacing: normal;
   --form-button-padding: var(--size-8) var(--size-28);
   --form-button-margin: var(--size-20) var(--size-20) var(--size-30) var(--size-20);
   --form-button-border: var(--size-5) solid var(--color-2);
   --form-button-border-radius: var(--size-32);
   --form-button-width: auto;
   --form-button-clip-path: var(--default-clip-path, none);
   --form-button-outline: var(--size-0, 0rem) solid var(--color-x, transparent);
   --form-button-transition: all 150ms cubic-bezier(0.005,0.435,1.000,1.635);
   --form-button-box-shadow: rgba(0, 0, 0, 0.15) 0px var(--size-2) var(--size-15) 0px; 
   --form-button-transform: none; 

   --form-button-hover-font-family: var(--form-button-font-family);
   --form-button-hover-font-style: var(--form-button-font-style);
   --form-button-hover-font-weight: var(--form-button-font-weight);
   --form-button-hover-color: var(--color-3);
   --form-button-hover-background: var(--color-2);
   --form-button-hover-font-size: var(--form-button-font-size);
   --form-button-hover-line-height: var(--form-button-line-height);
   --form-button-hover-text-transform: var(--form-button-text-transform);
   --form-button-hover-text-align: var(--form-button-text-align);
   --form-button-hover-letter-spacing: var(--form-button-letter-spacing);
   --form-button-hover-padding: var(--form-button-padding);
   --form-button-hover-margin: var(--form-button-margin);
   --form-button-hover-border: 0.3125rem solid var(--form-button-background);
   --form-button-hover-border-radius: var(--form-button-border-radius);
   --form-button-hover-width: var(--form-button-width);
   --form-button-hover-clip-path: var(--form-button-clip-path);
   --form-button-hover-outline: var(--size-0, 0rem) solid var(--color-x, transparent);
   --form-button-hover-box-shadow: var(--form-button-box-shadow); 
   --form-button-hover-transform: none;  

   --form-button-focus-font-family: var(--form-button-hover-font-family);
   --form-button-focus-font-style: var(--form-button-hover-font-style);
   --form-button-focus-font-weight: var(--form-button-hover-font-weight);
   --form-button-focus-color: var(--form-button-hover-color);
   --form-button-focus-background: var(--form-button-hover-background);
   --form-button-focus-font-size: var(--form-button-hover-font-size);
   --form-button-focus-line-height: var(--form-button-hover-line-height);
   --form-button-focus-text-transform: var(--form-button-hover-text-transform);
   --form-button-focus-text-align: var(--form-button-text-align);
   --form-button-focus-letter-spacing: var(--form-button-hover-letter-spacing);
   --form-button-focus-padding: var(--form-button-hover-padding);
   --form-button-focus-margin: var(--form-button-hover-margin);
   --form-button-focus-border: var(--form-button-hover-border);
   --form-button-focus-border-radius: var(--form-button-hover-border-radius);
   --form-button-focus-width: var(--form-button-hover-width);
   --form-button-focus-clip-path: var(--form-button-hover-clip-path);
   --form-button-focus-outline: var(--form-button-hover-outline);
   --form-button-focus-box-shadow: var(--form-button-hover-box-shadow); 
   --form-button-focus-transform: var(--form-button-transform);  

   --form-button-active-font-family: var(--form-button-hover-font-family);
   --form-button-active-font-style: var(--form-button-hover-font-style);
   --form-button-active-font-weight: var(--form-button-hover-font-weight);
   --form-button-active-color: var(--color-2);
   --form-button-active-background: var(--color-4);
   --form-button-active-font-size: var(--form-button-hover-font-size);
   --form-button-active-line-height: var(--form-button-hover-line-height);
   --form-button-active-text-transform: var(--form-button-hover-text-transform);
   --form-button-active-text-align: var(--form-button-text-align);
   --form-button-active-letter-spacing: var(--form-button-hover-letter-spacing);
   --form-button-active-padding: var(--form-button-hover-padding);
   --form-button-active-margin: var(--form-button-hover-margin);
   --form-button-active-border: var(--size-0);
   --form-button-active-border-radius: var(--form-button-hover-border-radius);
   --form-button-active-width: var(--form-button-hover-width);
   --form-button-active-clip-path: var(--form-button-hover-clip-path);
   --form-button-active-outline: var(--form-button-hover-outline);
   --form-button-active-transform: var(--form-button-transform); 

   /* ***************************************************************************************** */

   --form-input-text-font-family: var(--font-family-2);
   --form-input-text-font-style: var(--font-style-2);
   --form-input-text-font-weight: var(--font-weight-2);
   --form-input-text-font-size: var(--clamp-1200-size-18);
   --form-input-text-line-height: 1.3;
   --form-input-text-color: #000000;
   --form-input-text-background: #ffffff;
   --form-input-text-padding: var(--clamp-1200-size-21) var(--size-10);
   --form-input-text-border: 0.0625rem solid transparent;
   --form-input-text-border-bottom: 0.0625rem solid transparent;
   --form-input-text-border-radius: var(--size-15);
   --form-input-text-width: 100%;
   --form-input-text-box-shadow: 0rem 0.125rem 0.9375rem rgba(0,0,0,0.15);
   /* --form-input-text-outline: var(--size-0, 0rem) solid var(--color-x, transparent); */

   /* --form-input-text-hover-font-family: var(--form-input-text-font-family); */
   /* --form-input-text-hover-font-style: var(--form-input-text-font-style); */
   /* --form-input-text-hover-font-weight: var(--form-input-text-font-weight); */
   /* --form-input-text-hover-font-size: var(--form-input-text-font-size); */
   /* --form-input-text-hover-line-height: var(--form-input-text-line-height); */
   /* --form-input-text-hover-color: var(--form-input-text-color); */
   /* --form-input-text-hover-background: var(--form-input-text-background); */
   /* --form-input-text-hover-padding: var(--form-input-text-padding); */
   /* --form-input-text-hover-border: var(--form-input-text-border); */
   /* --form-input-text-hover-border-bottom: var(--form-input-text-border-bottom); */
   /* --form-input-text-hover-border-radius: var(--form-input-text-border-radius); */
   /* --form-input-text-hover-width: var(--form-input-text-width); */
   /* --form-input-text-hover-outline: var(--form-input-text-outline); */
   --form-input-text-hover-box-shadow: 0rem 0.125rem 0.9375rem rgba(0,0,0,0.15);

   /* --form-input-text-focus-font-family: var(--form-input-text-font-family); */
   /* --form-input-text-focus-font-style: var(--form-input-text-font-style); */
   /* --form-input-text-focus-font-weight: var(--form-input-text-font-weight); */
   /* --form-input-text-focus-font-size: var(--form-input-text-font-size); */
   /* --form-input-text-focus-line-height: var(--form-input-text-line-height); */
   /* --form-input-text-focus-color: var(--form-input-text-color); */
   /* --form-input-text-focus-background: var(--form-input-text-background); */
   /* --form-input-text-focus-padding: var(--form-input-text-padding); */
   /* --form-input-text-focus-border: var(--form-input-text-border); */
   /* --form-input-text-focus-border-bottom: var(--form-input-text-border-bottom); */
   /* --form-input-text-focus-border-radius: var(--form-input-text-border-radius); */
   /* --form-input-text-focus-width: var(--form-input-text-width); */
   /* --form-input-text-focus-outline: var(--form-input-text-outline); */
   --form-input-text-focus-box-shadow: 0rem 0.125rem 0.9375rem rgba(0,0,0,0.15);

   /* ***************************************************************************************** */

      --form-input-checkbox-background: var(--color-11);
      --form-input-checkbox-border: var(--size-0) solid var(--color-4);
      --form-input-checkbox-border-radius: var(--size-6);
      --form-input-checkbox-margin: 0rem 0rem 0rem calc(0.5rem + 1.5rem);
      --form-input-checkbox-width: 1.25rem;
      --form-input-checkbox-height: 1.25rem;
      --form-input-checkbox-left: calc(0.5rem * -1 + 1.5rem * -1);
      --form-input-checkbox-transform: translateY(-0%);
      --form-input-checkbox-top: var(--size-3);
      --form-input-checkbox-content: '\00a0';
      --form-input-checkbox-checked-left: var(--size-n28);
      --form-input-checkbox-checked-top: var(--size-n4);
      --form-input-checkbox-checked-color: var(--color-4);
      --form-input-checkbox-checked-background: var(--color-11);
      --form-input-checkbox-checked-font-family: 'Font Awesome 7 Pro';
      --form-input-checkbox-checked-font-weight: 400;
      --form-input-checkbox-checked-font-size: 0.725rem;
      --form-input-checkbox-checked-content: '\f00c';
      --form-input-checkbox-focus-color: var(--color-4);
      --form-input-checkbox-focus-border-color: var(--color-4);


   /* ***************************************************************************************** */

   /* --form-input-radio-background: var(--form-input-checkbox-background); */
   /* --form-input-radio-border: var(--form-input-checkbox-border); */
   /* --form-input-radio-margin: 0rem 0rem 0rem calc(0.5rem + 1.5rem); */
   /* --form-input-radio-width: 1.25rem; */
   /* --form-input-radio-height: 1.25rem; */
   /* --form-input-radio-left: calc(0.5rem * -1 + 1.5rem * -1); */
   /* --form-input-radio-transform: translateY(-0%); */
   /* --form-input-radio-top: var(--size-0); */
   /* --form-input-radio-content: '\00a0'; */
   /* --form-input-radio-checked-left: -1.585rem; */
   /* --form-input-radio-checked-color: var(--form-input-checkbox-checked-color); */
   /* --form-input-radio-checked-background: var(--color-2); */
   /* --form-input-radio-checked-font-family: 'Font Awesome 5 Pro'; */
   /* --form-input-radio-checked-font-weight: 400; */
   /* --form-input-radio-checked-font-size: 0.725rem; */
   /* --form-input-radio-checked-content: '\f111'; */
   /* --form-input-radio-focus-color: var(--color-4); */
   /* --form-input-radio-focus-border-color: var(--color-4);  */

   /* ***************************************************************************************** */

   --form-select-font-family: var(--font-family-2);
   --form-select-font-style: var(--font-style-2);
   --form-select-font-weight: var(--font-weight-2);
   --form-select-font-size: var(--clamp-1200-size-18);
   --form-select-line-height: 1.3;
   --form-select-color: var(--color-3);
   --form-select-background: 
      linear-gradient(45deg, transparent 50%, var(--color-13) 50%) calc(100% - 16px) 50% / 8px 8px no-repeat,
      linear-gradient(135deg, var(--color-13) 50%, transparent 50%) calc(100% - 8px) 50% / 8px 8px no-repeat,
      var(--color-10);
   --form-select-padding: var(--clamp-1200-size-23) var(--clamp-1200-size-50) var(--clamp-1200-size-23) var(--size-10);
   --form-select-border: none; 
   --form-select-border-bottom: none;
   --form-select-border-radius: var(--size-15);
   --form-select-width: 100%;  
   --form-select-letter-spacing: normal;
   --form-select-text-transform: none;
   --form-select-box-shadow: 0rem 0.125rem 0.9375rem rgba(0,0,0,0.15);
   --form-select-option-font-family: var(--font-family-2);
   --form-select-option-font-style: var(--font-style-2);
   --form-select-option-font-weight: var(--font-weight-2);  
   --form-select-option-letter-spacing: normal;
   --form-select-option-text-transform: none;
   --form-select-option-font-size: var(--clamp-1200-size-18);
   --form-select-option-line-height: 1.5;
   --form-select-option-color: var(--form-select-color);
   --form-select-option-background: transparent;
   --form-select-option-disabled-color: var(--color-11);

   /* ***************************************************************************************** */
   /* ***************************************************************************************** */
   /* ***************************************************************************************** */



   /* --form-input-file-width: 100%; */

   /* --form-input-file-font-family: var(--font-family-3); */
   /* --form-input-file-font-style: var(--font-style-3); */
   /* --form-input-file-font-weight: var(--font-weight-3); */
   /* --form-input-file-font-size: var(--size-15); */
   /* --form-input-file-line-height: var(--clamp-1200-size-25); */
   /* --form-input-file-color: var(--color-4); */
   /* --form-input-file-padding: 0.5rem 1rem 0.5rem 1rem;  */
   /* --form-input-file-background: var(--color-9); */
   /* --form-input-file-border: none; */
   /* --form-input-file-border-bottom: 0rem solid transparent; */

   /* --form-input-file-button-font-family: var(--font-family-7); */
   /* --form-input-file-button-font-style: var(--font-style-7); */
   /* --form-input-file-button-font-weight: var(--font-weight-7); */
   /* --form-input-file-button-color: var(--color-2); */
   /* --form-input-file-button-font-size: var(--size-12); */
   /* --form-input-file-button-line-height: var(--clamp-1200-size-17); */
   /* --form-input-file-button-padding: var(--size-10) var(--clamp-1200-size-20) var(--size-10) var(--clamp-1200-size-20);  */
   /* --form-input-file-button-background: var(--color-4); */
   /* --form-input-file-button-border: 0rem solid transparent; */
   /* --form-input-file-button-border-bottom: 0rem solid transparent;   */
   /* ***************************************************************************************** */
   /* ***************************************************************************************** */
   /* ***************************************************************************************** */
   /* accordion */
   --ph-accordion-container-border-bottom: none;
   --ph-accordion-container-margin: var(--p-margin);
   --ph-accordion-title-margin: var(--clamp-1200-size-20) var(--size-0);
   --ph-accordion-title-background: var(--color-10);
   --ph-accordion-title-border-top: none;
   --ph-accordion-title-font-family: var(--strong-font-family);
   --ph-accordion-title-font-style: var(--strong-font-style);
   --ph-accordion-title-font-weight: var(--strong-font-weight);
   --ph-accordion-title-color: var(--color-1);
   --ph-accordion-title-font-size: var(--clamp-1200-size-18);
   --ph-accordion-title-line-height: 1.5;
   --ph-accordion-title-padding: var(--size-0) var(--size-0) var(--size-0) var(--size-10);
   --ph-accordion-title-text-transform: none;
   /* --ph-accordion-title-letter-spacing */
   --ph-accordion-title-icon-color: var(--color-13);
   --ph-accordion-title-icon-background: var(--clamp-1200-size-x);
   --ph-accordion-title-icon-font-size: var(--clamp-1200-size-18);
   --ph-accordion-title-icon-line-height: 1;
   --ph-accordion-title-icon-padding: var(--size-0) var(--size-0) var(--size-0) var(--size-0);
   --ph-accordion-content-background: var(--size-10);
   --ph-accordion-content-margin: var(--size-8) var(--size-8) var(--size-8) var(--clamp-1200-size-38);
   --ph-accordion-content-padding: var(--size-0);
   --ph-accordion-content-open-padding: var(--size-0);
   /* ***************************************************************************************** */
}  


@media (min-width: 576px) {
   :root:root {
     
      --h1-font-size: var(--clamp-1200-size-44); 
      --h1-text-align: left;
      --h2-font-size: var(--clamp-1200-size-32); 
      --h3-font-size: var(--clamp-1200-size-24);
      --h5-font-size: var(--clamp-1200-size-24);
   }
}
@media (min-width: 768px) {   
   :root:root {   
      --h1-margin: 0 0 var(--size-40) 0;
      --layout-gap: var(--clamp-1200-size-40);
   }
} 

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}