/* --- Stylesheet 3927 () --------- */ 

#inhalt .col { float: left; }
#inhalt .col1 { width: 35%; }
#inhalt .col2 { width: 65%; }

#inhalt .col1 .inner { margin-right: 30px; }
#inhalt .col1 h1 { color: #DE6A10; margin: 0px 0px 15px 0px; }
#inhalt .col1 h2 { color: #A6AAA9; margin: 0px 0px 15px 0px; font-size: 20px; line-height: 125%; }
#inhalt .col1 .text { line-height: 145%; }

#inhalt .col2.teaser .Bild { float: left; margin-bottom: 20px; }
#inhalt .col2.teaser .text { margin-left: 330px; padding-top: 20px; }
#inhalt .col2.teaser h3 { color: #DE6A10; font-size: 20px; margin: 0px 0px 10px 0px; }
#inhalt .col2.teaser h3 a { color: #DE6A10; text-decoration: none; }
#inhalt .col2.teaser .intro { font-size: 15px; }
#inhalt .col2.teaser .intro p { margin: 0px 0px 10px 0px; }


#inhalt .col2 .images { margin: 0px -15px 0px 0px; }
#inhalt .col2 .images a .Bild { margin: 0px 15px 15px 0px; }
#inhalt .col2 .images img { width: 100%; height: auto; }
#inhalt .col2 .images.three a { display: block; float: left; width: 33.33% }
#inhalt .col2 .images.two a { display: block; float: left; width: 50% }

/* --- Stylesheet 3928 () --------- */ 

@media all and (min-width: 1000px) and (max-width: 1250px) {

}

@media all and (min-width: 768px) and (max-width: 1000px) {

	#inhalt .col { float: none; }
	#inhalt .col1 { width: auto; }
	#inhalt .col2 { width: auto; }

}

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

	#inhalt .col { float: none; }
	#inhalt .col1 { width: auto; }
	#inhalt .col1 .inner { margin: 0px; }
	#inhalt .col2 { width: auto; }
	#inhalt .col2.teaser .Bild { float: none; }
	#inhalt .col2.teaser .Bild img { width: 100%; height: auto; max-width: 400px; }
	#inhalt .col2.teaser .text { margin-left: 0px; }
}