@charset "utf-8";

@media all {
	/*Benutzerdefinierte Styles*/
	
	/*.gastDesc { font-size: 12px; margin-top: 15px; display:none }*/
	

.ticketOption label span {
    padding: 0 10px 0 10px;
}

.MoreLink {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

/* a.shoplink.second.HideThis {
    display: block  !important;
}*/

/* Tausch von den beiden Bildern Headphone und de temporär 21.02.18 

.Guides.audioGuides {
    background-image: url(/read/templates/suk/bilder/de@2x.png)!important; 

} */

#hegemann {
    display: none;
}


/* SUK-Logo nach oben im Header und feststellen im Footer wegen fehlender Suche*/
.logo {
     margin-top: 32px !important;
}
 
#footer .logo{
	 margin-top:0px !important;
}

/*Ende SUK-Logo */

	
.Guides.audioGuides {
    background-image: url(/read/templates/suk/bilder/headphones.png)!important;
	background-position: left top;
	}

/*span.Guide[data-language=de] { background-image :url(/read/templates/suk/bilder/headphones@2x.png)!important;}
span.Guide[data-language=en] { background-image :url(/read/templates/suk/bilder/en@2x.png)!important;}*/


span.Guide[data-language=cn] { background-image :url(/read/templates/suk/bilder/cn.png);}
span.Guide[data-language=fi] { background-image :url(/read/templates/suk/bilder/fi.png);}
span.Guide[data-language=nl] { background-image :url(/read/templates/suk/bilder/nl.png);}
span.Guide[data-language=pt] { background-image :url(/read/templates/suk/bilder/pt.png);}
span.Guide[data-language=se] { background-image :url(/read/templates/suk/bilder/se.png);}
span.Guide[data-language=sv] { background-image :url(/read/templates/suk/bilder/sv.png);}
span.Guide[data-language=x] {width: 6px !important;}

.productData .Guides > span {
    height: 24px !important;
}


.gui {
    font-size: x-small;
}

form.newsletter { display:none;}



/* ### Corona Fahrplanseite ### */
.fahrplan  {
    line-height: 1.8em;
	display:flex; 
	width: 600px; 
	margin: 6px 0 6px 0;
}

 .priceF, .durationF {
        background: url(/Read/Templates/suk/bilder/money_o.svg);
        background-size: 20px;
        background-position: 0em center;
        background-repeat: no-repeat;
    }

.durationF {
        background-image: url(/Read/Templates/suk/bilder/clock_o.svg);
    }
	
.priceF > span, .durationF > span{
        margin: 0 20px 0 25px;
    }
.buchenF {
        background: rgb(0, 135, 207); 
		padding: 10px; 
		width: 200px; 
		text-align: center; 
		font-size: 18px;
		margin-top:10px;
	}	
		
.buchenF  > a {
		color: white; 
		cursor: pointer;
	}
	
.paralaxWrapper.gmap {
   
        height: 380px !important;
    }

/* ### Corona Fahrplanseite ENDE### */
	
	
/* ### Gastro Speisekarte ### */


.tablegastro {
width: 65% !important;
}


/* ### Gastro Speisekarte ENDE ### */
	
	
/* ### Charter Flotte ### */

.wrapper-flotte {
    border: 0px dotted rgb(96, 139, 168);
    width: 100%;
}
.box-flotte{
    display: flex;
    flex-wrap: wrap;
    margin:-10px;

}
.box-flotte>* {
    flex: 1 1 450px;
    margin: 10px;
}

.ship {
	border: 1px solid #d9d9d9;	
	background-color:#fff;
}

.ship img {
	width:100% !important;
}

.ship h1 {
	margin-bottom: 3px;
}

.icon-list--columned {
    column-gap: 20px;
    column-count: 2;
	margin: 8px 0;
}

.ship-content { 
    margin: 10px 20px;
}

.ship-button {
	background: rgb(0, 135, 207); 
	border-color: #00aa96;
	text-shadow: 0 -1px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 0 rgba(0,0,0,.045);
   	padding: 8px; 
	text-align: center; 
	font-size: 15px;
	font-weight: 500;
	column-count: 1;
}

