:root {

	--break-enormous: clamp(64px, 8rem, 256px);
	--break-huge: clamp(48px, 6rem, 192px);
	--break-large: clamp(32px, 4rem, 128px);
	--break-ample: clamp(24px, 3rem, 96px);
	--break-significant: clamp(16px, 2rem, 64px);
	--break-increased: clamp(12px, 1.5rem, 48px);
	--break-default: clamp(8px, 1rem, 32px);
	--break-decreased: clamp(6px, .75rem, 24px);
	--break-modest: clamp(4px, .5rem, 16px);
	--break-small: clamp(2px, .25rem, 8px);
	--break-tiny: clamp(1px, .125rem, 4px);

	--grey-248: rgb(248, 248, 248);
	--ultraLightGrey: rgb(240, 240, 240);
	--grey-224: rgb(224, 224, 224);
	--grey-208:rgb(208, 208, 208);
	--lightGrey: rgb(192, 192, 192);
	--grey-176: rgb(176, 176, 176);
	--grey-160: rgb(160, 160, 160);
	--grey-144:rgb(144, 144, 144);
	--midGrey: rgb(128, 128, 128);
	--grey-112: rgb(112, 112, 112);
	--grey-96: rgb(96, 96, 96);
	--grey-80: rgb(80, 80, 80);
	--darkGrey: rgb(64, 64, 64);
	--grey-48: rgb(48, 48, 48);
	--grey-32: rgb(32, 32, 32);
	--ultraDarkGrey: rgb(16, 16, 16);

	--blue-bright: rgb(0, 128, 255);
	--blue-bright-active: rgb(0, 115, 230);
	--blue-bright-hover: rgb(26, 140, 255);
	--blue-deep: rgb(14, 72, 139);
	--blue-deep-active: rgb(9, 48, 93);
	--blue-deep-hover: rgb(18, 96, 186);
	--blue-mist: rgb(250, 250, 255);
	--blue-mist-shadow: rgb(240, 240, 255);
	--blue-dark-mist: rgb(240, 240, 255);

	--gold: rgb(255, 179, 15);
	--gold-accent: rgb(253, 237, 205);
	--gold-active: rgb(245, 167, 0);
	--gold-headline-background: rgb(255, 195, 66);
	--gold-hover: rgb(255, 187, 41);
	--gold-cart-hover: rgb(251,208,123);

	--green: rgb(0, 148, 0);
	--green-active: rgb(0, 122, 0);
	--green-hover: rgb(0, 173, 0);
	--green-mist: rgb(250, 255, 250);

	--orange: rgb(255, 128, 0);

	--red: rgb(214, 0, 0);
	--red-active: rgb(163, 0, 0);
	--red-hover: rgb(255, 0, 0);
	--red-mist: rgb(255, 250, 250);

	--red-deep: rgb(139, 18, 14);
	--red-deep-active: rgb(93, 12, 9);
	--red-deep-hover: rgb(186, 24, 18);

	--red-background-error: rgb(255, 214, 214);
	--red-standard: rgb(237, 32, 36);
	--red-standard-hover: rgb(241, 80, 83); /* used in SVGs */
	--red-standard-active: rgb(203, 16, 20); /* used in SVGs */

	--account-background: rgb(240, 240, 244);
	--account-border-light: rgb(250, 250, 250);
	--account-border-shadow: rgb(211, 211, 222);

	--screen-cover-dark: rgba(0, 0, 0, .75);
	--screen-cover-light: rgba(0, 0, 0, .25);

	--grey-background: var(--ultraLightGrey);
	--interface-base-color: var(--ultraDarkGrey);
	--interface-base-color-hover: var(--darkGrey);
	--interface-base-color-ripple: var(--midGrey);
	--interface-base-color-content: var(--grey-224);
	--interface-base-color-content-hover: white;
	--interface-menu-color: var(--grey-32);
	--interface-menu-color-background-hover: var(--grey-80);
	--interface-menu-color-content: var(--grey-224);
	--interface-menu-color-content-hover: white;
	--interface-menu-color-accent: var(--blue-bright);
	--interface-menu-color-accent-hover: var(--blue-bright-hover);
	--interface-top-buttons-standard-selected-color: var(--grey-32);
	--white-cover: rgba(255, 255, 255, .75);

	--marker-text-color-default: white;
	--marker-text-color-active: var(--grey-32);

	--font-size-large: clamp(20px, 2.5rem, 80px);
	--font-size-significant: clamp(16px, 2rem, 64px);
	--font-size-increased: clamp(12px, 1.5rem, 48px);
	--font-size-default: clamp(10px, 1.25rem, 40px);
	--font-size-decreased: clamp(8px, 1rem, 32px);
	--font-size-modest: clamp(6px, .75rem, 24px);
	--font-size-small: clamp(4px, .5rem, 16px);

	--font-color-default: var(--darkGrey);
	--font-color-dim: var(--grey-96);
	--font-color-light: var(--lightGrey);
	--font-color-branded: var(--gold);
	--font-color-link: var(--blue-deep);
	
	--font-color-blue: var(--blue-deep);
	--font-color-blue-hover: var(--blue-deep-hover);
	--font-color-blue-active: var(--blue-deep-active);
	--font-color-blue-highlighted: var(--blue-deep-hover); /* not sure if this is correct */

	--font-weight-bold: 700;
	--font-weight-standard: 400;
	--font-weight-light: 200;
	
	--border-size-default: 1px;
	--border-size-thick: 2px;
	--border-size-ultraThick: 8px;
	
	--border-style-default: solid;

	--border-radius-large: 16px;
	--border-radius-default: 8px;
	--border-radius-small: 4px;
	
	--border-clear: var(--border-size-default) var(--border-style-default) transparent;
	--border-ultraLight: var(--border-size-default) var(--border-style-default) var(--ultraLightGrey);
	--border-light: var(--border-size-default) var(--border-style-default) var(--lightGrey);
	--border-mid: var(--border-size-default) var(--border-style-default) var(--midGrey);
	--border-dark: var(--border-size-default) var(--border-style-default) var(--grey-32);
	
	--border-active: var(--border-size-default) var(--border-style-default) var(--blue-deep);
	--border-beforeCart: var(--border-size-thick) var(--border-style-default) var(--lightGrey);

	--border-light-thick: var(--border-size-thick) var(--border-style-default) var(--lightGrey);
	--border-mid-thick: var(--border-size-thick) var(--border-style-default) var(--midGrey);
	--border-dark-thick: var(--border-size-thick) var(--border-style-default) var(--grey-32);
	--border-ultra-dark-thick: var(--border-size-thick) var(--border-style-default) var(--interface-base-color);

	--border-blue: var(--border-size-default) var(--border-style-default) var(--blue-deep);
	--border-green: var(--border-size-default) var(--border-style-default) var(--green);
	--border-red: var(--border-size-default) var(--border-style-default) var(--redDeep);
	--border-shadow: var(--border-size-default) var(--border-style-default) var(--account-border-shadow);
	--border-white: var(--border-size-default) var(--border-style-default) white;

	--border-white-thick: var(--border-size-thick) var(--border-style-default) white;
	--border-red-thick: var(--border-size-thick) var(--border-style-default) var(--red);
	--border-blue-thick: var(--border-size-thick) var(--border-style-default) var(--blue-deep);

	--border-light-ultraThick: var(--border-size-ultraThick) var(--border-style-default) var(--ultraLightGrey);
	--border-dark-ultraThick: var(--border-size-ultraThick) var(--border-style-default) var(--grey-32);

	--outline-black-thick: var(--border-size-thick) var(--border-style-default) black;
	--outline-blue-thick: var(--border-size-thick) var(--border-style-default) var(--blue-deep);
	--outline-focus: var(--border-size-thick) var(--border-style-default) var(--blue-deep-active);

	--shadow-static: 0 0 4px 4px rgba(0, 0, 0, .2);
	--shadow-light: 0 0 clamp(2px, .25rem, 4px) clamp(2px, .25rem, 4px) rgba(0, 0, 0, .1);
	--shadow: 0 0 clamp(2px, .25rem, 4px) clamp(2px, .25rem, 4px) rgba(0, 0, 0, .2);
	--shadow-dark: 0 0 clamp(2px, 1rem, 4px) clamp(2px, 1rem, 4px) rgba(0, 0, 0, .4);
	--shadow-down: 0 clamp(2px, .25rem, 4px) clamp(2px, .25rem, 4px) clamp(2px, .25rem, 8px) rgba(0, 0, 0, .2);
	--shadow-soft: 0 0 clamp(2px, .25rem, 4px) clamp(2px, .25rem, 4px) rgba(0, 0, 0, .1);
	--shadow-right: clamp(2px, .25rem, 4px) 0 clamp(2px, .25rem, 4px) clamp(2px, .25rem, 4px) rgba(0, 0, 0, .2);
	--shadow-blue: 0 0 clamp(2px, .25rem, 4px) clamp(2px, .25rem, 4px) rgba(14, 72, 139, .2);
	--shadow-transparent: 0 0 clamp(4px, .5rem, 8px) rgba(255, 255, 255, 0);
	
	--transition-timing-function-default: ease-in-out;

	--transition-fast: 100ms;
	--transition-medium: 300ms;
	--transition-slow: 600ms;
	--transition-ultraSlow: 1500ms;

	--input-error-panel-width: clamp(16px, 2rem, 64px);
	--input-error-line-size: clamp(9px, 1.125rem, 36px);

	--size-processing-default: clamp(25px, 3.125rem, 100px);
	--size-processing-spinning-border: clamp(8px, 1rem, 32px);

	--modal-decisionBox-halo-size: clamp(22px, 2.75rem, 88px);
	--modal-headline-halo-size: clamp(22px, 2.75rem, 88px);
	--modal-decisionBox-line-size: clamp(15px, 1.875rem, 60px);
	--modal-headline-line-size: clamp(15px, 1.875rem, 60px);

	--nav-top-width: 112px;
	--nav-top-height: 66px;
	--nav-top-width-account: clamp(124px, 7.75rem, 248px);
	--nav-top-height-account: clamp(76px, 4.75rem, 152px);
	--nav-top-active-width: 380px;
	--nav-top-active-height: 442px;
	--nav-topRow-button-size: 30px;

	--cart-tab-width: 90px;
	--cart-tab-height: 70px;

	--screen-width-narrow: clamp(272px, 34rem, 100%);
	--screen-width-narrow-95: clamp(272px, 34rem, 95%);
	--screen-width-standard: clamp(488px, 61rem, 100%);
	--screen-width-standard-95: clamp(488px, 61rem, 95%);

	--search-results-bg-column-width: 50px;
	--search-results-marker-width: 48px;
	--search-results-marker-height: calc(var(--search-results-marker-width) * 1.25);

	--shopping-cart-tab-halo-size: 60px;
	--shopping-cart-halo-size: 52px;
	--shopping-cart-line-size: 40px;
	--button-halo-remove-from-cart-size: 28px;

	--icon-arrow-down: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 60"><polygon style="fill:rgb(128, 128, 128)" points="50 60 0 0 100 0 50 60"/></svg>');

	--icon-arrow-left: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 100"><polygon style="fill:rgb(128, 128, 128)" points="0 50 60 0 60 100 0 50"/></svg>');

	--icon-arrow-right: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 100"><polygon style="fill:rgb(128, 128, 128)" points="60 50 0 100 0 0 60 50"/></svg>');

	--icon-arrow-up: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 60"><polygon style="fill:rgb(128, 128, 128)" points="50 0 100 60 0 60 50 0"/></svg>');

	--icon-arrow-down-blue: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 60"><polygon style="fill:rgb(14, 72, 139)" points="50 60 0 0 100 0 50 60"/></svg>');

	--icon-arrow-left-blue: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 100"><polygon style="fill:rgb(14, 72, 139)" points="0 50 60 0 60 100 0 50"/></svg>');

	--icon-arrow-right-blue: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 100"><polygon style="fill:rgb(14, 72, 139)" points="60 50 0 100 0 0 60 50"/></svg>');

	--icon-arrow-up-blue: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 60"><polygon style="fill:rgb(14, 72, 139)" points="50 0 100 60 0 60 50 0"/></svg>');

	--icon-arrow-down-black: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 60"><polygon style="fill:rgb(0, 0, 0)" points="50 60 0 0 100 0 50 60"/></svg>');

	--icon-arrow-left-black: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 100"><polygon style="fill:rgb(0, 0, 0)" points="0 50 60 0 60 100 0 50"/></svg>');

	--icon-arrow-right-black: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 100"><polygon style="fill:rgb(0, 0, 0)" points="60 50 0 100 0 0 60 50"/></svg>');

	--icon-arrow-up-black: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 60"><polygon style="fill:rgb(0, 0, 0)" points="50 0 100 60 0 60 50 0"/></svg>');

	--icon-checkbox-blue: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect style="fill:rgb(14, 72, 139)" width="100" height="100"/><polygon style="fill:rgb(255, 255, 255)" points="40.98 83.57 14.5 58.5 25.5 46.88 39.37 60.02 73.76 17.2 86.24 27.22 40.98 83.57"/></svg>');

	--icon-checkbox-blue-hover: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect style="fill:rgb(13, 71, 138)" width="100" height="100"/><polygon style="fill:rgb(255, 255, 255)" points="40.98 83.57 14.5 58.5 25.5 46.88 39.37 60.02 73.76 17.2 86.24 27.22 40.98 83.57"/></svg>');

	--icon-checkbox-blue-active: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect style="fill:rgb(77, 135, 202)" width="100" height="100"/><polygon style="fill:rgb(255, 255, 255)" points="40.98 83.57 14.5 58.5 25.5 46.88 39.37 60.02 73.76 17.2 86.24 27.22 40.98 83.57"/></svg>');

	--icon-checkbox-green: url('data:image/svg+xml;utf8, <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect class="background" width="100" height="100" style="fill:rgb(0, 148, 0);"/><polygon points="40.98 83.57 14.5 58.5 25.5 46.88 39.37 60.02 73.76 17.2 86.24 27.22 40.98 83.57" style="fill:rgb(255, 255, 255);"/></svg>');

	--icon-checkbox-green-active: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" style="fill:rgb(0, 122, 0);"/><polygon points="40.98 83.57 14.5 58.5 25.5 46.88 39.37 60.02 73.76 17.2 86.24 27.22 40.98 83.57" style="fill:rgb(255, 255, 255);"/></svg>');

	--icon-checkbox-green-hover: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" style="fill:rgb(0, 173, 0);"/><polygon points="40.98 83.57 14.5 58.5 25.5 46.88 39.37 60.02 73.76 17.2 86.24 27.22 40.98 83.57" style="fill:rgb(255, 255, 255);"/></svg>');

	--icon-checkbox-red: url('data:image/svg+xml;utf8, <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect class="background" width="100" height="100" style="fill:rgb(214, 0, 0);"/><polygon points="40.98 83.57 14.5 58.5 25.5 46.88 39.37 60.02 73.76 17.2 86.24 27.22 40.98 83.57" style="fill:rgb(255, 255, 255);"/></svg>');

	--icon-checkbox-red-deep: url('data:image/svg+xml;utf8, <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect class="background" width="100" height="100" style="fill:rgb(139, 18, 14);"/><polygon points="40.98 83.57 14.5 58.5 25.5 46.88 39.37 60.02 73.76 17.2 86.24 27.22 40.98 83.57" style="fill:rgb(255, 255, 255);"/></svg>');

	--icon-checkbox-red-deep-active: url('data:image/svg+xml;utf8, <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect class="background" width="100" height="100" style="fill:rgb(93, 12, 9);"/><polygon points="40.98 83.57 14.5 58.5 25.5 46.88 39.37 60.02 73.76 17.2 86.24 27.22 40.98 83.57" style="fill:rgb(255, 255, 255);"/></svg>');

	--icon-checkbox-red-deep-hover: url('data:image/svg+xml;utf8, <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect class="background" width="100" height="100" style="fill:rgb(186, 24, 18);"/><polygon points="40.98 83.57 14.5 58.5 25.5 46.88 39.37 60.02 73.76 17.2 86.24 27.22 40.98 83.57" style="fill:rgb(255, 255, 255);"/></svg>');

	--five-dots: url('data:image/svg+xml;utf8, <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 10"><circle cx="50.5" cy="5" r="5" style="fill:rgb(192, 192, 192);"/><circle cx="96" cy="5" r="5" style="fill:rgb(192, 192, 192);"/><circle cx="141.5" cy="5" r="5" style="fill:rgb(192, 192, 192);"/><circle cx="187" cy="5" r="5" style="fill:rgb(192, 192, 192);"/><circle cx="5" cy="5" r="5" style="fill:rgb(192, 192, 192);"/></svg>');

	--icon-search: url('data:image/svg+xml;utf8, <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 490.98 482.34"><circle cx="50.5" cy="5" r="5" style="fill:rgb(255, 255, 255);"/><path d="M477.85,405.58l-67.18-67.18-38.89-38.89-3.23-3.23c16.82-29.06,26.45-62.79,26.45-98.78C395,88.42,306.58,0,197.5,0S0,88.42,0,197.5s88.42,197.5,197.5,197.5c40.47,0,78.1-12.18,109.42-33.07l1.22,1.22,38.89,38.89,67.18,67.18c17.5,17.5,46.14,17.5,63.64,0h0c17.5-17.5,17.5-46.14,0-63.64ZM47.5,197.5c0-82.84,67.16-150,150-150s150,67.16,150,150-67.16,150-150,150S47.5,280.34,47.5,197.5Z" style="fill:rgb(255, 255, 255);"/></svg>');

	--icon-shopping-cart-black: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 118.15 90"><circle cx="34.45" cy="82" r="8" style="fill:rgb(16, 16, 16);"/><circle cx="103.41" cy="82" r="8" style="fill:rgb(16, 16, 16);"/><path d="M29.84,41.58c-2.15.48-4.29-.89-4.77-3.04l-5.02-22.63c-.48-2.15-2.67-3.91-4.87-3.91H4c-2.2,0-4-1.8-4-4v-4C0,1.8,1.8,0,4,0h20.82c2.2,0,4.39,1.76,4.87,3.91l7.1,32.04c.48,2.15-.89,4.29-3.04,4.77l-3.91.87Z" style="fill:rgb(16, 16, 16);"/><path d="M19.79,15.91c-.48-2.15.93-3.91,3.13-3.91h92c2.2,0,3.61,1.76,3.13,3.91l-13.79,62.19c-.48,2.15-2.67,3.91-4.87,3.91h-60.96c-2.2,0-4.39-1.76-4.87-3.91L19.79,15.91Z" style="fill:rgb(16, 16, 16);"/></svg>');

	--icon-shopping-cart-gold: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 118.15 90"><circle cx="34.45" cy="82" r="8" style="fill:rgb(255, 179, 15);"/><circle cx="103.41" cy="82" r="8" style="fill:rgb(255, 179, 15);"/><path d="M29.84,41.58c-2.15.48-4.29-.89-4.77-3.04l-5.02-22.63c-.48-2.15-2.67-3.91-4.87-3.91H4c-2.2,0-4-1.8-4-4v-4C0,1.8,1.8,0,4,0h20.82c2.2,0,4.39,1.76,4.87,3.91l7.1,32.04c.48,2.15-.89,4.29-3.04,4.77l-3.91.87Z" style="fill:rgb(255, 179, 15);"/><path d="M19.79,15.91c-.48-2.15.93-3.91,3.13-3.91h92c2.2,0,3.61,1.76,3.13,3.91l-13.79,62.19c-.48,2.15-2.67,3.91-4.87,3.91h-60.96c-2.2,0-4.39-1.76-4.87-3.91L19.79,15.91Z" style="fill:rgb(255, 179, 15);"/></svg>');

	--icon-checkbox-green-list: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect style="fill:rgb(1, 142, 1)" width="100" height="100"/><polygon style="fill:rgb(255, 255, 255)" points="40.98 83.57 14.5 58.5 25.5 46.88 39.37 60.02 73.76 17.2 86.24 27.22 40.98 83.57"/></svg>');

	--icon-checkbox-green-list-hover: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect style="fill:rgb(1, 91, 1)" width="100" height="100"/><polygon style="fill:rgb(255, 255, 255)" points="40.98 83.57 14.5 58.5 25.5 46.88 39.37 60.02 73.76 17.2 86.24 27.22 40.98 83.57"/></svg>');

	--icon-checkbox-green-list-active: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect style="fill:rgb(1, 162, 1)" width="100" height="100"/><polygon style="fill:rgb(255, 255, 255)" points="40.98 83.57 14.5 58.5 25.5 46.88 39.37 60.02 73.76 17.2 86.24 27.22 40.98 83.57"/></svg>');

	--map-marker-selected: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216 284"><path d="M108,280c-6.43,0-12.45-2.49-16.97-7L18.74,200.73c-9.37-8.37-14.74-20.31-14.74-32.78V47.99C4,23.73,23.74,4,48,4h120c24.26,0,44,19.73,44,43.99v119.97c0,12.47-5.37,24.41-14.74,32.78l-72.29,72.26c-4.52,4.52-10.54,7-16.97,7Z" style="fill:rgb(16, 16, 16);"/><path d="M168,8c22,0,40,17.99,40,39.99v119.97c0,11.85-5.23,22.53-13.49,29.87l-72.37,72.35c-3.89,3.89-9.02,5.83-14.14,5.83s-10.25-1.94-14.14-5.83L21.49,197.82c-8.26-7.34-13.49-18.02-13.49-29.87V47.99C8,25.99,26,8,48,8h120M168,0H48C21.53,0,0,21.53,0,47.99v119.97c0,13.57,5.83,26.56,15.99,35.69l72.21,72.19c5.27,5.27,12.3,8.17,19.8,8.17s14.53-2.9,19.8-8.17l72.21-72.19c10.17-9.13,15.99-22.12,15.99-35.69V47.99c0-26.46-21.53-47.99-48-47.99h0Z" style="fill:rgb(255, 255, 255);"/><rect x="28" y="27.99" width="160" height="159.95" rx="26" ry="26" style="fill:rgb(255, 255, 255);"/></svg>');

	--map-marker-default: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216 284"><path d="M108,280c-6.43,0-12.45-2.49-16.97-7L18.74,200.73c-9.37-8.37-14.74-20.31-14.74-32.78V47.99C4,23.73,23.74,4,48,4h120c24.26,0,44,19.73,44,43.99v119.97c0,12.47-5.37,24.41-14.74,32.78l-72.29,72.26c-4.52,4.52-10.54,7-16.97,7Z" style="fill:rgb(214, 0, 0);"/><path d="M168,8c22,0,40,17.99,40,39.99v119.97c0,11.85-5.23,22.53-13.49,29.87l-72.37,72.35c-3.89,3.89-9.02,5.83-14.14,5.83s-10.25-1.94-14.14-5.83L21.49,197.82c-8.26-7.34-13.49-18.02-13.49-29.87V47.99C8,25.99,26,8,48,8h120M168,0H48C21.53,0,0,21.53,0,47.99v119.97c0,13.57,5.83,26.56,15.99,35.69l72.21,72.19c5.27,5.27,12.3,8.17,19.8,8.17s14.53-2.9,19.8-8.17l72.21-72.19c10.17-9.13,15.99-22.12,15.99-35.69V47.99c0-26.46-21.53-47.99-48-47.99h0Z" style="fill:rgb(255, 255, 255);"/><rect x="28" y="27.99" width="160" height="159.95" rx="26" ry="26" style="fill:rgb(255, 255, 255);"/></svg>');

	--maskIcon-arrowDown: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 60"><polygon points="50 60 0 0 100 0 50 60"/></svg>');

	--maskIcon-arrowLeft: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 100"><polygon points="0 50 60 0 60 100 0 50"/></svg>');

	--maskIcon-arrowRight: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 100"><polygon points="60 50 0 100 0 0 60 50"/></svg>');

	--maskIcon-arrowUp: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 60"><polygon points="50 0 100 60 0 60 50 0"/></svg>');

	--maskIcon-close: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="m61.22,50L97.68,13.54c3.1-3.1,3.1-8.12,0-11.22s-8.12-3.1-11.22,0l-36.46,36.46L13.54,2.32C10.44-.77,5.42-.77,2.32,2.32s-3.1,8.12,0,11.22l36.46,36.46L2.32,86.46c-3.1,3.1-3.1,8.12,0,11.22,3.1,3.1,8.12,3.1,11.22,0l36.46-36.46,36.46,36.46c3.1,3.1,8.12,3.1,11.22,0,3.1-3.1,3.1-8.12,0-11.22l-36.46-36.46Z"/></svg>');	

	--maskIcon-directions: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 109.5 110.12"><path d="M109.5,39.89L40.42,0V27.03C17.7,29.66,0,49.01,0,72.43v37.69H27v-37.69c0-8.48,5.67-15.65,13.42-17.94v25.29L109.5,39.89Z"/></svg>');

	--maskIcon-hours: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M50,0C22.39,0,0,22.39,0,50s22.39,50,50,50,50-22.39,50-50S77.61,0,50,0Zm4.34,54.13h-8V8.13h8V46.13h38v8H54.34Z"/></svg>');

	--maskIcon-info: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M50,0C22.39,0,0,22.39,0,50s22.39,50,50,50,50-22.39,50-50S77.61,0,50,0Zm0,16.49c3.59,0,6.5,2.91,6.5,6.5s-2.91,6.5-6.5,6.5-6.5-2.91-6.5-6.5,2.91-6.5,6.5-6.5Zm12.92,67.01h-25.83v-5.38l.97-.03c2.46-.06,4.14-.68,4.99-1.84,.92-1.25,1.39-3.25,1.4-5.96v-18.92c0-2.63-.49-4.63-1.46-5.95-.9-1.23-2.57-1.89-4.94-1.96l-.97-.03v-5.15l.87-.11c4.34-.57,9.85-1.6,16.37-3.06l1.22-.27v35.46c0,2.71,.47,4.71,1.39,5.95,.87,1.16,2.55,1.79,5,1.85l.97,.03v5.38Z"/></svg>');
	
	--maskIcon-magnifyingGlass: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 45"><path d="m19.47.92C12.01-1.88,3.7,1.93.91,9.43c-2.78,7.5,1.01,15.85,8.48,18.64,3.35,1.25,6.88,1.17,10.02.01l.34.8-.61,1.65h0s6.58,14.46,6.58,14.46l2.14-.98,2.14-.98-6.58-14.46h0s-1.64-.62-1.64-.62l-.37-.78c2.92-1.62,5.3-4.25,6.55-7.62,2.78-7.5-1.01-15.85-8.48-18.64Zm4.32,17.09c-1.93,5.2-7.67,7.84-12.85,5.9-5.18-1.94-7.8-7.71-5.87-12.91s7.67-7.84,12.85-5.9c5.18,1.94,7.8,7.71,5.87,12.91Z"/></svg>');

	--maskIcon-marker: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 62.85"><path d="M48.03,15.27c-1.26-2.98-3.06-5.65-5.36-7.95s-4.97-4.1-7.95-5.36c-3.08-1.3-6.36-1.97-9.73-1.97s-6.65,.66-9.73,1.97c-2.98,1.26-5.65,3.06-7.95,5.36S3.23,12.29,1.97,15.27c-1.3,3.08-1.97,6.36-1.97,9.73,0,2.77,.45,5.49,1.34,8.1,.86,2.51,2.11,4.87,3.72,6.99,1.59,2.1,3.5,3.93,5.66,5.44,1.88,1.31,3.91,2.34,6.05,3.09l5.76,9.99,2.46,4.26,2.46-4.26,5.76-9.99c2.15-.75,4.18-1.78,6.05-3.09,2.16-1.51,4.07-3.34,5.66-5.44,1.61-2.13,2.86-4.48,3.72-6.99,.89-2.6,1.34-5.32,1.34-8.1,0-3.37-.66-6.65-1.97-9.73Z"/></svg>');

	--maskIcon-marker-ring: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 630"><path d="m250,30c29.71,0,58.52,5.81,85.62,17.28,26.19,11.08,49.72,26.95,69.94,47.16,20.21,20.21,36.08,43.74,47.16,69.94,11.46,27.1,17.28,55.91,17.28,85.62,0,45.89-13.98,89.85-40.43,127.13-12.75,17.97-28.08,33.91-45.56,47.35-17.64,13.57-37.12,24.34-57.9,32l-10.28,3.79-5.42,9.52-57.27,100.62-59.34-99.53-5.6-9.4-10.33-3.59c-21.28-7.38-41.27-17.99-59.4-31.54-17.94-13.41-33.7-29.4-46.83-47.54-27.24-37.64-41.64-82.18-41.64-128.82,0-29.71,5.81-58.52,17.28-85.62,11.08-26.19,26.95-49.72,47.16-69.94,20.21-20.21,43.74-36.08,69.94-47.16,27.1-11.46,55.91-17.28,85.62-17.28m0-30C111.93,0,0,111.93,0,250c0,109.36,70.23,202.31,168.04,236.24l85.71,143.76,82.74-145.37c95.45-35.2,163.51-126.96,163.51-234.63C500,111.93,388.07,0,250,0h0Z"/></svg>');

	--maskIcon-myAccount: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><rect x="7.5" y="27" width="15" height="3" rx="1" ry="1"/><path d="m27,0H3C1.34,0,0,1.34,0,3v18c0,1.66,1.34,3,3,3h24c1.66,0,3-1.34,3-3V3c0-1.66-1.34-3-3-3Zm1,18.51c0,1.1-.89,1.99-1.99,1.99H3.99c-1.1,0-1.99-.89-1.99-1.99V4.49c0-1.1.89-1.99,1.99-1.99h22.02c1.1,0,1.99.89,1.99,1.99v14.02Z"/><rect x="5.25" y="6" width="13" height="5"/><rect x="5.25" y="14" width="5.5" height="3"/><rect x="12.75" y="14" width="5.5" height="3"/><polygon points="20.75 6 20.75 10.23 20.75 13.24 20.75 13.99 20.75 17 24.75 17 24.75 13.99 24.75 13.24 24.75 10.23 24.75 6 20.75 6"/></svg>');

	--maskIcon-news: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 45"><path d="m29.03,0H.97C.43,0,0,.43,0,.97v43.06c0,.54.43.97.97.97h28.06c.54,0,.97-.43.97-.97V.97c0-.54-.43-.97-.97-.97Zm-2.03,41.03c0,.54-.43.97-.97.97H3.97c-.54,0-.97-.43-.97-.97V3.97c0-.54.43-.97.97-.97h22.06c.54,0,.97.43.97.97v37.06Z"/><rect x="6" y="18" width="18" height="3"/><rect x="6" y="30" width="18" height="3"/><rect x="6" y="36" width="18" height="3"/><rect x="18" y="12" width="6" height="3"/><rect x="18" y="6" width="6" height="3"/><circle cx="10.5" cy="10.5" r="4.5"/><rect x="6" y="24" width="18" height="3"/></svg>');

	--maskIcon-payment: url('data:image/svg+xml;utf8, <svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="m88.04,21l-6.44-17.68c-.95-2.61-3.86-3.96-6.47-3.02L18.27,21h69.77Z"/><path d="m89.54,25.11l-.04-.11H0v75h88c6.6,0,12-5.4,12-12v-51c0-6.08-4.58-11.13-10.46-11.89Zm-36.27,59.38v7.4h-7.08v-6.86c-4.8-.2-9.53-1.55-12.23-3.09l2.15-8.41c3.05,1.63,7.3,3.16,11.98,3.16,4.1,0,6.93-1.62,6.93-4.47s-2.31-4.44-7.67-6.24c-7.71-2.61-12.96-6.22-12.96-13.18,0-6.38,4.45-11.35,12.18-12.84v-6.85h7.08v6.36c4.76.16,8.02,1.22,10.44,2.35l-2.15,8.14c-1.83-.83-5.17-2.49-10.35-2.49-4.64,0-6.16,2.06-6.16,4.07,0,2.35,2.51,3.9,8.62,6.16,8.58,3.01,12,6.98,12,13.51s-4.5,11.83-12.77,13.26Z"/></svg>');

	--maskIcon-phone: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="m96.73,72.73l-24.17-9.65c-2.12-.85-5-.22-6.68,1.47l-7,7c-.71.71-1.74.94-2.49.6l-.44-.24c-5.33-2.9-10.79-7.08-15.79-12.07-4.99-4.99-9.16-10.44-12.07-15.78l-.1-.17c-.05-.09-.1-.19-.11-.21-.37-.82-.14-1.85.56-2.55l7.01-7c1.69-1.68,2.32-4.55,1.47-6.69L27.27,3.27c-.91-2.27-3.54-3.66-5.99-3.17-.4.08-9.8,2-14.22,6.41h0C.09,13.48-1.8,24.56,1.74,37.73c3.43,12.78,11.61,26.1,23.02,37.51,11.41,11.41,24.73,19.58,37.51,23.02,4.34,1.17,8.45,1.74,12.26,1.74,7.76,0,14.28-2.39,18.95-7.06,4.41-4.41,6.33-13.82,6.41-14.22.49-2.45-.9-5.08-3.17-6Z"/></svg>');

	--maskIcon-register: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><circle cx="10.43" cy="5.22" r="5.22"/><polygon points="26 18 20.78 18 20.78 12.79 18 12.79 18 18 12.79 18 12.79 20.78 18 20.78 18 26 20.78 26 20.78 20.78 26 20.78 26 18"/><path d="m19.39,8.79c-1.44,0-2.82.29-4.08.82,0,0-.01,0-.02,0,0,0-.02.02-.03.03-.98.41-1.87.97-2.68,1.64-.68.23-1.41.35-2.16.35-1.9,0-3.62-.77-4.87-2.02C2.61,11.15.46,14.07,0,17.58c0,.03,0,.05,0,.08,0,.03-.01.05-.01.08,0,1.57,3.86,2.87,8.9,3.09.7,5.17,5.14,9.17,10.5,9.17,5.85,0,10.61-4.76,10.61-10.61s-4.76-10.61-10.61-10.61Zm0,19.47c-4.39,0-8.03-3.21-8.74-7.4h0c-.04-.23-.07-.47-.09-.71-.02-.25-.04-.51-.04-.76h0c0-.28.02-.56.04-.84,0-.09.02-.18.03-.27.02-.18.05-.37.08-.55.02-.11.04-.21.07-.32.04-.16.08-.32.12-.48.03-.11.06-.22.1-.33.05-.15.1-.29.16-.44.04-.11.08-.22.13-.32.06-.14.13-.27.2-.41.11-.23.24-.45.37-.66.05-.09.1-.18.16-.26.09-.14.2-.28.3-.41.05-.07.1-.14.15-.21.11-.14.23-.27.34-.41.05-.05.1-.11.14-.16.13-.14.26-.27.4-.4.03-.03.07-.06.11-.1,1.04-.94,2.3-1.64,3.69-2.01h0c.72-.19,1.48-.3,2.27-.3,4.89,0,8.87,3.98,8.87,8.87s-3.98,8.87-8.87,8.87Z"/></svg>');

	--maskIcon-searchAgain: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 123.07 123.07"><path d="M87.96,77.41h-5.56l-1.97-1.9c6.9-8.02,11.05-18.44,11.05-29.77C91.48,20.48,71,0,45.74,0S0,20.48,0,45.74s20.48,45.74,45.74,45.74c11.33,0,21.74-4.15,29.77-11.05l1.9,1.97v5.56l35.18,35.11,10.48-10.48-35.11-35.18Zm-42.22,0c-17.52,0-31.67-14.14-31.67-31.67S28.22,14.07,45.74,14.07s31.67,14.14,31.67,31.67-14.14,31.67-31.67,31.67Z"/></svg>');

	--maskIcon-services: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.79 33.81"><path d="M.77,26.38l8.51-7.34c1.18-.99,2.51-1.78,3.91-2.33,1.07-.41,2.09-.97,3.76-2.26l-1.21-1.43,1.54-1.3c2.24-1.89,1.91-5.96,.02-8.2L14.76,.56l1.39-.35C16.68,.07,17.23,0,17.78,0c1.36,0,2.71,.42,3.84,1.23,.4,.29,.77,.62,1.08,1l8.51,10.06-.02,.42c-.08,1.41,.97,2.63,2.38,2.75l.93,.08,2.29,2.72-7.55,6.37-2.29-2.72,.12-1.01c.17-1.42-.84-2.71-2.25-2.89l-.16-.02-2.77,2.33-.96-1.14c-1.55,1.43-2.28,2.35-2.86,3.33-.77,1.29-1.78,2.47-2.95,3.46l-8.51,7.34c-.4,.34-.9,.51-1.39,.51-.61,0-1.22-.26-1.65-.77l-3.06-3.63c-.77-.91-.65-2.27,.26-3.04Z"/></svg>');

	--maskIcon-user: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><circle cx="15" cy="7.5" r="7.5"/><path d="M29.98,25.39s.01-.08,0-.12c-.65-5.04-3.75-9.24-7.99-11.48-1.79,1.79-4.27,2.9-7,2.9s-5.21-1.11-7-2.9C3.76,16.03,.66,20.23,0,25.28c0,.04,.01,.08,0,.12,0,.04-.02,.07-.02,.11,0,2.49,6.72,4.5,15,4.5s15-2.01,15-4.5c0-.04-.02-.07-.02-.11Z"/></svg>');

	--maskIcon-web: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M67.6,50c0-5.41-.31-10.52-.87-15.26H33.27c-.56,4.74-.87,9.85-.87,15.26s.31,10.52,.87,15.26h33.45c.56-4.74,.87-9.85,.87-15.26Z"/><path d="M66.12,30.38C63.38,13.02,57.25,1.54,51.31,.03c-.44-.01-.87-.03-1.31-.03s-.88,.02-1.31,.03c-5.93,1.5-12.07,12.99-14.81,30.35h32.25Z"/><path d="M70.6,30.38h25.4C89.61,15.41,76.12,4.2,59.76,.96c4.99,5.97,8.88,16.44,10.84,29.42Z"/><path d="M33.88,69.62c2.74,17.36,8.88,28.84,14.81,30.35,.44,.01,.87,.03,1.31,.03s.88-.02,1.31-.03c5.93-1.5,12.07-12.99,14.81-30.35H33.88Z"/><path d="M29.39,30.38c1.97-12.98,5.85-23.45,10.84-29.42C23.88,4.2,10.39,15.41,4,30.38H29.39Z"/><path d="M71.18,34.74c.55,4.83,.85,9.94,.85,15.26s-.3,10.43-.85,15.26h26.44c1.54-4.81,2.38-9.94,2.38-15.26s-.84-10.45-2.38-15.26h-26.44Z"/><path d="M28.82,65.26c-.55-4.83-.85-9.94-.85-15.26s.3-10.43,.85-15.26H2.38c-1.54,4.81-2.38,9.94-2.38,15.26s.84,10.45,2.38,15.26H28.82Z"/><path d="M70.6,69.62c-1.97,12.98-5.85,23.45-10.84,29.42,16.36-3.24,29.84-14.45,36.24-29.42h-25.4Z"/><path d="M29.39,69.62H4c6.39,14.97,19.88,26.18,36.24,29.42-4.99-5.97-8.88-16.44-10.84-29.42Z"/></svg>');

	/* May Go Unused After Refactor */

	--slimWidth: 26rem;
	--standardButtonWidth: 40rem;

}

