* { margin:0; padding:0; border:none; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { width:100%; height:100%; }

body { font-family: 'Open Sans', sans-serif; font-size:100%; line-height:normal; color:#949494; }

h1 { width:100%; font-size:3.500rem; margin:2.000rem 0; line-height:normal; }
h2 { width:100%; font-size:3.000rem; margin:2.000rem 0; line-height:normal; }
p { width:100%; font-size:1.500rem; }

.Top {
	width:2.813em;
	height:2.813em;
	position:fixed;
	display:none;
	bottom:10px;
	right:10px;
	background: url(/images/Top.png) 0 0 no-repeat;
	-moz-opacity: 0.50;
	opacity: 0.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
	z-index:9999;
	}
	.Top:hover { -moz-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); cursor:pointer; }

.FloatNone { float:none; clear:both; display:block; width:100%; height:0; }

.Section1, .Section2, .Section3, .Section3_, .Section4, .Section5 { position:relative; width:100%; padding:0 15%; }
	.BG1, .BG2, .BG3, .BG3_, .BG4, .BG5 { position:absolute; width:100%; min-width:100%; top:0; left:0; }
	.BG1 { z-index:2; } .BG2 { z-index:3; } .BG3 { z-index:4; } .BG3_ { z-index:5; } .BG4 { z-index:6; } .BG5 { z-index:7; } .BG6 { z-index:8; }

.eins .Sprache { position:relative; padding-top:35%; color:#fff; z-index:998; }
.ar .eins .Sprache, .da .eins .Sprache { direction:rtl; padding-top:30%; width:65%; } 
	.eins .Sprache h1 { width:100%; font-weight:700; font-size:100px; }
	.eins .Sprache h2 { width:100%; font-weight:400; font-size:54.5px; }
	.eins .Sprache .Sprachwahl { width:100%; font-size:24px; font-weight:lighter; }
		.eins .Sprache .Sprachwahl .auswahl { display:inline-block; }
		.eins .Sprache .Sprachwahl span { display:inline-block; margin-left:20px; min-width:53px; height:53px; font-size:16px; text-align:center; vertical-align:top; }
			.eins .Sprache .Sprachwahl span a { display:block; width:100%; height:100%; padding-top:60px; color:#FFF; text-decoration:none; }
		.eins .Sprache .Sprachwahl .deutsch { background: transparent url(/images/germanflag.png) center center no-repeat; }
		.eins .Sprache .Sprachwahl .englisch { background: transparent url(/images/englandflag.png) center center no-repeat; }
		.eins .Sprache .Sprachwahl .dari { background: transparent url(/images/irakflag.png) center center no-repeat; }
		.eins .Sprache .Sprachwahl .arabisch { background: transparent url(../images/arabflag.png) center center no-repeat; }
        .eins .Sprache .Sprachwahl .france { background: transparent url(../images/franceflag.png) center center no-repeat; }

.zwei { position:relative; width:100%; padding:0 15%; background:#b61f29; text-align:right; z-index:999; }
	.zwei .navi { width:100%; }
		.zwei .navi ul { float:right; clear:both; list-style:none; }		
			.zwei .navi ul li { float:left; width:auto; height:auto; line-height:normal; }
				.zwei .navi ul li a { display:block; width:auto; padding:14px 25px; font-size:150%; color:#fff; text-decoration:none; }
				.ar .zwei .navi ul li a, .da .zwei .navi ul li a { font-size:155%; }
				.zwei .navi ul li a:last-child { padding-right:0; }

.drei .ueber_uns { position:relative; width:100%; padding-top:3.500rem; z-index:997; }

.vier_ { display:none !important; }
.vier { position:relative; width:100%; padding:0 15% 0 15%; }
	.vier .anmelden p { position:relative; float:right; clear:both; top:0; right:5%; margin-top:10%; width:auto; font-size:3.750rem; font-weight:lighter; color:#FFF; z-index:995; }
	.vier_ .anmelden p { position:relative; float:right; clear:both; top:0; right:5%; margin-top:10%; width:auto; font-size:3.750rem; font-weight:lighter; color:#FFF; z-index:995; }

.fuenf .deutschlernen { position:relative; width:70%; padding:3.500rem 0 8.125rem 0; z-index:994; }
	.fuenf .deutschlernen p { width:80%; }
	.ar .fuenf .deutschlernen p,
    .da .fuenf .deutschlernen p { width:75%; }

.sechs .kontakt { position:relative; width:100%; margin:0 auto; padding-top:3.500rem; text-align:center; color:#FFF; z-index:994; }
	.sechs .kontakt .Form { display:block; margin-top:3.000rem; }
		.sechs .kontakt .Form input[type="text"] {
			display:block;
			width:40%;
			margin:0 auto 1.500rem auto; padding:1.000rem;
			font-family: 'Open Sans', sans-serif; font-size:100%; line-height:normal;
			background:#FFF;
			border:none; outline:none;
			-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
			}
			.ar .sechs .kontakt .Form input[type="text"],
			.ar .sechs .kontakt .Form input[type="submit"],
            .da .sechs .kontakt .Form input[type="text"],
			.da .sechs .kontakt .Form input[type="submit"] { font-size:130%; direction:rtl; padding:0.813rem; }
			.sechs .kontakt Form input[type="text"]:focus,
			.sechs .kontakt Form input[type="text"]:active { outline:none; }

		.sechs .kontakt .Form input[type="submit"] {
			display:block;
			width:40%;
			margin:0 auto;
			padding:1.000rem;
			font-family: 'Open Sans', sans-serif; font-size:110%; line-height:normal; color:#333;
			background:#ccc;
			-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
			}
			.sechs .kontakt .Form input[type="submit"]:hover { background:#b61f29; color:#FFF; cursor:pointer; }
		
		.sechs .kontakt .Form .input { position:relative; width:auto; }	
		.sechs .kontakt .Form span[style="display: inline;"] { position: absolute; top:0; right:0; vertical-align:top; font-size:1.000rem; color:#F00; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
		.ar .sechs .kontakt .Form span[style="display: inline;"],
        .da .sechs .kontakt .Form span[style="display: inline;"] { font-size:1.250rem; }
		.sechs .kontakt .Form span[style="display:none;"] { visibility:hidden; display:none; }
		.ar span[id*="SendenOkAr"],
        .da span[id*="SendenOkAr"] {  font-size:1.500rem; }

.sieben { width:100%; padding:0 15%; background:#ddd; z-index:993; }
	.sieben .impressum { width:100%; text-align:center; }
		.sieben .impressum ul { list-style:none; }		
			.sieben .impressum ul li { width:auto; height:auto; line-height:normal; }
				.sieben .impressum ul li a { display:block; width:auto; padding:14px 25px; font-size:3.000rem; color:#fff; text-decoration:none; }
	

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

h1 { font-size:2.125rem; margin:1.000rem 0; }
h2 { font-size:2.000rem; margin:0.750rem 0; }
p { font-size:1.125rem; }

.Section1, .Section2, .Section3, .Section4 { position:relative; width:100%; padding:0 5%; }

.eins { width:100%; padding:0 5%; }
	.eins .Sprache { padding-top:25%; }
	.ar .eins .Sprache,
    .da .eins .Sprache { padding-top:20%; }
		.eins .Sprache h1 { font-size:65px; }
		.eins .Sprache h2 { font-size:36px; }
		.eins .Sprache .Sprachwahl { font-size:18px; }
		.eins .Sprache .Sprachwahl span { margin-left:15px; min-width:43px; height:43px; font-size:14px; }
			.eins .Sprache .Sprachwahl span a { padding-top:55px; color:#FFF; }
		.eins .Sprache .Sprachwahl .deutsch,
		.eins .Sprache .Sprachwahl .englisch,
		.eins .Sprache .Sprachwahl .dari,
		.eins .Sprache .Sprachwahl .arabisch,
		.eins .Sprache .Sprachwahl .france { background-size:contain; }
	
.zwei { position:fixed; top:0; width:100%; padding:0 5%; opacity:0.8; -moz-opacity:0.8; opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); }
.zwei:hover { opacity:1.0; -moz-opacity:1.0; opacity:1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); }
	.zwei .navi { width:100%; }
		.zwei .navi ul li a { font-size:125%; padding:12px 18px; }
		
.drei .ueber_uns { padding-top:1.750rem; }

.vier { position:relative; width:100%; padding:0 5%; }
.vier_ { position:relative; width:100%; padding:0 5%; }
	.vier .anmelden p { font-size:2.750rem; }
	.vier_ .anmelden p { font-size:2.750rem; }

.fuenf { padding:0 5% 1.750rem 5%; }
	.fuenf .deutschlernen p { width:75%; }
	.ar .fuenf .deutschlernen,
    .da .fuenf .deutschlernen { width:65%; padding:2.000rem 0 8.125rem 0; }
	
.sechs { padding:0 5%; }
	.sechs .kontakt { padding-top:1.500rem; }
	.sechs .kontakt .Form { margin-top:1.500rem; }
		.sechs .kontakt .Form input[type="text"] { margin-bottom:0.750rem; padding:0.500rem; }
		.ar .sechs .kontakt .Form input[type="text"],
        .da .sechs .kontakt .Form input[type="text"] { margin-bottom:0.750rem; padding:0.438em; }
		.sechs .kontakt .Form input[type="submit"] { padding:0.438rem 0; }
		.ar .sechs .kontakt .Form input[type="submit"],
        .da .sechs .kontakt .Form input[type="submit"] { padding:0.375em 0; }
		
		.sechs .kontakt .Form span[style="display: inline;"] { right:0; }

.sieben { padding:0 5%; }

}

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

h1 { font-size:1.750rem; margin:0.625rem 0; }
h2 { font-size:2.000rem; margin:0.500rem 0; }
p { font-size:1.000rem; }
	
.eins .Sprache { padding-top:24%; }
	.eins .Sprache h1 { font-size:55px; }
	.eins .Sprache h2 { font-size:30px; }
	.eins .Sprache .Sprachwahl span { margin-left:10px; min-width:35px; height:35px; font-size:13px; }
		.eins .Sprache .Sprachwahl span a { padding-top:50px; }

.drei .ueber_uns { padding-top:0.750rem; }

.vier .anmelden p { font-size:2.000rem; }
.vier_ .anmelden p { font-size:2.000rem; }


.fuenf .deutschlernen { position:relative; width:70%; padding:0.750rem 0 0 0; z-index:994; }
	.fuenf .deutschlernen p { width:80%; }
	.ar .fuenf .deutschlernen,
    .da .fuenf .deutschlernen { padding:0.500rem 0 0 0; }

.sechs .kontakt { padding-top:0.750rem; }
	.sechs .kontakt .Form { margin-top:1.000rem; }
		.sechs .kontakt .Form input[type="text"] { margin-bottom:0.438rem; padding:0.375rem 0.500rem; }
		.ar .sechs .kontakt .Form input[type="text"],
        .da .sechs .kontakt .Form input[type="text"] { margin-bottom:0.375rem; padding:0.375rem 0.500rem; }
		.sechs .kontakt .Form input[type="submit"] { padding:0.375rem 0; }
		
		.sechs .kontakt .Form span[style="display: inline;"] { font-size:0.813rem; }

.sieben .impressum ul li a { padding:8px 25px; font-size:120%; }

}

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

h1 { font-size:1.500rem; margin:1.000rem 0; }
h2 { font-size:1.000rem; margin:1.000rem 0; }
p { font-size:1.000rem; }

.eins .Sprache { padding-top:24%; }
	.eins .Sprache h1 { font-size:40px; margin:0; }
	.eins .Sprache h2 { font-size:22px; margin:0; }
	.ar .eins .Sprache h1, .ar .eins .Sprache h2,
    .da .eins .Sprache h1, .da .eins .Sprache h2 { text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
	.ar .eins .Sprache .Sprachwahl,
    .da .eins .Sprache .Sprachwahl { margin-top:20px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); } 
	.eins .Sprache .Sprachwahl .auswahl { display:inline-block; width:100%; margin:10px 0; font-size:100%; text-align:left; }
	.ar .eins .Sprache .Sprachwahl .auswahl,
    .da .eins .Sprache .Sprachwahl .auswahl { display:block; margin:0 0 10px 0; width:auto; text-align:right; }
	.eins .Sprache .Sprachwahl span { margin-left:20px; min-width:30px; height:30px; font-size:12px; }
	.eins .Sprache .Sprachwahl span.deutsch { margin-left:0; }
	.ar .eins .Sprache .Sprachwahl span.deutsch,
    .da .eins .Sprache .Sprachwahl span.deutsch { margin-left:20px; }
		.eins .Sprache .Sprachwahl span a { padding-top:40px; }
		
.zwei { text-align:center; background:transparent; }
	.zwei .Burger {
		float:right; clear:both;
		display:inline-block;
		width:1.500em; height:1.250em;
		margin-top:1.000rem;
		padding:1.250rem;
		background: #b61f29 url(../images/NaviBigIcon.png) center center no-repeat;
		cursor:pointer;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
		}
	.zwei .navi { display:none; width:100%; padding:0; }
		.zwei .navi ul { float:none; clear:both; position: relative; top:0; right:0; width:100%; background:#b61f29; }
		.zwei .navi ul li { float:none; clear:both; display:block; width:100%; padding:0; border-top:1px solid #FFF; }
		.zwei .navi ul li a { display:block; width:100%; padding:15px 0; font-size:120%; }

.drei, .Section2 { width:100%; height:auto !important; }
	.drei .BG2 { display:none; }
	.drei .ueber_uns { padding:0.500rem 0 1.875rem 0; }

.vier { display:none !important; }
.vier_ { display:block !important; }
.vier_ .anmelden p { font-size:1.750rem; right:0%; }

.fuenf, .Section4 { width:100%; height:auto !important; }
	.fuenf .BG4 { display:none; }
	.fuenf .deutschlernen, .ar .fuenf .deutschlernen, .da .fuenf .deutschlernen, .fuenf .deutschlernen p, .ar .fuenf .deutschlernen p, .da .fuenf .deutschlernen p { width:100%; }

.sechs, .Section5 { width:100%; height:auto !important; padding-bottom:2.000rem; }
	.sechs .BG5 { display:none; }
	
	.sechs .kontakt { position:relative; width:100%; margin:0 auto; padding-top:0; text-align:left; color:#949494; }
	.ar .sechs .kontakt,
    .da .sechs .kontakt { text-align:right; }
		.sechs .kontakt .Form { margin-top:1.500rem; }
			.sechs .kontakt .Form input[type="text"] { width:100%; margin-bottom:0.500rem; padding:0.750rem; border:1px solid #ccc; }
			.sechs .kontakt .Form input[type="submit"] { width:100%; padding:0.750rem 0; }
			
			.sechs .kontakt .Form span[style="display: inline;"] { position:relative; display:block !important; top:0; right:auto; left:0; margin:-0.375rem 0 0.500rem 0; font-size:1.000rem; text-shadow: none;  }

}

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

h1 { font-size:1.500rem; }
h2 { font-size:1.000rem; }

.eins .Sprache { padding-top:15%; }
	.eins .Sprache h1 { font-size:27px; }
	.eins .Sprache h2 { font-size:15px; }
	.eins .Sprache .Sprachwahl .auswahl { font-size:85%; margin:5px 0; }
	.ar	.eins .Sprache .Sprachwahl .auswahl,
    .da	.eins .Sprache .Sprachwahl .auswahl { width:100%; font-size:100%; margin:0 0 5px 0; }
	.eins .Sprache .Sprachwahl span { margin-left:8px; min-width:25px; height:25px; }
	.ar .eins .Sprache .Sprachwahl span.deutsch,
    .da .eins .Sprache .Sprachwahl span.deutsch { margin-left:8px; }
		.eins .Sprache .Sprachwahl span a { padding-top:30px; }

.vier_ .anmelden p { font-size:1.250rem; }

}

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

.ar .eins .Sprache,
.da .eins .Sprache  { padding-top:13%; width:90%; }
	.ar .eins .Sprache .Sprachwahl,
    .da .eins .Sprache .Sprachwahl { margin-top:8px; }
.vier .anmelden p { font-size:1.000rem; margin-top:7%; right:0; }
.vier_ .anmelden p { font-size:1.000rem; margin-top:7%; right:0; }

}