/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* default page structure

body
|
+--div.content
|  |
|  +--div.page-inner
|     |
|     |
|     |
|     +--header
|     |  |
|     |  +--div.header-container
|     |  |  |
|     |  |  +--[div.logo-nav-button-container-mobile]
|     |  |  |  |
|     |  |  |  +--div.logo-container
|     |  |  |  |  |
|     |  |  |  |  +--a.logo
|     |  |  |  |     |
|     |  |  |  |     +--img
|     |  |  |  |
|     |  |  |  +--div.nav-button
|     |  |  |
|     |  |  +--div.logo-nav-container
|     |  |  |  |
|     |  |  |  +--[div.nav-container-mini]
|     |  |  |  |  |
|     |  |  |  |  +--div.language-selector
|     |  |  |  |  |
|     |  |  |  |  +--nav.mini-nav
|     |  |  |  |
|     |  |  |  +--div.nav-container
|     |  |  |     |
|     |  |  |     +--div.logo-container
|     |  |  |     |  |
|     |  |  |     |  +--a.logo
|     |  |  |     |     |
|     |  |  |     |     +--img
|     |  |  |     |
|     |  |  |     +--nav.main-nav
|     |  |  |     |
|     |  |  |     +--div.language-selector
|     |  |  |     |
|     |  |  |     +--[nav.mini-nav]
|     |  |  |
|     |  |  +--[div.logo-nav-container-mobile]
|     |  |     |
|     |  |     +--div.nav-container-mobile
|     |  |        |
|     |  |        +--div.logo-container
|     |  |        |  |
|     |  |        |  +--a.logo
|     |  |        |     |
|     |  |        |     +--img
|     |  |        |
|     |  |        +--nav.main-nav
|     |  |        |
|     |  |        +--nav.footer-nav
|     |  |        |
|     |  |        +--nav.mini-nav
|     |  |        |
|     |  |        +--div.language-selector
|     |  |
|     |  +--div.cookie-banner
|     |  |
|     |  +--div.scroll-arrow-container
|     |     |
|     |     +--div.scroll-arrow
|     |        |
|     |        +--div.scroll-arrow-inner
|     |
|     |
|     |
|     +--div.page.mainpage
|     |  |
|     |  +--article
|     |     |
|     |     +--[div.carousel-container]
|     |     |
|     |     +--div.page-img-list
|     |     |  |
|     |     |  +--a
|     |     |     |
|     |     |     +--figure
|     |     |
|     |     +--div.supertitle
|     |     |
|     |     +--h1
|     |     |
|     |     +--h2
|     |     |
|     |     +--div.intro
|     |     |
|     |     +--(multiple rows): div.row.row-X
|     |     |  |
|     |     |  +--div.row-inner
|     |     |     |
|     |     |     +--(multiple cols): div.col.col-X
|     |     |        |
|     |     |        +--(multiple): section
|     |     |        |  |
|     |     |        |  +--div.section-img-list
|     |     |        |  |  |
|     |     |        |  |  +--a
|     |     |        |  |     |
|     |     |        |  |     +--figure
|     |     |        |  |
|     |     |        |  +--div.section-content
|     |     |        |     |
|     |     |        |     +--h3
|     |     |        |     |
|     |     |        |     +--h4
|     |     |        |     |
|     |     |        |     +--(multiple): div.paragraph
|     |     |        |        |
|     |     |        |        +--div.paragraph-img-list
|     |     |        |        |  |
|     |     |        |        |  +--figure
|     |     |        |        |
|     |     |        |        +--(multiple): div.paragraph-content
|     |     |        |        |
|     |     |        |        +--(multiple): div.paragraph-file-list
|     |     |        |        |  |
|     |     |        |        |  +--a
|     |     |        |        |     |
|     |     |        |        |     +--figure
|     |     |        |        |
|     |     |        |        +--div.paragraph-form
|     |     |        |
|     |     |        +--(multiple): div.section-file-list
|     |     |        |  |
|     |     |        |  +--a
|     |     |        |     |
|     |     |        |     +--figure
|     |     |        |
|     |     |        +--div.section-form
|     |     |
|     |     +--(multiple): div.page-file-list
|     |        |
|     |        +--a
|     |           |
|     |           +--figure
|     |
|     |
|     |
|     +--(multiple): div.page.subpage
|     |
|     |
|     |
|     +--footer
|     |  |
|     |  +--div.footer-inner
|     |     |
|     |     +--nav.footer-main-nav
|     |     |
|     |     +--nav.footer-nav
|     |     |
|     |     +--div.footer-logos
|     |
|     +--image-viewer
|
+--div.loading


