@font-face {
	 font-family: 'KarioDuplexVar';
	 src: URL('https://events.ccc.de/congress/2025/infos/styleguide/v1/fonts/KarioVar-Roman.woff2') format('woff2');
}
 :root {
	 --color-dark: #141414;
	 --color-neutral: #faf5f5;
	 --color-primary: #00ff00;
	 --color-secondary: #9673ff;
	 --color-additional-01: #ff3719;
	 --color-additional-02: #66f2ff;
	 --color-primary-tint-01: #009900;
	 --color-primary-tint-02: #00be00;
	 --color-primary-tint-03: #00d300;
	 --color-primary-tint-04: #00ea00;
	 --color-primary-tint-05: #a3ff90;
	 --color-primary-tint-06: #ccffbe;
	 --color-primary-tint-07: #ebffe5;
	 --color-secondary-tint-01: #4d2eed;
	 --color-secondary-tint-02: #5c33f4;
	 --color-secondary-tint-03: #7952fe;
	 --color-secondary-tint-04: #b69dfe;
	 --color-secondary-tint-05: #d4c4fe;
	 --color-secondary-tint-06: #efe7ff;
	 --color-primary-text-dark: var(--color-primary-tint-01);
	 --color-primary-light: var(--color-primary-tint-04);
	 --color-primary-lighter: var(--color-primary-tint-05);
	 --color-secondary-light: var(--color-secondary-tint-04);
	 --color-secondary-lighter: var(--color-secondary-tint-05);
	 --color-success: var(--color-primary);
	 --color-info: var(--color-secondary);
	 --color-warning: var(--color-additional-02);
	 --color-danger: var(--color-additional-01);
	 --color-white: var(--color-neutral);
	 --color-offwhite: color-mix(in srgb, var(--color-dark) 5%, var(--color-neutral));
	 --color-grey-lightest: color-mix(in srgb, var(--color-dark) 5%, var(--color-neutral));
	 --color-grey-lighter: color-mix(in srgb, var(--color-dark) 10%, var(--color-neutral));
	 --color-grey-light: color-mix(in srgb, var(--color-dark) 15%, var(--color-neutral));
	 --color-grey-medium-lighter: color-mix(in srgb, var(--color-dark) 25%, var(--color-neutral));
	 --color-grey-medium-light: color-mix(in srgb, var(--color-dark) 30%, var(--color-neutral));
	 --color-grey-medium: color-mix(in srgb, var(--color-dark) 35%, var(--color-neutral));
	 --color-grey: color-mix(in srgb, var(--color-dark) 50%, var(--color-neutral));
	 --color-grey-dark: color-mix(in srgb, var(--color-dark) 60%, var(--color-neutral));
}
 #top-bg {
	 background-color: var(--color-dark);
}
 #header-tabs {
	 --color-primary: var(--color-dark);
	 --color-primary-text: var(--color-dark);
}
 .heading-with-buttons #fav-button {
	 color: var(--color-additional-01);
}
 h1 a {
	 visibility: hidden;
	 display: block;
	 position: relative;
}
 h1 a:before {
	 font-family: KarioDuplexVar;
	 font-weight: 10;
	 font-kerning: none;
	 visibility: visible;
	 content: "<<39C3 Lightning Talks";
	 position: absolute;
	 top: 0;
	 left: 0;
}