:root {
  --PSE-row: calc(100vw / 14);
  --PSE-column: calc(100vw / 20);
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond-Light.woff2') format('woff2'),
        url('../fonts/IBMPlexSansCond/IBMPlexSansCond-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/IBMPlexSansCond/IBMPlexSansCond-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond-LightItalic.woff2') format('woff2'),
        url('../fonts/IBMPlexSansCond/IBMPlexSansCond-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond-ExtraLight.woff2') format('woff2'),
        url('../fonts/IBMPlexSansCond/IBMPlexSansCond-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond-Italic.woff2') format('woff2'),
        url('../fonts/IBMPlexSansCond/IBMPlexSansCond-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond-Bold.woff2') format('woff2'),
        url('../fonts/IBMPlexSansCond/IBMPlexSansCond-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond-Medium.woff2') format('woff2'),
        url('../fonts/IBMPlexSansCond/IBMPlexSansCond-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond-BoldItalic.woff2') format('woff2'),
        url('../fonts/IBMPlexSansCond/IBMPlexSansCond-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond-SemiBold.woff2') format('woff2'),
        url('../fonts/IBMPlexSansCond/IBMPlexSansCond-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond-Thin.woff2') format('woff2'),
        url('../fonts/IBMPlexSansCond/IBMPlexSansCond-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond-ExtraLightItalic.woff2') format('woff2'),
        url('I../fonts/IBMPlexSansCond/BMPlexSansCond-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond-ThinItalic.woff2') format('woff2'),
        url('../fonts/IBMPlexSansCond/IBMPlexSansCond-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond.woff2') format('woff2'),
        url('../fonts/IBMPlexSansCond/IBMPlexSansCond.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/IBMPlexSansCond/IBMPlexSansCond-MediumItalic.woff2') format('woff2'),
        url('../fonts/IBMPlexSansCond/IBMPlexSansCond-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Medium.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-BlackItalic.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Light.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-SemiBold.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-ThinItalic.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Regular.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Bold.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-ExtraBold.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-BoldItalic.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-LightItalic.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Italic.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Thin.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-MediumItalic.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Black.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-ExtraLight.woff2') format('woff2'),
        url('../fonts/FiraSansExtraCondensed/FiraSansExtraCondensed-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: IBM Plex Sans Condensed, sans-serif;
}

html {
	font-size: 1vw;
}

body {
	width: 99.9%;
	height: 99.9%;
	align-items: center;
}

div {

}

.margin-top-1em {
	margin-top: 1em;
}

.background-wrapper
{
	z-index: 0;
	grid-column-gap: 0;
	grid-row-gap: 0;
	position: fixed;
	top: 0;
	bottom: 0;
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 10fr) minmax(0, 7fr);
}

.background-wrapper .transparent
{
	height: 100%;
	width; 100%;
}

#wikipedia-frame {
	z-index: 102;
	position: absolute;
	display: none;
	top: 0px;
	width: 100vw;
	height: 100vh;
}

#wikipedia-iframe {
	display: inline-block;
	width: 100vw;
	height: 100vh;
}
#hidebutton {
	display: inline;
	padding: 2px;
	border: 2px lightgray outset;
	color: black;
	border-radius: 8px;
	margin-left: calc(50vw - 4.5em);
}
#hidebutton:hover {
	cursor: pointer;
}

#explanation-wrapper {
	position: absolute;
	z-index: 101;
	width: 100vw;
	height: calc(var(--PSE-row) * 4);
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: minmax(0, 0.75fr) minmax(0, 18fr) minmax(0, 0.25fr);
	pointer-events: none;
}

.explanation-row0-wrapper {
	height: calc((var(--PSE-row) / 2) - 1em);
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: minmax(0, 3fr) minmax(0, 8fr) minmax(0, 7fr);
	pointer-events: none;
}
.explanation-row2-wrapper {
	height: 1em;
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: minmax(0, 3fr) minmax(0, 8fr) minmax(0, 7fr);
	pointer-events: none;
}
.explanation-box-wrapper {
	height: calc(var(--PSE-row) * 3);
	width: 100%;
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: minmax(0, 3fr) minmax(0, 8fr) minmax(0, 7fr);
	pointer-events: none;
}

.explanation-box {
	background-color: azure;
	border: 1px midnightblue solid;
	padding: 0.5em;
}

.explanation-content {
	display: inline-block;
	vertical-align: top;
}

.explanation-cell-wrapper
{
	display: inline-grid!important;
	width: var(--PSE-column);
	height: var(--PSE-row);
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-rows: minmax(0, 1.8fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1.2fr);
	border: 1px DarkSlateGray solid;
	word-wrap: break-word!important;
	overflow-wrap: break-word!important;
}

.explanation-cell-legend {
	text-align: center;
}

.ex-colorbox {
	border: 1px black solid;
}

.ex-color-line {
	margin-top: 0.5rem;
}

.ex-colors {
	text-align: center;
}

