/*css for XBE A-23215-38*/
@import url('colorset-ob.css');

html,body{
background-color:transparent;
width:100%;
max-width:100% !important;
}
.container{
width:100% !important;
max-width:100% !important;
}
.modal-dialog{
min-width:90%;
}
.modal-content{
height:inherit;
}

#mkz_on,#g2b{
display:none !important;
}
.xbe_mkz{
visibility:hidden;
}
.searchform~.deals .col-md-8{
width:100%;
}
.searchform~.deals .tab_region .col-md-8{
width:66.6667%;
}

div.searchform{
width:0%;
display:none !important;
}
.col-md-12{
width:100%;
}
.list-item{
border:1px solid #eee;
margin-top:5px;
margin-bottom:5px;
}
fieldset{
background-color:#fff;
}
legend{
border:1px solid #ccc;
border-radius:5px;
background-color:#fff;
}

select.form-control{
-moz-box-sizing: border-box;
}

body #content .xbe_stars span.xbe_stars_kat {
        clip: rect(0, 0, 0, 0); }

div.b div.text-right b:first-child:after{content:" (für alle Personen)";}
/*
div.b div.col-xs-12 div.row:first-child div.col-xs-12 b:after{content:" Zu Ihrer Sicherheit besser gleich buchen.";font-style:normal;font-weight:normal;}
*/
div#xbe_hot_list:before{content:"Telefonische Beratung & Buchung: +49/991/296767748. Täglich bis 22 Uhr erreichbar.";display:block;position:relative;top:0px;background-color:#1d60ad;color:white;padding:8px 12px;margin:10px -15px;width:calc(100% + 30px);text-align:center;}

div.b > div.col-xs-12:not(.ready2book) > div.row > div.col-xs-7 > div:last-child:after{white-space:pre-wrap;position:relative;top:1em;text-align:left;width:100%;content:"Nirgendwo günstiger!\A Bei Kos Ferien buchen Sie dieses Reiseangebot mit Bestpreis-Garantie!";display:block;padding-top:1.0em;}
div.b div.text-right a.btn-success{
font-weight:bold;
font-size:20px;
padding:14px 36px;
line-height:1.0em;
background-color:#009C0A !important;
border-color:#FFFFFF !important;
}
div#xbe_ang .col-md-2{
width:inherit !important;
}

.modal-body{
overflow:scroll;
-webkit-overflow-scrolling: touch !important;
}

.modal-open{
overflow:hidden;
}

body #content #xbe_hot_list .list-item.b {
    background-color: #ffffff;
    border: 0.1em solid #009C0A;
}
div#xbe_ang_inf p+p:before{
content:"Tipp: Wenn Sie einen unseren Filter zu Zimmerart, Verpflegung, Meerblick oder Hotelbewertungen genutzt haben, setzen Sie diese Filter bitte zurück auf 'beliebig', um eventuell noch Angebote zu finden. Andernfalls empfehlen wir, den Reisezeitraum, Abflughafen oder die Termine für früheste Anreise bzw. späteste Rückreise zu ändern. Gerne helfen wir Ihnen bei der Suche. Rufen Sie uns einfach unter Tel: +49/991/296767748 an. Wir sind täglich bis 22 Uhr für Sie da.";display:block;padding:0.5em;border:1px solid #ccc;margin-bottom:0.5em;box-sixing:border-box;width:100%;font-weight:500;}

div#xbe_hot_inf p+p:before{
content:"Bitte gehen Sie zur Startseite von Kos Ferien und wählen Sie ein anderes Hotel aus. Alternativ können Sie die Reisedaten ändern, um zu prüfen, ob es zu anderen Terminen noch freie Angebote in diesem Hotel gibt. Wenn Sie die Auswahl bzgl. Zimmerart oder Meerblick eingeschränkt haben, können Sie auch versuchen, diese auf 'beliebig' zu setzen.";
display:block;padding:0.5em;border:1px solid #ccc;margin-bottom:0.5em;box-sixing:border-box;width:100%;font-weight:bold;
}
div.hotelinfo #f_info div.well:empty:after{
content:"Flugzeiten fehlen oder unklar? Bitte rufen Sie uns an, wir klären dies für Sie.";
display:block;
border-top:0.1em dotted #01336b;
margin-top:0.4em;
padding:0.3em;
color:#01336b;
}


