/*	—————————————————————————————————————————————
	Webfonts
	————————————————————————————————————————————— */
	/* roboto-condensed-regular - latin */
	@font-face {
	  font-display: swap;
	  font-family: 'Roboto Condensed';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../_fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'); 
	}
	/* roboto-condensed-500 - latin */
	@font-face {
	  font-display: swap;
	  font-family: 'Roboto Condensed';
	  font-style: normal;
	  font-weight: 500;
	  src: url('../_fonts/roboto-condensed-v27-latin-500.woff2') format('woff2'); 
	}
	/* crimson-pro-regular - latin */
	@font-face {
	  font-display: swap; 
	  font-family: 'Crimson Pro';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../_fonts/crimson-pro-v24-latin-regular.woff2') format('woff2'); 
	}
	/* crimson-pro-500 - latin */
	@font-face {
	  font-display: swap;
	  font-family: 'Crimson Pro';
	  font-style: normal;
	  font-weight: 500;
	  src: url('../_fonts/crimson-pro-v24-latin-500.woff2') format('woff2');
	}
	/* crimson-pro-600 - latin */
	@font-face {
	  font-display: swap; 
	  font-family: 'Crimson Pro';
	  font-style: normal;
	  font-weight: 600;
	  src: url('../_fonts/crimson-pro-v24-latin-600.woff2') format('woff2'); 
	}
/*	—————————————————————————————————————————————
	Main
	————————————————————————————————————————————— */

	*, *::before, *::after {
		box-sizing: border-box;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		margin: 0; 
		padding: 0;
	}
	:root {	
		/* transition */
		--transition-main: all .3s ease-in;
		--transition-cookiebanner: bottom .8s linear;	
		--transition-opacity-loader: opacity .3s linear;
		--transition-opacity-container: opacity .6s linear;	
		--transition-menu: top .4s linear;
		--transition-background: background .3s ease-in;
		--transition-fadeout-1s: 1s opacity, 1s visibility;
		--transition-fadeout-300ms: .3s opacity, .3s visibility;
		--transition-fadeout-400ms: .4s opacity, .4s visibility;
		/* transition ajax */
		--transition-ajax-move: left .6s ease-in;
		--transition-ajax-hide: opacity .5s ease-in;
		--transition-ajax-show: opacity .7s ease-in;
		--transition-ajax-fade: opacity .9s ease-in;
		--transition-background: background .3s ease-in;	
		--transition-color: background .3s ease-in, color .3s ease-in;
		/* color selection */
		--selection: rgba(237, 03, 121, .8); 
		/* color overlay*/
		--overlay-main: rgba(7, 7, 15, 0.9);
		--transparent: rgba(0,0,0,0.00);
		--overlay-box: rgba(48, 48, 64, 0.9);	/* transparent darkblue 90% */
		/* color shadow */
		--color-shadow: #000000;
		/* image switch */
		--img-light: none;
		--img-dark: inline-block;
		/* workimage switch */
		--work-light: none;
		--work-dark: inline;
		/* font family */
		--font-family-roboto: 'Roboto Condensed', sans-serif;;
		--font-family-crimson: 'Crimson Pro', serif;;
		/* typo header */
		--font-size-h1: 1.4rem;
		--font-size-h2: 1.4rem;
		--font-size-h3: 1.3rem;
		--font-size-h4: 1.3rem;
		/* typo text */
		--font-size-small: 1.0rem;
		--font-size-subtext: 1.1rem;
		--font-size-normal: 1.2rem;
		/* typo menu */
		--font-size-menulink: 1.4rem;
		--line-height-menulink: 2.1rem;
		/* typo specialcontainer*/
		--font-size-404: 1.5rem;
		--font-size_modal: 2.0rem;
		--font-size-sleeptext: 2.0rem;
		--font-size-loadertext: 1.6rem;
		--font-size-countertext: 2.5rem;
		--font-size-countertext-small: 1.0rem;
		/* typo container */
		--font-size-workheader: 1.4rem;
		--font-size-workcategory: 1.0rem;
		--font-size-introtext: 1.7rem;
		--font-size-portfolio-hover: 1.2rem;	
		--font-size-quotetext: 2.1rem;
		--font-size-quoteauthor: 1.1rem;
		--font-size-contactlink: 1.7rem;
		--font-size-maptext: 2.1rem;
		--font-size-imprint: 1.3rem;			
		--font-size-header-small: 0.9rem;
		--font-size-text-small: 0.9rem;
		--font-size-button-small: 0.9rem;
		--font-size-fields-header: 1.3rem;
		--font-size-fields-text: 1.1rem;
		--font-size-disclaimer-header: 1.2rem;
		--font-size-disclaimer-text: 1.0rem;
		--font-size-footer-text: 0.9rem;
		--font-size-footer-link: 1.0rem;
		--font-size-sitemap-link: 1.0rem; 
		--font-size-privacy-header: 1.1rem;
		--font-size-privacy-text: 0.9rem;
		/* line-height */
		--line-height-normal: 125%;
		/* font weight roboto */
		--weight-roboto-regular: 			400;
		--weight-roboto-medium: 			500;
		/* font-weight chrimson */
		--weight-crimson-regular: 			400;
		--weight-crimson-medium: 			500;
		--weight-crimson-semibold: 			600;
		/* typo color */	
		--color-typo-pink: 					hsl(334,85%,50%); 		/* pink */
		--color-typo-normal: 				hsl(240,11%,76%);		/* white */	
		--color-typo-subtext: 				#5e5e6d; 				/* darkblue_70P */
		--color-typo-sitemap:				#3b3b4c;				/* darkblue_85P */
		--color-typo-settings:				#757583; 				/* darkblue_60P */
		--color-typo-buttontext:			#191920;				/* darkblue */
		--color-typo-buttontext-hover:		hsl(240,11%,76%);		/* white */	
		--color-typo-static-white:			#ffffff;
		--color-typo-tag:					#191920;				/* darkblue */
		--color-typo-tag-background:		#474757;				/* darkblue_80P  */
		/* button color */	
		--color-button-logo: 				hsl(240,11%,76%);		/* white */	
		--color-button-logo-hover: 			hsl(334,85%,50%); 		/* pink */
		--color-button-hover: 				hsl(334,85%,50%); 		/* pink */
		--color-button-active: 				hsl(240,11%,76%);		/* white */	
		--color-button-inactive: 			#5e5e6d; 				/* darkblue_70P */
		--color-button-fade: 				#474757; 				/* darkblue_80P */
		--color-button-social-A: 			hsl(240,11%,76%);		/* white */	
		--color-button-social-B: 			hsl(334,85%,50%);		/* pink */
		--color-button-setting-A: 			#a3a3b0;				/* darkblue_40P*/
		--color-button-setting-B: 			hsl(240,11%,76%);		/* white */	
		--color-button-setting-C: 			hsl(334,85%,50%); 		/* pink */
		--color-keyboard-inactive: 			#757583; 				/* darkblue_60P */
		/* sitemap color */	
		--color-sitemap-border: 			#191920;				/* darkblue */
		--color-sitemap-line: 				#303040;  				/* darkblue_90P */
		--color-sitemap-point: 				#474757; 				/* darkblue_80P */	/*#3b3b4c; */	/* darkblue_85P */
		--color-sitemap-point-pink: 	 	hsl(334,85%,50%);		/* pink */
		--color-sitemap-point-white: 	 	hsl(240,11%,76%);		/* white */	
		/* portfolio imagehover color */
		--color-imagehover: 				#242435; 				/* darkblue_95P*/
		/* container color */	
		--color-container: 					#191920;				/* darkblue */
		--color-container-dark: 			#121219; 				/* color body */
		/* color header */
		--color-header: 					rgba(25, 25, 32, 0.9);	/* darkblue 90% */
		--color-header-work: 				rgba(18, 18, 25, 0.9);	/* color body 90% */
		/* cookiebanner */
		--color-cookiebanner: 				rgba(255, 0, 140, 0.9);	/* transparent pink*/
		--color-cookiebanner-text: 			#ffffff; 				/* pure white */
		--color-cookiebanner-text-hover: 	hsl(334,85%,50%); 		/* pink */
		--color-cookiebanner-text-hover: 	hsl(334,85%,50%);		/* pink */	
		--color-cookiebanner-button-dark: 	#191920;				/* darkblue */
		--color-cookiebanner-button-light: 	#ffffff; 				/* pure white */
		/* cookisettings slidercolor*/ 
		--color-cookiesettings-inactive: 	#3b3b4c; 				/* darkblue_85P */
		--color-cookiesettings-active: 		hsl(240,11%,76%);		/* white */	
		/* loader */
		--color-loader-logo: 				hsl(334,85%,50%);		/* pink */	
		--color-loader-bar: 				hsl(334,85%,50%);		/* pink */		
		/* opacity workhover*/
		--opacity-workhover: 				0.03;
		/* cursor */
		--cursor-close: 					url("../_img/PW_cursor_dark_close.svg");
		--cursor-down: 						url("../_img/PW_cursor_dark_down.svg");
		--cursor-link: 						url("../_img/PW_cursor_dark_link.svg");
		--cursor-lupe: 						url("../_img/PW_cursor_dark_lupe.svg");
		--cursor-more: 						url("../_img/PW_cursor_dark_more.svg");
		--cursor-move_x: 					url("../_img/PW_cursor_dark_move_x.svg");
		--cursor-move_y: 					url("../_img/PW_cursor_dark_move_y.svg");
		--cursor: 							url("../_img/PW_cursor_dark_normal.svg");
		--cursor-reload: 					url("../_img/PW_cursor_dark_reload.svg");
		--cursor-text: 						url("../_img/PW_cursor_dark_text.svg");
		--cursor-up: 						url("../_img/PW_cursor_dark_up.svg");
		--cursor-left: 						url("../_img/PW_cursor_dark_left.svg");
		--cursor-right: 					url("../_img/PW_cursor_dark_right.svg");
		/* loadmore icon */
		--load-icon: 						url("../_img/PW_loadmore_dark.svg");
	}
	[data-theme="light"] {
		/* color shadow */
		--color-shadow: #ffffff;
		/* color selection */
		--selection: rgba(237, 03, 121, .8); 
		/* color overlay*/
		--overlay-main: rgba(255, 255, 255, 0.94);
		--transparent: rgba(255, 255, 255 , 0.0);
		--overlay-box: rgba(186, 186, 198, 0.9);	/* transparent darkblue 30% */
		/* image switch */
		--img-light: inline-block;
		--img-dark: none;
		/* workimage switch */
		--work-light: inline;
		--work-dark: none;
		/* font weight roboto */
		--weight-roboto-regular: 			400;
		--weight-roboto-medium: 			500;
		/* font-weight chrimson */
		--weight-crimson-regular: 			500;
		--weight-crimson-medium: 			500;
		--weight-crimson-semibold: 			700;
		/* typo color */	
		--color-typo-pink: 					hsl(334,85%,50%); 			/* pink */
		--color-typo-normal: 				#191920;					/* darkblue */	
		--color-typo-subtext: 				#8c8c9a; 					/* darkblue_50P */
		--color-typo-sitemap:				#3b3b4c;					/* darkblue_85P */
		--color-typo-settings:				#757583; 					/* darkblue_60P */
		--color-typo-buttontext:			#ffffff;					/* white */
		--color-typo-buttontext-hover:		#ffffff;					/* white */
		--color-typo-tag:					#ffffff;					/* white */
		--color-typo-tag-background:		#a3a3b0;					/* darkblue_40P  */
		/* button color */	
		--color-button-logo: 				#191920;					/* darkblue */
		--color-button-logo-hover: 			hsl(334,85%,50%); 			/* pink */
		--color-button-hover: 				hsl(334,85%,50%); 			/* pink */
		--color-button-active: 				#191920;					/* darkblue */
		--color-button-inactive: 			#babac6; 					/* darkblue_30P */
		--color-button-fade: 				#babac6; 					/* darkblue_30P */
		--color-button-social-A: 			#191920;					/* darkblue */
		--color-button-social-B: 			hsl(334,85%,50%); 			/* pink */
		--color-button-setting-A: 			#474757;					/* darkblue_80P */
		--color-button-setting-B: 			#191920;					/* darkblue */
		--color-button-setting-C: 			hsl(334,85%,50%); 			/* pink */
		--color-keyboard-inactive: 			#a3a3b0;					/* darkblue_40P  */
		/* sitemap color */	
		--color-sitemap-border: 			#ffffff;					/* white */
		--color-sitemap-line: 				#dddde8;  					/* darkblue_15P */
		--color-sitemap-point: 				#babac6; 					/* darkblue_30P */
		--color-sitemap-point-pink: 	 	hsl(334,85%,50%); 			/* pink */
		--color-sitemap-point-white: 	 	#191920;					/* darkblue */
		/* portfolio imagehover color */
		--color-imagehover: 				#e8e8f3;					/* darkblue_10P */
		/* container color */		
		--color-container: 					#fff;						/* white */
		--color-container-dark: 			#e8e8f3;					/* darkblue_10P */
		/* color header */
		--color-header: 					rgba(255, 255, 255, 0.9);	/* white 90% */
		--color-header-work: 				rgba(232, 232, 243, 0.9);		/* color body 90% */
		/* cookiebanner */
		--color-cookiebanner: 				rgba(255, 0, 140, 0.9);		/* transparent pink*/
		--color-cookiebanner-text: 			#ffffff; 					/* pure white */
		--color-cookiebanner-text-hover: 	hsl(334,85%,50%); 			/* pink */
		--color-cookiebanner-text-hover: 	hsl(334,85%,50%); 			/* pink */	
		--color-cookiebanner-button-dark: 	#191920;					/* darkblue */
		--color-cookiebanner-button-light: 	#ffffff; 					/* pure white */
		/* cookisettings slidercolor*/ 
		--color-cookiesettings-inactive: 	#babac6; 					/* darkblue_30P */
		--color-cookiesettings-active: 		#191920;					/* darkblue */
		/* loader */
		--color-loader-logo: 				hsl(334,85%,50%); 			/* pink */	
		--color-loader-bar: 				hsl(334,85%,50%); 			/* pink */		
		/* opacity workjhover*/
		--opacity-workhover: 				0.1;
		/* cursor */
		--cursor-close: 					url("../_img/PW_cursor_light_link.svg");
		--cursor-down: 						url("../_img/PW_cursor_light_down.svg");
		--cursor-link: 						url("../_img/PW_cursor_light_link.svg");
		--cursor-lupe: 						url("../_img/PW_cursor_light_lupe.svg");
		--cursor-more: 						url("../_img/PW_cursor_light_more.svg");
		--cursor-move_x: 					url("../_img/PW_cursor_light_move_x.svg");
		--cursor-move_y: 					url("../_img/PW_cursor_light_move_y.svg");
		--cursor: 							url("../_img/PW_cursor_light_normal.svg");
		--cursor-reload: 					url("../_img/PW_cursor_light_reload.svg");
		--cursor-text: 						url("../_img/PW_cursor_light_text.svg");
		--cursor-up: 						url("../_img/PW_cursor_light_up.svg");
		--cursor-left: 						url("../_img/PW_cursor_light_left.svg");
		--cursor-right: 					url("../_img/PW_cursor_light_right.svg");
		/* loadmore icon */
		--load-icon: 						url("../_img/PW_loadmore_light.svg");
	}
	* {margin:0;padding:0; }
	
	html, body {
		min-height: 100vh;
		cursor: var(--cursor), auto;
   		-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	}
	body {
	  	background-color: var(--color-container-dark);
		-webkit-font-smoothing: antialiased;
		font-optical-sizing: auto;
		overflow-x: hidden !important;	
		line-height:120%;
	}

	img, picture, video, canvas, svg { max-width: 100%; }
	a { cursor: var(--cursor-link), auto; text-decoration: none; outline: none; }
	h1, h2, h3, h4, h5, h6 { width: fit-content; }

	.img-dark  { display:var(--img-dark); }
	.img-light { display:var(--img-light); }