+---------------------------------------------------------------------------------+
| body                                                                            |
|  +---------------------------------------------------------------------------+  |
|  | content                                                                   |  |
|  |  +---------------------------------------------------------------------+  |  |
|  |  | page-inner                                                          |  |  |
|  |  |   +--------------------------------------------------------------+  |  |  |
|  |  |   | header                                                       |  |  |  |
|  |  |   +--------------------------------------------------------------+  |  |  |
|  |  |                                                                     |  |  |
|  |  |   +--------------------------------------------------------------+  |  |  |
|  |  |   | page mainpage                                                |  |  |  |
|  |  |   |  +--------------------------------------------------------+  |  |  |  |
|  |  |   |  |  article                                               |  |  |  |  |
|  |  |   |  |    +----------------------------------------------+    |  |  |  |  |
|  |  |   |  |    | carousel-container / page-img-list           |    |  |  |  |  |
|  |  |   |  |    +----------------------------------------------+    |  |  |  |  |
|  |  |   |  |    +----------------------------------------------+    |  |  |  |  |
|  |  |   |  |    | supertitle, h1, h2, intro                    |    |  |  |  |  |
|  |  |   |  |    +----------------------------------------------+    |  |  |  |  |
|  |  |   |  |                                                        |  |  |  |  |
|  |  |   |  |    +----------------------------------------------+    |  |  |  |  |
|  |  |   |  |    | row                                          |    |  |  |  |  |
|  |  |   |  |    |  +----------------------------------------+  |    |  |  |  |  |
|  |  |   |  |    |  | row-inner                              |  |    |  |  |  |  |
|  |  |   |  |    |  |  +-----------------------------------+ |  |    |  |  |  |  |
|  |  |   |  |    |  |  | col                               | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  +------------------------------+ | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  | section                      | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  +-------------------------+ | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  | section-img-list        | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  +-------------------------+ | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  +-------------------------+ | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  | h3, h4                  | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  +-------------------------+ | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  +-------------------------+ | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  | paragraph               | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  |  +--------------------+ | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  |  | paragraph-img-list | | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  |  +--------------------+ | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  |  +--------------------+ | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  |  | paragraph-content  | | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  |  +--------------------+ | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  |  +--------------------+ | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  |  | paragraph-file-list| | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  |  +--------------------+ | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  |  +--------------------+ | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  |  | paragraph-form     | | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  |  +--------------------+ | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  |                         | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  +-------------------------+ | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  +-------------------------+ | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  | section-file-list       | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  +-------------------------+ | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  +-------------------------+ | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  | section-form            | | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |  +-------------------------+ | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  |                              | | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |  +------------------------------+ | |  |    |  |  |  |  |
|  |  |   |  |    |  |  |                                   | |  |    |  |  |  |  |
|  |  |   |  |    |  |  +-----------------------------------+ |  |    |  |  |  |  |
|  |  |   |  |    |  |  +-----------------------------------+ |  |    |  |  |  |  |
|  |  |   |  |    |  |  | col                               | |  |    |  |  |  |  |
|  |  |   |  |    |  |  | ...                               | |  |    |  |  |  |  |
|  |  |   |  |    |  |  +-----------------------------------+ |  |    |  |  |  |  |
|  |  |   |  |    |  |  ...                                   |  |    |  |  |  |  |
|  |  |   |  |    |  +----------------------------------------+  |    |  |  |  |  |
|  |  |   |  |    |                                              |    |  |  |  |  |
|  |  |   |  |    +----------------------------------------------+    |  |  |  |  |
|  |  |   |  |    +----------------------------------------------+    |  |  |  |  |
|  |  |   |  |    | row                                          |    |  |  |  |  |
|  |  |   |  |    | ...                                          |    |  |  |  |  |
|  |  |   |  |    +----------------------------------------------+    |  |  |  |  |
|  |  |   |  |    ...                                                 |  |  |  |  |
|  |  |   |  |    +----------------------------------------------+    |  |  |  |  |
|  |  |   |  |    | page-file-list                               |    |  |  |  |  |
|  |  |   |  |    +----------------------------------------------+    |  |  |  |  |
|  |  |   |  |                                                        |  |  |  |  |
|  |  |   |  +--------------------------------------------------------+  |  |  |  |
|  |  |   |                                                              |  |  |  |
|  |  |   +--------------------------------------------------------------+  |  |  |
|  |  |                                                                     |  |  |
|  |  |   +--------------------------------------------------------------+  |  |  |
|  |  |   | footer                                                       |  |  |  |
|  |  |   +--------------------------------------------------------------+  |  |  |
|  |  |                                                                     |  |  |
|  |  +---------------------------------------------------------------------+  |  |
|  |                                                                           |  |
|  +---------------------------------------------------------------------------+  |
|                                                                                 |
+---------------------------------------------------------------------------------+
*/

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* variables */
:root
{
	/* basic styles */
	--font:										"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	--font-size:								17px;		/* default text font size */
	--font-weight:								normal;		/* default text font weight */
	--text-color: 								#000000;	/* default text color */
	--em-color:									inherit;	/* em text color */
	--em-style:									normal;		/* em font style color */
	--em-weight:								inherit;	/* em font weight */
	--strong-color:								inherit;	/* strong text color */
	--strong-style:								normal;		/* strong font style color */
	--strong-weight:							bold;		/* strong font weight */
	--text-line-height: 						1.4;		/* default line height */
	--body-background-color: 					white;		/* body background color */

	--link-text-color: 							#000000;	/* link text color */
	--link-decoration: 							none;		/* link decoration */
	--link-text-color-hover: 					#000000;	/* link text color, hover */
	--link-decoration-hover: 					none;		/* link decoration, hover */

	--link-button-margin: 						0 0 0 0; 	/* link button margin */
	--link-button-padding: 						10px 40px 8px 40px; /* link button padding */
	--link-button-text-color:					#000000;	/* link button text color */
	--link-button-font-size:					inherit;	/* link button font size */
	--link-button-font-weight:					normal;		/* link button font weight */
	--link-button-border-color:					#000000;	/* link button border color */
	--link-button-border-size:					1px;		/* link button border size */
	--link-button-border-radius:				0;			/* link button border radius */
	--link-button-background-color:				transparent;	/* link button background color */
	--link-button-text-color-hover:				#000000;	/* link button text color, hover */
	--link-button-border-color-hover:			#000000;	/* link button border color, hover */
	--link-button-background-color-hover:		#000000;	/* link button background color, hover */
	--link-button-text-color-disabled:			#000000;	/* link button text color, disabled */
	--link-button-border-color-disabled:		#000000;	/* link button border color, disabled */
	--link-button-background-color-disabled:	#000000;	/* link button background color, disabled */

	--bullet-list-color:						#000000;	/* bullet point list bullet color */
	--bullet-list-text-color:					#000000;	/* bullet point list text color */
	--bullet-list-size: 						6px;		/* bullet point list bullet diameter */
	--bullet-list-padding: 						calc(var(--bullet-list-size) + 14px);	/* bullet point list bullet padding */
	--bullet-list-offset-x:						0px;		/* bullet point list bullet offset x */
	--bullet-list-offset-y:						0px;		/* bullet point list bullet offset y */

	/* header */
	--header-height:							150px;		/* header height */
	--header-text-color:						#000000;	/* header text color */
	--header-font:								inherit;	/* header font family */
	--header-font-size:							inherit;	/* header font size */
	--header-weight:							inherit;	/* header font weight */
	--header-style:								inherit;	/* header font style */
	--header-background-color:					white;	/* outer header background color */
	--header-inner-background-color:			transparent;/* inner header background color */
	--header-animation-speed: 					0.25s;		/* minimized header animation speed */
	--header-minimized-shadow:					0 1px 10px rgba(0,0,0,0.4); /* minimized header shadow */
	--header-padding:							0 50px 0 50px;	/* header padding */
	--header-bottom-margin:						20px;		/* header bottom margin */
	--header-minimized-height:					100px;		/* minimized header height */
	--header-minimized-padding:					0 0 0 0;	/* minimized header padding */
	--header-opacity:							1;			/* header opacity */
	--header-minimized-opacity:					1;			/* minimized header opacity */

	/* mobile header (with hamburger menu) layout size and margins */
	--mobile-header-height:						150px;		/* mobile with hamburger menu: header height */
	--mobile-min-left-right-header-margin:		0px;		/* mobile with hamburger menu: minimum left/right header margin */
	--mobile-left-right-header-margin:			0px;		/* mobile with hamburger menu: left/right header margin */
	--mobile-header-padding:					0 50px 0 50px;/* mobile with hamburger menu: header padding */
	--mobile-header-bottom-margin:				20px;		/* mobile with hamburger menu: header bottom margin */

	/* hambuger menu */
	--hamburger-color:							#000000;	/* hambuger button bar color */
	--hamburger-color-hover:					#000000;	/* hambuger button bar hover color */
	--hamburger-color-open:						#000000;	/* hambuger button bar color, open menu */
	--hamburger-width:							30px;		/* hambuger button width */
	--hamburger-bar-height:						2px;		/* hambuger button bar color */
	--hamburger-bar-distance:					10px;		/* hambuger button bar distance */
	--hamburger-animation-speed:				0.2s;		/* hambuger button animation speed */
	--hamburger-pos-top:						20px;		/* hambuger button, position from top */
	--hamburger-pos-right:						20px;		/* hambuger button, position from right */

	/* mini navigation bar (top) */
	--top-bar-height:							auto;		/* top bar, height */
	--top-bar-padding:							0 0 0 0;	/* top bar, padding */
	--top-bar-background-color:					transparent;/* top bar, background color */

	/* mini navigation (top) */
	--top-mini-margin-left:						auto;		/* top mini navigation, margin left */
	--top-mini-margin-right:					0;			/* top mini navigation, margin right */
	--top-mini-padding:							0 0 0 0;	/* top mini navigation, item padding */
	--top-mini-gap:								0;			/* top mini navigation, gap between items */
	--top-mini-gap-border-size:					0;			/* top mini navigation, gap border line size */
	--top-mini-gap-border-color:				#000000;	/* top mini navigation, gap border color */
	--top-mini-text-color:						#000000;	/* top mini navigation, text color */
	--top-mini-background-color:				transparent;/* top mini navigation, item background color */
	--top-mini-font-size:						inherit;	/* top mini navigation, font size */
	--top-mini-weight:							inherit;	/* top mini navigation, font weight */
	--top-mini-style:							inherit;	/* top mini navigation, font style */
	--top-mini-decoration:						inherit;	/* top mini navigation, text decoration */
	--top-mini-border-color:					#000000;	/* top mini navigation, border color */
	--top-mini-border-top-size:					0;			/* top mini navigation, border top size */
	--top-mini-border-bottom-size:				0;			/* top mini navigation, border bottom size */
	--top-mini-text-color-hover:				#000000;	/* top mini navigation, hover text color */
	--top-mini-background-color-hover:			transparent;/* top mini navigation, hover item background color */
	--top-mini-decoration-hover:				inherit;	/* top mini navigation, hover text decoration */
	--top-mini-border-color-hover:				#000000;	/* top mini navigation, hover border color */
	--top-mini-border-top-size-hover:			0;			/* top mini navigation, hover border top size */
	--top-mini-border-bottom-size-hover:		0;			/* top mini navigation, hover border bottom size */
	--top-mini-text-color-active:				#000000;	/* top mini navigation, text color, active menu item */
	--top-mini-background-color-active:			transparent;/* top mini navigation, item background color, active menu item */
	--top-mini-font-size-active:				inherit;	/* top mini navigation, font size, active menu item */
	--top-mini-weight-active:					inherit;	/* top mini navigation, font weight, active menu item */
	--top-mini-style-active:					inherit;	/* top mini navigation, font style, active menu item */
	--top-mini-decoration-active:				inherit;	/* top mini navigation, text decoration, active menu item */
	--top-mini-border-color-active:				#000000;	/* top mini navigation, border color, active menu item */
	--top-mini-border-top-size-active:			0;			/* top mini navigation, border top size, active menu item */
	--top-mini-border-bottom-size-active:		0;			/* top mini navigation, border bottom size, active menu item */

	/* language selector (top) */
	--top-language-margin-left:					0;			/* language selector, margin left */
	--top-language-margin-right:				0;			/* language selector, margin right */
	--top-language-padding:						0 0 0 0;	/* language selector, item padding */
	--top-language-gap:							0;			/* language selector, gap between items */
	--top-language-gap-border-size:				0;			/* language selector, gap border line size */
	--top-language-gap-border-color:			#000000;	/* language selector, gap border color */
	--top-language-text-color:					#000000;	/* language selector, text color */
	--top-language-background-color:			transparent;/* language selector, item background color */
	--top-language-font-size:					inherit;	/* language selector, font size */
	--top-language-weight:						inherit;	/* language selector, font weight */
	--top-language-style:						inherit;	/* language selector, font style */
	--top-language-decoration:					inherit;	/* language selector, text decoration */
	--top-language-border-color:				#000000;	/* language selector, border color */
	--top-language-border-top-size:				0;			/* language selector, border top size */
	--top-language-border-bottom-size:			0;			/* language selector, border bottom size */
	--top-language-text-color-hover:			#000000;	/* language selector, hover text color */
	--top-language-background-color-hover:		transparent;/* language selector, hover item background color */
	--top-language-decoration-hover:			inherit;	/* language selector, hover text decoration */
	--top-language-border-color-hover:			#000000;	/* language selector, hover border color */
	--top-language-border-top-size-hover:		0;			/* language selector, hover border top size */
	--top-language-border-bottom-size-hover:	0;			/* language selector, hover border bottom size */
	--top-language-text-color-active:			#000000;	/* language selector, text color, active menu item */
	--top-language-background-color-active:		transparent;/* language selector, item background color, active menu item */
	--top-language-font-size-active:			inherit;	/* language selector, font size, active menu item */
	--top-language-weight-active:				inherit;	/* language selector, font weight, active menu item */
	--top-language-style-active:				inherit;	/* language selector, font style, active menu item */
	--top-language-decoration-active:			inherit;	/* language selector, text decoration, active menu item */
	--top-language-border-color-active:			#000000;	/* language selector, border color, active menu item */
	--top-language-border-top-size-active:		0;			/* language selector, border top size, active menu item */
	--top-language-border-bottom-size-active:	0;			/* language selector, border bottom size, active menu item */

	/* user menu */
	--user-menu-margin:							0 0 0 0;	/* user menu, margin */
	--user-menu-button-padding:					8px 8px 8px 8px;/* user menu, button padding */
	--user-menu-button-size:					45px;		/* user menu, button size */
	--user-menu-button-radius:					45px;		/* user menu, button radius */
	--user-menu-button-background-color:		#002d72;	/* user menu, button background color */
	--user-menu-button-text-color:				white;		/* user menu, button text color */
	--user-menu-button-font:					inherit;	/* user menu, button font */
	--user-menu-button-font-size:				20px;		/* user menu, button font size */
	--user-menu-button-font-weight:				bold;		/* user menu, button font weight */
	--user-menu-button-style:					normal;		/* user menu, button font style */
	--user-menu-button-hover-background-color:	#2c84ca;	/* user menu, button hover background color */
	--user-menu-button-hover-text-color:		white;		/* user menu, button hover text color */
	--user-menu-button-hover-font-weight:		bold;		/* user menu, button hover font weight */
	--user-menu-button-hover-style:				normal;		/* user menu, button hover font style */

	--user-menu-right:							0;			/* user menu, opened position from right */
	--user-menu-top:							35px;		/* user menu, opened position from top */
	--user-menu-padding:						10px 0 10px 0;/* user menu, padding */
	--user-menu-border-size:					1px;		/* user menu, border size */
	--user-menu-border-color:					rgba(0,0,0,.15);/* user menu, border color */
	--user-menu-border-radius:					4px;		/* user menu, border radius */
	--user-menu-shadow:							0 6px 12px rgba(0,0,0,.175);/* user menu, shadow */
	--user-menu-background-color:				white;		/* user menu, background color */
	--user-menu-item-background-color:			inherit;	/* user menu, item background color */
	--user-menu-item-padding:					5px 20px 5px 20px;/* user menu, item padding */
	--user-menu-text-color:						inherit;	/* user menu, text color */
	--user-menu-font:							inherit;	/* user menu, font */
	--user-menu-font-size:						20px;		/* user menu, font size */
	--user-menu-font-weight:					inherit;	/* user menu, font weight */
	--user-menu-style:							normal;		/* user menu, font style */
	--user-menu-decoration:						none;		/* user menu, text decoration */
	--user-menu-hover-item-background-color:	#ececec;	/* user menu, hover item background color */
	--user-menu-hover-text-color:				inherit;	/* user menu, hover text color */
	--user-menu-hover-font-weight:				inherit;	/* user menu, hover font weight */
	--user-menu-hover-style:					normal;		/* user menu, hover font style */
	--user-menu-hover-decoration:				none;		/* user menu, hover text decoration */

	/* main navigation bar (logo/navigation container) */
	--main-bar-height:							100%;		/* main navigation bar, height */
	--main-bar-padding:							0 0 0 0;	/* main navigation bar, padding */
	--main-bar-background-color:				transparent;/* main navigation bar, background color */

	/* logo */
	--logo-margin-left:							0;			/* logo margin left */
	--logo-margin-right:						0;			/* logo margin right */
	--logo-max-width:							none;		/* logo max. width */

	/* main navigation */
	--main-nav-margin-left:						auto;		/* main navigation, margin left */
	--main-nav-margin-right:					0;			/* main navigation, margin right */
	--main-nav-padding:							0 5px 3px 5px;/* main navigation, item padding */
	--main-nav-gap:								30px;		/* main navigation, gap between items */
	--main-nav-gap-border-size:					0;			/* main navigation, gap border line size */
	--main-nav-gap-border-color:				transparent;/* main navigation, gap border color */
	--main-nav-text-color:						#000000;	/* main navigation, text color */
	--main-nav-background-color:				transparent;/* main navigation, item background color */
	--main-nav-font-size:						inherit;	/* main navigation, font size */
	--main-nav-weight:							inherit;	/* main navigation, font weight */
	--main-nav-style:							inherit;	/* main navigation, font style */
	--main-nav-decoration:						inherit;	/* main navigation, text decoration */
	--main-nav-border-color:					transparent;/* main navigation, border color */
	--main-nav-border-top-size:					0;			/* main navigation, border top size */
	--main-nav-border-bottom-size:				3px;		/* main navigation, border bottom size */
	--main-nav-text-color-hover:				#000000;	/* main navigation, hover text color */
	--main-nav-background-color-hover:			transparent;/* main navigation, hover item background color */
	--main-nav-decoration-hover:				inherit;	/* main navigation, hover text decoration */
	--main-nav-border-color-hover:				#000000;	/* main navigation, hover border color */
	--main-nav-border-top-size-hover:			0;			/* main navigation, hover border top size */
	--main-nav-border-bottom-size-hover:		3px;		/* main navigation, hover border bottom size */
	--main-nav-text-color-active:				#000000;	/* main navigation, text color, active menu item */
	--main-nav-background-color-active:			transparent;/* main navigation, item background color, active menu item */
	--main-nav-font-size-active:				inherit;	/* main navigation, font size, active menu item */
	--main-nav-weight-active:					inherit;	/* main navigation, font weight, active menu item */
	--main-nav-style-active:					inherit;	/* main navigation, font style, active menu item */
	--main-nav-decoration-active:				inherit;	/* main navigation, text decoration, active menu item */
	--main-nav-border-color-active:				#000000;	/* main navigation, border color, active menu item */
	--main-nav-border-top-size-active:			0;			/* main navigation, border top size, active menu item */
	--main-nav-border-bottom-size-active:		0;			/* main navigation, border bottom size, active menu item */

	/* language selector */
	--language-margin-left:						0;			/* language selector, margin left */
	--language-margin-right:					0;			/* language selector, margin right */
	--language-padding:							0 0 0 0;	/* language selector, item padding */
	--language-gap:								0;			/* language selector, gap between items */
	--language-gap-border-size:					0;			/* language selector, gap border line size */
	--language-gap-border-color:				#000000;	/* language selector, gap border color */
	--language-text-color:						#000000;	/* language selector, text color */
	--language-background-color:				transparent;/* language selector, item background color */
	--language-font-size:						inherit;	/* language selector, font size */
	--language-weight:							inherit;	/* language selector, font weight */
	--language-style:							inherit;	/* language selector, font style */
	--language-decoration:						inherit;	/* language selector, text decoration */
	--language-border-color:					#000000;	/* language selector, border color */
	--language-border-top-size:					0;			/* language selector, border top size */
	--language-border-bottom-size:				0;			/* language selector, border bottom size */
	--language-text-color-hover:				#000000;	/* language selector, hover text color */
	--language-background-color-hover:			transparent;/* language selector, hover item background color */
	--language-decoration-hover:				inherit;	/* language selector, hover text decoration */
	--language-border-color-hover:				#000000;	/* language selector, hover border color */
	--language-border-top-size-hover:			0;			/* language selector, hover border top size */
	--language-border-bottom-size-hover:		0;			/* language selector, hover border bottom size */
	--language-text-color-active:				#000000;	/* language selector, text color, active menu item */
	--language-background-color-active:			transparent;/* language selector, item background color, active menu item */
	--language-font-size-active:				inherit;	/* language selector, font size, active menu item */
	--language-weight-active:					inherit;	/* language selector, font weight, active menu item */
	--language-style-active:					inherit;	/* language selector, font style, active menu item */
	--language-decoration-active:				inherit;	/* language selector, text decoration, active menu item */
	--language-border-color-active:				#000000;	/* language selector, border color, active menu item */
	--language-border-top-size-active:			0;			/* language selector, border top size, active menu item */
	--language-border-bottom-size-active:		0;			/* language selector, border bottom size, active menu item */

	/* mini navigation */
	--mini-nav-margin-left:						0;			/* mini navigation, margin left */
	--mini-nav-margin-right:					0;			/* mini navigation, margin right */
	--mini-nav-padding:							0 0 0 0;	/* mini navigation, item padding */
	--mini-nav-gap:								0;			/* mini navigation, gap between items */
	--mini-nav-gap-border-size:					0;			/* mini navigation, gap border line size */
	--mini-nav-gap-border-color:				#000000;	/* mini navigation, gap border color */
	--mini-nav-text-color:						#000000;	/* mini navigation, text color */
	--mini-nav-background-color:				transparent;/* mini navigation, item background color */
	--mini-nav-font-size:						inherit;	/* mini navigation, font size */
	--mini-nav-weight:							inherit;	/* mini navigation, font weight */
	--mini-nav-style:							inherit;	/* mini navigation, font style */
	--mini-nav-decoration:						inherit;	/* mini navigation, text decoration */
	--mini-nav-border-color:					#000000;	/* mini navigation, border color */
	--mini-nav-border-top-size:					0;			/* mini navigation, border top size */
	--mini-nav-border-bottom-size:				0;			/* mini navigation, border bottom size */
	--mini-nav-text-color-hover:				#000000;	/* mini navigation, hover text color */
	--mini-nav-background-color-hover:			transparent;/* mini navigation, hover item background color */
	--mini-nav-decoration-hover:				inherit;	/* mini navigation, hover text decoration */
	--mini-nav-border-color-hover:				#000000;	/* mini navigation, hover border color */
	--mini-nav-border-top-size-hover:			0;			/* mini navigation, hover border top size */
	--mini-nav-border-bottom-size-hover:		0;			/* mini navigation, hover border bottom size */
	--mini-nav-text-color-active:				#000000;	/* mini navigation, text color, active menu item */
	--mini-nav-background-color-active:			transparent;/* mini navigation, item background color, active menu item */
	--mini-nav-font-size-active:				inherit;	/* mini navigation, font size, active menu item */
	--mini-nav-weight-active:					inherit;	/* mini navigation, font weight, active menu item */
	--mini-nav-style-active:					inherit;	/* mini navigation, font style, active menu item */
	--mini-nav-decoration-active:				inherit;	/* mini navigation, text decoration, active menu item */
	--mini-nav-border-color-active:				#000000;	/* mini navigation, border color, active menu item */
	--mini-nav-border-top-size-active:			0;			/* mini navigation, border top size, active menu item */
	--mini-nav-border-bottom-size-active:		0;			/* mini navigation, border bottom size, active menu item */

	/* cookie banner todo */
	--cookie-height: 							200px;		/* cookie banner height */
	--cookie-text-color:						#000000;	/* cookie banner text color */
	--cookie-background-color:					#000000;	/* cookie banner background color */
	--cookie-border-color:						#000000;	/* cookie banner border color */
	--cookie-border-size:						0;			/* cookie banner border size */
	--cookie-border-radius:						0;			/* cookie banner border radius */
	--cookie-font-size:							inherit;	/* cookie banner font size */
	--cookie-weight:							inherit;	/* cookie banner font weight */
	--cookie-style:								inherit;	/* cookie banner font style */
	--cookie-link-text-color: 					#000000;	/* cookie banner link text color */
	--cookie-link-decoration: 					none;		/* cookie banner link decoration */
	--cookie-link-text-color-hover: 			#000000;	/* cookie banner link text color, hover */
	--cookie-link-decoration-hover: 			none;		/* cookie banner link decoration, hover */
	--cookie-padding:							0 0 0 0;	/* cookie banner padding */
	--cookie-link-button-text-color:			#000000;	/* cookie banner link button text color */
	--cookie-link-button-border-color:			#000000;	/* cookie banner link button border color */
	--cookie-link-button-background-color:		#000000;	/* cookie banner link button background color */
	--cookie-link-button-text-color-hover:		#000000;	/* cookie banner link button text color, hover */
	--cookie-link-button-border-color-hover:	#000000;	/* cookie banner link button border color, hover */
	--cookie-link-button-background-color-hover:#000000;	/* cookie banner link button background color, hover */

	/* footer */
	--footer-direction:							column;		/* footer, flow direction */
	--footer-height:							auto;		/* footer height */
	--footer-text-color:						#000000;	/* footer text color */
	--footer-font:								inherit;	/* footer font family */
	--footer-font-size:							inherit;	/* footer font size */
	--footer-line-height:						inherit;	/* footer line height */
	--footer-weight:							inherit;	/* footer font weight */
	--footer-style:								inherit;	/* footer font style */
	--footer-background-color:					#000000;	/* outer footer background color */
	--footer-inner-background-color:			transparent;/* inner footer background color */
	--footer-padding:							0 0 0 0;	/* footer padding */

	/* footer main navigation (mirrored main navigation) */
	--footer-main-nav-direction:				column;		/* footer main navigation, flow direction */
	--footer-main-nav-margin-left:				0;			/* footer main navigation, margin left */
	--footer-main-nav-margin-right:				0;			/* footer main navigation, margin right */
	--footer-main-nav-padding:					0 0 0 0;	/* footer main navigation, item padding */
	--footer-main-nav-gap:						0;			/* footer main navigation, gap between items */
	--footer-main-nav-gap-border-size:			0;			/* footer main navigation, gap border line size */
	--footer-main-nav-gap-border-color:			#000000;	/* footer main navigation, gap border color */
	--footer-main-nav-text-color:				#000000;	/* footer main navigation, text color */
	--footer-main-nav-background-color:			transparent;/* footer main navigation, item background color */
	--footer-main-nav-font-size:				inherit;	/* footer main navigation, font size */
	--footer-main-nav-weight:					inherit;	/* footer main navigation, font weight */
	--footer-main-nav-style:					inherit;	/* footer main navigation, font style */
	--footer-main-nav-decoration:				inherit;	/* footer main navigation, text decoration */
	--footer-main-nav-border-color:				#000000;	/* footer main navigation, border color */
	--footer-main-nav-border-top-size:			0;			/* footer main navigation, border top size */
	--footer-main-nav-border-bottom-size:		0;			/* footer main navigation, border bottom size */
	--footer-main-nav-text-color-hover:			#000000;	/* footer main navigation, hover text color */
	--footer-main-nav-background-color-hover:	transparent;/* footer main navigation, hover item background color */
	--footer-main-nav-decoration-hover:			inherit;	/* footer main navigation, hover text decoration */
	--footer-main-nav-border-color-hover:		#000000;	/* footer main navigation, hover border color */
	--footer-main-nav-border-top-size-hover:	0;			/* footer main navigation, hover border top size */
	--footer-main-nav-border-bottom-size-hover:	0;			/* footer main navigation, hover border bottom size */
	--footer-main-nav-text-color-active:		#000000;	/* footer main navigation, text color, active menu item */
	--footer-main-nav-background-color-active:	transparent;/* footer main navigation, item background color, active menu item */
	--footer-main-nav-font-size-active:			inherit;	/* footer main navigation, font size, active menu item */
	--footer-main-nav-weight-active:			inherit;	/* footer main navigation, font weight, active menu item */
	--footer-main-nav-style-active:				inherit;	/* footer main navigation, font style, active menu item */
	--footer-main-nav-decoration-active:		inherit;	/* footer main navigation, text decoration, active menu item */
	--footer-main-nav-border-color-active:		#000000;	/* footer main navigation, border color, active menu item */
	--footer-main-nav-border-top-size-active:	0;			/* footer main navigation, border top size, active menu item */
	--footer-main-nav-border-bottom-size-active:0;			/* footer main navigation, border bottom size, active menu item */

	/* footer navigation */
	--footer-nav-direction:						column;		/* footer navigation, flow direction */
	--footer-nav-margin-left:					0;			/* footer navigation, margin left */
	--footer-nav-margin-right:					0;			/* footer navigation, margin right */
	--footer-nav-padding:						0 0 0 0;	/* footer navigation, item padding */
	--footer-nav-gap:							0;			/* footer navigation, gap between items */
	--footer-nav-gap-border-size:				0;			/* footer navigation, gap border line size */
	--footer-nav-gap-border-color:				#000000;	/* footer navigation, gap border color */
	--footer-nav-text-color:					#000000;	/* footer navigation, text color */
	--footer-nav-background-color:				transparent;/* footer navigation, item background color */
	--footer-nav-font-size:						inherit;	/* footer navigation, font size */
	--footer-nav-weight:						inherit;	/* footer navigation, font weight */
	--footer-nav-style:							inherit;	/* footer navigation, font style */
	--footer-nav-decoration:					inherit;	/* footer navigation, text decoration */
	--footer-nav-border-color:					#000000;	/* footer navigation, border color */
	--footer-nav-border-top-size:				0;			/* footer navigation, border top size */
	--footer-nav-border-bottom-size:			0;			/* footer navigation, border bottom size */
	--footer-nav-text-color-hover:				#000000;	/* footer navigation, hover text color */
	--footer-nav-background-color-hover:		transparent;/* footer navigation, hover item background color */
	--footer-nav-decoration-hover:				inherit;	/* footer navigation, hover text decoration */
	--footer-nav-border-color-hover:			#000000;	/* footer navigation, hover border color */
	--footer-nav-border-top-size-hover:			0;			/* footer navigation, hover border top size */
	--footer-nav-border-bottom-size-hover:		0;			/* footer navigation, hover border bottom size */
	--footer-nav-text-color-active:				#000000;	/* footer navigation, text color, active menu item */
	--footer-nav-background-color-active:		transparent;/* footer navigation, item background color, active menu item */
	--footer-nav-font-size-active:				inherit;	/* footer navigation, font size, active menu item */
	--footer-nav-weight-active:					inherit;	/* footer navigation, font weight, active menu item */
	--footer-nav-style-active:					inherit;	/* footer navigation, font style, active menu item */
	--footer-nav-decoration-active:				inherit;	/* footer navigation, text decoration, active menu item */
	--footer-nav-border-color-active:			#000000;	/* footer navigation, border color, active menu item */
	--footer-nav-border-top-size-active:		0;			/* footer navigation, border top size, active menu item */
	--footer-nav-border-bottom-size-active:		0;			/* footer navigation, border bottom size, active menu item */

	/* footer logos */
	--footer-logos-direction:					column;		/* footer logos, flow direction */
	--footer-logos-margin-left:					auto;		/* footer logos, margin left */
	--footer-logos-margin-right:				0;			/* footer logos, margin right */
	--footer-logos-padding:						0 0 0 0;	/* footer logos, item padding */
	--footer-logos-gap:							0;			/* footer logos, gap between items */

	/*                          */
	/* mobile menu / navigation */
	/*                          */
	--mobile-menu-background-color:					white;	 /* open mobile menu background color */
	--mobile-menu-padding:							20px 25px 0 25px;	/* open mobile menu padding */
	--mobile-main-bar-padding:						var(--main-bar-padding);/* main navigation bar, padding */
	--mobile-main-bar-background-color:				var(--main-bar-background-color);/* main navigation bar, background color */

	/* mobile main navigation */
	--mobile-main-nav-align: 						center;		/* main navigation, text alignment */
	--mobile-main-nav-margin-left:					25px;		/* main navigation, margin left */
	--mobile-main-nav-margin-right:					25px;		/* main navigation, margin right */
	--mobile-main-nav-padding:						var(--main-nav-padding);/* main navigation, item padding */
	--mobile-main-nav-gap:							var(--main-nav-gap);		/* main navigation, gap between items */
	--mobile-main-nav-gap-border-size:				var(--main-nav-gap-border-size);/* main navigation, gap border line size */
	--mobile-main-nav-gap-border-color:				var(--main-nav-gap-border-color);/* main navigation, gap border color */
	--mobile-main-nav-text-color:					var(--main-nav-text-color);	/* main navigation, text color */
	--mobile-main-nav-background-color:				var(--main-nav-background-color);/* main navigation, item background color */
	--mobile-main-nav-font-size:					var(--main-nav-font-size);	/* main navigation, font size */
	--mobile-main-nav-weight:						var(--main-nav-weight);	/* main navigation, font weight */
	--mobile-main-nav-style:						var(--main-nav-style);	/* main navigation, font style */
	--mobile-main-nav-decoration:					var(--main-nav-decoration);	/* main navigation, text decoration */
	--mobile-main-nav-border-color:					var(--main-nav-border-color);/* main navigation, border color */
	--mobile-main-nav-border-top-size:				var(--main-nav-border-top-size);			/* main navigation, border top size */
	--mobile-main-nav-border-bottom-size:			var(--main-nav-border-bottom-size);		/* main navigation, border bottom size */
	--mobile-main-nav-text-color-hover:				var(--main-nav-text-color-hover);	/* main navigation, hover text color */
	--mobile-main-nav-background-color-hover:		var(--main-nav-background-color-hover);/* main navigation, hover item background color */
	--mobile-main-nav-decoration-hover:				var(--main-nav-decoration-hover);	/* main navigation, hover text decoration */
	--mobile-main-nav-border-color-hover:			var(--main-nav-border-color-hover);	/* main navigation, hover border color */
	--mobile-main-nav-border-top-size-hover:		var(--main-nav-border-top-size-hover);			/* main navigation, hover border top size */
	--mobile-main-nav-border-bottom-size-hover:		var(--main-nav-border-bottom-size-hover);		/* main navigation, hover border bottom size */
	--mobile-main-nav-text-color-active:			var(--main-nav-text-color-active);	/* main navigation, text color, active menu item */
	--mobile-main-nav-background-color-active:		var(--main-nav-background-color-active);/* main navigation, item background color, active menu item */
	--mobile-main-nav-font-size-active:				var(--main-nav-font-size-active);	/* main navigation, font size, active menu item */
	--mobile-main-nav-weight-active:				var(--main-nav-weight-active);	/* main navigation, font weight, active menu item */
	--mobile-main-nav-style-active:					var(--main-nav-style-active);	/* main navigation, font style, active menu item */
	--mobile-main-nav-decoration-active:			var(--main-nav-decoration-active);	/* main navigation, text decoration, active menu item */
	--mobile-main-nav-border-color-active:			var(--main-nav-border-color-active);	/* main navigation, border color, active menu item */
	--mobile-main-nav-border-top-size-active:		var(--main-nav-border-top-size-active);			/* main navigation, border top size, active menu item */
	--mobile-main-nav-border-bottom-size-active:	var(--main-nav-border-bottom-size-active);			/* main navigation, border bottom size, active menu item */

	/* mobile language selector */
	--mobile-language-align: 						var(--mobile-main-nav-align);/* language selector, text alignment */
	--mobile-language-margin-left:					var(--mobile-main-nav-margin-left);			/* language selector, margin left */
	--mobile-language-margin-right:					var(--mobile-main-nav-margin-right);			/* language selector, margin right */
	--mobile-language-padding:						var(--language-padding);	/* language selector, item padding */
	--mobile-language-gap:							var(--language-gap);			/* language selector, gap between items */
	--mobile-language-gap-border-size:				var(--language-gap-border-size);			/* language selector, gap border line size */
	--mobile-language-gap-border-color:				var(--language-gap-border-color);	/* language selector, gap border color */
	--mobile-language-text-color:					var(--language-text-color);	/* language selector, text color */
	--mobile-language-background-color:				var(--language-background-color);/* language selector, item background color */
	--mobile-language-font-size:					var(--language-font-size);	/* language selector, font size */
	--mobile-language-weight:						var(--language-weight);	/* language selector, font weight */
	--mobile-language-style:						var(--language-style);	/* language selector, font style */
	--mobile-language-decoration:					var(--language-decoration);	/* language selector, text decoration */
	--mobile-language-border-color:					var(--language-border-color);	/* language selector, border color */
	--mobile-language-border-top-size:				var(--language-border-top-size);			/* language selector, border top size */
	--mobile-language-border-bottom-size:			var(--language-border-bottom-size);			/* language selector, border bottom size */
	--mobile-language-text-color-hover:				var(--language-text-color-hover);	/* language selector, hover text color */
	--mobile-language-background-color-hover:		var(--language-background-color-hover);/* language selector, hover item background color */
	--mobile-language-decoration-hover:				var(--language-decoration-hover);	/* language selector, hover text decoration */
	--mobile-language-border-color-hover:			var(--language-border-color-hover);	/* language selector, hover border color */
	--mobile-language-border-top-size-hover:		var(--language-border-top-size-hover);			/* language selector, hover border top size */
	--mobile-language-border-bottom-size-hover:		var(--language-border-bottom-size-hover);			/* language selector, hover border bottom size */
	--mobile-language-text-color-active:			var(--language-text-color-active);	/* language selector, text color, active menu item */
	--mobile-language-background-color-active:		var(--language-background-color-active);/* language selector, item background color, active menu item */
	--mobile-language-font-size-active:				var(--language-font-size-active);	/* language selector, font size, active menu item */
	--mobile-language-weight-active:				var(--language-weight-active);	/* language selector, font weight, active menu item */
	--mobile-language-style-active:					var(--language-style-active);	/* language selector, font style, active menu item */
	--mobile-language-decoration-active:			var(--language-decoration-active);	/* language selector, text decoration, active menu item */
	--mobile-language-border-color-active:			var(--language-border-color-active);	/* language selector, border color, active menu item */
	--mobile-language-border-top-size-active:		var(--language-border-top-size-active);			/* language selector, border top size, active menu item */
	--mobile-language-border-bottom-size-active:	var(--language-border-bottom-size-active);			/* language selector, border bottom size, active menu item */

	/* mobile mini navigation */
	--mobile-mini-nav-align: 						var(--mobile-main-nav-align);/* mini navigation, text alignment */
	--mobile-mini-nav-margin-left:					var(--mobile-main-nav-margin-left);			/* mini navigation, margin left */
	--mobile-mini-nav-margin-right:					var(--mobile-main-nav-margin-right);			/* mini navigation, margin right */
	--mobile-mini-nav-padding:						var(--mini-nav-padding);	/* mini navigation, item padding */
	--mobile-mini-nav-gap:							var(--mini-nav-gap);			/* mini navigation, gap between items */
	--mobile-mini-nav-gap-border-size:				var(--mini-nav-gap-border-size);			/* mini navigation, gap border line size */
	--mobile-mini-nav-gap-border-color:				var(--mini-nav-gap-border-color);	/* mini navigation, gap border color */
	--mobile-mini-nav-text-color:					var(--mini-nav-text-color);	/* mini navigation, text color */
	--mobile-mini-nav-background-color:				var(--mini-nav-background-color);/* mini navigation, item background color */
	--mobile-mini-nav-font-size:					var(--mini-nav-font-size);	/* mini navigation, font size */
	--mobile-mini-nav-weight:						var(--mini-nav-weight);	/* mini navigation, font weight */
	--mobile-mini-nav-style:						var(--mini-nav-style);	/* mini navigation, font style */
	--mobile-mini-nav-decoration:					var(--mini-nav-decoration);	/* mini navigation, text decoration */
	--mobile-mini-nav-border-color:					var(--mini-nav-border-color);	/* mini navigation, border color */
	--mobile-mini-nav-border-top-size:				var(--mini-nav-border-top-size);			/* mini navigation, border top size */
	--mobile-mini-nav-border-bottom-size:			var(--mini-nav-border-bottom-size);			/* mini navigation, border bottom size */
	--mobile-mini-nav-text-color-hover:				var(--mini-nav-text-color-hover);	/* mini navigation, hover text color */
	--mobile-mini-nav-background-color-hover:		var(--mini-nav-background-color-hover);/* mini navigation, hover item background color */
	--mobile-mini-nav-decoration-hover:				var(--mini-nav-decoration-hover);	/* mini navigation, hover text decoration */
	--mobile-mini-nav-border-color-hover:			var(--mini-nav-border-color-hover);	/* mini navigation, hover border color */
	--mobile-mini-nav-border-top-size-hover:		var(--mini-nav-border-top-size-hover);			/* mini navigation, hover border top size */
	--mobile-mini-nav-border-bottom-size-hover:		var(--mini-nav-border-bottom-size-hover);			/* mini navigation, hover border bottom size */
	--mobile-mini-nav-text-color-active:			var(--mini-nav-text-color-active);	/* mini navigation, text color, active menu item */
	--mobile-mini-nav-background-color-active:		var(--mini-nav-background-color-active);/* mini navigation, item background color, active menu item */
	--mobile-mini-nav-font-size-active:				var(--mini-nav-font-size-active);	/* mini navigation, font size, active menu item */
	--mobile-mini-nav-weight-active:				var(--mini-nav-weight-active);	/* mini navigation, font weight, active menu item */
	--mobile-mini-nav-style-active:					var(--mini-nav-style-active);	/* mini navigation, font style, active menu item */
	--mobile-mini-nav-decoration-active:			var(--mini-nav-decoration-active);	/* mini navigation, text decoration, active menu item */
	--mobile-mini-nav-border-color-active:			var(--mini-nav-border-color-active);	/* mini navigation, border color, active menu item */
	--mobile-mini-nav-border-top-size-active:		var(--mini-nav-border-top-size-active);			/* mini navigation, border top size, active menu item */
	--mobile-mini-nav-border-bottom-size-active:	var(--mini-nav-border-bottom-size-active);			/* mini navigation, border bottom size, active menu item */

	/* mobile footer navigation */
	--mobile-footer-nav-align: 						var(--mobile-main-nav-align);/* footer navigation, text alignment */
	--mobile-footer-nav-margin-left:				var(--mobile-main-nav-margin-left);			/* footer navigation, margin left */
	--mobile-footer-nav-margin-right:				var(--mobile-main-nav-margin-right);			/* footer navigation, margin right */
	--mobile-footer-nav-padding:					var(--mobile-main-nav-padding);	/* footer navigation, item padding */
	--mobile-footer-nav-gap:						var(--mobile-main-nav-gap);			/* footer navigation, gap between items */
	--mobile-footer-nav-gap-border-size:			var(--mobile-main-nav-gap-border-size);			/* footer navigation, gap border line size */
	--mobile-footer-nav-gap-border-color:			var(--mobile-main-nav-gap-border-color);	/* footer navigation, gap border color */
	--mobile-footer-nav-text-color:					var(--mobile-main-nav-text-color);	/* footer navigation, text color */
	--mobile-footer-nav-background-color:			var(--mobile-main-nav-background-color);/* footer navigation, item background color */
	--mobile-footer-nav-font-size:					var(--mobile-main-nav-font-size);	/* footer navigation, font size */
	--mobile-footer-nav-weight:						var(--mobile-main-nav-weight);	/* footer navigation, font weight */
	--mobile-footer-nav-style:						var(--mobile-main-nav-style);	/* footer navigation, font style */
	--mobile-footer-nav-decoration:					var(--mobile-main-nav-decoration);	/* footer navigation, text decoration */
	--mobile-footer-nav-border-color:				var(--mobile-main-nav-border-color);	/* footer navigation, border color */
	--mobile-footer-nav-border-top-size:			var(--mobile-main-nav-border-top-size);			/* footer navigation, border top size */
	--mobile-footer-nav-border-bottom-size:			var(--mobile-main-nav-border-bottom-size);			/* footer navigation, border bottom size */
	--mobile-footer-nav-text-color-hover:			var(--mobile-main-nav-text-color-hover);	/* footer navigation, hover text color */
	--mobile-footer-nav-background-color-hover:		var(--mobile-main-nav-background-color-hover);/* footer navigation, hover item background color */
	--mobile-footer-nav-decoration-hover:			var(--mobile-main-nav-decoration-hover);	/* footer navigation, hover text decoration */
	--mobile-footer-nav-border-color-hover:			var(--mobile-main-nav-border-color-hover);	/* footer navigation, hover border color */
	--mobile-footer-nav-border-top-size-hover:		var(--mobile-main-nav-border-top-size-hover);			/* footer navigation, hover border top size */
	--mobile-footer-nav-border-bottom-size-hover:	var(--mobile-main-nav-border-bottom-size-hover);			/* footer navigation, hover border bottom size */
	--mobile-footer-nav-text-color-active:			var(--mobile-main-nav-text-color-active);	/* footer navigation, text color, active menu item */
	--mobile-footer-nav-background-color-active:	var(--mobile-main-nav-background-color-active);/* footer navigation, item background color, active menu item */
	--mobile-footer-nav-font-size-active:			var(--mobile-main-nav-font-size-active);	/* footer navigation, font size, active menu item */
	--mobile-footer-nav-weight-active:				var(--mobile-main-nav-weight-active);	/* footer navigation, font weight, active menu item */
	--mobile-footer-nav-style-active:				var(--mobile-main-nav-style-active);	/* footer navigation, font style, active menu item */
	--mobile-footer-nav-decoration-active:			var(--mobile-main-nav-decoration-active);	/* footer navigation, text decoration, active menu item */
	--mobile-footer-nav-border-color-active:		var(--mobile-main-nav-border-color-active);	/* footer navigation, border color, active menu item */
	--mobile-footer-nav-border-top-size-active:		var(--mobile-main-nav-border-top-size-active);			/* footer navigation, border top size, active menu item */
	--mobile-footer-nav-border-bottom-size-active:	var(--mobile-main-nav-border-bottom-size-active);			/* footer navigation, border bottom size, active menu item */

	/*             */
	/* page layout */
	/*             */
	--col-gap:									30px;		/* column gap for multi-column layout */
	--headline-line-heigth:						1.3;		/* h1/h2/h3/h4 line height */
	--h1-font:									inherit;	/* h1 font family */
	--h2-font:									inherit;	/* h2 font family */
	--h3-font:									inherit;	/* h3 font family */
	--h4-font:									inherit;	/* h4 font family */
	--supertitle-font:							inherit;	/* supertitle font size */
	--h1-size:									50px;		/* h1 font size */
	--h2-size:									40px;		/* h2 font size */
	--h3-size:									30px;		/* h3 font size */
	--h4-size:									30px;		/* h4 font size */
	--supertitle-size:							30px;		/* supertitle font size */
	--h1-weigth:								bold;		/* h1 font weight */
	--h2-weigth:								bold;		/* h2 font weight */
	--h3-weigth:								bold;		/* h3 font weight */
	--h4-weigth:								bold;		/* h4 font weight */
	--supertitle-weigth:						bold;		/* supertitle font weight */
	--h1-style:									normal;		/* h1 font style */
	--h2-style:									normal;		/* h2 font style */
	--h3-style:									normal;		/* h3 font style */
	--h4-style:									normal;		/* h4 font style */
	--supertitle-style:							normal;		/* supertitle font style */
	--h1-color:									#000000;	/* h1 color */
	--h2-color:									#000000;	/* h2 color */
	--h3-color:									#000000;	/* h3 color */
	--h4-color:									#000000;	/* h4 color */
	--supertitle-color:							#000000;	/* supertitle color */
	--h1-secondary-color:						#000000;	/* h1 secondary color (span) */
	--h2-secondary-color:						#000000;	/* h2 secondary color (span)  */
	--h3-secondary-color:						#000000;	/* h3 secondary color (span)  */
	--h4-secondary-color:						#000000;	/* h4 secondary color (span)  */
	--supertitle-secondary-color:				#000000;	/* supertitle secondary color (span)  */
	--h1-margin:								10px;		/* h1 bottom margin */
	--h2-margin:								10px;		/* h2 bottom margin */
	--h3-margin:								10px;		/* h3 bottom margin */
	--h4-margin:								10px;		/* h4 bottom margin */
	--supertitle-margin:						10px;		/* supertitle bottom margin */
	--h1-align:									left;		/* h1 alignment */
	--h2-align:									left;		/* h2 alignment */
	--h3-align:									left;		/* h3 alignment */
	--h4-align:									left;		/* h4 alignment */
	--supertitle-align:							left;		/* supertitle alignment */
	--h1-text-transform:						none;		/* h1 text transform */
	--h2-text-transform:						none;		/* h2 text transform */
	--h3-text-transform:						none;		/* h3 text transform */
	--h4-text-transform:						none;		/* h4 text transform */
	--supertitle-text-transform:				none;		/* supertitle text transform */
	--h1-line-height:							var(--headline-line-heigth);	/* h1 line-height */
	--h2-line-height:							var(--headline-line-heigth);	/* h2 line-height */
	--h3-line-height:							var(--headline-line-heigth);	/* h3 line-height */
	--h4-line-height:							var(--headline-line-heigth);	/* h4 line-height */
	--supertitle-line-height:					var(--headline-line-heigth);	/* supertitle line-height */

	--article-margin:							0;			/* article bottom margin */
	--row-margin:								0;			/* row bottom margin */
	--section-margin:							20px;		/* section bottom margin */
	--paragraph-margin:							0;			/* paragraph container bottom margin */
	--paragraph-p-margin:						20px;		/* paragraph p element bottom margin */
	--row-padding:								0 0 0 0;	/* row padding */
	--section-padding:							0 0 0 0;	/* section padding */
	--paragraph-padding:						0 0 0 0;	/* paragraph padding */

	/* layout size and margins */
	--max-content-width:						1920px;		/* maximum content width (header, carousel, headlines, every row, page-file-list) */
	--max-page-width:							none;		/* maximum page width (page-inner) */
	--left-right-page-margin:					0px;		/* left/right page margin (page-inner) */
	--left-right-header-margin:					0px;		/* left/right header margin */
	--left-right-footer-margin:					0px;		/* left/right footer margin */
	--left-right-carousel-margin:				0px;		/* left/right carousel/page-img-list margin */
	--left-right-headline-margin:				0px;		/* left/right headline h1,h2,intro margin */
	--left-right-row-margin:					0px;		/* left/right row margin */
	--left-right-page-file-list-margin:			0px;		/* left/right page-file-list margin */
	--min-left-right-page-margin:				0px;		/* minimum left/right page margin (page-inner) */
	--min-left-right-header-margin:				0px;		/* minimum left/right header margin */
	--min-left-right-footer-margin:				0px;		/* minimum left/right footer margin */
	--min-left-right-carousel-margin:			0px;		/* minimum left/right carousel/page-img-list margin */
	--min-left-right-headline-margin:			0px;		/* minimum left/right headline h1,h2,intro margin */
	--min-left-right-row-margin:				0px;		/* minimum left/right row margin */
	--min-left-right-page-file-list-margin:		0px;		/* minimum left/right page-file-list margin */

	/* layout background colors */
	--page-background-color:					transparent;/* outer page background color */
	--page-inner-background-color:				transparent;/* inner page background color */
	--row-background-color:						transparent;/* outer row background color */
	--row-inner-background-color:				transparent;/* inner row background color */
	--carousel-background-color:				transparent;/* carousel/page-img-list background color */
	--headline-background-color:				transparent;/* headline h1,h2,intro background color */
	--page-file-list-background-color:			transparent;/* page-file-list background color */

	/* carousel/page image list */
	--carousel-margin: 							0; 			/* carousel/page-img-list bottom margin */
	--carousel-caption-padding:					0 0 0 0; 	/* carousel/page-img-list caption padding */
	--carousel-title-color:						inherit; 	/* carousel/page-img-list title color */
	--carousel-title-font:						inherit; 	/* carousel/page-img-list title font family */
	--carousel-title-font-size:					inherit; 	/* carousel/page-img-list title font size */
	--carousel-title-font-weight:				inherit; 	/* carousel/page-img-list title font weight */
	--carousel-title-font-style:				inherit; 	/* carousel/page-img-list title font style */
	--carousel-title-margin:					0; 			/* carousel/page-img-list title bottom margin */
	--carousel-title-shadow:					0px 0px 10px black;/* carousel/page-img-list title text shadow */
	--carousel-title-line-height:				inherit;	/* carousel/page-img-list title text line height */
	--carousel-subtitle-color:					inherit; 	/* carousel/page-img-list subtitle color */
	--carousel-subtitle-font:					inherit; 	/* carousel/page-img-list subtitle font family */
	--carousel-subtitle-font-size:				inherit; 	/* carousel/page-img-list subtitle font size */
	--carousel-subtitle-font-weight:			inherit; 	/* carousel/page-img-list subtitle font weight */
	--carousel-subtitle-font-style:				inherit; 	/* carousel/page-img-list subtitle font style */
	--carousel-subtitle-margin:					0; 			/* carousel/page-img-list subtitle bottom margin */
	--carousel-subtitle-shadow:					0px 0px 10px black;/* carousel/page-img-list subtitle text shadow */
	--carousel-subtitle-line-height:			inherit;	/* carousel/page-img-list subtitle text line height */
	--carousel-description-color:				inherit; 	/* carousel/page-img-list description color */
	--carousel-description-font:				inherit; 	/* carousel/page-img-list description font family */
	--carousel-description-font-size:			inherit; 	/* carousel/page-img-list description font size */
	--carousel-description-font-weight:			inherit; 	/* carousel/page-img-list description font weight */
	--carousel-description-font-style:			inherit; 	/* carousel/page-img-list description font style */
	--carousel-description-margin:				0; 			/* carousel/page-img-list description bottom margin */
	--carousel-description-shadow:				0px 0px 10px black;/* carousel/page-img-list description text shadow */
	--carousel-description-line-height:			inherit;	/* carousel/page-img-list description text line height */
	--carousel-description-padding:				0 0 0 0; 	/* carousel/page-img-list description padding */
	--carousel-link-margin: 					0 0 0 0; 	/* carousel/page-img-list link margin */
	--carousel-link-padding: 					10px 40px 8px 40px; /* carousel/page-img-list link padding */
	--carousel-link-text-color:					#000000;	/* carousel/page-img-list link text color */
	--carousel-link-font-size:					inherit;	/* carousel/page-img-list link font size */
	--carousel-link-font-weight:				normal;		/* carousel/page-img-list link font weight */
	--carousel-link-border-color:				#000000;	/* carousel/page-img-list link border color */
	--carousel-link-border-size:				1px;		/* carousel/page-img-list link border size */
	--carousel-link-border-radius:				0;			/* carousel/page-img-list link border radius */
	--carousel-link-background-color:			#000000;	/* carousel/page-img-list link background color */
	--carousel-link-text-color-hover:			#000000;	/* carousel/page-img-list link text color, hover */
	--carousel-link-border-color-hover:			#000000;	/* carousel/page-img-list link border color, hover */
	--carousel-link-background-color-hover:		#000000;	/* carousel/page-img-list link background color, hover */
	--carousel-link-text-color-disabled:		#000000;	/* carousel/page-img-list link text color, disabled */
	--carousel-link-border-color-disabled:		#000000;	/* carousel/page-img-list link border color, disabled */
	--carousel-link-background-color-disabled:	#000000;	/* carousel/page-img-list link background color, disabled */

	/* image list */
	--section-img-list-margin:					0;			/* section-img-list margin */

	/* paragraph image list */
	--paragraph-img-list-top-margin: 			0; 			/* paragraph-img-list top margin */
	--paragraph-img-list-margin: 				0; 			/* paragraph-img-list bottom margin */
	--paragraph-img-list-caption-padding:		0 0 0 0; 	/* paragraph-img-list caption padding */
	--paragraph-img-list-title-color:			inherit; 	/* paragraph-img-list title color */
	--paragraph-img-list-title-font:			inherit; 	/* paragraph-img-list title font family */
	--paragraph-img-list-title-font-size:		inherit; 	/* paragraph-img-list title font size */
	--paragraph-img-list-title-font-weight:		inherit; 	/* paragraph-img-list title font weight */
	--paragraph-img-list-title-font-style:		inherit; 	/* paragraph-img-list title font style */
	--paragraph-img-list-title-margin:			0; 			/* paragraph-img-list title bottom margin */
	--paragraph-img-list-title-shadow:			none;		/* paragraph-img-list title text shadow */
	--paragraph-img-list-title-line-height:		inherit;	/* paragraph-img-list title text line height */
	--paragraph-img-list-subtitle-color:		inherit; 	/* paragraph-img-list subtitle color */
	--paragraph-img-list-subtitle-font:			inherit; 	/* paragraph-img-list subtitle font family */
	--paragraph-img-list-subtitle-font-size:	inherit; 	/* paragraph-img-list subtitle font size */
	--paragraph-img-list-subtitle-font-weight:	inherit; 	/* paragraph-img-list subtitle font weight */
	--paragraph-img-list-subtitle-font-style:	inherit; 	/* paragraph-img-list subtitle font style */
	--paragraph-img-list-subtitle-margin:		0; 			/* paragraph-img-list subtitle bottom margin */
	--paragraph-img-list-subtitle-shadow:		none;		/* paragraph-img-list subtitle text shadow */
	--paragraph-img-list-subtitle-line-height:	inherit;	/* paragraph-img-list subtitle text line height */
	--paragraph-img-list-description-color:		inherit; 	/* paragraph-img-list description color */
	--paragraph-img-list-description-font:		inherit; 	/* paragraph-img-list description font family */
	--paragraph-img-list-description-font-size:	inherit; 	/* paragraph-img-list description font size */
	--paragraph-img-list-description-font-weight:inherit; 	/* paragraph-img-list description font weight */
	--paragraph-img-list-description-font-style:inherit; 	/* paragraph-img-list description font style */
	--paragraph-img-list-description-margin:	0; 			/* paragraph-img-list description bottom margin */
	--paragraph-img-list-description-shadow:	none;		/* paragraph-img-list description text shadow */
	--paragraph-img-list-description-line-height:inherit;	/* paragraph-img-list description text line height */
	--paragraph-img-list-description-padding:	0 0 0 0; 	/* paragraph-img-list description padding */

	/* image viewer */
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
	{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: transparent; color: black; text-decoration: none; }
mark { background-color: transparent; color: black; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor:help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #c4c4c4; margin: 20px 0; padding: 0; }
input, select { vertical-align: middle; }
em { font-style: italic; }
strong { font-weight: bold; }

input, textarea, button, optgroup, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; min-width: 1px;
											box-shadow: none; resize: none; margin: 0; }
*:active, *:focus, a:active, a:focus, button:active, button:focus { outline: none; text-decoration: none; }
/*select::-ms-expand { display: none; }*/
*[ng-cloak], *[data-ng-cloak] { display: none; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* global and basic settings */
* { font-family: var(--font); font-weight: inherit; font-size: inherit; color: inherit; text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; }
:before, :after { box-sizing: border-box; }
html, body { font-weight: normal; font-size: var(--font-size); font-weight: normal; color: black; height: 100vh; min-height: 100vh;
			 margin: 0; padding: 0; line-height: var(--text-line-height); }
body { background-color: var(--body-background-color); }

/* link */
a { color: var(--link-text-color); text-decoration: var(--link-decoration); }
a:hover, a:visited, a:active, a:focus { color: var(--link-text-color-hover); text-decoration: var(--link-decoration-hover); cursor: pointer; }
.link-button, .link-button:visited { color: var(--link-button-text-color); border: var(--link-button-border-size) solid var(--link-button-border-color);
			   border-radius: var(--link-button-border-radius); background-color: var(--link-button-background-color);
			   padding: var(--link-button-padding); font-weight: var(--link-button-font-weight); text-decoration: none;
			   margin: var(--link-button-margin); font-size: var(--link-button-font-size); display: inline-block; }
.link-button:hover, .link-button:active, .link-button:focus { color: var(--link-button-text-color-hover);
				border: var(--link-button-border-size) solid var(--link-button-border-color-hover);
				border-radius: var(--link-button-border-radius); padding: var(--link-button-padding);
				font-weight: var(--link-button-font-weight); text-decoration: none; margin: var(--link-button-margin);
				font-size: var(--link-button-font-size); display: inline-block; background-color: var(--link-button-background-color-hover);
				text-decoration: none; }
a.link-button[disabled] { color: var(--link-button-text-color-disabled); border-color: var(--link-button-border-color-disabled);
						  background-color: var(--link-button-background-color-disabled); text-decoration: none; }

/* figure */
figure a { text-decoration: none; color: inherit; }
figure a:hover { text-decoration: none; color: inherit; }
figure img { max-width: 100%; }

/* basic styles */
i, em { font-style: var(--em-style); color: var(--em-color); font-weight: var(--em-weight); }
b, strong { font-style: var(--strong-style); color: var(--strong-color); font-weight: var(--strong-weight); }
del { text-decoration: line-through; }

/* bullet list (inside paragraph content) */
.paragraph-content ul { list-style: none; padding: 0; margin: 0; }
.paragraph-content ul li { color: var(--bullet-list-text-color); position: relative; padding-left: var(--bullet-list-padding); }
.paragraph-content ul li:before { content: ""; position: absolute; left: var(--bullet-list-offset-x); top: calc(var(--font-size) * var(--text-line-height) / 2 + var(--bullet-list-offset-y));
								  width: var(--bullet-list-size); height: var(--bullet-list-size); border-radius: calc(var(--bullet-list-size) / 2);
								  background-color: var(--bullet-list-color); }
︎
/* numered list (inside paragraph content) */
.paragraph-content ol {}
.paragraph-content ol li {}
︎
/* headlines */
.bug-dummy {} /* weird firefox bug: the following rule is ignored if this dummy is not here */
h1, h2, h3, h4 { padding: 0; margin: 0; }
h1 { font-family: var(--h1-font); font-size: var(--h1-size); margin-bottom: var(--h1-margin); font-weight: var(--h1-weigth);
	 font-style: var(--h1-style); color: var(--h1-color); text-align: var(--h1-align); text-transform: var(--h1-text-transform);
	 line-height: var(--h1-line-height); }
h2 { font-family: var(--h2-font); font-size: var(--h2-size); margin-bottom: var(--h2-margin); font-weight: var(--h2-weigth);
	 font-style: var(--h2-style); color: var(--h2-color); text-align: var(--h2-align); text-transform: var(--h2-text-transform);
	 line-height: var(--h2-line-height); }
h3 { font-family: var(--h3-font); font-size: var(--h3-size); margin-bottom: var(--h3-margin); font-weight: var(--h3-weigth);
	 font-style: var(--h3-style); color: var(--h3-color); text-align: var(--h3-align); text-transform: var(--h3-text-transform);
	 line-height: var(--h3-line-height); }
h4 { font-family: var(--h4-font); font-size: var(--h4-size); margin-bottom: var(--h4-margin); font-weight: var(--h4-weigth);
	 font-style: var(--h4-style); color: var(--h4-color); text-align: var(--h4-align); text-transform: var(--h4-text-transform);
	 line-height: var(--h4-line-height); }
.supertitle { font-family: var(--supertitle-font); font-size: var(--supertitle-size); margin-bottom: var(--supertitle-margin);
			  font-weight: var(--supertitle-weigth); font-style: var(--supertitle-style); color: var(--supertitle-color);
			  text-align: var(--supertitle-align); text-transform: var(--supertitle-text-transform); line-height: var(--supertitle-line-height); }

h1 span, h2 span, h3 span, h4 span, .supertitle span { display: block; }
h1 span { color: var(--h1-secondary-color); }
h2 span { color: var(--h2-secondary-color); }
h3 span { color: var(--h3-secondary-color); }
h4 span { color: var(--h4-secondary-color); }
.supertitle span { color: var(--supertitle-secondary-color); }
.center-title h1, .center-title h2, .center-title h3, .center-title h4, .center-title .supertitle { text-align: center; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* dialog elements */
button.button-primary { background-color: transparent; color: #effa24;}
button.button-primary:hover { background-color: #effa24; color: black; cursor: pointer; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* page layout */
.content { max-width: 100vw; min-height: 100vh; }
.page-inner { max-width: var(--max-page-width); margin: 0 var(--left-right-page-margin) 0 var(--left-right-page-margin); }

/* page */
.page { }
.mainpage {}
article { margin-bottom: var(--article-margin); }
h1, h2, .supertitle, .intro { --lrmargin: max(var(--min-left-right-headline-margin), (100vw - var(--max-content-width)) / 2 + var(--left-right-headline-margin));
							  max-width: min(100vw, var(--max-content-width)); margin-left: var(--lrmargin); margin-right: var(--lrmargin);
							  background-color: var(--headline-background-color); }
.row { margin-bottom: var(--row-margin); background-color: var(--row-background-color); padding: var(--row-padding); }
.row-inner { --lrmargin: max(var(--min-left-right-row-margin), (100vw - var(--max-content-width)) / 2 + var(--left-right-row-margin));
			 display: flex; flex-direction: row; max-width: min(100vw, var(--max-content-width));
			 margin-left: var(--lrmargin); margin-right: var(--lrmargin); background-color: var(--row-inner-background-color);
			 column-gap: var(--col-gap); }
.col { flex: 1 1 100%; max-width: 100%; }
section { margin-bottom: var(--section-margin); padding: var(--section-padding); }
.section-colspan-2 { width: calc(200% + var(--col-gap)); }
.section-colspan-3 { width: calc(300% + var(--col-gap) * 2); }
.section-colspan-4 { width: calc(400% + var(--col-gap) * 3); }
.section-colspan-5 { width: calc(500% + var(--col-gap) * 4);  }
.section-form { flex: 1 1 0; }
.paragraph { margin-bottom: var(--paragraph-margin); hyphens: auto; padding: var(--paragraph-padding); }
.paragraph p { margin-bottom: var(--paragraph-p-margin); }
.paragraph-content {}
.paragraph-form { flex: 1 1 0; }

/* contact form */
.contact-form form { flex: 1 1 0; }

/* simple text alignment */
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

/* carousel */
.carousel-container { background-color: var(--carousel-background-color); }
.carousel-inner { --lrmargin: max(var(--min-left-right-carousel-margin), (100vw - var(--max-content-width)) / 2 + var(--left-right-carousel-margin));
				  max-width: min(100vw, var(--max-content-width)); margin-left: var(--lrmargin); margin-right: var(--lrmargin); }

/* image lists */
.img-variant-desktop {}
.img-variant-phone { display: none!important; }
.img-list { max-width: 100%;  }
.img-list figure > a { display: block; }
.img-list img { max-width: 100%; display: inline-block; }
.img-title { display: block; } /* todo */
.img-subtitle { display: block; } /* todo */
.img-description { display: block; } /* todo */
.img-list-single {}
.img-list-multi {}
.video-img-list {}
.page-img-list { background-color: var(--carousel-background-color); margin-bottom: var(--carousel-margin); position: relative; }
.page-img-list figure { --lrmargin: max(var(--min-left-right-carousel-margin), (100vw - var(--max-content-width)) / 2 + var(--left-right-carousel-margin));
				 		max-width: min(100vw, var(--max-content-width)); margin-left: var(--lrmargin); margin-right: var(--lrmargin); display: block;
				 		position: relative; }
.page-img-list figcaption { position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: var(--carousel-caption-padding); }
.page-img-list img { display: block; }
.page-img-list .img-title { margin-left: 0; margin-right: 0; color: var(--carousel-title-color); font-size: var(--carousel-title-font-size);
							font-weight: var(--carousel-title-font-weight); font-style: var(--carousel-title-font-style);
							margin-bottom: var(--carousel-title-margin); text-shadow: var(--carousel-title-shadow);
							line-height: var(--carousel-title-line-height); font-family: var(--carousel-title-font); }
.page-img-list .img-subtitle { margin-left: 0; margin-right: 0; color: var(--carousel-subtitle-color);
							   font-size: var(--carousel-subtitle-font-size); font-weight: var(--carousel-subtitle-font-weight);
							   font-style: var(--carousel-subtitle-font-style); margin-bottom: var(--carousel-subtitle-margin);
							   text-shadow: var(--carousel-subtitle-shadow); line-height: var(--carousel-subtitle-line-height);
							   font-family: var(--carousel-subtitle-font); }
.page-img-list .img-description { margin-left: 0; margin-right: 0; color: var(--carousel-description-color);
								  font-size: var(--carousel-description-font-size); font-weight: var(--carousel-description-font-weight);
								  font-style: var(--carousel-description-font-style); margin-bottom: var(--carousel-description-margin);
								  text-shadow: var(--carousel-description-shadow); line-height: var(--carousel-description-line-height);
								  font-family: var(--carousel-description-font); padding: var(--carousel-description-padding); hyphens: auto; }
.page-img-list .img-button, .page-img-list .img-button:visited { color: var(--carousel-link-text-color);
			   border: var(--carousel-link-border-size) solid var(--carousel-link-border-color);
			   border-radius: var(--carousel-link-border-radius); background-color: var(--carousel-link-background-color);
			   padding: var(--carousel-link-padding); font-weight: var(--carousel-link-font-weight); text-decoration: none;
			   margin: var(--carousel-link-margin); font-size: var(--carousel-link-font-size); display: inline-block; }
.page-img-list .img-button:hover, .page-img-list .img-button:active, .page-img-list .img-button:focus {
				color: var(--carousel-link-text-color-hover);
				border-color: var(--carousel-link-border-color-hover); background-color: var(--carousel-link-background-color-hover);
				text-decoration: none; }
.page-img-list a.img-button[disabled] { color: var(--carousel-link-text-color-disabled); border-color: var(--carousel-link-border-color-disabled);
						  background-color: var(--carousel-link-background-color-disabled); text-decoration: none; }
.section-img-list { margin-bottom: var(--section-img-list-margin); }

.paragraph-img-list { background-color: var(--paragraph-img-list-background-color); margin-bottom: var(--paragraph-img-list-margin);
					  margin-top: var(--paragraph-img-list-top-margin); }
.paragraph-img-list figure { max-width: 100%; display: block; }
.paragraph-img-list figcaption { padding: var(--paragraph-img-list-caption-padding); text-align: center; }
.paragraph-img-list img { display: block; width: 100%; }
.paragraph-img-list .img-title { margin-left: 0; margin-right: 0; color: var(--paragraph-img-list-title-color); font-size: var(--paragraph-img-list-title-font-size);
							font-weight: var(--paragraph-img-list-title-font-weight); font-style: var(--paragraph-img-list-title-font-style);
							margin-bottom: var(--paragraph-img-list-title-margin); text-shadow: var(--paragraph-img-list-title-shadow);
							line-height: var(--paragraph-img-list-title-line-height); font-family: var(--paragraph-img-list-title-font); }
.paragraph-img-list .img-subtitle { margin-left: 0; margin-right: 0; color: var(--paragraph-img-list-subtitle-color);
							   font-size: var(--paragraph-img-list-subtitle-font-size); font-weight: var(--paragraph-img-list-subtitle-font-weight);
							   font-style: var(--paragraph-img-list-subtitle-font-style); margin-bottom: var(--paragraph-img-list-subtitle-margin);
							   text-shadow: var(--paragraph-img-list-subtitle-shadow); line-height: var(--paragraph-img-list-subtitle-line-height);
							   font-family: var(--paragraph-img-list-subtitle-font); }
.paragraph-img-list .img-description { margin-left: 0; margin-right: 0; color: var(--paragraph-img-list-description-color);
								  font-size: var(--paragraph-img-list-description-font-size); font-weight: var(--paragraph-img-list-description-font-weight);
								  font-style: var(--paragraph-img-list-description-font-style); margin-bottom: var(--paragraph-img-list-description-margin);
								  text-shadow: var(--paragraph-img-list-description-shadow); line-height: var(--paragraph-img-list-description-line-height);
								  font-family: var(--paragraph-img-list-description-font); padding: var(--paragraph-img-list-description-padding); hyphens: auto; }

/* download file lists */
.file-list {}
.file-list img { display: none; }
.file-list .file-title:before { content: "\f15c"; font-family: "Font Awesome 5 Pro"; font-size: 24px; display: inline-block; }
.page-file-list { --lrmargin: max(var(--min-left-right-page-file-list-margin), (100vw - var(--max-content-width)) / 2 + var(--left-right-page-file-list-margin));
				  max-width: min(100vw, var(--max-content-width)); margin-left: var(--lrmargin); margin-right: var(--lrmargin);
				  background-color: var(--page-file-list-background-color); }
.section-file-list {}
.paragraph-file-list {}

/* image viewer */
.image-viewer { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.7); display: none; z-index: 100; }
.image-viewer-box { width: 100vw; height: 100vh; text-align: center; }
.image-viewer-img { max-width: 100vw; max-height: 100vh; display: inline-block; display: inline-block; position: relative; top: 50%;
					transform: translateY(-50%); }
.image-viewer-box img { max-width: 100vw; max-height: 90vh; }
.image-viewer-close { width: 32px; height: 32px; position: absolute; right: -32px; top: -32px;
					  background: url(../img/close_white.svg) no-repeat 0 0; }
.image-viewer-close:hover { background-image: url(../img/close_orange.svg); }

/* loading indicator */
.loading { display: none; }
.loading-outer { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; z-index: 65530; justify-content: center;
				 align-items: center; user-select: none; }
.loading-inner { width: 120px; height: 120px; background-color: rgba(255,255,255,0.1); padding: 10px; border-radius: 60px; }
@keyframes loading_anim {
      from { transform: rotate(0deg); }
      to   { transform: rotate(360deg); }
}
.loading img { transform: rotate(0deg); animation-name: loading_anim; animation-duration: 1s; animation-timing-function: steps(12, end);
			   animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none;
			   animation-play-state: running; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* header */
header { width: 100%; color: var(--header-text-color); font-size: var(--header-font-size); font-weight: var(--header-weight);
		 font-style: var(--header-style); height: calc(var(--header-height) + var(--header-bottom-margin));  }
.header-container { width: 100%; height: calc(var(--header-height) + var(--header-bottom-margin)); position: fixed; z-index: 1000;
					transition: all var(--header-animation-speed) ease-out;
					background-color: var(--header-background-color);
					opacity: var(--header-opacity); max-width: 100vw; }

.logo-nav-container { --lrmargin: max(var(--min-left-right-header-margin), (100vw - var(--max-content-width)) / 2 + var(--left-right-header-margin));
					  background-color: var(--header-inner-background-color); max-width: min(100vw, var(--max-content-width));
					  margin-left: var(--lrmargin); margin-right: var(--lrmargin);
					  padding: var(--header-padding); margin-bottom: var(--header-bottom-margin);
					  height: calc(100% - var(--header-bottom-margin)); }

.logo-nav-button-container-mobile { --lrmargin: max(var(--mobile-min-left-right-header-margin), (100vw - var(--max-content-width)) / 2 + var(--mobile-left-right-header-margin));
									background-color: var(--header-inner-background-color); max-width: min(100vw, var(--max-content-width));
									margin-left: var(--lrmargin); margin-right: var(--lrmargin);
									padding: var(--mobile-header-padding); margin-bottom: var(--mobile-header-bottom-margin);
									height: calc(100% - var(--mobile-header-bottom-margin)); display: flex; flex-direction: row;
									align-items: flex-end; }

/* minimized header */
.header-scroll .header-container { height: var(--header-minimized-height); box-shadow: var(--header-minimized-shadow);
								   padding: var(--header-minimized-padding);
								   opacity: var(--header-minimized-opacity); }

/* cookie banner */
.cookie-banner {} /*todo*/

/* scroll arrow */
.scroll-arrow-container {}/*todo*/
.scroll-arrow {}
.scroll-arrow-inner {}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* top navigation bar */
.nav-container-top { width: 100%; height: var(--top-bar-height); padding: var(--top-bar-padding);
					  background-color: var(--top-bar-background-color); display: flex; flex-direction: row; }

/* language selector */
.nav-container-top .language-selector { display: flex; flex-direction: row; margin-left: var(--top-language-margin-left);
										margin-right: var(--top-language-margin-right); }
.nav-container-top .language-selector a { border-right: var(--top-language-gap-border-size) solid var(--top-language-gap-border-color);
										  padding: var(--top-language-padding);
										  padding-right: calc(var(--top-language-gap) / 2); margin-right: calc(var(--top-language-gap) / 2);
										  color: var(--top-language-text-color); background-color: var(--top-language-background-color);
										  font-size: var(--top-language-font-size); font-weight: var(--top-language-weight);
										  font-style: var(--top-language-style); text-decoration: var(--top-language-decoration);
										  border-top: var(--top-language-border-top-size) solid var(--top-language-border-color);
										  border-bottom: var(--top-language-border-bottom-size) solid var(--top-language-border-color); }
.nav-container-top .language-selector a:last-child { border-right: none; padding: var(--top-language-padding); margin-right: 0; }
.nav-container-top .language-selector a.lang-active { color: var(--top-language-text-color-active);
													  background-color: var(--top-language-background-color-active);
													  font-size: var(--top-language-font-size-active);
													  font-weight: var(--top-language-weight-active);
													  font-style: var(--top-language-style-active);
													  text-decoration: var(--top-language-decoration-active);
													  border-top: var(--top-language-border-top-size-active) solid var(--top-language-border-color-active);
													  border-bottom: var(--top-language-border-bottom-size-active) solid var(--top-language-border-color-active); }
.nav-container-top .language-selector a:hover { color: var(--top-language-text-color-hover);
												background-color: var(--top-language-background-color-hover);
												text-decoration: var(--top-language-decoration-hover);
												border-top: var(--top-language-border-top-size-hover) solid var(--top-language-border-color-hover);
												border-bottom: var(--top-language-border-bottom-size-hover) solid var(--top-language-border-color-hover); }

/* mini navigation */
.nav-container-top .mini-nav { margin-left: var(--top-mini-margin-left); margin-right: var(--top-mini-margin-right);
							   font-size: var(--top-mini-font-size); }
.nav-container-top .mini-nav a { display: block; color: var(--top-mini-text-color); font-size: var(--top-mini-font-size);
								 font-weight: var(--top-mini-weight); font-style: var(--top-mini-style);
								 text-decoration: var(--top-mini-decoration); }
.nav-container-top .mini-nav a:hover {}
.nav-container-top .mini-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; }
.nav-container-top .mini-nav ul li { margin: 0; padding: var(--top-mini-padding); background-color: var(--top-mini-background-color);
									 border-top: var(--top-mini-border-top-size) solid var(--top-mini-border-color);
									 border-bottom: var(--top-mini-border-bottom-size) solid var(--top-mini-border-color);
									 padding-right: calc(var(--top-mini-gap) / 2); margin-right: calc(var(--top-mini-gap) / 2);
									 border-right: var(--top-mini-gap-border-size) solid var(--top-mini-gap-border-color); }
.nav-container-top .mini-nav ul li:last-child { border-right: none; padding: var(--top-mini-padding); margin-right: 0; }
.nav-container-top .mini-nav ul li:hover { border-top: var(--top-mini-border-top-size-hover) solid var(--top-mini-border-color-hover);
										   border-bottom: var(--top-mini-border-bottom-size-hover) solid var(--top-mini-border-color-hover); }
.nav-container-top .mini-nav ul li:hover a { color: var(--top-mini-text-color-hover); background-color: var(--top-mini-background-color-hover);
											 text-decoration: var(--top-mini-decoration-hover); }
.nav-container-top .mini-nav ul li.nav-active-path { background-color: var(--top-mini-background-color-active);
													 border-top: var(--top-mini-border-top-size-active) solid var(--top-mini-border-color-active);
													 border-bottom: var(--top-mini-border-bottom-size-active) solid var(--top-mini-border-color-active);}
.nav-container-top .mini-nav ul li.nav-active-path a { color: var(--top-mini-text-color-active); font-size: var(--top-mini-font-size-active);
													   font-weight: var(--top-mini-weight-active); font-style: var(--top-mini-style-active);
													   text-decoration: var(--top-mini-decoration-active); }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* user menu */

.user-menu a, .user-menu a:hover { text-decoration: none; }
.user-menu ul { padding: 0; margin: 0; list-style: none; }

.user-menu { margin: var(--user-menu-margin); position: relative; }
.user-menu > ul {}
.user-menu .user-button { }
.user-menu .user-submenu { position: absolute; right: var(--user-menu-right); top: var(--user-menu-top); z-index: 100;
						   min-width: var(--user-menu-button-size); min-height: var(--user-menu-button-size); }
.user-menu > ul ul { display: none; padding: var(--user-menu-padding); border: var(--user-menu-border-size) solid var(--user-menu-border-color);
					 border-radius: var(--user-menu-border-radius); background-color: var(--user-menu-background-color); z-index: 100;
					 box-shadow: var(--user-menu-shadow); }
.user-menu > ul ul a { background-color: var(--user-menu-item-background-color); padding: var(--user-menu-item-padding); display: block;
					   color: var(--user-menu-text-color); font-family: var(--user-menu-font); font-size: var(--user-menu-font-size);
					   font-weight: var(--user-menu-font-weight); font-style: var(--user-menu-style); text-decoration: var(--user-menu-decoration); }
.user-menu > ul ul a:hover { background-color: var(--user-menu-hover-item-background-color); color: var(--user-menu-hover-text-color);
							 font-weight: var(--user-menu-hover-font-weight); font-style: var(--user-menu-hover-style);
							 text-decoration: var(--user-menu-hover-decoration); }
.user-menu > ul:hover .user-submenu ul, .user-menu > ul .user-submenu:hover ul { display: block; }

.user-menu .user-button > a { display: block; text-transform: uppercase; text-align: center; padding: var(--user-menu-button-padding);
							  background-color: var(--user-menu-button-background-color); color: var(--user-menu-button-text-color);
							  font-family: var(--user-menu-button-font); font-size: var(--user-menu-button-font-size);
							  font-weight: var(--user-menu-button-font-weight); font-style: var(--user-menu-button-style);
							  width: var(--user-menu-button-size); height: var(--user-menu-button-size); padding: var(--user-menu-button-padding);
							  border-radius: var(--user-menu-button-radius); }
.user-menu .user-button > a:hover { background-color: var(--user-menu-button-hover-background-color);
									color: var(--user-menu-button-hover-text-color); font-weight: var(--user-menu-button-hover-font-weight);
									font-style: var(--user-menu-button-hover-style); }


/*
.user-menu { position: absolute; left: 42px; margin-top: 10px; z-index: 100; }
.user-menu a { color: white; text-decoration: none; display: block; }
.user-menu a:hover { color: white; text-decoration: none; }
.user-menu ul { position: relative; display: inline-table; }
.user-menu ul:after { content: ""; clear: both; display: block; }
.user-menu > ul > li > a { float: left; background-color: #00aeff; width: 33px; height: 33px; border-radius: 16px; font-size: 14px; font-weight: bold; text-align: center; padding-top: 7px; }
.user-menu > ul > li:after { content: ""; clear: both; display: block; }
.user-menu > ul ul { display: none; background-color: black; margin-top: 8px; border: 1px solid #e0e0e0; padding: 10px 1px 10px 1px; }
.user-menu > ul ul a { font-size: 16px; padding: 5px 20px 5px 20px; }
.user-menu > ul ul a:hover { background-color: #e0e0e0; color: black; }
.user-menu > ul > li:hover ul { display: inline-table; }
.user-button > a { text-transform: uppercase; }
*/

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* main navigation bar and logo */
.nav-container { height: var(--main-bar-height); padding: var(--main-bar-padding); background-color: var(--main-bar-background-color);
				 display: flex; flex-direction: row; align-items: flex-end; max-width: 100%; }

/* logo */
.logo-container { margin-left: var(--logo-margin-left); margin-right: var(--logo-margin-right); }
.logo-container .logo { max-width: var(--logo-max-width); display: block; }
.logo-container img { max-width: 100%; display: block; }

/* main navigation */		/*todo: 2nd level popup*/
.nav-container .main-nav { margin-left: var(--main-nav-margin-left); margin-right: var(--main-nav-margin-right);
							   font-size: var(--main-nav-font-size); }
.nav-container .main-nav a { display: block; color: var(--main-nav-text-color); font-size: var(--main-nav-font-size);
								 font-weight: var(--main-nav-weight); font-style: var(--main-nav-style);
								 text-decoration: var(--main-nav-decoration); }
.nav-container .main-nav a:hover {}
.nav-container .main-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; }
.nav-container .main-nav .nav-level0 > ul > li { margin: 0; padding: var(--main-nav-padding); background-color: var(--main-nav-background-color);
									 border-top: var(--main-nav-border-top-size) solid var(--main-nav-border-color);
									 border-bottom: var(--main-nav-border-bottom-size) solid var(--main-nav-border-color);
									 margin-right: var(--main-nav-gap);
									 border-right: var(--main-nav-gap-border-size) solid var(--main-nav-gap-border-color); }
									 /* padding-right: calc(var(--main-nav-gap) / 2); margin-right: calc(var(--main-nav-gap) / 2); */
.nav-container .main-nav .nav-level0 > ul > li:last-child { border-right: none; padding: var(--main-nav-padding); margin-right: 0; }
.nav-container .main-nav .nav-level0 > ul > li:hover { border-top: var(--main-nav-border-top-size-hover) solid var(--main-nav-border-color-hover);
										   border-bottom: var(--main-nav-border-bottom-size-hover) solid var(--main-nav-border-color-hover); }
.nav-container .main-nav .nav-level0 > ul > li:hover a { color: var(--main-nav-text-color-hover); background-color: var(--main-nav-background-color-hover);
											 text-decoration: var(--main-nav-decoration-hover); }
.nav-container .main-nav .nav-level0 > ul > li.nav-active-path { background-color: var(--main-nav-background-color-active);
													 border-top: var(--main-nav-border-top-size-active) solid var(--main-nav-border-color-active);
													 border-bottom: var(--main-nav-border-bottom-size-active) solid var(--main-nav-border-color-active);}
.nav-container .main-nav .nav-level0 > ul > li.nav-active-path a { color: var(--main-nav-text-color-active); font-size: var(--main-nav-font-size-active);
													   font-weight: var(--main-nav-weight-active); font-style: var(--main-nav-style-active);
													   text-decoration: var(--main-nav-decoration-active); }

/* language selector (optional - if not in top mini navigation) */
.nav-container .language-selector { display: flex; flex-direction: row; margin-left: var(--language-margin-left);
									margin-right: var(--language-margin-right); }
.nav-container .language-selector a { border-right: var(--language-gap-border-size) solid var(--language-gap-border-color);
									  padding: var(--language-padding);
									  padding-right: calc(var(--language-gap) / 2); margin-right: calc(var(--language-gap) / 2);
									  color: var(--language-text-color); background-color: var(--language-background-color);
									  font-size: var(--language-font-size); font-weight: var(--language-weight);
									  font-style: var(--language-style); text-decoration: var(--language-decoration);
									  border-top: var(--language-border-top-size) solid var(--language-border-color);
									  border-bottom: var(--language-border-bottom-size) solid var(--language-border-color); }
.nav-container .language-selector a:last-child { border-right: none; padding-right: 0; margin-right: 0; }
.nav-container .language-selector a.lang-active { color: var(--language-text-color-active);
												  background-color: var(--language-background-color-active);
												  font-size: var(--language-font-size-active);
												  font-weight: var(--language-weight-active);
												  font-style: var(--language-style-active);
												  text-decoration: var(--language-decoration-active);
												  border-top: var(--language-border-top-size-active) solid var(--language-border-color-active);
												  border-bottom: var(--language-border-bottom-size-active) solid var(--language-border-color-active); }
.nav-container .language-selector a:hover { color: var(--language-text-color-hover);
											background-color: var(--language-background-color-hover);
											text-decoration: var(--language-decoration-hover);
											border-top: var(--language-border-top-size-hover) solid var(--language-border-color-hover);
											border-bottom: var(--language-border-bottom-size-hover) solid var(--language-border-color-hover); }

/* mini navigation  (optional - if not in top mini navigation) */
.nav-container .mini-nav { margin-left: var(--mini-nav-margin-left); margin-right: var(--mini-nav-margin-right);
							   font-size: var(--mini-nav-font-size); }
.nav-container .mini-nav a { display: block; color: var(--mini-nav-text-color); font-size: var(--mini-nav-font-size);
								 font-weight: var(--mini-nav-weight); font-style: var(--mini-nav-style);
								 text-decoration: var(--mini-nav-decoration); }
.nav-container .mini-nav a:hover {}
.nav-container .mini-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; }
.nav-container .mini-nav ul li { margin: 0; padding: var(--mini-nav-padding); background-color: var(--mini-nav-background-color);
									 border-top: var(--mini-nav-border-top-size) solid var(--mini-nav-border-color);
									 border-bottom: var(--mini-nav-border-bottom-size) solid var(--mini-nav-border-color);
									 padding-right: calc(var(--mini-nav-gap) / 2); margin-right: calc(var(--mini-nav-gap) / 2);
									 border-right: var(--mini-nav-gap-border-size) solid var(--mini-nav-gap-border-color); }
.nav-container .mini-nav ul li:last-child { border-right: none; padding: var(--mini-nav-padding); margin-right: 0; }
.nav-container .mini-nav ul li:hover { border-top: var(--mini-nav-border-top-size-hover) solid var(--mini-nav-border-color-hover);
										   border-bottom: var(--mini-nav-border-bottom-size-hover) solid var(--mini-nav-border-color-hover); }
.nav-container .mini-nav ul li:hover a { color: var(--mini-nav-text-color-hover); background-color: var(--mini-nav-background-color-hover);
											 text-decoration: var(--mini-nav-decoration-hover); }
.nav-container .mini-nav ul li.nav-active-path { background-color: var(--mini-nav-background-color-active);
													 border-top: var(--mini-nav-border-top-size-active) solid var(--mini-nav-border-color-active);
													 border-bottom: var(--mini-nav-border-bottom-size-active) solid var(--mini-nav-border-color-active);}
.nav-container .mini-nav ul li.nav-active-path a { color: var(--mini-nav-text-color-active); font-size: var(--mini-nav-font-size-active);
													   font-weight: var(--mini-nav-weight-active); font-style: var(--mini-nav-style-active);
													   text-decoration: var(--mini-nav-decoration-active); }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* footer */

footer { width: 100%; height: var(--footer-height); color: var(--footer-text-color); font-family: var(--footer-font);
		 font-size: var(--footer-font-size); font-weight: var(--footer-weight); font-style: var(--footer-style);
		 background-color: var(--footer-background-color); line-height: var(--footer-line-height); }
.footer-inner { --lrmargin: max(var(--min-left-right-footer-margin), (100vw - var(--max-content-width)) / 2 + var(--left-right-footer-margin));
				background-color: var(--footer-inner-background-color); padding: var(--footer-padding); display: flex;
				flex-direction: var(--footer-direction); max-width: min(100vw, var(--max-content-width));
				margin: 0 var(--lrmargin) 0 var(--lrmargin); }

/* footer navigation */
.footer-nav { margin-left: var(--footer-nav-margin-left); margin-right: var(--footer-nav-margin-right); font-size: var(--footer-nav-font-size); }
.footer-nav a { display: block; color: var(--footer-nav-text-color); font-size: var(--footer-nav-font-size); font-weight: var(--footer-nav-weight);
				font-style: var(--footer-nav-style); text-decoration: var(--footer-nav-decoration); }
.footer-nav a:hover {}
.footer-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: var(--footer-nav-direction); }
.footer-nav ul li { margin: 0; padding: var(--footer-nav-padding); background-color: var(--footer-nav-background-color);
					border-top: var(--footer-nav-border-top-size) solid var(--footer-nav-border-color);
					border-bottom: var(--footer-nav-border-bottom-size) solid var(--footer-nav-border-color);
					padding-right: calc(var(--footer-nav-gap) / 2); margin-right: calc(var(--footer-nav-gap) / 2);
					border-right: var(--footer-nav-gap-border-size) solid var(--footer-nav-gap-border-color); }
.footer-nav ul li:last-child { border-right: none; padding: var(--footer-nav-padding); margin-right: 0; }
.footer-nav ul li:hover { border-top: var(--footer-nav-border-top-size-hover) solid var(--footer-nav-border-color-hover);
						  border-bottom: var(--footer-nav-border-bottom-size-hover) solid var(--footer-nav-border-color-hover); }
.footer-nav ul li:hover a { color: var(--footer-nav-text-color-hover); background-color: var(--footer-nav-background-color-hover);
							text-decoration: var(--footer-nav-decoration-hover); }
.footer-nav ul li.nav-active-path { background-color: var(--footer-nav-background-color-active);
									border-top: var(--footer-nav-border-top-size-active) solid var(--footer-nav-border-color-active);
									border-bottom: var(--footer-nav-border-bottom-size-active) solid var(--footer-nav-border-color-active);}
.footer-nav ul li.nav-active-path a { color: var(--footer-nav-text-color-active); font-size: var(--footer-nav-font-size-active);
									  font-weight: var(--footer-nav-weight-active); font-style: var(--footer-nav-style-active);
									  text-decoration: var(--footer-nav-decoration-active); }

/* footer main mirrored navigation */
.footer-main-nav { margin-left: var(--footer-main-nav-margin-left); margin-right: var(--footer-main-nav-margin-right);
				   font-size: var(--footer-main-nav-font-size); }
.footer-main-nav a { display: block; color: var(--footer-main-nav-text-color); font-size: var(--footer-main-nav-font-size);
					 font-weight: var(--footer-main-nav-weight); font-style: var(--footer-main-nav-style);
					 text-decoration: var(--footer-main-nav-decoration); }
.footer-main-nav a:hover {}
.footer-main-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: var(--footer-main-nav-direction); }
.footer-main-nav ul li { margin: 0; padding: var(--footer-main-nav-padding); background-color: var(--footer-main-nav-background-color);
					border-top: var(--footer-main-nav-border-top-size) solid var(--footer-main-nav-border-color);
					border-bottom: var(--footer-main-nav-border-bottom-size) solid var(--footer-main-nav-border-color);
					padding-right: calc(var(--footer-main-nav-gap) / 2); margin-right: calc(var(--footer-main-nav-gap) / 2);
					border-right: var(--footer-main-nav-gap-border-size) solid var(--footer-main-nav-gap-border-color); }
