/* D-Arch Digital Signage - CSS 
    Version 0.1 - Thomas Gemperli, gemperli@ethz.ch */

/* ETH font */
@font-face {
    font-family: 'DINPro';
    font-weight: normal;
    font-style: normal;
    src: url("/css/fonts/dinpro-regular.woff2") format("woff2");
}
@font-face {
    font-family: 'DINPro';
    font-weight: bold;
    font-style: normal;
    src: url("/css/fonts/dinpro-bold.woff2") format("woff2");
}
@font-face {
    font-family: 'DINPro';
    font-weight: normal;
    font-style: italic;
    src: url("/css/fonts/dinpro-italic.woff2") format("woff2");
}

/* reset defaults */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* basics */
body {
    font-family: 'DINPro', sans-serif;
    font-size: .9vw;
    background-color: #ffffff;
    color: #000000;
}
a {
    color: #ffffff;
    text-decoration: none;
}

/* color conversations */
.ethblau {
    filter: invert(8%) sepia(53%) saturate(1930%) hue-rotate(199deg) brightness(99%) contrast(109%);
}
.ethhellblau {
    filter: invert(16%) sepia(98%) saturate(6935%) hue-rotate(252deg) brightness(53%) contrast(126%);
}
.darchrot {
    filter: invert(32%) sepia(91%) saturate(2941%) hue-rotate(344deg) brightness(97%) contrast(92%);
}

span.invert {
    color: #ffffff;
    background-color: #000000;
}

/* image placement */
img.bild {
    width: 100%;
    /* height: 100%;  */
    object-fit: contain;
    object-position: left top;
    /* background-color: #ffffff; */
    z-index: -1;
}