/*	—————————————————————————————————————————————
	Special Container Main
	————————————————————————————————————————————— */
	.PW_sleep_container, 
	.PW_loader_container,
	.PW_shadow, 
	.PW_slidercontainer, 
	.PW_404_container,
	.PW_modal {
		width:100vw;
		height: 100%;
		position:fixed;
		justify-content: center;
		align-items: center;
		background-color: var(--overlay-main);
		transition: var(--transition-opacity-container);
		display: none;
		overflow:hidden;
	}
	.PW_slidercontainer_show { transition: left .6s ease-in, opacity .7s ease-in; } 
	.backstretch-item, .backstretch-item img { background-color: var(--color-container-dark); transition: var(--transition-background); }
/*	—————————————————————————————————————————————
	Preloader
	————————————————————————————————————————————— */
	.PW_loader_container, .PW_loader_bar, .PW_loader_logo, .PW_loader_percentage {
		opacity: 0;
		visibility: hidden;
		transition: var(--transition-fadeout-400ms);
	}
	.PW_loader_bar, .PW_loader_logo, .PW_loader_percentage { display: block; }
	.PW_loader_container { 
		z-index: 5000; 
		cursor: var(--cursor), auto;  
	}
    .PW_loader_bar {
		position: absolute;
/*		inset: auto auto 0 0; */
		bottom:0;
		left:0;
        height: 4px;
        width: 0;
        z-index: 1000;
        background: var(--color-loader-bar);
    }
    .PW_loader_logo {
		width: 70px;
		height: 70px;
		fill: var(--color-loader-logo);
    }
    .PW_loader_percentage {
		position: absolute;
/*		inset: auto auto auto 30px; */
		left: 20px;
		top:50%;
		transform: translate(0, -50%);	
		font: var(--weight-roboto-regular) var(--font-size-loadertext) var(--font-family-roboto);
		color: var(--color-typo-pink);
		transition: var(--transition-opacity-loader);
    }
/*	—————————————————————————————————————————————
	Container
	————————————————————————————————————————————— */
	[class*='PW_container-'] {
		position:relative;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
/*		padding: 80px 0 80px 0; */
		transition: var(--transition-background);
		background: var(--color-container);	
		padding-left: env(safe-area-inset-left);
    	padding-right: env(safe-area-inset-right);
		padding-top: env(safe-area-inset-top); */
    	padding-bottom: env(safe-area-inset-bottom);
		width: 100vw;
/*
		padding-top: env(safe-area-inset-top);
    	padding-bottom: env(safe-area-inset-bottom);
*/
	}
	.PW_container-slider {
		align-items:flex-end;
		padding-bottom: 0;
	}
	.PW_container-footer {
		margin-bottom: env(safe-area-inset-bottom);
		padding-bottom: 100px;
	}
	
	.fullsize { min-height: 100dvh; } 
	.halfsize { min-height: 50dvh; } 
	.quartersize { min-height: 25dvh; } 
	.morespace { padding-top: 280px;}
	
	.PW_containeranchor  { 
		position: absolute;
		outline: none;
		top:0;
	} 
	.PW_container-sitemap, .PW_container-disclaimer { padding-bottom: 200px; }
/*	—————————————————————————————————————————————
	Grid
	————————————————————————————————————————————— */
	.PW_contentbox {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		flex-basis: 100%;
		margin: 0;
		height: auto;
		max-width: 1600px;
		justify-content:flex-start;
		align-items:flex-start;	
		margin: 5px;
		padding: 80px 0 80px 0;
	}
	.footer { min-height: auto; }
	.row 	{ flex-direction: row; }
	.center { align-self: center; }

	.PW_item  {
		flex-grow: 0;
	 	flex-shrink: 0;
		flex-basis: 100%;	
		padding: 3px; 
	}
	.PW_item { flex-basis: 100%; }
	.PW_container-portfolio .PW_item { flex-basis: 50%;	}
/*	—————————————————————————————————————————————
	404 & Sleep 
	————————————————————————————————————————————— */
	.PW_404_container,
	.PW_sleep_container { 
		z-index: 6000; 
		background-color: var(--color-container);
	}
	.PW_404_box, .PW_sleep_box {
        color: var(--color-typo-normal);
        position: relative;
		flex-direction: column;
		margin: 10px;
		max-width: 1200px;
		transition: var(--transition-opacity-container);
		display: none;
		flex-direction: column;
		height: 70vh;
		justify-content: space-between;
		color: var(--color-typo-normal);
    }
	.PW_icon_404 .inner, .PW_sleepicon .inner { fill: var(--color-typo-pink); } 
	.PW_icon_404, .PW_sleepicon {
		height: auto;
		width: 80px;
		fill: var(--color-typo-normal);
		transition: var(--transition-main);
	}
	.PW_404_text  { font: var(--weight-crimson-regular) var(--font-size-404)/var(--line-height-normal) var(--font-family-crimson); }
	.PW_sleeptext { font: var(--weight-crimson-regular) var(--font-size-sleeptext)/var(--line-height-normal) var(--font-family-crimson); }

	.PW_404_text h2, .PW_sleeptext h2 { 
		font: var(--weight-roboto-regular) var(--font-size-h2) var(--font-family-roboto); 
		color: var(--color-typo-pink);  
	}
	.PW_404_text_footer, .PW_sleeptext_footer {
		display: flex;
		text-transform: uppercase;
		font: var(--weight-roboto-regular) var(--font-size-subtext) var(--font-family-roboto);
		color: var(--color-typo-subtext); 
	}