.displayWidth {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 500;
	width: 70px;
	height: 25px;
	font-size: 20px;
	color: yellow;
	background-color: rgb(128, 128, 128);
}

@media all and (min-width: 800px) and (max-width: 1199px) {
	.displayWidth {
		background-color: rgb(96, 96, 96);
	}
}

@media all and (min-width: 600px) and (max-width: 799px) {
	.displayWidth {
		background-color: rgb(64, 64, 64);
	}
}

@media all and (min-width: 1px) and (max-width: 599px) {
	.displayWidth {
		background-color: rgb(32, 32, 32);
	}
}

/* Tags */

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font: inherit;
}

iframe, img, picture, svg {
	display: block;
	max-width: 100%;
}

form {
	font-size: 0;
}

input {
	min-width: 0; /* input elements have a min width set by browser. */
}

/* All Font Styles */

body,
*::file-selector-button {
	font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: var(--font-color-default);
}

*::file-selector-button {
	max-width: 100%;
}

*::file-selector-button,
.--button {
	cursor: pointer;
	user-select: none;
}

@media (hover: hover) and (pointer: fine) { 
	
	li a:hover {
		color: var(--blue-deep);
		text-decoration: underline;
	}

	.--button.--blueBright:hover {
		background-color: var(--blue-bright-hover);
	}

	.--button.--blueDeep:hover {
		background-color: var(--blue-deep-hover);
	}

	.--button.--green:hover {
		background-color: var(--green-hover);
	}

	.--button.--greyDark:hover {
		background-color: var(--grey-96);
	}

	.--button.--redDeep:hover {
		background-color: var(--red-deep-hover);
	}

	.account__large__checkmark.--button.--active:hover {
		background-image: var(--icon-checkbox-green-hover);
	}
	
	.account__large__checkmark.--button.--active:active {
		background-image: var(--icon-checkbox-green-active);
	}

	.account__unit__fileUpload::file-selector-button:hover {
		background-color: var(--blue-deep-hover);
	}

	.account__unit__fileUpload::file-selector-button:active {
		background-color: var(--blue-deep-active);
	}

	.checkbox.--account:checked:hover {
		background-image: var(--icon-checkbox-green-hover);
	}
	
	.checkbox.--account:checked:active {
		background-image: var(--icon-checkbox-green-active);
	}

	.checkbox.--account.--deactivated:checked:hover {
		background-image: var(--icon-checkbox-red-deep-hover);
	}
	
	.checkbox.--account.--deactivated:checked:active {
		background-image: var(--icon-checkbox-red-deep-active);
	}

	.input__button:hover > .input__button__text {
		color: var(--gold-hover);
	}

	.shoppingCart.--cartTab:hover,
	.shoppingCart.--nav:hover {
		background-image: var(--icon-shopping-cart-gold);
	}

	.shoppingCart.--cartTab:hover .shoppingCart__items__count,
	.shoppingCart.--nav:hover .shoppingCart__items__count {
		color: var(--interface-base-color-hover);
	}

}

