/* startseite */

@import url("../../webdesignamrhein/css/style.css");


@media all {
#contentframe {width: 1003px; padding: 0;}
h1 , h2 {background-color: #FFF; width: inherit; padding-left: 0; margin: 0 0 20px 0; }



#inhalt {margin-bottom: 0; padding-bottom: 0;  width: 100%;}


#starttext h2 {background: none; margin: 0px 0 10px 0; padding: 0; width: auto; font-size: 16px!important; font-weight: normal!important;}

.items-row {width: 100%;}

.item.column-1 , .item.column-2 , .item.column-3 {
	clear: none; float: left!important; width: 300px; min-height: 185px!important;  margin: 10px 20px 10px 0; background-color: #FFF; }
.item.column-1 h2, .item.column-2 h2 , .item.column-3 h2 {background-image: none;}


.blog {margin: 20px 0 0 0; float: left; width: 100%;}

.column-1 h2 {margin: 0 0 0 0!important; padding: 0!important; font-weight: bold; font-size: 14px;}
.column-2 h2 {margin: 0 0 13px 0!important; padding: 0!important; font-weight: bold; font-size: 14px;}
.column-3 h2 {margin: 0 0 18px 0!important; padding: 0!important; font-weight: bold; font-size: 14px;}

.items-row {float: left; padding: 0 0 10px 0;}
.item {	width: 300px; float: left; margin-right: 14px;}
.img-intro-right {float: left!important; margin: 0 10px 0px 0; }

.slide-desc-text-default .slide-title {font-weight:200;}


}

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

#starttext {margin-top: 20px;}

.item.column-1 , .item.column-2 , .item.column-3 {width: 30%; min-height: 185px!important; float: left; margin: 0;}
.item.column-3 {float: right;}
.img-intro-right {float: left; margin: 0 10px 20px 0; width: 30%; height: auto;}
.img-intro-right img {width: 100%; height: auto;}

.item.column-2 {margin-left: 20px!important;}


}

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

.item.column-1 , .item.column-2 , .item.column-3 {width: 100%; min-height: 1px!important;  float: left; margin: 10px 0 10px 0!important; }

}