/* -------------------------------------------- */
/* Bosch Extranet Relaunch 2017 */
/* Version: 1.7 */
/* -------------------------------------------- */
/* Created by @twotribes, Germany */
/* -------------------------------------------- */
/* Browser Scope: ALL */
/* StyleSheet Scope: INITIALIZATION */
/* -------------------------------------------- */

/* !-------------------------------------------- */
/* !Fonts */
/* !-------------------------------------------- */

@font-face {
    font-family: "Bosch Sans";
    src: url("./fonts/BoschSans-Light.woff") format("woff");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Bosch Sans";
    src: url("./fonts/BoschSans-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Bosch Sans";
    src: url("./fonts/BoschSans-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Bosch Sans";
    src: url("./fonts/BoschSans-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Bosch Sans";
    src: url("./fonts/BoschSans-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}


/* !-------------------------------------------- */
/* !Reset-styles */
/* !-------------------------------------------- */

*, *:before, *:after {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body, h1, h2, h3, h4, h5, h6, p {
    font-weight: 400;
    margin: 0;
    padding: 0;
}

main {
    display: block; /* bugfix for IE11 and older (their default is display: inline) */
}

ul, ol, li, dl, dt, dd {
    list-style: none;
    margin: 0;
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

legend {
    color: inherit;
}

/* !-------------------------------------------- */
/* !Development markers */
/* !-------------------------------------------- */

img[src=""] {
    background-color: rgba(0,0,0,0.2);
}

.debug {
    outline: 5px solid red !important;
}

.debug2 {
    outline: 5px solid green !important;
}

/*
*:focus {
    outline: 5px solid green !important;
}

h1 {
    outline: 2px solid red !important;
}

h2 {
    outline: 2px solid orange !important;
}

h3 {
    outline: 2px solid green !important;
}

h4 {
    outline: 2px solid blue !important;
}
*/