.footer-main-nav ul li:last-child { border-right: none; padding: var(--footer-main-nav-padding); margin-right: 0; }
.footer-main-nav ul li:hover { border-top: var(--footer-main-nav-border-top-size-hover) solid var(--footer-main-nav-border-color-hover);
						  border-bottom: var(--footer-main-nav-border-bottom-size-hover) solid var(--footer-main-nav-border-color-hover); }
.footer-main-nav ul li:hover a { color: var(--footer-main-nav-text-color-hover); background-color: var(--footer-main-nav-background-color-hover);
							text-decoration: var(--footer-main-nav-decoration-hover); }
.footer-main-nav ul li.nav-active-path { background-color: var(--footer-main-nav-background-color-active);
									border-top: var(--footer-main-nav-border-top-size-active) solid var(--footer-main-nav-border-color-active);
									border-bottom: var(--footer-main-nav-border-bottom-size-active) solid var(--footer-main-nav-border-color-active);}
.footer-main-nav ul li.nav-active-path a { color: var(--footer-main-nav-text-color-active); font-size: var(--footer-main-nav-font-size-active);
									  font-weight: var(--footer-main-nav-weight-active); font-style: var(--footer-main-nav-style-active);
									  text-decoration: var(--footer-main-nav-decoration-active); }

