#carport_wismar {width:100%; background-image:url('carport_wismar.webp'); background-repeat:no-repeat; background-size:cover; background-position:right;}


.contain_white_respo {width:100%; display:flex; flex-direction:row; flex-wrap:
wrap; justify-content:space-between; align-items: stretch; margin:10px; 
background: rgba(255,255,255,0.7); border-top: 5px solid white; border-bottom:5px solid white;
}

.item_wismar {width:auto; flex:1; margin:10px; background: rgba(255,255,255,0.7); border-top: 5px solid white; border-bottom:5px solid white; padding-bottom:20px;}


/*Button Detail und Optionen */
.button_projectdetail {
border: none;
font-family:'Ubuntu', Arial, Helvetica, sans-serif;
font-weight: 400;
font-style:normal;
font-size:1.2rem;
line-height: 150%; 	
letter-spacing:normal; 
background-color:#508fef;
color:black;
text-decoration: none;
padding: 12px;
border-radius: 3px;
border-bottom: 2px solid rgba(0, 0, 0, 0);
margin-top:10px;
margin-left:10px;}

.button_projectdetail:hover, button_projektdetail:focus {  cursor: pointer;  opacity: 0.75;}

.img_icon_region {margin:10px;}
.img_stefan_region {height:187px; width:220px; margin:10px;}
.item_img_stefan {flex:1; margin:10px; max-width:250px;}
.item_text_stefan {flex:2; margin:10px;}


@media only screen and (min-width: 240px) and (max-width: 420px) {
#carport_wismar {background-image:url('carport_wismar_mobile.webp');}
}