@charset "iso-8859-1";

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

/* BASE */

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


/* SYSTEM */

    /* container */
    #ag {
        max-width: 780px;
        width: 100%;
    }
    #ag-inner-wrapper {
        display: inline; /* IE Fix */
        zoom: 1; /* IE Fix */
        width: 100%;
    }

@media all and (max-width: 700px) { 
    #ag {
		border: none;
        box-shadow: none;
		margin: 0;
    }
}

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

    #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;
    }
    
    /* alternativ ansprechbar */
    /* grid */

    #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 */

    #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; 
    }

}