@charset "iso-8859-1";

/**
 * @since 2015-03-06
 * @Prefix-ID #ag
**/

/* SYSTEM */

    #ag { 
		-webkit-text-size-adjust: 100%;
    }

@media screen and (min-width: 1020px) {
    
    /* container */


    /* grid */

    #ag .eine-l { width: 8.33333333%; }
    #ag .zwei-l { width: 16.66666666%; }
    #ag .drei-l { width: 25%; }
    #ag .vier-l { width: 33.33333333%; }
    #ag .fuenf-l { width: 41.66666666%; }
    #ag .sechs-l { width: 50%; }
    #ag .sieben-l { width: 58.33333333%; }
    #ag .acht-l { width: 66.66666666%; }
    #ag .neun-l { width: 75%; }
    #ag .zehn-l { width: 83.33333333%; }
    #ag .elf-l { width: 91.66666666%; }
    #ag .zwoelf-l { width: 100%; }
    
    /* offset */

    #ag .keineabstand-l { margin-left: 0px; }
    #ag .eineabstand-l { margin-left: 8.33333333%; }
    #ag .zweiabstand-l { margin-left: 16.66666666%; }
    #ag .dreiabstand-l { margin-left: 25%; }
    #ag .vierabstand-l { margin-left: 33.33333333%; }
    #ag .fuenfabstand-l { margin-left: 41.66666666%; }
    #ag .sechsabstand-l { margin-left: 50%; }
    #ag .siebenabstand-l { margin-left: 58.33333333%; }
    #ag .achtabstand-l { margin-left: 66.66666666%; }
    #ag .neunabstand-l { margin-left: 75%; }
    #ag .zehnabstand-l { margin-left: 83.33333333%; }
    #ag .elfabstand-l { margin-left: 91.66666666%; }
    #ag .zwoelfabstand-l { margin-left: 100%; }
}

@media screen and (max-width: 699px) {
    
    /* container */
    #ag {
        width: 480px;
    }

    /* grid */

    #ag .eine-s { width: 8.33333333%; }
    #ag .zwei-s { width: 16.66666666%; }
    #ag .drei-s { width: 25%; }
    #ag .vier-s { width: 33.33333333%; }
    #ag .fuenf-s { width: 41.66666666%; }
    #ag .sechs-s { width: 50%; }
    #ag .sieben-s { width: 58.33333333%; }
    #ag .acht-s { width: 66.66666666%; }
    #ag .neun-s { width: 75%; }
    #ag .zehn-s { width: 83.33333333%; }
    #ag .elf-s { width: 91.66666666%; }
    #ag .zwoelf-s { width: 100%; min-width: 100%; }

    /* offset */

    #ag .keineabstand-s { margin-left: 0px; }
    #ag .eineabstand-s { margin-left: 8.33333333%; }
    #ag .zweiabstand-s { margin-left: 16.66666666%; }
    #ag .dreiabstand-s { margin-left: 25%; }
    #ag .vierabstand-s { margin-left: 33.33333333%; }
    #ag .fuenfabstand-s { margin-left: 41.66666666%; }
    #ag .sechsabstand-s { margin-left: 50%; }
    #ag .siebenabstand-s { margin-left: 58.33333333%; }
    #ag .achtabstand-s { margin-left: 66.66666666%; }
    #ag .neunabstand-s { margin-left: 75%; }
    #ag .zehnabstand-s { margin-left: 83.33333333%; }
    #ag .elfabstand-s { margin-left: 91.66666666%; }
    #ag .zwoelfabstand-s { margin-left: 100%; }
}

@media screen and (max-width: 480px) {

    /* container */
    #ag {
        max-width: 480px;
        width: 100%;
		border: 0;	
		box-shadow: none;
        margin: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    /* grid standard */

    #ag .eine, #ag .zwei, #ag .drei, #ag .vier, #ag .fuenf, #ag .sechs, #ag .sieben, #ag .acht, #ag .neun, #ag .zehn, #ag .elf, #ag .zwoelf { 
        width: 100%; 
    }
    #ag .spalte, #ag .spalten {
        min-height: 0;
    }
    #ag p, #ag ul, #ag h2 { 
        font-size: 18px; 
        line-height: 25px; 
        text-align: left; 
    }
    #ag .eineabstand, #ag .zweiabstand, #ag .dreiabstand, #ag .vierabstand, #ag .fuenfabstand, #ag .sechsabstand, #ag .siebenabstand, #ag .achtabstand, #ag .neunabstand, #ag .zehnabstand, #ag .elfabstand, #ag .zwoelfabstand {
        margin-left: 0;
    }
    
    /* grid alternativ ansprechbar */

    #ag .eine-xs { width: 8.33333333%; }
    #ag .zwei-xs { width: 16.66666666%; }
    #ag .drei-xs { width: 25%; }
    #ag .vier-xs { width: 33.33333333%; }
    #ag .fuenf-xs { width: 41.66666666%; }
    #ag .sechs-xs { width: 50%; }
    #ag .sieben-xs { width: 58.33333333%; }
    #ag .acht-xs { width: 66.66666666%; }
    #ag .neun-xs { width: 75%; }
    #ag .zehn-xs { width: 83.33333333%; }
    #ag .elf-xs { width: 91.66666666%; }
    #ag .zwoelf-xs { width: 100%; min-width: 100%; }

    /* offset alternativ ansprechbar  */

    #ag .keineabstand-xs { margin-left: 0px; }
    #ag .eineabstand-xs { margin-left: 8.33333333%; }
    #ag .zweiabstand-xs { margin-left: 16.66666666%; }
    #ag .dreiabstand-xs { margin-left: 25%; }
    #ag .vierabstand-xs { margin-left: 33.33333333%; }
    #ag .fuenfabstand-xs { margin-left: 41.66666666%; }
    #ag .sechsabstand-xs { margin-left: 50%; }
    #ag .siebenabstand-xs { margin-left: 58.33333333%; }
    #ag .achtabstand-xs { margin-left: 66.66666666%; }
    #ag .neunabstand-xs { margin-left: 75%; }
    #ag .zehnabstand-xs { margin-left: 83.33333333%; }
    #ag .elfabstand-xs { margin-left: 91.66666666%; }
    #ag .zwoelfabstand-xs { margin-left: 100%; }
    
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px) {
    #ag p, #ag ul, #ag h2 { 
        font-size: 13px; 
        line-height: 18px; 
    }

}