/**
 * STYLESHEET DESCRIPTION
 * ======================
 *
 * (GER|DEUTSCHE VERSION)
 * Der Zweck dieses Stylesheets ist, die Arbeit zwischen Browsern in unterschiedlichen
 *   Betriebssystemen (Desktop, Tablet, Smartphone/Handy, etc.) zu linearisieren. Das
 *   bedeutet, alle unten stehenden Regeln und Selektoren dienen ausschließlich
 *   dem Zweck, Inkonsistenzen zwischen dem (meist nicht-visuellen) Renderingverhalten
 *   für HTML-Elemente zu entfernen. Ändern Sie die Regeln bitte nicht aufgrund
 *   eines spezifischen von Ihnen gewünschten Erscheinungsbildes oder Verhaltens.
 *   Falls Sie eine Änderung an dem Stylesheet vornehmen – indem Sie beispielsweise
 *   Regeln hinzufügen – schauen Sie bitte zuerst, ob nicht schon Regeln für dieses
 *   Element aufgestellt wurden, um Selektoren und Regeln nicht mehrfach zu
 *   definieren und somit die Pflegbarkeit des Codes zu erhalten.
 *
 * (EN|ENGLISH VERSION)
 * The purpose of this stylesheet is to make working in browsers across different
 *   plattforms (desktop, tablet, mobile, etc.) more linear. This means, all of
 *   the styles and selectors written below do only exist to wipe out inconsistencies
 *   between the (mostly non-visual) rendering of elements in these browsers.
 *   Please do not change any of the styles below because of a visual appearance
 *   or a certain behaviour. In case you do change it – by adding more rules to
 *   it for example – please first scan the selectors and the rules to avoid
 *   duplicating already defined rules which clutters the code and downgrades its
 *   maintainability.
 *
 */




/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects inline-block display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets the html-tag to full height
 * 2. Sets the bg-color to plain white to remove odd user-defined background colors
 * 3. Sets default font family to sans-serif and ~10px tall.
 * 4. Prevents iOS/Win8 text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    height: 100%; /* 1 */

    background-color: #ffffff; /* 2 */
    font-family: sans-serif; /* 3 */
    font-size: 62.5%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/*
 * 1. Makes the body-tag to be as high as the html-tag but allows (native) scrolling
 */

body {
    min-height: 100%; /* 1 */

/*
    font-size: 1.4em;
    */
}

/*
 * 1. Removes default margin.
 * 2. Forces all browsers to use a "wrong" box-model like IE<7.
 */

body, /* this is a complete list of all block-elements */
blockquote,
figcaption,
noscript,
fieldset,
figure,
address,
canvas,
video,
table,
tfoot,
form,
pre,
div,
dd,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
ol,
ul,
li,
p {
    margin: 0; /* 1 */
    padding: 0; /* 1 */
    -webkit-box-sizing: border-box; /* 2 */
    -moz-box-sizing: border-box; /* 2 */
    -ms-box-sizing: border-box; /* 2 */
    box-sizing: border-box; /* 2 */
}

/*
 * Removes underlines from all inline-elements until set explicitly
 */
textarea, /* this is a complete list of all inline-elements */
acronym,
object,
script,
button,
select,
strong,
label,
input,
small,
span,
samp,
cite,
code,
abbr,
sub,
sup,
img,
big,
map,
dfn,
kbd,
br,
em,
tt,
q,
i,
b,
a {
    text-decoration: none;
}


/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: 0;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:hover,
a:active {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses style set to bolder in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
samp,
kbd,
pre {
    font-family: monospace, serif;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Makes all images fluid by default
 * 2. Removes border when inside <a> element in IE 8/9.
 */

img {
    max-width: 100%; /* 1 */
    width: auto; /* 1 */
    height: auto; /* 1 */
    border: 0; /* 2 */
}


/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting line-height on input using !important in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Removes spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}