div#xbe_book_inf div.hotelinfo:after{
content:"Kos Ferien Buchungshotline: +49/991/296767748. Wir klären Ihre Fragen zu diesem Angebot und helfen bei der Buchung. Täglich bis 22 Uhr für Sie erreichbar.";
display:block;
padding:10px;
border:1px solid #CCC;
margin-top:0.3em;
border-radius:4px;
background-color:#fff;
}

div#booking:after{
content:"Ihre Daten werden sicher SSL-verschlüsselt übertragen.";
display:block;
box-sizing:border-box;
width:100%;
padding:0.5em;
margin-top:0.5em;
text-align:center;
font-weight:bold;
}

div.row.list-item.v div.pull-right{
display:none;
}
body #content .xbe_stars span.xbe_stars_kat0\.0{clip:rect(0, 0, 0, 0)}
body #content .xbe_stars span.xbe_stars_kat0{clip:rect(0, 0, 0, 0)}
body #content .xbe_stars span.xbe_stars_kat0\.5{clip:rect(0, 6px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat1\.0{clip:rect(0, 12px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat1{clip:rect(0, 12px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat1\.5{clip:rect(0, 18.5px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat2\.0{clip:rect(0, 25px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat2{clip:rect(0, 25px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat2\.5{clip:rect(0, 31.5px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat3\.0{clip:rect(0, 38px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat3{clip:rect(0, 38px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat3\.5{clip:rect(0, 44.5px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat4\.0{clip:rect(0, 51px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat4{clip:rect(0, 51px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat4\.5{clip:rect(0, 57.5px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat5\.0{clip:rect(0, 64px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat5{clip:rect(0, 64px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat5\.5{clip:rect(0, 70.5px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat6\.0{clip:rect(0, 77px, 12px, 0)}
body #content .xbe_stars span.xbe_stars_kat6{clip:rect(0, 77px, 12px, 0)}

div#meldung div.well{
max-width:237px !important;
white-space:pre-wrap !important;
word-wrap: break-word;
}

@media screen and (min-width:768px){
html,body,#container{
width:100% !important;
}
div.hotel_image{
max-width:320px;
height:auto;
}
}
@media screen and (max-width:990px){
html,body,#container{
width:100% !important;
}
div#meldung div.well{
max-width:100% !important;
}
.searchform~.deals .tab_region .col-xs-7{
width:58.3333%;
}
}
@media screen and (max-width:576px){
#xbe_hot_list div.row.list-item.b  div.col-xs-4,
#xbe_hot_list div.row.list-item.b  div.col-xs-5,
#xbe_hot_list div.row.list-item.b div.col-xs-7{
width:100%;
text-align:left;
}
div#meldung div.well{
max-width:230px !important;
}
#xbe_hot_list div.row.list-item.b  div.col-xs-4.text-center{
width:50%;
text-align:right;
float:right;
}
#xbe_hot_list div.row.list-item.b  div.col-xs-4.text-right{
width:50%;
text-align:left;
float:left;
}
#xbe_hot_list div.row.list-item.b  div.col-xs-5:last-child{
text-align:right;
}
#xbe_hot div.hotel_image,#xbe_hot div.hotel_data{
width:100%;
}
#xbe_ang div.row div.col-xs-6:first-child{
width:100%;
}
#xbe_ang div.row div.col-xs-6.col-md-4{
width:50%;
float:left;
}
#xbe_ang div.row div.col-xs-6.col-md-2{
width:50% !important;
text-align:right !important;
padding-left:0px;
}