.ship-button > a {
	display: block;
	color: white; 
	cursor: pointer;
	}

.ship-discription  {
	color:#9b9b9b; 
	letter-spacing:0.14em;
	text-transform:uppercase; 
	word-spacing:0.3em;
	font-size: 14px;
}

 .icon-list_item_harbor {
        background: url(/Read/Templates/suk/bilder/anchor1.svg);
        background-size: 16px;
        background-position: 0em center;
        background-repeat: no-repeat;
    }

 .icon-list_item_catering {
        background: url(/Read/Templates/suk/bilder/catering.svg);
        background-size: 16px;
        background-position: 0em center;
        background-repeat: no-repeat;
		display: none;
    }

 .icon-list_item_pax {
        background: url(/Read/Templates/suk/bilder/pax.svg);
        background-size: 16px;
        background-position: 0em center;
        background-repeat: no-repeat;
		display: none;
    }

 .icon-list_item_price {
	background: url(/Read/Templates/suk/bilder/euro.svg);
    background-size: 16px;
    background-position: 0em center;
    background-repeat: no-repeat;
	display: none;
    }


.icon-list__content > span {
        margin: 0 25px 0 35px;

}    
.icon-list_item_price > span {
      margin: 0 25px 0 35px;
    }
	
	
.highlight-badge{
    position: absolute;
    margin-top: -1px;
    margin-left:-1px;
    z-index: 2;
	background: url(/Read/Templates/suk/bilder/star_w.svg);
    background-size: 16px;
	background-position: 0.2em center;
    background-repeat: no-repeat;
}

.highlight-badge {
    font-weight: 600;
    display: inline;
    padding: 5px 8px;
    border-right: 0px solid #fff;
    background-color: rgb(0, 135, 207);
    color: #fff;
    font-size: 11px;
    letter-spacing: 1.5px;
    line-height: 18px;
    text-transform: uppercase;
    white-space: nowrap;
}

.highlight-badge  > span {
        margin: 0 0 0 15px;
}

.highlight-badge-right {
    position: absolute;
    width: 100px;
    border-color: #0087CF transparent transparent;
    border-width: 29px 29px 0 0;
    border-style: solid;
    margin-top: -1px;
    margin-left:-1px;
}


.highlight-badge-right {
    position: absolute;
    width: 120px;
}

.sedcard {
    background: rgb(0, 135, 207);
    padding: 10px;
    max-width: 144px;
    text-align: center;
    font-size: 18px;
    height: 20px;
	display:none;
}

.sedcard a {
    color: white;
    cursor: pointer;
	margin-left: 0px;
	background:url(/_obj/E4CA54A7-6071-418E-8DA6-80C12BF46669/inline/size/20x/pdf-icon-white.png);
	background-size: 16px;
	background-position: 0.2em center;
    background-repeat: no-repeat;
}

.sedcard a span {
    margin-left: 23px;
}

.slide {
	padding: 0px !important;
	margin-left:10px;
}

.imagelinked_slideshow .desc {
	top: 0px !important;
	left: 0px !important;
	padding: 1px 5px !important;
}

/* FAQ CSS */


summary {
    padding: 0 0 2px 0;
    line-height: 20px;
    font-size: 18px;
    font-weight: normal;
    color: #0087cf;
    margin: 10px 0 5px 0;
	cursor: pointer;
	outline:none;
	border-bottom: 1px solid #ccc!important;
}

summary:hover {
    color: orange;
}


details[open] summary {
    border-bottom: 1px;
    border-radius: 3px 3px 0 0;
}



.details-content  {
    margin: 0 0 10px 15px;
    padding-top: 5px;
}


/* Style für Webkit-Browser */
summary::-webkit-details-marker {
   display: none; /* Triangle not shown */
}
summary::before {
   padding-right: .25rem;
   content: '+ '; /* Instead of Triangle closed */
}
details[open] summary::before {
   padding-right: .25rem;
   font-style: italic;
   content: '- '; /* Instead of Triangle open */
}


/* Formularfelder - korrigiert die Haken   */