/* footer logos */
.footer-logos { display: flex; flex-direction: var(--footer-logos-direction); margin-left: var(--footer-logos-margin-left);
				margin-right: var(--footer-logos-margin-right); justify-content: flex-end; }
.footer-logos a { border-right: var(--language-gap-border-size) solid var(--language-gap-border-color);
				  padding: var(--footer-logos-padding); gap: var(--footer-logos-gap); }


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* mobile navigation and logo */
.logo-nav-button-container-mobile { display: none; }
.nav-button { position: absolute; top: var(--hamburger-pos-top); right: var(--hamburger-pos-right);
			  width: var(--hamburger-width); height: calc(var(--hamburger-bar-distance) * 2 + var(--hamburger-bar-height));
			  transition: all var(--hamburger-animation-speed) ease-out; z-index: 1002; }
.nav-button-bar { background-color: var(--hamburger-color); width: var(--hamburger-width); height: var(--hamburger-bar-height);
				  transition: all var(--hamburger-animation-speed) ease-out; position: absolute; left: 0; transform-origin: 0 0; }
.nav-button-bar1 { top: 0; }
.nav-button-bar2 { top: var(--hamburger-bar-distance); opacity: 1; }
.nav-button-bar3 { top: calc(var(--hamburger-bar-distance) * 2); }
.nav-button:hover .nav-button-bar { background-color: var(--hamburger-color-hover); }
.nav-button.nav-open:hover .nav-button-bar { background-color: var(--hamburger-color-hover); }
.nav-button.nav-open .nav-button-bar { background-color: var(--hamburger-color-open); }
.nav-button.nav-open .nav-button-bar1 { transform: rotate(45deg); width: var(--hamburger-width); }
.nav-button.nav-open .nav-button-bar2 { opacity: 0; }
.nav-button.nav-open .nav-button-bar3 { transform: rotate(-45deg); width: var(--hamburger-width); }

