@charset "utf-8";
/* CSS Document für die Inhalte des Snowboard Fun Blog */

#blog_wrapper{background-color: #364497;
min-width: 31.25rem;
max-width:58.75rem;
min-height: 120px;
margin: auto;
margin-top:3.125rem ;/*50px*/}

#linke_spalte, #rechte_spalte{
line-height: 0.9375rem/*15px*/;
padding: 0.9375rem/*15px*/;
}

.flexbox{display: flex;}


/* ################# formate linke spalte #################*/
#linke_spalte{background-color: #d3e2f9;
color:#001463;
width: 70%;	
}
.blogbeitrag{background-color: rgba(62,196,7,0.0);
padding-bottom: 0.9375rem/*15px*/;	
border-bottom: 1px solid #001463;
margin-bottom: 0.9375rem/*15px*/;
}

.blogbeitrag h3{
border-bottom: 1px solid #001463;}

.blogbeitrag p{margin-top: 0;}

.blogbeitrag img{float: left;
width: 40%;
height: auto;
margin-right: 15px;
}

.rechts{float: right;}

.wer_wann, .social_links{background-color: #dedede;
margin-bottom: 0.9375rem/*15px*/;
}

.blog_content{overflow: hidden;}

.blogbeitrag a{color:#fff;
background-color: #001463;
padding: 4px 2px;
border-radius: 3px;}

/* ################# formate rechte spalte #################*/
#rechte_spalte{background-color: #364497;
color:#fff;	
width: 30%;
}

#rechte_spalte a{color:#fff;}

#info_bottom_text{margin-bottom: 0.9375rem/*15px*/}

/* #############  at media Formate zur Anpassung des Layout ####################*/

@media (max-width:37.5rem) {
	.flexbox{display:block;}
	#linke_spalte, #rechte_spalte{width: 100%;}
}

@media (max-width:34.25rem){
	#sub_text{display: none;}
}

@media print{
	#blog_wrapper{margin-top: 0;}
	
	#sub_header, #footer{display: none;}
	
	#rechte_spalte{display: none;}
	#linke_spalte{width: 100%;}
}