#xbe_ang div.angebot_links{
display:none;
}
#xbe_ang div.offer-rating{
display:none;
}

div#xbe_hot_list:before{content:"Beratung und tel. Buchung: +49/991/296767748.\A 7 Tage/Woche bis 22 Uhr für Sie da.";display:block;position:relative;top:0px;background-color:#1d60ad;color:white;padding:8px 8px;margin:10px -15px;width:calc(100% + 30px);text-align:center;white-space:pre-wrap;}
}
fieldset legend{
border:1px solid #ccc !important;
       border-radius:4px;
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
    fieldset legend{
       max-width:calc(100% - 40px) !important;
       border:1px solid #ccc !important;
       border-radius:4px;
    }
}
@media screen and (min-device-height:300px){
.modal .modal-dialog{height:250px !important;}
.modal-body{height:200px !important;}
.modal-body iframe{height:200px !important;}
}
@media screen and (min-device-height:450px){
.modal .modal-dialog{height:350px !important;}
.modal-body{height:300px !important;}
.modal-body iframe{height:300px !important;}
}
@media screen and (min-device-height:550px){
.modal .modal-dialog{height:400px !important;}
.modal-body{height:350px !important;}
.modal-body iframe{height:350px !important;}
}
@media screen and (min-device-height:620px){
.modal .modal-dialog{height:600px !important;}
.modal-body{height:550px !important;}
.modal-body iframe{height:550px !important;}
}
@media screen and (min-device-height:700px){
.modal .modal-dialog{height:650px !important;}
.modal-body{height:600px !important;}
.modal-body iframe{height:600px !important;}
}
@media screen and (min-device-height:800px){
.modal .modal-dialog{height:700px !important;}
.modal-body{height:650px !important;}
.modal-body iframe{height:650px !important;}
}
@media screen and (min-device-height:1000px){
.modal .modal-dialog{height:820px !important;}
.modal-body{height:770px !important;}
.modal-body iframe{height:770px !important;}
}
@media screen and (min-device-height:1190px){
.modal .modal-dialog{height:980px !important;}
.modal-body{height:930px !important;}
.modal-body iframe{height:930px !important}
}

@media screen and (max-width:400px){
#waiting{
width:300px;
margin-left:-150px;
}

}
@media screen and (max-width:350px){
a.btn.btn-info{
font-size:1.0em !important;
}
fieldset legend{
font-size:18px;
}
#xbe_book_inf .col-xs-12{
box-sizing:border-box;
max-width:100%;
padding-left:0px;
padding-right:0px;
}


body #content #xbe_book_inf .hotelinfo{
float:left;
}

div.col-sm-3 div{
word-break: break-word;
}
div.col-xs-4{
word-break: break-word;
}
span.hotel_data_item{
word-break: break-word;
}
body #content #xbe_hot .hotel_data .hotel_data_item strong{
white-space:normal;
}
body #content .offer-list .list-head{
white-space:normal;
}
div.col-xs-4.text-center img,
div.col-xs-6.col-sm-3 img{
max-width:120px;
height:auto;
}
}
div#xbe_hot_list div.row.list-head:after{
content:"Hinweis: Der Preis p.P. bezieht sich auf Erwachsene. Bei Familien werden aktuelle Kinderfestpreise und Nachlässe bei Angebotsprüfung abgerufen und in den Gesamtpreis eingerechnet. Tipp: Prüfen Sie für den besten Familienpreis möglichst viele Angebote verschiedener Veranstalter bei Kos Ferien.";display:block;white-space:normal;text-align:center;padding:5px 5px 0px 5px;width:100%;box-sizing:border-box;font-style:normal;color:#999999;border-top:1px solid #cccccc;margin-top:5px;}
/*
#g3 div.row div.col-sm-4 img.img-responsive{
display:none;
}
*/