/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---------------------------------------------------------------------- */
/* storeteller-de v2 MapsCollection-CSS */
/* ---------------------------------------------------------------------- */

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* ---------------------------------------------------------------------- */
/* basics */
/* ---------------------------------------------------------------------- */

body {
    font-family: "San Francisco", "SF Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 400; font-size: 14px; line-height: 1.6em; letter-spacing: normal;
    color: rgba(65, 65, 65, 1.0);
	background: rgba(242, 242, 242,1);
    overflow-x: hidden;
}

	@media (prefers-color-scheme: dark) {
	  body {
	    color: rgba(255, 255, 255, 0.9);
	    background: rgba(20, 20, 20, 1); 
	  }
	}

body, html {
    margin-top: 0px !important;
}

body, html { 
    overflow-x: hidden;
}

a, a:visited {
    outline: none;
    text-decoration: none;
    color: rgba(0, 110, 200, 1);
}

	@media (prefers-color-scheme: dark) {
		a, a:visited {
		    outline: none;
		    text-decoration: none;
		    color: rgba(0, 110, 200, 1);
		}
	}

a:hover {
    text-decoration: none;
    color: rgba(0, 110, 200, 1);
}

section, footer, header, aside {
    display: block;
}

::selection {
    background: rgba(65, 65, 65, 1);
    color: rgba(255,255,255,1);
    text-shadow: none;
}

::-moz-selection {
    background: rgba(65, 65, 65, 1);
    color: rgba(255,255,255,1);
    text-shadow: none;
}

table {
    display: table
}

tr {
    display: table-row
}

thead {
    display: table-header-group
}

tbody {
    display: table-row-group
}

tfoot {
    display: table-footer-group
}

col {
    display: table-column
}

colgroup {
    display: table-column-group
}

td, th {
    display: table-cell
}

caption {
    display: table-caption
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/*---------------------------------------------------------------------------*
 * SF Text
 *---------------------------------------------------------------------------*/

/** Semibold */
@font-face {
  font-family: "SF Text";
  font-weight: 600;
  src: url("https://sf.abarba.me/SF-UI-Text-Semibold.otf");
}

/** Regular */
@font-face {
  font-family: "SF Text";
  font-weight: 400;
  src: url("https://sf.abarba.me/SF-UI-Text-Regular.otf");
}

/*---------------------------------------------------------------------------*
 * SF 
 *---------------------------------------------------------------------------*/

/** Regular */
@font-face {
  font-family: "San Francisco";
  font-weight: 400;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}

/** Semi Bold */
@font-face {
  font-family: "San Francisco";
  font-weight: 600;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff");
}

/* ---------------------------------------------------------------------- */
/* desktop vs. mobile */
/* ---------------------------------------------------------------------- */

.desktop-plus-only {
    visibility: hidden;
    display: none;
}
.desktop-only {
    visibility: hidden;
    display: none;
}
.tablet-only {
    visibility: visible;
    display: inline;
}
.mobile-only {
    visibility: visible;
    display: inline;
}

@media only screen and (min-width: 768px) {
	.desktop-plus-only {
    	visibility: hidden;
		display: none;
	}
    .desktop-only {
        visibility: visible;
        display: inline;
    }
    .tablet-only {
        visibility: visible;
        display: inline;
    }
    .mobile-only {
        visibility: hidden;
        display: none !important;
    }
}

@media only screen and (min-width: 1024px) {
	.desktop-plus-only {
    	visibility: hidden;
		display: none;
	}
    .desktop-only {
        visibility: visible;
        display: inline;
    }
    .tablet-only {
        visibility: hidden;
        display: none;
    }
    .mobile-only {
        visibility: hidden;
        display: none !important;
    }
}


@media only screen and (min-width: 1260px) {
	.desktop-plus-only {
    	visibility: visible;
        display: inline;
	}
    .desktop-only {
        visibility: visible;
        display: inline;
    }
    .tablet-only {
        visibility: hidden;
        display: none;
    }
    .mobile-only {
        visibility: hidden;
        display: none !important;
    }
}

.lightmode-only {
    visibility: visible;
    display: inline;
}

.darkmode-only {
    visibility: hidden;
    display: none;
}

	@media (prefers-color-scheme: dark) {
	.lightmode-only {
	    visibility: hidden;
	    display: none;
	}
	
	.darkmode-only {
	    visibility: visible;
	    display: inline;
	}	
	}

/* ---------------------------------------------------------------------- */
/* welcome */
/* ---------------------------------------------------------------------- */

#ribbon {
	margin: 0; padding: 12px 18px;
	height: auto; width: 100%; display: block;
	background: rgba(32, 32, 32,1);
	color: rgba(255,255,255,1);
	font-family: "San Francisco", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;
    text-align: center;
    line-height: 1.4em;	
}


		@media only screen and (min-width: 768px) {
			#ribbon {
				margin: 0; padding: 0;
				height: 48px; width: 100%; display: block;
				background: rgba(32, 32, 32,1);
				color: rgba(255,255,255,1);
				font-family: "San Francisco", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
			    font-size: 12px;
			    line-height: 1.4;
			    font-weight: 400;
			    text-align: center;
			    line-height: 48px;	
			}
		}


		@media (prefers-color-scheme: dark) {
			#ribbon {
				color: rgba(255,255,255,1);
				background: rgba(32, 32, 32,1);
			}
		}
		
