@kickstartds/ds-agency-premium 1.0.1

package/dist/global.css

@@ -0,0 +1,564 @@
+.js-focus-visible :focus:not(.focus-visible) {
+  outline: none;
+}
+
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+html {
+  -webkit-text-size-adjust: 100%;
+  box-sizing: border-box;
+  line-height: 1.15;
+  scroll-behavior: smooth;
+}
+
+body {
+  margin: 0;
+}
+
+pre {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+}
+
+b, strong {
+  font-weight: bolder;
+}
+
+code, kbd, samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+button, input, optgroup, select, textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+}
+
+button, select {
+  text-transform: none;
+}
+
+[type=button], [type=reset], [type=submit], button {
+  -webkit-appearance: button;
+}
+
+[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+fieldset {
+  border: 0;
+  margin: 0;
+  min-width: 0;
+  padding: 0.01em 0 0;
+}
+
+legend {
+  padding: 0;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type=search]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+
+details {
+  display: block;
+}
+
+summary {
+  display: list-item;
+}
+
+*, :after, :before {
+  box-sizing: inherit;
+}
+
+body.overlay-open {
+  overflow: hidden;
+}
+
+button {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background: transparent;
+  border: 0;
+  color: inherit;
+  font: inherit;
+  line-height: inherit;
+  margin: 0;
+  overflow: visible;
+  padding: 0;
+  text-align: inherit;
+  width: auto;
+}
+
+button:not(:disabled) {
+  cursor: pointer;
+}
+
+body:not(:-moz-handler-blocked) fieldset {
+  display: table-cell;
+}
+
+fieldset[disabled] {
+  opacity: 0.5;
+}
+
+iframe {
+  border: 0;
+}
+
+:root, [ks-inverted], [ks-theme] {
+  --g-link--font-weight:var(--ks-font-weight-regular);
+  --g-link--text-decoration:underline;
+  --g-link--text-decoration-hover:inherit;
+  --g-link--color:var(--ks-text-color-default-interactive);
+  --g-link--color-hover:var(--ks-text-color-default-interactive-hover);
+  --g-link--background:transparent;
+  --g-link--border-radius:0;
+  --g-topic--color:var(--ks-text-color-default);
+  --g-topic--font:var(--ks-font-display-l);
+  --g-topic--font-weight:var(--ks-font-weight-bold);
+  --c-rich-text--font:var(--ks-font-copy-m);
+  --c-rich-text--vertical-spacing:var(--ks-spacing-m);
+  --c-rich-text--horizontal-spacing:1em;
+  --c-rich-text--color:var(--ks-text-color-default);
+  --c-rich-text--font-weight:var(--ks-font-weight-regular);
+  --c-rich-text_headline--color:var(--ks-text-color-default);
+  --c-rich-text_headline--font:var(--ks-font-display-m);
+  --c-rich-text_headline--font-weight:var(--ks-font-weight-bold);
+  --c-rich-text_headline--margin:0.75em 0 0.5em;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  --g-link--font-weight:var(--c-rich-text_headline--font-weight);
+}
+
+a:not(.c-button) {
+  background: var(--g-link--background);
+  border-radius: var(--g-link--border-radius);
+  color: var(--g-link--color);
+  font-weight: var(--g-link--font-weight);
+  -webkit-text-decoration: var(--g-link--text-decoration);
+  text-decoration: var(--g-link--text-decoration);
+  transition: 0.15s;
+}
+
+a:not(.c-button):focus, a:not(.c-button):hover {
+  background: var(--g-link--background-hover);
+  color: var(--g-link--color-hover);
+  -webkit-text-decoration: var(--g-link--text-decoration-hover);
+  text-decoration: var(--g-link--text-decoration-hover);
+}
+
+img {
+  height: auto;
+  margin-bottom: 0;
+  max-width: 100%;
+  vertical-align: top;
+}
+
+figure {
+  margin: 0;
+}
+
+figure img {
+  width: 100%;
+}
+
+caption, figcaption {
+  font: var(--ks-font-interface-xs);
+  font-style: italic;
+  padding-top: 0.35em;
+}
+
+video {
+  height: auto;
+  max-width: 100%;
+  vertical-align: top;
+  width: 100%;
+}
+
+kbd {
+  border: var(--ks-border-width-default) solid var(--ks-color-fg-to-bg-8);
+  border-radius: var(--ks-border-radius-control);
+  box-shadow: 0 1px 0 var(--ks-color-fg-alpha-8);
+  display: inline-block;
+  font: var(--ks-font-interface-s);
+  margin: 0 0.1em;
+  padding: 0.1em 0.5em 0;
+  vertical-align: 0.1em;
+  white-space: nowrap;
+}
+
+html:not(.js) img.lazyload {
+  display: none !important;
+}
+
+.hidden-visually {
+  clip: rect(1px, 1px, 1px, 1px);
+  border: 0;
+  -webkit-clip-path: inset(100%);
+  clip-path: inset(100%);
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+.hidden, [hidden] {
+  display: none !important;
+}
+
+h1 {
+  --c-rich-text_headline--font:var(--ks-font-display-xxl);
+}
+
+h2 {
+  --c-rich-text_headline--font:var(--ks-font-display-xl);
+}
+
+h3 {
+  --c-rich-text_headline--font:var(--ks-font-display-l);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  html {
+    scroll-behavior: auto;
+  }
+  *, :after, :before {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    scroll-behavior: auto !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+@media print {
+  .no-print {
+    display: none;
+  }
+}
+@container rich-text (min-width: 640px) {
+  :root, [ks-inverted], [ks-theme] {
+    --c-rich-text_headline--margin:1.5em 0 1em;
+  }
+}
+.l-container--post-teaser {
+  /* stylelint-disable-next-line property-no-unknown */
+  container-name: post-teaser;
+}
+
+article.c-post-teaser {
+  --c-teaser--background: transparent;
+  --c-post-teaser--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
+  --c-teaser_text--spacing: var(--ks-spacing-stack-s);
+  --g-topic--font: var(--ks-font-display-s);
+}
+@container post-teaser (min-width: 640px) {
+  article.c-post-teaser {
+    --g-topic--font: var(--ks-font-display-l);
+    --c-rich-text--font: var(--ks-font-copy-m);
+  }
+  article.c-post-teaser .c-tag-label--s {
+    --c-tag-label--font: var(--ks-font-interface-s);
+  }
+}
+@container post-teaser (min-width: 1000px) {
+  article.c-post-teaser {
+    --g-topic--font: var(--ks-font-display-xl);
+  }
+}
+article.c-post-teaser .c-teaser {
+  overflow: visible;
+  cursor: pointer;
+}
+article.c-post-teaser .c-teaser:hover .c-teaser__topic {
+  text-shadow: 0 0 15px var(--ks-color-fg-alpha-5);
+}
+article.c-post-teaser .c-teaser:hover .c-rich-text {
+  color: var(--ks-color-fg);
+}
+article.c-post-teaser .c-teaser:hover .c-rich-text > :not(.c-post-meta) {
+  text-decoration: none;
+}
+article.c-post-teaser .c-post-teaser__image img {
+  border-radius: var(--ks-border-radius-card);
+}
+article.c-post-teaser .c-post-meta {
+  --c-post-meta_author--font-weight: var(--ks-font-weight-semi-bold);
+  --c-post-meta--gap: 0.5em 1em;
+  margin: 0;
+}
+article.c-post-teaser .c-rich-text {
+  transition: var(--ks-transition-hover);
+  transition-property: color;
+  display: flex;
+  flex-direction: column;
+  gap: var(--c-post-teaser--gap);
+}
+article.c-post-teaser .c-teaser__topic {
+  text-align: left;
+  transition: var(--ks-transition-hover);
+  transition-property: text-shadow;
+}
+
+:root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
+  --g-link--text-decoration: none;
+}
+:root .c-rich-text, :root #root .c-rich-text, [ks-inverted] .c-rich-text, [ks-inverted] #root .c-rich-text, #root [ks-inverted] .c-rich-text, [ks-inverted] #root .c-rich-text, [ks-theme] .c-rich-text, [ks-theme] #root .c-rich-text, #root [ks-theme] .c-rich-text {
+  --c-rich-text_headline--font-weight: var(--g-headline--font-weight);
+  --c-rich-text_headline--color: var(--g-headline--color);
+}
+
+:root .c-form-check,
+:root .c-form-field,
+[ks-inverted] .c-form-check,
+[ks-inverted] .c-form-field,
+[ks-theme] .c-form-check,
+[ks-theme] .c-form-field {
+  --c-form-check_checkmark--color: var(--ks-color-fg-base);
+}
+
+@font-face {
+  font-family: "Fredoka";
+  src: url("static/fonts/dsa/Fredoka-Regular.woff") format("woff2"), url("static/fonts/dsa/Fredoka-Regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Fredoka";
+  src: url("static/fonts/dsa/Fredoka-SemiBold.woff2") format("woff2"), url("static/fonts/dsa/Fredoka-SemiBold.woff") format("woff");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Fredoka";
+  src: url("static/fonts/dsa/Fredoka-Medium.woff2") format("woff2"), url("static/fonts/dsa/Fredoka-Medium.woff") format("woff");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Fredoka";
+  src: url("static/fonts/dsa/Fredoka-Light.woff2") format("woff2"), url("static/fonts/dsa/Fredoka-Light.woff") format("woff");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Fredoka";
+  src: url("static/fonts/dsa/Fredoka-Bold.woff2") format("woff2"), url("static/fonts/dsa/Fredoka-Bold.woff") format("woff");
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Mulish";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("static/fonts/dsa/Mulish-Regular.woff2") format("woff2"), url("static/fonts/dsa/Mulish-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "Mulish";
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("static/fonts/dsa/Mulish-600.woff2") format("woff2"), url("static/fonts/dsa/Mulish-600.woff") format("woff"); /* Legacy iOS */
+}
+@font-face {
+  font-family: "Mulish";
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url("static/fonts/dsa/Mulish-800.woff2") format("woff2"), url("static/fonts/dsa/Mulish-800.woff") format("woff");
+}
+@font-face {
+  font-family: "Mulish";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("static/fonts/dsa/Mulish-300.woff2") format("woff2"), url("static/fonts/dsa/Mulish-300.woff") format("woff");
+}
+@font-face {
+  font-family: "NovelPro";
+  src: url("static/fonts/lughausen/novelpro-regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "NovelSansPro";
+  src: url("static/fonts/lughausen/novelsanspro-regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "NovelSansPro";
+  src: url("static/fonts/lughausen/novelsanspro-bold.woff") format("woff");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "TeleNeo";
+  src: url("static/fonts/telekom/teleneo-thin-woff-data.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "TeleNeo";
+  src: url("static/fonts/telekom/teleneo-medium-woff-data.woff") format("woff");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "TeleNeo";
+  src: url("static/fonts/telekom/teleneo-bold-woff-data.woff") format("woff");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "TeleNeo";
+  src: url("static/fonts/telekom/teleneo-extrabold-woff-data.woff") format("woff");
+  font-weight: 800;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Google Sans 18pt";
+  font-style: normal;
+  font-weight: normal;
+  src: url("static/fonts/google/google-sans-18pt.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Google Sans Display";
+  font-style: normal;
+  font-weight: normal;
+  src: url("static/fonts/google/google-sans-display.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Google Sans Text";
+  font-style: normal;
+  font-weight: normal;
+  src: url("static/fonts/google/google-sans-text.woff2") format("woff2");
+}
+body {
+  background: var(--ks-background-color-default);
+}
+
+:root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
+  --g-topic--font-weight: var(--ks-font-weight-medium);
+  --g-topic--color: var(--ks-color-fg);
+  --g-link--font-weight: var(--ks-font-weight-medium);
+  --g-link--color-hover: var(--ks-color-fg);
+  --g-header-height: calc(var(--g-logo--height) + var(--ks-spacing-stack-m) + var(--ks-spacing-stack-m)) !important;
+  --g-filter-drop-shadow--higlight: drop-shadow(0px 2px 30px var(--ks-color-primary-alpha-2))
+    drop-shadow(0px 1px 4px var(--ks-color-fg-alpha-8));
+  --g-gradient--higlight: linear-gradient(135deg, var(--ks-color-primary) 0%, var(--ks-color-secondary) 100%);
+  --l-section--content-padding: var(--ks-spacing-inset-l) !important;
+  --l-section--content-width-full: 100vw !important;
+  --l-section--content-width-wide: 1440px !important;
+  --dsa-interface--gradient: linear-gradient(
+    90deg,
+    var(--ks-color-primary-to-bg-9),
+    var(--ks-color-primary-to-bg-7),
+    var(--ks-color-primary-to-bg-9)
+  );
+  --dsa-interface--background: #161933b8;
+  --dsa-interface--shadow: 0 0 0 2px var(--ks-color-fg-alpha-8), 0 0px 8px var(--ks-color-fg-alpha-5);
+}
+@media (min-width: 42rem) {
+  :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
+    --l-section--content-padding: var(--ks-spacing-inset-xl) !important;
+  }
+}
+:root[ks-inverted=true], :root #root[ks-inverted=true], [ks-inverted][ks-inverted=true], [ks-inverted] #root[ks-inverted=true], #root [ks-inverted][ks-inverted=true], [ks-inverted] #root[ks-inverted=true], [ks-theme][ks-inverted=true], [ks-theme] #root[ks-inverted=true], #root [ks-theme][ks-inverted=true] {
+  --dsa-interface--background: var(--ks-color-bg-alpha-3);
+  --dsa-interface--shadow: 0 0 0 2px var(--ks-color-fg-alpha-9), 0 0px 8px var(--ks-color-fg-alpha-7);
+}
+:root .c-divider, :root #root .c-divider, [ks-inverted] .c-divider, [ks-inverted] #root .c-divider, #root [ks-inverted] .c-divider, [ks-inverted] #root .c-divider, [ks-theme] .c-divider, [ks-theme] #root .c-divider, #root [ks-theme] .c-divider {
+  --c-divider--background: var(--ks-border-color-accent);
+}
+:root .c-post-head, :root #root .c-post-head, [ks-inverted] .c-post-head, [ks-inverted] #root .c-post-head, #root [ks-inverted] .c-post-head, [ks-inverted] #root .c-post-head, [ks-theme] .c-post-head, [ks-theme] #root .c-post-head, #root [ks-theme] .c-post-head {
+  --c-post-head_date--font-weight: var(--ks-font-weight-semi-bold);
+}
+:root .g-link, :root #root .g-link, [ks-inverted] .g-link, [ks-inverted] #root .g-link, #root [ks-inverted] .g-link, [ks-inverted] #root .g-link, [ks-theme] .g-link, [ks-theme] #root .g-link, #root [ks-theme] .g-link {
+  display: flex;
+  align-items: center;
+  gap: 0.25em;
+  width: fit-content;
+  font-family: var(--ks-font-family-copy);
+  font-size: var(--ks-font-size-interface-m);
+  font-weight: var(--ks-font-weight-semi-bold);
+}
+:root .g-link .icon, :root #root .g-link .icon, [ks-inverted] .g-link .icon, [ks-inverted] #root .g-link .icon, #root [ks-inverted] .g-link .icon, [ks-inverted] #root .g-link .icon, [ks-theme] .g-link .icon, [ks-theme] #root .g-link .icon, #root [ks-theme] .g-link .icon {
+  width: 1.5em;
+  height: 1.5em;
+}
+:root .c-tag-label--m, :root #root .c-tag-label--m, [ks-inverted] .c-tag-label--m, [ks-inverted] #root .c-tag-label--m, #root [ks-inverted] .c-tag-label--m, [ks-inverted] #root .c-tag-label--m, [ks-theme] .c-tag-label--m, [ks-theme] #root .c-tag-label--m, #root [ks-theme] .c-tag-label--m {
+  --c-tag-label--vertical-padding: 0.4em;
+  --c-tag-label--horizontal-padding: 1em;
+  --c-tag-label_icon--size: 1.25em;
+  --c-tag-label_icon--margin-left: -0.6em;
+  --c-tag-label_icon--horizontal-padding: 0.5em;
+}

package/dist/static/favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>