/*
Theme Name: WTI
Theme URI: http://design-in-potsdam.de
Author: Design in Potsdam
Author URI: http://design-in-potsdam.de
Description:
Version: 2.3.5
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* Sidebar Menu Icons */
.sidebar-menu-wrap .icon {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-top: -0.2em;
    margin-right: 5px;
    background: url(images/sidebar_menu_icons.png);
    vertical-align: middle;
}
.sidebar-menu-wrap .icon1 {
    background-position: 0 0;
}
.sidebar-menu-wrap .icon2 {
    background-position: -21px 0;
}
.sidebar-menu-wrap .icon3 {
    background-position: -42px 0;
}
.sidebar-menu-wrap .icon4 {
    background-position: -63px 0;
}
.sidebar-menu-wrap .icon5 {
    background-position: -84px 0;
}
.sidebar-menu-wrap .icon6 {
    background-position: -105px 0;
}
.sidebar-menu-wrap .icon7 {
    background-position: -126px 0;
}

/*CSS for high-resolution devices*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .sidebar-menu-wrap .icon {
        background-size:21px 21px;
        background-image: url(images/sidebar_menu_icons@2x.png);
    }
/* ================================
   Roboto lokal einbinden – Child Theme
   ================================ */

/* Normal 400 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Roboto-Regular.ttf') format('truetype');
}

/* Fett 700 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/Roboto-Bold.ttf') format('truetype');
}

/* Kursiv 400 */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/Roboto-Italic.ttf') format('truetype');
}

/* Fett + Kursiv 700 */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/Roboto-BoldItalic.ttf') format('truetype');
}

/* Schrift global anwenden */
body, h1, h2, h3, h4, h5, h6, p, a, span {
  font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}