/* Bestellskript BEGIN */

.fullwidth {
	width:100%;
}

h1.bestellung {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px !important;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 0px;
}
h2.bestellung_produkt {
	font-size: 26px;
	margin-top: 10px;
	margin-bottom: 5px;
}
h3.bestellung_item {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 6px;
	color: #333333;
	padding: 5px 0px;
}
h3.bestellung_item .fas {
	font-size: 1.5em;
	vertical-align: baseline;
	color: #999999;
	margin: 0px 8px 0px 0px;
}
h3.bestellung_item .fa-map-marker-alt {
	margin-left: -4px;
}
.bestellung_data {
	display: inline-block;
}
.bestellung_metadescription {
	margin-bottom: 0px;
}
.form-control-feedback.fas {
	display: block;
	position: absolute;
	top: calc(((1.5em + 2px + 0.75rem) / 2) - 8px);
	width: 1rem;
	padding-left: 0.5rem;
	text-align: center;
}
.has-success .form-control-feedback.fas, .has-success .help-block {
	color: #5cb85c;
}
.has-error .form-control-feedback.fas, .has-error .help-block {
	color: #d9534f;
}
#order_participant_form .form-control-feedback {
	right: -15px;
}
#bestellung_rechnungsempfaengerin {
	transition: all ease-in-out 1s;
	overflow: hidden;
	opacity: 1;
	max-height: auto;
}
#bestellung_rechnungsempfaengerin.hideempf {
	opacity: 0 !important;
	max-height: 1px;
}

/* Test Gutschein-Feedback */
input[name=voucher] + i {
	opacity: 0;
}
#vouchertestbutton {
	display: none;
	position: relative;
	left: 15px;
}
#voucherbox {
	align-items: start;
}
#voucherbox .form-control, #voucherbox .form-group {
	margin-bottom: 0;
}
/* ENDE Test Gutschein-Feedback */

/* --------- BootstrapWizard --------- */

.form-bootstrapWizard {
	margin-bottom: 4rem;
}
.bootstrapWizard {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	align-items: stretch;
	width: 100%;
	padding: 0;
	list-style-type: none;
}
.bootstrapWizard li {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: baseline;
	flex-grow: 1;
	margin: 0 0 0.5rem 0;
	padding-left: 0;
	text-align: center;
}
.bootstrapWizard a:hover,.bootstrapWizard a:active,.bootstrapWizard a:focus {
	text-decoration: none
}

.bootstrapWizard li .step {
	background-color: #cccccc;
	border-radius: 50%;
	width: 2em;
	height: 2em;
	padding-top: 0.25em;
	color: #ffffff;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: normal;
	transition: all .1s linear 0s;
}
.bootstrapWizard li .title {
	padding: 0 0.5rem;
	color: #bfbfbf;
	text-align: center;
	font-size: 0.75rem;
	word-wrap: break-word;
	z-index: 104;
}
.bootstrapWizard li.active .step,.bootstrapWizard li.active.complete .step {
	background-color: #bfdbef;
	color: #02376d;
}
.bootstrapWizard li.active .title,.bootstrapWizard li.active.complete .title {
	color: #333333;
}
@media (min-width: 576px) {
	.bootstrapWizard {
		flex-direction: row;
		align-items: flex-start;
	}
	.bootstrapWizard:before {
		content: "";
		display: block;
		position: absolute;
		z-index: -1;
		background-color: #cccccc;
		height: 1px;
		top: 1rem;
		right: 0;
		left: 0;
	}
	.bootstrapWizard li {
		flex-direction: column;
		align-items: center;
		margin: 0;
	}
	.bootstrapWizard li .step {
		margin-bottom: 0.5rem;
		font-size: 1rem;
	}
}

/* --------- /BootstrapWizard --------- */

.text-durchgestrichen {
	text-decoration: line-through;
}

table.spartipp {
	margin-bottom:0 !important;
}

@media (min-width: 1050px) {
	nav.helpWithOrder {
	    position: fixed;
		background-image: linear-gradient(to bottom, #fff 0px, #f8f8f8 100%);
		background-repeat: repeat-x;
		border: 1px solid silver;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
		margin-top: 20px;
		padding: 10px;
		bottom: 40px;
		right: 40px;
		width: 300px;
		z-index: 2;
	}
}

#order_participant_form table.table-striped tbody tr {
    background-color: transparent;
}
#order_participant_form table.table-striped tfoot {
    background-color: #d6e8f6;
}
.row_agb_doi .form-control-feedback.fas {
	top: 0.25rem;
}

/* Bestellskript END */

/* --- Regionen für Bestellskript --- */

#bestellung_region .regionitemall {
    cursor: pointer;
    display: inline-block;
    height: 40px;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

#bestellung_region .regionall {
    background-color: #f8f8f8;
    background-image: linear-gradient(to bottom,#fff,#f8f8f8);
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
    border-radius: 4px;
    float: left;
    height: 100%;
    width: 100%;
}

#bestellung_region .regionall:hover {
    background-image: linear-gradient(to bottom, #f8f8f8,#efefef);
}

#bestellung_region .regionactive {
    background-image: linear-gradient(to bottom right,#0054a3,#02376d);
	border-color: #02376d;
}

#bestellung_region .regionactive:hover {
    background-image: linear-gradient(to bottom right,#0054a3,#02376d) !important;
}