/*	—————————————————————————————————————————————
	Cookiebanner
	————————————————————————————————————————————— */
	.PW_cookiebanner {
		position:fixed;
		bottom: -100%; 
		display: flex; 
		justify-content: center;
		align-content: center;
		align-items: center;
		z-index:500;
		transition:var(--transition-cookiebanner);	
		margin-left: env(safe-area-inset-left);
    	margin-right: env(safe-area-inset-right);
		margin-top: env(safe-area-inset-top);
    	margin-bottom: env(safe-area-inset-bottom); 
		background-color: blue !important;
		visibility: hidden;
	}
	.PW_cookiebanner .PW_contentbox   {
		color: var(--color-cookiebanner-text);
		background: var(--color-cookiebanner);
		margin: 10px;
		padding: 10px; 
		font: var(--weight-roboto-regular) var(--font-size-text-small) var(--font-family-roboto);
		transition:var(--transition-main);
		width: 100%; 
		visibility: visible;
	}
	.PW_cookiebanner .PW_contentbox p {
		padding: 0 0 20px 0;
		display: inline-block;
	}
	.PW_cookiebanner .PW_contentbox .PW_item:nth-child(2) { margin: 25px 0 0 0; }
	.PW_cookiebanner .PW_contentbox a.PW_all_cookies,
	.PW_cookiebanner .PW_contentbox a.PW_essential_cookies{
		padding: 10px 20px 10px 20px;
		border-radius: 40px;
		border: 2px solid;
		max-width: 150px;
		text-align: center;
		display: inline-block;
	}
	.PW_cookiebanner .PW_contentbox a.PW_all_cookies {
		background: var(--color-cookiebanner-button-dark);
		color: var(--color-cookiebanner-text);
		border-color: var(--color-cookiebanner-button-dark);
		margin-right: 15px;
    }
	.PW_cookiebanner .PW_contentbox a.PW_essential_cookies {
		background: var(--color-cookiebanner);
		color: var(--color-cookiebanner-text);
		border-color: var(--color-cookiebanner-text);
    }
/*	—————————————————————————————————————————————
	Modal Window (WebP)
	————————————————————————————————————————————— */
	.PW_modal {
		position: fixed;	
		align-content: center;
		z-index: 600;
		height: 100%;
		padding-left: env(safe-area-inset-left);
    	padding-right: env(safe-area-inset-right);
		opacity: 0;
		transition:var(--transition-menu);
	}
	.PW_modal .PW_contentbox {
		flex-direction: row;
		color: var(--color-typo-normal);
		padding: 10px;
		font: var(--weight-roboto-regular) var(--font-size-normal) var(--font-family-roboto);
		transition:var(--transition-opacity-loader);
		max-width: 1000px;
		opacity: 0;
	}
	.PW_modal .PW_contentbox p {
		color: var(--color-typo-pink); 
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	.PW_modal_icon .inner { fill: var(--color-typo-pink); }
	.PW_modal_icon {
		height: 60px;
		width: auto;
		margin-bottom: 30px;
		fill: var(--color-typo-normal);
		transition:var(--transition-main);
	}
/*	—————————————————————————————————————————————
	Header
	————————————————————————————————————————————— */
	.PW_header, .PW_header_work {
		position: fixed;
		height: 55px;
		width: 100%;
		z-index: 50;
		transition: var(--transition-background); 
		margin-top: env(safe-area-inset-top); 
/*		padding-top: env(safe-area-inset-top);
		padding-bottom: env(safe-area-inset-bottom); */
/*		transition: none; */
	 }
	.PW_header { 
		background: var(--color-header); 
/*		inset: 100% auto auto 0; */
		top: 100%;
		left: 0;
	}
	.PW_header_work {
/*		inset: 0 auto auto 100vw;	*/
		top: 0;
		left: 100vw;
		opacity:0;
		background: var(--color-header-work); 
	}
	.sticky { 
		position: fixed;
		top: 0;
		visibility:visible;
	}
	.hidden { overflow: hidden; }

	.PW_iconheader {
		position: fixed;
		display: flex;
		align-items: center;
		justify-content:space-between;
		flex-shrink : 0;
/*		inset: 0 0 auto 0; */
		top: 0;
		right: 0;
		left: 0;
		z-index: 200;
		padding: 10px;
		height: 55px;
		transition: var(--transition-main);
		margin-left: env(safe-area-inset-left);
    	margin-right: env(safe-area-inset-right);
		margin-top: env(safe-area-inset-top);
    	margin-bottom: env(safe-area-inset-bottom);
	 }
	.PW_themeswitch_container {
		display: flex;
		align-items: center;
	}
/*	—————————————————————————————————————————————
	Wrapper
	————————————————————————————————————————————— */
	.PW_wrapper, .PW_wrapper_work {
		position: fixed;
		overflow-y: scroll;
		width: 100vw; 
		height: 100vh; 	
/*		padding-top: env(safe-area-inset-top); */
		margin-top: env(safe-area-inset-top);
/*    	margin-bottom: env(safe-area-inset-bottom); 
		padding-top: env(safe-area-inset-top);
    	padding-bottom: env(safe-area-inset-bottom);  */
	}
	.PW_wrapper { 
		display: block;
/*		inset: 0 auto auto 0; */
		top: 0;
		left: 0;
		opacity:1;	
	} 
	.PW_wrapper_work { 	
		opacity:0;
		left:100vw;
		top: 0;
	}	
/*	—————————————————————————————————————————————
	Ajax Transitions
	————————————————————————————————————————————— */
	.PW_ajax_show { transition: var(--transition-ajax-move), var(--transition-ajax-show) , var(--transition-background); }
	.PW_ajax_hide { transition: var(--transition-ajax-move), var(--transition-ajax-hide) , var(--transition-background); }
	.PW_ajax_imagefade { transition: var(--transition-ajax-fade); }
	.PW_portfolio_hide { left:-100vw; opacity:0; }	
	.PW_work_show { left:0; opacity:1; }	
	.PW_work_wrapper_show { position: absolute; }
/*	—————————————————————————————————————————————
	Buttons
	————————————————————————————————————————————— */	
	.PW_share {
		width: 50px;
		height: 50px;
		margin: 0 10px 0 0;
		z-index: 200;
	}
	.fade, .solid, .fade:hover, .solid:hover, 
	.solid_dark, .solid_dark:hover, 
	.inactive, .inactive:hover, 
	.button_active, .button_active:hover,
	.btn_hide, .btn_show, .clock_inactive, .clock_inactive:hover   {
		transition: var(--transition-main);
	}
	.fade 					{ fill: var(--color-button-fade); }
	.solid 					{ fill: var(--color-button-active); }
	.solid_dark 			{ fill: var(--color-button-active); }
	.inactive 				{ fill: var(--color-button-fade); cursor: var(--cursor), auto; !important; }
	.button_active 			{ fill: var(--color-button-hover); }
	.clock_inactive 		{ color: var(--color-button-fade); cursor: var(--cursor), auto; !important;  }

	.logofade { fill: var(--color-button-hover); }
	.PW_fadeout { opacity:0; visibility: hidden; }
	.PW_fadein  { opacity:1; visibility: visible; }

	.btn_hide { display: none; }
	.btn_show { display: inline; }
	.btn_show_flex { display: flex; }
	.btn_show_block { display: block; }

	.PW_clock_wrapper span { margin-right:10px; transition:var(--transition-main);}
	.PW_clock_wrapper {
		display: inline-flex;
		align-items: center;
		color: var(--color-typo-normal);
		font: var(--font-size-small) var(--font-family-roboto);
	}
	.PW_clock_active:hover::after {
		content: 'Localtime in Potsdam, Germany';
		position: absolute;
/*		inset: 60px 12px auto auto; */
		top:60px;
		right: 12px;
		padding: 5px 10px 5px 10px;
		background-color: var(--color-typo-pink);
		color: var(--color-typo-static-white);
	}
	.PW_headericon {
		width: 25px;
		height: 25px;
		z-index: 200;
	}
	.PW_logo { width: 30px; height: 30px; cursor: var(--cursor-reload), auto;}
	.PW_menuicon { width: 30px; height: 30px; cursor: var(--cursor-link), auto;}

	.PW_keyboard_headericon { 
		width: 19px;
		height: 19px;
		align-items: center;
		cursor: var(--cursor-link), auto;
		display: flex;
	}
	.PW_menubutton, .PW_buttoncontainer	{ width:35px; height: 35px; cursor: var(--cursor-move_y), auto; }
	.PW_closebutton,
	.PW_keyboard_close{ 
		width:35px; height: 35px; 
		cursor: var(--cursor-close), auto; 
	}
	.PW_themeswitch_box {
		display: inline-flex;
		margin-right: 10px;
		width: auto;
	}
	.PW_themeswitch input {
		opacity: 0;
		width: 0;
		height: 0;
	}
	.PW_themeswitch {
		position: relative;
		display: inline-flex;
		width: 42px;
		height: 22px;
	}
	.PW_themeswitch_slider {
		position: absolute;
/*		inset: 0 0 0 0; */
		top:0;
		right:0;
		bottom:0;
		left:0;
		transition:var(--transition-main);
		border: 1.2px solid var(--color-typo-normal);
		border-radius: 22px;
	}
	.PW_themeswitch_slider:before {
		position: absolute;
		content: '';
		height: 14px;
		width: 14px;
/*		inset: auto auto 3px 3px; */
		bottom: 3px;
		left: 3px;
		background-color: var(--color-typo-normal);
		transition:var(--transition-main);
		border-radius: 50%;
	}
	.PW_themeswitch input:checked + .PW_themeswitch_slider {
		border: 1px solid var(--color-typo-normal);
	}
	.PW_themeswitch input:checked + .PW_themeswitch_slider:before {
		transform: translateX(20px);
		background-color: var(--color-typo-normal);	
	}	
	.inactive_switch .PW_themeswitch_slider {
		border: 1.2px solid var(--color-button-fade);
	}
	.inactive_switch .PW_themeswitch_slider:before  {
		background-color: var(--color-button-fade);
	}
	.PW_themeswitch.inactive_switch input:checked + .PW_themeswitch_slider {
		border: 1.2px solid var(--color-button-fade);
	}
	.PW_themeswitch.inactive_switch input:checked + .PW_themeswitch_slider:before {
		background-color: var(--color-button-fade);
	}
	.PW_themeswitch  { cursor: var(--cursor-move_x), auto; }
	.inactive_switch  { cursor:var(--cursor), auto;  !important; }

	.PW_scrolltop, .PW_backlink, .PW_scrolltop_work  {
		position:fixed;
		z-index: 90;
		right:10px; 
		transition: var(--transition-main);
	}
	.PW_scrolltop, .PW_scrolltop_work	{
		bottom: 20px; 	
		width: 35px;
		height: auto;
		cursor: var(--cursor-up), auto;
		margin-left: env(safe-area-inset-left);
    	margin-right: env(safe-area-inset-right);
		margin-top: env(safe-area-inset-top);
 /*   	margin-bottom: env(safe-area-inset-bottom); */
	}
	.PW_backlink	{
		bottom: 80px; 
		height: 35px;
		width: auto;
	}
	.PW_firstscroll {
		width:50px;
		height: 25px;
		fill: var(--color-button-active);
		transition: var(--transition-main);
		position: absolute;
		z-index: 90;
		margin-bottom: 120px;
		cursor: var(--cursor-down), auto;
	}
/*	—————————————————————————————————————————————
	Typography 
	————————————————————————————————————————————— */
	[class*='PW_container-'] h1, h2, h3, h4, h5, h6, h7, b, i, strong, em  { text-transform: uppercase; }
	[class*='PW_container-'] h1 		{	font: var(--weight-roboto-regular) var(--font-size-h1) var(--font-family-roboto); }
	[class*='PW_container-'] h2 		{	font: var(--weight-roboto-regular) var(--font-size-h2) var(--font-family-roboto); }
	[class*='PW_container-'] h3, h4 	{	margin: 30px 0 5px 0; }
	[class*='PW_container-'] h3 		{	font: var(--weight-roboto-regular) var(--font-size-h3) var(--font-family-roboto); }
	[class*='PW_container-'] h4 		{	font: var(--weight-roboto-regular) var(--font-size-h4) var(--font-family-roboto); }
	[class*='PW_container-'] h5, h6, b, i, strong, em  	{	font: var(--weight-roboto-regular) var(--font-size-h3) var(--font-family-roboto); }

	[class*='PW_container-'] p {
		font: var(--font-size-normal)/var(--line-height-normal)  var(--font-family-crimson); 
		color: var(--color-typo-normal);	
	}	
	[class*='PW_container-'] a {
		font-family: 'Crimson Pro', serif;	
		color: var(--color-typo-normal);
	}
	[class*='PW_container-'] p>a {
		color: var(--color-typo-pink);
	}
	.uppercase { text-transform:uppercase; }
/*	—————————————————————————————————————————————
	Main Container
	————————————————————————————————————————————— */
/*  --------------------------
    Container - Single Work
    -------------------------- */
	.PW_container-work { min-height:100vh; }
	.loader  {	
		width: 70px;
		height: 70px;
		animation: heartbeat 1.4s linear infinite;
		fill: var(--color-typo-pink);
	}
	@keyframes heartbeat {	
		0%   {	transform: scale( .80 );	}
		25%  {	transform: scale( .80 );	}
		30%  {	transform: scale( 1.1 );	}
		50%  {	transform: scale( .95 );	}
		70%  {	transform: scale( 1.1 );	}
		100% {	transform: scale( .80 );	}
	}
	#PW_ajax_loader {
		top:0;
		min-height: 100vh;
		align-items: center;
		justify-content: center;
		transition:var(--transition-fadeout-1s);
		position: absolute;
		z-index: 2;
	}
	#PW_ajax_work { transition:var(--transition-fadeout-300ms); }

	.PW_container-work { background-color: var(--color-container-dark); color: var(--color-typo-normal); }

	.PW_container-work .PW_contentbox .PW_item:nth-child(2) { 
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0;
		width: 100%;
	}
	.PW_container-work h2 { color: var(--color-typo-normal); font-size:var(--font-size-workheader); margin-bottom: 5px; } 
	.PW_container-work i { color: var(--color-typo-pink); font-size:var(--font-size-workheader); margin: 0; } 

	.PW_container-work b { 
		display: block;
		margin: 20px 0 10px 0;
		color: var(--color-typo-subtext); 
		font-size:var(--font-size-subtext); 
	} 
	.PW_container-work span {
		display: block;
		text-transform: uppercase;
		font: var(--font-size-workheader) 'Roboto Condensed', sans-serif;
	} 
	.PW_container-work span:nth-child(1) { color: var(--color-typo-normal); margin-bottom: 5px; } 
	.PW_container-work span:nth-child(2) { color: var(--color-typo-pink); margin-bottom: 25px;  } 
	.PW_container-work img { 
		max-width: 90vw;
		max-height: 85vh; 
		height: auto;
		width: auto;
		margin: 0 auto;
		display: block;
		margin-bottom: 200px;
	} 
	.PW_item_work {
		display: flex;
		align-self: center;
		flex-direction: column;
	}