#ribbon a {
	color: inherit;
	border-bottom: 1px solid;
}		

#header {
	margin: 0 auto; padding: 0px;
	margin-bottom: 12px; margin-top: 12px;
	min-height: 52px;
	display: block;
	line-height: 52px;
}

	@media only screen and (min-width: 768px) {
		#header {
			margin: 0 auto; padding: 0px;
			margin-bottom: 18px; margin-top: 18px;
		}	
	}

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

	@media (prefers-color-scheme: dark) {
		#header {
		}		
	}

#header .store-name {
	margin: 0 auto; padding: 0px;
	display: block;	float: left;
    font-family: "SF Display", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;	
    font-weight: 600;
    color: rgba(32, 32, 32, 1);
    letter-spacing: -0.0125em;
}

	@media only screen and (min-width: 768px) {
		#header .store-name {
			font-size: 18px;
			letter-spacing: normal;
		}	
	}

	@media (prefers-color-scheme: dark) {
		#header .store-name {
			color: rgba(255, 255, 255, 1);
		}
	}

#header .store-link {
	margin: 0; padding: 0px 12px;
	margin-top: 11px;
	
    font-family: "SF Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -0.009em;
		
	height: 30px; line-height: 30px;
	background: rgba(32,32,32,1);
	background-size: 12px auto;
	border-radius: 24px;
	color: rgba(255,255,255,1);
	display: inline-block; float: right;
	transition-property: all; -webkit-transition-property: all; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0; -moz-transition-property: all; -moz-transition-duration: 150ms; -moz-transition-timing-function: linear; -moz-transition-delay: 0; -ms-transition-property: all; -ms-transition-duration: 150ms; -ms-transition-timing-function: linear; -ms-transition-delay: 0; -o-transition-property: all; -o-transition-duration: 150ms; -o-transition-timing-function: linear; -o-transition-delay: 0; transition-property: all; transition-duration: 150ms; transition-timing-function: linear; transition-delay: 0;    
}

#header .store-link:hover {
	background: rgba(0,0,0,1);
	color: rgba(255,255,255,1);	
	cursor: pointer;
}

#header .language {
	margin: 0; padding: 0px 12px;
	margin-top: 11px;
	
    font-family: "SF Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -0.009em;
		
	height: 30px; line-height: 30px;
	display: inline-block; float: right;
	transition-property: all; -webkit-transition-property: all; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0; -moz-transition-property: all; -moz-transition-duration: 150ms; -moz-transition-timing-function: linear; -moz-transition-delay: 0; -ms-transition-property: all; -ms-transition-duration: 150ms; -ms-transition-timing-function: linear; -ms-transition-delay: 0; -o-transition-property: all; -o-transition-duration: 150ms; -o-transition-timing-function: linear; -o-transition-delay: 0; transition-property: all; transition-duration: 150ms; transition-timing-function: linear; transition-delay: 0;    
}

#header .language a {
	color: rgba(32,32,32,1);
	transition-property: all; -webkit-transition-property: all; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0; -moz-transition-property: all; -moz-transition-duration: 150ms; -moz-transition-timing-function: linear; -moz-transition-delay: 0; -ms-transition-property: all; -ms-transition-duration: 150ms; -ms-transition-timing-function: linear; -ms-transition-delay: 0; -o-transition-property: all; -o-transition-duration: 150ms; -o-transition-timing-function: linear; -o-transition-delay: 0; transition-property: all; transition-duration: 150ms; transition-timing-function: linear; transition-delay: 0;    
}

