/*/ ===== clamp is between 1600px and 400px ===== /*/
/*/ ===== size is scaled down 2/3 ===== /*/

.border-radius-5 { border-radius: 5px; }
.border-radius-10 { border-radius: 10px; }
.border-radius-15 { border-radius: 15px; }
.border-radius-20 { border-radius: 20px; }
.border-radius-25 { border-radius: 25px; }
.border-radius-30 { border-radius: 30px; }
.border-radius-35 { border-radius: 35px; }
.border-radius-40 { border-radius: 40px; }
.border-radius-45 { border-radius: 45px; }
.border-radius-50 { border-radius: 50px; }
.border-radius-round { border-radius: 50%; }

.border-top-right-radius-15 { border-top-right-radius: 15px; }

.cursor-default { cursor: default !important; }
.cursor-auto { cursor: auto !important; }
.cursor-pointer { cursor: pointer !important; }
.cursor-text { cursor: text !important; }
.cursor-help { cursor: help !important; }
.cursor-move { cursor: move !important; }
.cursor-grab { cursor: grab !important; }

.display-block { display: block !important; }
.display-inline { display: inline !important; }
.display-inlineblock { display: inline-block !important; }
.display-inlineflex { display: inline-flex !important; }
.display-flex { display: flex !important; }
.display-grid { display: grid !important; }
.display-none { display: none !important; }
.display-honing { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.vertical-align-top { vertical-align: top !important; }
.vertical-align-middle { vertical-align: middle !important; }
.vertical-align-bottom { vertical-align: bottom !important; }
.vertical-align-baseline { vertical-align: baseline !important; }

.grid-template-columns-1 { grid-template-columns: 1fr; }
.grid-template-columns-2 { grid-template-columns: repeat(2,1fr); }
.grid-template-columns-3 { grid-template-columns: repeat(3,1fr); }
.grid-template-columns-4 { grid-template-columns: repeat(4,1fr); }
.grid-template-columns-5 { grid-template-columns: repeat(5,1fr); }
.grid-template-columns-6 { grid-template-columns: repeat(6,1fr); }
.grid-template-columns-7 { grid-template-columns: repeat(7,1fr); }
.grid-template-columns-8 { grid-template-columns: repeat(8,1fr); }
.grid-template-columns-9 { grid-template-columns: repeat(9,1fr); }
.grid-template-columns-10 { grid-template-columns: repeat(10,1fr); }
.grid-template-columns-11 { grid-template-columns: repeat(11,1fr); }
.grid-template-columns-12 { grid-template-columns: repeat(12,1fr); }
.grid-template-columns-subgrid { grid-template-columns: subgrid; }
.grid-template-columns-1auto { grid-template-columns: 1fr auto; }
.grid-template-columns-auto1 { grid-template-columns: auto 1fr; }

.grid-template-rows-auto1 { grid-template-rows: auto 1fr; }
.grid-template-rows-subgrid { grid-template-rows: subgrid; }

.grid-auto {
	--grid-auto-gap: 25px; --grid-auto-column-count: 25; --grid-auto-min-width: 300px; --autofitfill: auto-fill;
	--auto-gap-count: calc(var(--grid-auto-column-count) - 1); 
	--auto-total-gap-width: calc(var(--auto-gap-count) * var(--grid-auto-gap)); 
	--grid-auto-max-width: calc((100% - var(--auto-total-gap-width)) / var(--grid-auto-column-count));
	grid-template-columns: repeat(var(--autofitfill),minmax(max(var(--grid-auto-min-width),var(--grid-auto-max-width)),1fr)); 
	gap: var(--grid-auto-gap);
}

.grid-auto-maxcol-2 { --grid-auto-column-count: 2; }
.grid-auto-maxcol-3 { --grid-auto-column-count: 3; }
.grid-auto-maxcol-4 { --grid-auto-column-count: 4; }
.grid-auto-maxcol-5 { --grid-auto-column-count: 5; }
.grid-auto-maxcol-6 { --grid-auto-column-count: 6; }
.grid-auto-maxcol-7 { --grid-auto-column-count: 7; }
.grid-auto-maxcol-8 { --grid-auto-column-count: 8; }

.grid-auto-minwidth-200 { --grid-auto-min-width: 200px; }
.grid-auto-minwidth-250 { --grid-auto-min-width: 250px; }
.grid-auto-minwidth-350 { --grid-auto-min-width: 350px; }
.grid-auto-minwidth-400 { --grid-auto-min-width: 400px; }
.grid-auto-minwidth-500 { --grid-auto-min-width: 500px; }
.grid-auto-minwidth-600 { --grid-auto-min-width: 600px; }
.grid-auto-minwidth-1000 { --grid-auto-min-width: 1000px; }
@media (width < 500px) { 
    .grid-auto { --grid-auto-min-width: 200px; }
}

.grid-auto-gap-0 { --grid-auto-gap: 0px; }
.grid-auto-gap-5 { --grid-auto-gap: 5px; }
.grid-auto-gap-10 { --grid-auto-gap: 10px; }
.grid-auto-gap-15 { --grid-auto-gap: 15px; }
.grid-auto-gap-20 { --grid-auto-gap: 20px; }
.grid-auto-gap-30 { --grid-auto-gap: 30px; }
.grid-auto-gap-35 { --grid-auto-gap: 35px; }
.grid-auto-gap-40 { --grid-auto-gap: 40px; }
.grid-auto-gap-45 { --grid-auto-gap: 45px; }
.grid-auto-gap-50 { --grid-auto-gap: 50px; }
.grid-auto-gap-60 { --grid-auto-gap: 60px; }
.grid-auto-gap-70 { --grid-auto-gap: 70px; }
.grid-auto-gap-80 { --grid-auto-gap: 80px; }

.grid-auto-fit { --autofitfill: auto-fit; }

.gridcollapse-3-1600 { @media (width < 1600px){ grid-template-columns: repeat(3, 1fr); } }
.gridcollapse-1-1200 { @media (width < 1200px){ grid-template-columns: 1fr; } }
.gridcollapse-2-1200 { @media (width < 1200px){ grid-template-columns: repeat(2, 1fr); } }
.gridcollapse-1-1000 { @media (width < 1000px){ grid-template-columns: 1fr; } }
.gridcollapse-2-1000 { @media (width < 1000px){ grid-template-columns: repeat(2, 1fr); } } 
.gridcollapse-1-800 { @media (width < 800px){ grid-template-columns: 1fr; } }
.gridcollapse-2-800 { @media (width < 800px){ grid-template-columns: repeat(2, 1fr); } } 
.gridcollapse-1-600 { @media (width < 600px){ grid-template-columns: 1fr; } }
.gridcollapse-2-600 { @media (width < 600px){ grid-template-columns: repeat(2, 1fr); } } 
.gridcollapse-1-500 { @media (width < 500px){ grid-template-columns: 1fr; } }
.gridcollapse-2-500 { @media (width < 500px){ grid-template-columns: repeat(2, 1fr); } } 
.gridcollapse-1-400 { @media (width < 400px){ grid-template-columns: 1fr; } }
.gridcollapse-2-400 { @media (width < 400px){ grid-template-columns: repeat(2, 1fr); } } 

.gridcollapse-1-600-container { @container (width < 33.33rem) { grid-template-columns: 1fr; } }


.grid-row-1 { grid-row: 1 !important; } .grid-column-1 { grid-column: 1 !important; }
.grid-row-2 { grid-row: 2 !important; } .grid-column-2 { grid-column: 2 !important; }
.grid-row-3 { grid-row: 3 !important; } .grid-column-3 { grid-column: 3 !important; }
.grid-row-4 { grid-row: 4 !important; } .grid-column-4 { grid-column: 4 !important; }
.grid-row-5 { grid-row: 5 !important; } .grid-column-5 { grid-column: 5 !important; }

.grid-column-span2 { grid-column: span 2 !important; } .grid-row-span2 { grid-row: span 2 !important; }
.grid-column-span3 { grid-column: span 3 !important; } .grid-row-span3 { grid-row: span 3 !important; }
.grid-column-span4 { grid-column: span 4 !important; }
.grid-column-span5 { grid-column: span 5 !important; }
.grid-column-span6 { grid-column: span 6 !important; }
.grid-column-spanall { grid-column: 1 / -1 !important; }
.grid-column-spanall33 { grid-column: 3 / -3 !important; }

.flex-direction-column { flex-direction: column !important; }
.flex-direction-columnreverse { flex-direction: column-reverse !important; }
.flex-direction-row { flex-direction: row !important; }
.flex-direction-rowreverse { flex-direction: row-reverse !important; }

.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-basis-auto { flex-basis: auto !important; }

.flex-wrap-wrap { flex-wrap: wrap !important; }
.flex-wrap-wrapreverse { flex-wrap: wrap-reverse !important; }

.justify-content-start { justify-content: start !important; }
.justify-content-end { justify-content: end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-flexstart { justify-content: flex-start; }
.justify-content-flexend { justify-content: flex-end; }
.justify-content-spacebetween { justify-content: space-between !important; }
.justify-content-spacearound { justify-content: space-around !important; }

.justify-items-start { justify-items: start !important; }
.justify-items-end { justify-items: end !important; }
.justify-items-center { justify-items: center !important; }

.justify-self-center { justify-self: center !important; }
.justify-self-end { justify-self: end !important; }

.align-items-start { align-items: start !important; }
.align-items-end { align-items: end !important; }
.align-items-center { align-items: center !important; }
.align-items-flexstart { align-items: flex-start; }
.align-items-flexend { align-items: flex-end; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }

.align-content-start { align-content: start !important; }
.align-content-end { align-content: end !important; }
.align-content-center { align-content: center !important; }
.align-content-stretch { align-content: stretch !important; }
.align-content-spacebetween { align-content: space-between !important; }
.align-content-spacearound { align-content: space-around !important; }

.align-self-start { align-self: start !important; }
.align-self-end { align-self: end !important; }
.align-self-center { align-self: center !important; }
.align-self-stretch { align-self: stretch !important; }
.align-self-auto { align-self: auto !important; }

.place-items-center { place-items: center !important; }
.place-self-center { place-self: center !important; }

.gap-0 { gap: 0px; } .column-gap-0 { column-gap: 0px; } .row-gap-0 { row-gap: 0px !important; }
.gap-2 { gap: 2px; } .column-gap-2 { column-gap: 2px; } .row-gap-2 { row-gap: 2px !important; }
.gap-5 { gap: 5px; } .column-gap-5 { column-gap: 5px; } .row-gap-5 { row-gap: 5px !important; }
.gap-10 { gap: 10px; } .column-gap-10 { column-gap: 10px; } .row-gap-10 { row-gap: 10px !important; }
.gap-15 { gap: 15px; } .column-gap-15 { column-gap: 15px; } .row-gap-15 { row-gap: 15px !important; }
.gap-20 { gap: 20px; } .column-gap-20 { column-gap: 20px; } .row-gap-20 { row-gap: 20px !important; }
.gap-25 { gap: 25px; } .column-gap-25 { column-gap: 25px; } .row-gap-25 { row-gap: 25px !important; }
.gap-30 { gap: 30px; } .column-gap-30 { column-gap: 30px; } .row-gap-30 { row-gap: 30px !important; }
.gap-35 { gap: 35px; } .column-gap-35 { column-gap: 35px; } .row-gap-35 { row-gap: 35px !important; }
.gap-40 { gap: 40px; } .column-gap-40 { column-gap: 40px; } .row-gap-40 { row-gap: 40px !important; }
.gap-45 { gap: 45px; } .column-gap-45 { column-gap: 45px; } .row-gap-45 { row-gap: 45px !important; }
.gap-50 { gap: 50px; } .column-gap-50 { column-gap: 50px; } .row-gap-50 { row-gap: 50px !important; }
.gap-55 { gap: 55px; } .column-gap-55 { column-gap: 55px; } .row-gap-55 { row-gap: 55px !important; }
.gap-60 { gap: 60px; } .column-gap-60 { column-gap: 60px; } .row-gap-60 { row-gap: 60px !important; }
.gap-65 { gap: 65px; } .column-gap-65 { column-gap: 65px; } .row-gap-65 { row-gap: 65px !important; }
.gap-70 { gap: 70px; } .column-gap-70 { column-gap: 70px; } .row-gap-70 { row-gap: 70px !important; }
.gap-75 { gap: 75px; } .column-gap-75 { column-gap: 75px; } .row-gap-75 { row-gap: 75px !important; }
.gap-80 { gap: 80px; } .column-gap-80 { column-gap: 80px; } .row-gap-80 { row-gap: 80px !important; }

.list-style-none { list-style: none; }
.list-style-disc { list-style: disc; }
.list-style-circle { list-style: circle; }
.list-style-square { list-style: square; }
.list-style-decimal { list-style: decimal; }
.list-style-upperroman { list-style: upper-roman; }

.position-static { position: static !important; }
.position-absolute { position: absolute !important; }
.position-relative { position: relative !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: sticky !important; }

.position-top-0 { top: 0; }
.position-right-0 { right: 0; }
.position-bottom-0 { bottom: 0; }
.position-left-0 { left: 0; }

.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-scroll { overflow: scroll; }
.overflow-x-auto { overflow-x: auto; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-x-scroll { overflow-x: scroll; }
.overflow-y-auto { overflow-y: auto; }
.overflow-y-hidden { overflow-y: hidden; }
.overflow-y-scroll { overflow-y: scroll; }

.z-index-0 { z-index: 0; }
.z-index-1 { z-index: 1; }
.z-index-2 { z-index: 2; }
.z-index-3 { z-index: 3; }
.z-index-4 { z-index: 4; }
.z-index-5 { z-index: 5; }
.z-index-6 { z-index: 6; }
.z-index-7 { z-index: 7; }
.z-index-8 { z-index: 8; }
.z-index-9 { z-index: 9; }

.margin-inline-auto { margin-inline: auto; }
.margin-auto { margin: auto; } .margin-top-auto { margin-top: auto; } .margin-right-auto { margin-right: auto; } .margin-bottom-auto { margin-bottom: auto; } .margin-left-auto { margin-left: auto; }
.margin-0 { margin: 0; } .margin-top-0 { margin-top: 0; } .margin-right-0 { margin-right: 0; } .margin-bottom-0 { margin-bottom: 0; } .margin-left-0 { margin-left: 0; }
.margin-5 { margin: 5px; } .margin-top-5 { margin-top: 5px; } .margin-right-5 { margin-right: 5px; } .margin-bottom-5 { margin-bottom: 5px; } .margin-left-5 { margin-left: 5px; }
.margin-10 { margin: 10px; } .margin-top-10 { margin-top: 10px; } .margin-right-10 { margin-right: 10px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-left-10 { margin-left: 10px; }
.margin-15 { margin: 15px; } .margin-top-15 { margin-top: 15px; } .margin-right-15 { margin-right: 15px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-left-15 { margin-left: 15px; }
.margin-20 { margin: 20px; } .margin-top-20 { margin-top: 20px; } .margin-right-20 { margin-right: 20px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-left-20 { margin-left: 20px; }
.margin-25 { margin: 25px; } .margin-top-25 { margin-top: 25px; } .margin-right-25 { margin-right: 25px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-left-25 { margin-left: 25px; }
.margin-30 { margin: 30px; } .margin-top-30 { margin-top: 30px; } .margin-right-30 { margin-right: 30px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-left-30 { margin-left: 30px; }
.margin-35 { margin: 35px; } .margin-top-35 { margin-top: 35px; } .margin-right-35 { margin-right: 35px; } .margin-bottom-35 { margin-bottom: 35px; } .margin-left-35 { margin-left: 35px; }
.margin-40 { margin: 40px; } .margin-top-40 { margin-top: 40px; } .margin-right-40 { margin-right: 40px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-left-40 { margin-left: 40px; }
.margin-45 { margin: 45px; } .margin-top-45 { margin-top: 45px; } .margin-right-45 { margin-right: 45px; } .margin-bottom-45 { margin-bottom: 45px; } .margin-left-45 { margin-left: 45px; }
.margin-50 { margin: 50px; } .margin-top-50 { margin-top: 50px; } .margin-right-50 { margin-right: 50px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-left-50 { margin-left: 50px; }
.margin-55 { margin: 55px; } .margin-top-55 { margin-top: 55px; } .margin-right-55 { margin-right: 55px; } .margin-bottom-55 { margin-bottom: 55px; } .margin-left-55 { margin-left: 55px; }
.margin-60 { margin: 60px; } .margin-top-60 { margin-top: 60px; } .margin-right-60 { margin-right: 60px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-left-60 { margin-left: 60px; }
.margin-65 { margin: 65px; } .margin-top-65 { margin-top: 65px; } .margin-right-65 { margin-right: 65px; } .margin-bottom-65 { margin-bottom: 65px; } .margin-left-65 { margin-left: 65px; }
.margin-70 { margin: 70px; } .margin-top-70 { margin-top: 70px; } .margin-right-70 { margin-right: 70px; } .margin-bottom-70 { margin-bottom: 70px; } .margin-left-70 { margin-left: 70px; }
.margin-75 { margin: 75px; } .margin-top-75 { margin-top: 75px; } .margin-right-75 { margin-right: 75px; } .margin-bottom-75 { margin-bottom: 75px; } .margin-left-75 { margin-left: 75px; }
.margin-80 { margin: 80px; } .margin-top-80 { margin-top: 80px; } .margin-right-80 { margin-right: 80px; } .margin-bottom-80 { margin-bottom: 80px; } .margin-left-80 { margin-left: 80px; }
.margin-85 { margin: 85px; } .margin-top-85 { margin-top: 85px; } .margin-right-85 { margin-right: 85px; } .margin-bottom-85 { margin-bottom: 85px; } .margin-left-85 { margin-left: 85px; }
.margin-90 { margin: 90px; } .margin-top-90 { margin-top: 90px; } .margin-right-90 { margin-right: 90px; } .margin-bottom-90 { margin-bottom: 90px; } .margin-left-90 { margin-left: 90px; }
.margin-95 { margin: 95px; } .margin-top-95 { margin-top: 95px; } .margin-right-95 { margin-right: 95px; } .margin-bottom-95 { margin-bottom: 95px; } .margin-left-95 { margin-left: 95px; }
.margin-100 { margin: 100px; } .margin-top-100 { margin-top: 100px; } .margin-right-100 { margin-right: 100px; } .margin-bottom-100 { margin-bottom: 100px; } .margin-left-100 { margin-left: 100px; }

.padding-0 { padding: 0 !important; } .padding-top-0 { padding-top: 0 !important; } .padding-right-0 { padding-right: 0 !important; } .padding-bottom-0 { padding-bottom: 0 !important; } .padding-left-0 { padding-left: 0 !important; }
.padding-5 { padding: 5px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-left-5 { padding-left: 5px !important; }
.padding-10 { padding: 10px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-left-10 { padding-left: 10px !important; }
.padding-15 { padding: 15px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-right-15 { padding-right: 15px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-left-15 { padding-left: 15px !important; }
.padding-20 { padding: 20px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-left-20 { padding-left: 20px !important; }
.padding-25 { padding: 25px !important; } .padding-top-25 { padding-top: 25px !important; } .padding-right-25 { padding-right: 25px !important; } .padding-bottom-25 { padding-bottom: 25px !important; } .padding-left-25 { padding-left: 25px !important; }
.padding-30 { padding: 30px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-left-30 { padding-left: 30px !important; }
.padding-35 { padding: 35px; } .padding-top-35 { padding-top: 35px; } .padding-right-35 { padding-right: 35px; } .padding-bottom-35 { padding-bottom: 35px; } .padding-left-35 { padding-left: 35px; }
.padding-40 { padding: 40px; } .padding-top-40 { padding-top: 40px; } .padding-right-40 { padding-right: 40px; } .padding-bottom-40 { padding-bottom: 40px; } .padding-left-40 { padding-left: 40px; }
.padding-45 { padding: 45px; } .padding-top-45 { padding-top: 45px; } .padding-right-45 { padding-right: 45px; } .padding-bottom-45 { padding-bottom: 45px; } .padding-left-45 { padding-left: 45px; }
.padding-50 { padding: 50px; } .padding-top-50 { padding-top: 50px; } .padding-right-50 { padding-right: 50px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-left-50 { padding-left: 50px; }
.padding-55 { padding: 55px; } .padding-top-55 { padding-top: 55px; } .padding-right-55 { padding-right: 55px; } .padding-bottom-55 { padding-bottom: 55px; } .padding-left-55 { padding-left: 55px; }
.padding-60 { padding: 60px; } .padding-top-60 { padding-top: 60px; } .padding-right-60 { padding-right: 60px; } .padding-bottom-60 { padding-bottom: 60px; } .padding-left-60 { padding-left: 60px; }
.padding-65 { padding: 65px; } .padding-top-65 { padding-top: 65px; } .padding-right-65 { padding-right: 65px; } .padding-bottom-65 { padding-bottom: 65px; } .padding-left-65 { padding-left: 65px; }
.padding-70 { padding: 70px; } .padding-top-70 { padding-top: 70px; } .padding-right-70 { padding-right: 70px; } .padding-bottom-70 { padding-bottom: 70px; } .padding-left-70 { padding-left: 70px; }
.padding-75 { padding: 75px; } .padding-top-75 { padding-top: 75px; } .padding-right-75 { padding-right: 75px; } .padding-bottom-75 { padding-bottom: 75px; } .padding-left-75 { padding-left: 75px; }
.padding-80 { padding: 80px; } .padding-top-80 { padding-top: 80px; } .padding-right-80 { padding-right: 80px; } .padding-bottom-80 { padding-bottom: 80px; } .padding-left-80 { padding-left: 80px; }
.padding-90 { padding: 90px; } .padding-top-90 { padding-top: 90px; } .padding-right-90 { padding-right: 90px; } .padding-bottom-90 { padding-bottom: 90px; } .padding-left-90 { padding-left: 90px; }
.padding-100 { padding: 100px; } .padding-top-100 { padding-top: 100px; } .padding-right-100 { padding-right: 100px; } .padding-bottom-100 { padding-bottom: 100px; } .padding-left-100 { padding-left: 100px; }
.padding-120 { padding: 120px; } .padding-top-120 { padding-top: 120px; } .padding-right-120 { padding-right: 120px; } .padding-bottom-120 { padding-bottom: 120px; } .padding-left-120 { padding-left: 120px; }

.padding-5-15 { padding: 5px 15px; }

.font-size-4 { font-size: .4rem; }
.font-size-5 { font-size: .5rem; }
.font-size-6 { font-size: .6rem; }
.font-size-7 { font-size: .7rem; }
.font-size-8 { font-size: .8rem; }
.font-size-9 { font-size: .9rem; }
.font-size-10 { font-size: 1rem; }
.font-size-11 { font-size: 1.1rem; }
.font-size-12 { font-size: 1.2rem; }
.font-size-13 { font-size: 1.3rem; }
.font-size-14 { font-size: 1.4rem; }
.font-size-15 { font-size: 1.5rem; }
.font-size-16 { font-size: 1.6rem; }
.font-size-17 { font-size: 1.7rem; }
.font-size-18 { font-size: 1.8rem; }
.font-size-19 { font-size: 1.9rem; }
.font-size-20 { font-size: 2rem; }
.font-size-21 { font-size: 2.1rem; }
.font-size-22 { font-size: 2.2rem; }
.font-size-23 { font-size: 2.3rem; }
.font-size-24 { font-size: 2.4rem; }
.font-size-25 { font-size: 2.5rem; }
.font-size-26 { font-size: 2.6rem; }
.font-size-27 { font-size: 2.7rem; }
.font-size-28 { font-size: 2.8rem; }
.font-size-29 { font-size: 2.9rem; }
.font-size-30 { font-size: 3rem; }
.font-size-31 { font-size: 3.1rem; }
.font-size-32 { font-size: 3.2rem; }
.font-size-33 { font-size: 3.3rem; }
.font-size-34 { font-size: 3.4rem; }
.font-size-35 { font-size: 3.5rem; }
.font-size-36 { font-size: 3.6rem; }
.font-size-37 { font-size: 3.7rem; }
.font-size-38 { font-size: 3.8rem; }
.font-size-39 { font-size: 3.9rem; }
.font-size-40 { font-size: 4rem; }
.font-size-45cqi { font-size: 4.5cqi; }

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

.font-style-normal { font-style: normal; }
.font-style-italic { font-style: italic; }

.line-height-9 { line-height: .9; }
.line-height-12 { line-height: 1.2; }
.line-height-15 { line-height: 1.5; }
.line-height-18 { line-height: 1.8; }
.line-height-21 { line-height: 2.1; }

.text-decoration-none { text-decoration: none; }
.text-decoration-underline { text-decoration: underline; }
.text-decoration-linethrough { text-decoration: line-through; }

.text-transform-none { text-transform: none; }
.text-transform-uppercase { text-transform: uppercase; }
.text-transform-lowercase { text-transform: lowercase; }
.text-transform-capitalize { text-transform: capitalize; }

.text-align-center { text-align: center; }
.text-align-left { text-align: left; }
.text-align-right { text-align: right; }
.text-align-justify { text-align: justify; }

.text-shadow-black { 
    /* text-shadow: 0px 0px 1px rgba(0, 0, 0, 1), 0px 0px 1px rgba(0, 0, 0, 1); */
    text-shadow: 0px 0px 1px rgba(0, 0, 0, .5), 0px 0px 1px rgba(0, 0, 0, .5), 0px 0px 1px rgba(0, 0, 0, .5), 0px 0px 1px rgba(0, 0, 0, .5);
}

.word-break-breakword { word-break: break-word; }
.white-space-nowrap { white-space: nowrap; }

.hover-underline:hover { text-decoration: underline; }
.hover-linethrough:hover { text-decoration: line-through; }
.hover-lighten:hover { filter: brightness(110%); transition: filter .2s; }
.hover-darken:hover { filter: brightness(80%); transition: filter .2s; }
.hover-highlight:hover { background-color: color-mix(in srgb, var(--color-mlg1), transparent 93%); transition: background-color .2s; }
.hover-show { opacity: 0; transition: opacity 0.2s; }
.hover-show:hover { opacity: 1; }
.hover-zoom { overflow: hidden; transition: transform 0.2s; }
.hover-zoom * { transition: transform 0.2s; }
.hover-zoom:hover * { transform: scale(1.1); transition: transform 0.2s; }
.hover-grow12:hover { transform: scale(1.1); transition: transform 0.2s; }
.hover-color1:hover { color: var(--color1); transition: color .2s; }

.background-color-transblack50 { background-color: rgba(0,0,0,.5); }

.width-0 { width: 0px; } .height-0 { height: 0px; }
.width-1 { width: 1px; } .height-1 { height: 1px; }
.width-2 { width: 2px; } .height-2 { height: 2px; }
.width-3 { width: 3px; } .height-3 { height: 3px; }
.width-4 { width: 4px; } .height-4 { height: 4px; }
.width-5 { width: 5px; } .height-5 { height: 5px; }
.width-6 { width: 6px; } .height-6 { height: 6px; }
.width-7 { width: 7px; } .height-7 { height: 7px; }
.width-8 { width: 8px; } .height-8 { height: 8px; }
.width-9 { width: 9px; } .height-9 { height: 9px; }
.width-10 { width: 10px; } .height-10 { height: 10px; }
.width-15 { width: clamp(10px,8.34px + 0.417vw,15px) !important; } .height-15 { height: clamp(10px,8.34px + 0.417vw,15px); }
.width-20 { width: clamp(13px,10.66px + 0.583vw,20px) !important; } .height-20 { height: clamp(13px,10.66px + 0.583vw,20px); }
.width-25 { width: clamp(17px,14.33px + 0.667vw,25px) !important; } .height-25 { height: clamp(17px,14.33px + 0.667vw,25px); }
.width-30 { width: clamp(20px,16.68px + 0.833vw,30px) !important; } .height-30 { height: clamp(20px,16.68px + 0.833vw,30px) !important; }
.width-35 { width: clamp(23px,19px + 1vw,35px) !important; } .height-35 { height: clamp(23px,19px + 1vw,35px); }
.width-40 { width: clamp(27px,22.68px + 1.083vw,40px) !important; } .height-40 { height: clamp(27px,22.68px + 1.083vw,40px); }
.width-45 { width: clamp(30px,25.02px + 1.25vw,45px) !important; } .height-45 { height: clamp(30px,25.02px + 1.25vw,45px); }
.width-50 { width: clamp(33px,27.35px + 1.417vw,50px) !important; } .height-50 { height: clamp(33px,27.35px + 1.417vw,50px); }
.width-55 { width: clamp(37px,31.02px + 1.5vw,55px) !important; } .height-55 { height: clamp(37px,31.02px + 1.5vw,55px); }
.width-60 { width: clamp(40px,33.36px + 1.667vw,60px) !important; } .height-60 { height: clamp(40px,33.36px + 1.667vw,60px); }
.width-65 { width: clamp(43px,35.69px + 1.833vw,65px) !important; } .height-65 { height: clamp(43px,35.69px + 1.833vw,65px); }
.width-70 { width: clamp(47px,39.34px + 1.917vw,70px) !important; } .height-70 { height: clamp(47px,39.34px + 1.917vw,70px); }
.width-80 { width: clamp(53px,44px + 2.25vw,80px) !important; } .height-80 { height: clamp(53px,44px + 2.25vw,80px); }
.width-90 { width: clamp(60px,50.04px + 2.5vw,90px) !important; } .height-90 { height: clamp(60px,50,04px + 2.5vw,90px); }
.width-100 { width: clamp(66px,54.7px + 2.833vw,100px) !important; } .height-100 { height: clamp(66px,54.7px + 2.833vw,100px); }
.width-120 { width: clamp(80px,66.64px + 3.333vw,120px) !important; } .height-120 { height: clamp(80px,66.64px + 3.333vw,120px); }
.width-150 { width: clamp(100px,83.4px + 4.167vw,150px) !important; } .height-150 { height: clamp(100px,83.4px + 4.167vw,150px); }
.width-180 { width: clamp(120px,100.08px + 5vw,180px) !important; } .height-180 { height: clamp(120px,100.08px + 5vw,180px); }
.width-250 { width: clamp(167px,139.25px + 6.197vw,250px) !important; } .height-250 { height: clamp(167px,139.25px + 6.197vw,250px); }
.width-300 { width: clamp(200px,166.8px + 8.333vw,300px) !important; } .height-300 { height: clamp(200px,166.8px + 8.333vw,300px); }
.width-100p { width: 100%; } .height-100p { height: 100% !important; }
.width-auto { width: auto; } .height-auto { height: auto !important; }
.min-width-170 { min-width: 170px; } .min-height-170 { min-height: 170px; }
.min-width-1500 { min-width: 1500px !important; } .min-height-1500 { min-height: 1500px; }
.min-width-1800 { min-width: 1800px !important; } .min-height-1800 { min-height: 1800px; }
.max-width-70 { max-width: 70px; } .max-height-70 { max-height: 70px; }
.max-width-200 { max-width: 200px; } .max-height-200 { max-height: 200px; }
.max-width-600 { max-width: 600px; } .max-height-600 { max-height: 600px; }
.max-width-800 { max-width: 800px; } .max-height-800 { max-height: 800px; }
.max-width-1000 { max-width: 1000px; } .max-height-1000 { max-height: 1000px; }
.width-30svw { width: 30svw; } .height-30svh { height: 30svh; }
.width-50svw { width: 50svw; } .height-50svh { height: 50svh; }
.width-10rem { width: 1rem !important; } .height-10rem { height: 1rem !important; }
.width-16rem { width: 1.6rem !important; } .height-16rem { height: 1.6rem !important; }
.width-22rem { width: 2.2rem !important; } .height-22rem { height: 2.2rem !important; }
.width-24rem { width: 2.4rem !important; } .height-24rem { height: 2.4rem !important; }
.width-fit-content { width: fit-content; }

.imgwidth-20 { width: clamp(13px,10.66px + 0.583vw,20px) !important; max-height: clamp(13px,10.66px + 0.583vw,20px) !important; }

.transition-height-2 { transition: height ease .2s !important; }
.transition-rotate-2 { transition: rotate ease .2s !important; }
.transition-rotate-3 { transition: rotate ease .3s !important; }

.aspect-ratio-10-10 { aspect-ratio: 1 / 1 !important; }
.aspect-ratio-10-13 { aspect-ratio: 1 / 1.3 !important; }
.aspect-ratio-10-15 { aspect-ratio: 1 / 1.5 !important; }
.aspect-ratio-15-10 { aspect-ratio: 1.5 / 1 !important; }
.aspect-ratio-a4 { aspect-ratio: 1 / 1.414 !important; }

.border-width-1 { border-width: 1px; } .border-top-width-1 { border-top-width: 1px; } .border-right-width-1 { border-right-width: 1px; } .border-bottom-width-1 { border-bottom-width: 1px; } .border-left-width-1 { border-left-width: 1px; }
.border-width-2 { border-width: 2px; } .border-top-width-2 { border-top-width: 2px; } .border-right-width-2 { border-right-width: 2px; } .border-bottom-width-2 { border-bottom-width: 2px; } .border-left-width-2 { border-left-width: 2px; }
.border-width-3 { border-width: 3px; } .border-top-width-3 { border-top-width: 3px; } .border-right-width-3 { border-right-width: 3px; } .border-bottom-width-3 { border-bottom-width: 3px; } .border-left-width-3 { border-left-width: 3px; }
.border-width-4 { border-width: 4px; } .border-top-width-4 { border-top-width: 4px; } .border-right-width-4 { border-right-width: 4px; } .border-bottom-width-4 { border-bottom-width: 4px; } .border-left-width-4 { border-left-width: 4px; }
.border-width-5 { border-width: 5px; } .border-top-width-5 { border-top-width: 5px; } .border-right-width-5 { border-right-width: 5px; } .border-bottom-width-5 { border-bottom-width: 5px; } .border-left-width-5 { border-left-width: 5px; }
.border-width-6 { border-width: 6px; } .border-top-width-6 { border-top-width: 6px; } .border-right-width-6 { border-right-width: 6px; } .border-bottom-width-6 { border-bottom-width: 6px; } .border-left-width-6 { border-left-width: 6px; }
.border-width-7 { border-width: 7px; } .border-top-width-7 { border-top-width: 7px; } .border-right-width-7 { border-right-width: 7px; } .border-bottom-width-7 { border-bottom-width: 7px; } .border-left-width-7 { border-left-width: 7px; }
.border-width-10 { border-width: 10px; } .border-top-width-10 { border-top-width: 10px; } .border-right-width-10 { border-right-width: 10px; } .border-bottom-width-10 { border-bottom-width: 10px; } .border-left-width-10 { border-left-width: 10px; }
.border-style-solid { border-style: solid; } .border-top-style-solid { border-top-style: solid; } .border-right-style-solid { border-right-style: solid; } .border-bottom-style-solid { border-bottom-style: solid; } .border-left-style-solid { border-left-style: solid; }
.border-color-white { border-color: hsl(0,0%,100%); }
.border-color1 { border-color: var(--color1); }
.border-color2 { border-color: var(--color2); }

.object-fit-cover { object-fit: cover; width: 100%; height: 100%; }
.object-fit-contain { object-fit: contain; width: 100%; height: 100%; }
.object-position-50-20 { object-position: 50% 20%; }

.container-type-inlinesize { container-type: inline-size; }

.contain-size { contain: size; }

.scroll-margin-top-200 { scroll-margin-top: 200px; }

.rotate-45 { rotate: 45deg; }
.rotate-90 { rotate: 90deg; }
.rotate-180 { rotate: 180deg; }
.rotate-270 { rotate: 270deg; }
.rotate-315 { rotate: 315deg; }

.transform-origin-leftcenter { transform-origin: left center; }

.opacity-25 { opacity: .25; }
.opacity-40 { opacity: .4; }
.opacity-50 { opacity: .5; }
.opacity-60 { opacity: .6; }
.opacity-75 { opacity: .75; }

.blur-5 { filter: blur(5px); }

.animation-heartbeat { animation-name: heartbeat; animation-duration: 0.4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate; }
@keyframes heartbeat { 0% { scale: .9; } 100% { scale: 1; } }
.animation-shimmer { position: relative; }
.animation-shimmer::after { content: ''; position: absolute; top: 0; left: -150px; height: 100%; width: 100%; background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.5) 50%, transparent 100%); animation: shimmer 1.5s infinite; }
@keyframes shimmer { 100% { transform: translateX(300px); } }

.vorm-rond { border-radius: 50%; aspect-ratio: 1 / 1; border: 1px solid #333333; }
.vorm-rond-mlg { background-color: var(--color-mlg3); border-radius: 50%; aspect-ratio: 1 / 1; border: 1px solid var(--color-mlg3); }
.vorm-rond-jmo { background-color: var(--color-jmo1); border-radius: 50%; aspect-ratio: 1 / 1; border: 1px solid var(--color-jmo1); }
.vorm-rond-bfi { background-color: var(--color-bfi1); border-radius: 50%; aspect-ratio: 1 / 1; border: 1px solid var(--color-bfi1); }
.vorm-rond-hma { background-color: var(--color-hma1); border-radius: 50%; aspect-ratio: 1 / 1; border: 1px solid var(--color-hma1); }

.vorm-driehoek {
    background-image: var(--driehoek-img);
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
}

.clamp-6-lines { display: -webkit-box; line-clamp: 6; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }

.expander { display: grid; grid-template-rows: 0fr; overflow: hidden; transition: grid-template-rows .5s; }
.expander-content { min-height: 0; }
.expander-content-min-6lines { min-height: 6lh; }
.expander[data-open="true"] { grid-template-rows: 1fr; }

.box-sizing-contentbox { box-sizing: content-box; }

.scroll-margin-top-50 { scroll-margin-top: 50px; }

@media print { .noprint { display: none; } }