@font-face {
	font-family: 'SiepenFont';
	src:  url('/projects/siepen-reisen/fonts/SiepenFont.eot?8s4hn9');
	src:  url('/projects/siepen-reisen/fonts/SiepenFont.eot?8s4hn9#iefix') format('embedded-opentype'),
	url('/projects/siepen-reisen/fonts/SiepenFont.ttf?8s4hn9') format('truetype'),
	url('/projects/siepen-reisen/fonts/SiepenFont.woff?8s4hn9') format('woff'),
	url('/projects/siepen-reisen/fonts/SiepenFont.svg?8s4hn9#SiepenFont') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'SiepenFont' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-check:before {
	content: "\e908";
}
.icon-cross:before {
	content: "\e909";
}
.icon-envelope-solid:before {
	content: "\e901";
}
.icon-chevron-right-solid:before {
	content: "\e906";
}
.icon-chevron-left-solid:before {
	content: "\e907";
}


html, body {
	height:100%;
	color: #666;
}

 body {
	height:auto;
}

* {
	box-sizing: border-box;
	font: 16px/140% 'Roboto Condensed', sans-serif !important;
	/*font-weight: 300;*/
}
.container-hell, .ui-datepicker, .ui-datepicker td a, .ui-dialog, #tooltip, .konto_reiter_aktiv {
	/*background-color: #F7F7F9 !important;*/
	background-color: transparent !important;
}
.bezeichnung_pf1:after {
	content: ' (* Pflichtangabe)';
	vertical-align: super;
	font-size: 0.8em;
}
#buch_mailausstieg {
	/*background-color: #F7F7F9 !important;*/
}
#KSWarten {
	top: 50%;
	margin-top: -125px;
	background-position: center 35px;
	padding: 20px;
}
#KSGesamt, #KSFooter {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.hg-farbe1, .buchung-tabelle-rahmen th, thead,.buchung-unterbringung-preis span,.konto_vorgang_tabelle th{
	background-color:#DF0019; /* blau-grün dunkel */
}
.vg-farbe1,.buchung-label,.konto_reiter_aktiv {
	color:#00306C; /* blau-grün dunkel */
}

.container-farbe, .ui-dialog-titlebar, .ui-buttonset .ui-state-active, .bs_nextstep_aktiv, .bs_backstep_aktiv, span.buchung-zusammenfassung-aufruf {
	background: none;
	background-color:#DF0019; /* blau-grün dunkel */
	border:none;
	transition: all 0.2s;
}
.buchung-navigation-schritt {
	line-height: 100% !important;
}
.bs_nextstep_aktiv, .bs_backstep_aktiv {
	padding:10px 20px !important;
}
.buchung-navigation-schritt-next:hover {
	background: none;
	border: none;
	background-color: #00306C;
	color: white;
	cursor: pointer;
}
.button-standard {
	background: none;
	background-color: #00306C;
	border:none;
	transition: all 0.2s;
	line-height: 100% !important;
	padding: 6px !important;
}

.button-standard:hover {
	background: none;
	background-color:#DF0019;
	border: none;
	color: white;
	cursor: pointer;
}
.buchung-button-info {
	line-height: 100% !important;
	padding: 0 !important;
	padding-top: 2px !important;
	border-radius: 50%;
	font-weight: bold !important;
	width: 24px;
	height: 24px;
}
.buchung-buchungsinfo {
	color: #00306C;
	font-weight: bold !important;
	font-size: 1.6em !important;
	text-align: left !important;
}
.buchung-schritt-reiter {
	width: 16.66% !important;
	box-sizing:border-box;
}
.bs_reiter_normal, .bs_reiter_inaktiv {
	transition: all 0.2s;
	background-color: #e5eaf0 !important;
	border-color: #fff !important;
}



.bs_reiter_aktiv, .bs_reiter_normal:hover {
	transition: all 0.2s;
	background: none;
	background-color:#DF0019 !important; /* blau-grün dunkel */
	color: white;
}
.buchung-anmeldung {
	display: none;
}
.bs_backstep_inaktiv {
	display: none !important;
}
/*Neue Tabelle*/
.buchung-zustieg-rahmen table thead {
	position: -webkit-sticky; position: sticky; top: 0;
	/*z-index: 100;*/
}
/*Neue Tabelle */
#KSFooter {
	display: none;
}
.status-auf-anfrage,
.status-buchbar,
.status-nichtbuchbar,
.status-wenigbuchbar {
	background-color: #acd35c;
	display: inline-block;
	border-radius: 50%;
	color: white;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px !important;
}
.status-auf-anfrage {
	background-color:#F4AC00
}
.status-buchbar {
	background-color:#acd35c
}
.status-nichtbuchbar {
	background-color:#CA0003
}
.status-wenigbuchbar {
	background-color:#F6B300
}
#legende {
	display: flex;
	justify-content: center;
}
#legende span {
	padding: 10px 30px;
}
.textBlock {
	padding: 20px 0;
}
.textBlock b {
	font-weight: bold !important;
}
.coronaHinweis {
	color: #DF0019;
}
.buchung-teilnehmer-spalte-indent {
	display: inline-block;
	padding: 5px;
}
.buchung-sitzplan-leistung img {
	width: 180px;
}
input.switch {
	position: absolute;
	opacity: 0;
	display: none;
}
/* Radio-Switch */
input[type="radio"].switch + div {
	vertical-align: middle;
	display: inline-block;
	width: 43px;
	height: 23px;
	margin-right: 10px;
	border-radius: 999px;
	background-color: #555555;
}

/* Radio-Switch checked (gruen) */
input[type="radio"].switch:checked + div {
	background-color: #DF0019;
}

/* Radio-Switch (Knopf) */
input[type="radio"].switch + div > div {
	float: left;
	width: 18px;
	height: 18px;
	border-radius: inherit;
	background: #ffffff;
	-webkit-transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
	-webkit-transition-duration: 0.4s;
	-webkit-transition-property: transform, background-color, box-shadow;
	-moz-transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
	-moz-transition-duration: 0.4s;
	-moz-transition-property: transform, background-color;
	pointer-events: none;
	margin-top: 2px;
	margin-left: 2px;
}

/* Radio-Switch (Knopf) checked */
input[type="radio"].switch:checked + div > div {
	-webkit-transform: translate3d(20px, 0, 0);
	-moz-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0);
	background-color: #ffffff;
}
.tooltip {
	display: none;
	position: absolute;
	background-color: #003882;
	border-radius: 5px;
	padding: 10px;
	font-size: 16px;
	z-index: 100;
	color: white;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	line-height: 120%;
}

.tooltip:before {
	border-right: 16px solid #003882;
	border-bottom: 12px solid transparent;
	border-top: 2px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	left: -16px;
	top: 10px;
	width: 0;
}

.buchung-abschnitt-senden .button-standard {
	padding: 15px 80px !important;
	border-radius: 30px;
}

@media (max-width: 960px){
.buchung-schritt-reiter {
	width: 25% !important;
}
	
}
@media (max-width: 660px){
.buchung-schritt-reiter {
	width: 33.33% !important;
}
	
}@media (max-width: 500px){
.buchung-schritt-reiter {
	width: 100% !important;
	height: auto !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
	
}