.flugalternativen { font-size:14px;line-height: 1.1em;padding:15px;}
.flugalternativen .icon {padding:0}
.flugalternativen dt, .flugalternativen dd {display: block;margin:0}
.flugalternativen dt {color: #666666;font-weight:500}
.flugalternativen dd {font-weight: 600;display:block;margin-top:15px}
.flugalternativen h5 {color: #009eb4;line-height: 1em;margin-bottom: 8px;font-size: 14px; font-weight: 600}
.flugalternativen h5 .icon {padding-right:5px;}
.flugalternativen .header, .flugalternativen .title, .flugalternativen .nav{padding: 15px 5px 1px 5px;} /*{ padding: 15px 5px;}*/
.flugalternativen .btn-flugdetails, .flugalternativen .btn-alternativen {color:#009eb4;font-weight:600;font-size: 14px}
.flugalternativen .btn-alternativen {text-transform: uppercase;display:block;text-align:center;padding-bottom: 10px}
.flugalternativen .btn-alternativen .icon {position: absolute;transition: all 0.3s; }
.flugalternativen .btn-alternativen.open .icon{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);
											  -o-transform: rotate(180deg);transform: rotate(180deg) }


.flugalternativen .body, .flugalternativen .title, .flugalternativen .btn-alternativen, .flugalternativen .nav, .flugalternativen .xs-preis, .flugalternativen .flugdetails-wrap { background: #f4f4f4;}

.flugalternativen .header {background-color:#fff}
.flugalternativen .header a {position:relative;z-index:20;display:block}
.flugalternativen .header h6{font-size:20px;margin:0;font-weight:400;z-index:10;line-height: 1}
.flugalternativen .header h6+strong{font-size:14px;font-weight:400}

.flugalternativen .header a + ul, 
.flugalternativen .header a + .dropdown  {
	background: #ffffff none repeat scroll 0 0;box-shadow: 0 0 8px rgba(51, 51, 51, 0.3);left: -10px;padding: 75px 0 12px;
	position: absolute;top: -10px;transition: all 0.4s ease 0s;white-space: nowrap;z-index: 19;opacity:0;visibility:hidden;min-width:200px
}

.flugalternativen .header a + .dropdown  {padding-left: 20px;padding-right: 20px;}
.flugalternativen .header a + .dropdown .dropdown-foot {padding: 20px 0}
.flugalternativen .header a:hover  + ul, 
.flugalternativen .header ul:hover, 
.flugalternativen .header a:hover + .dropdown,
.flugalternativen .header .dropdown:hover {
		opacity:1;visibility:visible
}				

 .flugalternativen li.selected i::before {font-family: "icomoon";content: "\ea10";font-size: 12px;color: #009eb4;font-weight: light;position: absolute;}

 .flugalternativen .checkbox { border-radius: 2px;border: 2px solid #00377a;width: 18px;height:18px;display: inline-block;margin: 8px 0 8px 20px;}

.flugalternativen .header ul span {display:table-cell;vertical-align:top;padding-right:5px;}
.flugalternativen .header li { cursor:pointer;cursor:pointer}

.flugalternativen .header li span {cursor: pointer;display: block;padding: 8px 20px;font-size: 14px}
.flugalternativen .header li i + span {display: inline-block;padding-left:5px;padding-right:5px;}

.flugalternativen .header li.selected span, 
.flugalternativen .header li:hover span { 
	background: rgba(153, 153, 153, 0.1) none repeat scroll 0 0;
}

.flugalternativen .header .dropdown li.selected span,
.flugalternativen .header li:hover i + span { background: transparent; }

.flugalternativen .header ul span br{line-height:0.7;margin:0}
.flugalternativen .body {padding: 10px 20px;}

.flugalternativen .cell { display: table-cell; }
.flugalternativen .cell br { margin-top: 3px }
.flugalternativen .collection .container {margin-bottom:5px; }
.flugalternativen .collection .container { background: #d4f3fd none repeat scroll 0% 0%; padding: 5px 15px; }
.flugalternativen .flugdetails-wrap {    background: #f4f4f4;padding: 2px 10px;}/*background: #d4f3fd none repeat scroll 0% 0%;padding: 8px 16px;*/

.flugalternativen hr {border-bottom: 3px solid #fff;margin-bottom:10px;margin-top:0}
.flugalternativen .flugdetails table { margin-top: 10px }
.flugalternativen .flugdetails td { vertical-align:top;line-height: 1.8}
.flugalternativen .flugdetails td:nth-child(2) { padding-left: 5px; }
.flugalternativen .flugdetails td:nth-child(3) { padding-left: 15px; }

.flugalternativen .flugdetails  small { display: block; margin-top:0.5em; font-size:1em;line-height: 0.8em; color: #333; }
.flugalternativen .cell {display: table-cell}
.flugalternativen .preis-wrap {margin-top: 8px}
.flugalternativen .preis{color:#00377A;font-size:18px;width: 62px;display: table-cell; text-align: right}
.flugalternativen .btn-buchen-wrap {display: table-cell;vertical-align:middle;}
.flugalternativen .preis br {line-height: 0.2}
.flugalternativen .btn-buchen{background: #009eb4 none repeat scroll 0 0;color:#fff;transition: all 0.5s ease 0s;padding:3px 16px 5px;border-radius: 4px;}
.icon-minus:before {content: "\e60f";}
.icon-plus:before {content: "\e609";}
.icon-chevron-down:before{content: "\e605";}
.icon-chevron-up:before{content: "\e605";}
.icon-hinflug:before{content:"\e924";}
.icon-rueckflug:before{content:"\e925";}
.alternat:before {content: "\e960"; font-family:"icomoon";display: inline-block;}
.on {transform: translateX(-50%) rotate(-180deg);}

.deck-nil {background: #B0B982;}
.deck-mittel {background: #EBC7d6;}
.deck-ober {background: #AABCE1;}

.flugalternativen .deck {display: inline-block;height: 10px;margin-right: 4px;width: 20px;}
.flugalternativen .deck-sonnen {background:#b3c4ba none repeat scroll 0 0}
.flugalternativen .deck-lido {background:#dbb9c9 none repeat scroll 0 0}
.flugalternativen .deck-apollo {background:#f9cf9d none repeat scroll 0 0}
.flugalternativen .xs-preis .preis {font-weight:300;line-height: 1.2}
.flugalternativen .xs-preis div {margin: 10px 0}
.flugalternativen .xs-preis .preis  strong{font-weight:400; ;display:block}
.flugalternative::after {content:"";display:block;border-bottom: 15px solid #fff}
.pl4 {padding-left:4px}
.pr10 {padding-right:10px}
.pb12 {padding-bottom:12px}

.custom-grid .hidden-sm { display: none !important;  }
.custom-grid .visible-sm { display: block !important; }
.custom-grid .visible-sm-inline { display: inline-block !important; }

@media (min-width: 768px) {
	.custom-grid .hidden-sm { display: block !important; }
	.custom-grid .visible-sm, .custom-grid .visible-sm-inline { display: none !important; }

}


@media (max-width: 767px) {
	.custom-grid .sm-block-el { padding-top:12px;}
	

	.custom-grid .bb-sm-ddd { border-bottom: 1px solid #ddd;padding-bottom: 12px }
	.custom-grid .bt-sm-ddd { border-top: 1px solid #ddd;padding-top: 12px }

	.flugalternativen .body, .flugalternativen .title, .flugalternativen .xs-preis, .flugalternativen .flugdetails *[class^="col-"] {padding:0 20px;}
	.flugalternativen .flugdetails-wrap { padding : 0; }
	.flugalternativen dd {margin-top: 3px}
	.flugalternativen .flugdetails *[class^="col-"] {padding-top: 15px; padding-bottom: 5px}
	.flugalternativen .flugdetails *[class^="col-"]:first-child {border-bottom: 2px solid #fff}/*border-bottom: 5px solid #fff*/
	.flugalternativen .row.flugdetails {background: #d4f3fd none repeat scroll 0% 0%;}
	.flugalternativen .collection .container {background: #f4f4f4;}

	.custom-grid .sm-pb12 {padding-bottom:12px; padding-top:12px}
}



.flugalternativen .col-sm-3.col-xs-12.sm-block-el.bb-sm-ddd.bold {font-weight: 600;}
.flugalternativen .row.body.sm-pb12.altern  {padding: 10px 10px 12px 16px;}
.flugalternativen .col-xs-12.flugzeiten {margin: 4px 0px; color: #a4a3a3;}

@media (min-width: 768px) {
.flugalternativen .preis {position: absolute;margin-top: 18px;}
.flugalternativen .btn-buchen-wrap{position: absolute;   margin-top: 15px; margin-left:50%;}
.flugalternativen .col-sm-3.hidden-sm.preis-wrap{width: 145px; left: -21px}
}

@media screen and (max-width: 425px) {
     .flugalternativen .preis {
        width: 100%;
     }

    .flugalternativen .xs-preis .preis strong {
        display: inline-block;
    }

}