/*
	.PW_container-work .PW_theme_dark,
	.PW_container-work .PW_theme_light  { 
		display: flex;
		flex-direction: column;
	}
	.PW_container-work .PW_theme_dark img  { display:var(--work-dark); }
	.PW_container-work .PW_theme_light img { display:var(--work-light); } */
/*	.PW_container-work img[src$=".jpg"] { box-shadow: 0px 10px 40px -15px rgba(0,0,0,0.7) } */

	.PW_container-work strong { 
		color: var(--color-typo-tag);
		background: var(--color-typo-tag-background);
		padding: 5px 10px 5px 10px;
		margin: 5px 5px 5px 0;
		display: inline-flex;
		text-transform: uppercase;
		font: 600 var(--font-size-workcategory) var(--font-family-roboto);
	}
	.PW_container-work p  {	
		font: var(--weight-crimson-medium) var(--font-size-normal)/var(--line-height-normal)  var(--font-family-crimson);  
	}
	.PW_container-work p.EN { color: var(--color-typo-normal); margin: 40px 0 25px 0; max-width: 600px; } 
	.PW_container-work p.DE { color: var(--color-typo-pink); margin: 40px 0 40px 0; max-width: 600px; } 
	.PW_container-work p.EN a { border-bottom: 1px solid; color: var(--color-typo-normal); } 
	.PW_container-work p.DE a { border-bottom: 1px solid; color: var(--color-typo-pink); } 
	.PW_container-work .PW_contentbox .PW_item:nth-child(4)  {	padding-bottom: 100px; } 
/*  --------------------------
    Container - Slider
    -------------------------- */
	.PW_container-slider { background-color: var(--transparent); }
	.PW_slidercontainer  {
        top:0%;
        z-index:-1;
		display: block;
		padding-left: env(safe-area-inset-left);
    	padding-right: env(safe-area-inset-right);
		padding-top: env(safe-area-inset-top);
    	padding-bottom: env(safe-area-inset-bottom);
    }
/*  --------------------------
    Container - Intro
    -------------------------- */
	.PW_container-intro .PW_contentbox h1, 
	.PW_container-intro .PW_contentbox h2 { color: var(--color-typo-pink); margin-bottom: 15px; }
	.PW_container-intro .PW_contentbox p  {	
		font: var(--weight-crimson-semibold) var(--font-size-introtext)/var(--line-height-normal)  var(--font-family-crimson);  
	}
/*  --------------------------
    Container - Portfolio
    -------------------------- */
	.PW_container-portfolio .PW_contentbox .PW_item img {
		width:100%; 
		height: auto;
		transition: var(--transition-opacity-loader), var(--transition-background); 
		background-color: var(--color-imagehover);
		cursor: var(--cursor-lupe), auto;
	}
	.PW_container-portfolio .PW_contentbox .PW_item  {
		width:100%; 
		height: auto;
		transition: var(--transition-opacity-loader);
		display: flex;
  		position: relative;
	}
	.PW_container-portfolio .PW_contentbox .PW_imagehover {
		display:none; 
		flex-direction:column;
		color: var(--color-typo-pink);
/*		inset: 20px 20px 20px 20px; */
		top:20px;
		right:20px;
		bottom:20px;
		left:20px;
		position: absolute;
  		max-width: 100%;
	}
	.PW_container-portfolio .PW_contentbox .PW_imagehover span { 
		display: block;
		color: var(--color-typo-normal);
		text-transform: uppercase;
		font: var(--font-size-portfolio-hover)/130% var(--font-family-roboto);
	}
	.PW_container-portfolio .PW_contentbox .PW_item .PW_imagehover span:nth-child(1) { color: var(--color-typo-pink); }
	.PW_container-portfolio .PW_contentbox .PW_item:hover img { opacity:var(--opacity-workhover); }
	.PW_container-portfolio .PW_contentbox .PW_item:hover div { display:flex; }

	.PW_container-portfolio .PW_contentbox .pagination { 
		display: flex;
		flex-basis: 100%; 
		margin-top: 20px; 
	}
	.PW_container-portfolio .PW_contentbox .pagination a { 
		display: flex;
		align-items: center; 
		color: var(--color-typo-normal);
		transition:var(--transition-main); 
		cursor: var(--cursor-more), auto;
		text-transform: uppercase;
		font: var(--font-size-subtext) var(--font-family-roboto);
	}
	.PW_container-portfolio .PW_contentbox .pagination a::before { 
		margin-right: 30px;
		width: 30px;
		height:30px;
		content: '';
		background: var(--load-icon) , var(--color-typo-normal); 
		transition:var(--transition-background);
	}
