{"version":3,"file":"styles/main.f60813520cdbe4b3c3b3.css","mappings":"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","sources":["webpack://dreckschanke/./node_modules/scss-reset/_reset.scss","webpack://dreckschanke/./front/src/styles/common/_scaffolding.scss","webpack://dreckschanke/./front/src/styles/common/_fonts.scss","webpack://dreckschanke/./front/src/styles/common/_variables.scss","webpack://dreckschanke/./front/src/styles/components/_elements.scss","webpack://dreckschanke/./front/src/styles/components/_photos.scss","webpack://dreckschanke/./front/src/styles/components/_photo-slider.scss","webpack://dreckschanke/./front/src/styles/common/_mixins.scss","webpack://dreckschanke/./front/src/styles/components/chapters/_chapter.scss","webpack://dreckschanke/./front/src/styles/components/chapters/_chapter-intro.scss","webpack://dreckschanke/./front/src/styles/common/_helpers.scss","webpack://dreckschanke/./front/src/styles/components/chapters/_chapter-famous-guests.scss","webpack://dreckschanke/./front/src/styles/components/chapters/_chapter-light-at-the-end.scss","webpack://dreckschanke/./front/src/styles/components/chapters/_chapter-new-owner.scss","webpack://dreckschanke/./front/src/styles/components/chapters/_chapter-under-contruction.scss","webpack://dreckschanke/./front/src/styles/components/chapters/_chapter-thanks.scss","webpack://dreckschanke/./front/src/styles/components/_header.scss","webpack://dreckschanke/./front/src/styles/components/_footer.scss"],"sourcesContent":["/**\n * Reset Mixing\n * ================================================== */\n\n/**\n * Disable Animation\n */\n@mixin disableAnimation {\n  transform: none !important;\n\n  transition: none !important;\n  transition-property: none !important;\n  transition-duration: 0s !important;\n  transition-delay: 0s !important;\n\n  animation: none !important;\n  animation-duration: 0s !important;\n  animation-delay: 0s !important;\n  animation-iteration-count: 1 !important;\n\n  scroll-behavior: auto !important;\n}\n\n/**\n * Disable animation depends on Browser or Operation System configuration\n */\n@mixin acDisableAnimation {\n  @media (prefers-reduced-motion: reduce) {\n    @include disableAnimation;\n  }\n}\n\n/**\n * Accessability. Black and White Mode\n */\n@mixin acModeBW {\n  filter: grayscale(100%);\n}\n\n/**\n * Accessability. Inverse Mode\n */\n@mixin acModeContrast {\n  filter: invert(100%);\n  background-color: $white !important;\n}\n\n/**\n * Meter reset\n */\n@mixin meterReset {\n  meter {\n    background: none;\n    -webkit-appearance: none;\n  }\n\n  ::-moz-meter-bar {\n    -moz-appearance: none\n  }\n\n  :-moz-meter-optimum::-moz-meter-bar,\n  :-moz-meter-sub-optimum::-moz-meter-bar,\n  :-moz-meter-sub-sub-optimum::-moz-meter-bar {\n    background: none\n  }\n\n\n  meter::-webkit-meter-bar,\n  meter::-webkit-meter-optimum-value,\n  meter::-webkit-meter-suboptimum-value,\n  meter::-webkit-meter-even-less-good-value,\n  meter::-webkit-meter-inner-element {\n    background: none;\n  }\n}\n\n@mixin progressReset {\n\n  /**\n   * Progress Bar Reset\n   *\n   */\n  progress,\n  progress[role] {\n    display: block;\n\n    overflow: hidden;\n\n    width: 100%;\n    height: 40px;\n    margin: 0;\n\n    /* Reset Defaults */\n    appearance: none;\n    border: none;\n\n    /* Needs to be in here for Safari polyfill so background images work as expected. */\n    background-size: auto;\n  }\n\n  /* Polyfill */\n  progress[role]:after {\n    background-image: none;\n    /* removes default background from polyfill */\n  }\n\n  /* Ensure fallback text doesn't appear in polyfill */\n  progress[role] strong {\n    display: none;\n  }\n}\n\n\n/**\n * Modern CSS Reset Tweaks\n * ================================================== */\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n\n  &:focus-within {\n    scroll-behavior: smooth;\n  }\n}\n\nbody {\n  text-size-adjust: 100%;\n  position: relative;\n\n  width: 100%;\n  min-height: 100vh;\n\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeSpeed;\n}\n\n\n/* Box sizing normalization */\n*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\n\n/* Elements that don't have a class get default styles */\na:not([class]) {\n  text-decoration-skip-ink: auto;\n}\n\n\n/**\n * CSS Reset Tweaks\n *\n * http://meyerweb.com/eric/tools/css/reset/\n * v2.0-modified | 20110126\n * License: none (public domain)\n */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  font-size: 100%;\n  font: inherit;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  vertical-align: baseline;\n}\n\n/* make sure to set some focus styles for accessibility */\n:focus {\n  outline: 0;\n}\n\n/* HTML5 display-role reset for older browsers */\nmain,\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n  display: block;\n}\n\nol,\nul {\n  list-style: none;\n}\n\nblockquote,\nq {\n  quotes: none;\n\n  &:before,\n  &:after {\n    content: '';\n    content: none;\n  }\n}\n\n/**\n * Input Reset\n */\ninput:required,\ninput {\n  box-shadow: none;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 30px white inset;\n}\n\ninput[type=search]::-webkit-search-cancel-button,\ninput[type=search]::-webkit-search-decoration,\ninput[type=search]::-webkit-search-results-button,\ninput[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\ninput[type=search] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -webkit-box-sizing: content-box;\n  -moz-box-sizing: content-box;\n  box-sizing: content-box;\n}\n\ntextarea {\n  overflow: auto;\n  vertical-align: top;\n  resize: vertical;\n}\n\ninput {\n  &:focus {\n    outline: none;\n  }\n}\n\n/**\n * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.\n */\naudio,\ncanvas,\nvideo {\n  display: inline-block;\n  max-width: 100%;\n}\n\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.\n */\n\n[hidden] {\n  display: none;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\na:active,\na:hover {\n  outline: none;\n}\n\n/* Make images easier to work with */\nimg {\n  max-width: 100%;\n  display: inline-block;\n  vertical-align: middle;\n  height: auto;\n}\n\n/* Make pictures easier to work with */\npicture {\n  display: inline-block;\n}\n\n/**\n * Address Firefox 3+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\n\nbutton,\ninput {\n  line-height: normal;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.\n * Correct `select` style inheritance in Firefox 4+ and Opera.\n */\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n  -webkit-appearance: button;\n  cursor: pointer;\n  border: 0;\n  background: transparent;\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\n\nbutton[disabled],\nhtml input[disabled] {\n  cursor: default;\n}\n\n[disabled] {\n  pointer-events: none;\n}\n\n/**\n * 1. Address box sizing set to content-box in IE 8/9.\n */\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  padding: 0;\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome\n *    (include `-moz` to future-proof).\n */\n\ninput[type=\"search\"] {\n  -webkit-appearance: textfield;\n  -moz-box-sizing: content-box;\n  -webkit-box-sizing: content-box;\n  box-sizing: content-box;\n}\n\n/**\n * Remove inner padding and search cancel button in Safari 5 and Chrome\n * on OS X.\n */\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * Remove inner padding and border in Firefox 3+.\n */\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\nbutton {\n  border: 0;\n  background: transparent;\n}\n\ntextarea {\n  overflow: auto;\n  vertical-align: top;\n  resize: vertical;\n}\n\n/**\n * Remove most spacing between table cells.\n */\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\n\n/**\n * Based on normalize.css v8.0.1\n * github.com/necolas/normalize.css\n */\nhr {\n  box-sizing: content-box;\n  overflow: visible;\n  background: #000;\n  border: 0;\n  height: 1px;\n  line-height: 0;\n  margin: 0;\n  padding: 0;\n  page-break-after: always;\n  width: 100%;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  font-size: 100%;\n}\n\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  text-decoration: none;\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace;\n}\n\n/**\n  * Add the correct font size in all browsers.\n  */\nsmall {\n  font-size: 75%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -5px;\n}\n\nsup {\n  top: -5px;\n}\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1;\n  margin: 0;\n  padding: 0;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n  outline: 0;\n}\n\n\nlegend {\n  color: inherit;\n  white-space: normal;\n\n  display: block;\n  border: 0;\n  max-width: 100%;\n  width: 100%;\n}\n\nfieldset {\n  min-width: 0;\n}\n\nbody:not(:-moz-handler-blocked) fieldset {\n  display: block;\n}\n\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/*\n * Misc\n * ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n","@import 'variables';\r\n@import 'fonts';\r\n\r\n\r\nhtml {\r\n\t@include flexibleFontSize(16px, .9vmax, 36px, 14px); // min, preferred, max, fallback\r\n\tfont-family: $base-font-family;\r\n\tline-height: $base-font-line-height;\r\n\tscroll-behavior: smooth;\r\n\tbackground: #{'hsl(var(--dynamic-background-color-hsl))'};\r\n}\r\n\r\nbody, main {\r\n\tmax-width: 100% !important;\r\n\tmargin: 0;\r\n\tbackground: #{'hsl(var(--dynamic-background-color-hsl))'};\r\n\tcolor: #{'hsl(var(--dynamic-text-color-hsl))'};\r\n\ttransition: $backgroundTransition;\r\n}\r\n\r\nmain {\r\n\tscroll-snap-type: y mandatory;\r\n}\r\n\r\nh1 {\r\n\tmargin: 0 $content-margin;\r\n\t@include headlineFont($weight: bold);\r\n\t@include flexibleFontSize(36px, 3vmax, 10vmin); // min, preferred, max, fallback\r\n\tline-height: 1;\r\n\tletter-spacing: -.025em;\r\n}\r\n\r\nh2 {\r\n\tmargin: 0 0 1em 0;\r\n\t@include additionalFont(1.5rem, bold);\r\n}\r\n\r\nh3 {\r\n\tfont-weight: 900;\r\n}\r\n\r\np, ul, ol {\r\n\tmargin-bottom: 2rem;\r\n}\r\n\r\n:is(p, li) strong {\r\n\t//@include baseFont(inherit, bold);\r\n\tfont-weight: bold;\r\n}\r\n\r\na {\r\n\t@include baseFont(inherit, inherit);\r\n\tcolor: var(--text-color);\r\n}\r\n\r\n::selection {\r\n\tcolor: white;\r\n\tbackground: black;\r\n}\r\n\r\nul {\r\n\tlist-style-type: none;\r\n}\r\n\r\n:is(article) li {\r\n\tmargin-bottom: .75em;\r\n\tpadding-left: 2em;\r\n\tbackground: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDIyIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC42MDkyNTMgMS42NzgxNUM4LjA1NzUzIDcuMjg4NjMgMTMuMTE1IDAuNTc1OTgzIDIxLjIwNyAzLjg4NjMzQzkuNDM2ODUgLTQuNTc0NzIgNy45NjY4NiA1LjE3MjQxIDAuNjA5MjUzIDEuNjc4MTVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K)\r\n\t\t0 .66em no-repeat;\r\n\tbackground-size: 1.25em auto;\r\n}\r\n\r\n.center {\r\n\ttext-align: center;\r\n}","@import 'variables';\r\n@import 'helpers';\r\n\r\n\r\n@include fontFace('Montserrat', 'Montserrat-Regular');\r\n@include fontFace('Montserrat', 'Montserrat-Black', bold);\r\n\r\n@include fontFace('Grenze', 'Grenze-Light');\r\n@include fontFace('Grenze', 'Grenze-Black', bold);\r\n\r\n@include fontFace('Dosis', 'Dosis-Light');\r\n@include fontFace('Dosis', 'Dosis-Bold', bold);\r\n\r\n@include fontFace('MarckScript', 'MarckScript-Regular');\r\n\r\n\r\n@mixin baseFont($size: inherit, $weight: normal) {\r\n\tfont-family: $base-font-family;\r\n\tfont-weight: $weight;\r\n\tfont-size: $size;\r\n}\r\n\r\n@mixin headlineFont($size: inherit, $weight: normal) {\r\n\tfont-family: $headline-font-family;\r\n\tfont-weight: $weight;\r\n\tfont-size: $size;\r\n}\r\n\r\n@mixin additionalFont($size: inherit, $weight: normal) {\r\n\tfont-family: $additional-font-family;\r\n\tfont-weight: $weight;\r\n\tfont-size: $size;\r\n}\r\n\r\n@mixin handwrittenFont($size: inherit) {\r\n\tfont-family: $handwritten-font-family;\r\n\tfont-weight: normal;\r\n\tfont-size: $size;\r\n\tletter-spacing: -.033em;\r\n}\r\n\r\n@mixin flexibleFontSize($min, $preferred, $max, $fallback: null) {\r\n\tfont-size: #{if($fallback, $fallback, $min)};\r\n\t$_: #{'clamp(#{$min}, #{$preferred}, #{$max})'};\r\n\t@supports (font-size: #{$_}) {\r\n\t\tfont-size: #{$_};\r\n\t}\r\n}\r\n\r\n\r\n.handwritten {\r\n\t@include handwrittenFont();\r\n}\r\n\r\n.bigger {\r\n\tfont-size: 1.75em;\r\n}\r\n","\r\n//--- offsets -----------------------------------------------------------------\r\n\r\n$content-margin: 1.5rem;\r\n\r\n\r\n//--- fonts -------------------------------------------------------------------\r\n\r\n$base-font-family: Montserrat, Arial, \"Helvetica Neue\", Helvetica, sans-serif;\r\n$headline-font-family: Grenze, 'Times New Roman', Times, serif;\r\n$additional-font-family: Dosis, Tahoma, Verdana, Segoe, sans-serif;\r\n$handwritten-font-family: MarckScript, \"Brush Script MT\", cursive;\r\n$base-font-line-height: 1.5;\r\n\r\n\r\n//--- effects -----------------------------------------------------------------\r\n\r\n$backgroundTransition: background-color 650ms ease-out;\r\n\r\n\r\n//--- colors ------------------------------------------------------------------\r\n\r\n:root {\r\n\r\n\t// presets\r\n\t--dynamic-background-color-hsl: var(--color-sandy-light-hsl);\r\n\t--dynamic-text-color-hsl: 0deg, 0%, 0%;\r\n\r\n\t// theme colors\r\n\t--color-sandy-hsl: 34deg, 60%, 59%;\r\n\t--color-sandy-light-hsl: 45deg, 100%, 91%;\r\n\t--color-sandy-dark-hsl: 30deg, 53%, 53%;\r\n\t--color-terracotta-hsl: 2deg, 75%, 40%;\r\n\t--color-terracotta-light-hsl: 2deg, 62%, 55%;\r\n\r\n\t// bg colors of chapters\r\n\t--hsl--chapter--intro: var(--color-sandy-light-hsl);\r\n\t--hsl--chapter--born-of-legend: var(--color-sandy-light-hsl);\r\n\t--hsl--chapter--famous-guests: var(--color-sandy-light-hsl);\r\n\t--hsl--chapter--end-of-old-days: var(--color-terracotta-light-hsl);\r\n\t--hsl--chapter--light-at-the-end: 0deg, 0%, 0%;\r\n\t--hsl--chapter--new-owner: 202deg, 20%, 64%;\r\n\t--hsl--chapter--new-beginning: 0deg, 0%, 100%;\r\n\t--hsl--chapter--under-contruction: 15deg, 0%, 100%;\r\n}\r\n","@import '../common/variables';\r\n@import '../common/fonts';\r\n\r\n.h-div {\r\n\tdisplay: inline-block;\r\n\twidth: 7rem; height: 1.25rem;\r\n\tmargin: 1.25rem 0;\r\n\tbackground: transparent url('../images/ornament-vertical-div-01.svg') 50% 0 no-repeat;\r\n\tbackground-size: contain;\r\n\r\n\t&.white {\r\n\t\tbackground-image: url('../images/ornament-vertical-div-01-white.svg');\r\n\t}\r\n\r\n\t&.type-2 {\r\n\t\tbackground-image: url('../images/ornament-vertical-div-02.svg');\r\n\r\n\t\t&.white {\r\n\t\t\tbackground-image: url('../images/ornament-vertical-div-02-white.svg');\r\n\t\t}\r\n\t}\r\n\r\n\t&.no-margin {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t&.double-margin {\r\n\t\tmargin: 2.5rem 0;\r\n\t}\r\n}\r\n\r\n// for dev\r\n.__console {\r\n\tposition: fixed;\r\n\ttop: .5rem;\r\n\tleft: .5rem;\r\n\twidth: 40rem;\r\n\theight: 10rem;\r\n\tz-index: 100000;\r\n\tpadding: .25rem .5rem;\r\n\tfont-size: .85rem;\r\n\tcolor: white;\r\n\tbackground: red;\r\n}\r\n","@import '../common/fonts';\r\n\r\n.photo {\r\n\t&.rotate-n3 img { transform: rotate(-3deg); }\r\n\t&.rotate-n2 img { transform: rotate(-2deg); }\r\n\t&.rotate-n1 img { transform: rotate(-1deg); }\r\n\t&.rotate-1 img { transform: rotate(1deg); }\r\n\t&.rotate-2 img { transform: rotate(2deg); }\r\n\t&.rotate-3 img { transform: rotate(3deg); }\r\n\r\n\timg {\r\n\t\tmax-height: 33vmin;\r\n\t}\r\n\r\n\t&.bordered img {\r\n\t\tborder: 1px solid rgba(0, 0, 0, .1);\r\n\t\tborder-radius: .25rem;\r\n\t}\r\n\r\n\t&.wide img {\r\n\t\tmax-height: 75vh;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.comment {\r\n\t\tmargin: .75rem 0 0 .25rem;\r\n\t\topacity: .7;\r\n\r\n\t\t&, & small {\r\n\t\t\t@include headlineFont(1.25rem, normal);\r\n\t\t\tline-height: 1.2;\r\n\t\t}\r\n\t}\r\n}\r\n","@import '../common/variables';\r\n@import '../common/helpers';\r\n@import '../common/mixins';\r\n\r\n.photo-slider {\r\n\tdisplay: flex;\r\n\tflex-wrap: nowrap;\r\n\tposition: relative;\r\n\toverflow-x: scroll;\r\n\toverflow-y: hidden;\r\n\twhite-space: nowrap;\r\n\twill-change: transform;\r\n\r\n\tpadding: 2vw #{'max(1.5rem, calc((100vw - 67rem) / 2))'};\r\n\tgap: 2vw;\r\n\r\n\tscroll-behavior: smooth;\r\n\tcursor: grab;\r\n\r\n\t@include noScrollbar;\r\n\r\n\t&.active {\r\n\t\tcursor: grabbing;\r\n\t}\r\n\r\n\t.photo {\r\n\t\tflex: 0 0 auto;\r\n\t\tmax-width: 33vmax;\r\n\t\tuser-select: none;\r\n\r\n\t\timg {\r\n\t\t\t-webkit-user-drag: none;\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\t}\r\n}\r\n","\r\n@mixin noScrollbar {\r\n\r\n\t// Chrome, Safari and Opera\r\n\t&::-webkit-scrollbar {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t// IE and Edge\r\n\t-ms-overflow-style: none;\r\n\r\n\t// Firefox\r\n\t// noinspection CssUnknownProperty\r\n\tscrollbar-width: none;\r\n}\r\n","@import '../../common/variables';\r\n@import '../../common/fonts';\r\n\r\n.chapter {\r\n\twidth: 100%;\r\n\tmin-height: 100vh;\r\n\tbackground-color: #{'hsl(var(--background-color-hsl))'};\r\n\ttransition: $backgroundTransition;\r\n}\r\n\r\n.chapter__content {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\tmin-height: 100vh;\r\n\toverflow: hidden;\r\n\tpadding: 20vh 0;\r\n\r\n\tarticle {\r\n\t\tmargin: 2rem auto 4rem;\r\n\t\tpadding-left: $content-margin; padding-right: $content-margin;\r\n\r\n\t\t.text {\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\r\n\t\taside {\r\n\t\t\t.photo {\r\n\t\t\t\tmargin-bottom: 3rem;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media only screen and (min-width: 42rem) {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: 1fr 1fr;\r\n\t\t\tgap: 4rem;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 70rem;\r\n\t\t\tmin-width: 66vw;\r\n\r\n\t\t\t.text {\r\n\t\t\t\tgrid-column: 1;\r\n\t\t\t\tmax-width: 32rem;\r\n\t\t\t\tmargin-right: auto;\r\n\r\n\t\t\t\t&.wide {\r\n\t\t\t\t\tgrid-column: 1 / span 2;\r\n\t\t\t\t\tmax-width: 40rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\taside {\r\n\t\t\t\tgrid-column: 2;\r\n\r\n\t\t\t\t&.on-left {\r\n\t\t\t\t\tgrid-column: 1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.photo {\r\n\t\t\t\t\tgap: 2rem;\r\n\t\t\t\t\ttext-align: left;\r\n\r\n\t\t\t\t\t&.wide img {\r\n\t\t\t\t\t\twidth: auto;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t@media only screen and (min-width: 60rem) {\r\n\t\t\t\t\t\t&:not(.wide) {\r\n\t\t\t\t\t\t\tdisplay: flex;\r\n\r\n\t\t\t\t\t\t\t.comment {\r\n\t\t\t\t\t\t\t\tmargin: auto 0 0 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.chapter-headline {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 1rem;\r\n\tmargin-bottom: 4rem;\r\n\ttext-align: center;\r\n}\r\n\r\n.milestone-year {\r\n\tdisplay: inline-flex;\r\n\talign-items: flex-start;\r\n\t@include additionalFont(1.75rem, bold);\r\n\tline-height: 1;\r\n\r\n\tstrong {\r\n\t\tdisplay: block;\r\n\t\tmargin: 0 calc(-1.1rem - 4px);\r\n\t\tpadding: .25rem 1.25rem;\r\n\t\tborder: 2px solid black;\r\n\t\tz-index: 2;\r\n\t\tbackground-color: white;\r\n\t}\r\n\r\n\t&:before, &:after {\r\n\t\tcontent: '';\r\n\t\tdisplay: block;\r\n\t\twidth: 3.5rem; height: calc(2.85rem + 4px);\r\n\t}\r\n\r\n\t&:before {\r\n\t\tbackground: transparent url('../images/milestone-year-shape-left.svg') 100% 0 no-repeat;\r\n\t\tbackground-size: contain;\r\n\t}\r\n\r\n\t&:after {\r\n\t\tbackground: transparent url('../images/milestone-year-shape-right.svg') 0 0 no-repeat;\r\n\t\tbackground-size: contain;\r\n\t}\r\n}\r\n\r\n.chapter__content--w-sticky-bg-photo {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr;\r\n\tgrid-template-rows: 1fr;\r\n\toverflow: visible;\r\n\tpadding-top: 0; padding-bottom: 0;\r\n\r\n\tarticle {\r\n\t\tz-index: 0;\r\n\t\tgrid-row: 1;\r\n\t\tgrid-column: 1;\r\n\t}\r\n\r\n\t.sticky-bg-photo {\r\n\t\tgrid-row: 1;\r\n\t\tgrid-column: 1;\r\n\t\twidth: 100%;\r\n\t\theight: 100vh;\r\n\t\tposition: sticky;\r\n\t\ttop: 0;\r\n\t\toverflow: hidden;\r\n\r\n\t\tpicture {\r\n\t\t\tdisplay: flex;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\r\n\t\t\timg {\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@import '../../common/variables';\r\n@import '../../common/helpers';\r\n@import '../../common/fonts';\r\n\r\n.chapter--intro {\r\n\t--background-color-hsl: var(--hsl--chapter--intro);\r\n\r\n\t.chapter__content {\r\n\t\tmix-blend-mode: multiply;\r\n\t\tpadding: 0;\r\n\r\n\t\t@media only screen and (min-width: 60rem) {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: 1fr 1fr 1fr minmax(20rem, 2fr);\r\n\t\t\tgrid-template-rows: 55% 45%;\r\n\t\t\tgrid-template-areas: 'brand claim claim claim' 'painting painting painting about';\r\n\t\t\theight: 100vh;\r\n\r\n\t\t\t.chapter--intro__brand {\r\n\t\t\t\tgrid-row: 1;\r\n\t\t\t\tgrid-column: 1 / span 2;\r\n\t\t\t}\r\n\r\n\t\t\t.chapter--intro__claim {\r\n\t\t\t\tgrid-area: claim;\r\n\t\t\t\talign-self: end;\r\n\t\t\t\tmargin-right: $content-margin * 2.5;\r\n\t\t\t\tpadding-left: .02em; padding-right: .02em;\r\n\t\t\t\t@include flexibleFontSize(1rem, 7vmax, 14rem);\r\n\t\t\t\ttext-align: right;\r\n\r\n\t\t\t\t.lang-de & {\r\n\t\t\t\t\t@include flexibleFontSize(1rem, 6vmax, 14rem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.chapter--intro__painting {\r\n\t\t\t\tgrid-area: painting;\r\n\t\t\t\talign-self: end;\r\n\t\t\t\tjustify-self: start;\r\n\t\t\t\twidth: auto;\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: auto;\r\n\t\t\t\t\tmax-width: 75vw;\r\n\t\t\t\t\tmax-height: 72vh;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.chapter--intro__about {\r\n\t\t\t\tgrid-area: about;\r\n\t\t\t\talign-self: end;\r\n\t\t\t\tpadding-bottom: $content-margin * 1.5;\r\n\r\n\t\t\t\t&__content {\r\n\t\t\t\t\tmargin-top: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__brand {\r\n\t\tz-index: 5;\r\n\t\tpadding-top: $content-margin;\r\n\t\tpadding-left: $content-margin * 1.25;\r\n\r\n\t\t.logo img {\r\n\t\t\twidth: clamp(6rem, 15vw, 12rem);\r\n\t\t}\r\n\r\n\t\t.tagline {\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: clamp(14rem, 20vw, 18rem);\r\n\t\t\theight: 0;\r\n\t\t\tmax-width: 100vw;\r\n\t\t\tmargin-top: 1.5rem;\r\n\t\t\tpadding-top: 25%;\r\n\t\t\toverflow: hidden;\r\n\t\t\twhite-space: nowrap;\r\n\t\t\tbackground: transparent url('@/images/tagline-legende-aus-dem-sudetenland.svg') 0 0 no-repeat;\r\n\t\t\tbackground-size: contain;\r\n\t\t}\r\n\t}\r\n\r\n\t&__claim {\r\n\t\tz-index: 1;\r\n\t\tmargin-left: 0; margin-right: 0;\r\n\t\tpadding: .25em $content-margin;\r\n\t\t@include baseFont(inherit, bold);\r\n\t\t@include flexibleFontSize(1rem, 9vw, 14rem);\r\n\t\tline-height: 1;\r\n\t\ttext-align: center;\r\n\t\thyphens: auto;\r\n\t\tcursor: default;\r\n\r\n\t\t.lang-de & {\r\n\t\t\t@include flexibleFontSize(1rem, 7vw, 14rem);\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tborder-bottom: .066em solid black;\r\n\t\t}\r\n\t}\r\n\r\n\t&__painting {\r\n\t\twidth: 120vw;\r\n\t\tbackground: transparent url('@/images/dreckschanke-illustration-bg.jpg') 0 0 no-repeat;\r\n\t\tbackground-size: contain;\r\n\t\toverflow: hidden;\r\n\r\n\t\timg {\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 2;\r\n\r\n\t\t\t@media only screen and (min-width: 60rem) and (max-aspect-ratio: 7/4) {\r\n\t\t\t\t@include scrimGradient(black, to right, (80%, 95%), $property: mask-image);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__about {\r\n\t\twidth: 100%;\r\n\t\tz-index: 4;\r\n\r\n\t\t&__content {\r\n\t\t\tmax-width: 18rem;\r\n\t\t\tmargin: 3rem auto 0 auto;\r\n\t\t\ttext-align: center;\r\n\t\t}\r\n\t}\r\n}\r\n","\r\n@mixin fontFace($family, $file, $weight: normal, $style: normal) {\r\n\t@font-face {\r\n\t\tfont-family: $family;\r\n\t\tfont-weight: $weight;\r\n\t\tfont-style: $style;\r\n\t\tsrc: url('../fonts/#{$file}.eot'); // IE9 Compat Modes\r\n\t\tsrc: url('../fonts/#{$file}.eot?#iefix') format('embedded-opentype'), // IE6-IE8\r\n\t\turl('../fonts/#{$file}.woff2') format('woff2'), // Super Modern Browsers\r\n\t\turl('../fonts/#{$file}.woff') format('woff'), // Pretty Modern Browsers\r\n\t\turl('../fonts/#{$file}.ttf') format('truetype'); // Safari, Android, iOS\r\n\t}\r\n}\r\n\r\n@mixin scrimGradient($color: black, $direction: 'to bottom', $limits: (0%, 100%), $invertedAlpha: false, $property: background) {\r\n\t$scrimCoordinates: (\r\n\t\t0: 1,\r\n\t\t19: 0.738,\r\n\t\t34: 0.541,\r\n\t\t47: 0.382,\r\n\t\t56.5: 0.278,\r\n\t\t65: 0.194,\r\n\t\t73: 0.126,\r\n\t\t80.2: 0.075,\r\n\t\t86.1: 0.042,\r\n\t\t91: 0.021,\r\n\t\t95.2: 0.008,\r\n\t\t98.2: 0.002,\r\n\t\t100: 0\r\n\t);\r\n\r\n\t$stops: ();\r\n\t$stopRange: nth($limits, 2) - nth($limits, 1);\r\n\r\n\t@each $colorStop, $alphaValue in $scrimCoordinates {\r\n\t\t$offset: nth($limits, 1) + $colorStop/100 * $stopRange;\r\n\t\t$alpha: $alphaValue;\r\n\t\t@if $invertedAlpha == true {\r\n\t\t\t$alpha: 1 - $alphaValue;\r\n\t\t}\r\n\t\t$stop: null;\r\n\t\t@if type-of($color) == 'color' {\r\n\t\t\t$stop: change-color($color, $alpha: $alpha) $offset;\r\n\t\t} @else {\r\n\t\t\t$stop: unquote('hsla(#{$color}, #{$alpha}) #{$offset}');\r\n\t\t}\r\n\r\n\t\t$stops: append($stops, $stop, comma);\r\n\t}\r\n\r\n\t#{$property}: linear-gradient($direction, $stops);\r\n}\r\n","@import '../../common/variables';\r\n@import '../../common/helpers';\r\n@import '../../common/fonts';\r\n\r\n.chapter--famous-guests {\r\n\t--background-color-hsl: var(--hsl--chapter--famous-guests);\r\n\r\n\t.chapter__content {\r\n\t\tpadding: 0 0 40vh 0;\r\n\t\tmix-blend-mode: multiply;\r\n\r\n\t\t.famous-guests {\r\n\t\t\tmax-width: 70rem;\r\n\t\t\tmargin: 2rem auto 0;\r\n\t\t\tpadding-left: $content-margin; padding-right: $content-margin;\r\n\r\n\t\t\t@media only screen and (min-width: 42rem) {\r\n\t\t\t\tdisplay: grid;\r\n\t\t\t\tgrid-template-columns: repeat(3, minmax(4rem, 33vmin));\r\n\t\t\t\tgap: clamp(1rem, 4rem, 4vw);\r\n\t\t\t\tmargin-bottom: 4rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.guest-no-1 {\r\n\t\t\tmax-width: 70rem;\r\n\t\t\tpadding-left: $content-margin; padding-right: $content-margin;\r\n\r\n\t\t\t.guest {\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t}\r\n\r\n\t\t\t.guest__whois {\r\n\t\t\t\ttext-align: left;\r\n\r\n\t\t\t\t.headline {\r\n\t\t\t\t\tmargin: 2rem 0;\r\n\t\t\t\t\ttext-align: center;\r\n\r\n\t\t\t\t\t.name {\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\tmargin-top: 1rem;\r\n\t\t\t\t\t\t@include handwrittenFont(3.5rem);\r\n\t\t\t\t\t\tline-height: 1;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t@media only screen and (min-width: 42rem) {\r\n\t\t\t\tdisplay: grid;\r\n\t\t\t\tgrid-template-columns: minmax(4rem, 40vmin) 1fr;\r\n\t\t\t\tgap: clamp(1rem, 4rem, 4vw);\r\n\t\t\t\tmargin: 3rem auto 4rem;\r\n\r\n\t\t\t\t.guest__whois {\r\n\t\t\t\t\tmax-width: 28rem;\r\n\t\t\t\t\tmargin-top: auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.guest {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\talign-items: center;\r\n\t\t\ttext-align: center;\r\n\r\n\t\t\t&:last-child:nth-child(3n - 2) {\r\n\t\t\t\tgrid-column-end: 3;\r\n\t\t\t}\r\n\r\n\t\t\t.guest__picture {\r\n\t\t\t\tdisplay: grid;\r\n\t\t\t\tgrid-template-columns: 60vw;\r\n\t\t\t\tgrid-template-rows: 60vw;\r\n\t\t\t\tgrid-auto-flow: column;\r\n\t\t\t\tjustify-items: center;\r\n\t\t\t\talign-items: end;\r\n\t\t\t\tpadding: 10%;\r\n\r\n\t\t\t\t@media only screen and (min-width: 42rem) {\r\n\t\t\t\t\tgrid-template-columns: 1fr;\r\n\t\t\t\t\tgrid-template-rows: 1fr;\r\n\t\t\t\t}\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\tgrid-row: 1;\r\n\t\t\t\t\tgrid-column: 1;\r\n\t\t\t\t\t//clip-path: url(#famousGuestMask);\r\n\r\n\t\t\t\t\t// workaround cause of fuckin' Safari...\r\n\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t\tborder-radius: 0 0 1000px 1000px;\r\n\t\t\t\t\ttransform: scale(1.06, 1.16);\r\n\t\t\t\t\ttransform-origin: 50% 100%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:before, &:after {\r\n\t\t\t\t\tgrid-row: 1;\r\n\t\t\t\t\tgrid-column: 1;\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tbackground: #{'hsla(var(--color-sandy-dark-hsl), 25%)'};\r\n\t\t\t\t\tborder-radius: 1000px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\tborder-radius: 1000px;\r\n\t\t\t\t\t//border: 1px solid #{'hsl(var(--color-sandy-dark-hsl))'};\r\n\t\t\t\t\tborder: 1px solid black;\r\n\t\t\t\t\ttransform: scale(1.075);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.guest__whois {\r\n\t\t\t\tmargin-top: .5rem;\r\n\r\n\t\t\t\t.name {\r\n\t\t\t\t\t@include headlineFont(1.5rem, bold);\r\n\t\t\t\t\tline-height: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@import '../../common/variables';\r\n@import '../../common/helpers';\r\n@import '../../common/fonts';\r\n\r\n.chapter--light-at-the-end {\r\n\t--background-color-hsl: var(--hsl--chapter--light-at-the-end);\r\n\r\n\tcolor: white;\r\n\r\n\t.chapter__content {\r\n\t\tmix-blend-mode: lighten;\r\n\t\tpadding-top: 100vh;\r\n\r\n\t\t.chapter-headline {\r\n\t\t\tz-index: 10;\r\n\t\t\tfont-family: $base-font-family;\r\n\r\n\t\t\t.milestone-year {\r\n\t\t\t\tcolor: black;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tarticle {\r\n\r\n\t\t\t.text {\r\n\t\t\t\tz-index: 10;\r\n\t\t\t}\r\n\r\n\t\t\taside img {\r\n\t\t\t\ttransform: scale(1.75);\r\n\t\t\t\ttransform-origin: 33% 66%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@import '../../common/variables';\r\n@import '../../common/helpers';\r\n@import '../../common/fonts';\r\n\r\n.chapter--new-owner {\r\n\t--background-color-hsl: var(--hsl--chapter--new-owner);\r\n\r\n\t.chapter__content {\r\n\t\t//@include scrimGradient(hsl(202deg, 20%, 59%), to top, (0%, 33%));\r\n\t\tbox-shadow: inset 0 -1px 1px rgba(0, 0, 0, .15);\r\n\t}\r\n\r\n\t.sticky-bg-photo {\r\n\r\n\t\t.photo-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: flex-end;\r\n\t\t\theight: 100vh;\r\n\r\n\t\t\t@media only screen and (max-width: 42rem) {\r\n\t\t\t\topacity: .33;\r\n\t\t\t}\r\n\r\n\t\t\t.signature {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 35%; right: 3vw;\r\n\t\t\t\t@include handwrittenFont();\r\n\t\t\t\t@include flexibleFontSize(1rem, 3.5vh, 6rem, 1rem);\r\n\t\t\t\tcolor: rgba(0, 0, 0, .25);\r\n\t\t\t}\r\n\r\n\t\t\tpicture {\r\n\t\t\t\twidth: auto;\r\n\t\t\t\theight: 75%;\r\n\t\t\t\tmargin: auto 10vw 0 0;\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\tobject-fit: contain;\r\n\t\t\t\t\tobject-position: 100% 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.chapter-headline {\r\n\t\tgrid-column: 1 / span 2;\r\n\t\tfont-family: $base-font-family;\r\n\t}\r\n\r\n\tarticle .text {\r\n\t\tpadding-bottom: 4rem;\r\n\t}\r\n}\r\n","@import '../../common/variables';\r\n@import '../../common/mixins';\r\n@import '../../common/helpers';\r\n@import '../../common/fonts';\r\n\r\n.chapter--under-construction {\r\n\t--background-color-hsl: var(--hsl--chapter--under-contruction);\r\n\tscroll-snap-align: end;\r\n\r\n\t.chapter-headline {\r\n\t\tfont-family: $base-font-family;\r\n\t}\r\n\r\n\t.chapter__content {\r\n\t\tpadding-bottom: 0;\r\n\r\n\t\t.photo-gallery {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex: none;\r\n\t\t\twidth: 100vw;\r\n\t\t\theight: 100vh;\r\n\t\t\toverflow-x: scroll;\r\n\t\t\toverscroll-behavior-x: contain;\r\n\t\t\tscroll-behavior: smooth;\r\n\t\t\tscroll-snap-type: x mandatory;\r\n\t\t\t-webkit-overflow-scrolling: touch;\r\n\t\t\tcursor: grab;\r\n\r\n\t\t\t@include noScrollbar;\r\n\r\n\t\t\t&.active {\r\n\t\t\t\tscroll-behavior: auto;\r\n\t\t\t\tscroll-snap-type: none;\r\n\t\t\t\tcursor: grabbing;\r\n\t\t\t}\r\n\r\n\t\t\t&__item {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-shrink: 0;\r\n\t\t\t\twidth: auto;\r\n\t\t\t\tmin-width: 100vw;\r\n\t\t\t\theight: 100vh;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tscroll-snap-align: center;\r\n\t\t\t\tscroll-snap-stop: always;\r\n\r\n\t\t\t\tpicture {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\twidth: auto;\r\n\t\t\t\t\tmin-width: 100vw;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tuser-select: none;\r\n\t\t\t\t\t-webkit-user-drag: none;\r\n\t\t\t\t\tpointer-events: none;\r\n\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t\t\twidth: auto;\r\n\t\t\t\t\t\tmin-width: 100vw;\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\tuser-select: none;\r\n\t\t\t\t\t\t-webkit-user-drag: none;\r\n\t\t\t\t\t\tpointer-events: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.photo-legend {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tinset: 0 0 0 0;\r\n\t\t\t\t\tpointer-events: none;\r\n\t\t\t\t\tbox-shadow: inset -1px 0 1px rgba(255, 255, 255, .5);\r\n\t\t\t\t\tuser-select: none;\r\n\r\n\t\t\t\t\t&__content {\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\t\tjustify-content: flex-end;\r\n\t\t\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t\t\twidth: 100vw;\r\n\t\t\t\t\t\theight: 50vh;\r\n\t\t\t\t\t\tposition: sticky;\r\n\t\t\t\t\t\ttop: 50vh;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\tz-index: 10;\r\n\t\t\t\t\t\tpadding: 0 $content-margin ($content-margin * .75) $content-margin;\r\n\t\t\t\t\t\tfont-size: .85rem;\r\n\t\t\t\t\t\tcolor: white;\r\n\t\t\t\t\t\t@include scrimGradient(black, 35deg, (0%, 50%));\r\n\r\n\t\t\t\t\t\t* {\r\n\t\t\t\t\t\t\tmax-width: #{'max(20rem, 75vw)'};\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t:last-child {\r\n\t\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@import '../../common/variables';\r\n@import '../../common/helpers';\r\n@import '../../common/fonts';\r\n\r\n.chapter--thanks {\r\n\tcolor: white;\r\n\tbackground: black;\r\n\r\n\t.chapter__content {\r\n\r\n\t\t.sticky-bg-photo::after {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0; left: 0; bottom: 0; right: 0;\r\n\t\t\t@include scrimGradient(black, to top, (0%, 75%));\r\n\t\t\tmix-blend-mode: multiply;\r\n\t\t}\r\n\r\n\t\t.chapter-headline {\r\n\t\t\tfont-family: $base-font-family;\r\n\t\t}\r\n\r\n\t\tarticle {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: flex-end;\r\n\t\t\talign-items: center;\r\n\t\t\tmin-width: auto;\r\n\t\t\tmax-width: none;\r\n\t\t\tmargin: 75vh 0 0 0;\r\n\t\t\tpadding: 33vh $content-margin;\r\n\t\t\ttext-align: center;\r\n\r\n\t\t\tp {\r\n\t\t\t\tmax-width: 32rem;\r\n\t\t\t}\r\n\r\n\t\t\t@include scrimGradient(black, to top, (50%, 100%));\r\n\r\n\t\t\t.thank-you {\r\n\t\t\t\t@include headlineFont(1.75rem, bold);\r\n\t\t\t}\r\n\r\n\t\t\t.signature {\r\n\t\t\t\t@include handwrittenFont(1.5rem);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@import '../common/variables';\r\n@import '../common/fonts';\r\n\r\n.site-header {\r\n\r\n\t.logo-dreckschanke {\r\n\t\tdisplay: block;\r\n\t\twidth: clamp(11rem, 28vmin, 40rem);\r\n\t\theight: 0;\r\n\t\toverflow: visible;\r\n\t\tposition: fixed;\r\n\t\ttop: $content-margin * .7; left: $content-margin * .9;\r\n\t\tz-index: 10000;\r\n\t\ttransition: opacity 250ms ease-out;\r\n\t\tpointer-events: none;\r\n\r\n\t\t&.hidden {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\r\n\t\t&:before, &:after {\r\n\t\t\tcontent: '';\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0; left: 0;\r\n\t\t\twidth: 100%; height: 0;\r\n\t\t\tpadding-top: 50%;\r\n\t\t\tbackground: transparent url('@/images/logo-dreckschanke-small-typed-transparent.svg') 0 0 no-repeat;\r\n\t\t\tbackground-size: contain;\r\n\t\t\ttransition: opacity 250ms ease-out;\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\topacity: 0;\r\n\t\t\tbackground-image: url('@/images/logo-dreckschanke-small-typed-inverted-thin-border.svg');\r\n\t\t\t//filter: drop-shadow(0 .5rem .75rem rgba(0, 0, 0, .8));\r\n\t\t\tfilter: drop-shadow(0 0 1.25rem rgba(255, 255, 255, .25));\r\n\t\t}\r\n\t}\r\n\r\n\t.languages {\r\n\t\tposition: fixed;\r\n\t\ttop: $content-margin;\r\n\t\tright: $content-margin;\r\n\t\tz-index: 10000;\r\n\t\ttransition: color 250ms ease-out;\r\n\r\n\t\t&__wrapper {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\tgap: .5rem;\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t.active a {\r\n\t\t\t@include baseFont(inherit, bold);\r\n\t\t\tcursor: default;\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t&.inverted {\r\n\r\n\t\t.logo-dreckschanke {\r\n\t\t\t&:before { opacity: 0; }\r\n\t\t\t&:after { opacity: 1; }\r\n\t\t}\r\n\r\n\t\t.languages {\r\n\t\t\tcolor: white;\r\n\t\t}\r\n\t}\r\n}\r\n","@import '../common/variables';\r\n@import '../common/fonts';\r\n\r\nfooter {\r\n\tpadding: 0 $content-margin $content-margin * 4;\r\n\tfont-size: .75rem;\r\n\tcolor: hsla(0deg, 0%, 50%, 100%);\r\n\tbackground: black;\r\n\r\n\tp {\r\n\t\tmargin-bottom: 1em;\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""}