.logo-nav-container-mobile { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; margin: 0;
							 padding: var(--mobile-menu-padding);
							 background-color: var(--mobile-menu-background-color);}
.logo-nav-container-mobile.nav-open { display: block; }

.nav-container-mobile { height: 100%; padding: var(--mobile-main-bar-padding); background-color: var(--mobile-main-bar-background-color);
				 		display: flex; flex-direction: column; max-width: 100%; }

/* main navigation */		/*todo: 2nd level*/
.nav-container-mobile .main-nav { margin-left: var(--mobile-main-nav-margin-left); margin-right: var(--mobile-main-nav-margin-right);
							   	  font-size: var(--mobile-main-nav-font-size);
								  justify-content: normal; text-align: var(--mobile-main-nav-align); }
.nav-container-mobile .main-nav a { display: block; color: var(--mobile-main-nav-text-color); font-size: var(--mobile-main-nav-font-size);
								 font-weight: var(--mobile-main-nav-weight); font-style: var(--mobile-main-nav-style);
								 text-decoration: var(--mobile-main-nav-decoration); }
.nav-container-mobile .main-nav a:hover {}
.nav-container-mobile .main-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.nav-container-mobile .main-nav .nav-level0 > ul > li { margin: 0; padding: var(--mobile-main-nav-padding); background-color: var(--mobile-main-nav-background-color);
									 border-top: var(--mobile-main-nav-border-top-size) solid var(--mobile-main-nav-border-color);
									 border-bottom: var(--mobile-main-nav-border-bottom-size) solid var(--mobile-main-nav-border-color);
									 padding-bottom: calc(var(--mobile-main-nav-gap) / 2); margin-bottom: calc(var(--mobile-main-nav-gap) / 2);
									 border-bottom: var(--mobile-main-nav-gap-border-size) solid var(--mobile-main-nav-gap-border-color); }