.--button.--blueBright {
	background-color: var(--blue-bright);
}

.--button.--blueBright:active {
	background-color: var(--blue-bright-active);
}

.--button.--blueDeep {
	background-color: var(--blue-deep);
}

.--button.--blueDeep:active {
	background-color: var(--blue-deep-active);
}

.--button.--green {
	background-color: var(--green);
}

.--button.--green:active {
	background-color: var(--green-active);
}

.--button.--greyDark {
	background-color: var(--darkGrey);
}

.--button.--greyDark:active {
	background-color: var(--grey-32);
}

.--button.--redDeep {
	background-color: var(--red-deep);
}

.--button.--redDeep:active {
	background-color: var(--red-deep-active);
}

.modal__decisionBox__subHeadline,
.modal__decisionBox__subInstructions {
	color: var(--grey-80);
}

.account__headline,
.cart__headline,
.cart__total,
.news__item__headline,
.pageHeadline {
	font-size: var(--font-size-large);
}

.account__unit__displayValue__text,
.account__unit__field,
.account__unit__headline__title,
.account__unit__subHeadline,
.aux__main__contentBlock__headline,
.aux__main__headlineBlock__headline,
.cart__item__text,
.cart__subHeadline__text,
.cart__total,
.checkbox__label.--account,
.checkbox__unit__account__upgrade__text__price,
.homePage__filter__column__main__headline,
.homePage__leftColumn__main__content__topSearch__headline,
.input__button__text,
.input__unit__password__field.--largeSize,
.modal__decisionBox__headline__title,
.modal__decisionBox__valueText,
.modal__headlineBlock__headline,
.select__unit__account,
.topMessage__text,
.vendorListing__headline {
	font-size: var(--font-size-significant);
}

.account__belowDetails__headline,
.account__unit__body,
.account__unit__fileUpload,
.bodyLeader,
.cart__item__text,
.cart__subHeadline__text,
.homePage__leftColumn__main__content__topSearch__refine,
.homePage__leftColumn__main__content__topSearch__zip__input,
.input__bodyText,
.input__button__text.--shoppingCart,
.input__passwordMatch__label.--largeSize,
.input__unit__field,
.input__unit__label.--largeSize,
.input__unit__password__field,
.modal__decisionBox__button,
.modal__decisionBox__subHeadline,
.modal__decisionBox__subInstructions,
.news__item__bodyText,
.news__item__quoteText,
.news__item__submittedBy,
.news__unit__description,
.vendorListing__row__column__text,
.vendorListing__servicesHeadline {
	font-size: var(--font-size-increased);
}

.account__unit__bottom__section__button,
.account__unit__bottom__section__info__text,
.account__unit__headlineInstructions,
.aux__main__contentBlock__text,
.bodyText,
.cart__links__text,
.checkbox__label,
.checkbox__unit__account__upgrade__button,
.checkbox__unit__account__upgrade__text,
.dateSubHeadline,
.homePage__leftColumn__main__content__copyright,
.homePage__leftColumn__main__content__headlineResults,
.homePage__leftColumn__main__content__noResults,
.homePage__leftColumn__main__content__topSearch__checkbox__label,
.homePage__genericButton__text,
.input__button__text.--shoppingCart,
.input__passwordMatch__label,
.input__unit__label,
.modal__contentBlock__main__textIconBlock__text,
.modal__message,
.news__img__caption,
.news__item__miniTitle,
.news__item__publishedOn,
.unorderedList {
	font-size: var(--font-size-default);
}

.account__belowDetails__body,
.account__unit__headline__bubble,
.cart__links__text,
.homePage__leftColumn__main__content__topSearch__zip__label,
.input__error__message,
.news__unit__date,
.shoppingCart__items__count,
.standardFooter__internal__bottom__recaptcha,
.standardFooter__internal__privacyTerms__activeUnit,
.standardFooter__internal__privacyTerms__unit,
.standardFooter__internal__twoColumns__links__activeUnit,
.standardFooter__internal__twoColumns__links__unit {
	font-size: var(--font-size-decreased);
}

.nav__links__unit__topText {
	font-size: 20px;
}

.nav__links__accountUnit__text,
.nav__links__secondaryUnit__link {
	font-size: 16px;
}

.nav__links__unit__bottomText {
	font-size: 14px;
}

.copyright__footer,
.copyright__leftColumn__text,
.copyright__modal {
	font-size: 8px;
}

.--bold,
.account__belowDetails__headline__emphasis,
.account__unit__headline__title,
.aux__main__contentBlock__headline,
.cart__headline,
.cart__subHeadline__text,
.checkbox__unit__account__upgrade__text__date,
.checkbox__unit__account__upgrade__text__price,
.homePage__filter__column__main__headline,
.homePage__leftColumn__main__content__topSearch__headline,
.homePage__leftColumn__main__content__headlineResults,
.homePage__leftColumn__main__content__topSearch__refine,
.input__unit__label,
.input__passwordMatch__label,
.modal__decisionBox__headline__title,
.news__item__headline,
.news__item__publishedOn,
.news__item__submittedBy,
.pageHeadline,
.shoppingCart__items__count,
.topMessage__text,
.vendorListing__headline,
.vendorListing__servicesHeadline {
	font-weight: var(--font-weight-bold);
}

.aux__main__headlineBlock__headline,
body,
.input__unit__label.--largeSize {
	font-weight: var(--font-weight-standard);
}

.standardFooter__internal__bottom__recaptcha {
	font-weight: var(--font-weight-light);
}

.news__item__quoteText {
	font-style: italic;
}

/* Shared */

.body__standard.--locked,
.body__standard.--locked-byModal {
	height: 100vh;
	overflow-y: hidden;
} 

.activationWrapper {
	display: none;
}

.activationWrapper.--active {
	display: block;
}

.mainContainer {
	display: flex;
	justify-content: center;
	padding: var(--break-large);
}

.mainContainer__internal {
	max-width: 100%;
}

.mainContainer__internal {
	width: var(--screen-width-standard);
}

.mainContainer__internal.--news {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: var(--screen-width-narrow-95);
}

/* Animations */ 

.searchFilter__cover {
	position: fixed;
	inset: 0;
	z-index: 50;
	display: none;
	transition: opacity var(--transition-fast) linear 0s;
	opacity: 0;
	background-color: var(--screen-cover-light);
}

.searchFilter__cover.--active {
	display: block;
	opacity: 1;
}

.processing__cover,
.processingDecisionBox__cover,
.processing__checkmark,
.processing__successCircle {
	display: flex;
	justify-content: center;
	align-items: center;
}

.processing__cover {
	position: fixed;
	inset: 0;
	z-index: 100;
	pointer-events: none;
	opacity: 0;
	transition: opacity var(--transition-medium) linear var(--transition-ultraSlow);
	background-color: var(--screen-cover-light);
}

.processing__cover.--active {
	transition: opacity var(--transition-fast) linear 0s;
	pointer-events: auto;
	opacity: 1;
}

.processingDecisionBox__cover {
	position: fixed;
	inset: 0;
	z-index: 10;
	pointer-events: none;
	background-color: transparent;
}

.processing__checkmark,
.processing__spinning {
	position: absolute;
}

.processing__checkmark {
	z-index: 130;
}

.processing__checkmark__top,
.processing__checkmark__shadow {
	display: flex;
	justify-content: center;
	align-items: center;
	mask-image: url(../images/mask-square.svg);
	mask-position: calc(-1 * (var(--size-processing-default) + var(--size-processing-spinning-border))) 0;
	mask-size: calc(var(--size-processing-default) + var(--size-processing-spinning-border)) auto;
	mask-repeat: no-repeat;
	transition: mask-position var(--transition-fast) linear  var(--transition-ultraSlow);
}

.processing__checkmark__top {
	position: absolute;
	z-index: 1120;
}

.processing__checkmark__shadow {
	position: relative;
	z-index: 1110;
	top: .125rem;
	right: -.125rem;
	opacity: .4;
}

.processing__checkmark__top > img,
.processing__checkmark__shadow > img {
	width: calc(.6 * (var(--size-processing-default) + var(--size-processing-spinning-border)));
}

.processing__successCircle,
.processing__spinning {
	aspect-ratio: 1;
	opacity: 0;
	width: var(--size-processing-default);
	border-radius: 50%;
}

.processing__successCircle {
	position: relative;
	z-index: 120;
	background-color: var(--green);
	transition: opacity var(--transition-fast) linear var(--transition-ultraSlow), width var(--transition-fast) linear var(--transition-ultraSlow);
}

.processing__spinning {
	z-index: 110;
	border-color: var(--blue-deep);
	border-style: solid;
	border-width: .5rem;
	animation: savingOne 0.8s infinite linear alternate, savingTwo 1.6s infinite linear;
	transition: opacity var(--transition-fast) linear var(--transition-fast);
}

.processing__checkmark__top.--active,
.processing__checkmark__shadow.--active {
	transition: mask-position var(--transition-medium) linear var(--transition-medium);
	mask-position: 0px 0px;
}

.processing__successCircle.--active,
.processing__spinning.--active {
	opacity: 1;
}

.processing__successCircle.--active {
	width: calc(var(--size-processing-default) + var(--size-processing-spinning-border));
	transition: opacity var(--transition-fast) linear, width var(--transition-fast) linear;
}

.processing__spinning.--active {
	transition: opacity var(--transition-fast) linear;
}

.input__animationAuxiliary {
	display: flex;
	justify-content: center;
	position: relative;
}

.animation__processing {
	position: absolute;
	z-index: 10;
	width: 3.125rem;
	aspect-ratio: 1;
	border-radius: 50%;
	border-color: var(--blue-deep);
	border-style: solid;
	border-width: .5rem;
	opacity: 0;
	animation: savingOne 0.8s infinite linear alternate, savingTwo 1.6s infinite linear;
	transition: opacity var(--transition-medium) linear; 
}

.animation__processing.--aux {
	bottom: 2.5rem;
}

.animation__processing.--active {
	opacity: 1;
	transition: opacity 0 linear;
}

.animation__ripple__darkInterface {
	position: absolute;
	z-index: 10;
	border-radius: 50%;
	animation: .35s ease-out ripple;
	animation-fill-mode: forwards;
	opacity: 1;
	transform: scale(1);
}

.animation__ripple__darkInterface {
	background-color: var(--interface-base-color-ripple);
}

@keyframes leftMarkerHighlight {
	0% {
		transform: scale(1, 1);
		opacity: 1;
	}
	100% {
		transform: scale(1.5, 1.5);
		opacity: 0;
	}
}

@keyframes mapMarkerHighlight {
	0% {
		transform: scale(1, 1);
		opacity: 1;
	}
	100% {
		transform: scale(1.25, 1.25);
		opacity: 0;
	}
}

@keyframes ripple {
	100% {
		transform: scale(100);
		opacity: 0;
	}
}

@keyframes savingOne {
	0%    { clip-path: polygon(50% 50%, 0       0,  50%   0%, 50%    0%, 50%    0%, 50%    0%, 50%    0%) }
	12.5% { clip-path: polygon(50% 50%, 0       0,  50%   0%, 100%   0%, 100%   0%, 100%   0%, 100%   0%) }
	25%   { clip-path: polygon(50% 50%, 0       0,  50%   0%, 100%   0%, 100% 100%, 100% 100%, 100% 100%) }
	50%   { clip-path: polygon(50% 50%, 0       0,  50%   0%, 100%   0%, 100% 100%, 50%  100%, 0%   100%) }
	62.5% { clip-path: polygon(50% 50%, 100%    0, 100%   0%, 100%   0%, 100% 100%, 50%  100%, 0%   100%) }
	75%   { clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50%  100%, 0%   100%) }
	100%  { clip-path: polygon(50% 50%, 50%  100%,  50% 100%,  50% 100%,  50% 100%, 50%  100%, 0%   100%) }
}

@keyframes savingTwo { 
	0%     { transform: scaleY(1)  rotate(0deg) }
	49.99% { transform: scaleY(1)  rotate(135deg) }
	50%    { transform: scaleY(-1) rotate(0deg) }
	100%   { transform: scaleY(-1) rotate(-135deg) }
}

/* Single Pages */

/* Top Messages */

.iFrame__topMessages {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0;
	border: 0;
}

.topMessage__interior {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--break-default);
	width: 100%;
	background-color: var(--blue-mist);
	border-right: 1px solid var(--blue-deep);
	border-bottom: 1px solid var(--blue-deep);
	border-left: 1px solid var(--blue-deep);
}

.topMessage__interior:first-of-type {
	border-top: 1px solid var(--blue-deep)
}

.topMessage__text {
	flex-grow: 1;
	margin: 0;
	padding: 0 var(--break-default) 0 0;
	color: var(--blue-deep);
}

.topMessage__closeButton {
	position: relative;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-image: var(--maskIcon-close);
	mask-image: var(--maskIcon-close);
}

.topMessage__closeButton.--closed {
	pointer-events: none;
}

.topMessage__closeButton__color {
	position: absolute;
	inset: 0;
	background-color: var(--blue-deep);
	transition-duration: 0;	
}

/* Branding */

.branding,
.brandingSearch,
.nav__branding,
.navRightAligned__branding {
	align-items: center;
}

.branding,
.brandingSearch {
	display: flex;
}

.nav__branding,
.navRightAligned__branding {
	display: none;
}

.branding__logo {
	width: clamp(200px, 25rem, 800px);
}

.brandingSearch__logo {
	width: clamp(202px, 25.25rem, 808px);
}

.bw__logo {
	width: clamp(40px, 5rem, 160px);
	aspect-ratio: 1/1;
}

.aux__logo,
.aux__logoOffset {
	width: clamp(20px, 2.5rem, 80px);
	aspect-ratio: 1/1;
}

.copyright__footer,
.copyright__leftColumn__text,
.copyright__modal {
	color: var(--font-color-dim);
}

.copyright__footer {
	flex-shrink: 1;
	text-align: center;
}

.copyright__leftColumn__wrapper {
	position: fixed;
	inset: auto 0 0 0;
	display: flex;
	align-items: center;
	height: 16px;
	border-top: var(--border-ultraLight);
	background-color: white;
}

.copyright__modal {
	margin:  var(--break-significant) 0 var(--break-small);
	text-align: right;
}

/* Nav Top */

.nav.--rightAligned,
.standardPage__header {
	z-index: 40;
}

.nav.--rightAligned {
	width: var(--nav-top-width);
}

.standardPage__header__internal__navContainer {
	width: var(--nav-top-width);
}

.standardPage__header__internal__navContainer.--myAccount {
	width: var(--nav-top-width-account);
}

.nav,
.standardPage__header__linksContainer__links {
	background-color: var(--interface-base-color);
}

.nav.--standard {
	border: 1px solid var(--interface-base-color); 
	border-radius: var(--border-radius-default);
}

.nav.--standard.--myAccount {
	position: absolute;
	bottom: 0;
	height: clamp(50px, 6.25rem, 150px);
	background-color: transparent;
	border: none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	transition-property: none;
}

.nav.--standard.--active {
	background-color: var(--interface-top-buttons-standard-selected-color);
	border-color: var(--darkGrey);
	transition-property: background-color, border-color;
}

.nav.--standard.--active.--myAccount {
	transition-property: none;
}

.nav.--rightAligned,
.standardPage__header__linksContainer__links {
	position: absolute;
	overflow: hidden;
}

.nav.--rightAligned {
	inset: 0 0 auto auto;
	overflow: hidden;
}

.nav.--rightAligned,
.standardPage__header__linksContainer__links {
	border-bottom: var(--border-light-thick);
	border-left: var(--border-light-thick);
	border-bottom-left-radius: var(--border-radius-default);
	outline: var(--border-dark-thick);
	box-shadow: var(--shadow-static);
}

.standardPage__header__linksContainer__links.--myAccount {
	border-top-left-radius: var(--border-radius-default);
	border-right: none;
	outline: none;
	box-shadow: none;
}

.standardPage__header {
	display: flex;
	position: relative;
	justify-content: center;
	background-color: var(--interface-base-color);
	overflow: hidden;
}

.standardPage__header.--myAccount {
	background-color: white;
	border-bottom: var(--border-shadow);
}

.standardPage__header__internal {
	display: flex;
	justify-content: space-between;
	width: var(--screen-width-standard);
	height: clamp(80px, 6.25rem, 200px);
	flex-grow: 0;
}

.standardPage__header__internal.--myAccount {
	height: clamp(60px, 7.5rem, 240px);
}

.standardPage__header__internal__navOffset {
	width: var(--nav-top-width);
}

.standardPage__header__internal__navOffset.--myAccount {
	width: var(--nav-top-width-account);
}

.standardPage__header__internal__navContainer {
	display: flex;
	align-items: center;
	position: relative;
}

.standardPage__header__internal__navContainer.--myAccount {
	justify-content: flex-end;
}

.standardPage__header__linksContainerOuter,
.standardPage__header__linksContainerInner {
	display: flex;
}

.standardPage__header__linksContainerOuter {
	justify-content: center;
}

.standardPage__header__linksContainerInner {
	justify-content: flex-end;
	position: relative;
	width: var(--screen-width-standard);
}

.standardPage__header__linksContainer__links {
	display: none;
	top: 0;
	right: 0;
	z-index: 30;
	border-right: var(--border-light-thick);
	border-bottom-right-radius: var(--border-radius-default);
}

.standardPage__header__linksContainer__links.--myAccount {
	border-right: none;
}

.nav.--rightAligned.--active,
.standardPage__header__linksContainer__links.--active {
	width: var(--nav-top-active-width);
}

.nav.--rightAligned.--active {
	height: var(--nav-top-active-height);
	max-height: 100vh;
}

.standardPage__header__linksContainer__links.--active {
	display: block;
	height: calc(var(--nav-top-active-height) - var(--nav-top-height)); 
	max-height: calc(100vh - clamp(50px, 6.25rem, 200px));
}

.nav__topRow,
.nav__topRow__buttons {
	display: flex;
	align-items: center;
}

.nav__topRow {
	justify-content: flex-end;
	width: var(--nav-top-width);
	height: var(--nav-top-height);
}

.nav__topRow.--myAccount {
	width: var(--nav-top-width-account);
	height: var(--nav-top-height-account);
}

.nav.--rightAligned.--active > .nav__topRow {
	width: var(--nav-top-active-width);
}