.cab_form_table_input input.cab_form_multiselectfield {
    display: block !important;
    float: left !important;
    position: relative!important;
    top: 3px !important;
    box-shadow: 1px 1px 1px 0px #666 !important;
    /* background-color: #157fcc; */
}

.cab_form_captcha_input input {
	width: 100px !important;
	height: 18px;
	padding:6px;
	border: 1px solid #0087CF;
	
}


.com > span {
    display: none;
}

.com .social {
    float: right;
}

div#detail_AvailabilityText[class] {
    text-align: center !important;
}

/* Bild Slider Test */


/* Tabellen Spalten Formatieren*/

td.LowTd {
	vertical-align: top !important;
	
}

ul.categorieSelect li {
    /* background-color: #2787cf !important; */
    /* color: #f0f6fe !important; */
}

ul.categorieSelect li.selected {
    /* color: #f58220 !important; */
}

/* Tour Detail Seiten  */


/*media all ENDE */
}

@media all and (max-width:710px) {
	

#main {
  	width: 100%;
}
	
.ContentBlock.shopDisclaimer  { 
    display: none; }

div#detail_DiscountDescription {
    display: none !important;
}

.logo {
     margin-top: 52px !important;
}
  

.content.shortText {
      height:50px !important;

}

ul.fakeDrop li > * {
    font-size: 95% !important;
    min-height: 12px!important;
}

.Guides.audioGuides {
    background-image: url(/read/templates/suk/bilder/headphones.png)!important;
	background-position: left top;
	}

/*span.Guide[data-language=de] { background-image :url(/read/templates/suk/bilder/headphones@2x.png)!important;}
span.Guide[data-language=en] { background-image :url(/read/templates/suk/bilder/en@2x.png)!important;}*/


span.Guide[data-language=cn] { background-image :url(/read/templates/suk/bilder/cn.png);}
span.Guide[data-language=fi] { background-image :url(/read/templates/suk/bilder/fi.png);}
span.Guide[data-language=nl] { background-image :url(/read/templates/suk/bilder/nl.png);}
span.Guide[data-language=pt] { background-image :url(/read/templates/suk/bilder/pt.png);}
span.Guide[data-language=se] { background-image :url(/read/templates/suk/bilder/se.png);}
span.Guide[data-language=sv] { background-image :url(/read/templates/suk/bilder/sv.png);}
span.Guide[data-language=x] {width: 6px !important;}


a.discountTrigger {
    display: block;
    width: 19px;
    height: 19px;
    background: transparent url(/read/Templates/suk/bilder/discount.png) 0 0 no-repeat;
    margin-bottom: -4px;
    cursor: pointer;
    margin-top: -10px;
    position: absolute;
    top: 50% !important;
    right: -20px!important;
}

/* ### Gastro Speisekarte ### */

.tablegastro {
    width: 100% !important;
}

.HighTD {
    vertical-align: top;
    padding-right: 4px;
}

/* ### Gastro Speisekarte ENDE  ### */


/*Charter Flotte*/

.icon-list--columned {
    column-gap: 20px;
    column-count: 1;
}
.box-flotte>* {
    margin: 10px -10px 10px -10px;
}


.ship-content {
    margin: 10px 30px;
}

.highlight-badge{
 background-position: 1.8em center;
	
}

.highlight-badge > span {
    margin: 0px 0 0 35px;
}


.highlight-badge-right {
    width: 120px;
}


#outerImageContainer {

    width: 100% !important;
    height: 100% !important;
}

/* Formulare Anfrage*/

.cab_form_table {
    width: 100% !important;
}

.cab_form_table td {
    padding: 2px 0;
	display: block !important;
}

.cab_form_table_input .cab_form_selectfield .cab_form_selectfield {
    width: 100% !important;
	
}

td.cab_form_table_input div {
    max-width: 100%;
}

td.cab_form_table_input {
    width: 100% !important;
}

.cab_form_table_text {
    text-align: justify !important;
    width: 100% !important;
}

.cab_form_table_input .cab_form_selectfield {
    text-align: left !important;
}

/* Media Ende*/

}