#header .language:hover > *,
#header .language:focus-within > * {
  opacity: 0.5;
  transition-property: all; -webkit-transition-property: all; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0; -moz-transition-property: all; -moz-transition-duration: 150ms; -moz-transition-timing-function: linear; -moz-transition-delay: 0; -ms-transition-property: all; -ms-transition-duration: 150ms; -ms-transition-timing-function: linear; -ms-transition-delay: 0; -o-transition-property: all; -o-transition-duration: 150ms; -o-transition-timing-function: linear; -o-transition-delay: 0; transition-property: all; transition-duration: 150ms; transition-timing-function: linear; transition-delay: 0; 
}

#header .language:hover > :hover,
#header .language:focus-within > :focus {
  opacity: 1;
  cursor: pointer;
  transition-property: all; -webkit-transition-property: all; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0; -moz-transition-property: all; -moz-transition-duration: 150ms; -moz-transition-timing-function: linear; -moz-transition-delay: 0; -ms-transition-property: all; -ms-transition-duration: 150ms; -ms-transition-timing-function: linear; -ms-transition-delay: 0; -o-transition-property: all; -o-transition-duration: 150ms; -o-transition-timing-function: linear; -o-transition-delay: 0; transition-property: all; transition-duration: 150ms; transition-timing-function: linear; transition-delay: 0;   
}

	@media (prefers-color-scheme: dark) {
		#header .language {
			color: rgba(255,255,255,1);
			transition-property: all; -webkit-transition-property: all; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0; -moz-transition-property: all; -moz-transition-duration: 150ms; -moz-transition-timing-function: linear; -moz-transition-delay: 0; -ms-transition-property: all; -ms-transition-duration: 150ms; -ms-transition-timing-function: linear; -ms-transition-delay: 0; -o-transition-property: all; -o-transition-duration: 150ms; -o-transition-timing-function: linear; -o-transition-delay: 0; transition-property: all; transition-duration: 150ms; transition-timing-function: linear; transition-delay: 0;    
		}	

		#header .language a {
			color: rgba(255,255,255,1);
			transition-property: all; -webkit-transition-property: all; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0; -moz-transition-property: all; -moz-transition-duration: 150ms; -moz-transition-timing-function: linear; -moz-transition-delay: 0; -ms-transition-property: all; -ms-transition-duration: 150ms; -ms-transition-timing-function: linear; -ms-transition-delay: 0; -o-transition-property: all; -o-transition-duration: 150ms; -o-transition-timing-function: linear; -o-transition-delay: 0; transition-property: all; transition-duration: 150ms; transition-timing-function: linear; transition-delay: 0;    
		}	
	}

#content .icon-3D {
	margin: 0 auto; padding: 0;
	margin-bottom: 12px;
	width: 60px; height: 60px; display: block;
	background: transparent url('20230519-icon-cube-000000.svg') no-repeat center center;
	background-size: 40px auto;
	text-indent: -9999px;
}

		@media only screen and (min-width: 768px) {
			#content .icon-3D {
				margin: 0 auto; padding: 0;
				margin-bottom: 12px;
				width: 80px; height: 80px; display: block;
				background: transparent url('20230519-icon-cube-000000.svg') no-repeat center center;
				background-size: 60px auto;
				text-indent: -9999px;
			}
		}

		@media (prefers-color-scheme: dark) {

					#content .icon-3D {
						background: transparent url('20230519-icon-cube-FFFFFF.svg') no-repeat center center;
						background-size: 40px auto;
					}	
			
			@media only screen and (min-width: 768px) {
					#content .icon-3D {
						background: transparent url('20230519-icon-cube-FFFFFF.svg') no-repeat center center;
						background-size: 60px auto;
					}	
			}
		}


#hero {
  height: 300px;
  width: 100%;
  position: relative;
  z-index: 2;
  background: rgba(242, 242, 242,1) url('20250401-AppleFedSquare-hero.jpg') no-repeat;
  background-size: cover; background-position: center center;
  display: block;
  align-items:center;
}

		@media only screen and (min-width: 768px) {
			#hero {
				height: 400px;
				background-size: cover; background-position: center center;
			}	
		}	

		@media only screen and (min-width: 1080px) {
			#hero {
				height: 500px;
				background-size: cover; background-position: center center;
			}	
		}

		@media only screen and (min-width: 1280px) {
			#hero {
				height: 800px;
				background-size: cover; background-position: center center;
			}	
		}

		@media (prefers-color-scheme: dark) {
 		    #hero {
			   	background: rgba(32,32,32, 1) url('20250401-AppleFedSquare-hero-darkmode.jpg') no-repeat;
			   	background-size: cover; background-position: center center;
			}
			
			@media only screen and (min-width: 768px) {
				#hero {
					height: 400px;
					background-size: cover; background-position: center bottom;
				}	
			}	
			
			@media only screen and (min-width: 1280px) {
				#hero {
					height: 600px;
					background-size: cover; background-position: center center;
				}	
			}			

			@media only screen and (min-width: 1440px) {
				#hero {
					height: 800px;
					background-size: cover; background-position: center center;
				}	
			}	
			
		}