#bestellung_region .regionactive div {
    color: #fff;
}

#bestellung_region .regionwrapper {
	margin-bottom: 25px;
}

#bestellung_region .regionwrapper a {
    color: #000;
}

#bestellung_region .regionwrapper ul {
    list-style-type:none;
}

#bestellung_region .regionwrapper ul li {
    margin: 0;
    padding: 0;
}

#bestellung_region .regionitem-new {
    background-color: #f8f8f8;
    background-image: linear-gradient(to bottom,#fff,#f8f8f8);
    border-style: solid;
    border-color: #dddddd;
    border-width: 1px;
    border-radius: 4px;
    cursor: pointer;
	margin-bottom: 10px;
    height: auto !important;
}

#bestellung_region .regionitem-new ul {
    padding-top: 4px;
    padding-left: 12px;
}

#bestellung_region .regionitem-new a:before {
    content: "\2013  ";
}

#bestellung_region .regionitem-new a#filter_north:before, #bestellung_region .regionitem-new a#filter_east:before, #bestellung_region .regionitem-new a#filter_south:before, #bestellung_region .regionitem-new a#filter_west:before {
    content: "";
}

#bestellung_region #reg_north:hover, #bestellung_region #reg_south:hover, #bestellung_region #reg_west:hover, #bestellung_region #reg_east:hover {
	background-image: linear-gradient(to bottom, #f8f8f8,#efefef);
}

#bestellung_region .outerright {
    margin-right: 0 !important;
}


/* - Active State - */

#bestellung_region .reg_north_hi, #bestellung_region .reg_north_hi:hover {
	background-image: linear-gradient(to bottom right,#0054a3,#02376d) !important;
}
#bestellung_region .reg_north_hi a {
    color: #ffffff;
}

#bestellung_region .reg_south_hi, #bestellung_region .reg_south_hi:hover {
	background-image: linear-gradient(to bottom right,#0054a3,#02376d) !important;
}
#bestellung_region .reg_south_hi a {
    color: #ffffff;
}

#bestellung_region .reg_west_hi, #bestellung_region .reg_west_hi:hover {
	background-image: linear-gradient(to bottom right,#0054a3,#02376d) !important;
    border-color: #02376d;
}
#bestellung_region .reg_west_hi a {
    color: #ffffff;
}

#bestellung_region .reg_east_hi, #bestellung_region .reg_east_hi:hover {
	background-image: linear-gradient(to bottom right,#0054a3,#02376d) !important;
}
#bestellung_region .reg_east_hi a {
    color: #ffffff;
}

#bestellung_region .regionvisible {
    display: block !important;
}

#bestellung_region #filter_north, #bestellung_region #filter_south, #bestellung_region #filter_east, #bestellung_region #filter_west {
	font-weight: bold;
}

/* --- /Regionen für Bestellskript --- */

/* --- Termintabelle in Bootstrap --- */

#bestellung_region .bestellung_termintabelle {
	margin-bottom: 30px;
}
#bestellung_region .bestellung_termintabelle label {
	margin-bottom: 0px;
}
#bestellung_region .bestellung_termintabelle .row {
	border-top: 1px solid #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
}
#bestellung_region .bestellung_termintabelle .row:hover {
	background-color: #ffffff;
}
#bestellung_region .bestellung_termintabelle .bestellung_termintabelle_header:hover {
	background-color: transparent;
}
#bestellung_region .bestellung_termintabelle_header {
	font-weight: bold;
	border-top-width: 0px !important;
}
@media (max-width: 390px) {
	.bestellung_termintabelle {
		font-size: 13px;
	}
	.bestellung_termintabelle .row > div:nth-child(1) {
		padding-left: 0;
		padding-right: 0;
		width: 15px;
	}
	.bestellung_termintabelle .row > div:nth-child(2) {
		width: 77px;
		padding-right: 0;
	}
	.bestellung_termintabelle .row > div:nth-child(3) {
		padding-right: 0;
	}
	.bestellung_termintabelle .row > div:nth-child(5) {
		text-align: right;
		width: 80px;
	}
	.bestellung_termintabelle .row > .col-xs-4 {
		padding-right: 0;
	}
}

/* --- /Termintabelle in Bootstrap --- */

/* --- Prüfung --- */

.order_fieldnames {
	margin-bottom: 15px;
}
.order_fieldnames > span {
	display: block;
}
.order_fieldnames > span:before {
	content: " \2013  ";
}

/* --- /Prüfung --- */

/* Noscript Warning BEGIN */
.hide_without_js {
	display:none;
}
#noJSErr, #warning_ie7_ie8, .no_js_on_tmpl {
	background-color: #ec7979;
	color: #fff;
	margin: 15px auto;
	padding: 10px;
	max-width: 944px;
	text-align: center;
	font-size: 1.1em;
}
/* Noscript Warning END */

/* --- Anpassungen für PG --- */

#pg_content_container .section {
	background-color:transparent !important;
}

#pg_content_container  .bootstrapWizard li.complete .title, #pg_content_container  .bootstrapWizard li.active .title, #pg_content_container  .bootstrapWizard li.active .step, #pg_content_container  .bootstrapWizard li.active.complete .step {
	color:#008ef0 !important;
}


/* --- /Anpassungen für PG --- */