.ex-colors-column {
	display: inline-block;
	text-align: left;
	min-width: 25%;
}

#body-wrapper {
	z-index: 100;
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: minmax(0, 0.75fr) minmax(0, 18fr) minmax(0, 0.25fr);
}

.content-wrapper div {
	margin-top: -1px;
}

.content-wrapper {
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-rows: repeat(12, minmax(0, 1fr));
}

.row0-wrapper {
	height: var(--PSE-row);
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: minmax(0, 1fr) minmax(0, 16fr) minmax(0, 1fr);
}
.p1-wrapper {
	height: minmax(0, var(--PSE-row));
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 10fr) repeat(6, minmax(0, 1fr));
}
.p2-wrapper {
	height: minmax(0, var(--PSE-row));
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 10fr) repeat(6, minmax(0, 1fr));
}
.p3-wrapper {
	height: minmax(0, var(--PSE-row));
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: repeat(18, minmax(0, 1fr));
}
.p4-wrapper {
	height: minmax(0, var(--PSE-row));
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: repeat(18, minmax(0, 1fr));
}
.p5-wrapper {
	height: minmax(0, var(--PSE-row));
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: repeat(18, minmax(0, 1fr));
}
.p6-wrapper {
	height: minmax(0, var(--PSE-row));
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: repeat(18, minmax(0, 1fr));
}
.p7-wrapper {
	height: minmax(0, var(--PSE-row));
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: repeat(18, minmax(0, 1fr));
}
.inter-wrapper {
	height: calc(var(--PSE-row) / 2);
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 15fr);
}
.lanthanoide-wrapper {
	height: minmax(0, var(--PSE-row));
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: minmax(0, 2fr) repeat(15, minmax(0, 1fr)) minmax(0, 1fr);
}
.actinoide-wrapper {
	height: minmax(0, var(--PSE-row));
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: minmax(0, 2fr) repeat(15, minmax(0, 1fr)) minmax(0, 1fr);
}
.cell-wrapper
{
	display: grid;
	height: var(--PSE-row);
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-rows: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1.3fr);
	border-top: 1px DarkSlateGray solid;
	border-left: 1px DarkSlateGray solid;
	word-wrap: break-word!important;
	overflow-wrap: break-word!important;
}

.cell-wrapper:hover
{
	cursor: pointer;
}

.cell-wrapper div
{
	pointer-events: none;
}

.last-col {
	border-right: 1px DarkSlateGray solid;
}

.last-col2 {
	border-left: 1px DarkSlateGray solid;
}

.last-row .cell-wrapper {
	border-bottom: 1px DarkSlateGray solid;
}

