/*
SOME GLOBALS

media rules:

hier vermuten wir Tabletts min-width 480px / max-width 1024px */


*{
	font-family: 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: none;
}

[data-font="awesome"] { font: normal normal normal 14px/1 FontAwesome; }

.spinner {
  display: block;
  position: fixed;
  z-index: 1031; /* High z-index so it is on top of the page */
  top: 50%;
  right: 50%; /* or: left: 50%; */
  margin-top: -..px; /* half of the elements height */
  margin-right: -..px; /* half of the elements widht */
}

.tar{text-align:right !important;}
.tac{text-align:center !important;}
.tal{text-align:left !important;}
.sum{font-weight:bold !important;margin:0;}
.btop{border-top:1px solid!important;}
.bbottoms{border-bottom-width: 1px!important;border-bottom:1px solid silver!important;padding-bottom: 2px;}
.nm{margin:0;}
.m2{margin:2px;}
.nw{white-space:nowrap;}
.ww{white-space:normal!important;}
.vam {	margin-top:1em;	margin-left:1em;margin-right:-1em;}
.mr1 {	margin-right:1em;}
.pa1 {	padding:1em;}
.pr1 {	padding-right:1em;}
.tc {overflow:hidden;}
.bold {font-weight: bold;}
.gb {border:1px solid gray;padding:2px;}

.addon_red{	color: #ff6464;}

.top-spacer {margin-top:.5em;}
.left-spacer {padding-left:.5em;}
.width-100p {width:100%!important;}

.fs-1em {font-size:1em!important;}
.font-08 {font-size: .8em;}

.middle {vertical-align: middle!important;}
.small-button  { margin: 0!important;padding: .3em 1em!important;}

.ui-label-naked {margin:0!important;padding-left:3em;border: none!important;background-color: unset!important;}
.ui-table-row {	display: table-row;}
.ui-icon-star {border:0; background-color: white;}
.ui-btn-notext {width:1em;}
.ui-checkbox-mini {width:12px!important; height:25px!important;clip: unset!important;}
.ui-checkbox input:disabled {background-color: #AAAAAA;}
.ui-state-disabled {opacity: unset;}

.ts-split-55 > * { width: 50%;  }
.ts-split-28 > :first-child { width: 20%;  }
.ts-split-28 > :last-child { width: 80%; }
.ts-split-37 > :first-child { width: 30%;  }
.ts-split-37 > :last-child { width: 70%; }
.ts-split-73 > :first-child { width: 70%; }
.ts-split-73 > :last-child { width: 30%; } 
.ts-split-82 > :first-child { width: 80%; }
.ts-split-82 > :last-child { width: 20%; } 

.ts-split-37 > :first-child,
.ts-split-73 > :first-child,
.ts-split-55 > :first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0 }
.ts-split-37 > :not(:first-child),
.ts-split-73 > :not(:first-child),
.ts-split-55 > :not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0;  }


/*
UI ADAPTION
*/

.ui-mobile [data-role="page"] { box-sizing: border-box; }
.ui-bar {padding: .3rem .8rem!important;margin-top:.5em;}
.insideiframe #index { padding-top: 0!important; }

.ui-select .ui-btn {
	padding:.45em 1em;
	font-size:1em;
}

.ui-select .ui-btn>span:not(.ui-li-count) {
	text-align: left;
    margin-left: -.6em;
    font-weight: normal;
}
[class*=ui-block-]>.ui-select {
	margin-right: 0; margin-left: 0;
}

.ui-icon-character::after {
	background-image: none;
	content: attr(data-character);
	color: white;line-height: 1.7em; 
	font-weight: 600; font-size: 0.8em;
	text-align: center;	text-indent: 0;
   }

.ui-input-text ,.ui-select,.ui-input-search {
	min-height: 1em;
	margin-top: .1em!important;	margin-bottom: .1em!important;
    font-size: .8em;
}
.ui-radio {
	margin:0;
}
[class*=ui-block-]>.ui-radio {margin-left:0;}

.ui-checkbox {
	margin-left:0!important;
	margin-right:0!important;
}

.ui-listview>li {white-space:normal;}

.ui-btn-active {
	background-color: #CCCCCC!important;
	border-color: #AAAAAA!important;
}
.ui-bar h4 {
	padding-left:4px;
}

/* main divs */

#booking { max-width: 900px; margin: 0 auto; }
#travelseller > div {  }