.nav-container-mobile .main-nav .nav-level0 > ul > li:last-child { border-bottom: none; padding: var(--mobile-main-nav-padding); margin-bottom: 0; }
.nav-container-mobile .main-nav .nav-level0 > ul > li:hover { border-top: var(--mobile-main-nav-border-top-size-hover) solid var(--mobile-main-nav-border-color-hover);
										   border-bottom: var(--mobile-main-nav-border-bottom-size-hover) solid var(--mobile-main-nav-border-color-hover); }
.nav-container-mobile .main-nav .nav-level0 > ul > li:hover a { color: var(--mobile-main-nav-text-color-hover); background-color: var(--mobile-main-nav-background-color-hover);
											 text-decoration: var(--mobile-main-nav-decoration-hover); }
.nav-container-mobile .main-nav .nav-level0 > ul > li.nav-active-path { background-color: var(--mobile-main-nav-background-color-active);
													 border-top: var(--mobile-main-nav-border-top-size-active) solid var(--mobile-main-nav-border-color-active);
													 border-bottom: var(--mobile-main-nav-border-bottom-size-active) solid var(--mobile-main-nav-border-color-active);}
.nav-container-mobile .main-nav .nav-level0 > ul > li.nav-active-path a { color: var(--mobile-main-nav-text-color-active); font-size: var(--mobile-main-nav-font-size-active);
													   font-weight: var(--mobile-main-nav-weight-active); font-style: var(--mobile-main-nav-style-active);
													   text-decoration: var(--mobile-main-nav-decoration-active); }

