body {
  margin: 10px 0 0 0;
	color: #003366;
}

a:link {  color: #003366; text-decoration: none;}
a:active {  color: #CC0033; text-decoration: none;}
a:visited {  color: #003366; text-decoration: none;}
a:hover {  color: #cc0033; text-decoration: none;}

canvas {
    padding: 0;
    margin:0 auto 0 auto;
    display: block;
}

.titelzeile .col-md-3 {text-align: center;}
.titelzeile .col-md-7 {
	text-align: right !important; 
	padding-left: 40px; 
	padding-top: 5px;
}
.inhalt {
  text-align: center;
}
.col-md-7 {
	color: #003366;
}
.col-md-7 h1 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; font-size: 16pt;
	padding-left: 22px;
	font-weight: bold;
}
.col-md-7 h2 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; font-size: 14pt;
	padding-left: 24px;
	font-weight: bold;
}
.col-md-7 p {
	text-align: justify;
	padding-left: 25px;
}
.col-md-7 table {
	margin-left: 25px;
}
.col-md-10 {
	text-align: right; padding: 0 15px 0 0;
}

.font2 {  font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #003366;}
.col-md-7 figure {
	float: left; 
	margin-right: 15px; 
	padding-left: 25px;
	}

/* max = everything below */

@media(min-width: 1200px){
	.col-md-7 figure {
	float: left; 
	margin-right: 15px; 
	padding-left: 25px;
	}
}

@media(max-width: 768px){
	.titelzeile .col-md-7 {
	text-align: right !important; 
	padding-left: 15px; 
	padding-top: 5px;
}
	.inhalt {
  		padding: 0px;
	}
	.col-md-3 {margin: 15px;
	}
	.col-md-7 {margin-top: 10px;
	}
	.col-md-7 h1 {padding-left: 0px;}
	.col-md-7 h2 {padding-left: 0px;}
	.col-md-7 p {padding-left: 0px;}
	.col-md-7 table {margin-left: 5px;}
	.col-md-7 figure {
	float: left; 
	margin-right: 15px;
		margin-top: 5px;
	padding-left: 0px;
	}
	.col-md-10 {
	text-align: right; padding: 0 15px;
	}
	
	
}
@media(max-width: 480px){
	.col-md-10 animation-container{
		margin:0 0 0 -15px;
	}
}