/*  --------------------------
    Container - Quotes
    -------------------------- */
	.PW_container-quote .PW_contentbox .PW_the_quote {
		display: flex;
		align-content: center;
		justify-content:flex-start;
		color: var(--color-typo-pink);
		font: var(--weight-crimson-semibold) var(--font-size-quotetext)/var(--line-height-normal) var(--font-family-crimson);
	}
	.PW_container-quote .PW_contentbox .thequote  { color: var(--color-typo-normal); padding-left: 0.15rem;}
	.PW_container-quote .PW_contentbox .PW_the_quote span>span { color: var(--color-typo-pink); }
	.PW_the_quote, .PW_quoteinfo { transition: var(--transition-fadeout-300ms); }
	
	.PW_container-quote .PW_contentbox .PW_quoteinfo {
		display: flex;
		color: var(--color-typo-subtext);
		margin-top: 30px;
		font: var(--weight-roboto-regular) var(--font-size-quoteauthor) var(--font-family-roboto);
	}
	#PW_quote_click { cursor:var(--cursor-more), auto; }

	.PW_container-quote .PW_contentbox .PW_the_author { color: var(--color-typo-pink); }
	.PW_container-quote .PW_contentbox .PW_the_text { padding-left: 15px; }

	.PW_container-quote .PW_contentbox  { 
		justify-content: space-between;
		align-items: center;
		z-index: 1; 
	}
	.PW_previous_quote { cursor: var(--cursor-left), auto; }
	.PW_next_quote  { cursor: var(--cursor-right), auto; }

	.PW_container-quote .PW_contentbox .PW_item:nth-child(4) { 
		display: flex;
		flex-direction: column;
		flex-basis: 100%;
	}
	.PW_container-quote .PW_contentbox .PW_item:nth-child(3) { display: none;}
	.PW_container-quote .PW_contentbox .PW_item:nth-child(5) { display: none;} 
/*  --------------------------
    Container - About
    -------------------------- */
	.PW_container-about p 	{ 
		margin-top: 1.1em; 
		font-weight: var(--weight-crimson-regular);
		font: var(--weight-crimson-medium) var(--font-size-normal)/var(--line-height-normal)  var(--font-family-crimson); 
	}
	.PW_container-about .PW_contentbox { align-items: center; }
	.PW_container-about .PW_contentbox h2 { color: var(--color-typo-pink); }
	.PW_container-about .PW_contentbox img { 
		height: 350px;
		max-width: 250px; 
	}
/*  --------------------------
    Container - Fields
    -------------------------- */
	.PW_container-field .PW_contentbox { align-items: stretch; }

	.PW_container-field .PW_contentbox .PW_item img {
		width:auto; 
		height: 200px; 
		transition: var(--transition-opacity-loader);
	}
	.PW_container-field .PW_contentbox p { 
		color: var(--color-typo-normal);
		text-align: left;
		margin-bottom: 30px;
		padding-right: 20px;
		max-width: 90%;
		font: var(--weight-crimson-medium) var(--font-size-fields-text)/var(--line-height-normal) var(--font-family-crimson); ;
	}
	.PW_container-field .PW_contentbox h3 {
		font-size:var(--font-size-fields-header);
		color: var(--color-typo-pink);
	}
/*  --------------------------
    Container - Contact
    -------------------------- */
	.PW_container-contact .PW_contentbox h2 { color: var(--color-typo-normal); }
	.PW_container-contact .PW_contentbox b { color: var(--color-typo-pink); margin-bottom: 5px; display: inline-block;}
	.PW_container-contact .PW_contentbox p { 
		margin-top: 5px;
		color: var(--color-typo-subtext); 
		font: var(--weight-roboto-regular) var(--font-size-subtext) var(--font-family-roboto);
	}
	.PW_contact_icon .PW_share {
		width: 50px;
		height: 50px;
		margin: 50px 0 5px 0;
	}
	.PW_container-contact .PW_contentbox a { 
		font: var(--weight-crimson-regular) var(--font-size-contactlink) var(--font-family-crimson); 
	}
	.PW_container-contact .PW_contentbox a.PW_contact_icon { 
		font: var(--weight-crimson-regular) var(--font-size-contactlink) var(--font-family-crimson); 
		margin-right: 10px;
	}
/*  --------------------------
    Container - Map
    -------------------------- */
	.PW_container-map .PW_contentbox  { 
		color: var(--color-typo-normal);
		align-items: center; 
	}
	.PW_container-map .PW_contentbox img { 
		margin-bottom: 40px;
		width: auto;
		height: 50vh;
	}
	.PW_container-map .PW_contentbox p:nth-child(1) { line-height: 80%; margin: 0; }
	.PW_container-map .PW_contentbox p { 
		margin-top: 30px;
		font: var(--weight-crimson-semibold) var(--font-size-maptext)/var(--line-height-normal) var(--font-family-crimson) ; 
	}
	.PW_container-map .PW_contentbox strong { 
		color: var(--color-typo-pink);
		font: var(--weight-roboto-regular) var(--font-size-h2) var(--font-family-roboto); 
	}
/*  --------------------------
    Container - Holiday
    -------------------------- */
	.PW_container-holiday .PW_contentbox .PW_item h2 { color: var(--color-typo-pink); margin-bottom: 5px; }			
	.PW_container-holiday .PW_contentbox .PW_item {
		flex-basis:50%;
		width: 100%;
	}
	.PW_container-holiday .PW_contentbox .PW_item:nth-child(2),
	.PW_container-holiday .PW_contentbox .PW_item:nth-child(19) { flex-basis:100%; }

	.PW_container-holiday .PW_contentbox .PW_item:nth-child(2) p {
		color: var(--color-typo-normal);
		max-width: 800px;
		margin-bottom: 40px;
		font: var(--weight-crimson-medium) var(--font-size-normal)/var(--line-height-normal) var(--font-family-crimson);
	}		
	.PW_container-holiday .PW_contentbox .PW_item .berlin 		{ color: var(--color-typo-normal); }
	.PW_container-holiday .PW_contentbox .PW_item .brandenburg 	{ color: var(--color-typo-normal); }
	.PW_container-holiday .PW_contentbox .PW_item .complete 	{ color: var(--color-typo-pink); } 
	.PW_container-holiday .PW_contentbox .PW_item .other 		{ color: var(--color-typo-subtext); }
	.PW_container-holiday .PW_contentbox .PW_item .pink 	{ background-color: var(--color-typo-pink); }
	.PW_container-holiday .PW_contentbox .PW_item .white 	{ background-color: var(--color-typo-normal);}
	.PW_container-holiday .PW_contentbox .PW_item .dark 	{ background-color: var(--color-typo-subtext); }
			
	.PW_container-holiday .PW_contentbox .PW_holiday { 
		margin-top: 30px;
		border-bottom: 2px solid var(--color-sitemap-line); 
		font: var(--weight-roboto-medium) 3rem var(--font-family-roboto);
		display: inline-block;
		width: 50%;
	}
	.PW_container-holiday .PW_contentbox .PW_holiday_date, .PW_container-holiday .PW_contentbox .PW_holiday_text {
		color: var(--color-typo-subtext);	
		font: var(--weight-roboto-regular) var(--font-size-subtext) var(--font-family-roboto);
	}
	.PW_container-holiday .PW_contentbox .PW_holiday_date 	{ margin: 10px 0 5px 0; }
	.PW_container-holiday .PW_contentbox .PW_holiday_text 	{ color: var(--color-typo-normal); margin-bottom: 10px; }
			
	.legend:nth-child(1) { margin-top: 40px; }
	.legend {
		margin-bottom: 8px;
		display: flex;
		align-items: center;
	}
	.day-point {
		width: 15px;
		height: 15px;
		border-radius: 50%;
		background-color: var(--pink);
		margin-right: 10px;
	}
	.day-name {
		color: var(--color-typo-subtext);	
		font: var(--font-size-subtext) var(--font-family-roboto);
	}
	.blink { 
		animation: blinker 1.9s linear infinite; 
		color: var(--color-typo-pink); 

	}
    @keyframes blinker { 50% { opacity: 0;  } }
/*  --------------------------
    Container - Imprint
    -------------------------- */
	.PW_container-imprint .PW_contentbox h2 { color: var(--color-typo-normal); margin-bottom: 5px; }
	.PW_container-imprint .PW_contentbox h3, .PW_container-imprint .PW_contentbox h4 { color: var(--color-typo-pink); }
	.PW_container-imprint .PW_contentbox p  { 
		font: var(--weight-crimson-regular) var(--font-size-imprint) var(--font-family-crimson); 
		margin-bottom: 5px; 
	} 
	.PW_container-imprint .PW_contentbox p:nth-child(2),
	.PW_container-imprint .PW_contentbox p:nth-last-child(2) { 
		color: var(--color-typo-subtext); 
		font: var(--weight-roboto-regular) var(--font-size-subtext) var(--font-family-roboto);
	}
	.PW_container-imprint .PW_contentbox .PW_item p a { color: var(--color-typo-normal); }
	.PW_container-imprint .PW_contentbox .PW_item p:nth-child(2) { margin-bottom:3em; }
	.PW_container-imprint .PW_contentbox .PW_item p:nth-child(4),
	.PW_container-imprint .PW_contentbox .PW_item p:nth-child(6),
	.PW_container-imprint .PW_contentbox .PW_item p:nth-child(10) { margin-bottom:2em;}
/*  --------------------------
    Container - Sitemap
    -------------------------- */
	.PW_container-sitemap .PW_contentbox h2 { color: var(--color-typo-normal); margin-bottom: 5px; }
	.PW_container-sitemap .PW_contentbox p { 
		color: var(--color-typo-subtext); 
		margin-bottom: 60px;
		font: var(--font-size-subtext) var(--font-family-roboto);
	}
	.PW_container-sitemap .PW_contentbox .PW_item { width: 100%; }
	.PW_container-sitemap .PW_contentbox .timeline {
		position: relative;
/*		margin-top: 40px; */
		width: fit-content;
	}
	.PW_container-sitemap .PW_contentbox .timeline ul li {
		margin: 0 0 15px -7px;
		list-style-type: none;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.PW_container-sitemap .PW_contentbox .timeline ul li:nth-child(3)  { margin-bottom: 30px; }
	.PW_container-sitemap .PW_contentbox .timeline .the_works  { margin-bottom: 15px; }
	.PW_container-sitemap .PW_contentbox .timeline .workspacer  { padding-right: 10px; }
	.PW_container-sitemap .PW_contentbox .timeline ul li:nth-last-child(7) { margin-top: 30px; }
	.PW_container-sitemap .PW_contentbox .timeline ul li:nth-last-child(1) { margin-bottom: 0; }

	.PW_container-sitemap .PW_contentbox .point {
		width: 26px;
		height: 26px;
		background-color: var(--color-sitemap-point);
		border-radius: 100%;
		border: 4px var(--color-sitemap-border) solid;
		position: relative;
		left: 3px;
	}
	.PW_container-sitemap .PW_contentbox { transition:var(--transition-main); }
	.PW_container-sitemap .PW_contentbox .point-work {
		width: 18px;
		height: 18px;
		background-color: var(--color-sitemap-border);
		border-radius: 100%;
		border: 2px var(--color-sitemap-point) solid;
	}
	.PW_container-sitemap .PW_contentbox .timeline ul li .content { padding: 0 15px; }
	.PW_container-sitemap .PW_contentbox .timeline .content a {
		color: var(--color-sitemap-point);
		transition:var(--transition-main);
		font: var(--font-size-sitemap-link) var(--font-family-roboto);
	}
	.PW_container-sitemap .PW_contentbox .timeline::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 2px;
		left: 8px;
		background-color: var(--color-sitemap-line);
	}
