/* WFL-Sonderfahrten*/

#card-container-sonder
{ height:100%;padding:0;margin-top:0;margin-bottom:15px;display:grid;justify-content:center;background-color:#ffffff;border-radius:10px;
	box-shadow:  2.8px 3px 7.3px rgba(0, 0, 0, 0.015),  2px 5px 8px rgba(0, 0, 0, 0.029),  3px 7px 10px rgba(0, 0, 0, 0.044);
}

.card-sonder-0
{ width:120px;display:block;padding:20px 0 0 10px;float:left;}
.card-sonder-1
{ min-width:480px;max-width:480px;min-height:130px;display:block;padding:20px 20px 0 10px;background-color:#ffffff;float:left;}
.card-sonder-2
{ width:15%;min-width:180px;display:block;padding:20px 10px 0 25px;float:left;border-left:none;}
.card-sonder-3
{ width:120px;min-width:100px;margin:0 auto;padding:25px 10px 10px 10px;float:left;border-left:none;vertical-align:middle;}

.card-sonder-1 p
{ line-height:1.3em;padding-left:5px;padding-bottom:15px;}

.card-sonder-3 span
{width:120px;
font-size:10px;
line-height:12px;
-webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
	-epub-hyphens:   none;
}

.card-sonder-3 img
{padding-bottom:0;margin-bottom:0;}




.read-more-sonder a
{min-width: 80px;
max-width: 350px;
margin: 7px 2px;
padding: 10px 17px;
font-size: 14px;
line-height: 17px;
font-weight: normal;
text-decoration:none;
text-transform:uppercase;
letter-spacing:.1em;
display: inline-block;
color: #FFF;
background-color: #ff9900;
border-radius:7px;
vertical-align: middle;
}



@media screen and (min-width: 320px) and (max-width: 900px)
{
#card-container-sonder
{width:97%; padding:10px; margin:1px 10px 40px 5px;background:#ffffff;border:1px solid #ebebeb;border-radius:10px;box-sizing:border-box;display:flex;}

.card-sonder-0
{ width:90%; height:auto;display:block;padding: 0 0 10px 5px;margin-top:0;margin-bottom:0;float:left;background:none;box-sizing:border-box;}
.card-sonder-1
{ width:90%;min-width:300px;max-width:350px;min-height:50px;padding: 0 10px 5px 5px;float:left;background:none;display:grid;overflow:scroll; box-sizing:border-box;}
.card-sonder-2
{ width:300px;min-width:100px;height:auto;padding:0 0 5px 5px;margin-top:0;margin-bottom:15px;background:none;float:left;border-left:none;}
.card-sonder-3
{ width:100%;min-width:100px;height:90px;padding: 5px 0 0;margin-top:20px;margin-bottom:0;background:none;border-left:none;display:none;}

.read-more-sonder a {
min-width: 150px;
max-width: 300px;
margin: 7px 2px;
padding: 10px 17px;
font-size: 14px;
line-height: 17px;
font-weight: normal;
text-decoration:none;
text-transform:uppercase;
letter-spacing:.1em;
display: inline-block;
color: #FFF;
background-color: #ff9900;
border-radius:7px;
vertical-align: middle;
}

}






.card2
{font-size: 1.225em;}

.card2 p
{min-height: 80px;}


.card1 {width: 99%; color: #202020; float:left;    display:flex;    margin: 0;    padding:10px 10px 10px;    border-radius: 5px;    box-sizing: border-box;    flex: 1 1 0;    flex-direction: column;    gap: 4px;    align-items: stretch;    justify-content: center;    background: #ffffff;   line-height:0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08)}

.card2
{width: 48.055%; min-height:290px; color: #202020; float:left;    display:flex;    margin: 10px 15px;    padding:10px 10px 10px;    border-radius: 5px;    box-sizing: border-box;    flex: 1 1 0;    flex-direction: column;    gap: 4px;    align-items: stretch;    justify-content: top;    background: #ffffff;    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); z-index:1;}

.card3
{width: 31.92%; color: #202020; float:left;    display:flex;    margin: 0 20px 20px;    padding:10px 10px 10px;    border-radius: 5px;    box-sizing: border-box;    flex: 1 1 0;    flex-direction: column;    gap: 4px;    align-items: stretch;    justify-content: center;    background: #ffffff;    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08)}
.card3 figure
{max-height:305px;}

#the1 .card3 p
{color: #202020;}

.card3 img
{width: 100%; max-height: 290px}

#the1 .card3 h2,
#the2 .card3 h2
{font-size: 1.45em; margin-top:15px;color:#202020;}

.card4
{width: 22%; min-height: 450px; color: #202020; float:left;    display:flex;    margin: 0 10px 10px;    padding:20px 15px 20px;    border-radius: 5px;    box-sizing: border-box;    flex: 1 1 0;    flex-direction: column;    gap: 2px;    align-items: stretch;    background: #ffffff;    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08)}