/* Collapsables Und andere UI Elemente*/
.ts-collapsible-section { clear: both; margin-top:0;}
.ts-collapsible-section .ui-btn:focus { box-shadow: none; }
.ts-collapsible-section .bottom-collapse a { font-size: .75em; }
.ts-collapsible-section .ui-collapsible-content { overflow: auto; }

.ts-no-inset { padding: 0; }
.ts-no-inset > .ui-controlgroup { margin: 0; }
.ts-no-inset > .ui-controlgroup > .ui-controlgroup-controls .ui-btn { border-left-width: 0; border-right-width: 0; border-radius: 0; }
.ts-no-inset > .ui-controlgroup > .ui-controlgroup-controls .ui-btn.ui-first-child { border-top-width: 0; }
.ts-no-inset > .ui-controlgroup > .ui-controlgroup-controls .ui-btn.ui-last-child { border-bottom-width: 0; border-radius: inherit; }

.ts-plusminus { display: inline-block; margin: .2em 0; border: 1px solid #dddddd; background-color: #f6f6f6; pointer-events: none; font-size: 0.8em; }
.ts-plusminus * { border: 0; }
.ts-plusminus .ui-btn-icon-notext { padding: .4em; pointer-events: all;  }
.ts-plusminus .ui-btn { font-size: 0.8em; font-weight: normal; padding: .4em; line-height: 1.4em; overflow: visible; }
.ts-plusminus .ui-btn:focus { box-shadow: none; }
.ts-plusminus .ui-btn span { line-height: 1.4em; }
.ts-plusminus .ui-select { pointer-events: all; }
.ts-plusminus .ui-select .ui-btn { padding: .4em; }
.ts-plusminus .ui-btn-icon-notext:after { width: 1.3em; height: 1.3em; margin: 0; top: 50%; left: 50%; transform: translate(-50%,-50%); background-size: 80% auto; }

#sameheight .ui-collapsible-content > * { float: left; }

.ts-validate { position: relative; }
.ts-validate::after { position: absolute; content: ''; z-index: 99; width: .75rem; height: .75rem; top: -.2rem; right: -.2rem; font-family: FontAwesome; font-size: .75rem; color: transparent; }
.ts-validate.valid::after { content: '\f00c'; color: #008800; }
.ts-validate.invalid::after { content: '\f071'; color: orange; }

:invalid, :-moz-submit-invalid, :-moz-ui-invalid { box-shadow: none;}

.ts-label-groups { }
.ts-label-groups > label { width: 100%; float: left; clear: both; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 0.8em; padding: .4em 0; margin: .2em 0; border: 1px solid transparent; }
.ts-label-groups > label + div { margin-left: 0;  }
.ts-label-groups > label + div > * { box-sizing: border-box; float: left; width: 100%; margin: .2em 0; }
.ts-label-groups > label + div > .ui-btn { padding: .4em 2.6em .4em .4em; line-height: 1.4em; font-weight: normal; box-shadow: none; }
.ts-label-groups > label + div > .ui-btn:focus { box-shadow: none; }

@media all and (min-width: 480px) {
	.ts-label-groups > label { width: 10em; }
	.ts-label-groups > label + div { margin-left: 11em; }
}

.ts-slick-show { margin: 0 auto; }
.ts-slick-show .slick-arrow { z-index: 2; }
.ts-slick-show .slick-arrow:before { color: white;  }
.ts-slick-show .slick-slide img { width: 100%;  }
.ts-slick-show .large { margin: 0; }
.ts-slick-show .large .slick-arrow { width: 3rem; height: 3rem; }
.ts-slick-show .large .slick-arrow:before { font-size: 3rem; }
.ts-slick-show .thumb .slick-slide { margin: 0 5px; border: 1px solid #999; box-sizing: border-box; }
.ts-slick-show .thumb { margin: .5rem 0 0 0; }

.ts-slick-show .slick-prev { left: .5rem}
.ts-slick-show .slick-next { right: .5rem}


.ts-textinput { min-height:2em; margin: .2em 0;}
.ts-textinput,.ts-textinput.ui-focus { box-shadow: none; }
.ts-textinput input { font-size: 1em; }

#ts-autocomplete { padding: .5rem; min-height: 10rem; }
#ts-autocomplete-list { max-height: 10rem; overflow:auto; }

.ui-mobile label { font-size: 0.8em; }

.ui-slider [data-hide-input="true"] { display: none; }
.ui-slider [data-hide-input="true"] ~ .ui-slider-track { margin-left: 0;  }
.ui-slider .ui-slider-handle { font-weight: normal; font-size: 0.8em;  }

.ui-popup-container .ui-listview { margin: 0;}

#legals { text-align: center; padding: .5rem; }
#legals a { font-weight: normal; color: black; font-size: .875rem; padding: 0 1rem; }
#legals a:not(:first-child) { border-left: 1px solid rgba(0,0,0,0.5); }


#error-container {
	position: relative; 
	left: -150px; 
	top: -150px; 
	width: 300px;
	background-color: rgba(200, 125, 125); 
	padding: 20px;
}
#error-message {
	font-weight: bold;
}
#error-close {
	padding: 3px;
}
/*
#error-container {
	position: absolute; top: 100%; left: 0; width: 100%; box-sizing: border-box; background-color: rgba(200, 0, 0, 0.5); padding: 0;
	background-color:initial;	max-width:80%;	margin: 5px auto 0 auto;	position: initial;
}
#error-container>li{background-color:rgba(200,0,0,.7);}
#error-container > li > a{background-color:transparent;	border:0; text-shadow: none;	color:#fff;	white-space: normal !important;	margin-left:1em;}
#error-container .ui-btn { display: block; text-align: left; margin: .3rem .5rem; }
#error-container .ui-btn-icon-ts-top-left:before { content: ''; position: absolute; bottom: 0; left: 0; height: .2rem; background-color: rgb(161, 1, 1); animation: error-countdown 10s linear; }
@keyframes error-countdown {
	0% { width: 100%; }
	100% { width: 0%; }
}

#error-container .ui-btn a { text-decoration: none; font-weight: normal;  }
.ui-header {border: none;}
.ui-header.has-errors { left: 0; right: 0; width: 100%; position: fixed; z-index: 1000; }
*/