/*  --------------------------
    Container - Disclaimer
    -------------------------- */
	.PW_container-disclaimer .PW_contentbox h2 { color: var(--color-typo-normal); margin-bottom: 5px; }
	.PW_container-disclaimer .PW_contentbox h3 { 
		color: var(--color-typo-pink);
		font-size: var(--font-size-h3);
	}
	.PW_container-disclaimer .PW_contentbox p { 
		color: var(--color-typo-subtext); 
		font: var(--font-size-disclaimer-text)/130% var(--font-family-roboto);
	}
/*  --------------------------
    Container - Settings
    -------------------------- */
	.PW_container-settings .PW_contentbox .PW_item p  { 
		color: var(--color-typo-subtext); 
		font: var(--font-size-footer-text)/130% var(--font-family-roboto); 
		text-transform: uppercase;
	}
	.PW_container-settings .PW_contentbox .PW_item .active {
		color: var(--color-typo-pink);
		border-bottom: 7px solid #ed1e79; 
	}
	.PW_container-settings .PW_contentbox {
		padding-bottom: 20px;
	}
	.PW_footericon {
		fill: var(--color-button-fade);
		width: 30px;
		height: 30px;
		margin-right:30px;
	}
	.PW_container-settings .PW_contentbox .PW_item a.socialshare {
		border:none;
		margin-right:0;
		cursor: var(--cursor-link), auto;
	}
	.PW_container-settings .PW_contentbox .PW_item .PW_share {
		width: 30px;
		height: 30px;	
	}
	.PW_item .PW_icon_keyboard {
		height: 67px;
		width: auto;
		cursor: var(--cursor-link), auto;
	}
	.PW_item .PW_icon_keyboard .active,
	.PW_item .PW_icon_keyboard .inactive {
		fill: var(--color-button-fade);
		transition: var(--transition-main);
		cursor: var(--cursor-link), auto;
	}
	.PW_item .PW_icon_keyboard:hover .active {
		fill: var(--color-button-active);
	}
	.PW_item .PW_icon_keyboard:hover .inactive {
		fill: var(--color-keyboard-inactive);
	}
	.PW_container-settings .PW_contentbox .PW_item:nth-child(2)  { 
		flex-basis: 50%; 
		align-self: flex-end;
	}
	.PW_container-settings .PW_contentbox .PW_item:nth-child(3)  { 
		flex-basis: 50%; 
		align-self: flex-end;
		text-align: end;
	}
	.PW_container-settings .PW_contentbox .PW_item:nth-child(4)  { 
		padding-top: 50px;
		flex-basis: 100%; 
	}
	.PW_container-settings .PW_contentbox .PW_item:nth-child(4) a {
		text-transform: uppercase;
		color: var(--color-typo-normal);
		border-bottom: 2px solid var(--color-typo-normal);
		transition:var(--transition-main);
		margin-right: 10px;
		padding-bottom: 4px;
		cursor: var(--cursor-down), auto;
		font: var(--weight-roboto-regular) var(--font-size-footer-link)/2.5em var(--font-family-roboto);
	}	
	.PW_container-settings .PW_contentbox .PW_item:nth-child(4) a.active {
		color: var(--color-typo-pink);
		border-bottom: 7px solid #ed1e79; 
	}
/*  --------------------------
    Container - Cookie & Privacy - Accordion
    -------------------------- */
	.PW_accordion {	padding: 0px; }	
	.PW_accordion_DE_body,
	.PW_accordion_EN_body,
	.PW_accordion_Cookie_body {
		display: grid; 
		grid-template-rows: 0fr;
		transition: 0.6s grid-template-rows ease;
		width: 100%;
		max-width: 1600px;
	}
	.PW_accordion_DE_body > div,
	.PW_accordion_EN_body > div,
	.PW_accordion_Cookie_body > div { overflow: hidden; display: flex;}

	.PW_accordion_show { grid-template-rows: 1fr; }
/*  --------------------------
    Container - Cookie & Privacy
    -------------------------- */
	.PW_container-cookie, 
	.PW_container-privacy_DE,
	.PW_container-privacy_EN {
		background-color: var(--color-container-dark); 
		transition: var(--transition-main);
		color:var(--color-typo-settings); 
		font: var(--font-size-privacy-text) var(--font-family-roboto);
		padding-left: env(safe-area-inset-left);
    	padding-right: env(safe-area-inset-right);
/*		padding-top: env(safe-area-inset-top); */
/*    	padding-bottom: env(safe-area-inset-bottom); */
	}
	.PW_container-cookie .PW_contentbox .PW_item,
	.PW_container-privacy_EN .PW_contentbox .PW_item,
	.PW_container-privacy_DE .PW_contentbox .PW_item { max-width: 650px;}

	.PW_container-cookie .PW_contentbox,
	.PW_container-privacy_EN .PW_contentbox,
	.PW_container-privacy_DE .PW_contentbox { flex-direction: row; }

	.PW_cookieicon, .PW_privacyicon { width: 40px; height: 40px;}
	.PW_privacyicon {margin-left: -7px;}
	.PW_cookieicon .outline, .PW_privacyicon .outline { fill:var(--color-button-setting-A);}
	.PW_cookieicon .pink, .PW_privacyicon .pink { fill:var(--color-button-setting-C)}
	.PW_cookieicon .white, .PW_privacyicon .white { fill:var(--color-button-setting-B);}

	.PW_container-cookie .PW_contentbox .PW_item:nth-child(2),
	.PW_container-privacy_EN .PW_contentbox .PW_item:nth-child(2),
	.PW_container-privacy_DE .PW_contentbox .PW_item:nth-child(2) { 
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 20px;
	}
	.PW_container-cookie .PW_contentbox .PW_item:nth-child(3) { margin-bottom: 80px;}
	.PW_container-cookie .PW_contentbox .PW_item:nth-child(4) { margin-bottom: 110px;}

	.PW_container-cookie .PW_contentbox p, 
	.PW_container-privacy_DE .PW_contentbox p,
	.PW_container-privacy_EN .PW_contentbox p {
		color:var(--color-typo-settings); 
		margin-bottom: 1rem;
		font: var(--font-size-privacy-text)/130% var(--font-family-roboto);
	}
	.PW_container-cookie .PW_contentbox h4,
	.PW_container-privacy_EN .PW_contentbox h4,
	.PW_container-privacy_DE .PW_contentbox h4 { 
		color:var(--color-typo-normal); margin:0; margin-left: 15px;
	}
	.PW_container-cookie .PW_contentbox i,
	.PW_container-privacy_EN .PW_contentbox i,
	.PW_container-privacy_DE .PW_contentbox i { 
		color:var(--color-typo-pink);
		display: block;
		margin: 30px 0 5px 0;
	}
	.PW_container-privacy_EN .PW_contentbox .h6,
	.PW_container-privacy_DE .PW_contentbox .h6 { 
		color:var(--color-typo-normal); 
		display: block;
		margin: 30px 0 10px 0;
	}
	.PW_container-privacy_EN .PW_contentbox .h7,
	.PW_container-privacy_DE .PW_contentbox .h7 { 
		color:var(--color-typo-pink); 
		display: block;
		margin: 10px 0 5px 0;
	} 
	.PW_container-cookie .PW_contentbox,
	.PW_container-privacy_EN .PW_contentbox,
	.PW_container-privacy_DE .PW_contentbox {
		padding: 80px 0 80px 0;
		max-width: 650px;
	}
	.PW_container-cookie .PW_contentbox .switch input {
		opacity: 0;
		width: 0;
		height: 0;
	} 
	.PW_container-cookie .PW_contentbox .switch {
		display: block;
		width: 75px;
		height: 36px;
	}
	.PW_container-cookie .PW_contentbox .slider {
		cursor: var(--cursor-move_x), auto;
/*		inset: 0 0 0 0; */
		top:0;
		right:0;
		bottom:0;
		left:0;
		transition:var(--transition-main);
		border: 1.5px solid var(--color-cookiesettings-inactive);
		border-radius: 20px;
		display: block;
		width: 62px;
		height: 30px;
	}
	.PW_container-cookie .PW_contentbox .slider:before {
		content: "";
		height: 21px;
		width: 21px;
		background-color: var(--color-cookiesettings-inactive);
		transition:var(--transition-main);
		border-radius: 50%;
		display: block;
		margin: 3px 0 0 2px;
	}
	.PW_container-cookie .PW_contentbox input:checked + .slider {
		background-color: var(--color-typo-pink); 
		border: 1.5px solid var(--color-cookiesettings-active); 
	}
	.PW_container-cookie .PW_contentbox input:checked + .slider:before {
		transform: translateX(33px);
		background-color: var(--color-cookiesettings-active); 
	} 
	.PW_container-cookie .PW_buttonbox a {
		margin:0 15px 0 0;
		padding: 8px 10px 8px 10px;
		border-radius: 30px;
		border: 2px solid;
		text-align: center;
		font-family: 'Roboto Condensed', sans-serif;
		transition:var(--transition-main);
		background: var(--color-typo-normal);
		color: var(--color-typo-buttontext);
		border-color: var(--color-typo-normal);
	}
	.PW_container-cookie .PW_buttonbox .a.PW_save_settings  { margin: 0; } 

	.PW_container-privacy_EN .PW_item ul,
	.PW_container-privacy_DE .PW_item ul {
		color:var(--color-typo-settings); 
		font: var(--font-size-privacy-text) var(--font-family-roboto);
		margin-top: 1em;
    }
    .PW_container-privacy_EN .PW_item  ul li,
	.PW_container-privacy_DE .PW_item  ul li {
        list-style: none;
        position: relative;
        padding: 0 0 0 20px;
        margin-bottom: 1em;
    }
    .PW_container-privacy_EN .PW_item ul li::before,
	.PW_container-privacy_DE .PW_item ul li::before {
        content: '';
        position: absolute;
/*		inset: 8px auto auto 0; */
		top: 8px;
		left:0;
        width: 4px;
        height: 4px;
        border-radius: 4px;
        background-color: var(--color-typo-pink);
    }
	.PW_container-privacy_EN .PW_item a,
	.PW_container-privacy_DE .PW_item a {
        color: var(--color-typo-pink);
		font: var(--font-size-privacy-text) var(--font-family-roboto);
    }