#scroll {
	margin: 0; padding: 0;
	width: 36px; height: 36px; display: block;
	position: absolute;
	bottom: 20px; right: calc(50% - 18px);
    background: transparent url('icon-scroll-arrow-000000000.svg') center center no-repeat;
	background-size: 12px auto; 
}		

		@media only screen and (min-width: 768px) {
			#scroll {
				margin: 0; padding: 0;
				width: 50px; height: 50px; display: block;
				position: absolute;
				bottom: 24px; right: calc(50% - 25px);
				background: transparent url('icon-scroll-000000000.svg') center center no-repeat;
				background-size: 40px auto; 
			}	
		}

		@media (prefers-color-scheme: dark) {
			 #scroll {
			   	background: transparent url('icon-scroll-255255255.svg') center center no-repeat;
			   	background-size: 40px auto; 
			}
			
			@media only screen and (min-width: 768px) {
			#scroll {
				background: transparent url('icon-scroll-255255255.svg') center center no-repeat;
				background-size: 40px auto; 
			}
			}	
		}

#darkmode {
	display: none;
}	

	@media (prefers-color-scheme: dark) {
		#darkmode {
			margin: 0; padding: 12px 0px 12px 0px;
			width: 100%; min-height: 38px; display: block;
			line-height: 1.4em; text-align: center;
			position: absolute;
			top: 0px;
		    background: transparent;
		    -webkit-backdrop-filter: blur(20px);
			backdrop-filter: blur(20px);
		}	
	}

h1, .h1-headline {
    font-family: "SF Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 24px;
    line-height: 1.28;
    font-weight: 600;
    letter-spacing: -.003em;
    color: rgba(0, 0, 0, 1);
    
}

	@media only screen and (min-width: 768px) {
		h1, .h1-headline {
			font-size: 32px;
			line-height: 1.18;
		}
	}

	@media only screen and (min-width: 1024px) {
		h1, .h1-headline {
			font-size: 42px;
			line-height: 1.12;
		}
	}

	@media only screen and (min-width: 1600px) {
		h1, .h1-headline {
			font-size: 54px;
			line-height: 1.12;
		}
	}


	@media (prefers-color-scheme: dark) {
		h1, .h1-headline {
			color: rgba(255, 255, 255, 1);
		}	
	}


.h1-subheadline, .h1-credits {
	font-family: "San Francisco", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    margin: 0 auto;
    margin-top: 12px; 
    margin-bottom: 24px;  
    display: block;
}

	@media only screen and (min-width: 768px) {
		.h1-subheadline, .h1-credits {
			font-size: 16px;
			line-height: 1.4;
			margin-bottom: 12px;   
		}
	}

	@media only screen and (min-width: 1024px) {
		.h1-subheadline, .h1-credits {
			font-size: 20px;
			line-height: 1.4;
			margin-bottom: 12px;
		}
	}

	@media only screen and (min-width: 1600px) {
		.h1-subheadline, .h1-credits {
			font-size: 20px;
			line-height: 1.4;
			margin-bottom: 12px;
		}
	}

	@media (prefers-color-scheme: dark) {
		.h1-subheadline, .h1-credits {
			color: rgba(255,255,255, 1); 
		}
	}		

.h1-credits {
	opacity: 1;
}

.h1-credits a, .h1-subheadline a {
	color: rgba(0, 0, 0, 1);
	border-bottom: solid 1px rgba(0,0,0,1);
}

		@media (prefers-color-scheme: dark) {
			.h1-credits a, .h1-subheadline a {
				color: rgba(255, 255, 255, 1);
				border-bottom: solid 1px rgba(255, 255, 255, 1);
			}
		}

.h1-credits a:hover, .h1-subheadline a:hover {
	cursor: pointer;
	border-bottom: solid 2px rgba(0,0,0,1);
}

		
h2 {
    font-family: "SF Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 1.28;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    text-align: center;
    
}

	@media only screen and (min-width: 768px) {
		h2 {
			font-size: 20px;
			line-height: 1.18;
		}
	}

	@media only screen and (min-width: 1024px) {
		h2 {
			font-size: 24px;
			line-height: 1.12;
		}
	}

	@media only screen and (min-width: 1600px) {
		h2 {
			font-size: 36px;
			line-height: 1.12;
		}
	}

	@media (prefers-color-scheme: dark) {
		h2 {
			color: rgba(255, 255, 255, 1);
		}
	}