/* mobile footer navigation (same style as main navigation) */
.nav-container-mobile .footer-nav { margin-left: var(--mobile-footer-nav-margin-left); margin-right: var(--mobile-footer-nav-margin-right); font-size: var(--mobile-footer-nav-font-size);
									justify-content: normal; text-align: var(--mobile-footer-nav-align); }
.nav-container-mobile .footer-nav a { display: block; color: var(--mobile-footer-nav-text-color); font-size: var(--mobile-footer-nav-font-size); font-weight: var(--mobile-footer-nav-weight);
				font-style: var(--mobile-footer-nav-style); text-decoration: var(--mobile-footer-nav-decoration); }
.nav-container-mobile .footer-nav a:hover {}
.nav-container-mobile .footer-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.nav-container-mobile .footer-nav ul li { margin: 0; padding: var(--mobile-footer-nav-padding); background-color: var(--mobile-footer-nav-background-color);
					border-top: var(--mobile-footer-nav-border-top-size) solid var(--mobile-footer-nav-border-color);
					border-bottom: var(--mobile-footer-nav-border-bottom-size) solid var(--mobile-footer-nav-border-color);
					padding-bottom: calc(var(--mobile-footer-nav-gap) / 2); margin-bottom: calc(var(--mobile-footer-nav-gap) / 2);
					border-bottom: var(--mobile-footer-nav-gap-border-size) solid var(--mobile-footer-nav-gap-border-color); }