.nav__links__unit,
.nav__links__accountUnit,
.nav__links__secondaryUnit {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.nav__links__unit__icon,
.nav__links__accountUnit__icon {
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
}

.nav__line {
	border-bottom: var(--border-mid);
}

.nav__line.--first {
	margin-top: 12px;
	margin-bottom: 8px;
}

.nav__line.--second {
	margin-top: 8px;
	margin-bottom: 6px;
}

.nav__links {
	display: none;
	position: absolute;
	right: 0;
	bottom: 15px; /* 16px is the correct number but 1 is subtracted to account for rendering differences. */
	padding-top: 12px;
	padding-bottom: 6px;
	width: var(--nav-top-active-width);
	overflow-y: auto;
	pointer-events: none;
	background-color: var(--interface-menu-color);
	border-top: var(--border-light);
	border-bottom: var(--border-mid);
}

.nav__links.--rightAligned {
	top: var(--nav-top-height);
}

.nav__links.--standard {
	top: 0;
}

.nav__links.--standard.--myAccount {
	top: 0;
	border-top: none; 
}

.nav.--active > .nav__links,
.standardPage__header__linksContainer__links.--active > .nav__links {
	display: block;
	pointer-events: all;
}

.nav__links__unit,
.nav__links__accountUnit,
.nav__links__secondaryUnit {
	align-items: center;
	padding-left: 15px;
	padding-right: 10px;
}

.nav__links__unit,
.nav__links__accountUnit.--active,
.nav__links__secondaryUnit {
	display: flex;
}

.nav__links__unit {
	height: 65px;
}

.nav__links__unit__icon,
.nav__links__accountUnit__icon {
	background-color: var(--interface-menu-color-content);
}

.nav__links__unit__icon {
	margin: 0 15px 0 0;
	width: 30px;
	height: 45px;
}

.nav__links__unit__icon,
.nav__links__unit__topText,
.nav__links__unit__bottomText,
.nav__links__accountUnit__icon,
.nav__links__accountUnit__text,
.nav__links__secondaryUnit__link {
	position: relative;
	z-index: 100;
}

.nav__links__unit__icon.--magnifyingGlass {
	-webkit-mask-image: var(--maskIcon-magnifyingGlass);
	mask-image: var(--maskIcon-magnifyingGlass);
}

.nav__links__unit__icon.--newsIcon {
	-webkit-mask-image: var(--maskIcon-news);
	mask-image: var(--maskIcon-news);
}

.nav__links__unit__topText,
.nav__links__unit__bottomText,
.nav__links__accountUnit__text,
.nav__links__secondaryUnit__link {
	margin: 0;
	padding: 0;
	user-select: none;
}

.nav__links__unit__topText {
	color: var(--interface-menu-color-content);
}

.nav__links__unit__bottomText {
	margin-top: 2px;
	color: var(--interface-menu-color-accent);
}

.nav__links__accountUnit {
	display: none;
	height: 39px;
}

.nav__links__accountUnit__icon {
	position: relative;
	margin: 0 10px 0 0;
	width: 23px;
	height: 23px;
}

.nav__links__accountUnit__icon.--userIcon {
	-webkit-mask-image: var(--maskIcon-user);
	mask-image: var(--maskIcon-user);
}

.nav__links__accountUnit__icon.--userIcon.--loggedIn {
	background-color: var(--gold);
}

.nav__links__accountUnit__icon.--myAccountIcon {
	background-color: var(--gold);
	-webkit-mask-image: var(--maskIcon-myAccount);
	mask-image: var(--maskIcon-myAccount);
}

.nav__links__accountUnit__icon.--registerIcon {
	-webkit-mask-image: var(--maskIcon-register);
	mask-image: var(--maskIcon-register);
}

.nav__links__accountUnit__text,
.nav__links__secondaryUnit__link {
	color: var(--interface-menu-color-content);
}

.nav__links__accountUnit__text.--loggedIn {
	color: var(--gold);
}

.nav__links__secondaryUnit {
	height: 31px;
}

.nav__links__secondaryUnit__link {
	display: block;
}

.nav__links__smallScreenFooter {
	display: none;
}

.accountPageTab {
	display: none;
}

/* Auxiliary */

.aux__main,
.modal,
.modal__decisionBox {
	border: var(--border-white-thick);
}

.aux__main,
.modal,
.modal__decisionBox {
	outline: var(--outline-black-thick);
}

.modal,
.modal__decisionBox,
.modal__shoppingCart {
	margin: auto;
	max-width: 95%;
	background-color: white;
	border-radius: var(--border-radius-default);
	overscroll-behavior: contain;
}

.modal,
.modal__shoppingCart {
	height: 95%;
	max-height: 95%;
}

.modal__decisionBox {
	max-height: calc(100% - clamp(16px, 2rem, 64px));
}

.modal,
.modal__decisionBox {
	width: var(--screen-width-narrow-95);
}

.modal__shoppingCart {
	width: var(--screen-width-standard);
	overflow: auto;
}

.modal::backdrop,
.modal__decisionBox::backdrop,
.modal__shoppingCart::backdrop {
	background-color: var(--screen-cover-dark);
}

.account__headline,
.aux__main__headlineBlock,
.modal__headlineBlock {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--break-default);
	padding: var(--break-default);
	text-align: center;
}

.account__headline,
.aux__main__headlineBlock,
.cart__header,
.modal__headlineBlock {
	background-color: var(--interface-base-color);
}

.account__headline.--first,
.modal__headlineBlock {
	border-top-right-radius: calc(var(--border-radius-default) - 2px);
	border-top-left-radius: calc(var(--border-radius-default) - 2px);
}

.account__headline,
.modal__headlineBlock {
	height: clamp(40px, 5rem, 160px);
}

.modal__message.--withBreak {
	margin: 0 0 var(--break-large);
}

.account_belowDetails {
	display: flex;
	gap: var(--break-default);
	margin-bottom: var(--break-large);
	padding: 0 var(--break-default) 0;
}

.account__belowDetails__container {
	flex-basis: 50%;
	padding: var(--break-default);
	background-color: var(--darkGrey);
	background-color: var(--interface-base-color);
}

.account__belowDetails__headlineWrapper {
	display: flex;
	align-items: center;
	gap: var(--break-default);
}

.account__belowDetails_list {
	margin-left: var(--break-default);
}

.account__belowDetails_list li {
	margin-bottom: var(--break-modest);
}

.account__belowDetails__body {
	display: none;
	color: white;
}

.account__belowDetails__body.--active {
	display: list-item;
}

.account__belowDetails__headlineWrapper {
	margin-bottom: var(--break-decreased);
}
.account__belowDetails__headline {
	color: var(--gold);
}

.aux__main__headlineBlock__headline,
.modal__headlineBlock__headline {
	text-align: center;
}

.modal__headlineBlock__headline {
	display: none;
	color: var(--gold);
}

.modal__headlineBlock__headline.--active {
	display: block;
}

.modal__contentBlock {
	padding: var(--break-large) var(--break-significant) 0;
}

.modal__contentBlock {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: absolute;
	inset: clamp(40px, 5rem, 160px) 0 0 0;
	padding-bottom: var(--break-modest);
	overflow-y: auto;
}

.modal__contentBlock__main__textIconBlock {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	margin: var(--break-large) 0;
}

.modal__contentBlock__main__wrapperForMouse {
	display: none;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	row-gap: var(--break-default);
	column-gap: var(--break-modest);
	margin: calc(var(--break-default) * -1) 0 0;
	padding: var(--break-modest);
	cursor: pointer;
}

.modal__contentBlock__main__wrapperForMouse.--active {
	display: flex;
}

.modal__contentBlock__main__textIconBlock__text {
	margin: 0;
	padding: 0;
	text-align: center;
}

.modal__icon__link {
	padding-left: var(--break-decreased);
}

.modal__icon__forgotPassword {
	width: clamp(12px, 1.5rem, 48px);
}

.modal__contentBlock__main__textIconBlock__icon.--resendActivation,
.modal__contentBlock__main__textIconBlock__icon.--resendPasswordResetRequest {
	width: clamp(16px, 2rem, 64px);
}

.aux {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
	background-color: var(--midGrey);
}

.aux.--success {
	background-color: var(--blue-mist);
}

.aux__main {
	margin: var(--break-significant) auto var(--break-large);
	width: var(--screen-width-narrow-95);
	background-color: white;
	border-radius: var(--border-radius-default);
}

.aux__main.--success {
	outline: var(--outline-blue-thick);
}

.aux__main__headlineBlock {
	min-height: clamp(40px, 5rem, 160px);
	border-top-right-radius: var(--border-radius-default);
	border-top-left-radius: var(--border-radius-default);
}

.aux__main__headlineBlock.--success {
	background-color: var(--blue-deep);
}

.aux__main__headlineBlock__headline {
	display: none;
	color: var(--gold);
}

.aux__main__headlineBlock__headline.--active {
	display: block;
}

.aux__main__headlineBlock__headline.--success {
	color: white;
}

.aux__main__contentBlock {
	margin: var(--break-default);
	padding: var(--break-default);
	min-height: clamp(120px, 15rem, 480px);
	background-color: var(--ultraLightGrey);
	border-radius: var(--border-radius-default);
}

.aux__main__contentBlock.--withInputFields {
	margin: 0;
	padding: var(--break-large) var(--break-significant);
	background-color: transparent;
	border-radius: 0;
}

.aux__main__contentBlock__headline {
	margin: 0 0 var(--break-default);
	text-align: center;
}

/* Forms & Buttons */

/* These inputs use default Chrome styling but set that for every browser. */

input[type="checkbox"],
input[type="radio"] {
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
	cursor: pointer;
	background-color: white;
	border: var(--border-mid);
}

input[type="checkbox"] {
	border-radius: .25rem;
}

input[type="radio"] {
	border-radius: 50%;
}

.checkbox__unit {
	display: flex;
	align-items: center;
}

.checkbox {
	flex-shrink: 0;
	margin: 0 var(--break-default) 0 0;
	padding: 0;
	width: clamp(16px, 2rem, 64px);
	aspect-ratio: 1/1;
	border-radius: var(--border-radius-default) !important;
}

.checkbox.--checkboxUpgradeDefault {
	margin: 0;
}

.checkbox.--account.--active {
	border: var(--border-mid);
	background-color: var(--blue-mist);
}

.checkbox:checked {
	background-image: var(--icon-checkbox-blue);
	border: var(--border-blue);
}

.checkbox.--account:checked {
	background-image: var(--icon-checkbox-green);
	border: var(--border-green);
}

.checkbox.--account.--deactivated:checked {
	background-image: var(--icon-checkbox-red-deep);
	border: var(--border-red);
}

.checkbox__label {
	cursor: pointer;
}

.checkbox__label.--account {
	color: var(--grey-160);
}

.checkbox__label.--account.--active,
.checkbox__label.--account.--checkboxSelected {
	color: var(--font-color-default);
}

.input__hidden {
	display: none;
}

.input__error {
	display: none;
	margin: 0 0 var(--break-increased);
	background-color: var(--red-background-error);
}

.input__error.--embedded {
	margin: var(--break-modest) 0 var(--break-default);
}

.input__error.--account {
	margin-top: var(--break-default);
}

.input__error.--account-notLast {
	margin-top: var(--break-decreased);
	margin-bottom: var(--break-default);
}

.input__error.--break-large-stable {
	margin-bottom: var(--break-large);
}

.input__error.--active {
	display: flex;
}

.input__error.--decisionBox {
	margin: var(--break-default);
}

.input__error__closePanel {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 0;
	flex-shrink: 0;
	width: clamp(16px, 2rem, 64px);
	background-color: var(--red);
	cursor: pointer;
}

.input__error__closePanel__icon {
	width: clamp(8px, 1rem, 32px);
	aspect-ratio: 1 / 1;
	border: none;
}

.input__error__message {
	padding: var(--break-modest);
	color: var(--red);
}

.input__unit,
.input__bodyText {
	margin-bottom: var(--break-significant);
}

.input__bodyText.--beforeIcon {
	margin-bottom: var(--break-enormous);
}

.importantMarker__bodyText {
	padding: 0 var(--break-modest);
	background-color: var(--darkGrey);
	color: white;
	font-weight: var(--font-weight-bold);
}

.input__unit {
	display: flex;
	flex-direction: column;
}

.input__unit.--largeBreak {
	margin-bottom: var(--break-large);
}

.input__unit__label {
	display: block;
	padding: 0 0 var(--break-modest) 0;
}

.account__unit__displayValue__text,
.account__unit__field,
.input__unit__field,
.input__unit__password__field,
.modal__decisionBox__valueText {
	padding: var(--break-modest);
}

.input__unit__field,
.input__unit__password {
	border: var(--border-light);
}

.account__unit__displayValue,
.account__unit__field,
.account__unit__fileUpload,
.select__unit__container {
	display: none;
}

.account__unit__displayValue__text,
.account__unit__field,
.account__unit__fileUpload,
.select__unit__account {
	max-width: 100%;
	cursor: pointer;
}

.account__unit__image {
	cursor: pointer;
}

.account__unit__fileUpload {
	margin-top: var(--break-significant);
	outline: none;
}

.account__unit__displayValue.--active,
.account__unit__field.--visible {
	display: block;
}

.account__unit__field,
.select__unit__account {
	border: var(--border-light);
	outline: var(--border-clear);
}

.select__unit__container {
	position: relative;
}

.select__unit__container.--active {
	display: inline-flex;
}

.select__unit__account {
	padding: var(--break-modest) var(--break-modest) var(--break-modest) var(--break-small);
}

.select__unit__account__activationButton {
	display: none;
	position: absolute;
	inset: 0;
	z-index: 10;
	cursor: pointer;
}

.checkbox__unit__account.--checkboxUpgradeNative {
	flex-direction: column;
}

.checkbox__unit__account.--checkboxUpgradeDefault.--active,
.checkbox__unit__account.--checkboxUpgradeNative {
	display: flex;
	gap: var(--break-default);
	padding: var(--break-modest) 0 0 var(--break-modest);
	border-radius: var(--border-radius-default);
}

.checkbox__unit__account.--checkboxUpgradeDefault {
	align-items: center;
}

.checkbox__unit__account.--checkboxUpgradeDefault.--active {
	margin: var(--break-increased) 0 0 var(--break-default);
	padding-bottom: var(--break-modest);
	width: 65%;
}

.checkbox__unit__account.--checkboxUpgradeNative.--active {
	padding-bottom: var(--break-decreased);
}

.checkbox__unit__account.--checkboxUpgradeDefault.--active,
.checkbox__unit__account.--checkboxUpgradeNative.--active {
	background-color: var(--grey-background);
	outline: var(--border-beforeCart);
}

.checkbox__unit__account.--checkboxUpgradeDefault:not(.--active):has(.--expiration.--active),
.checkbox__unit__account.--checkboxUpgradeNative:not(.--active):has(.--expiration.--active) {
	margin-bottom: var(--break-default);
}

.checkbox__unit__account.--checkboxUpgradeNative.--active:last-child {
	margin-bottom: 0;
}

.checkbox__unit__account__inputContainer {
	display: flex;
	align-items: center;
	position: relative;
}

.checkbox__unit__account__inputContainer.--checkboxUpgradeDefault {
	display: none;
}

.checkbox__unit__account__inputContainer.--checkboxUpgradeDefault.--active {
	display: flex;
}

.checkbox__unit__account__inputContainer__checkboxWrapper {
	display: flex;
	align-items: center;
	position: relative;
}

.checkbox__unit__account__inputContainer__cover {
	position: absolute;
	z-index: 20;
	inset: 0;
	background-color: transparent;
	pointer-events: none;
}

.checkbox__unit__account__inputContainer__cover.--active {
	cursor: pointer;
	pointer-events: all;
}

.checkbox__unit__account__inputContainer__cover.--changeStateCover {
	z-index: 10;
}

.select__unit__account__activationButton.--active {
	display: block;
}

.account__unit__displayValue__text {
	display: inline-block;
	border: var(--border-clear);
}

.account__unit__field.--textArea { 
	width: 100%;
	min-height: clamp(50px, 6.25rem, 200px);
	field-sizing: content;
	resize: none; 
}

.account__unit__field.--active,
.input__unit__password__field.--largeSize.--active,
.select__unit__account.--active {
	background-color: var(--blue-mist);
	border: var(--border-active);
	cursor: auto;
}

.account__unit__fileUpload.--active {
	display: block;
}

.account__unit__field:focus.--active,
.input__unit__field:focus,
.input__unit__password:has(.input__unit__password__field:focus),
.input__unit__password__field:focus.--largeSize.--active,
.select__unit__account:focus.--active {
	border: var(--border-active);
	outline: var(--outline-focus);
}

.account__unit__field:focus.--active,
.input__unit__field:focus,
.input__unit__password:has(.input__unit__password__field:focus),
.input__unit__password__field:focus.--largeSize.--active,
.select__unit__account:focus.--active {
	background-color: var(--blue-mist);
}

.select__unit__account:focus {
	color: initial;
}

.input__unit__password__field:focus {
	outline: none;
	background-color: var(--blue-mist);
}

.input__unit__password {
	display: flex;
	align-items: center;
	position: relative;
}

.input__unit__password.--largeSize {
	width: clamp(224px, 28rem, 100%);
}

.input__unit__password__field {
	flex-grow: 1;
	max-width: 100%;
	border: none;
}

.input__unit__password__eye {
	box-sizing: content-box;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	inset: 0 0 0 auto;
	padding: 0 var(--break-modest);
	cursor: pointer;
}

.input__unit__password__eye__image {
	display: none;
	width: clamp(18px, 2.25rem, 72px);
	user-select: none;
}

.input__unit__password__eye__image.--largeSize {
	width: clamp(20px, 2.5rem, 80px);
}

.input__unit__password__eye__image.--active {
	display: block;
}

.input__passwordMatch {
	padding-left: var(--break-modest);
	height: 1.5rem;
}

.input__passwordMatch.--largeSize {
	height: 1.75rem;
}

.input__passwordMatch__label,
.input__passwordMatch__checkmark {
	display: none;
} 

.input__passwordMatch__label.--active,
.input__passwordMatch__checkmark.--active {
	display: block;
} 

.input__passwordMatch {
	display: flex;
	align-items: center;
	gap: var(--break-modest);
	margin: var(--break-modest) 0 0 0;
}

.input__passwordMatch__label {
	padding: 0;
	color: var(--green);
}

.input__passwordMatch__checkmark {
	width: 1.25rem;
	height: 1.25rem;
	background-image: var(--icon-checkbox-green);
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: var(--border-radius-small);
}


.checkbox__unit__account__upgrade__text {
	display: none;
}

.checkbox__unit__account__upgrade__text.--active {
	display: block;
}

.checkbox__unit__account__upgrade__text.--price {
	position: relative;
	top: .25rem;
}

.checkbox__unit__account__upgrade__buttonContainer,
.checkbox__unit__account__upgrade__text.--expiration {
	margin-right: var(--break-increased);
}

.checkbox__unit__account__upgrade__buttonContainer {
	display: none;	
	align-items: center;
	margin-left: var(--break-increased);
	padding: var(--break-modest);
	gap: var(--break-default);
	background-color: white;
	border: var(--border-light);
	border-radius: var(--border-radius-default);
}

.checkbox__unit__account__upgrade__text.--expiration {
	margin-left: 0;
}

.checkbox__unit__account__upgrade__buttonContainer.--checkboxUpgradeDefault {
	margin-left: 0;
}

.account__belowDetails__headline__emphasis,
.checkbox__unit__account__upgrade__text__date,
.checkbox__unit__account__upgrade__text__inactive {
	padding: 0 var(--break-modest);
}

.checkbox__unit__account__upgrade__text__date {
	color: var(--font-color-default);
	background-color: white;
	color: white;
	background-color: var(--red-deep);
}

.checkbox__unit__account__upgrade__text__inactive {
	display: none;
	color: white;
	background-color: var(--red-deep);
	border-left: .0625rem solid white;
}

.checkbox__unit__account__upgrade__text__inactive.--green {
	background-color: var(--green);
}

.checkbox__unit__account__upgrade__text__inactive.--red {
	background-color: var(--red-deep);
}

.checkbox__unit__account__upgrade__text__inactive.--active {
	display: inline;
}

.checkbox__unit__account__upgrade__text__price {
	position: relative;
    top: -.2rem;
	vertical-align: text-top;
}

.account__belowDetails__headline__emphasis {
	display: none;
}

.account__belowDetails__headline__emphasis.--active {
	display: inline;
}

.account__belowDetails__headline__emphasis.--green,
.account__belowDetails__headline__emphasis.--red,
.checkbox__unit__account__upgrade__text__date.--active {
	color: white;
}

.account__belowDetails__headline__emphasis.--green,
.checkbox__unit__account__upgrade__text__date.--active {
	background-color: var(--green);
}

.account__belowDetails__headline__emphasis.--red {
	background-color: var(--red);
}

.account__belowDetails__headline__emphasis {
	white-space: nowrap;
}

.modal__decisionBox__subHeadline {
	margin-bottom: var(--break-default);
}

.modal__decisionBox__subHeadline.--delete {
	padding-bottom: var(--break-significant);
}

.modal__decisionBox__valueText {
	margin-left: var(--break-default);
}

.modal__decisionBox__valueText:empty {
	display: none;
} 

.modal__decisionBox__subInstructions {
	margin-top: var(--break-significant);
}

.modal__decisionBox__buttonContainer {
	display: flex;
	align-items: center;
	gap: var(--break-default);
	padding: var(--break-default) var(--break-default) 0;
}

.modal__decisionBox__buttonContainer.--delete {
	padding-bottom: var(--break-decreased);
}

.input__button {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	background-color: var(--interface-base-color);
	border: none;
	border-radius: var(--border-radius-large);
	cursor: pointer;
	overflow: hidden;
}

.input__button.--shoppingCart {
	display: none;
	margin: 0;
	width: 320px;
	border-radius: var(--border-radius-large);
}

.input__button.--shoppingCart.--active {
	display: flex;
}

.input__button.--searchBox {
	margin: clamp(22px, 2.75rem, 88px) 0 clamp(30px, 3.75rem, 120px);
}

.input__button__text {
	position: relative;
	z-index: 100;
	margin: 0;
	padding: var(--break-modest) 0;
	color: var(--gold);
	user-select: none;
}

.input__button__text.--shoppingCart {
	padding: var(--break-modest) 0;
}

.buttonHalo {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	background-color: transparent;
	border-radius: 50%;
	overflow: hidden;
	transition-property: background-color;
}

.buttonHalo.--cartTab {
	width: var(--shopping-cart-tab-halo-size);
	height: var(--shopping-cart-tab-halo-size);
}