h3 {
    font-family: "SF Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 1.28;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    
}

	@media only screen and (min-width: 768px) {
		h3 {
			font-size: 20px;
			line-height: 1.18;
		}
	}

	@media only screen and (min-width: 1024px) {
		h3 {
			font-size: 20px;
			line-height: 1.12;
		}
	}

	@media only screen and (min-width: 1600px) {
		h3 {
			font-size: 20px;
			line-height: 1.12;
		}
	}

	@media (prefers-color-scheme: dark) {
		h3 {
			color: rgba(255, 255, 255, 1);
		}
	}

.quote {
	padding-left: 16px;
	border-left: 3px solid #161616;
	display: block;
	opacity: 0.5;
	font-size: 0.8em;
}

	
.text {
	font-family: "San Francisco", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    margin: 0 auto;
    margin-top: 12px; 
    margin-bottom: 12px;  
    display: block;
}

	@media only screen and (min-width: 768px) {
		.text {
			font-size: 16px;
			line-height: 1.4;
			margin-bottom: 12px;   
		}
	}

	@media only screen and (min-width: 1024px) {
		.text {
			font-size: 18px;
			line-height: 1.4;
			margin-bottom: 12px;
		}
	}

	@media only screen and (min-width: 1600px) {
		.text {
			font-size: 18px;
			line-height: 1.4;
			margin-bottom: 12px;
		}
	}

	@media (prefers-color-scheme: dark) {
		.text {
			color: rgba(255,255,255, 1); 
		}
	}	

.text-smaller {
	font-family: "San Francisco", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    margin: 0 auto;
    margin-top: 12px; 
    margin-bottom: 12px;  
    display: block;
}

	@media only screen and (min-width: 768px) {
		.text-smaller {
			font-size: 14px;
			line-height: 1.4;
			margin-bottom: 12px;   
		}
	}

	@media only screen and (min-width: 1024px) {
		.text-smaller {
			font-size: 14px;
			line-height: 1.4;
			margin-bottom: 12px;
		}
	}

	@media only screen and (min-width: 1600px) {
		.text-smaller {
			font-size: 14px;
			line-height: 1.4;
			margin-bottom: 12px;
		}
	}

	@media (prefers-color-scheme: dark) {
		.text-smaller {
			color: rgba(255,255,255, 1); 
		}
	}	
 
.text-smaller a, .shoutout a {
	color: rgba(0, 0, 0, 1);
	border-bottom: solid 1px rgba(0,0,0,1);
}

.text-smaller a:hover, .shoutout a:hover {
	color: rgba(0, 0, 0, 1);
	border-bottom: solid 2px rgba(0,0,0,1);
	cursor: pointer;
}

	@media (prefers-color-scheme: dark) {
		.text-smaller a, .shoutout a {
			color: rgba(255,255,255,1);
			border-bottom: solid 1px rgba(255, 255, 255, 1);
		}
		
		.text-smaller a:hover, .shoutout a:hover {
			color: rgba(255,255,255,1);
			border-bottom: solid 2px rgba(255, 255, 255, 1);
			cursor: pointer;
		}	
	}

.text strong {
	font-weight: 600;
}

.text-size-s {
	font-size: 11px; line-height: 1.4em; letter-spacing: .01em;
	font-weight: 400;
}

.tour-text {
	color: rgba(255,255,255,1);
	display: block; 
}			

	@media only screen and (min-width: 768px) {
		.tour-text {
			color: rgba(255,255,255,1);
			display: block; 
			margin-top: 12px;
		}		
	}
	
	@media only screen and (min-width: 1024px) {
	
	}

.text a {
	color: inherit; text-decoration: underline;
	
}

	
.shoutout  {
    font-family: "SF Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    line-height: 1.28;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    
}

	@media only screen and (min-width: 768px) {
		.shoutout {
			font-size: 16px;
			line-height: 1.18;
		}
	}

	@media only screen and (min-width: 1024px) {
		.shoutout {
			font-size: 20px;
			line-height: 1.12;
		}
	}

	@media only screen and (min-width: 1600px) {
		.shoutout {
			font-size: 24px;
			line-height: 1.12;
		}
	}

	@media (prefers-color-scheme: dark) {
		.shoutout {
			color: rgba(255, 255, 255, 1);
		}
	}	
	
	
