@charset "utf-8";

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

}

@media all and (max-width: 1024px) 
{
/* Link weitere Infos ***********************************************/
.wim{
margin: 0px 20px 0px 0px;
}
/* Link Mitteilung senden ******************************************************** */
.mis{
margin: -17px 20px 0 0px;
}
/* Textfeld *********************************************************************/
.tfeld{
max-width: 35%;
height: auto;
margin: 20px auto;
}
.tfeld_aktuell {
max-width: 190%; 
height: 165px; 
white-space: wrap;
} 
.seiten{
margin: 10px 0 0 250px;
} 
/************************************************ Aktionen Details *******************************************/
.tfeld_beschr{
max-width: 50%;
height: auto;
margin: 20px 0 0 0;
}
.tfeld_beschreibung{
max-width: 190%; 
height: 100px;
white-space: wrap;
}
/************************************************* Weitere Details letztes Textfeld ************************************************/
.tf_details{
max-width: 50%;
height: auto;
margin: 20px 0 0 0;
}
.tf_w_details{
max-width: 190%; 
height: 200px;
white-space: wrap;
}

}

@media all and (max-width: 768px) 
{
.seiten{
margin: 10px 0 0 120px;
} 
.text_ut_dfotos  {
width: 140px; 
} 
.w_details{
width: 400px;
margin: 250px 0 0px 0px;
font-size: 1.0rem;
}

}

@media all and (max-width: 480px) 
{
.seiten{
margin: 10px 0 0 40px;
} 
}

@media all and (max-width: 320px) 
{
.w_details{
width: 300px;
font-size: 0.9rem;
}
}