/* Zellenhintergründe */
.noblegas {
	background-image: linear-gradient(31.82deg, #BDF2FC 33%, #BDF2FC 66%, #fff 92%);
}
.alkali {
	background-image: linear-gradient(31.82deg, #E49567 33%, #E49567 66%, #fff 92%);
}
.alkaline {
	background-image: linear-gradient(31.82deg, #FF80BF 33%, #FF80BF 66%, #fff 92%);
}
.metal {
	background-image: linear-gradient(31.82deg, #A5B5DD 33%, #A5B5DD 66%, #fff 92%);
}
.transitionmetal {
	background-image: linear-gradient(31.82deg, #C1A2E9 33%, #C1A2E9 66%, #fff 92%);
}
.semimetal {
	background-image: linear-gradient(31.82deg, #7DF8CF 33%, #7DF8CF 66%, #fff 92%);
}
.nonmetal {
	background-image: linear-gradient(31.82deg, #95F995 33%, #95F995 66%, #fff 92%);
}
.halogen {
	background-image: linear-gradient(31.82deg, #FFFB5C 33%, #FFFB5C 66%, #fff 92%);
}
.lanthanoide {
	background-image: linear-gradient(31.82deg, #F08FF0 33%, #F08FF0 66%, #fff 92%);
}
.actinoide {
	background-image: linear-gradient(31.82deg, #F0B7F0 33%, #F0B7F0 66%, #fff 92%);
}
.metal.semimetal {
	background-image: linear-gradient(31.82deg, #A5B5DD 33%, #88F8D3 66%, #fff 92%);
}
.semimetal.nonmetal {
	background-image: linear-gradient(31.82deg, #7DF8CF 33%, #95F995 66%, #fff 92%);
}
.semimetal.halogen {
	background-image: linear-gradient(31.82deg, #7DF8CF 33%, #FFFB5C 66%, #fff 95%);
}
.ex-rad {
	color: #FFF500;
	-webkit-text-stroke: 0.5px black;
	-webkit-text-fill-color: #FFF500;
}
.artbasic {
	background-image: linear-gradient(31.82deg, #ccc 9%, #eee 66%, #fff 95%);
}
.art {
	background-image: linear-gradient(31.82deg, #ccc 9%, #fff 24%, #ccc 42%, #fff 59%, #ccc 74%, #fff 92%);
}
.art.transitionmetal {
	background-image: linear-gradient(31.82deg, #C1A2E9 9%, #fff 24%, #C1A2E9 42%, #fff 59%, #C1A2E9 74%, #fff 92%);
}
.art.lanthanoide {
	background-image: linear-gradient(31.82deg, #F08FF0 9%, #fff 24%, #F08FF0 42%, #fff 59%, #F08FF0 74%, #fff 92%);
}
.art.actinoide {
	background-image: linear-gradient(31.82deg, #F0B7F0 9%, #fff 24%, #F0B7F0 42%, #fff 59%, #F0B7F0 74%, #fff 92%);
}

/* Definitionen des Zelleninhalte */

.symbol {
	float: right;
	font-size: 1.1rem;
	font-weight: 600;
	padding: 2% 4% 0 0;
	pointer-events: none;
}
.ex-symbol {
	font-size: 1.1rem;
	font-weight: 600;
	padding: 1% 0 calc(var(--PSE-row) - 5em) 0;
}
.ex-wiki {
	font-size: .8rem;
	font-weight: 300;
	padding: 1% 0 calc(var(--PSE-row) - 7.1em) 0;
}
.symbol.gas {
	color: red;
}
.symbol.liquid {
	color: blue;
}
.ex-gas {
	color: red;
}
.ex-liquid {
	color: blue;
}
.ordnum {
	float: left;
	font-size: 1.1rem;
	font-weight: 600;
	pointer-events: none;
	margin-left: 2px;
}
.ex-ordnum {
	text-align: right;
	font-size: 1.1rem;
	font-weight: 600;
}
.ordnum.rad {
	color: #FFF500;
	-webkit-text-stroke: 0.5px black;
	-webkit-text-fill-color: #FFF500;
}
.glabel
{
	font-size: 0.6em;
	text-align: center;
	margin-top: 96%;
	padding-bottom: 0.2em;
	height: 1.8em;
	background-color: white;
	border-bottom: 2px white solid;
}
.plabel {
	transform: rotate(270deg);
	margin-top: calc(var(--PSE-row) * 4.5);
	font-weight: 400;
	font-size: 1.2rem;
}
.ename {
	display: block;
	clear:both;
	font-size: 0.8rem;
	font-weight: 600;
	padding: 0 2% 0 2%;
	text-align: center;
	pointer-events: none;
}
.ex-ename {
	font-size: 0.8rem;
	font-weight: 600;
	text-align: right;
	padding: 3% 0 0 0;
}
.agew {
	display: block;
	font-size: 0.8rem;
	text-align: left;
	pointer-events: none;
	margin-left: 2px;
}
.ex-agew {
	font-size: 0.8rem;
	text-align: right;
	margin-left: 2px;
	margin-top: calc(var(--PSE-row) * -0.025);
}
.schalen {
	display: block;
	font-size: 0.8rem;
	text-align: left;
	word-wrap: break-word!important;
	overflow-wrap: break-word!important;
	pointer-events: none;
	margin-left: 2px;
	margin-top: 2px;
	line-height: 1.2em;
}
.ex-schalen {
	font-size: 0.8rem;
	text-align: right;
	margin-left: 2px;
	margin-top: calc(var(--PSE-row) * 0.01);
}
.eneg {
	display: block;
	font-weight: 600;
	font-size: 0.8rem;
	text-align: right;
	color: red;
	float: right;
	pointer-events: none;
	margin-right: 2px;
}
.ex-eneg {
	display: block;
	font-weight: 600;
	font-size: 0.8rem;
	text-align: left;
	color: red;
}
.titel {
	font-size: 2.5vw;
	text-align: center;
}
.aclabel {
	padding-top: 2.2em;
	font-size: 1.1vw;
	position: relative;
	left: -1.7em;
}
.lalabel {
	padding-top: 2.2em;
	font-size: 1.1vw;
	position: relative;
	left: -3em;
}
.varrow {
	text-align: center;
	font-size: 4em;
	font-weight: 100;
}

.uka-copyright {
	width: 100%;
	text-align: right;
	font-size: 0.7rem;
	margin: 0 3em 1em 0;
}

.printtext {
	width: 100%;
	text-align: center;
	font-size: 0.7rem;
}

.grouplabel
{
	position: relative;
	top: calc(var(--PSE-row) - 2em);
	text-align: center;
}
.plabel-wrapper {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.pnum-wrapper {
	display: grid;
	grid-template-rows: 1.38fr repeat(9, 1fr) 1.62fr;
}

svg {
	--yellow: #FFF500;
	--black: #000;
}

.svg_ordnum_rad_ex {
	height: 1.13em;
	width: 4.42em;
}

.svg_ordnum_rad {
	height: 1.15em;
	width: 2.5em;
}

.svg_sieheunten {
	height: 1.15em;
	width: 4em;
}

text {
	font-family: IBM Plex Sans Condensed, sans-serif;
	font-size: 1em;
	font-weight: bold;
	fill: var(--yellow);
	stroke: var(--black);
	stroke-width: .02em;
}
.copyright-wrapper {
	height: 1.1em;
}