/* Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700&subset=latin,latin-ext);

/* padding */
.pad {
        padding:10px 10px 10px 0px;
		margin-top:0px !important;
		overflow:hidden;
}
/* 22.10.2015 GEÄNDERT */
.pad2 {
        padding:0px 10px 5px 0px;
}
.space{
margin:15px 0px 15px 0px;
}
/* headlines, p, a, smallfont */
h1 {
font-family: 'Oswald', arial, serif;
font-size:24px;
font-weight:600;
line-height:26px;
letter-spacing:0px;
margin:0px 0px 10px 0px;
text-align:left;
}
h2 {
font-family: 'Oswald', arial, serif;
font-size:18px;
font-weight:600;
line-height:20px;
letter-spacing:0px;
margin:20px 0px 0px 0px;
text-align:left;
}
h3 {
font-family: 'Oswald', arial, serif;
font-size:17px;
font-weight:600;
line-height:20px;
letter-spacing:0px;
margin:30px 0px 10px 0px;
text-align:left;
}
h4 {
font-family: 'Oswald', arial, serif;
font-size:18px;
font-weight:600;
line-height:20px;
letter-spacing:0px;
margin:0px 0px 10px 0px;
text-align:left;
color:#ff6600;
text-transform:uppercase;
}
p {
font-family: arial, sans-serif;
font-size:16px;
line-height:19px;
font-weight:300;
color:black;
margin:5px 5px 10px 0px;
text-align:left;
}
.subtitle {
font-family: arial, sans-serif;
font-size:10pt;
margin-top:-10px;
}
img {
width:100%;
margin:0px 0px 0px 0px;
}
a {
color:black;
text-decoration:none;
}
a:hover {
text-decoration:none;
}
/* center, left, right, fixed */
.logo img{
width:200px;
position:absolute;
margin-top:5px;
}
.logo2 img{
width:10%;
position:relative;
}
.auto img{
width:auto!important;
}
.img-thumb {
width:40px!important;
margin:0px 10px -16px 0px;
}
.center, .center h1, .center h2, .center h3, .center h4, .center h5, .center p, .center a {
        text-align:center!important;
}
.absolute {
position:absolute!important;
z-index:11000;
}
.right {
float:right;
}
.left {
float:left;
}
/* colors */
.color {
background-color:#435b89;
}
.color h1, .color h2, .color h3, .color h4, .color h5, .color p, .color a{
color:#fff;
}
.white h1, .white h2, .white h3, .white h4, .white h5, .white p, .white a{
color:#fff;
}
.blue, .blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue p, .blue a, .blue li {
color:#435b89!important;
}
.footer {
border-top:2px solid #ff6600;
padding-top:30px;
margin-top:70px;
}
/* listen */
ul {
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
li {
font-family: arial, sans-serif;
font-size:13px;
line-height:22px;
font-weight:600;
color:black;
margin:0 0 0px 0;
padding:0px 0 0px 0;
list-style-type:none;
}
.list-1 {
text-decoration:underline;
line-height:44px;
font-weight:400;
}
/* button */
.button {
position:relative;
width:auto;
margin:20px 0px 20px 0px;
padding:10px 50px 10px 50px;
display:inline-block;
font-family: arial, sans-serif;
font-weight:400;
font-size:14px;
line-height:24px;
font-weight:normal;
color:#494afc;
letter-spacing:0px;
text-decoration:none;
text-align:center;
cursor:pointer;
border:none;
background-color:#e4e4e4;

-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.button b {
color:#fff;
font-size:18px;
}
.button:hover {
background-color:#e4e4e4;
color:#494afc;
}
.button2 {
position:relative;
width:84%;
margin:10px 2% 10px 2%;
padding:5px 6% 5px 6%;
display:inline-block;
font-family: arial, sans-serif;
font-weight:400;
font-size:11px;
line-height:11px;
font-weight:normal;
color:#ff6600;
letter-spacing:0px;
text-decoration:none;
text-align:left;
cursor:pointer;
border:none;
background-color:#e4e4e4;

-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.button2 b {
font-weight:400;
font-size:13px;
line-height:13px;
font-weight:normal;
}
.button2 img {
width:17px;
float:right;
margin:-14px 5px 0px 0px;
box-shadow: 3px 4px 5px grey;
}
.button2:hover {
background-color:#e4e4e4;
color:#ff6600;
}
.button3 {
position:relative;
width:auto;
margin:0px 0px 40px 0px;
padding:10px 50px 10px 50px;
display:inline-block;
font-family: arial, sans-serif;
font-weight:400;
font-size:14px;
line-height:24px;
font-weight:normal;
color:#494afc;
letter-spacing:0px;
text-decoration:none;
text-align:center;
cursor:pointer;
border:none;
background-color:#e4e4e4;

-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.button3 b {
color:#fff;
font-size:18px;
}
.button3:hover {
background-color:#e4e4e4;
color:#494afc;
}
.mobile1 {
        display:inline;
}
.mobile2 {
        display:none;
}
@media screen and (max-width:1200px) {
	.logo img {
	margin:15px 0px 0px 0px;
	}
}
@media screen and (max-width:1000px) and (orientation:portrait) {
h1 {
font-family: Oswald,arial, sans-serif;
font-size:24pt;
font-weight:bold;
line-height:25pt;
margin:0 6% 3% 5%;
}
h2 {
font-family: Oswald,arial, sans-serif;
font-size:22pt;
font-weight:200;
line-height:23pt;
margin:0% 6% 3% 5%;
}
h3 {
font-family: arial, sans-serif;
font-size:24pt;
font-weight:bold;
line-height:25pt;
margin:5% 5% 3% 5%;
}
h4 {
font-family: arial, sans-serif;
font-size:22pt;
font-weight:100;
line-height:28pt;
margin:5% 5% 3% 5%;
color:#ff6600;
text-transform:uppercase;
}
p {
font-family: arial, sans-serif;
font-size:20pt;
line-height:22pt;
color:black;
margin:0% 6% 3% 5%;
text-align:left;
}
.subtitle {
font-family: arial, sans-serif;
font-size:12pt;line-height:14pt;
margin-top:-25px;
z-index: -1;
}
.auto img{
width:90%!important;
margin:5% 5% 5% 5%;
}
.img-thumb {
width:80px!important;
margin:0px 10px -16px 0px;
float:left;
}
img {
width:90%;
margin:5% 5% 0% 5%;
}
.logo img{
width:auto;
height:100px;
position:fixed;
margin:15px 0px 0px 5%;
}
.logo2 img{
width:30%;
position:relative;
}
.footer li {
text-align:left;
}
li {
ttext-align:center;
font-size:16pt;
line-height:20pt;
padding-left:5%;
padding-right:5%;
}
.list-1 {
margin:40px 0px 20px 0px;
}
/* button */
.button {
width:80%;
margin:5%;
padding:5%;
line-height:55px;
font-size:44px;
}
.button2 {
width:80%;
margin:50px 5% 50px 5%;
padding:5%;
line-height:22px;
font-size:18px;
}
.button b {
line-height:55px;
font-size:44px;
}
.button2 b {
line-height:22px;
font-size:33px;
}
.button2 img {
width:50px;
float:right;
margin:-40px 5px 0px 0px;
box-shadow: 3px 4px 5px grey;
}
.button3 {
font-size:22pt;
font-weight:bold;
margin-left:5%;
margin-right:5%;
margin:25px 5% 10%;
padding:25px 0px 25px 0px;
width:40% !important; 
background-color:#435B89;
color:white;
}
.button3:hover {
	font-size:14pt;
margin-left:5%;
margin-right:5%;
padding:5px 0px 5px 0px;
width:40% !important; 
background-color:#435B89;
color:white;
box-shadow:0px 5px 8px 0px #9B9B9B;	
}
.mobile1 {
        display:none;
}

.mobile2 {
        display:inline;
		margin:0 !important;
}
.pad {
	padding: 0;	
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
	clip:auto;
}
.button3 {
	width:40%;
}
.pad2 {
	
		height:125px;
		position:fixed;
		z-index:3;
		width:100%;
		top:0;
		background-color:#435B89;
		box-shadow:0px 0px 10px 0px #435B89;}
a.artlink {
	width:50%;
	float:left;
	margin-bottom:15px;
	overflow:hidden;
	height:275px;
}



}
@media screen and (max-width:375px) and (orientation:portrait) {
	p.hidingtext {
		display:none;	
	}
}