* {
	line-height:140%;
	margin:0;
	padding:0;
	font-size:16px;
	}


body {
  	cursor: auto;
	font-family: canada-type-gibson, sans-serif;
	font-style: normal;
	font-weight: 600;
  	line-height: 1.5;
  	margin: 0;
  	padding: 0;
  	background:	url(../images/symbole/symbol_01.png) calc(100% + 20px) 20% no-repeat, 
  	url(../images/symbole/symbol_02.png) -60px 20px no-repeat, 
  	url(../images/symbole/symbol_03.png) 30% -80px no-repeat,
  	url(../images/symbole/symbol_04.png) -20px 90% no-repeat, 
  	url(../images/symbole/symbol_05.png) calc(100% + 20px) 50% no-repeat,
  	url(../images/symbole/symbol_06.png) -80px 40% no-repeat,
  	url(../images/symbole/symbol_08.png) calc(100% + 20px) 100% no-repeat,
  	url(../images/symbole/symbol_10.png) 60% -80px no-repeat;			
	background-attachment:fixed;
	background-size:180px 159px;
	}

.streifen_u {
	position:absolute;
	height:177px;
	width:80%;
  	background:url(../images/symbole/symbol_07.png) 30% calc(100% + 40px) no-repeat, url(../images/symbole/symbol_09.png) 80% calc(100% + 30px) no-repeat;
	background-size:180 159px;
	background-repeat:no-repeat;
	bottom:0;
	}
.flaeche {
	width:80%;
	background: #fff;
	margin:5% 10%;
	}

#logo {
	max-width:260px;
	padding:10px 0 30px 0;
	}
h1 {
	font-family: canada-type-gibson, sans-serif;
	font-style: normal;
	font-weight: 600;
	color:#164194;
	font-size:2.5em;
	font-style:normal;
	text-transform:normal;
	}

h2 {
	font-family: canada-type-gibson, sans-serif;
	color:#164194;
	font-weight:600;
	font-size:2.0em;
	font-style:normal;

	}


h2.header {
	font-family: canada-type-gibson, sans-serif;
	color:#fff;
	font-size:2.0em;
	margin:40px 5px 0 40px;
	text-transform:uppercase;
	line-height:1.1em;
	}
p.header {
	font-family: canada-type-gibson, sans-serif;
	color:#fff;
	font-size:1.4em;
	margin:30px 5px 0 40px;
	line-height:1.4em;
	}

#stark {
	width:285px;
	padding:35px 5px 0 0;
	margin-left:70px;
	}
#stark2 {
	width:245px;
	padding:35px 5px 0 10px;
	margin-left:105px;
	}

h1 {
	margin:35px 20px 30px 10px;
	}
h2 {
	margin:80px 20px 20px 10px;
	}
h3 {
	margin:30px 10px 5px 10px;
	}
h4 {
	margin:10px 20px 0 10px;
	}
p {
	margin:32px 100px 25px 10px;
	line-height:180%;
	}
/*********************************************/
@media only screen and (max-width: 1260px)  {
.flaeche {
	width:88%;
	background: #fff;
	margin:5% 6%;
	}	
h2.header {
	font-size:3.8em;
	margin:40px 10px 0 40px;
	line-height:1.1em;
	}
p.header {
	font-size:1.2em;
	margin:18px 10px 0 40px;
	}	

#stark2 {
	width:255px;
	padding:35px 5px 0 10px;
	margin-left:0;
	}
}
@media only screen and (max-width: 1024px)  {

.flaeche {
	width:93%;
	background: #fff;
	margin:3%;
	}

p.header {
	font-size:1.2em;
	margin:20px 80px 0 20px;
	width:100%;
	}

}

/**********************************************/
@media only screen and (max-width: 40em) {

	
body {
  	padding-top: 0;
	}
#logo {
	max-width:260px;
	padding:55px 10px 25px 10px;
	}

h1 {
	font-size:2.0em;
	margin:20px 0 0 0;
	padding:0 10px;
	}
h2 {
	font-size:1.7em;
	margin:30px 0;
	padding:0 20px;
	}

p {
	font-size:1.0em;
	margin:20px 0;
	padding:0 20px;
	}
h2.header {
	font-size:2.6em;
	padding:20px 20px 0 20px;
	margin:0;
	line-height:1.1em;
	}
p.header {
	font-size:1.2em;
	margin:20px 0 0 0;
	padding:0 20px;
	}
#stark2 {
	width:220px;
	padding:35px 5px 0 15px;
	margin-left:0px;
	}
body {
	background-size:120px 106px;
	}
.streifen_u {
  	background:url(../images/symbole/symbol_07.png) 50px calc(100% + 40px) no-repeat, url(../images/symbole/symbol_09.png) 80% calc(100% + 30px) no-repeat;
	background-size:120px 106px;
	}


}