#content-tour {
	width: 100%; 
    padding-top: 0%; 
    position: relative; 
}

	@media only screen and (min-width: 768px) {
		#content-tour {
			width: 100%; 
		    padding-top: 0%; 
		    position: relative; 
		}	
	}
	
	@media only screen and (min-width: 1024px) {
	
	}

#content-tour iframe {
	margin: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

	@media only screen and (min-width: 768px) {
		#content-tour iframe {
			margin: 0; 
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
		}
	}
	
	@media only screen and (min-width: 1024px) {
	
	}
	
#content-download, #content-twitter {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	display: block;
	text-transform: uppercase;
}

	@media only screen and (min-width: 1024px) {
		#content-download {
			margin: 0 auto;
			text-align: center;
			width: 100%;
			display: none;
		}	
	}

#content-download a {
	margin: 24px; padding: 0 24px;
	margin-bottom: 12px;
    font-family: "SF Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 12px;
	font-weight: 600;
	height: 36px; line-height: 36px;
	background: rgba(65,65,65,1);
	background-size: 12px auto;
	letter-spacing: -0.009em;
	border-radius: 24px;
	color: rgba(255,255,255,1);
	display: inline-block; 
}

#content-twitter a {
	margin: 24px; padding: 0 24px;
	margin-bottom: 12px;
    font-family: "SF Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 12px;
	font-weight: 600;
	height: 36px; line-height: 36px;
	background: rgba(65,65,65,1);
	background-size: 12px auto;
	letter-spacing: -0.009em;
	border-radius: 24px;
	color: rgba(255,255,255,1);
	display: inline-block; 
}

#content-hinweise {
	font-size: 11px; line-height: 1.4em; letter-spacing: .01em;
	font-weight: 400;
	opacity: 0.5;
	text-align: center;
	color: rgba(255,255,255,1);
}

#content-hinweise strong {
	font-weight: 600;
}

#content-hinweise.light {
	color: rgba(32,32,32,0.75);
}

	@media (prefers-color-scheme: dark) {
	#content-hinweise.light {
		color: rgba(255,255,255,0.75);
		}
	}


#content-wrapper {
	margin: 0; padding: 0;
	padding: 0;
	display: block;
	min-height: 48px; width: 100%;
	background: transparent;
}

#content-wrapper.solid {
	background: rgba(255, 255, 255, 1);
}

#content-wrapper.solid-black {
	background: rgba(20, 20, 20, 1);
	margin: 48px 0;
}

	@media (prefers-color-scheme: dark) {
		#content-wrapper.solid-black {
			background: rgba(10, 10, 10, 1);
		}	
	}

#content {
	margin: 0 auto; padding: 0;
	padding-top: 16px; padding-bottom: 16px;
	width: 95%; max-width: 600px; 
	display: block;
}

	@media only screen and (min-width: 768px) {
		#content {
			margin: 0 auto; padding: 0;
			padding-top: 24px; padding-bottom: 24px;
			width: 90%; max-width: 940px; 
			display: block;
		}
	}

	@media only screen and (min-width: 1024px) {
		#content {
			margin: 0 auto; padding: 0;
			padding-top: 48px; padding-bottom: 48px;		
			width: 90%; max-width: 1200px; 
			display: block;
		}
	}
	
#content.border {
	border-bottom: 1px solid rgba(32, 32, 32, 0.2);
	overflow: hidden;
}	


	@media (prefers-color-scheme: dark) {
		#content.border {
			border-bottom: 1px solid rgba(128, 128, 128, 0.2);
			overflow: hidden;
		}	
	}

#content.no-border {
	overflow: hidden;
}	


	@media (prefers-color-scheme: dark) {
		#content.no-border {
			overflow: hidden;
		}	
	}
	
#content.centered {
	text-align: center;
}

#content.tour-help {
	color: rgba(255,255,255,1);
	padding: 12px 0;
}

#content.vr-tour {
	padding-top: 0px; padding-bottom: 0px;
	background: rgba(0,0,0,1) url('20210920-image-video-background.jpg') no-repeat center center;
	background-size: cover;
	border-radius: 24px;
	overflow: hidden;
}

#content.gallery-hero {
	padding-bottom: 0;
}


#content.gallery-info {
	margin: 0 auto; padding: 0;
	width: 80%;
	padding-top: 12px; padding-bottom: 12px;
}

	@media only screen and (min-width: 768px) {
		#content.gallery-info {
			width: 90%;
			margin: 0 auto; padding: 0; max-width: 600px;
			padding-top: 12px; padding-bottom: 12px;
		}
	}
	
	@media only screen and (min-width: 1024px) {
		#content.gallery-info {
			width: 90%;
			margin: 0 auto; padding: 0; max-width: 800px;
			padding-top: 12px; padding-bottom: 12px;
		}	
	}
		
