@charset "utf-8";

/*Angebot (view)*/
.cangebot:after { content:''; display:block; clear:both; }
.cangebot h2, .cangebot h3 { font-size:17px; font-size:1.7rem; line-height:24px; line-height:2.4rem; color:#d02421; font-weight:400; text-decoration:none; display:block; margin:0px; padding:0px; }
.cangebot h2 { padding-bottom:10px; }
.cangebot .cols { padding-bottom:20px; }
.cangebot .cols:after { content:''; display:block; clear:both; }
.cangebot .col1of2 { float:left; width:590px; }
.cangebot .col2of2 { float:right; width:550px; padding:20px; background-color:#eee; }
.cangebot .col2of2 .placeholder { display:block; width:auto; height:250px; margin-bottom:20px; }

/*Angebot Touren (view)*/
.cangebot .tours:after { content:''; display:block; clear:both; }
.cangebot .tour { position:relative; float:left; width:285px; margin:0px 20px 20px 0px; overflow:hidden; background-color:#eee; font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; }
.cangebot .tour.blank { height:237px; }
.cangebot .tour.count0 { margin-right:0px; }
.cangebot .tour:hover { background-color:#f1bdbc; }
.cangebot .tour .placeholder { position:relative; height:130px; display:block; background-color:#dcdcdc; margin-bottom:10px; }
.cangebot .tour .text { height:217px; margin:10px; overflow:hidden; }
.cangebot .tour .text > span { display:block; color:#d02421; }
.cangebot .tour .ajaxloader { position:absolute; width:100%; height:100%; display:block; left:0px; top:0px; background:url('../mm/blind.png') repeat; }

/*Angebot auf Startseite (viewue)*/
.cangebot.viewue { height:100%; }
.cangebot.viewue .angebot h2 { padding:5px 0px !important; background-color:transparent; color:#d02421;  }
.cangebot.viewue .angebot .text { height:77px; margin-top:0px; }
.cangebot.viewue .angebot .placeholder { display:block; margin:0px 10px 10px 10px; background-color:#dcdcdc; }

/*Speziale Darstellung im Story-Modul*/
.cstory .item.width0.height0 .cangebot .placeholder { float:right; width:80px; height:75px; margin:0px 0px 0px 10px; }
.cstory .item.width1.height0 .cangebot .placeholder,
.cstory .item.width2.height0 .cangebot .placeholder,
.cstory .item.width3.height0 .cangebot .placeholder { float:right; width:145px; height:75px; margin:0px 0px 0px 10px; }
.cstory .item.width0.height1 .cangebot .placeholder { float:none; width:auto; height:120px; margin:0px 0px 10px 0px; }
.cstory .item.width1.height1 .cangebot .placeholder { float:none; width:auto; height:160px; margin:0px 0px 10px 0px; }
.cstory .item.width2.height1 .cangebot .placeholder, 
.cstory .item.width3.height1 .cangebot .placeholder { float:right; width:265px; height:160px; margin:0px 0px 10px 10px; }
.cstory .item.width0.height1 .cangebot .text { height:305px; }