/*  --------------------------
    Container - Footer
    -------------------------- */
	.PW_container-footer .PW_contentbox  { 
		color: var(--color-typo-subtext); 
		font: var(--font-size-subtext)/normal var(--font-family-roboto);
	}
	.PW_container-footer .PW_contentbox .PW_item:nth-child(2) { text-align: left; margin-bottom: 5px; }
	.PW_container-footer .PW_contentbox .PW_item:nth-child(3) span { color: var(--color-typo-pink); }
/*	—————————————————————————————————————————————
	Hover Classes for Touch Devices
	————————————————————————————————————————————— */
	.solid_hover 			{ fill: var(--color-button-hover); }
	.fade_hover 			{ fill: var(--color-button-hover); }
	/* load more - hover works */
	.PW_container-portfolio .PW_contentbox .pagination a:hover { color: var(--color-typo-pink); }
	.PW_container-portfolio .PW_contentbox .pagination a:hover::before { background-color: var(--color-typo-pink); }
	/* keyboard portfolio hover */
	.selected { scroll-margin-top: 50px; }
	.selected img { opacity:var(--opacity-workhover); }
	.PW_container-portfolio .PW_contentbox .selected .PW_imagehover { display:flex; }

	@media (hover: none) {
		.PW_container-sitemap .PW_contentbox .timeline li .point {
			background-color: var(--color-sitemap-point-pink);
			transition:var(--transition-main);
		}
		.PW_container-sitemap .PW_contentbox .timeline li .point-work {
			border-color: var(--color-sitemap-point-white);
			transition:var(--transition-main);
		}
	}
