/**
 * @lastmodified $Id: 
 * @since 3.8.2
 *
 * @package Frontend-Kit
 * @tableofcontents
 *
 * 1. print
 * 2. Steuerung
 * 3. min width 25em
 * 4. min width 35em
 * 5. min width 50em
 * 6. max width 50em
 * 7. min width 60em
 */

/* @section 1. print */

@media print {
    body {
        color: #000;
        font-size: 1em;
    }
}

/* @section 2. Steuerung */

@media all {
    html:after, html:before {
        display: none;
    }
}

/* @section 4. min width 35em */

@media all and (min-width:35em) {

    .textHighlightLarge {
        font-size: 1.25em;
        line-height: 0;
    }
}

/* @section 5. min width 50em */

@media all and (min-width:50em) {
    html {
        -ms-before: 'loadWidescreen';
    }

    html:before {
        content: 'loadWidescreen';
    }

    html {
        -ms-after: 'widescreen';
    }

    html:after {
        content: 'widescreen';
    }

    .brandingFooter {
        padding: 2em 1em;
    }

    .formDefault textarea,
    .formDefault input[type=text],
    .formDefault select {
        border-radius: 0.25em;
    }

    .textHighlightLarge {
        font-size: 1.5em;
    }

    .pagination .prev,
    .pagination .next {
        display: inline-block;
    }

    /* Respond Tab */

    .respondTab {
        position: relative;
        margin: 0 auto;
        width: 90%;
    }

    .respondTab li {
        display: inline;
    }

    .linkRespondTab {
        border-radius: 0.75em;
        box-shadow: inset 1px 1px rgba(0, 0, 0, 0.2), inset -1px -1px rgba(255, 255, 255, 0.4);
        display: inline-block;
        text-align: center;
        font-size: 1em;
        margin-right: 0.5%;
        width: 14%;
    }

    .linkRespondTabLast {
        margin-right: -1%;
    }

    .boxRespondTab {
        position: absolute;
        top: 3em;
        left: 0;
    }
}

/* @section 6. max width 50em */

@media all and (max-width:49.999em) {
    html {
        -ms-before: 'loadNarrowscreen';
    }

    html:before {
        content: 'loadNarrowscreen';
    }

    html {
        -ms-after: 'narrowscreen';
    }

    html:after {
        content: 'narrowscreen';
    }

    .rowResultHead .colSecond,
    .rowResultTop .colThird,
    .rowResultBottom .colLast {
        display: none;
    }

    .formDefault label {
        display: block;
    }

    .formDefault input[type=checkbox] ~ label,
    .formDefault input[type=radio] ~ label {
        background: none;
        display: inline;
    }

    .formDefault textarea,
    .formDefault input[type=text],
    .formDefault select {
        width: 100%;
    }
}
/* @section 7. min width 60em */

@media all and (min-width:60em) {
    .brandingNavigation {
        display: block;
    }
}