#textrechts {display: none;}
.bg-image {display: none;}
.buchtipps { border:1px solid #e1e1e1;}
.buchtipps,  .buchtipps td, .buchtipps th {background: #fff; border: 1px solid #ccc; border-collapse: collapse; text-align:center; vertical-align:center; font-size: 1em; padding:8px;}
.buchtipps th {background: #e1e1e1;}


@media (max-width:767px) {
	.kursangebot, tr, td {
		padding:0;
		border:1px solid #ccc;
		text-align:left;
	}
	
	.kursangebot td {
		padding-bottom:5px;
	}

	.kursangebot {
		border:none;
		width:100%;
	}

	.kursangebot thead {
		display:none;
	}

	.kursangebot tr {
		float: left;
		padding:0;
		width: 100%;
		margin-bottom: 2em;
		margin-left:15px;
	}

.kursangebot td {
		float: left;
		width: 100%;
	}

.kursangebot td::before {
		content:attr(data-label);
		background: #e1e1e1;
		border-right:0;
		width: 97.5%;
		height:auto;
		display: block;
		padding:1.5%;
		margin-bottom:5px;
		font-weight: bold;
	}
.kursangebot.titel {
	background:#cc024c;
	color:#fff;
}
 
}

@media all and (min-width:768px){
	
#textbereich{width:95%;padding-right:2%;padding-left:2%;}
#haupttext{width: 100%;max-width:100%; margin-left:2%;padding:1%;}
.kursangebot {width:100%; font-size: 0.9em;}
.kursangebot td {border:1px solid #e1e1e1;vertical-align:center;text-align:center;padding-bottom:10px;}
.kursangebot {border-collapse: collapse;}
.kursangebot, .kursangebot td, .kursangebot tr, .kursangebot th {
	border:1px solid #8c8c8c;
	border-collapse: collapse;
	text-align:center;
	padding:0;
}

.kursangebot td {
	padding:5px;
}

.kursangebot th {
	background:#e1e1e1;
	font-weight: bold;
	padding-top:5px;
	padding-bottom: 5px;
}

}




@media all and (min-width:1200px){
#textbereich {width:80%;padding-right:0;padding-top:40px;}
table.kursangebot {
	border-collapse: collapse;
	text-align:center;
	white-space: nowrap;
	font-size: 0.95em;
}

}