/*	—————————————————————————————————————————————
	Media Queries
	————————————————————————————————————————————— */
	@media only screen and (min-width: 300px) {	
		.PW_container-about .PW_contentbox .PW_item:nth-child(2) { margin-bottom: 100px; }
	}
	@media only screen and (min-width: 700px) {
		.PW_container-about .PW_contentbox .PW_item:nth-child(2) { margin-bottom: 100px; }
		/* typo */
		:root {
			--font-size-h1: 1.5rem;
			--font-size-h2: 1.5rem;
			--font-size-h3: 1.4rem;
			--font-size-h4: 1.4rem;
			--font-size-normal: 1.25rem;
			--font-size-sleeptext: 2.2rem;
			--font-size-countertext: 3.0rem;
			--font-size-countertext-small: 1.2rem;
			--font-size-introtext: 2.0rem;
			--font-size-quotetext: 2.7rem; 
			--font-size-quoteauthor: 1.25rem;
			--font-size-contactlink: 1.9rem;
			--font-size-menulink: 1.5rem;
			--line-height-menulink: 2.4rem;
			--font-size-404: 1.7rem;
			--font-size-workheader: 1.5rem;
			--font-size-maptext: 2.5rem;
			--font-size-imprint: 1.4rem;
			--font-size-header-small:1.0rem;
			--font-size-text-small: 1.0rem;
			--font-size-button-small: 1rem;
			--font-size-fields-header: 1.4rem;
			--font-size-footer-link: 1.1rem;
			--font-size-sitemap-link: 1.1rem;	
		}
		/* cookiebanner */
		.PW_cookiebanner .PW_contentbox { margin: 15px; }
		/* header */
		.PW_iconheader { padding:15px; }
		.PW_clock_wrapper:hover::after { 
/*			inset: 65px 18px auto auto; */
			top: 65px;
			right:18px;
		}
		.PW_header, .PW_header_work, .PW_iconheader { height: 65px; }
		.PW_buttoncontainer	 { margin-left: 60px; }
		.PW_logo { margin-right: auto; }
		.PW_icon_clock { display: inline-block;}
		.PW_clock_wrapper { margin-left: 60px; }
		.PW_sleepicon { width: 90px; margin-bottom: 30px; }
		/* contact */
		.PW_contact_icon .PW_share { margin: 70px 0 0 0; }
		/* grid */
		.PW_container-portfolio .PW_item { flex-basis: 33.33333333%; } 
		.PW_container-holiday .PW_contentbox .PW_item { flex-basis: 33.33333333%; } 
		.PW_contentbox { margin: 8px; }
		.PW_item { padding: 7px; }
		/* about */
		.PW_container-about .PW_contentbox img { height: 350px; max-width: 350px; }
		/* fields */
		.PW_container-field .PW_item { flex-basis: 50%; }
		/* disclaimer */
		.PW_container-disclaimer .PW_item { flex-basis: 70%; }
		/* cookie + privacy */
		.PW_cookieicon, .PW_privacyicon { width: 40px; height: 40px;}
		/* portfolio imagehover */
		.PW_container-portfolio .PW_contentbox .PW_imagehover { 
	/*		inset: 25px 25px 25px 25px; */
			top: 25px;
			right: 25px;
			bottom: 25px;
			left: 25px;
		}
		/* 404 & sleep*/
		.PW_404_box, .PW_sleep_box { margin: 15px; }
		.PW_icon_404, .PW_sleepicon { width: 100px; }
		/* images */
		.PW_container-field .PW_contentbox .PW_item img { height: 250px;}
		.PW_container-map .PW_contentbox img { height: 60vh; }
		/* headericon keyboard */
		.PW_keyboard_headericon { 
			margin-left: 60px;
			width: 21px;
			height: 21px;
		}
	@media only screen and (min-width: 1024px) {
		.PW_container-about .PW_contentbox .PW_item:nth-child(2) { margin-bottom: 0; }
		/* typo */
		:root {
			--font-size-h1: 1.6rem;
			--font-size-h2: 1.6rem;
			--font-size-h3: 1.4rem;
			--font-size-h4: 1.4rem;
			--font-size-subtext: 1.2rem;
			--font-size-small: 1rem;
			--font-size-normal: 1.4rem;	
			--font-size-sleeptext: 2.4rem;
			--font-size-loadertext: 1.8rem;
			--font-size-countertext: 4.0rem;
			--font-size-introtext: 3.0rem;
			--font-size-quotetext: 2.8rem;
			--font-size-quoteauthor: 1.4rem;
			--font-size-contactlink: 2.3rem;
			--font-size-menulink: 1.6rem;
			--line-height-menulink: 2.6rem;
			--font-size-404: 1.9rem;
			--font-size-workheader: 1.6rem;
			--font-size-workcategory: 1.2rem;
			--font-size-maptext: 2.7rem;
			--font-size-portfolio-hover: 1.5rem;	
			--font-size-disclaimer-text: 1.1rem;
			--font-size-footer-text: 1.05rem;
			--font-size-footer-link: 1.05rem;	
			--font-size-privacy-header: 1.2rem;
			--font-size-privacy-text: 1rem;
		}
		/* portfolio */
		.PW_container-portfolio .PW_item { flex-basis: 25%; }
		/* grid */
		.PW_container-holiday .PW_contentbox .PW_item { flex-basis:25%; }
		.PW_container-about .PW_item , .PW_container-field .PW_item { flex-basis: 50%; }
		/* about */
		.PW_container-about .PW_item:nth-child(2) { order: 2; display: inline-flex; justify-content: flex-end;}
		.PW_container-about .PW_item:nth-child(1) { order: 1; }
		.PW_container-about .PW_contentbox img { height: 450px;  }
		/* field */
		.PW_container-field .PW_item { flex-basis: 33.33333333%; }
		/* social icon */
		.PW_contact_socialicon { width:65px; height: 65px; margin-top: 60px; }
		/* map */
		.PW_container-map .PW_item:nth-child(2) { flex-basis: 50%; order: 2; display: inline-flex; justify-content: flex-end; }
		.PW_container-map .PW_item:nth-child(3) { flex-basis: 50%; order: 1; }
		/* footer */
		.PW_container-footer .PW_contentbox { padding: 7px;}
		.PW_container-footer .PW_item { margin: 5px 0 5px 0; padding: 0; }
		.PW_container-footer .PW_item:nth-child(2), 
		.PW_container-footer .PW_item:nth-child(3) { flex-basis: 48%; }
		.PW_container-footer .PW_item:nth-child(2) { margin-right: 4%;}
		.PW_container-footer .PW_contentbox .PW_item:nth-child(3) { text-align: right;}
		/* firstscroll*/
		.PW_firstscroll  { width:75px; height: 38px; }	
		/* quote */
		#PW_quote_click { padding:0;}
		.PW_container-quote .PW_contentbox { padding: 6px;}
		.PW_container-quote .PW_previous_quote,
		.PW_container-quote .PW_next_quote { width:22px; }
		.PW_container-quote .PW_contentbox .PW_item:nth-child(3), 
		.PW_container-quote .PW_contentbox .PW_item:nth-child(5) { flex-basis:10%; display: flex; padding: 0; }	
		.PW_container-quote .PW_contentbox .PW_item:nth-child(5) { justify-content: flex-end; }	
		.PW_container-quote .PW_contentbox .PW_item:nth-child(4) { flex-basis: 80%; }		
		/* loader */
		.PW_loader_logo { width: 80px; height: 80px; }
		/* 404 & sleep*/
		.PW_icon_404, .PW_sleepicon { width: 120px; }
		/* footer */
		.PW_container-settings .PW_contentbox .PW_item .PW_share { width: 35px; height: 35px; }
		/* images */
		.PW_container-field .PW_contentbox .PW_item img { height: 200px;}
		.PW_container-map .PW_contentbox img { height: 60vh; }
		.PW_container-map .PW_contentbox .PW_item:nth-child(1) { text-align: end;}
		/* keyboard icon */
		.PW_item .PW_icon_keyboard { height: 76px; }
		/* modal window */
		.PW_modal_icon { height: 70px; }
	}
	@media only screen and (min-width: 1300px) {
		/* typo */
		:root {
			--font-size-h1: 1.8rem;
			--font-size-h2: 1.8rem;
			--font-size-small: 1.1rem;
			--font-size-normal: 1.5rem;
			--font-size-sleeptext: 2.6rem;
			--font-size-countertext: 4.5rem;
			--font-size-introtext: 3.3rem;
			--font-size-quotetext: 3.2rem;
			--font-size-quoteauthor: 1.5rem;
			--font-size-contactlink: 2.5rem;
			--font-size-menulink: 1.8rem;
			--line-height-menulink: 2.9rem;
			--font-size-404: 2.1rem;
			--font-size-workheader: 2.0rem;
			--font-size-maptext: 3.0rem;
			--font-size-imprint: 1.6rem;
			--font-size-portfolio-hover: 1.7rem;	
			--font-size-header-small:1.1rem;
			--font-size-text-small: 1.1rem;
			--font-size-button-small: 1.1rem;
			--font-size-fields-header: 1.5rem;
			--font-size-fields-text: 1.2rem;
			--font-size-disclaimer-header: 1.5rem;
			--font-size-footer-text: 1.0rem;
			--font-size-footer-link: 1.1rem;		
			--font-size-sitemap-link: 1.2rem;
		}
		/* cookiebanner */
		.PW_cookiebanner .PW_contentbox { margin: 20px; padding: 15px; }
		/* header */
		.PW_iconheader { padding:20px; }
		.PW_header, .PW_header_work, .PW_iconheader { height: 75px; }
		.PW_clock_wrapper:hover::after { top: 75px; right:22px; }
		/* icons */
		.PW_buttoncontainer	{margin-left: 70px; height: 40px; width: 40px; }
		.PW_menubutton, .PW_closebutton, .PW_keyboard_close	{ width: 40px; height: 40px;}
		.PW_headericon {width: 30px; height: 30px; }	
		.PW_keyboard_headericon { width: 25px; height: 25px; margin-left: 70px; }	
		.PW_logo, .PW_menuicon { width: 35px; height: 35px; }
		.PW_clock_wrapper { margin-left: 70px; }
		.PW_icon_clock { margin-left: 15px; }
		
		.PW_firstscroll  { width:75px; height: 38px; }
		.PW_container-portfolio .PW_contentbox .pagination a::before { width: 35px; height:35px; }
		/* container work */
	/*	.PW_container-work { padding-top: 100px; } */
		/* grid */
		.PW_contentbox { margin: 10px; }
		.PW_item { padding: 10px; }
		/* themeswitcher */
		.PW_themeswitch_box {
			margin-right: 15px;
			height: 23px;
			top: 0;
		}
		.PW_themeswitch {
			width: 50px;
			height: 24px;
		}
		.PW_themeswitch_slider {
			border: 1.5px solid var(--color-typo-normal);
			border-radius: 12px;
		}
		.PW_themeswitch_slider:hover,
		.PW_themeswitch input:checked + .PW_themeswitch_slider:hover {
			border: 1.5px solid var(--color-typo-pink);
		}
		.PW_themeswitch_slider:before {
			height: 16px;
			width: 16px;
/*			inset: auto auto 2.5px 2.5px; */
			bottom: 2.5px;
			left: 2.5px;
		}
		.PW_themeswitch input:checked + .PW_themeswitch_slider {
			border: 1.5px solid var(--color-typo-normal);
		}
		.PW_themeswitch input:checked + .PW_themeswitch_slider:before {
			transform: translateX(26px);
		}	
		.inactive_switch .PW_themeswitch_slider {
			border: 1.5px solid var(--color-button-fade);
		}
		.PW_themeswitch.inactive_switch input:checked + .PW_themeswitch_slider {
			border: 1.5px solid var(--color-button-fade);
		}
		/* sleep*/
		.PW_sleepicon { width: 110px; margin-bottom: 50px; }
		/* typo */
		.PW_container-disclaimer .PW_item {	flex-basis: 50%; }	
		/* quote */
		.PW_container-quote .PW_contentbox { padding: 6px;}
		.PW_container-quote .PW_previous_quote,
		.PW_container-quote .PW_next_quote { width:30px; }
		/* contact */
		.PW_contact_icon .PW_share { width: 70px; height: 70px; margin: 100px 0 0 0; }
		/* cookie + privacy */
		.PW_cookieicon, .PW_privacyicon { width: 45px; height: 45px;}
		.PW_privacyicon {margin-left: -6px;}
		.PW_container-cookiesettings .PW_cookieheader .PW_cookieicon { height: 45px; }
		.PW_container-cookiesettings .PW_cookieheader .PW_cookiesettings_close  { height: 35px; width: 35px; }
		/* footer */
		.PW_container-settings .PW_contentbox .PW_item .PW_share { width: 40px; height: 40px; }
		/* loader */
		.PW_loader_logo { width: 90px; height: 90px; }
		/* imagehover */
		.PW_container-portfolio .PW_contentbox .PW_imagehover { 
/*			inset: 30px 30px 30px 30px; */
			top: 30px;
			right: 30px;
			bottom: 30px;
			left: 30px;
		}
		/* 404 & sleep*/
		.PW_404_box, .PW_sleep_box { margin: 20px; }
		.PW_icon_404, .PW_sleepicon { width: 140px; }
		/* images */
		.PW_container-about .PW_contentbox img { height: 500px;  }
		.PW_container-field .PW_contentbox .PW_item img { height: 200px;}
		.PW_container-map .PW_contentbox img { height: 70vh; }
		/* keyboard icon */
		.PW_item .PW_icon_keyboard { height: 80px; }
		
		/* modal window */
		.PW_modal_icon { height: 80px; margin-bottom: 50px; }
	}
	@media only screen and (min-width: 1600px) {
		/* typo */
		:root {
			--font-size-normal: 1.6rem;
			--font-size-sleeptext: 2.8rem;
			--font-size-countertext: 4.7rem;
			--font-size-introtext: 3.8rem;
			--font-size-quotetext: 3.8rem;
			--font-size-quoteauthor: 1.6rem;
			--font-size-contactlink: 2.9rem;
			--font-size-menulink: 2.0rem;
			--line-height-menulink: 3.4rem;
			--font-size-404: 2.3rem;
			--font-size-maptext: 3.3rem;
			--font-size-fields-text: 1.3rem;
			--font-size-privacy-header: 1.3rem;
			--font-size-privacy-text: 1.1rem;
		}
		[class*='PW_container-'] { padding: 90px 0 90px 0; }	
		/* container work */
		.PW_container-work { padding-top: 0; }
		/* iconheader */
		.PW_timericon  { height: 35px; width: 35px;	margin-left: 5px;}
		.PW_icon_header { width: 40px; height: 40px;}
		.PW_icon_menu { width: 45px; height: 45px;}
		.PW_icon_clock, .PW_settingicon_dark, .PW_settingicon_light, .PW_icon_calendar, .PW_icon_settings, .PW_icon_mail  { 
			width: 35px; height: 35px;
		}
		.PW_iconheader { padding:30px; }
		.PW_clock_wrapper:hover::after { 
/*			inset: 85px 32px auto auto; */
			top: 85px; 
			right: 32px;
		}
		/* cookiebanner */
		.PW_cookiebanner .PW_contentbox { margin: 30px; padding: 15px; } 		

		.PW_container-portfolio .PW_item { flex-basis: 20%; }
		.PW_container-holiday .PW_contentbox .PW_item { flex-basis:16.66666666%; }
		.PW_header, .PW_header_work, .PW_iconheader { height: 90px; }
		.PW_container-about .PW_contentbox img, 
		.PW_container-about .PW_contentbox object { max-width: 450px; }
		/* footer */
		.PW_container-settings .PW_contentbox .PW_item .PW_share { width: 50px; height: 50px; }
		/* 404 & sleep*/
		.PW_404_box, .PW_sleep_box { margin: 30px; }
		.PW_icon_404, .PW_sleepicon { width: 160px; }
		/* accordion */
		.PW_container-cookie,
		.PW_container-privacy_EN,
		.PW_container-privacy_DE,
		.PW_accordion {	padding: 0px; }	
		.PW_container-cookie .PW_contentbox .PW_item:nth-child(1), 
		.PW_container-privacy_EN .PW_contentbox .PW_item:nth-child(1), 
		.PW_container-privacy_DE .PW_contentbox .PW_item:nth-child(1) { padding-top: 90px; }
		.PW_container-privacy_EN .PW_contentbox .PW_item:last-child, 
		.PW_container-privacy_DE .PW_contentbox .PW_item:last-child,
		.PW_container-cookie .PW_contentbox .PW_item:nth-child(4){ padding-bottom: 90px; }
		/* images */
		.PW_container-map .PW_contentbox img { height: 80vh; }
		/* keyboard icon */
		.PW_item .PW_icon_keyboard { height: 89px; }
		/* grid */
		.PW_contentbox { margin: 20px; }
		.PW_item { padding: 10px; }
		/* quote */
		.PW_container-quote .PW_contentbox { margin: 20px; padding: 10px;}
		.PW_container-quote .PW_previous_quote,
		.PW_container-quote .PW_next_quote { width:30px; }	
	}
	@media only screen and (min-width: 2300px) {
		/* typo */
		:root {
			--font-size-sleeptext: 3.0rem;
			--font-size-countertext: 5.0rem;
			--font-size-countertext-small: 1.3rem;
			--font-size-introtext: 4.2rem;
			--font-size-quotetext: 4.2rem;
			--font-size-contactlink: 3.2rem;
			--font-size-menulink: 2.2rem;
			--line-height-menulink: 3.7rem;
			--font-size-404: 2.5rem;
			--font-size-maptext: 3.6rem;
			--font-size-imprint: 1.7rem;
			--font-size-fields-text: 1.4rem;
			--font-size-footer-text: 1.1rem;
			--font-size-footer-link: 1.1rem;		
		}
		/* field */
		.PW_container-field .PW_item { flex-basis: 33.33333333%; }			
		.PW_timericon  { height: 40px; width: 40px;	margin-left: 5px;}
		/* footer */
		.PW_container-settings .PW_contentbox .PW_item .PW_share { width: 60px; height: 60px; }
		/* keyboard icon */
		.PW_item .PW_icon_keyboard { height: 101px; }
	}