html, body {
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    font-size: calc(12px + (18 - 12) * (100vw - 1024px) / (3840 - 1024));
    line-height: 1.0;
}


.nob {
    white-space: nowrap;
}

i {
    text-decoration: underline;
}

b {
    font-weight: normal;
}

small {
    font-size: 0.75em;
}

strong {
    font-size: 1.20em;
}

a, label, button, video {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    color: inherit;
}

p a {
    display: inline-block;
    margin-right: 0.30em;
    letter-spacing: 0.03em;
}

    p a:hover, .ico:hover {
        text-decoration: underline;
    }

figcaption {
    font-size: 0.90em;
    font-style: italic;
}

input, select, textarea {
    font-size: 1.00em;
}

.legend {
    font-size: 0.75em;
    font-style: italic;
}

.btn {
    font-size: 1.00em;
    line-height: 1.00;
}

    .btn.small {
        font-size: 0.90em;
    }

.ico {
    font-size: 0.90em;
    white-space: nowrap;
}

label {
    font-size: 0.90em;
    line-height: 1.20em;
}

table label {
    font-size: 1.025em;
    line-height: 1.20em;
}

.ico.search {
    font-size: 1.00em;
}

/* --------------------------------------------------------------------------- */

h1, h2, h3, h4 {
    position: relative;
    line-height: 1.20;
}

h1 {
    font-size: 1.50em;
}

h2 {
    font-size: 1.50em;
}

    h2 + span {
        display: block;
    }

h3 {
    font-size: 1.15em;
}

    h3 + span {
        display: block;
    }

.db .head.sub h3 {
    line-height: 1.50;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

h4 {
    font-size: 1.00em;
}

.h3big {
    font-size: 1.25em;
}
/* Größere Überschrift über den Dashboard toggles*/
p, li,
figcaption {
    line-height: 1.50;
}

p, .pad span {
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

ul, ol {
    margin: 0 1.00em;
}

li + li {
    display: list-item;
    width: auto;
}

ol > li > a {
    display: block;
}

.clamp,
.monitor > .actions > a > span {
    white-space: pre;
    overflow: hidden;
    max-width: 100.0%;
    text-overflow: " ...";
}

/*
.clamp	 { display: -webkit-box; 
           -webkit-box-orient: vertical;  
           overflow: hidden;  -webkit-line-clamp: 1; }

/* --------------------------------------------------------------------------- */

.pad .pot {
    font-size: 2.50em;
    float: right;
}

.pad .btn {
    font-size: 0.75em;
    line-height: 1.20;
    text-align: center;
}

.pad.tab:before {
    font-size: 0.85em;
    font-weight: bold;
}

.progress:before {
    font-size: 0.75em;
}

.progress:after {
}

.tooltip {
    font-size: 0.66rem;
    text-align: center;
}
/* Hier feste Schriftgröße! */

.docu > div {
    font-size: 0.75em;
    line-height: 1.40;
}

.docu details > div > p + p {
    text-indent: -17.50em;
    margin-left: 17.50em;
}

    .docu details > div > p + p > span {
        text-indent: 0;
        margin-left: 0;
        display: inline-block;
        width: 17.50em;
    }

input.switch + label:before,
.bubble:after, .newsbubble {
    font-size: 0.75em;
    line-height: 1.00;
}

.scrollsnaps > *:before {
    font-size: 0.75em;
    text-align: center;
}

ul.items li:before {
    font-size: 1.50em;
}

#hotline a[href^="../"] {
    font-size: 0.90em;
    text-transform: uppercase;
}

/* --- Sub-Menu --- */

#submenu > div > span:first-child {
    font-size: 1.05em;
    text-transform: uppercase;
    letter-spacing: 0.125em;
}

    #submenu > div > span:first-child > a:after {
        font-size: 1.75em;
        text-transform: none;
    }

#submenu > div > span:last-child > a {
    font-size: 0.90em;
}

/* --- Table --- */

table {
    line-height: 1.20;
}

    table th, table .org {
        font-size: 0.66em;
        text-align: left;
    }

tr.sub > * {
    letter-spacing: 0.025em;
}

table td {
    font-size: 0.85em;
}

    table td select {
        font-size: 1.00em;
    }

    table td .ico {
        font-size: 1.25em;
    }

td:empty {
    text-align: center;
    font-style: italic;
}

/* --- Footer --- */

.designby {
    font-style: italic;
}

/* --- Spacing --- */

* + .scrollbox,
.concept + .concept,
.grid + table,
table + .grid,
table + h2,
.box + figure,
hr + figure,
figure + table,
.box + table,
table + .box {
    margin-top: 3.00em;
}

nav a + a,
.grid + .control,
.grid + h2,
.control + *,
p + table,
table + figure,
table + div,
table + .btn,
.data + .data,
.box + ol,
.box + h4 {
    margin-top: 1.50em;
}

.concept td > * + *,
iframe + *,
h2 + *,
h2 + table,
img + h3,
h4 + table,
h4 + ol,
h3 + *,
ol + h4,
p + h2,
p + h3,
p + ul,
p + div,
ul + p,
h3 + hr,
h3 + .scroll,
.display li + li,
nav li + li,
p + p,
ul + p {
    margin-top: 1.00em;
}

li + li,
span + h4,
table p + p {
    margin-top: 0.50em;
}

h3 + .monitor-results,
h3 + .ico {
    margin-top: 0;
}

/*	=================================
		FONTS
	================================= */

body, small, p, table th, td.org {
    font-family: 'sofo-book', Courier, monospace;
    font-style: normal;
    font-weight: 400;
}

header *, h2, h3, h4, table *, #quick *, input, select, textarea, label, .ico, .btn, nav *, #submenu a, ul > li > span, .chart *, .progress:after {
    font-family: 'sofo-regu', Courier, monospace;
    font-style: normal;
    font-weight: 400;
}

strong, b, h1, #hotline a, .helppoint, #submenu > div > span:first-child, .pad > .status, tr.sub > *, td.bold, .bubble:after, summary.dokuhead > *:nth-child(6), ul.items li:before, ul.items li.red, .pad .pot,
.donut > .bot > span > span .trend + span:before, .donut > .bot > span > span .txt + span:before, .newsbubble {
    font-family: 'sofo-semi', Courier, monospace;
    font-style: normal;
    font-weight: 400;
}

    a[href^="tel:"]:before, a[href^="mailto:"]:before, #submenu > div > span:first-child > a:after, table tr > td:has(label > input) > label:before, label.pur:before {
        font-family: 'icongo', Courier, monospace !important;
        font-style: normal;
        font-weight: normal;
    }

@font-face {
    font-family: 'sofo-book';
    src: url('../fonts/ToyotaType-Book.woff2') format('woff2');
}

@font-face {
    font-family: 'sofo-regu';
    src: url('../fonts/ToyotaType-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'sofo-semi';
    src: url('../fonts/ToyotaType-Semibold.woff2') format('woff2');
}

@font-face {
    font-family: 'mono';
    src: url('../fonts/consola.woff2') format('woff2');
}

@font-face {
    font-family: 'icongo';
    src: url('../fonts/icongo.woff2') format('woff2');
}

/*	=================================
		END
	================================= */