/* STEPPER */
#stepper { text-align: center; }
#stepper button[disabled] { opacity: 1; }
#stepper button[disabled]:after { opacity: .3; }
#stepper .ui-state-active { border: 1px solid gray;background-color:silver; }
/*#stepper .ui-controlgroup-controls { width: 100%; max-width: 40em; }
#stepper button { box-sizing: border-box; width: calc((100% - 6em) / 5); text-indent: -9999px; padding: .7em 1em; }
#stepper.ibe-steps-3 button { width: calc((100% - 6em) / 3); }
#stepper.ibe-steps-2 button { width: calc((50% - 3em)); }
#stepper button.ui-first-child, #stepper button.ui-last-child { padding-left: 0; padding-right: 0; width: 3em;  }
#stepper.ibe-steps-3 button.ui-first-child, #stepper.ibe-steps-3 button.ui-last-child { width: 12.5%; }

#stepper button:not(:first-child) { border-left-width: 0; }
*/

@media all and (min-width: 480px) {
	#stepper button:not(.prev):not(.next) { text-indent: 0; }
	#stepper button { padding: 2.5em 1em .7em 1em;}
}

/* FOOTER */
#footer-buttons { width: 100%; clear:both;}
#footer-buttons > button { display: inline-block; width: 100%; }
#footer-buttons > button:last-child { float: right; display: inline-block;}

/* VARIANTEN */
#varianten li.variante-nav a:not(.ui-btn-active) { opacity: .5; }
#varianten li.variante-nav a i { display: block; font-style:normal; font-size: .875em; }

/* REISEINFO */
#reiseinfo {
	height:auto;
}
#reiseinfo .ts-slick-show {  
		width: 100%; max-width: 480px; 
		margin: 0; box-sizing: border-box; 
}

#reisetext {padding: 0; padding-left:1em;font-size:.8em;}
#reisetext h3 { font-size:1.2em;}
#reisetext ul { padding-left: 1.2em;}

/*
@media all and (max-width: 480px) {
	#reiseinfo .ts-slick-show { float: left; }
	#reiseinfo .description { margin-left: 30em; }
	#variants #reiseinfo { margin-left: 19em; }
	#reiseinfo { font-size:.8em; }
}
	*/