.buttonHalo.--removeFromCart {
	width: var(--button-halo-remove-from-cart-size);
	height: var(--button-halo-remove-from-cart-size);
}

.buttonHalo.--navTop {
	display: none;
}

.buttonHalo.--cartTab,
.buttonHalo.--navTop.--active {
	display: flex;
}

.buttonHalo.--navTop.--first {
	margin-left: 8px;
}

.buttonHalo.--navTop.--second {
	margin-right: 9px;
	margin-left: 1px;
}

.buttonHalo.--decisionBox {
	width: var(--modal-decisionBox-halo-size);
	height: var(--modal-decisionBox-halo-size);
	cursor: pointer;
}

.buttonHalo.--modalHeadline {
	width: var(--modal-headline-halo-size);
	height: var(--modal-headline-halo-size);
}

.buttonHalo.--modalHeadline.--active {
	cursor: pointer;
}

.buttonHalo.--shoppingCart {
	width: var(--shopping-cart-halo-size);
	height: var(--shopping-cart-halo-size);
}

.buttonHalo_x {
	width: 50%;
}

.buttonHalo__user,
.lineContainer.--navTop,
.lineContainer__row.--navTop {
	width: var(--nav-topRow-button-size);
}

.shoppingCart {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background-image: var(--icon-shopping-cart-black);
	background-size: contain;
	background-repeat: no-repeat;
}

.shoppingCart.--cartTab,
.shoppingCart.--nav {
	width: 40px;
	height: 30px;
	cursor: pointer;
}

.shoppingCart.--header {
	width: 48px;
	height: 36px;
}

.shoppingCart__items__count {
	position: relative;
	left: 3px;
	color: var(--gold);
	user-select: none;
}

.shoppingCart__items__count.--header {
	top: 2px;
	color: white;
}

.buttonHalo__user,
.lineContainer {
	position: relative;
	z-index: 20;
	pointer-events: all;
	cursor: pointer;
}

.buttonHalo__user {
	height: var(--nav-topRow-button-size);
	background-color: var(--interface-base-color-content); 
	-webkit-mask-image: var(--maskIcon-user);
	mask-image: var(--maskIcon-user);
	transition-property: background-color;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
}

.buttonHalo__backModal {
	display: none;
	position: relative;
	z-index: 100;
	margin-left: calc(var(--modal-headline-halo-size) * -.11);
	width: calc(var(--modal-headline-halo-size) * .32);
	height: calc(var(--modal-headline-halo-size) * .55);
	pointer-events: none;
}

.buttonHalo__backModal.--active {
	display: block;
}

.buttonHalo__user.--loggedIn {
	background-color: var(--gold);
}

.buttonHalo__user.--loggedIn.--myAccount {
	display: none;
	pointer-events: none;
}

.lineContainer.--modalHeadline,
.lineContainer__row.--modalHeadline {
	width: var(--modal-headline-line-size);
} 

.lineContainer.--shoppingCart {
	width: var(--shopping-cart-line-size);
}

.lineContainer.--modalHeadline {
	height: var(--modal-headline-line-size);
} 

.lineContainer.--decisionBox {
	width: var(--modal-decisionBox-line-size);
	height: var(--modal-decisionBox-line-size);
	border-radius: 50%;
}

.lineContainer.--removeFromCart {
	width: var(--input-error-line-size);
	height: var(--input-error-line-size);
} 

.lineContainer.--navTop {
	padding-top: 5px;
	height: 30px;
}

.lineContainer__row {
	background-color: var(--interface-base-color-content);
}

.lineContainer__row.--myAccount {
	background-color: var(--interface-base-color);
}

.lineContainer__row.--decisionBox {
	background-color: black;
	flex-shrink: 1;
	flex-basis: var(--decisionBox-line-size);
	height: .25rem;
	border-radius: .125rem;
}

.lineContainer__row.--removeFromCart {
	flex-shrink: 1;
	flex-basis: var(--input-error-line-size);
	height: .125rem;
	border-radius: .0625rem;
}

.lineContainer__row.--modalHeadline {
	margin-bottom: 0;
	height: .25rem;
	border-radius: 2px;
	transition: initial;
}

.lineContainer__row.--shoppingCart {
	margin-bottom: 0;
	height: 4px;
	border-radius: .125rem;
	transition: initial;
	background-color: var(--interface-base-color);
}

.lineContainer__row.--navTop {
	margin-bottom: 5px;
	height: 4px;
	border-radius: 2px;
	transform: scale(1) translate(0, 0) rotate(0);
	transition-property: opacity, transform;
}


.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--navTop.--second > .lineContainer.--navTop > .lineContainer__row.--navTop.--row1 {
	transform: translate(0, 9px) rotate(45deg);
}

.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--navTop.--second > .lineContainer.--navTop > .lineContainer__row.--navTop.--row2 {
	opacity: 0;
	transform: scale(.1);
}

.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--navTop.--second > .lineContainer.--navTop > .lineContainer__row.--navTop.--row3 {
	transform: translate(0, -9px) rotate(-45deg);
}

.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--navTop.--second > .lineContainer.--navTop > .lineContainer__row.--navTop.--row1.--myAccount,
.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--navTop.--second > .lineContainer.--navTop > .lineContainer__row.--navTop.--row2.--myAccount,
.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--navTop.--second > .lineContainer.--navTop > .lineContainer__row.--navTop.--row3.--myAccount {
	background-color: white;
}

.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--shoppingCart > .shoppingCart.--nav {
	background-image: var(--icon-shopping-cart-gold);
}

.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--shoppingCart > .shoppingCart > .shoppingCart__items__count {
	color: black;
}

.lineContainer__row.--decisionBox.--row1 {
	transform: translate(0, .8125rem) rotate(45deg);
}

.lineContainer__row.--decisionBox.--row2 {
	transform: translate(0, .5625rem) rotate(-45deg);
}

.lineContainer__row.--removeFromCart.--row1 {
	transform: translate(0, .5rem) rotate(45deg);
}

.lineContainer__row.--removeFromCart.--row2 {
	transform: translate(0, .375rem) rotate(-45deg);
}

.lineContainer__row.--modalHeadline.--row1 {
	transform: translate(0, .8125rem) rotate(45deg);
}

.lineContainer__row.--modalHeadline.--row2 {
	transform: translate(0, .5625rem) rotate(-45deg);
}

.lineContainer__row.--shoppingCart.--row1 {
	transform: translate(0, 2px) rotate(45deg);
}

.lineContainer__row.--shoppingCart.--row2 {
	transform: translate(0, -2px) rotate(-45deg);
}

/* Standard Page Body */

.pageHeadline,
.dateSubHeadline,
.bodyLeader,
.bodyText,
.unorderedList {
	margin: 0;
	padding: 0;
}

.dateSubHeadline,
.pageHeadline {
	text-align: center;
}

.pageHeadline,
.bodyLeader,
.bodyText,
.unorderedList > li {
	margin-bottom: var(--break-default);
}

.bodyText.--breakLarge {
	margin-bottom: var(--break-large);
}

.pageHeadline.--withBorder,
.dateSubHeadline {
	margin-bottom: var(--break-significant);
	padding-bottom: var(--break-significant);
	border-bottom: var(--border-dark);
}

.news__unit,
.pageHeadline.--withBorder {
	width: clamp(272px, 34rem, 1088px);
}

.unorderedList {
	margin-bottom: var(--break-large);
	padding-left: var(--break-significant);
}

/* Shopping Cart */

.cartTab {
	display: flex;
	justify-content: center;
	position: fixed;
	z-index: 1000;
	top: calc(var(--cart-tab-height) * -1);
	right: 0;
	width: 100%;
	height: var(--cart-tab-height);
	/* background-color: transparent; */
	overflow: hidden;
	transition: top var(--transition-medium) ease;
	/* background: url(../images/shopping-cart-gold.svg) no-repeat -9999px -9999px; preloading image */
}

.cartTab.--active {
	top: 0;
	transition: top var(--transition-medium) ease;
}

.cartTab__internal {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: var(--screen-width-standard-95);
}

.cartTab__iconContainer {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	right: calc(var(--cart-tab-width) * -.2);
	width: var(--cart-tab-width);
	height: var(--cart-tab-height);
	background-color: white;
	border-right: var(--border-dark-thick);
	border-bottom: var(--border-dark-thick);
	border-left: var(--border-dark-thick);
	border-bottom-right-radius: var(--border-radius-default);
	border-bottom-left-radius: var(--border-radius-default);
}

.cart__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: clamp(40px, 5rem, 160px);
	background-color: var(--gold);
	border-top-right-radius: var(--border-radius-small);
	border-top-left-radius: var(--border-radius-small);
}

.cart__buttons {
	display: flex;
	align-items: center;
	gap: var(--break-modest);
}

.cart__links {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: var(--break-modest);
	height: 88px;
	padding: 0 var(--break-default);
}

.cart__links.--last {
	justify-content: space-between;
	margin-bottom: var(--break-significant);
}

.cart__links__text {
	display: none;
}

.cart__links__text.--active {
	display: block;
}

.cart__links__text.--link {
	color: var(--blue-deep);
	text-decoration: underline;
	cursor: pointer;
}

.cart__subHeadline {
	display: none;
	justify-content: space-between;
	align-items: center;
	gap: var(--break-default);
	height: 70px;
	padding: 0 var(--break-default);
	background-color: var(--ultraLightGrey);
}

.cart__subHeadline.--active {
	display: flex;
}

.cart__subHeadline.--total {
	justify-content: flex-end;
	margin: var(--break-significant) 0;
}

.cart__internal {
	position: absolute;
	inset: 238px 0 0 0;
	overflow-y: auto;
}

.cart__item {
	display: none;
	justify-content: space-between;
	margin: var(--break-significant) 0 0 0;
	padding: 0 var(--break-default);
}

.cart__item.--active {
	display: flex;
}

.cart__item__description {
	display: flex; 
}

.cart__item__close {
	display: flex; 
	align-items: center;
	margin-right: var(--break-modest);
	padding: 0 var(--break-small);
	cursor: pointer;
}

.cart__item__close:hover {
	background-color: var(--red);
}

.cart__item__close:hover > .lineContainer > .lineContainer__row {
	background-color: white;
}

.cart__item__close:active {
	background-color: var(--red-deep);
}

.cart__item__description__body {
	display: flex;
	flex-direction: column;
}

.cart__total {
	margin: var(--break-default) 0 var(--break-large);
	padding-right: var(--break-default);
	text-align: right;
}

/* Footer */

.standardFooter {
	display: flex;
	justify-content: center;
	background-color: var(--interface-base-color);
}

.standardFooter__internal {
	margin: 0 var(--break-significant);
	padding: var(--break-large) 0 var(--break-modest);
	width: var(--screen-width-standard);
}

.standardFooter__internal__twoColumns {
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--break-large);
}

.standardFooter__internal__twoColumns__links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: var(--break-default);
}

.standardFooter__internal__twoColumns__links__unit,
.standardFooter__internal__privacyTerms__unit {
	color: var(--font-color-light);
}

.standardFooter__internal__twoColumns__links__activeUnit,
.standardFooter__internal__privacyTerms__activeUnit {
	color: var(--font-color-branded);
}

.standardFooter__internal__twoColumns__links__activeUnit {
	color: var(--font-color-branded);
}

.standardFooter__internal__twoColumns__logos {
	display: flex;
	flex-direction: column;
	row-gap: var(--break-significant);
}

.standardFooter__internal__privacyTerms {
	display: flex;
	flex-wrap: wrap;
	gap: var(--break-default);
	margin-bottom: var(--break-large);
	text-align: center;
}

.standardFooter__internal__bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: var(--break-large);
}

.standardFooter__internal__bottom__recaptcha {
	color: var(--font-color-light);
}

/* Home Page */

.homePage__outerContainer {
	display: flex;
	flex-direction: column;
	position: absolute;
	inset: 0;
}

