h2.startseite {
border-bottom-width					: 0px;
text-align							: center;
margin-bottom						: 0px !important;
font-size							: 20px;
}

h3.startseite {
border-bottom-width					: 0px;
text-align							: center;
margin-bottom						: 20px !important;
font-size							: 18px;
}


.container {
padding								: 0px 15px;
display								: flex;
flex-wrap							: wrap;
justify-content						: space-between;
}

.container .gruppe {
width								: 225px;
border								: 2px solid #3a6ea5;
border-radius						: 5px;
background							: #eeeeee;
box-shadow							: 0px 0px 15px 1px rgba(150,150,150,0.9);
position							: relative;
padding-bottom						: 20px;
margin-bottom						: 25px;
}

.container .gruppe_highlight {
background							: #ffd700 !important;
}

.container .gruppe:hover {
background							: #cceeff;
cursor								: hand;
cursor								: pointer;
}

.container .gruppe .foto,
.container .gruppe .fotos img {
max-width							: 225px;
max-height							: 175px;
}

.container .gruppe .text {
padding								: 0px 5px;
}

.container .gruppe .titel {
background							: #3a6ea5;
box-shadow							: 0px 0px 15px 1px rgba(150,150,150,0.9);
border-radius						: 6px;
width								: 100px;
text-align							: center;
color								: #ffffff;
padding								: 3px 2px;
position							: absolute;
bottom								: -10px;
left								: 0;
right								: 0;
margin								: 0 auto;
}

@media screen and (max-width: 450px)
{
.container {
display								: block;
box-sizing							: border-box;
padding								: 0px !important;
}

.container .gruppe {
width								: 100%;
border								: 2px solid #3a6ea5;
border-radius						: 5px;
background							: #eeeeee;
box-shadow							: 0px 0px 15px 1px rgba(150,150,150,0.9);
position							: relative;
padding-bottom						: 20px;
margin-bottom						: 25px;
box-sizing							: border-box;
}

.container .gruppe .foto {
max-width							: 100% !important;

}	
}