@charset "UTF-8";


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

/* BASE */

    /* resets */

    #ag img { display: block; border: none }
    #ag sub, #ag sup { line-height: 0px; }
    #ag #foo { display: none; }


/* SYSTEM */

    /* container */
    #ag {
        box-sizing: border-box;
        width: 780px;
        margin: 0 auto; 
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: left;
		border: 3px solid #10adbe;
		font-variant-ligatures:none;
		
    }
    #ag-inner-wrapper {
        width: 100%;
        float: left;
        position: relative;
		background: #fff url("headline_dot.png") no-repeat;
		background-position: 25px 730px; 
    }

		#ag p, #ag ul, #ag h1, #ag h2, #ag h3, #ag a {
            font-family: 'Roboto', Arial, sans-serif;
            color: #082c3b;
            font-size: 14px;
            padding: 0 0px;
            line-height: 21px;
        }	
        #ag p { 
            padding-bottom: 5px; 
        }    
		#ag a {
			text-decoration: none;
			color: #10adbe;
			font-weight: bold;
		}
		#ag h1 {
	font-size: 30px;
	line-height: 32px;
	padding-top: 15px;
	padding-bottom: 0px;
        }    
        #ag h2 { 
            font-size: 20px; 
            line-height: 20px; 
			padding-top:0px;
			padding-bottom: 50px;
        } 
		 #ag h3 { 
            font-size: 14px; 
            line-height: 20px; 
            padding-bottom: 2px; 
        } 
        #ag ul { 
			list-style-type: square;
			padding-left: 15px;
        }
        #ag li { 
			position: relative;
			padding-top: 7px;
			padding-left: 3px;
        }
		
        #ag ul ul { 
            padding-top: 0px; 
            padding-right: 0px; 
            padding-left: 0px;
        }
		#ag .headder_desktop {
			width: 100%;
			display: block;
		}
		#ag .headder_responsive {
			width: 100%;
			display: none;
		}
		#ag .borderbottom {
			border-bottom: solid 3px #10adbe;
		}
		#ag .kursiv {
			font-style: italic;
			color: #10adbe;
		}
		#ag .bewerberbutton img{
			margin: 20px auto;
		}
		#ag .subclaim p {
			text-align: center;
		}
		#ag .siegel img {
			float: right;
		}
		#ag .center {
			text-align: center;
		}
		#ag .subline {
		font-size: 20px;
		}
		#ag u {
    	text-decoration: none;
    	border-bottom: 3px solid #10adbe;
		padding-bottom:7px;
		}
		#ag b {
		color:#10adbe;
		}
		#ag i {
		color:#10adbe;
		}
		#ag .gruen {
		color:#10adbe;
		}
		#ag .ansprechparnter {
		color:#10adbe;
		font-weight: bold;
		}
		#ag .logo img{
		position: absolute;
		top: 25px;
		right: 100px;
		}
		#ag .unten {
		margin-top: 50px;
		margin-bottom: 50px;
		}
		#ag .unten b{
		color: #082c3b;
		}
		#ag .siegelunten {
		margin-top: 20px;
		margin-bottom: 50px;
		}

    /* grid */

    #ag .spalte, #ag .spalten { 
        display: block;
        box-sizing: border-box;
        float: left; 
        margin: 0; 
        padding: 0; 
        min-height: 1px;
        position: relative;
    }

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

    /* offset */

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

/* VORLAGEN */

    #ag #shadow {   
		box-shadow: 0px 0px 20px #aaa;
    }
	
	#ag .align--left {
    margin-left: 0;
    margin-right: auto;
}

	#ag .align--center {
    margin: 0 auto;
}

	#ag .align--right {
    margin-left: auto;
    margin-right: 0;
}


/* MICROCLEARFIX | Nicolas Gallagher */

    .clear:before, .clear:after { 
        content: " "; /* 1 */ 
        display: table; /* 2 */ }
    .clear:after { clear: both; }
    .clear { *zoom: 1; clear:  both;} 

/**
 * @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;
    }
	  #ag {
        max-width: 480px;
        width: 100%;
		border: 0;	
		box-shadow: none;
        margin: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
	#ag-inner-wrapper {
		background: none;
    }
	#ag .headder_desktop {
			width: 100%;
			display: none;
		}
	#ag .headder_responsive {
			width: 100%;
			display: block;
		}
	#ag .logo img{
		position: absolute;
		top: 25px;
		right: 25px;
		}
	#ag h1 { 
        font-size: 30px; 
        line-height: 32px; 
		padding-top: 15px;
		padding-bottom: 15px;
        }    
	#ag .unten {
		margin-top: 25px;
		margin-bottom: 25px;
		}
		#ag .siegelunten {
		margin: 20px auto 25px auto;
		}
		#ag .siegel img {
			float: none;
		}


    /* 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 */
  
    /* 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; 
    }

}