#content.gallery {
	min-height: 24px; display: block;
	padding: 0; 
	margin-top: 12px; margin-bottom: 24px;
}

	@media only screen and (min-width: 768px) {
		#content.gallery {
			border-radius: 24px;
			min-height: 24px; display: block;
			padding: 0;
			padding-top: 12px; margin-bottom: 48px;
		}	
	}
	
	@media only screen and (min-width: 1024px) {
		#content.gallery {
		}		
	}

	@media (prefers-color-scheme: dark) {
		#content.gallery {
		}		
	}



	
#content-newsroom {
	margin: 0; padding: 0;
	width: 100%; height: auto;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 48px;
	
}	

	@media only screen and (min-width: 768px) {
		#content-newsroom {
			margin: 0; padding: 0;
			width: 100%; height: auto;
			overflow: hidden;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 36px;
		}	

	}
	
	@media only screen and (min-width: 1024px) {
	
	}

#content-columns {
	margin: 0; padding: 0;
	width: 100%; height: auto;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 48px;
	
}	

	@media only screen and (min-width: 768px) {
		#content-columns {
			margin: 0; padding: 0;
			width: 100%; height: auto;
			overflow: hidden;
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			grid-gap: 10px;
		}	

	}
	
	@media only screen and (min-width: 1024px) {
	
	}


#column-newsroom .subheadline {
	font-size: 11px; line-height: 1.4em; letter-spacing: .1em;
	font-weight: 600;
	text-align: left;
	display: block;   
	text-transform: uppercase;
	opacity: 0.5;
	padding-bottom: 6px;
}

#column-newsroom .headline {
    font-family: "SF Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 1.28;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    display: block;
    
}

	@media only screen and (min-width: 768px) {
		#column-newsroom .headline {
			font-size: 20px;
			line-height: 1.18;
		}
	}

	@media only screen and (min-width: 1024px) {
		#column-newsroom .headline {
			font-size: 24px;
			line-height: 1.12;
		}
	}

	@media only screen and (min-width: 1600px) {
		#column-newsroom .headline {
			font-size: 36px;
			line-height: 1.12;
		}
	}

	@media (prefers-color-scheme: dark) {
		#column-newsroom .headline {
			color: rgba(255, 255, 255, 1);
		}
	}


#column {
	text-align: center;
	width: 100%; margin: 0 auto;
	height: auto; overflow: hidden;
}	

	@media only screen and (min-width: 768px) {
		#column {
			text-align: center;
			width: 60%; margin: 0 auto;
			height: auto; overflow: hidden;
		}		
	}
	
	@media only screen and (min-width: 1024px) {
	
	}
	

#column-newsroom {
	text-align: center;
	width: 100%; margin: 0 auto;
	height: auto; overflow: hidden;
}	

	@media only screen and (min-width: 768px) {
		#column-newsroom {
			text-align: center;
			width: 100%; margin: 0 auto;
			height: auto; overflow: hidden;
		}		
	}
	
	@media only screen and (min-width: 1024px) {
	
	}


#column .id-filip {
	margin: 0 auto; padding: 0;
	margin-bottom: 12px;
	width: 50px; height: 50px; display: block;
	border-radius: 25px;
	background: transparent url('20210920-image-filipchudzinski.jpg') no-repeat center center;
	background-size: cover;
	text-indent: -9999px;
}

@media only screen and (min-width: 768px) {
	#column .id-filip {
	margin: 0 auto; padding: 0;
	margin-bottom: 24px;
	width: 100px; height: 100px; display: block;
	border-radius: 50px;
	background: transparent url('20210920-image-filipchudzinski.jpg') no-repeat center center;
	background-size: cover;
	text-indent: -9999px;
	}
}

@media only screen and (min-width: 1024px) {

}

#content-readmore {
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
}

	@media only screen and (min-width: 1024px) {
		#content-readmore {
			margin: 0 auto;
			text-align: center;
			display: inline-block;
		}	
	}

#content-readmore a {
	margin: 24px; padding: 0 24px;
	margin-bottom: 12px;
    font-family: "SF Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 12px;
	font-weight: 600;
	height: 36px; line-height: 36px;
	background: rgba(65,65,65,1);
	background-size: 12px auto;
	letter-spacing: -0.009em;
	border-radius: 24px;
	color: rgba(255,255,255,1);
	display: inline-block; 
}

