﻿
.booking .list { overflow:hidden;}

.booking .list .nothing { padding:22px; box-sizing:border-box; border:1px solid #D8B526; margin-bottom:20px; font-size:1.1em; font-family:GothamM;}

.booking .list .nothing, 
.booking .list .items { width:68%; margin-right:2%; float:left; box-sizing:border-box;}
.booking .list .alternates { width:30%; float:left; position:relative; }


/*List Items*/
.booking .list .items { min-height:150px;}
.booking .list .items:after { display:block; height:1px; content:'';}
.booking .list .items .item { padding:20px 0; border-bottom:1px solid #ddd; margin-bottom:20px; overflow:hidden;}
.booking .list .items .item figure { width:38%; margin-right:4%; float:left;}
.booking .list .item figure img { width:100%;}
.booking .list .items .item .txt { width:58%; float:left;}
.booking .list .item h3 { font-family:GothamM; font-size:1.6em; margin-top:8px;}
.booking .list .items .item .shorttext { line-height:130%; display:block; padding-bottom:20px;}
.booking .list .room { padding:3px 0; }
.booking .list .room .roomname { display:inline-block; width:40%; vertical-align:middle; }
.booking .list .item.room-it .room .roomname { display:none; }
.booking .list .room .price { display:inline-block; width:20%; font-size:1.1em; font-family:GothamM; color:#1b7a0d; vertical-align:middle;}
.booking .list .room .count { width:10%; padding:4px; text-align:center; font-family:GothamM;text-align-last:center; vertical-align:middle;}
.booking .list .room .button.next { padding:4px 12px 3px 28px; vertical-align:top; margin-left:4px; border-radius:2px;}
.booking .list .room .button.next:before { top:5px }
.booking .list .items .item .room .next { display:none; }
.booking .list .items .item .room.room-selected .next { display:inline-block; }


/*Alternative*/
.booking .list .alternates.progress { min-height:200px; }
.booking .progress { background:rgba(255, 255, 255, 0.8); position:relative;}
.booking .progress:before { display:block; content:''; background:url(i/loading.gif) no-repeat ; width:60px; height:60px; margin:20px auto; position:absolute; left:50%; top:50px; margin-left:-30px;}
.booking .list .alternates.active { background:#f3f3f3; padding:100px 20px 20px 20px; box-sizing:border-box; box-shadow:0 -2px 6px #999;}
.booking .list .alternates h4 { display:none; color:#fff; font-family:GothamM; font-weight:normal; text-transform:uppercase; font-size:1.5em; position:absolute; top:0; left:0; width:100%; background:#D8B526; padding:20px 0 16px 0; text-align:center; box-sizing:border-box;}
.booking .list .alternates h4 span { text-transform:none; display:block; font-size:.6em; color:#fff;}
.booking .list .alternates.active h4 { display:block;}

.booking .list .alternates-items .item { margin-bottom:40px;}
.booking .list .alternates-items h3 { font-size:1.4em;font-family:GothamM; }
.booking .list .alternates-items .date { display:block; background:#c2e2f4; padding:2px 2px 2px 8px; border-radius:4px; margin-bottom:4px;}
.booking .list .alternates-items .rooms { padding-top:12px;}
.booking .list .alternates-items .room { border-bottom:1px solid #ddd; margin-bottom:4px; padding-bottom:8px;}
.booking .list .alternates-items .room .roomname { width:100%; display:block;}
.booking .list .alternates-items .room .price { width:120px; vertical-align:middle; }
.booking .list .alternates-items .room .button.next { padding-bottom:6px; padding-top:6px; vertical-align:middle;}
.booking .list .alternates-items .shorttext { display:none; font-size:.8em; line-height:100%;}

.seekda-alternatives .alternatives-items h3 span.roomname { visibility:hidden }
.seekda-alternatives .alternatives-items .date { font-family:Gotham!important }
.seekda-alternatives .alternatives-items h3 { font-family:GothamM!important; color:#005e96;}
.seekda-alternatives .alternatives-items .room .price { font-family:GothamM!important }

.alternates-items .package-ithide, .alternates-items .room-ithide { display:none; }
.alternates-items.more-packages .package-ithide, .alternates-items.more-rooms .room-ithide { display:block; }
.alternates-items.more-packages .more.package, .alternates-items.more-rooms .more.room { display:none;}

.alternates-items .more { display:block; background:#D8B526; text-align:center; padding:10px 0; color:#fff; }

/*Übersicht*/
.booking.view2 .filter, .booking.view2 .list { display:none;}
.booking .overview { display:none;}
.booking.view2 .overview { display:block;}

.booking .overview h2 { margin-top:20px;}
.booking .overview .bx { background:#c2e2f4; padding:20px; margin-bottom:20px;}
.booking .overview .bx .room-item { padding:4px 0; border-bottom:1px solid #b1d1e4;}
.booking .overview .bx .room-item span, .booking .overview .bx .total span { display:inline-block; margin-right:12px; font-size:1.1em; }
.booking .overview .bx .room-item .date { width:20%;}
.booking .overview .bx .room-item .quantity { width:50%;}
.booking .overview .bx .room-item .price { color:#1b7a0d; font-family:GothamM;}
.booking .overview .bx .total { background:#fff; padding:8px; margin-top:4px; font-size:1.2em;font-family:GothamM}
.booking .overview .bx .total span:first-child { width:70%; display:inline-block;}
.booking .overview .bx .total .totalprice { color:#1b7a0d; }
.booking .overview .person .rw { position:relative; padding:4px 0 0 140px;}
.booking .overview .person .rw input, .booking .overview .person .rw select { min-width:200px;}
.booking .overview .person .rw span { position:absolute; left:0; top:4px;}