
.container_fotos {
display								: flex;
align-items							: stretch;
align-content						: flex-start;
flex-wrap							: wrap; 
}

.box_foto {
width								: 240px;
flex-grow							: 0;
margin-bottom						: 10px;
margin-right						: 10px;
border								: 1px solid #3a6ea5;
border-radius						: 5px;
box-sizing							: border-box;
}

.box_foto img {
border-bottom						: 1px solid #3a6ea5;
border-top-left-radius				: 5px;
border-top-right-radius				: 5px;
box-sizing							: border-box;
max-width							: 100%;
background							: #eeeeeee;
}

.box_foto div {
padding								: 5px;
}

img[data-zoom="image"],
img[data-zoom="video"],
div[data-zoom="image"],
div[data-zoom="video"] {
cursor								: hand;
cursor								: pointer;
}

.box_foto[data-zoom="image"]:hover,
.box_foto[data-zoom="video"]:hover,
.box_foto[onclick]:hover {
background							: #cceeff;
}

.steuerung_sortierung {
float								: right;
width								: 253px;
margin-left							: 10px;
margin-bottom						: 5px;
border								: 1px solid #3a6ea5;
border-radius						: 5px;
}

.steuerung_sensoren {
float								: right;
width								: 253px;
margin-left							: 10px;
margin-bottom						: 5px;
}

.steuerung_beispiel {
border								: 1px solid #3a6ea5;
border-radius						: 5px;
box-sizing							: border-box;
}

.steuerung_beispiel.beispiel1 {
width								: 245px;
margin-right						: 5px;
}

.steuerung_beispiel.beispiel2 {
width								: 245px;
margin-right						: 5px;
}

.steuerung_beispiel.beispiel3 {
width								: 245px;
}

.steuerung_beispiel.beispiel4 {
width								: 245px;
margin-right						: 5px;
}

.steuerung_beispiel.beispiel5 {
width								: 245px;
margin-right						: 5px;
}

.steuerung_beispiel.beispiel6 {
width								: 245px;
}

.ersatzteile_uebersicht {
float								: right;
width								: 253px;
margin-left							: 10px;
margin-bottom						: 5px;
}

.ersatzteile_sortiersiebe {
float								: right;
width								: 171px;
margin-left							: 10px;
margin-bottom						: 5px;
}

.imagetooltip_container {
position							: relative;
display								: inline-block;
overflow							: hidden;
}

.imagetooltip_container img {
display								: block;
width								: 100%;
position							: relative;
}

.imagetooltip_container .tooltip {
background-color					: #3a6ea5;
background-color					: rgba(58,110,165,0.75);
color								: #ffffff;
text-align							: center;
padding								: 5px 5px 13px 5px;
position							: absolute;
bottom								: 0%;
opacity								: 0;
width								: 100%;
box-sizing							: border-box;
}

.imagetooltip_container:hover .tooltip {
opacity								: 1;
}

@media screen and (max-width: 450px)
{
.steuerung_sortierung {
float								: none;
display								: block;
width								: 95%;
margin								: auto;
margin-bottom						: 10px;
}

.steuerung_sensoren {
float								: none;
display								: block;
width								: 95%;
margin								: auto;
}

.steuerung_beispiel.beispiel1,
.steuerung_beispiel.beispiel2,
.steuerung_beispiel.beispiel3,
.steuerung_beispiel.beispiel4,
.steuerung_beispiel.beispiel5,
.steuerung_beispiel.beispiel6 {
float								: none;
display								: block;
width								: 95%;
margin								: auto;
margin-bottom						: 10px;
}

.ersatzteile_uebersicht {
float								: none;
display								: block;
width								: 95%;
margin								: auto;
}

.ersatzteile_sortiersiebe {
float								: none;
display								: block;
width								: 95%;
margin								: auto;
margin-bottom						: 10px;
}
}