@charset "UTF-8";
/* CSS Document */


html, 
html * {
	/* padding: 0;
	margin: 0; */
	box-sizing: border-box;
	font-size: 15px;
	font-family: verdana,helvetica,arial,sans-serif;
	color:#000;
}


body {
		max-width: 1400px;
		margin-left: auto;
	margin-right: auto;
	background: #909090;
	}
	
header {

/*	vertical-align: bottom;  */
	height: 80px;
	padding: 0px 5px 0px 5px;	
	}
.headerb {

/*	vertical-align: bottom;  */
	height: 230px;
	padding: 0px 5px 0px 5px;	
	}	
	
	
	
.inhalt {
		max-width: 1200px;
			margin-left: auto;
	margin-right: auto;

	}

footer {
	/* background: #d0cddf; */
	padding: 10px 5px 10px 5px;
	}		

img {
	
	max-width: 100%;
	height: auto;
	vertical-align: middle; 
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
}

.imgrechts {
	
	/* max-width: 100%;
	height: auto;  */
    float: right;
    margin-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;	
}

.imgrand {
	
    margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 20px;	
}

a:link {  color:#dbdbdb; text-decoration:none; }
a:hover {  color:#404040; text-decoration:none; }
a:visited {  color:#dbdbdb; text-decoration:none; }
a:active { color:#dbdbdb; text-decoration:none; }

a.titel:link {  color:#000000; text-decoration:none; letter-spacing: 0.05em; font-weight: 400; font-size: 1.1em;}
a.titel:hover {  color:#c50c1f; text-decoration:none; }
a.titel:visited {  color:#000000; text-decoration:none; }
a.titel:active { color:#000000; text-decoration:none; }

a.in:link {  color:#dbdbdb; text-decoration:none; font-size: 14px; line-height: 2.0em;}
a.in:hover {  color:#404040; text-decoration:none; }
a.in:visited {  color:#dbdbdb; text-decoration:none; }
a.in:active { color:#dbdbdb; text-decoration:none; }

.button {
	border: 2px #c50c1f solid;
	padding: 5px 25px;
	border-radius: 30px;
	color: #c50c1f;
	text-decoration: none;
}

.ari {
	font-size: 15px;
	font-family: arial,helvetica,sans-serif;
	color:#fff;
	font-weight: 600;
}

.time {
	font-size: 17px;
	font-family: Times New Roman, Times, serif;
	color:#fff;
	font-weight: 400;
	letter-spacing: 0.02em;
}

h1 {
	font-size: 1.4em;
	letter-spacing: 0.05em;
	font-weight: 400;
	margin-bottom: 0.4em;
}

h2 {
	letter-spacing: 0.05em;
	font-weight: 400;
	font-size: 1.5em;
	margin-bottom: 0.4em;
	margin-top: 0.0em;	
}

h3 {
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 0.05em;
	margin-bottom: 1.0em;
	/*  color:#c50c1f; */
}

h4 {
	font-size: 1.0em;
	font-weight: 600;
	margin-bottom: 1.0em;
	margin-top: 0.8em;
	 color:#fff;	
}

h5 {
	font-size: 11px;
	font-weight: 200;
	/* margin-top: 0.2em;
	margin-bottom: 1.0em; */	
}

h6 {
	float: right;
	font-size: 12px;
	font-weight: 400;
  margin-top: 0.2em;
	margin-bottom: 2.0em; 
	/* line-height: 1.4em; */	
}


p {
	font-size: 14px;
	line-height: 1.4em;
	 /*font-weight: 400; 
	margin-bottom: 1.0em; */
}

.klein { font-size: 0.8em;	}
.kurs { font-style: italic; color: #fff; }


hr { 
border-top: 1px solid #dbdbdb;
 /*color: #dbdbdb;
 height: 1px;
 width: 100%;
   margin: 5 auto; 
  width: 100%; */
	 
}

.grau {
	color: #dbdbdb;
}
.weiss { color: #fff; }

.col {
	 width: 100%; 
	
	float: left;
	padding: 0px 10px 20px 10px;
}

.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}	
	
.col-halb {
		width: 50%;
		padding: 0px 50px 0px 10px;
	}
.col-halbx {
		width: 55%;
		padding: 0px 60px 0px 5px;
	}
.col-sechzig {
		width: 60%;
		padding: 0px 40px 0px 10px;
	}	
.col-viertel {
		width: 25%;

	}
.col-zwanzig {
		width: 20%;
	}
	
	
.col-drittel {
		width: 33.3%;
	}
.col-zweidrittel {
		width: 66.6%;
	}
	
.col-sechs {
		width: 16%;
		border-style: solid;
  border-color: #c50c1f;
  border-width: 0px;
	}	

.imgsw {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .5s ease-in-out;  
    }

.imgsw:hover {
    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.0);
    }
	
.imgswg {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .5s ease-in-out;  
    }

.imgswg:hover {
    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.05);
	
    }

.imgsws {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .5s ease-in-out;  
    }

.imgsws:hover {
    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.05);
	  box-shadow: 3px 3px 3px rgba(145, 50, 50, 0.5);
    } 
/*Responsive Styles*/

@media screen and (max-width : 768px){
	
	header {

height: auto;	
}




body {
		margin-left: auto;
	margin-right: auto;
	/*  background: #ffffff;
	
	background-size: contain; */
	
	}
.col {
	width: 100%;
	float: left;
	padding: 0px 10px 10px 10px;
}
	
.col-halb {
		width: 100%;
	}
.col-halbx {
		width: 100%;
	}	
.col-viertel {
		width: 100%;
	}
.col-drittel {
		width: 100%;
	}
.col-zweidrittel {
		width: 100%;
	}
.col-sechs {
		width: 33%;
	}

.unsichtbar {
	 display: none;
}
.imgrechts {
	
	/* max-width: 100%;
	height: auto;  */
    float: left;
    margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
}


}