#content-buymeacoffee {
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
}

	@media only screen and (min-width: 1024px) {
		#content-buymeacoffee {
			margin: 0 auto;
			text-align: center;
			display: inline-block;
		}	
	}

#content-buymeacoffee a {
	margin: 24px; padding: 0 24px;
	margin-bottom: 12px;
    font-family: "SF Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 12px;
	font-weight: 600;
	height: 36px; line-height: 36px;
	background: rgba(65,65,65,1);
	background-size: 12px auto;
	letter-spacing: -0.009em;
	border-radius: 24px;
	color: rgba(255,255,255,1);
	display: inline-block; 
}


#footer {
	margin: 0 auto; padding: 36px 12px;
	width: 100%; max-width: 1200px; 
	min-height: 200px;
	display: block;
	text-align: center;
}

	@media (prefers-color-scheme: dark) {
		#footer {
		}
	}



#footer-credits {
	margin: 0; padding: 0px 0 0 0px;
	margin-bottom: 24px;
	text-align: center; 
	display: block; float: left; width: 100%;
	text-align: center;
}

#footer-imprint {
	margin: 0 auto; padding: 0;
	width: 100%; max-width: 760px; display: block;
	overflow: hidden; 
	clear: both; float: none;
	text-align: center;
	color: rgba(65,65,65,0.5);
}

	@media (prefers-color-scheme: dark) {
		#footer-imprint{
			color: rgba(255,255,255,0.35);
		}
	}

#footer-credits a {
	color: rgba(0, 0, 0, 1); 
	border-bottom: solid 1px rgba(0, 0, 0, 1);
}

	@media (prefers-color-scheme: dark) {
		#footer-credits a {
			color: rgba(132, 132, 132, 1); 
			border-bottom: solid 1px rgba(65, 65, 65, 1);
		}	
	}
	
	
img.spatialgallery {
	margin: 0; padding: 0;
	margin-bottom: 12px;
	width: 100%; 
}	

img.radius__top {
	border-top-left-radius: 24px !important;
	border-top-right-radius: 24px !important;
}

img.radius__bottom {
	border-bottom-left-radius: 24px !important;
	border-bottom-right-radius: 24px !important;
}
	

.gridzyImage.rounded-max {
	border-radius: 16px !important;
}

		@media only screen and (min-width: 768px) {
			.gridzyImage.rounded-max {
				border-radius: 24px !important;
			}		
		}
		
		@media only screen and (min-width: 1024px) {
		
		}

.gridzyImage.rounded {
	border-radius: 16px !important;
}

		@media only screen and (min-width: 768px) {
			.gridzyImage.rounded {
				border-radius: 24px !important;
			}		
		}
		
		@media only screen and (min-width: 1024px) {
		
		}

.gridzy a:hover {
	cursor: pointer !important;
}

.separator {
	margin: 24px auto;
	border-top: 1px solid rgba(65,65,65,0.35);
	width: 95%; max-width: 1200px;
	height: 1px; display: block;
}

	@media (prefers-color-scheme: dark) {
		.separator {
			border-top: 1px solid rgba(128, 128, 128, 0.2);
			height: 1px; display: block;
		}	
	}

.separator-short {
	margin: 12px auto;
	border-top: 1px solid rgba(65,65,65,0.35);
	width: 25%; max-width: 600px;
	margin-bottom: 24px;
	height: 1px; display: block;
}

	@media only screen and (min-width: 768px) {
		.separator-short {
			margin: 0 auto;
			border-top: 1px solid rgba(65,65,65,0.35);
			width: 25%; max-width: 1200px;
			margin-bottom: 48px;
			height: 1px; display: block;
		}	
	}
	
	@media (prefers-color-scheme: dark) {
		.separator-short {
			border-top: 1px solid rgba(128, 128, 128, 0.2);
		}	
	}
	
.pswp__caption__center {
	text-align: center !important;
	color: rgba(65,65,65,0.75) !important;
	font-size: 11px !important; letter-spacing: .01em !important;
	font-weight: 400 !important;	
}	

	@media (prefers-color-scheme: dark) {
		.pswp__caption__center {
			text-align: center !important;
			color: rgba(255,255,255,.75) !important;
			font-size: 11px !important; letter-spacing: .01em !important;
			font-weight: 400 !important;	
		}		
	}
	
.share-mastodon {
    --mastodon-btn-bg: #414141;
    --mastodon-btn-border: 0px solid #414141;
    --mastodon-btn-rad: 1000px;
    --mastodon-btn-txt: #FFFFFF;
  }