.card{
    padding:15px;
    border-left:3px solid #aaa;
    color:#000;
}
.first-nocard{
    padding:20px;
    padding-bottom: 15px;
}
.first-nocard:before{
    content: "";
    border-left: 3px solid #aaa;
    position: absolute;
    margin-top: 20px;
    height: 200px;
    margin-left: -20px;
}
.last-nocard{
    padding:20px;
    padding-bottom: 30px;
    color:#000;
}
.last-nocard:before{
    content: "";
    border-left: 3px solid #aaa;
    position: absolute;
    margin-top: -20px;
    height: 40px;
    margin-left: -20px;
}
.cardtext{
    display:inline-block;
    margin-left:15px;
    padding-top: 10px;
    
}
.icon{
    border-radius:50%;
    display:inline-block;
    padding:6px;
    height:40px;
    width:40px;
    text-align:center;
    margin-left:-36px;
    position: absolute;
    background-color:#fff;
    border:3px solid #aaa; 
    color:#aaa;
	margin-top: 10px; 
}

.active-border .icon{
    background-color:#fff; 
    color:#016895;  
    border:3px solid #016895; 
}
.active-border, .first-nocard.active-border:before, .last-nocard.active-border:before{
    border-color:#016895; 
	color:#016895;
	font-weight:bold;  
}
.first-nocard .icon, .last-nocard .icon{
    margin-left:-38px;
}

.redder .active-border .icon{
	border-color:#a00;
	color:#a00;
}

.redder .active-border, .redder .first-nocard.active-border:before, .redder .last-nocard.active-border:before{
	border-color:#a00; 
	color:#a00;
}


b,strong {
    font-weight: 700;
}
body{font-size:16px;}
.footer_content_links ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.footer_content_links ul li{
	display:inline-block;
	padding:0px 10px;
	border-right:1px solid #e5e5e5;
}
.footer_content_links ul li:last-child{
	border-right:0;
}

.aktualisierung_folgt{
	font-weight:400;
	color:#a00;
	font-size:14px;
}
.hinweistext{
	font-weight:400;
	color:#000;
	font-size:14px;
}
.zeitanzeige{
	font-weight:400;
	color:#222;
	font-size:14px;
	display:block;
}
.alert-warning{
color:#000;
}

.tdblock150{
	width:150px;
}
/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.borderright{
		margin-bottom:5px !important;
		border-bottom:1px solid #ddd;
		padding-bottom:5px;
	}
	.mobile_abstand_unten{
		margin-bottom:10px !important;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.hinweisbox{
		margin-left:0;	
	}
	.borderright{
		border-right:0px solid #ddd;
		margin-bottom:10px !important;
		border-bottom:1px solid #ddd;
	}
	.mobile_abstand_unten{
		margin-bottom:10px !important;
	}
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.hinweisbox{
		margin-left:-15px;	
	}
	.borderright{
		border-right:1px solid #ddd;
		border-bottom:0px solid #ddd;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}



@media only screen and (max-width : 550px) {
	.tdblock{
		display:block;
		width:100%;
	}
}