@media all and (max-width: 800px) {#reiseinfo { font-size:.8em; }}
@media all and (max-width: 600px) {#reiseinfo { font-size:.7em; }}
@media all and (max-width: 480px) {#reiseinfo { font-size:.6em; }}


/* KALENDER */
#calendar {margin-top: 1em; min-height: 16em;}
#calendar .slickinside {padding:0;margin:.5em;width:98%;}
#calendar .slick-arrow { position: absolute; top: 50%; z-index:  1; transform: translateY(-50%); top:0;	transform:initial;}

#calendar .slick-arrow:first-child { left: 0; }
#calendar .slick-arrow:last-child { right: 0; }
#calendar .slick-slide { padding: 0 .3em; }
#calendar .slick-slide table { width: 100%; }
#calendar [data-ts] { cursor: pointer; }
#calendar_notitems {width:100%;height:5em;margin-top: 2em;text-align:center;}
#calendar-legend{padding:0; margin:.5em;}

td.wn{display:none;} /*wochennummern weg*/
tr.wd,.state_nicht_buchbar,.state_both,.state_buchbar,.state_anfrage,.state_ausgebucht {text-align:center;}

.state_nicht_buchbar,.state_both,.state_buchbar,.state_anfrage,.state_ausgebucht {border:1px solid #eeeeee; padding:0;}
.month>table{border-collapse:collapse;}
.state_nicht_buchbar > b,.state_both > b,.state_buchbar > b,.state_anfrage > b, .state_ausgebucht > b{font-weight:400;}
.state_both,.state_buchbar,.state_anfrage{	background-color:#fff;	color:#000;}
.kalender_abpreis{font-style:normal; font-size:.7rem;}
.state_both .kalender_abpreis, .state_buchbar .kalender_abpreis, .state_buchbar .kalender_abpreis{	color:#6ba002;}
.state_anfrage{	color:#ffb113;}
.state_buchbar, .state_both {	color:#6ba002;}
.state_selected {	background-color: #DDDDDD!important; opacity: 1!important;}
.ui-btn.state_buchbar, .ui-btn.state_both{ 	background-color:#6ba002;}
.ui-btn.state_anfrage{	background-color:#ffb113;}
.ui-btn.state_nicht_buchbar{	background-color:#cccccc;}
.legend{	font-size:.7em;}
.head > th{	line-height:44px;}


a.anfrage,a.buchung{	font-weight:initial!important;	width:10em; color: #fff!important; float: right;}
a.anfrage{	background-color:#ffb113!important;}
a.buchung{ background-color:#97bd4d!important;}


/* BUCHARTEN */
#bucharten .ui-li-aside { top: 50%; right: 1em; transform: translateY(-50%); z-index: 2; }
.buchartContainer{
	display:flex;align-items:center;justify-content:space-between;
	border-bottom:1px solid #ddd; font-size: 12.8px;
}
.buchartContainer:last-child{	border:0;}

@media screen and (max-width: 400px) {
  .buchartContainer {
    display: block;
    padding-top: 1em;
    }
}

/* TERMIN-LISTS */
#termine-filter { margin-top:1em;}
#termine-filter > .ui-collapsible-content { padding: 0; margin-top:1em; margin-left:1em;}
.termin-lists { clear: both; display: flex; align-items: stretch; align-content: stretch; flex-wrap: wrap; margin-top: 0.5em;}
.termin-lists > div { flex: 1; flex-grow: 1; flex-shrink: 1; max-height: 20rem; min-width: 12em; }
.termin-lists > div:not(:first-of-type) { margin-left: 1px;}
.termin-lists > div > div { overflow: auto; height:200px;}
.termin-lists > div > h4 { color: white; background-color: #AAAAAA; margin: 0; padding: .2rem .5rem; font-weight: normal; font-size: 1.25rem; text-align: center;}
.termin-lists > div > div > .ui-radio,
.termin-lists > div > div > .ui-checkbox { margin: 0; border: 0; }
.termin-lists > div > div > .ui-radio:not(:first-child),
.termin-lists > div > div > .ui-checkbox:not(:first-child) { border-top: 1px solid #e2e2e2 }
.termin-lists > div > div > .ui-radio label,
.termin-lists > div > div > .ui-checkbox label { border: 0; border-radius: 0; text-shadow: none; padding: .7em 1em; font-weight: normal; }
.termin-lists > div > div > .ui-radio label i,
.termin-lists > div > div > .ui-checkbox label i { display: inline-block; float: right; font-style: normal; }
.termin-lists > div > div > .ui-radio label u,
.termin-lists > div > div > .ui-checkbox label u { text-decoration: none; opacity: .7; font-size: .875rem; }
.termin-lists > div > div > .ui-radio label:after,
.termin-lists > div > div > .ui-checkbox label:after { display: none;}
.termin-lists > div > div > .ui-radio label.ui-radio-on,
.termin-lists > div > div > .ui-checkbox label.ui-checkbox-on { background-color: #DDDDDD; font-weight: bold;  }

#termin-monat button { width: auto; margin: .5rem auto; }

/* TERMIN-FILTER */
.filter-container {min-width:8em; margin-right:.5em;margin-top:.5em; width:23%;float: left;}



/* TERMIN-PAX */
#termine-pax { width:98%; clear: both; display: flex; }
#containar-option { width:98%; }
#pax_container {width:23%;}
#child_container {width:70%;}
.traveller_container {min-width:8em; margin-right:.5em;margin-top:.5em; width:23%;float: left;}
.traveller_head { width:100%; font-size:.8em;}
.traveller_body { width:100%;}

/* TERMIN-ZEITRAUM */
#termine-zeitraum { width:98%; margin-top:1em; margin-left:1em; float: left; display: flex;}
.zeitraum_label {min-width:8em;  margin-right:.5em;margin-top:.5em; width:23%;vertical-align:middle;}
.zeitraum_auswahl {min-width:8em; margin-right:.5em; width:23%;float: left;}
#filter-calendar {font-size:.8em;width:100%;}


/* WARENKORB */
#meine_buchung{	margin-left: 2%;width: 28%;float: left; float: left; display: block; position: relative; }
#meine_buchung .ui-body {padding:0;border:none;}
#meine_buchung .ui-listview  {padding:0;}
#meine_buchung .ui-listview>li p {white-space:normal;}
#meine_buchung .ui-block-a>img:first-child {  display: block;width: 100%;  height: auto;}
#meine_buchung .sum {font-size:1.1em;font-weight: bold; float: right; min-height:1.5em;}
#meine_buchung #shortinfo {padding: 0;}

#ibe-left { float:left; }

/*kein warenkorm unter 480px*/
@media all and (max-width: 750px){    
	#meine_buchung{	display: none; }
	#ibe-left { width:100%; }
}
/* aufrechnung */
#esum .line { overflow: auto; min-height:1.5em;}
#esum .line div { white-space: nowrap; }
#esum .line div:first-child { float: left; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
#esum .line div:last-child { float: right; }
#esum .sum {border-top: 1px solid;	padding: 0 0 0 1rem; font-weight: bold; min-height:1.2em;}

@media all and (min-width: 750px){    
	#esum{	display: none; }
	#ibe-left { width:70%; }
}

/* Bahn */
.bahnOfferHead {font-size: 1.2em;font-weight: bold;background-color:#EEEEEE;}
.bahnOfferTopic {font-size: 1em;font-weight: bold}
.bahnOfferTitle {font-size: 1.2em;font-weight: bold;}
.bahnOfferPrice {font-size: 1.2em;font-weight: bold;text-align:right;}

.ui-input-text.ts-ac-wrap { position: relative; overflow: visible; }
#startort_suggest{
  position: absolute; left:0; right:0; top:100%;
  z-index: 10000; display:none;
}
#startort_suggest .ui-listview{ max-height: 240px; overflow-y:auto; }
/* der jQM-Input-Wrapper um das Feld */
.ui-input-text.ts-ac-wrap{
  position: relative;
  display: block;
  width: 100%;
  overflow: visible; /* Dropdown darf überragen */
}
/* das Dropdown direkt unter dem Feld */
#startort_suggest{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10000;
  display: none;
}
/* begrenzte Höhe + Scroll */
#startort_suggest .ui-listview{
  max-height: 240px;
  overflow-y: auto;
}
  .hour-row.compact{
    display: inline-flex;           /* nimmt nur so viel Platz wie nötig */
    align-items: center;
    justify-content: space-between;
    gap: .35rem;
    width: min(180px, 95%); gap: .25rem;
    margin:0;
  }
  /* Buttons wirklich klein halten */
  .hour-row.compact .ui-btn{
    margin: 0;
    padding: 1px 2px; min-width: 18px; 
  }
  /* Label nicht stretchen */
  .hour-row.compact .hour-center{
    flex: 0 1 auto;                 /* kein 1fr → wird nicht „zu breit“ */
    text-align: center;
    white-space: nowrap;
  }
/* RRV */
.rrv-box {padding:0;border: 1px solid #dddddd;margin:.2em;}
.rrv-head {
		height:4.5em;width:100%;
		margin:0.3em;
		display: table-cell;vertical-align: middle;
	    background-color: #DDDDDD;
	    

}
.rrv-list { border:0; margin: 0;padding:5px;}
.rrv-teaser { font-size: .7em; border-bottom: 1px solid #EEEEEE;}

/* ADDONS */
.addon-box {padding:0;border: 1px solid #dddddd;margin:.2em;}
.addon-head {
		height:4.5em;
		border:none;
		display: table-cell;vertical-align: middle;
	    background-color: #DDDDDD;
}
.addon-list { border:0; margin: 0;padding:5px;}
.addon-teaser { font-size: .7em; border-bottom: 1px solid #EEEEEE;}


.tsflight { text-overflow: unset; }
.tsflight > div { width: 33%; min-width: 11rem; display: inline-block; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tsflight b { font-size: 1.3rem}
.tsflight i { font-style: normal; opacity: .6}
.tsflight .flogo { padding-right: 5rem; background-repeat: no-repeat; background-position: right center; background-size: contain; }

#uebernachtungsart label i { font-style: normal; font-weight: normal; float: right; font-size: .875rem}

#hints .ui-collapsible-content div.ui-btn { white-space: normal; position: relative; }
#hints .ui-collapsible-content div.ui-btn:before { position: absolute; left: 1.5rem; top: 1.5rem; transform: translate(-50%, -50%); font-family: FontAwesome; font-size: 1.5rem; content: '\f071'; color: orange; }
#hints .ui-collapsible-content div.ui-btn span { float: left; font-weight: normal; color: #aa0000; }
#hints .ui-collapsible-content div.ui-btn .ui-checkbox { float: right; display: inline-block; }
#hints .ui-collapsible-content div.ui-btn .ui-checkbox label { border-bottom-width: 1px; }

#hints .ui-collapsible-content a.ui-btn { font-weight: normal;  text-align: left; background-size: 3rem 3rem; background-position: left top; background-repeat: no-repeat;  }
#hints .ui-collapsible-content .ui-controlgroup-controls > .ui-btn { padding-left: 4rem; }

.pdfs a { width: 2rem; height: 2rem; position: relative; display: inline-block; text-indent: -9999px; }
.pdfs a:before { text-indent: 0; content: '\f1c1'; font-family: FontAwesome; color: #e31e24; left: 50%;top: 50%;position: absolute;transform:  translate(-50%,-50%);font-weight: normal;font-size: 1.875rem;}

[data-absolute-to-input] { position: absolute; }

/* DATEN */
#confirm_data { line-height: 1em; }
#confirm_data h1 { font-size: 1em;margin-top:0;margin-bottom:.2em;}
#confirm_data h2,#confirm_data p { font-size: .7rem;}
#confirm_data p { font-weight: normal;}


/* PAYMENT ICONS */

.zahlung_anztext {
	font-size:.8em;
	margin-top: .5em;
	margin-bottom: 2em;
}

.ui-icon-ts_ibe_mastercard{
	background-image: url("../bilder/mastercard.svg");
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: center center;
	width: 3.3em; height: 2em;
	margin-right: .1em!important;
    margin-left: 0.1em!important;
}
.ui-icon-ts_ibe_visa {
	background-image: url("../bilder/visa.svg");
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: center center;
	width: 3.3em; height: 2em;
	margin-right: .1em!important;
    margin-left: 0.1em!important;
}
.ui-icon-ts_ibe_paypal {
	background-image: url("../bilder/paypal.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: none !important;
	width: 3.3em; height: 2em;
	margin-right: .1em!important;
    margin-left: 0.1em!important;
}

.ui-icon-ts_ibe_pax:after,.ui-icon-ts_ibe_mastercard:after,.ui-icon-ts_ibe_visa:after,.ui-icon-ts_ibe_chd:after,.ui-icon-ts_ibe_paypal:after{
	content: "";
	display: none;
}


#summary .ui-block-a  {	font-weight:  bold;}
#summary_preise .ui-block-a {	font-weight:  bold;}
#summary_adress .ui-block-a {	font-weight:  bold;}
#summary_hinweis .ui-block-a {	font-weight:  bold;}

.lbg-odd {background-color: #EEEEEE;padding:2px;}
.lbg-even {background-color: #E5E5E5;padding:2px;}
.lbg-all {padding:2px;border: 1px solid #CCCCCC;margin:.2em; background-color:#DDDDDD;}
.lbg-head {padding:2px;border: 1px solid #BBBBBB;margin:.2em; background-color:#CCCCCC;font-weight: bold;}


.flex-grid {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 1em;
}
@media (min-width: 600px) {
  .flex-grid > div {
    flex: 1 1 33.3%;
  }
}
.sum.tar {
  font-weight: bold;
  text-align: right;
  padding-top: 0.8em;
}
.flex-breit {
	width: 70%!important;
}