.homePage__main {
	flex-grow: 1;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.homePage__map {
	position: absolute;
	z-index: 10;
	inset: 0;
}

/* Filter */

.homePage__filter {
	display: inline-flex;
	align-items: center;
	position: relative;
	z-index: 100;
	transform: translateX(-100%);
	transition-property: transform;
}

.homePage__filter.--active {
	transform: translateX(0);
}

.homePage__filter__column {
	display: flex;
}

.homePage__filter__column__main {
	width: clamp(208px, 26rem, 832px);
	background-color: white;
	box-shadow: var(--shadow-right);
	overflow-y: auto;
}

.homePage__filter__column__main__top,
.homePage__leftColumn__main__content__noResults,
.homePage__leftColumn__main__content__topSearch {
	padding: var(--break-modest) var(--break-modest) var(--break-default);
	background-color: var(--blue-mist);
	border: var(--border-light);
}

.homePage__filter__column__main__top {
	margin: var(--break-default) var(--break-modest);
}

.homePage__filter__column__main__headline,
.homePage__leftColumn__main__content__topSearch__headline {
	color: white;
}

.homePage__filter__column__main__headline,
.homePage__leftColumn__main__content__topSearch__headline {
	padding: var(--break-small) var(--break-default);
}

.homePage__filter__column__main__headline,
.homePage__leftColumn__main__content__topSearch__headline {
	margin: 0 0 var(--break-increased);
	background-color: var(--blue-deep); 
}

.homePage__filter__control {
	display: flex;
	align-items: center;
	height: 100vh;
}

/* Left Column - Home Page */

.homePage__leftColumn {
	display: flex;
	position: absolute;
	z-index: 20;
	inset: 0 auto 0 0;
	transform: translateX(-100%);
	transition-property: transform;
}

.homePage__leftColumn.--active {
	transform: translateX(0);
}

.homePage__leftColumn__main {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 20;
	width: clamp(260px, 32.5rem, 1040px);
	background-color: white;
	box-shadow: var(--shadow-right);
}

.homePage__leftColumn__main__branding {
	display: flex;
	justify-content: center;
	align-items: center;
	height: clamp(58px, 7.25rem, 232px);
	background-color: var(--interface-base-color);
}

.homePage__leftColumn__main__content {
	position: absolute;
	z-index: 10;
	inset: 0 0 16px 0;
	overflow-y: auto;
}

.homePage__leftColumn__main__content__headlineResults {
	margin: 0 0 var(--break-default) var(--break-default);
	color: var(--blue-deep);
}

.homePage__leftColumn__main__content__topSearch__wrapper {
	margin: var(--break-default) var(--break-modest) var(--break-significant);
	position: relative;
}

.homePage__leftColumn__main__content__topSearch__zip {
	margin: 0 var(--break-default);
}

.homePage__leftColumn__main__content__topSearch__zip__label {
	margin: 0 0 var(--break-modest);
}

.homePage__leftColumn__main__content__topSearch__zip__inputWrapper {
	display: flex;
	justify-content: space-between;
	margin: 0 0 var(--break-increased);
	background-color: white;
	border: var(--border-mid);
	cursor: pointer;
}

.homePage__leftColumn__main__content__topSearch__zip__input {
	flex-grow: 1;
	padding: var(--break-small) 0 var(--break-small) var(--break-modest);
	border: none;
}

.homePage__leftColumn__main__content__topSearch__zip__input:focus {
	outline: none;
}

.homePage__leftColumn__main__content__topSearch__zip__inputWrapper:has( .homePage__leftColumn__main__content__topSearch__zip__input:focus ) {
	border-color: var(--blue-deep);
	box-shadow: var(--shadow-blue);
}

.homePage__leftColumn__main__content__topSearch__zip__button {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: var(--break-small) 0;
	width: clamp(30px, 3.75rem, 60px);
	background-color: var(--red);
}

.homePage__leftColumn__main__content__topSearch__zip__button:hover {
	background-color: var(--red-hover);
}

.homePage__leftColumn__main__content__topSearch__zip__button:active {
	background-color: var(--red-active);
}

.homePage__leftColumn__main__content__topSearch__zip__button__icon {
	width: clamp(12px, 1.5rem, 48px);
	aspect-ratio: 1/1;
	background-image: var(--icon-search);
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	transition: opacity var(--transition-medium) linear; 
}

.homePage__leftColumn__main__content__topSearch__zip__button__icon.--active {
	opacity: 1;
	transition: opacity 0 linear;
}

.homePage__leftColumn__main__content__topSearch__zip__button__animation {
	position: absolute;
	z-index: 10;
	width: clamp(12px, 1.5rem, 48px);
	aspect-ratio: 1;
	border-radius: 50%;
	border-color: white;
	border-style: solid;
	border-width: clamp(2px, .25rem, 8px);
	opacity: 0;
	animation: savingOne 0.8s infinite linear alternate, savingTwo 1.6s infinite linear;
	transition: opacity var(--transition-medium) linear; 
}

.homePage__leftColumn__main__content__topSearch__zip__button__animation.--active {
	opacity: 1;
	transition: opacity 0 linear;
}

.homePage__genericButton__wrapper {
	display: flex;
	justify-content: flex-end;
}

.homePage__genericButton__internal {
	display: inline-flex;
	align-items: center;
	gap: var(--break-small);
	padding: var(--break-small) var(--break-decreased);
	cursor: pointer;
	background-color: white;
	border: var(--border-light);
	border-radius: var(--border-radius-default);
}

.homePage__genericButton__internal:hover {
	border-color: var(--blue-deep);
	box-shadow: var(--shadow-blue);
}

.homePage__genericButton__text {
	color: var(--blue-deep);
}

.homePage__leftColumn__main__content__topSearch__filter__icon {
	width: 2rem;
	aspect-ratio: 1/1;
}

.homePage__leftColumn__main__content__topSearch__refine {
	margin: 0 0 var(--break-default);
}

.homePage__leftColumn__main__content__topSearch__checkboxWrapper {
	display: flex;
	align-items: center;
	margin: var(--break-modest);
}

.homePage__leftColumn__main__content__topSearch__checkbox {
	flex-shrink: 0;
	margin: 0 var(--break-small) 0 0;
	padding: 0;
	width: clamp(16px, 2rem, 64px);
	aspect-ratio: 1/1;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: var(--border-radius-default) !important;
}

.homePage__leftColumn__main__content__topSearch__checkbox__label {
	padding: var(--break-tiny) var(--break-modest);
	cursor: pointer;
	border: var(--border-clear);
	border-radius: var(--border-radius-default);
}

.homePage__leftColumn__main__content__topSearch__checkbox:checked {
	background-image: var(--icon-checkbox-blue);
	border: var(--border-blue);
}

.homePage__leftColumn__main__content__topSearch__checkbox:checked + label {
	background-color: var(--blue-deep);
	color: white;
	border: var(--border-blue);
}

.homePage__leftColumn__main__content__results__wrapper {
	display: none;
}

.homePage__leftColumn__main__content__results__wrapper.--active {
	display: block;
}

.homePage__leftColumn__main__content__noResults {
	padding-bottom: var(--break-modest);
	margin: 0 var(--break-modest);
}

.homePage__control__tab {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 100;
	top: 50%;
	right: 0;
	width: clamp(12px, 1.5rem, 48px);
	height: clamp(50px, 6.25rem, 200px);
	background-color: white;
	transform: translate(100%, -50%); /* transform needed so user can change font size without distorting position */
	border: var(--border-light);
	border-top-right-radius: var(--border-radius-default);
	border-bottom-right-radius: var(--border-radius-default);
	cursor: pointer;
	overflow: hidden;
}

.homePage__control__tab.--filter {
	position: static;
	z-index: initial;
	transform: initial;
}

.homePage__control__tab:hover {
	border-top-color: var(--blue-deep);
	border-right-color: var(--blue-deep);
	border-bottom-color: var(--blue-deep);
}

.homePage__control__tab:active {
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: black;
}

.homePage__control__tab__shadow {
	position: absolute;
	z-index: 10;
	inset: 0 auto 0 clamp(-32px, -1rem, -8px) ;
	width: clamp(8px, 1rem, 32px);
	box-shadow: var(--shadow-soft);
}

.homePage__control__tab__icon {
	width: clamp(6px, .75rem, 24px);
	height: clamp(10px, 1.25rem, 40px);
	background-image: var(--icon-arrow-right);
}

.homePage__control__tab__icon.--active {
	background-image: var(--icon-arrow-left);
}

.homePage__control__tab:hover > .homePage__control__tab__icon {
	background-image: var(--icon-arrow-right-blue);
}

.homePage__control__tab:active > .homePage__control__tab__icon {
	background-image: var(--icon-arrow-right-black);
}

.homePage__control__tab:hover > .homePage__control__tab__icon.--active {
	background-image: var(--icon-arrow-left-blue);
}

.homePage__control__tab:active > .homePage__control__tab__icon.--active {
	background-image: var(--icon-arrow-left-black);
}





.homePage__leftColumn__main__content__topSearch__checkboxLegal__label {
	padding: clamp(1px, .0625rem, 2px) clamp(6px, .75rem, 24px);
	color: black;
	cursor: pointer;
	user-select: none;
}

.homePage__leftColumn__main__content__topSearch__checkboxLegal__label > a:link,
.homePage__leftColumn__main__content__topSearch__checkboxLegal__label > a:visited {
	color: black;
}

.homePage__leftColumn__main__content__copyright {
	color: var(--grey128);
}

@media (hover: hover) and (pointer: fine) {

}

/* Listings - Home Page */

.vendorListing {
	display: none;
	position: relative;
	margin: 0 var(--break-modest) var(--break-increased) var(--break-modest);
	padding: var(--break-significant) var(--break-decreased) 0;
	background-color: transparent;
	border: var(--border-light-thick);
	overflow: hidden;
}

.vendorListing.--selected {
	border: var(--border-dark-thick);
	box-shadow: var(--shadow);
}

.vendorListing.--active {
	display: block;
}

.vendorListing__flag {
	display: block;
	position: absolute;
	z-index: -1;
	inset: clamp(-12px, -.375rem, -3px);
	border: clamp(3px, .375rem, 12px) solid var(--grey-48);
	transition: inset var(--transition-fast) linear;
} 

.vendorListing.--selected > .vendorListing__flag {
	inset: 0;
	transition: inset 0 linear;
}

.vendorListing__break,
.vendorListing__headline,
.vendorListing__row,
.vendorListing__row__singleColumn  {
	margin-bottom: var(--break-significant);
}

.vendorListing__headline {
	padding: var(--break-decreased) var(--break-small) var(--break-decreased) var(--break-decreased);
	background-color: var(--grey-48);
	color: white;
}

.vendorListing__row,
.vendorListing__row__singleColumn {
	display: flex;
	padding: 0 var(--break-small);
}

.vendorListing__row {
	gap: var(--break-small);
}

.vendorListing__servicesHeadline {
	padding: var(--break-tiny) var(--break-increased) var(--break-tiny) var(--break-small);
}

.vendorListing__contact__icon {
	width: clamp(28px, 3.5rem, 112px);
	height: clamp(20px, 2.5rem, 80px);
	padding: 0 var(--break-modest);
}

.vendorListing__contact__icon > img {
	width: clamp(20px, 2.5rem, 80px);
	aspect-ratio: 1/1;
}

.vendorListing__row__column,
.vendorListing__row__singleColumn {
	flex-direction: column;
	gap: var(--break-small);
}

.vendorListing__row__column {
	display: flex;
}

.vendorListing__row__column__bullet {
	display: flex;
	align-items: center;
	margin-left: var(--break-small);
}

.vendorListing__row__column__bullet__icon {
	width: clamp(4px, .5rem, 16px);
	aspect-ratio: 1/1;
	margin: 0 var(--break-decreased) 0 0;
}

.vendorListing__break {
	margin-right: var(--break-tiny);
	margin-left: var(--break-tiny);
	border-bottom: var(--border-light);
}

.map__marker {
	display: none;
	width: 52px;
	height: 69px;
	cursor: pointer;
	background-image: var(--map-marker-default);
	background-repeat: no-repeat;
	background-size: contain;
	transition: background-image var(--transition-fast) linear;
}

.map__marker.--active {
	display: block;
}

.map__marker.--selected {
	background-image: var(--map-marker-selected);
}

.homePage__leftColumn__main__content__results__single__interior__content__right__name {
	font-size: 24px;
}

.leftColumn__marker__id,
.homePage__leftColumn__main__content__results__single__interior__content__right__text { 
	font-size: 20px;
}

.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRowDropDown__block__text {
	font-size: 16px;
}

.homePage__leftColumn__main__content__results__single__interior__content__left__icon,
.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRow__icon {
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.homePage__leftColumn__main__content__results__single {
	padding: var(--break-default) 0;
}

.homePage__leftColumn__main__content__results__single__interior {
	position: relative;
	padding: clamp(6px, .75rem, 24px) clamp(6px, .75rem, 24px) 0 0;
	background-color: var(--blue-mist);
	border: 1px solid var(--font-color-blue);
	border-bottom-right-radius: var(--border-radius-default);
	border-bottom-left-radius: var(--border-radius-default);
	box-shadow: var(--shadow-transparent);
	cursor: pointer;
	transition-property: background-color, border-color, box-shadow;
}

.homePage__leftColumn__main__content__results__single__interior.--active {
	border-color: var(--font-color-blue-highlighted);
	box-shadow: var(--shadow-blue);
}

.homePage__leftColumn__main__content__results__single__interior__bgColumn {
	position: absolute;
	z-index: 10;
	inset: 0 auto 0 0;
	width: var(--search-results-bg-column-width);
	background-color: var(--font-color-blue);
	border-bottom-left-radius: calc(var(--border-radius-default) - 2px);
	transition-property: background-color, border-right-color;
}

.homePage__leftColumn__main__content__results__single__interior.--active > .homePage__leftColumn__main__content__results__single__interior__bgColumn {
	background-color: var(--font-color-blue-highlighted);
}

.homePage__leftColumn__main__content__results__single__interior__content {
	display: flex;
	align-items: flex-start;
	position: relative;
	z-index: 20;
	margin-bottom: var(--break-default);
}

.homePage__leftColumn__main__content__results__single__interior__content.--first {
	align-items: center;
	margin-bottom: clamp(16px, 2rem, 64px);
}

.homePage__leftColumn__main__content__results__single__interior__content.--first:has(.homePage__leftColumn__main__content__results__single__interior__content__right):has(img) {
	align-items: flex-start;
}

.homePage__leftColumn__main__content__results__single__interior__content__left {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	width: var(--search-results-bg-column-width);
}

.leftColumn__marker {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: calc(var(--search-results-bg-column-width) * .7);
	height: calc(var(--search-results-bg-column-width) * .7);
	background-color: var(--red);
	border: 2px solid var(--interface-base-color);
	border-radius: 50%;
	transition-property: background-color;
}

.homePage__leftColumn__main__content__results__single__interior.--active > .homePage__leftColumn__main__content__results__single__interior__content.--first > .homePage__leftColumn__main__content__results__single__interior__content__left > .leftColumn__marker {
	background-color: white;
}

.leftColumn__marker__id {
	color: var(--marker-text-color-default);
	font-weight: 600;
	transition-property: color;
	user-select: none;
}

.homePage__leftColumn__main__content__results__single__interior.--active > .homePage__leftColumn__main__content__results__single__interior__content.--first > .homePage__leftColumn__main__content__results__single__interior__content__left > .leftColumn__marker > .leftColumn__marker__id {
	color: var(--marker-text-color-active);
}

.leftColumn__marker__animation {
	position: absolute;
	z-index: -1;
	inset: 0;
	background-color: white;
	border: 1px solid var(--interface-base-color);
	border-radius: 50%;
	opacity: 0;
}

.homePage__leftColumn__main__content__results__single__interior.--active > .homePage__leftColumn__main__content__results__single__interior__content.--first > .homePage__leftColumn__main__content__results__single__interior__content__left > .leftColumn__marker > .leftColumn__marker__animation {
	animation: leftMarkerHighlight;
	animation-duration: 300ms;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
}

.homePage__leftColumn__main__content__results__single__interior__content__left__icon {
	width: calc(var(--search-results-bg-column-width) / 2);
	height: calc(var(--search-results-bg-column-width) / 2);
	background-color: white;
	transition-property: background-color;
}

.homePage__leftColumn__main__content__results__single__interior__content__left__icon.--directions {
	-webkit-mask-image: var(--maskIcon-directions);
	mask-image: var(--maskIcon-directions);
}

.homePage__leftColumn__main__content__results__single__interior__content__left__icon.--hours {
	-webkit-mask-image: var(--maskIcon-hours);
	mask-image: var(--maskIcon-hours);
}

.homePage__leftColumn__main__content__results__single__interior__content__left__icon.--info {
	-webkit-mask-image: var(--maskIcon-info);
	mask-image: var(--maskIcon-info);
}

.homePage__leftColumn__main__content__results__single__interior__content__left__icon.--payment {
	-webkit-mask-image: var(--maskIcon-payment);
	mask-image: var(--maskIcon-payment);
}

.homePage__leftColumn__main__content__results__single__interior__content__left__icon.--phone {
	-webkit-mask-image: var(--maskIcon-phone);
	mask-image: var(--maskIcon-phone);
}

.homePage__leftColumn__main__content__results__single__interior__content__left__icon.--services {
	-webkit-mask-image: var(--maskIcon-services);
	mask-image: var(--maskIcon-services);
}

.homePage__leftColumn__main__content__results__single__interior__content__left__icon.--web {
	-webkit-mask-image: var(--maskIcon-web);
	mask-image: var(--maskIcon-web);
}

.homePage__leftColumn__main__content__results__single__interior__content__right {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: clamp(6px, .75rem, 24px);
}

.homePage__leftColumn__main__content__results__single__interior__content__right__logo {
	margin-bottom: var(--break-default);
	background-color: var(--blue-mist);
	transition-property: background-color;
}

.homePage__leftColumn__main__content__results__single__interior__content__right__logo > img {
	width: 300px;
	mix-blend-mode: multiply;
}

.homePage__leftColumn__main__content__results__single__interior__content__right__text.--hoursOpen {
	font-weight: 600;
}

.homePage__leftColumn__main__content__results__single__interior__content__right__text.--hoursOpen {
	color: green;
}

.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRow {
	display: flex;
	align-items: center;
}

.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRow__icon {
	width: 20px;
	height: 12px;
	margin-top: 4px;
	margin-left: clamp(6px, .75rem, 24px);
	background-color: var(--midGrey);
	-webkit-mask-image: var(--maskIcon-arrowDown);
	mask-image: var(---maskIcon-arrowDown);
}

.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRowDropDown {
	display: none;
	margin-top: clamp(6px, .75rem, 24px);
	padding: clamp(10px, 1.25rem, 40px) clamp(20px, 2.5rem, 80px) clamp(10px, 1.25rem, 40px) clamp(10px, 1.25rem, 40px);
	background-color: var(--font-color-blue);
	border-top-right-radius: var(--border-radius-default);
	border-bottom-right-radius: var(--border-radius-default);
	overflow: hidden;
	transition-property: background-color;
	user-select: none;
}

.homePage__leftColumn__main__content__results__single__interior.--active > .homePage__leftColumn__main__content__results__single__interior__content.--hours > .homePage__leftColumn__main__content__results__single__interior__content__right > .homePage__leftColumn__main__content__results__single__interior__content__right__hoursRowDropDown {
	background-color: var(--font-color-blue-highlighted);
}

.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRow.--open > .homePage__leftColumn__main__content__results__single__interior__content__right__hoursRow__icon {
	-webkit-mask-image: var(--maskIcon-arrowUp);
	mask-image: var(--maskIcon-arrowUp);
}

.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRow.--open + .homePage__leftColumn__main__content__results__single__interior__content__right__hoursRowDropDown {
	display: block;
}

.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRowDropDown__block:not(.--last) {
	margin-bottom: clamp(6px, .75rem, 24px);
}

.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRowDropDown__block__text {
	color: white;
}

a.homePage__leftColumn__main__content__results__single__interior__content__right:link,
a.homePage__leftColumn__main__content__results__single__interior__content__right:visited,
a.homePage__leftColumn__main__content__results__single__interior__content__right__text:link,
a.homePage__leftColumn__main__content__results__single__interior__content__right__text:visited {
	color: var(--font-color-default);
	text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {

	.homePage__leftColumn__main__content__results__single__interior:not(.--active):hover {
		box-shadow: var(--shadow-blue);
		background-color: white;
		border-color: var(--font-color-blue-hover);
	}

	.homePage__leftColumn__main__content__results__single__interior:not(.--active):hover > .homePage__leftColumn__main__content__results__single__interior__content.--first > .homePage__leftColumn__main__content__results__single__interior__content__left > .leftColumn__marker {
		background-color: var(--red-hover);
	}


	.homePage__leftColumn__main__content__results__single__interior:not(.--active):hover > .homePage__leftColumn__main__content__results__single__interior__content > .homePage__leftColumn__main__content__results__single__interior__content__right > .homePage__leftColumn__main__content__results__single__interior__content__right__logo {
		background-color: white;
	}

	.homePage__leftColumn__main__content__results__single__interior:not(.--active):hover > .homePage__leftColumn__main__content__results__single__interior__bgColumn {
		background-color: var(--font-color-blue-hover);
	}

	.homePage__leftColumn__main__content__results__single__interior:not(.--active):hover > .homePage__leftColumn__main__content__results__single__interior__content.--hours > .homePage__leftColumn__main__content__results__single__interior__content__right > .homePage__leftColumn__main__content__results__single__interior__content__right__hoursRowDropDown {
		background-color: var(--font-color-blue-hover);
	}

	a.homePage__leftColumn__main__content__results__single__interior__content__right:hover > .homePage__leftColumn__main__content__results__single__interior__content__right__name,
	a.homePage__leftColumn__main__content__results__single__interior__content__right__text:hover,
	.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRow:hover .homePage__leftColumn__main__content__results__single__interior__content__right__text {
		color: blue;
		text-decoration: underline;
	}

	.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRow:hover .homePage__leftColumn__main__content__results__single__interior__content__right__hoursRow__icon {
		background-color: blue;
	}

	a.homePage__leftColumn__main__content__results__single__interior__content__right:active > .homePage__leftColumn__main__content__results__single__interior__content__right__name
	a.homePage__leftColumn__main__content__results__single__interior__content__right__text:active,
	.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRow:active .homePage__leftColumn__main__content__results__single__interior__content__right__text {
		color: red;
		text-decoration: underline;
	}

	.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRow:active .homePage__leftColumn__main__content__results__single__interior__content__right__hoursRow__icon {
		background-color: red;
	}

}

/* Account Pages */

main.--myAccount {
	display: flex;
	justify-content: center;
	background-color: var(--account-background);
	border-top: 2px solid var(--account-border-light);
	border-bottom: 2px solid var(--account-border-shadow);
}

.account {
	width: var(--screen-width-standard-95);
	margin: var(--break-significant) 0;
	background-color: white;
	border: var(--border-mid);
	border-radius: var(--border-radius-default);
}

.account__headline {
	margin-bottom: var(--break-large);
	color: var(--gold);
}

.account__headline.--first {
	color: var(--gold);
}

.account__unit__headline,
.cart__header,
.modal__decisionBox__headline {
	padding: var(--break-modest) var(--break-default);
}

.account__unit__headline,
.modal__decisionBox__headline {
	background-color: var(--gold);
}

.account__unit__headline {
	display: flex;
	align-items: center;
	gap: var(--break-default);
}

.account__unit__headline__bubble {
	display: none;
	justify-content: center;
	align-items: center;
	padding: 0 var(--break-default);
	height: clamp(14px, 1.75rem, 56px);
	color: white;
	border: var(--border-white);
	border-radius: var(--border-radius-default);
}

.account__unit__headline__bubble.--active {
	display: flex;
}

.account__large__checkmark {
	flex-grow: 0;
	flex-shrink: 0;
	width: clamp(18px, 2.25rem, 72px);
	aspect-ratio: 1/1;
	background-color: white;
	border: var(--border-mid);
	border-radius: var(--border-radius-default);
}

.account__large__checkmark.--active,
.account__large__checkmark.--paused {
	background-color: transparent;
	cursor: pointer;
}

.account__large__checkmark.--active {
	background-image: var(--icon-checkbox-green);
	border-color: var(--green);
}

.account__large__checkmark.--paused {
	background-image: var(--icon-checkbox-red);
	border-color: var(--red);
}

.account__unit__headlineInstructions,
.modal__decisionBox__subHeadline,
.modal__decisionBox__subInstructions {
	padding: var(--break-decreased) var(--break-default);
}

.modal__decisionBox__headline {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.account__unit__headlineInstructions {
	background-color: var(--grey-224);
}

.modal__decisionBox__subHeadline,
.modal__decisionBox__subInstructions {
	background-color: var(--ultraLightGrey);
}

.account__unit__subHeadline {
	display: flex;
	align-items: center;
}

.account__unit__subHeadline {
	margin: var(--break-large) 0 0 var(--break-default);
	padding: var(--break-modest) var(--break-default);
	background-color: var(--gold-headline-background);
}

.account__unit {
	margin: 0 0 var(--break-large);
}

.account__unit__bottomWrapper {
	padding: 0 var(--break-default);
}

.account__unit__allFields,
.account__unit__allFields__column {
	display: flex;
	flex-direction: column;
	gap: var(--break-modest);
}

.account__unit__allFields {
	margin: var(--break-significant) 0 var(--break-significant) var(--break-default);
}

.account__unit__allFields.--twoColumn {
	flex-direction: row;
	flex-wrap: wrap;
} 

.account__unit__allFields.--specialty {
	width: clamp(65%, 65%, 65%);
}

.account__unit__allFields__column {
	width: clamp(22rem, 45%, 45%);
}

.account__unit__allFields.--twoColumn,
.account__unit__allFields.--specialty:has(.checkbox__unit__account.--active),
.account__unit__allFields__column.--statewide:has(.checkbox__unit__account.--active) {
	gap: var(--break-significant);
}

.account__unit__oneField {
	display: none;
	font-size: 0; /* Needed to avoid strange top-margin issue on Select elements in Chrome.  Unknown why this helps because this is a wrapper. */
}

.account__unit__oneField.--active {
	display: block;
}

.account__unit__passwords {
	display: none;
	flex-direction: column;
	gap: var(--break-significant);
}

.account__unit__passwords.--active {
	display: flex;
}

.account__unit__bottom {
	border-top: var(--border-mid);
}

.account__unit__bottom__section {
	display: none;
	align-items: flex-start;
	flex-direction: column;
	gap: var(--break-default);
	margin: var(--break-default) 0 0;
}

.account__unit__bottom__section.--active {
	display: flex;
}

.account__unit__bottom__section__buttonContainer {
	display: flex;
	align-items: flex-start;
	gap: var(--break-modest);
}

.account__unit__bottom__section__button,
.checkbox__unit__account__upgrade__button,
.account__unit__fileUpload::file-selector-button,
.modal__decisionBox__button {
	color: white;
	border-radius: var(--border-radius-small);
	user-select: none;
}

.account__unit__bottom__section__button,
.modal__decisionBox__button {
	background-color: var(--darkGrey);
	cursor: pointer;
}

.checkbox__unit__account__upgrade__buttonContainer.--open {
	display: flex;
}

.checkbox__unit__account__upgrade__buttonContainer.--active {
	border: var(--border-blue);
}

.account__unit__bottom__section__button,
.checkbox__unit__account__upgrade__button,
.modal__decisionBox__button {
	cursor: pointer;
}

.account__unit__bottom__section__button,
.checkbox__unit__account__upgrade__button {
	display: none;
}

.account__unit__bottom__section__button.--active,
.checkbox__unit__account__upgrade__button.--active {
	display: flex;
}

.account__unit__bottom__section__button {
	width: clamp(40px, 5rem, 160px);
	aspect-ratio: 5/2;
}

.checkbox__unit__account__upgrade__button,
.account__unit__bottom__section__button {
	justify-content: center;
	align-items: center;
}

.checkbox__unit__account__upgrade__button {
	gap: var(--break-modest);
	width: clamp(56px, 7rem, 224px);
	aspect-ratio: 7/2;
}

.modal__decisionBox__button.--delete {
	background-color: var(--red-deep);
}

.account__unit__bottom__section__button.--delete {
	margin-left: var(--break-decreased);
}

.modal__decisionBox__button {
	display: flex;
	justify-content: center;
	padding: var(--break-modest);
}

.modal__decisionBox__button.--changeUpgradeState {
	width: clamp(48px, 6rem, 192px);
}

.account__unit__fileUpload::file-selector-button {
	padding: var(--break-modest);
	background-color: var(--blue-deep);
	border: none;
}

.account__unit__bottom__section__info {
	display: flex;
	align-items: center;
	gap: var(--break-decreased);
	padding: var(--break-modest);
	background-color: var(--grey-background);
	border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.account__unit__bottom__section__info__icon {
	width: clamp(20px, 2.5rem, 80px);
}

.account__unit__body.--deleteAccount {
	text-align: right;
}

/* News */

.header__nav {
	border-top-width: 0.25rem;
	border-top-style: solid;
	border-top-color: var(--grey48);
	border-bottom-width: 0.25rem;
	border-bottom-style: solid;
	border-bottom-color: var(--grey48);
}

.header__nav__internal {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-right: auto;
	margin-left: auto;
	padding-top: var(--one);
	width: var(--standardWidth);
	max-width: 100%;
}

.news__unit {
	display: flex;
	flex-direction: column;
	margin: var(--break-significant) 0;
}

.news__unit__thumb {
	width: 100%;
	height: auto;
}

.news__unit__description {
	margin: var(--break-modest) 0 0;
	color: var(--font-color-link);
}

.news__unit__date {
	margin: var(--break-modest) 0 0;
}

.news__item__headline {
	margin: 0 0 var(--break-significant);
}

.news__item__containerSubmittedPublished {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}

.news__item__submittedPublishedColumn {
	margin-bottom: var(--break-modest);
}

.news__item__miniTitle {
	margin: var(--break-small) 0;
}

.news__item__bodyContainer {
	margin: var(--break-modest) 0 var(--break-large);
}

.news__start__line {
	margin-bottom: var(--break-modest);
	height: clamp(2px, .25rem, 8px);
	background-color: var(--lightGrey);
}

.news__img__caption,
.news__item__bodyText {
	margin-bottom: var(--break-significant);
}

.news__img__caption {
	margin-top: 0;
	padding: var(--break-default);
	max-width: 100%;
	background-color: var(--grey-248);
}

.news__item__quoteText {
	margin: 0 0 var(--break-significant) var(--break-significant);
	padding: var(--break-default);
	color: var(--orange-80);
	background-color: var(--ultraLightGrey);
}

/* All Text Link & Button States */

.account__unit__body > a:link,
.aux__main__contentBlock__text > a:link,
.bodyText > a:link,
.checkbox__label > a:link,
.modal__message > a:link,
.news__item__bodyText > a:link,
.news__item__submittedBy > a:link,
.news__unit__description:link,
.unorderedList > li > a:link{
	color: var(--font-color-link);
	text-decoration: underline;
}

.modal__contentBlock__main__wrapperForMouse:link {
	color: var(--font-color-default);
	text-decoration: underline;
}

.modal__contentBlock__main__wrapperForMouse:visited {
	color: var(--font-color-default);
}

.aux__main__contentBlock__text > a:visited,
.account__unit__body > a:visited,
.bodyText > a:visited,
.checkbox__label > a:visited,
.modal__message > a:visited,
.news__item__bodyText > a:visited,
.news__item__submittedBy > a:visited,
.news__unit__description:visited,
.unorderedList > li > a:visited {
	color: var(--font-color-link);
}

.news__unit__date:link {
	color: var(--font-color-default);
}

.branding:link,
.nav__links__unit:link,
.nav__links__accountUnit:link,
.nav__links__secondaryUnit:link,
.news__unit__date:link,
.standardFooter__internal__privacyTerms__unit:link,
.standardFooter__internal__privacyTerms__activeUnit:link,
.standardFooter__internal__twoColumns__links__unit:link,
.standardFooter__internal__twoColumns__links__activeUnit:link {
	text-decoration: none;
}

.standardFooter__internal__privacyTerms__unit:link,
.standardFooter__internal__bottom__recaptcha > a:link,
.standardFooter__internal__twoColumns__links__unit:link {
	color: var(--font-color-light);
}

.standardFooter__internal__privacyTerms__unit:visited,
.standardFooter__internal__bottom__recaptcha > a:visited,
.standardFooter__internal__twoColumns__links__unit:visited {
	color: var(--font-color-light);
}

.standardFooter__internal__twoColumns__links__activeUnit:link {
	color: var(--font-color-branded);
}

.standardFooter__internal__twoColumns__links__activeUnit,
.standardFooter__internal__privacyTerms__activeUnit {
	color: var(--font-color-branded);
}

@media (hover: hover) and (pointer: fine) {

	.topMessage__closeButton:hover > div {
		background-color: var(--orange);
	}

	.buttonHalo.--active.--modalHeadline:hover,
	.buttonHalo.--modalHeadline:has(.buttonHalo__backModal.--active):hover,
	.buttonHalo:has(.buttonHalo__user:hover),
	.buttonHalo:has(.lineContainer:hover),
	.buttonHalo:has(.shoppingCart.--nav:hover),
	.buttonHalo:has(.shoppingCart.--cartTab:hover) {
		background-color: var(--interface-base-color-hover);
	}

	.buttonHalo.--shoppingCart:hover {
		background-color: var(--gold-cart-hover);
		cursor: pointer;
	}

	.buttonHalo.--shoppingCart:hover > .lineContainer.--shoppingCart > .lineContainer__row.--shoppingCart {
		background-color: black;
	}

	.buttonHalo.--decisionBox:has(.lineContainer.--decisionBox):hover {
		background-color: var(--gold-accent);
	}

	.buttonHalo__user.--loggedIn:hover,
	.nav__links__accountUnit:hover > .nav__links__accountUnit__icon.--myAccountIcon,
	.nav__links__accountUnit:hover > .nav__links__accountUnit__icon.--userIcon.--loggedIn {
		background-color: var(--gold-hover);
	}

	.lineContainer.--navTop:hover > .lineContainer__row,
	.lineContainer.--modalHeadline:hover > .lineContainer__row {
		background-color: var(--interface-base-color-content-hover);
	}

	.nav__links__unit:hover > .nav__links__unit__icon,
	.nav__links__accountUnit:hover > .nav__links__accountUnit__icon {
		background-color: var(--interface-menu-color-content-hover);
	}

	.nav__links__accountUnit:hover > .nav__links__accountUnit__text.--loggedIn {
		color: var(--gold-hover);
	}

	.nav__links__unit:hover > div > .nav__links__unit__topText,
	.nav__links__accountUnit:hover > .nav__links__accountUnit__text,
	.nav__links__secondaryUnit:hover > .nav__links__secondaryUnit__link {
		color: var(--interface-menu-color-content-hover);
	}

	.nav__links__unit:hover > div > .nav__links__unit__bottomText {
		color: var(--interface-menu-color-accent-hover);
	}

	.standardFooter__internal__twoColumns__links__unit:hover,
	.standardFooter__internal__twoColumns__links__activeUnit:hover,
	.standardFooter__internal__privacyTerms__unit:hover,
	.standardFooter__internal__privacyTerms__activeUnit:hover,
	.standardFooter__internal__bottom__recaptcha > a:hover {
		text-decoration: underline;
	}

	.nav__links__unit:hover,
	.nav__links__accountUnit:hover,
	.nav__links__secondaryUnit:hover {
		text-decoration: none;
		background-color: var(--interface-menu-color-background-hover);
	}

	.input__error__closePanel:hover {
		background-color: var(--red-hover);
	}

	.input__error__closePanel:active {
		background-color: var(--red-active);
	}

	.input__error__closePanel:hover > .lineContainer > .lineContainer__row {
		background-color: var(--interface-base-color-content-hover);
	}

}

.account__unit__body > a:active,
.aux__main__contentBlock__text > a:active,
.bodyText > a:active,
.checkbox__label > a:active,
.modal__message > a:active,
.news__item__bodyText > a:active,
.news__item__submittedBy > a:active,
.news__unit__date:active,
.news__unit__description:active,
.standardFooter__internal__twoColumns__links__unit:active,
.standardFooter__internal__twoColumns__links__activeUnit:active,
.standardFooter__internal__privacyTerms__unit:active,
.standardFooter__internal__privacyTerms__activeUnit:active,
.standardFooter__internal__bottom__recaptcha > a:active, 
.unorderedList > li > a:active {
	color: var(--red-standard-active);
}

.modal__contentBlock__main__wrapperForMouse:active {
	color: var(--font-color-default);
}

.news__unit__date:active {
	text-decoration: none;
}

.topMessage__closeButton:active > div {
	background-color: var(--red);
	transition: var(--transition-fast);
}

/* All Transitions */

.buttonHalo,
.buttonHalo.--modalHeadline,
.buttonHalo__user,
.homePage__filter,
.homePage__leftColumn,
.homePage__leftColumn__main__content__results__single__interior,
.homePage__leftColumn__main__content__results__single__interior__bgColumn,
.homePage__leftColumn__main__content__results__single__interior__content__left__icon,
.homePage__leftColumn__main__content__results__single__interior__content__right__logo,
.homePage__leftColumn__main__content__results__single__interior__content__right__hoursRowDropDown,
.leftColumn__marker,
.leftColumn__marker__id,
.lineContainer__row.--navTop,
.nav.--standard {
	transition-duration: var(--transition-medium);
	transition-timing-function: var(--transition-timing-function-default);
}

.homePage__leftColumn__main__content__topSearch__checkbox {
	transition-duration: var(---transition-fast);
	transition-timing-function: var(--transition-timing-function-default);
}

/* SVG */

/* Foreclosure Cleanup Vendor List */

/* Legal Pages */

/* My Account */

/* Shared elements */



@media (hover: hover) and (pointer: fine) {

	button:hover {
		cursor: pointer;
	}

}

@media (hover: hover) and (pointer: fine) {

	input:-webkit-autofill:hover,
	textarea:-webkit-autofill:hover,
	select:-webkit-autofill:hover {
		box-shadow: 0 0 0 10rem var(white) inset !important;
	}

}

/* Identical to style above. */
/* Change autocomplete styles in Chrome.  Only use of !important on sheet.*/
/* input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
	box-shadow: 0 0 0 10rem var(white) inset !important;
} */
/* Identical to style above. */

.fiveDots {
	display: flex;
	justify-content: center;
	margin-bottom: var(--break-default);
}

.fiveDots.--breakLarge {
	margin-bottom: var(--break-large);
}

.fiveDots__image {
	width: clamp(96px, 12rem, 384px);
	aspect-ratio: 12 / 1;
	background-image: var(--five-dots);
	background-repeat: no-repeat;
	background-position: center;
}

.highlightEffect {
	background-color: rgb(204, 222, 255);
}
/* Identical to style above */

li a:link,
li a:visited {
	color: var(--blue-deep);
	text-decoration: underline;
}


li a:active {
	color: var(--blue-deep);
	text-decoration: underline;
}

/* News Items */
/* Identical to style above. */
/* Identical to style above. */

/* Single page site */

.singlePage__verticalCenter {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.singlePage__icon {
	width: 12rem;
	height: 12rem;
}

/* Vendor List Search Page */
/* Identical to style above. */

@media all and (min-width: 800px) and (max-width: 1199px) {

	:root {

		--break-enormous: clamp(64px, 8rem, 172px);
		--break-huge: clamp(48px, 6rem, 129px);
		--break-large: clamp(32px, 4rem, 86px);
		--break-ample: clamp(24px, 3rem, 64px);
		--break-significant: clamp(16px, 2rem, 43px);
		--break-increased: clamp(12px, 1.5rem, 32px);
		--break-default: clamp(8px, 1rem, 21px);
		--break-decreased: clamp(6px, .75rem, 16px);
		--break-modest: clamp(4px, .5rem, 10px);
		--break-small: clamp(2px, .25rem, 5px);
		--break-tiny: clamp(1px, .125rem, 2px);

		--font-size-large: clamp(20px, 2.5rem, 54px);
		--font-size-significant: clamp(16px, 2rem, 43px);
		--font-size-increased: clamp(12px, 1.5rem, 32px);
		--font-size-default: clamp(10px, 1.25rem, 27px);
		--font-size-decreased: clamp(8px, 1rem, 21px);
		--font-size-modest: clamp(6px, .75rem, 16px);
		--font-size-small: clamp(4px, .5rem, 10px);

		--modal-headline-halo-size: clamp(22px, 2.75rem, 59px);

		--nav-top-width-account: 124px;
		--nav-top-height-account: 76px;

		--search-results-bg-column-width: 44px;
		--search-results-marker-width: 44px;

	}

	/* All Font Styles */

	.nav__links__unit__topText {
		font-size: 18px;
	}
	
	.nav__links__secondaryUnit__link {
		font-size: 14px;
	}

	/* Single Pages */

	/* Top Messages */

	.topMessage__closeButton {
		width: 36px;
		height: 36px;
	}

	/* Branding */

	.aux__logo,
	.aux__logoOffset {
		width: clamp(20px, 2.5rem, 54px);
	}

	.branding__logo {
		width: clamp(200px, 25rem, 540px);
	}

	.brandingSearch__logo {
		width: clamp(202px, 25.25rem, 545px);
	}

	.bw__logo {
		width: clamp(40px, 5rem, 108px);
	}

	/* Standard Page Body */

	.news__unit,
	.pageHeadline.--withBorder {
		width: clamp(272px, 34rem, 734px);
	}

	.fiveDots__image {
		width: clamp(96px, 12rem, 259px);
	}

	/* Nav Top */

	.standardPage__header__internal {
		flex-grow: 1;
	}

	.standardPage__header__internal__navContainer {
		width: calc(var(--nav-top-width) + 8px);
	}

	.standardPage__header__linksContainerOuter {
		justify-content: flex-end;
	}

	.standardPage__header__linksContainerInner {
		width: auto;
	}
		
	.standardPage__header__linksContainer__links {
		border-right: initial;
		border-bottom-right-radius: initial;
	}

	.nav.--standard.--myAccount {
		height: clamp(50px, 6.25rem, 135px);
	}

	.standardPage__header__internal {
		height: clamp(80px, 6.25rem, 135px);
	}

	.standardPage__header__internal.--myAccount {
		height: clamp(60px, 7.5rem, 162px);
	}

	/* Forms & Buttons */

	.checkbox {
		width: clamp(16px, 2rem, 43px);
	}

	.lineContainer__row.--modalHeadline.--row1 {
		transform: translate(0, .6875rem) rotate(45deg);
	}
	
	.lineContainer__row.--modalHeadline.--row2 {
		transform: translate(0, .4375rem) rotate(-45deg);
	}

	/* Error */

	.input__error__closePanel {
		width: clamp(16px, 2rem, 43px);
	}

	.input__error__closePanel__icon {
		width: clamp(8px, 1rem, 21px);
	}

	/* Filter */

	.homePage__filter__column__main {
		width: clamp(208px, 26rem, 561px);
	}

	/* Left Column - Home Page */

	.homePage__leftColumn__main {
		width: clamp(260px, 32.5rem, 702px);
	}

	.homePage__leftColumn__main__branding {
		height: clamp(58px, 7.25rem, 156px);
	}

	.homePage__leftColumn__main__content__topSearch__zip__button {
		width: clamp(30px, 3.75rem, 81px);
	}

	.homePage__leftColumn__main__content__topSearch__zip__button__icon {
		width: clamp(12px, 1.5rem, 32px);
	}

	.homePage__leftColumn__main__content__topSearch__zip__button__animation {
		width: clamp(12px, 1.5rem, 32px);
		border-width: clamp(2px, .25rem, 5px);
	}

	.homePage__leftColumn__main__content__topSearch__checkbox {
		width: clamp(16px, 2rem, 43px);
	}

	.homePage__control__tab {
		width: clamp(12px, 1.5rem, 32px);
		height: clamp(50px, 6.25rem, 135px);
	}

	.homePage__control__tab__shadow {
		inset: 0 auto 0 clamp(-21px, -1rem, -8px) ;
		width: clamp(8px, 1rem, 21px);
	}

	.homePage__control__tab__icon {
		width: clamp(6px, .75rem, 16px);
		height: clamp(10px, 1.25rem, 27px);
	}

	/* Listings - Home Page */

	.vendorListing__flag {
		inset: clamp(-8px, -.375rem, -3px);
		border-width: clamp(3px, .375rem, 8px);
	} 

	.vendorListing__contact__icon {
		width: clamp(28px, 3.5rem, 75px);
		height: clamp(20px, 2.5rem, 54px);
	}

	.vendorListing__contact__icon > img {
		width: clamp(20px, 2.5rem, 54px);
	}

	.vendorListing__row__column__bullet__icon {
		width: clamp(4px, .5rem, 10px);
	}
	
	/* Auxiliary */

	.aux__main__headlineBlock {
		min-height: clamp(40px, 5rem, 108px);
	}

	.aux__main__contentBlock {
		min-height: clamp(120px, 15rem, 324px);
	}

	/* Forms */

	.input__unit__password__eye__image {
		width: clamp(18px, 2.25rem, 48px);
	}

	.input__unit__password__eye__image.--largeSize {
		width: clamp(20px, 2.5rem, 54px);
	}

	.modal__contentBlock__main__textIconBlock__icon.--forgotPassword {
		width: clamp(12px, 1.5rem, 32px);
	}

	.modal__contentBlock__main__textIconBlock__icon.--resendActivation,
	.modal__contentBlock__main__textIconBlock__icon.--resendPasswordResetRequest {
		width: clamp(16px, 2rem, 43px);
	}

	/* Modal */

	.account__headline,
	.modal__headlineBlock {
		height: clamp(40px, 5rem, 108px);
	}

	.modal__contentBlock {
		inset: clamp(40px, 5rem, 108px) 0 0 0;
	}

	.modal__icon__forgotPassword {
		width: clamp(12px, 1.5rem, 32px);
	}

	/* My Account */

	.account__large__checkmark {
		width: clamp(18px, 2.25rem, 48px);
	}

	.account__unit__bottom__section__button {
		width: clamp(40px, 5rem, 108px);
	}

	.account__unit__bottom__section__info__icon {
		width: var(20px, 2.5rem, 54px);
	}

	.account__unit__field.--textArea { 
		min-height: clamp(50px, 6.25rem, 135px);
	}
	
	.account__unit__headline__bubble {
		height: clamp(14px, 1.75rem, 37px);
	}

	.checkbox__unit__account__upgrade__button {
		width: clamp(56px, 7rem, 151px);
	}

	.modal__decisionBox__button.--changeUpgradeState {
		width: clamp(48px, 6rem, 129px);
	}

	/* News */

	.news__start__line {
		height: clamp(2px, .25rem, 5px);
	}

	/* shared */

}

@media all and (min-width: 1px) and (max-width: 799px) {

	/* All Font Styles */

	/* Shared */

	/* Animations */

	/* Branding */

	/* Nav Top */

	.nav.--standard {
		width: var(--nav-top-active-width);
		border: initial;
		border-radius: initial;
		transition: initial;
	}

	.nav.--standard.--active {
		background-color: initial;
		border-color: transparent;
	}

	.nav.--standard > .nav__topRow {
		justify-content: space-between;
		width: var(--nav-top-active-width);
	}

	.nav.--standard.--myAccount {
		display: flex;
		align-items: center;
		top: 0;
	}

	.nav__topRow__buttons {
		position: relative;
	}

	.standardPage__header__internal {
		flex-grow: 1;
	}

	.standardPage__header__internal__navOffset {
		display: none;
	}

	.standardPage__header__internal__navContainer {
		width: 100%;
	}

	.standardPage__header__linksContainerOuter {
		justify-content: flex-end;
	}

	.standardPage__header__linksContainerInner {
		width: 100%;
	}

	.standardPage__header__linksContainer__links {
		border-right: initial;
		border-bottom-right-radius: initial;
		border-bottom: initial;
		border-bottom-left-radius: initial;
		border-left: initial;
		outline: none;
		box-shadow: none;
	}

	.standardPage__header__linksContainer__links.--myAccount {
		border-radius: 0;
	}

	.nav.--standard.--myAccount.--active > .nav__topRow > .nav__topRow__buttons > .accountPageTab {
		display: block;
		position: absolute;
		top: -6px;
		right: 0;
		width: 124px;
		height: 87px;
		background-color: var(--interface-menu-color);
		border-top-right-radius: var(--border-radius-default);
		border-top-left-radius: var(--border-radius-default);
	}

	/* Shopping Cart */

	/* .buttonHalo.--cartTab {
		width: 45px;
		height: 45px;
	} */

	/* .shoppingCart.--cartTab {
		width: 30px;
		height: 22px;
	} */

	.shoppingCart__items__count.--cartTab {
		font-size: var(--font-size-decreased);
	}

	.cartTab__internal {
		width: 100%;
		max-width: initial;
	}

	.cartTab__iconContainer {
		right: 0;
	}

	.cart__total {
		font-size: var(--font-size-significant);
	}

	.cart__item__text,
	.cart__subHeadline__text {
		font-size: var(--font-size-increased);
	} 

	
	.input__button__text.--shoppingCart {
		font-size: var(--font-size-default);
	}

	
	.cart__links__text {
		font-size: var(--font-size-decreased);
	}

	.input__button.--shoppingCart {
		width: 240px;
	}

	/* Auxiliary */

	/* Forms & Buttons */

	/* Footer */

}

@media all and (min-width: 600px) and (max-width: 799px) {

	/* Scale 2/3 of original */

	:root {

		--break-enormous: clamp(64px, 8rem, 172px);
		--break-huge: clamp(48px, 6rem, 129px);
		--break-large: clamp(32px, 4rem, 86px);
		--break-ample: clamp(24px, 3rem, 64px);
		--break-significant: clamp(16px, 2rem, 43px);
		--break-increased: clamp(12px, 1.5rem, 32px);
		--break-default: clamp(8px, 1rem, 21px);
		--break-decreased: clamp(6px, .75rem, 16px);
		--break-modest: clamp(4px, .5rem, 10px);
		--break-small: clamp(2px, .25rem, 5px);
		--break-tiny: clamp(1px, .125rem, 2px);

		--font-size-large: clamp(20px, 2.5rem, 54px);
		--font-size-significant: clamp(16px, 2rem, 43px);
		--font-size-increased: clamp(12px, 1.5rem, 32px);
		--font-size-default: clamp(10px, 1.25rem, 27px);
		--font-size-decreased: clamp(8px, 1rem, 21px);
		--font-size-modest: clamp(6px, .75rem, 16px);
		--font-size-small: clamp(4px, .5rem, 10px);

		--modal-headline-halo-size: clamp(22px, 2.75rem, 59px);
		--modal-headline-line-size: 1.5625rem;

		--nav-top-height-account: auto;
		--nav-top-width-account: 100%;
		--nav-top-active-width: 100%;
		--nav-top-active-height: 100vh;

		--screen-width-standard: auto;
		--screen-width-standard-95: auto;
		
		--search-results-bg-column-width: 44px;
		--search-results-marker-width: 40px;

	}

	/* All Font Styles */

	.homePage__leftColumn__main__content__topSearch__headline,
	.vendorListing__headline {
		font-size: var(--font-size-increased);
	}

	.vendorListing__row__column__text,
	.vendorListing__servicesHeadline {
		font-size: var(--font-size-default);
	}

	.homePage__genericButton__text {
		font-size: var(--font-size-decreased);
	}

	.nav__links__unit__topText {
		font-size: 18px;
	}
	
	.nav__links__secondaryUnit__link {
		font-size: 14px;
	}

	/* Single Pages */

	/* Top Messages */

	.topMessage__closeButton {
		width: 30px;
		height: 30px;
	}

	/* Branding */

	.aux__logo,
	.aux__logoOffset {
		width: clamp(20px, 2.5rem, 54px);
	}

	.branding {
		display: none;
	}

	.branding__logo {
		width: clamp(150px, 18.75rem, 405px);
	}

	.brandingSearch__logo {
		width: clamp(152px, 19rem, 410px);
	}

	.bw__logo {
		width: clamp(40px, 5rem, 108px);
	}

	.nav__branding,
	.navRightAligned__branding {
		display: flex;
		margin: 0 var(--break-modest);
	}

	.nav__branding__logo {
		height: clamp(30px, 3.75rem, 81px);
	}

	.standardPage__header__internal {
		height: clamp(80px, 6.25rem, 135px);
	}

	.standardPage__header__internal.--myAccount {
		height: clamp(60px, 6.25rem, 135px);
	}

	/* Auxiliary */

	.aux__main__headlineBlock {
		min-height: clamp(26px, 3.3125rem, 71px);
	}

	.aux__main__contentBlock {
		min-height: clamp(80px, 10rem, 216px);
	}

	/* Standard Page Body */

	.news__unit,
	.pageHeadline.--withBorder {
		width: clamp(216px, 27rem, 583px);
	}

	.fiveDots__image {
		width: clamp(64px, 8rem, 172px);
	}

	/* Footer */

	.standardFooter__internal__twoColumns {
		flex-direction: column;
		align-items: center;
		margin-bottom: initial;
	}

	.standardFooter__internal__twoColumns__links {
		align-items: center;
		margin-bottom: var(--break-large);
	}

	.standardFooter__internal__twoColumns__links__unit,
	.standardFooter__internal__twoColumns__links__activeUnit {
		text-align: center;
	}

	.standardFooter__internal__twoColumns__logos {
		margin-bottom: var(--break-large);
	}
	
	.standardFooter__internal__privacyTerms {
		justify-content: center;
	}

	.standardFooter__internal__bottom {
		display: flex;
		flex-direction: column;
		justify-content: initial;
		align-items: center;
		flex-wrap: nowrap;
	}

	.standardFooter__internal__bottom__recaptcha {
		text-align: center;
	}

	/* Nav Top */

	.nav.--rightAligned {
		box-sizing: content-box; /* Needed to stop shifting when menu opens. Only needed on this size. */
	}

	.nav.--rightAligned.--active {
		border-left: initial;
		border-bottom-left-radius: initial;
		outline: initial;
		box-shadow: none;
	}

	.nav.--rightAligned.--active > .nav__topRow {
		justify-content: space-between;
	}

	.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--navTop.--second > .lineContainer.--navTop > .lineContainer__row.--navTop.--row1.--myAccount,
	.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--navTop.--second > .lineContainer.--navTop > .lineContainer__row.--navTop.--row2.--myAccount,
	.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--navTop.--second > .lineContainer.--navTop > .lineContainer__row.--navTop.--row3.--myAccount {
		background-color: var(--interface-base-color);
	}
	
	.standardPage__header__linksContainer__links.--active {
		min-height: 100vh;
		max-height: 100vh;
	}

	/* Error */

	.input__error__closePanel {
		width: clamp(16px, 2rem, 43px);
	}

	.input__error__closePanel__icon {
		width: clamp(8px, 1rem, 21px);
	}

	/* Forms */

	.checkbox {
		width: clamp(16px, 2rem, 43px);
	}

	.input__unit__password__eye__image {
		width: clamp(18px, 2.25rem, 48px);
	}

	.input__unit__password__eye__image.--largeSize {
		width: clamp(20px, 2.5rem, 54px);
	}

	.modal__contentBlock__main__textIconBlock__icon.--forgotPassword {
		width: clamp(12px, 1.5rem, 32px);
	}

	.modal__contentBlock__main__textIconBlock__icon.--resendActivation,
	.modal__contentBlock__main__textIconBlock__icon.--resendPasswordResetRequest {
		width: clamp(16px, 2rem, 43px);
	}

	/* Filter */

	.homePage__filter__column__main {
		width: clamp(156px, 19.5rem, 421px);
	}

	.homePage__filter__column__main__headline,
	.homePage__leftColumn__main__content__topSearch__headline {
		margin: 0 0 var(--break-default);
	}

	/* Left Column - Home Page */

	.homePage__leftColumn__main {
		width: clamp(195px, 24.375rem, 527px);
	}

	.homePage__leftColumn__main__branding {
		height: clamp(44px, 5.5rem, 118px);
	}

	.homePage__leftColumn__main__content__topSearch__zip__button {
		width: clamp(30px, 3.75rem, 81px);
	}

	.homePage__leftColumn__main__content__topSearch__zip__button__icon {
		width: clamp(12px, 1.5rem, 32px);
	}

	.homePage__leftColumn__main__content__topSearch__zip__button__animation {
		width: clamp(12px, 1.5rem, 32px);
		border-width: clamp(2px, .25rem, 5px);
	}

	.homePage__leftColumn__main__content__topSearch__checkbox {
		width: clamp(16px, 2rem, 43px);
	}

	.homePage__control__tab {
		width: clamp(9px, 1.125rem, 24px);
		height: clamp(37px, 4.6875rem, 101px);
	}

	.homePage__control__tab__shadow {
		inset: 0 auto 0 clamp(-16px, -.75rem, -6px);
		width: clamp(6px, .75rem, 16px);
	}

	.homePage__control__tab__icon {
		width: clamp(4px, .5625rem, 12px);
		height: clamp(7px, .9375rem, 20px);
	}

	/* Listings - Home Page */

	.vendorListing {
		margin: 0 var(--break-small) var(--break-default) var(--break-small);
		padding: var(--break-increased) var(--break-modest) 0;
	}

	.vendorListing__flag {
		inset: clamp(-5px, -.25rem, -2px);
		border-width: clamp(2px, .25rem, 5px);
	} 

	.vendorListing__break,
	.vendorListing__headline,
	.vendorListing__row,
	.vendorListing__row__singleColumn  {
		margin-bottom: var(--break-increased);
	}

	.vendorListing__headline {
		padding: var(--break-modest) var(--break-tiny) var(--break-modest) var(--break-modest);
	}

	.vendorListing__servicesHeadline {
		padding: var(--break-tiny) var(--break-default) var(--break-tiny) var(--break-tiny);
	}

	.vendorListing__contact__icon {
		width: clamp(21px, 2.625rem, 56px);
		height: clamp(15px, 1.875rem, 40px);
		padding: 0 clamp(3px, .375rem, 8px);
	}

	.vendorListing__contact__icon > img {
		width: clamp(15px, 1.875rem, 40px);
	}

	.vendorListing__row__column__bullet__icon {
		width: clamp(3px, .375rem, 8px);
		margin: 0 var(--break-modest) 0 0;
	}

	.map__marker {
		width: 39px;
		height: 52px;
	}

	/* Forms & Buttons */

	.lineContainer__row.--modalHeadline.--row1 {
		transform: translate(0, .6875rem) rotate(45deg);
	}
	
	.lineContainer__row.--modalHeadline.--row2 {
		transform: translate(0, .4375rem) rotate(-45deg);
	}

	/* Modal */

	.account__headline,
	.modal__headlineBlock {
		height: clamp(40px, 5rem, 108px);
	}

	.modal__contentBlock {
		inset: clamp(40px, 5rem, 108px) 0 0 0;
	}

	.modal__icon__forgotPassword {
		width: clamp(12px, 1.5rem, 32px);
	}

	/* My Account */

	.account {
		max-width: 100%;
		border-left: none;
		border-right: none;
		border-radius: 0;
	}

	.account_belowDetails {
		flex-direction: column;
		gap: var(--break-significant);
	}

	.account__headline.--first {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}

	.account__large__checkmark {
		width: clamp(18px, 2.25rem, 48px);
	}

	.account__unit__allFields__column {
		width: 100%;
	}

	.account__unit__allFields.--specialty {
		width: max-content;
	}

	.account__unit__bottom__section__button {
		width: clamp(40px, 5rem, 108px);
	}

	.account__unit__bottom__section__info__icon {
		width: var(20px, 2.5rem, 54px);
	}

	.account__unit__field.--textArea { 
		min-height: clamp(50px, 6.25rem, 135px);
	}
	
	.account__unit__headline__bubble {
		height: clamp(14px, 1.75rem, 37px);
	}

	.checkbox__unit__account__upgrade__button {
		width: clamp(56px, 7rem, 151px);
	}

	.modal__decisionBox__button.--changeUpgradeState {
		width: clamp(48px, 6rem, 129px);
	}

	/* News */

	.news__start__line {
		height: clamp(2px, .25rem, 5px);
	}

	/* shared */

	.body__standard.--locked,
	.body__standard.--locked-byNav {
		height: 100vh;
		overflow-y: hidden;
	} 

	/* Vendor List Search Page */

}

@media all and (min-width: 1px) and (max-width: 599px) {
	:root {

		--break-enormous: 96px;
		--break-huge: 72px;
		--break-large: 48px;
		--break-significant: 24px;
		--break-increased: 18px;
		--break-default: 12px;
		--break-decreased: 9px;
		--break-modest: 6px;
		--break-small: 3px;
		--break-tiny: 1px;

		--font-size-large: 30px;
		--font-size-significant: 24px;
		--font-size-increased: 18px;
		--font-size-default: 16px;
		--font-size-decreased: 16px;
		--font-size-modest: 12px;
		--font-size-small: 8px;

		--modal-headline-halo-size: 44px;
		--modal-headline-line-size: 1.5rem;

		--nav-top-width: 100%;
		--nav-top-width-account: 100%;
		--nav-top-active-width: 100%;
		--nav-top-active-height: 100vh;
		
		--screen-width-narrow: auto;
		--screen-width-narrow-95: auto;
		--screen-width-standard: auto;
		--screen-width-standard-95: auto;
		
		--search-results-bg-column-width: 40px;
		--search-results-marker-width: 36px;

	}

	/* All Font Styles */
	
	.nav__links__secondaryUnit__link {
		font-size: 14px;
	}

	/* Single Pages */

	/* Top Messages */

	.topMessage__closeButton {
		width: 24px;
		height: 24px;
	}

	/* Branding */

	.aux__logo,
	.aux__logoOffset {
		width: 36px;
	}

	.branding {
		display: none;
	}

	.bw__logo {
		width: 60px;
	}

	.nav__branding,
	.navRightAligned__branding {
		margin: 0 6px;
	}

	.nav__branding,
	.navRightAligned__branding {
		display: flex;
	}

	.nav.--standard.--myAccount,
	.standardPage__header__internal,
	.standardPage__header__internal.--myAccount {
		height: 68px;
	}

	.standardPage__header__linksContainer__links.--active {
		min-height: 100vh;
		max-height: 100vh;
	}

	.nav__branding__logo {
		height: 36px;
		height: 44px;
	}

	.brandingSearch__logo {
		width: 228px;
	}

	/* Body */

	.bodyText.--breakLarge,
	.fiveDots.--breakLarge {
		margin-bottom: 48px;
	}

	.fiveDots__image {
		width: 128px;
	}

	.news__unit,
	.pageHeadline.--withBorder {
		width: clamp(350px, 480px, 95%);
	}

	/* Nav Top */

	.nav.--rightAligned {
		border-left: initial;
		border-bottom-left-radius: initial;
		outline: initial;
		box-shadow: none;
	}

	.nav__topRow {
		justify-content: space-between;
		width: var(--nav-top-active-width);
	}

	.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--navTop.--second > .lineContainer.--navTop > .lineContainer__row.--navTop.--row1.--myAccount,
	.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--navTop.--second > .lineContainer.--navTop > .lineContainer__row.--navTop.--row2.--myAccount,
	.nav.--active > .nav__topRow > .nav__topRow__buttons > .buttonHalo.--navTop.--second > .lineContainer.--navTop > .lineContainer__row.--navTop.--row3.--myAccount {
		background-color: var(--interface-base-color);
	}

	/* Error */

	.input__error__closePanel {
		width: 24px;
	}

	.input__error__closePanel__icon {
		width: 12px;
	}

	/* Footer */

	.standardFooter__internal__twoColumns {
		flex-direction: column;
		align-items: center;
		margin-bottom: initial;
	}

	.standardFooter__internal__twoColumns__links,
	.standardFooter__internal__twoColumns__logos {
		margin-bottom: var(--break-large);
	}

	.standardFooter__internal__twoColumns__links {
		align-items: center;
	}

	.standardFooter__internal__twoColumns__links__unit,
	.standardFooter__internal__twoColumns__links__activeUnit {
		text-align: center;
	}

	.standardFooter__internal__privacyTerms {
		justify-content: center;
	}

	.standardFooter__internal__bottom {
		display: flex;
		flex-direction: column;
		justify-content: initial;
		align-items: center;
		flex-wrap: nowrap;
	}

	.standardFooter__internal__bottom__recaptcha {
		text-align: center;
	}

	/* Forms */

	.checkbox {
		width: 24px;
	}

	.input__unit__password.--largeSize {
		width: clamp(350px, 350px, 100%);
	}

	.input__unit__password__eye__image {
		width: 27px;
	}

	.input__unit__password__eye__image.--largeSize {
		width: 30px;
	}

	.modal__contentBlock__main__textIconBlock__icon.--forgotPassword {
		width: 24px;
	}

	.modal__contentBlock__main__textIconBlock__icon.--resendActivation,
	.modal__contentBlock__main__textIconBlock__icon.--resendPasswordResetRequest {
		width: 32px;
	}

	/* Auxiliary */

	.aux__main {
		margin: 0 0 48px;
		border-top: initial;
		border-right: initial;
		border-left: initial;
		border-bottom: var(--border-ultra-dark-thick);
		outline: initial;
		border-radius: 0;
	}

	.aux__main__headlineBlock {
		min-height: auto;
		border-radius: 0;
	}

	.aux__main__contentBlock {
		min-height: auto;
	}

	/* Shopping Cart */

	/* Filter */

	.homePage__filter__column__main {
		width: 240px;
	}

	.homePage__filter__column__main__headline,
	.homePage__leftColumn__main__content__topSearch__headline {
		margin: 0 0 var(--break-increased);
	}

	/* Left Column - Home Page */

	.homePage__leftColumn__main {
		width: 300px;
	}

	.homePage__leftColumn__main__branding {
		display: none;
	}

	.homePage__leftColumn__main__content {
		inset: 60px 0 0;
	}

	.homePage__leftColumn__main__content__topSearch.--active {
		max-height: 550px; /* Needed for JS */
	}

	.homePage__leftColumn__main__content__topSearch__zip__button {
		width: 34px;
	}

	.homePage__leftColumn__main__content__topSearch__zip__button__icon {
		width: 18px;
	}

	.homePage__leftColumn__main__content__topSearch__zip__button__animation {
		width: 14px;
		border-width: 2px;
	}

	.homePage__leftColumn__main__content__topSearch__checkbox {
		width: 18px;
		height: 18px;
		border-width: 1px !important;
		border-radius: 4px !important;
	}

	.homePage__control__tab {
		width: 18px;
		height: 75px;
	}

	.homePage__control__tab__shadow {
		inset: 0 auto 0 -12px;
		width: 12px;
	}

	.homePage__control__tab__icon {
		width: 9px;
		height: 15px;
	}

	/* Listings - Home Page */

	.vendorListing {
		margin: 0 var(--break-small) var(--break-default) var(--break-small);
		padding: var(--break-increased) var(--break-modest) 0;
	}

	.vendorListing__flag {
		inset: -4px;
		border-width: 4px;
	} 

	.vendorListing__break,
	.vendorListing__headline,
	.vendorListing__row,
	.vendorListing__row__singleColumn  {
		margin-bottom: var(--break-increased);
	}

	.vendorListing__headline {
		padding: var(--break-modest) var(--break-tiny) var(--break-modest) var(--break-modest);
	}

	.vendorListing__servicesHeadline {
		padding: var(--break-tiny) var(--break-default) var(--break-tiny) var(--break-tiny);
	}

	.vendorListing__contact__icon {
		width: 42px;
		height: 30px;
		padding: 6px;
	}

	.vendorListing__contact__icon > img {
		width: 30px;
	}

	.vendorListing__row__column__bullet__icon {
		width: 6px;
		margin: 0 var(--break-modest) 0 0;
	}

	.map__marker {
		width: 39px;
		height: 52px;
	}

	/* Forms & Buttons */

	.lineContainer__row.--modalHeadline.--row1 {
		transform: translate(0, .625rem) rotate(45deg);
	}
	
	.lineContainer__row.--modalHeadline.--row2 {
		transform: translate(0, .375rem) rotate(-45deg);
	}

	/* Modal */

	.account__headline,
	.modal__headlineBlock {
		height: 60px;
	}

	.modal__contentBlock {
		inset: 60px 0 0 0;
	}

	.modal__icon__forgotPassword {
		width: 18px;
	}

	/* My Account */

	.account {
		max-width: 100%;
		border-left: none;
		border-right: none;
		border-radius: 0;
	}

	.account_belowDetails {
		flex-direction: column;
		gap: 24px;
	}

	.account__belowDetails__container {
		flex-basis: auto;
	}

	.account__headline.--first {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}

	.account__large__checkmark {
		width: 27px;
	}

	.account__unit__allFields__column {
		width: 100%;
	}

	.account__unit__allFields.--specialty {
		width: max-content;
	}

	.account__unit__bottom__section__button {
		width: 60px;
	}

	.account__unit__bottom__section__info__icon {
		width: 30px;
	}

	.account__unit__field.--textArea { 
		min-height: 75px;
	}
	
	.account__unit__headline__bubble {
		height: 28px;
	}

	.checkbox__unit__account__upgrade__button {
		width: 84px;
	}

	.modal__decisionBox__button.--changeUpgradeState {
		width: 72px;
	}

	/* News */

	.news__start__line {
		height: 3px;
	}

	/* Shared */

	.body__standard.--locked,
	.body__standard.--locked-byNav {
		height: 100vh;
		overflow-y: hidden;
	} 

	/* Vendor List Search Page */

}

@media all and (min-height: 448px) and (max-width: 799px) {

	/* The bottom border of .nav__links will be positioned at the bottom of the screen with a large gap up to the first link without this on screen heights greater than the min-height above.  */

	.nav__links__smallScreenFooter.--standard {
		display: block;
		position: absolute;
		inset: 357px 0 15px;
		background-color: var(--interface-base-color);
		border-top: var(--border-mid);
	}

}

@media all and (min-height: 440px) and (max-width: 799px) {

	.nav__links__smallScreenFooter.--rightAligned {
		display: block;
		position: absolute;
		inset: 423px 0 15px;
		background-color: var(--interface-base-color);
		border-top: var(--border-mid);
	}

}

/* Modifiers Display */

.--doNotShow {
	display: none !important;
}

.--hidden {
	display: none;
}

.-noWrap {
	white-space: nowrap;
}

/* Modifiers Font */

.-bold {
	font-weight: 700;
}

.--centerText {
	text-align: center;
}

.--lowercase {
	text-transform: lowercase;
}

.--overflowWrap {
	overflow-wrap: break-word;
}

.--nowrap {
	white-space: nowrap;
}

/* fix this one */

.--blueHighlight {
	color: white;
	background-color: var(--blue-deep);
}