.nav-container-mobile .footer-nav ul li:last-child { border-bottom: none; padding: var(--mobile-footer-nav-padding); margin-bottom: 0; }
.nav-container-mobile .footer-nav ul li:hover { border-top: var(--mobile-footer-nav-border-top-size-hover) solid var(--mobile-footer-nav-border-color-hover);
						  border-bottom: var(--mobile-footer-nav-border-bottom-size-hover) solid var(--mobile-footer-nav-border-color-hover); }
.nav-container-mobile .footer-nav ul li:hover a { color: var(--mobile-footer-nav-text-color-hover); background-color: var(--mobile-footer-nav-background-color-hover);
							text-decoration: var(--mobile-footer-nav-decoration-hover); }
.nav-container-mobile .footer-nav ul li.nav-active-path { background-color: var(--mobile-footer-nav-background-color-active);
									border-top: var(--mobile-footer-nav-border-top-size-active) solid var(--mobile-footer-nav-border-color-active);
									border-bottom: var(--mobile-footer-nav-border-bottom-size-active) solid var(--mobile-footer-nav-border-color-active);}
.nav-container-mobile .footer-nav ul li.nav-active-path a { color: var(--mobile-footer-nav-text-color-active); font-size: var(--mobile-footer-nav-font-size-active);
									  font-weight: var(--mobile-footer-nav-weight-active); font-style: var(--mobile-footer-nav-style-active);
									  text-decoration: var(--mobile-footer-nav-decoration-active); }

/* mobile mini navigation */
.nav-container-mobile .mini-nav { margin-left: var(--mobile-mini-nav-margin-left); margin-right: var(--mobile-mini-nav-margin-right);
							   font-size: var(--mobile-mini-nav-font-size); justify-content: normal; text-align: var(--mobile-mini-nav-align); }
.nav-container-mobile .mini-nav a { display: block; color: var(--mobile-mini-nav-text-color); font-size: var(--mobile-mini-nav-font-size);
								 font-weight: var(--mobile-mini-nav-weight); font-style: var(--mobile-mini-nav-style);
								 text-decoration: var(--mobile-mini-nav-decoration); }
.nav-container-mobile .mini-nav a:hover {}
.nav-container-mobile .mini-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.nav-container-mobile .mini-nav ul li { margin: 0; padding: var(--mobile-mini-nav-padding); background-color: var(--mobile-mini-nav-background-color);
									 border-top: var(--mobile-mini-nav-border-top-size) solid var(--mobile-mini-nav-border-color);
									 border-bottom: var(--mobile-mini-nav-border-bottom-size) solid var(--mobile-mini-nav-border-color);
									 padding-bottom: calc(var(--mobile-mini-nav-gap) / 2); margin-bottom: calc(var(--mobile-mini-nav-gap) / 2);
									 border-bottom: var(--mobile-mini-nav-gap-border-size) solid var(--mobile-mini-nav-gap-border-color); }
.nav-container-mobile .mini-nav ul li:last-child { border-bottom: none; padding: var(--mobile-mini-nav-padding); margin-bottom: 0; }
.nav-container-mobile .mini-nav ul li:hover { border-top: var(--mobile-mini-nav-border-top-size-hover) solid var(--mobile-mini-nav-border-color-hover);
										   border-bottom: var(--mobile-mini-nav-border-bottom-size-hover) solid var(--mobile-mini-nav-border-color-hover); }
.nav-container-mobile .mini-nav ul li:hover a { color: var(--mobile-mini-nav-text-color-hover); background-color: var(--mobile-mini-nav-background-color-hover);
											 text-decoration: var(--mobile-mini-nav-decoration-hover); }
.nav-container-mobile .mini-nav ul li.nav-active-path { background-color: var(--mobile-mini-nav-background-color-active);
													 border-top: var(--mobile-mini-nav-border-top-size-active) solid var(--mobile-mini-nav-border-color-active);
													 border-bottom: var(--mobile-mini-nav-border-bottom-size-active) solid var(--mobile-mini-nav-border-color-active);}
.nav-container-mobile .mini-nav ul li.nav-active-path a { color: var(--mobile-mini-nav-text-color-active); font-size: var(--mobile-mini-nav-font-size-active);
													   font-weight: var(--mobile-mini-nav-weight-active); font-style: var(--mobile-mini-nav-style-active);
													   text-decoration: var(--mobile-mini-nav-decoration-active); }

/* mobile language selector */
.nav-container-mobile .language-selector { display: flex; flex-direction: column; margin-left: var(--mobile-language-margin-left);
									margin-right: var(--mobile-language-margin-right); justify-content: normal;
									text-align: var(--mobile-language-align); }
.nav-container-mobile .language-selector a { border-bottom: var(--mobile-language-gap-border-size) solid var(--mobile-language-gap-border-color);
									  padding: var(--mobile-language-padding);
									  padding-bottom: calc(var(--mobile-language-gap) / 2); margin-bottom: calc(var(--mobile-language-gap) / 2);
									  color: var(--mobile-language-text-color); background-color: var(--mobile-language-background-color);
									  font-size: var(--mobile-language-font-size); font-weight: var(--mobile-language-weight);
									  font-style: var(--mobile-language-style); text-decoration: var(--mobile-language-decoration);
									  border-top: var(--mobile-language-border-top-size) solid var(--mobile-language-border-color);
									  border-bottom: var(--mobile-language-border-bottom-size) solid var(--mobile-language-border-color); }
.nav-container-mobile .language-selector a:last-child { border-bottom: none; padding-right: 0; margin-bottom: 0; }
.nav-container-mobile .language-selector a.lang-active { color: var(--mobile-language-text-color-active);
												  background-color: var(--mobile-language-background-color-active);
												  font-size: var(--mobile-language-font-size-active);
												  font-weight: var(--mobile-language-weight-active);
												  font-style: var(--mobile-language-style-active);
												  text-decoration: var(--mobile-language-decoration-active);
												  border-top: var(--mobile-language-border-top-size-active) solid var(--mobile-language-border-color-active);
												  border-bottom: var(--mobile-language-border-bottom-size-active) solid var(--mobile-language-border-color-active); }
.nav-container-mobile .language-selector a:hover { color: var(--mobile-language-text-color-hover);
											background-color: var(--mobile-language-background-color-hover);
											text-decoration: var(--mobile-language-decoration-hover);
											border-top: var(--mobile-language-border-top-size-hover) solid var(--mobile-language-border-color-hover);
											border-bottom: var(--mobile-language-border-bottom-size-hover) solid var(--mobile-language-border-color-hover); }


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width: 1920px)
{
}

@media only screen and (max-width: 1600px)
{
}

@media only screen and (max-width: 1200px)
{
}

@media only screen and (max-width: 1024px)
{
	h1, h2, h3, h4, .supertitle { hyphens: auto; }
}

@media only screen and (max-width: 1000px)
{
	.img-variant-desktop { display: none!important; }
	.img-variant-phone { display: block!important; }
	.page-img-list .img-variant-phone { display: block!important; }
	.page-img-list img { width: 100%; }
	header { height: calc(var(--mobile-header-height) + var(--mobile-header-bottom-margin)); }
	.header-container { height: calc(var(--mobile-header-height) + var(--mobile-header-bottom-margin)); }
}


@media only screen and (max-width: 768px)
{
}

@media only screen and (max-width: 413px)
{
}

@media only screen and (max-width: 375px)
{
}

@media only screen and (max-width: 320px)
{
}