/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
* A better looking default horizontal rule
*/

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
hr.blue {
	border-color: #8ec3d2;
}

/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/*
* Remove default fieldset styles.
*/

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
	resize: vertical;
	line-height: 1.42857;
}

/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */

.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
Author's custom styles
========================================================================== */

body {
	background-color: #98AAAC;
	background-image: url("../img/conference-room-2.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	font-family: Arial, sans-serif;
	font-weight: 400;
	padding-bottom: 40px;
	min-width: 320px;
	min-height: calc(100vh + 200px);
	overflow-x: hidden;
	padding-bottom: 200px;
}
body.mceContentBody {
	background-image: none;
	background-color: #fff;
}
body.feedback-html {
	background-image: none;
	padding: 0 !important;
	min-width: 0;
	color: #286577;
	background-color:#fff;
}
body.termin-popup-html {
	background-image: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.7+60,0+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 60%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 60%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	min-width: 310px;
	padding: 35px 0 0 !important;
	min-height: 475px;
	overflow: hidden;
}
html.termin-popup-html {
	background-image: url("../img/conference-room-2.jpg");
	background-size: cover;
	min-width: 310px;
	padding: 0;
	min-height: 100%;
}

h1 {
	font-size: 2.7em;
	margin-bottom: 20px;
	color: #286577;/*
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;*/
}

h2 {
	font-size: 2em;
	margin-bottom: 15px;
	line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	font-weight: 400;
	line-height: 1;
}

.btn, button {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: baseline;
}

.page_loader {
	width: 100%;
	display: table;
	position: fixed;
	z-index:1;
	top: 0;
	left: 0;
	min-height: 100%;
	height: 100%;
	overflow:hidden;
	text-align: center;
	background-image: url(/system/img/sphere.png);
	background-position: center;
	background-repeat:no-repeat;
}
.page_loader .inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.page_loader .inner img {
	vertical-align: middle;
}

.blue {
	color: #286577;
}
.blue_smaller {
	display: block;
	color: #286577;
	font-size: 0.7em;
	line-height: 1.1;
	margin-bottom: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.blue_smaller small {
	vertical-align: top;
}

.text-ellipsis {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.main_header {
	background-color: #fff;
	height: 120px;
	overflow: hidden;
	padding: 15px 0 0;
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	box-shadow: 2px 2px 4px #000;
	-webkit-transition: height 0.5s;
	transition: height 0.5s;
	min-width: 320px;
}
.embed .main_header {
	display: none !important;
}
.logo {
	display: inline-block;
}
.logo img {
	width: 290px;
	height: auto !important;
}

.navi_imprint {
	height: 34px;
	line-height: 17px;
	position: absolute;
	right: 25px;
	top: 4px;
	text-align: right;
	-webkit-transition: top .5s;
	transition: top .5s;
}
.navi_imprint a {
	display: inline-block;
	line-height: 17px;
	vertical-align: middle;
	color: #666;
	font-size: 12px;
	text-decoration: none;
}
.navi_imprint a:hover, .navi_imprint a.aktiv {
	color: #2dabbb;
	text-decoration: none;
}

.navi_languages {
	height: 20px;
	line-height: 1.35;
	position: absolute;
	right: 25px;
	top: 51px;
}
.navi_languages a {
	color: #666;
	font-size: 12px;
	text-decoration: none;
}
.navi_languages a:hover, .navi_languages a.aktiv {
	color: #2dabbb;
	text-decoration: none;
}

.light-text {
	color: #fff;
	text-shadow: 0px 0px 4px #000;
}

.large-text {
	font-size: 1.2em;
}

.boxed-light-text {
	position: relative;
	margin: 20px 0 0;
	padding: 15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8fbff+0,b0dee8+100&0.9+0,0.6+100 */
	background: rgba(255,255,255,0.7);
	border-radius: 5px;
	border: 5px solid #fff;
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	box-shadow: 2px 2px 4px #000;
}
.boxed-light-text .inner {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#204b60+0,204b60+100&0.8+0,0.4+100 */
	background: -moz-linear-gradient(top,  rgba(32,75,96,0.8) 0%, rgba(32,75,96,0.4) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(32,75,96,0.8) 0%,rgba(32,75,96,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(32,75,96,0.8) 0%,rgba(32,75,96,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc204b60', endColorstr='#66204b60',GradientType=0 ); /* IE6-9 */
	margin: -15px;
	padding: 15px;
	color: #fff;
}
.to_top {
	position:fixed;
	bottom: 10px;
	right: 10px;
	-moz-opacity:0.6;
	opacity:0.6;
	filter:alpha(opacity=60);
	display:none;
	background-image:url(../img/icons/to_top.png);
	background-position:center top;
	height:35px;
	width:35px;
	cursor:pointer;
	z-index:99997;
}
.to_top:hover {
	background-position:center bottom;
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
}

#place_select {
	width: 205px;
}

.lg-backdrop {
	background-color: #286577;
	background-attachment: fixed;
	background-image: url("../img/conference-room-2.jpg");
	background-position: center center;
	background-size: cover;
}
.lg-outer .lg-thumb-outer {
	background-color: rgba(0, 0, 0, 0.7);
}
.lg-outer .lg-toogle-thumb {
	background-color: rgba(0, 0, 0, 0.5);
	-moz-border-top-left-radius: 6px;
	-moz-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.lg-actions .lg-prev, .lg-actions .lg-next {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:  6px;
}
.lg-outer .lg {
	background-color: rgba(0, 0, 0, 0.6);
}
.lg-sub-html {
	background-color: rgba(0, 0, 0, 0.3);
}
.lg-outer .lg-video {
	height: 100%;
}

.place_select_submit {
	display: inline-block;
	margin-top: -1px;
}

.dark-p {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00475b+0,00475b+100&0.05+0,0.4+30,0.8+100 */
	background: -moz-linear-gradient(left,  rgba(0,71,91,0.05) 0%, rgba(0,71,91,0.4) 30%, rgba(0,71,91,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,71,91,0.05) 0%,rgba(0,71,91,0.4) 30%,rgba(0,71,91,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,71,91,0.05) 0%,rgba(0,71,91,0.4) 30%,rgba(0,71,91,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d00475b', endColorstr='#cc00475b',GradientType=1 ); /* IE6-9 */
	padding: 6px 6px 6px 0;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	margin: 20px 0;
}

.bxslider .slide img {
	width: 100% !important;
	height: auto !important;
}

.bx-wrapper .bx-viewport {
	left: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper {
	margin: 0 auto 30px;
}
.bx-wrapper .bx-caption span {
	font-family: inherit;
	font-size: 1.25em;
	line-height: 1.25em;
	padding: 5px 10px;
}
.bx-wrapper .bx-caption {
	bottom: 10px;
	text-align: center;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	display: block;
	height: 16px;
	margin: 0 5px;
	outline: 0 none;
	text-indent: -9999px;
	width: 16px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #144156;
}

/* ==========================================================================
FLIP CARDS
========================================================================== */

.cards * {
	width: 100%;
}

.cards__axis {
	position: relative;
}

.cards__axis:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.cards__front,
.cards__back {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.cards__front {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: perspective(1000px) rotateX(30deg) rotateY(0deg);
	-moz-transform: perspective(1000px) rotateX(30deg) rotateY(0deg);
	-ms-transform: perspective(1000px) rotateX(30deg) rotateY(0deg);
	-o-transform: perspective(1000px) rotateX(30deg) rotateY(0deg);
	transform: perspective(1000px) rotateX(30deg) rotateY(0deg);
}

.cards__axis:hover .cards__front {
	-webkit-transform: perspective(1000px) rotateX(0deg) rotateY(-180deg);
	-moz-transform: perspective(1000px) rotateX(0deg) rotateY(-180deg);
	-ms-transform: perspective(1000px) rotateX(0deg) rotateY(-180deg);
	-o-transform: perspective(1000px) rotateX(0deg) rotateY(-180deg);
	transform: perspective(1000px) rotateX(0deg) rotateY(-180deg);
}

.cards__back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: perspective(1000px) rotateY(180deg);
	-moz-transform: perspective(1000px) rotateY(180deg);
	-ms-transform: perspective(1000px) rotateY(180deg);
	-o-transform: perspective(1000px) rotateY(180deg);
	transform: perspective(1000px) rotateY(180deg);
}

.cards__axis:hover .cards__back {
	-webkit-transform: perspective(1000px) rotateY(0);
	-moz-transform: perspective(1000px) rotateY(0);
	-ms-transform: perspective(1000px) rotateY(0);
	-o-transform: perspective(1000px) rotateY(0);
	transform: perspective(1000px) rotateY(0);
}

/* CUSTOM STYLES FOR THIS UNORDERED LIST */

.img-info {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 10px;
	left: 10px;
	border: none !important;
	-moz-border-radius: 16px !important;
	-webkit-border-radius: 16px !important;
	border-radius: 16px !important;
}

.cards {
	width: 1200px;
	margin: 0 auto;
	font-family: Arial, sans-serif;
}

.cards {
	list-style-type: none;
	padding-left: 0;
}

.cards:after {
	content: "";
	display: table;
	clear: both;
}

.cards__axis {
	float: left;
	margin: 30px;
	width: 240px;
}

.cards__axis img {
	border: 5px solid #fff;
	border-bottom-width: 50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	box-shadow: 2px 2px 4px #000;
}


/* CONTENT STYLES */

.cards__description--front {
	position: absolute;
	bottom: -45px;
	width: 100%;
	text-align: center;
}

.cards__description--front {
	font-size: 1em;
	line-height: 1.1em;
}

.cards__description--front p {
	padding-top: 7px;
	line-height: 15px;
	vertical-align: middle;
	height: 39px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cards__description--front small {
	display: block;
	line-height: 15px;
	color: #286577;
}

.cards__description--back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cards__description--back p {
	position: relative;
	width: 230px;
	height: 230px;
	overflow: hidden;
	padding: 5px 10px;
	left: 5px;
	top: 5px;
	margin: 0;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight: 300;
	font-family: Arial, sans-serif;
	color: #fff;
	background-color: rgba(40,101,119,0.7);
	text-shadow: 0px 0px 4px #000;
	overflow: hidden;
}

.variant-block {
	padding: 0 4px 2px 0;
	line-height: 38px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.3+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#4dffffff',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.list-room-item {
	display: block;
	position: relative;
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1em;
	vertical-align: middle;
	padding: 3px 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.4+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	border: 1px solid rgba(34, 100, 119, 0.2);
	border-bottom: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 5px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);
}
.list-room-item label {
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.6;
}
.list-room-item .alert {
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.3;
}
input[type=radio] {
	cursor: pointer;
	margin-top: 3px;
}
input[type=checkbox] {
	cursor: pointer;
}
select {
	cursor: pointer;
}
.list-room-item .glyphicon {
	position: absolute;
	bottom: 0;
	top: 0.5em;
	font-size: 3em;
}
.list-room-capacity {
	display: block;
	vertical-align: middle;
	padding-bottom: 3px;
	color: #D0EFF4;
}

.cards__description--back a {
	display: block;
	width: 90%;
	height: 45px;
	line-height: 45px;
	margin: 7px 5% 0;
	vertical-align: middle;
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
}
.cards__description--back a:hover, .cards__description--back a:focus, .cards__description--back a:active {
	background-image: url("../img/icons/Apply.png");
	background-position: right center;
	background-repeat: no-repeat;
}

/* ==========================================================================
WEEK SHEDULER
========================================================================== */

.week-sheduler {
	border: 5px solid #fff;
	margin: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.week-sheduler .column {
	float: left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	width: 13%;
	overflow: hidden;
}
.week-sheduler .column > div.active {
	background: rgba(19, 102, 127, 0.55);
}
.week-sheduler .column:first-child {
	width: 9%;
}
.week-sheduler .column .header {
	background: rgba(19, 102, 127, 0.6);
	color: #beeef7;
	padding: 5px;
	height: 48px;
	text-align: center;
	font-size: 0.85em;
	font-weight: 600;
}
.week-sheduler .column:first-child .header {
	text-align: left;
}
.week-sheduler .column .header .flags {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.8+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */
	margin: 0 -5px;
	padding: 0 5px;
}
.week-sheduler button {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	height: 30px;
	line-height: 28px;
	vertical-align: middle;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.week-sheduler .btn:hover, .week-sheduler .btn:focus, .week-sheduler .btn.focus {
	background: #286577 url("../img/icons/ui-bg_highlight-soft_85_286577_1x100.png") repeat-x scroll 50% 50%;
}
.week-sheduler .btn:hover span.cOK, .week-sheduler .btn:focus span.cOK, .week-sheduler .btn.focus span.cOK {
	color: #fff !important;
}
.week-sheduler .column .glyphicon {
	font-size: 1.1em;
	line-height: 30px;
	vertical-align: middle;
	cursor: default;
	background: none !important;
	border: none !important;
	top: -1px;
}
.week-sheduler span.glyphicon-option-horizontal, .week-sheduler span.glyphicon-bell, .week-sheduler span.glyphicon-wrench, .week-sheduler span.glyphicon-plane {
	color: salmon !important;
}
.week-sheduler .column button .glyphicon {
	cursor: inherit;
}

.week-sheduler .column .first-half-hour {
	border-bottom: 1px solid rgba(19, 102, 127, 0.1);
	padding: 0;
	height: 31px;
	line-height: 27px;
	vertical-align: middle;
	overflow: hidden;
}
.week-sheduler .column .secound-half-hour {
	border-bottom: 1px solid rgba(19, 102, 127, 0.6);
	padding: 0;
	height: 31px;
	line-height: 27px;
	vertical-align: middle;
	overflow: hidden;
}
.tooltip {
	z-index: 99998;
}
.tooltip strong {
	color: #beeef7;
}
.tooltip ul {
	text-align:left;
	min-width:200px;
	padding:0 0 0 10px;
}
.tooltip ul li {
	margin:0;
	padding:0;
	line-height: 1.2;
}
.tooltip a {
	color: #fff;
}
.tooltip strong.cOKTooltip {
	color: palegreen;
}
.tooltip strong.cNOTooltip {
	color: salmon;
}
.tooltip-inner {
	background-color:#0d4454;
}
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
	border-top-color:#0d4454;
}
.tooltip.right .tooltip-arrow {
	border-right-color:#0d4454;
}
.tooltip.left .tooltip-arrow {
	border-left-color:#0d4454;
}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
	border-bottom-color:#0d4454;
}

.termin {
	width: 100%;
	padding: 15px 15px 0;
}
.termin h1 {
	font-size: 2em;
}
.termin .content-inner {
	margin: 0px auto;
	width: 345px;
	max-width: 100%;
}
.termin .dark-p {
	margin: 1em 0 0;
	padding: 10px 10px 10px 0;
	display: inline-block;
	width: auto;
	max-width: 100%;
}
.termin label {
	display: inline-block;
	min-width: 70px;
	text-align: right;
}
.termin-popup-html .ui-widget.ui-widget-content {
	max-height: 235px;
}
.termin .alert {
	padding: 5px;
}
.termin .text-nowrap {
	margin: 2px 0;
	display: inline-block;
}
.termin .form-item {
	margin: 0 0 3px;
}
.termin .form-item.alert {
	padding: 5px;
}
.termin .form-button-item {
	margin: 15px 0 5px;
}
.lg-video-cont, .lg-video, iframe {
	min-height: 470px;
}
iframe html {
	min-height: 100%;
}
#datepicker {
	margin-bottom: 20px;
}
#alternate_date {
	margin-bottom: 20px;
	margin-top: 5px;
	width: 19em;
	max-width: 100%;
	font-size: 1.1em;
}

.ui-widget {
	font-family: inherit;
}
.ui-state-active, .ui-widget-content .ui-state-active {
	border: 1px solid #6699ac;
	background: #286577 url("../img/icons/ui-bg_highlight-soft_85_286577_1x100.png") repeat-x scroll 50% 50%;
	color: #fff;
}
.ui-datepicker-year {
	color:#333;
}
.ui-datepicker-inline {
	max-width: 100%;
	width: 19em;
}
th.ui-datepicker-week-col {
	color: #ccc;
}
th.ui-datepicker-week-end {
	color: crimson;
}

.ui-datepicker-prev, .ui-datepicker-next {cursor:pointer;}

.ui-selectmenu-button {
	display: inline-block;
	position: relative;
	line-height: 18px;
	vertical-align: middle;
	padding: 5px;
	margin-top: 0;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}
.ui-selectmenu-button .ui-icon {
	position: absolute;
	top: 9px;
	right: 5px;
}
.ui-selectmenu-button .ui-selectmenu-text {
	margin: 0 15px 0 0.2em;
}
.ui-selectmenu-button {
	max-width:100%;
}
.startseite-filter .ui-selectmenu-button {
	margin-top:-1px;
}
.legende {
	padding: 0.2em 0.2em 0;
	width: 19em;
	margin-bottom: 20px;
}
.legende-titel {
	padding: 0.2em 0.5em;
}
.legende-inner {
	padding: 0.5em;
	font-size: 0.85em;
}

.price_span {
	display: inline-block;
	width: 75px;
	padding-right: 5px;
	text-align: right;
}

.help {
	position: absolute;
	z-index: 1;
	top: 15px;
	right: 15px;
}
.table_container {padding: 15px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float: left; width: auto; background-color: rgba(255,255,255,0.6);}
.table_container h2.minW {min-width:0 !important; padding:0 !important; background-color:transparent; color:#286577; margin:0 0 10px;}
.table_container {max-width:100%;}
.table_container.right {padding:10px 10px 0; width: 100%;}

.table_container button {min-width:35px; max-width:24%; float:left; margin-right:1%; margin-bottom:5px;}
.table_container.right button {float:right; padding-top:5px; margin-right:0;}
.table_container.right .btn-default {padding: 2px 0 0 !important;}

.table_container.right .inner-gradient {
	margin-bottom:10px; background: rgba(255,255,255,0.5); border-top: 1px solid #8ec3d2;
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	box-shadow: 2px 2px 4px #000;
	position: relative;
}
.table_container.right .inner-gradient:nth-child(2n) {
	background: rgba(187,225,234,0.5);
}

.table_container.right .inner-gradient .reihenfolge {
	position: absolute; z-index:1; height:18px; line-height:18px; vertical-align: middle; width: 30px; top: -1px; left: -29px; font-size: 10px; text-align: center;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background: rgba(255,255,255,0.5); border: 1px solid #8ec3d2; border-right: 1px solid rgba(255,255,255,0.5); color: #8ec3d2;
}
.table_container.right .inner-gradient:nth-child(2n) .reihenfolge {
	background: rgba(187,225,234,0.5); border-right: 1px solid rgba(187,225,234,0.5);
}
.table_container.right .inner-gradient ul:not(.dropdown-menu) {padding-left:14px;}

.table_container.right .row > div.clearfix {height:0;}
.table_container.right .row > div:not(.clearfix) {
	height:75px; padding:5px 15px 5px 15px; border-bottom: 1px solid #8ec3d2; border-left: 1px solid #8ec3d2;
}
.table_container.right .row > div.no-style {border:none;}
.table_container small, .table_container .small {font-size:11px; font-weight: 300; color: #999 !important;}


/* ==========================================================================
LIGHT GALLERY
========================================================================== */

.demo-gallery > ul {
	margin: 0;
}
.demo-gallery > ul > li {
	margin-top: 7px;
	margin-bottom: 7px;
	padding: 0 5px;
}
.demo-gallery > ul > li a {
	border: 2px solid rgba(255, 255, 255, 0.6);
	border-radius: 3px;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
}
.demo-gallery > ul > li a:hover, .demo-gallery > ul > li a:focus {
	border: 2px solid #286577;
}
.demo-gallery > ul > li a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
}
.demo-gallery > ul > li a:hover > img, .demo-gallery > ul > li a:focus > img {
	-webkit-transform: scale3d(1.3, 1.3, 1.3);
	transform: scale3d(1.3, 1.3, 1.3);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
	opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
	opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	opacity: 0.8;
	width: 48px;
}
.demo-gallery.dark > ul > li a {
	border: 3px solid #04070a;
}

.loading-overlay {
	display: none;
	position: absolute;
	z-index: 999999;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	background-image: url(../img/icons/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.bestuhlung {
	padding: 5px;
}
.bestuhlung-item {
	line-height: 1.1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.4+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 5px;
}
.bestuhlung-item label {
	line-height: 1.6;
}
.bestuhlung-item img {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.5);
	margin: 8px 0;
}

#raumaustattung_form .list-room-item, #catering_form .list-room-item, #transfer_form .list-room-item {
	line-height: 38px;
	vertical-align: middle;
}
#raumaustattung_form .ui-spinner, #catering_form .ui-spinner, #transfer_form .ui-spinner {
	line-height: 1.42857;
}
#raumaustattung_form .opt-price, #catering_form .opt-price, #transfer_form .opt-price {
	color: #d0eff4;
	display: inline-block;
	line-height: 1.2;
	padding-top: 5px;
	text-align: right;
}
#raumaustattung_form .opt-desc, #catering_form .opt-desc, #transfer_form .opt-desc {
	font-weight: 300;
	line-height: 1.2 !important;
	margin-left: 16px;
	max-width: 70%;
	padding: 5px;
}
#raumaustattung_form .opt-desc img, #catering_form .opt-desc img, #transfer_form .opt-desc img {
	max-width:100%;
}

label.label_cb:hover {
	color:#286577;
}


/* ==========================================================================
WARENKORB
========================================================================== */

.warenkorbzeile {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 5px;
	position: relative;
	text-align: left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.7+0,0.2+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */
}
.warenkorbzeile-klein {
	padding: 7px;
	position: relative;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.7+0,0.2+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */
}
.warenkorbzeile-klein > div {
	padding-left: 7px;
	padding-right: 7px;
}
.warenkorbzeile .produktbild {
	padding: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 150px;
}
.warenkorbzeile-klein .produktbild-klein {
	padding: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 75px;
}
.warenkorbzeile .produktdetails {
	padding: 0;
	line-height: 1.2;
}
.warenkorbzeile .produktdetails .beschreibung {
	min-height: 0;
	margin-bottom:15px;
}
.warenkorbzeile .produktdetails .beschreibung strong {
	display: block;
	margin-bottom: 5px;
}
.anzahl, .preis {
	text-align: right;
	vertical-align: middle;
}
.preis .value small {
	float: right;
}
.value {
	float: right;
	width: 175px;
	padding-left: 15px;
}
.signin-small {
	display: none;
}
label {
	line-height: 34px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
}
.titeled-block {
	margin: 10px 0 15px;
}
.titeled-block .title {
	background-color: #286577;
	background-image: url("../img/layout/button-bg.png");
	color: #fff;
	padding: 15px;
	text-transform: uppercase;
}
.titeled-block .content {
	padding: 15px 15px 0;
}

button.read-more small {
	border-bottom: 1px solid #eee;
	display: inline-block;
	margin: 5px 0;
	padding-bottom: 5px;
	text-transform: none;
	width: 100%;
}



/* ==========================================================================
FEEDBACK
========================================================================== */
.feedback-button {
	position:absolute; top:0; right:0;
}
.feedback-button .btn {
	margin: 0;
	background-color:#fff;
	border:none;
	color:#666;
	font-size: 1.4em;
	line-height: 1.1;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 8px;
	-moz-transition: height 0.5s ease 0.5s;
	-webkit-transition: height 0.5s ease 0.5s;
	transition: height 0.5s ease 0.5s;
	outline:none !important;
}
.feedback-button .btn:hover, .feedback-button .btn:focus {
	background-color: #286577;
	border-color: #0d4454;
	color:#fff;
}
.feedback {
	position: fixed;
	left: 0;
	top: 121px;
	z-index: 99994;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	padding-right:36px;
	-webkit-transition: top 0.5s;
	transition: top 0.5s;
}
.feedback-form {
	width: 0;
	padding:0;
	overflow: hidden;
	-moz-transition: width 0.5s ease 0.5s;
	-webkit-transition: width 0.5s ease 0.5s;
	transition: width 0.5s ease 0.5s;
	background-color:#fff;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	border-bottom-right-radius: 12px;
	-moz-box-shadow: -3px 3px 3px #000;
	-webkit-box-shadow: -3px 3px 3px #000;
	box-shadow: -3px 3px 3px #000;
}
.feedback-form-inner {
	padding:10px 0;
}.feedback-button {
	position:absolute; top:0; right:0;
}

.anmeldung-button {
	position:absolute; top:0; left:0;
}
.anmeldung-button .btn {
	margin: 0;
	background-color:#fff;
	border:none;
	color:#666;
	font-size: 1.4em;
	line-height: 1.1;
	-moz-box-shadow: -3px 3px 4px #000;
	-webkit-box-shadow: -3px 3px 4px #000;
	box-shadow: -3px 3px 4px #000;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding: 8px;
	-moz-transition: height 0.5s ease 0.5s;
	-webkit-transition: height 0.5s ease 0.5s;
	transition: height 0.5s ease 0.5s;
	outline:none !important;
}
.anmeldung-button .btn:hover, .anmeldung-button .btn:focus {
	background-color: #286577;
	border-color: #0d4454;
	color:#fff;
}
.anmeldung {
	position: fixed;
	right: 0;
	top: 121px;
	z-index: 99994;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	padding-left: 36px;
	-webkit-transition: top 0.5s;
	transition: top 0.5s;
}
.anmeldung-form {
	width: 0;
	height: 320px;
	overflow: hidden;
	text-align: right;
	font-size:13px;
	-moz-transition: width 0.5s ease 0.5s;
	-webkit-transition: width 0.5s ease 0.5s;
	transition: width 0.5s ease 0.5s;
	background-color:#fff;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-left-radius: 12px;
	-moz-box-shadow: 3px 2px 3px #000;
	-webkit-box-shadow: 3px 2px 3px #000;
	box-shadow: 3px 2px 3px #000;
}
.anmeldung-form-inner {
	padding: 10px;
	color: #286577;
}

.betreiber_logo {text-align:right; padding: 0;}
.betreiber_logo img {
	border:2px solid #286577; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
	padding:5px; background-color:#fff; max-width:100%; height:auto:!important;
}


.error {padding:0 0 0 10px; color: #b32400; width: 100%; max-width: 100%; line-height: 20px; vertical-align: middle;}
.error i {height: 20px; line-height: 20px; vertical-align: middle;}
.success {padding:0 0 0 10px; color: #ccffe6; width: 100%; max-width: 100%; line-height: 20px; vertical-align: middle;}
.success i {height: 20px; line-height: 20px; vertical-align: middle;}
select {cursor:pointer;}


/* ==========================================================================
Kunden Login
========================================================================== */
.login {position:absolute; top:50px; right:22px; text-decoration:none !important; -webkit-transition: top 0.5s; transition: top 0.5s;}
.login i.fa {font-size:35px; vertical-align: text-top;}
.login span {position: relative; top: 6px; display:inline-block; text-align:right; font-size:82%; line-height: 1.2; vertical-align:middle; margin-right:5px;}
.vert-grad {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	padding-top:10px;
	padding-bottom:10px;
	font-size:13px;
	line-height: 1.1;
}
.vert-grad i.fa {font-size:35px;}
.vert-grad button {padding:5px 10px;}
.table_container {padding: 10px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float: left; width: auto; background-color: rgba(255,255,255,0.6);}


/* ==========================================================================
Buchungs-Übersicht
========================================================================== */
.buchungsuebersicht_toggle {
	outline: none !important;
	position: absolute;
	display: block;
	right: 15px;
	bottom: -50px;
	padding: 8px 20px 5px 55px;
	width: auto;
	height: 50px;
	line-height: 16px;
	vertical-align: middle;
	background-color: #fff;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.75);
}
.buchungsuebersicht_toggle i {
	position:absolute;
	top:8px;
	left:9px;
	font-size:35px;
}
.buchungsuebersicht {
	display: none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.4+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	color: #286577;
	position: relative;
	top: 18px;
	padding: 15px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: 3px solid #fff;
}
.buchungsuebersicht .bereich {
	border: 1px solid #0D4454;
	padding: 40px 0 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	margin-top: 20px;
}
.buchungsuebersicht .bereich h4 {
	color: #286577;
	display:inline-block;
	position: absolute;
	top: -15px;
	margin: 0;
	left: 10px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #0D4454;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.buchungsuebersicht .bereich h5 {
	color: #286577;
}
.buchungsuebersicht .bereich .element {
	margin:0;
}
.buchungsuebersicht .bereich .element > div > div {
	min-height: 24px;
	padding: 2px 0;
}
.res416 {
	padding: 4px 2px 0px;
	background-color: transparent;
	right: 14px;
	position:absolute;
	z-index: 10; top: 15px;
}
.buchungsuebersicht .hidden-dummy {
	display:inline-block;
	color:transparent;
	height:1px;
	overflow:hidden;
}
.pauschalangebot {
	padding: 0;
	margin: 5px 0;
}
.pauschalangebot .inner {
	margin: 0 5px 0 0;
	position: relative;
	padding: 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+20,0.5+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=1 ); /* IE6-9 */
	color: #286577;
}
.pauschalangebot .indicator {
	display: none;
	position: absolute;
	top: 0;
	left: 0px;
	font-size: 20px;
	color: #286577;
	background-color: #fff;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 3px 5px;
}
.pauschalangebot.active .inner {
	border: 1px solid #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+20,0.5+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80ffffff',GradientType=1 ); /* IE6-9 */
}
.pauschalangebot.active .indicator {
	display:block;
}
.termin_wiederholung {
	padding:0 15px;
	background-color:rgba(255,255,255,0.6);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.termin_wiederholung label {
	line-height:1.15;
}
.termin_wiederholung input[type=radio] {
	position:relative;
	top:-2px;
	vertical-align:middle;
}

.form-control-label-danger {
	color: #f00;
}

.badge {
	background-color: #8ec3d2;
	line-height: 0.7;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #73aebf;
	position: relative;
	top: -1px;
}



/* ==========================================================================
Helper classes
========================================================================== */

.w1 {
	width: 100%;
	text-align: center;
}
.w2 {
	float: left;
	width: 50%;
	text-align: center;
}
.w3 {
	float: left;
	width: 33%;
	text-align: center;
}
.w4 {
	float: left;
	width: 25%;
	text-align: center;
}
.w5 {
	float: left;
	width: 20%;
	text-align: center;
}
.w6 {
	float: left;
	width: 16%;
	text-align: center;
}
.w7 {
	float: left;
	width: 14%;
	text-align: center;
}
.w8 {
	float: left;
	width: 12%;
	text-align: center;
}

.cOK {
	color: limegreen !important;
}
div.active .cOK {
	color: lightgreen !important;
}
.cNO {
	color: #cd0a0a !important;
}
.cSalmon {
	color: salmon !important;
}
.cCrimson {
	color: crimson !important;
}
.cOrchid {
	color: orchid !important;
}
.cDarkOrchid {
	color: darkorchid !important;
}
.cPurple {
	color: purple !important;
}
.cRoyalBlue {
	color: royalblue !important;
}
.cOrange {
	color: orange !important;
}
.cOrangeRed  {
	color: orangered !important;
}
div .cOK.buchung, div.active .cOK.buchung, .cOK.buchung {
	color: #ff8c1a !important;
}
div .cOK.buchungAktuell, div.active .cOK.buchungAktuell, .cOK.buchungAktuell {
	color: #ffd11a !important;
}



/*
* Hide visually and from screen readers
*/

.hidden {
	display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
	visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

@media only screen and (max-width: 1199px) {
	.cards {
		width: 900px;
		margin: 0 auto;
	}
	.md-no-lr-margin {
		margin-left:0 !important;
		margin-right:0 !important;
	}
	#kunde_show_div {
		width: 543px;
		max-width: 100%;
	}
}
@media only screen and (max-width: 991px) {
	h1 {
		font-size: 2.5em;
	}
	.termin h1 {
		font-size: 1.9em;
	}
	h2 {
		font-size: 1.9em;
	}
	.large-text {
		font-size: 1.15em;
	}
	.legende {
		position: absolute;
		top: 20px;
		right: 15px;
		width: 220px;
	}
}

@media only screen and (max-width: 899px) {
	.cards {
		width: 600px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 2.3em;
	}
	.termin h1 {
		font-size: 1.8em;
	}
	h2 {
		font-size: 1.8em;
	}
	.large-text {
		font-size: 1.10em;
	}
	.bx-wrapper {
		margin: 0 auto;
	}
	.bx-wrapper .bx-pager {
		display: none;
	}
	.bx-wrapper .bx-caption span {
		font-size: 1.0em;
		line-height: 1.0em;
	}
	.feedback-button .btn {
		padding: 8px 5px;
		font-size: 1em;
	}
	.feedback {
		padding-right:24px;
	}
	.anmeldung-button .btn {
		padding: 8px 5px;
		font-size: 1em;
	}
	.anmeldung {
		padding-left:24px;
	}
	.termin-popup-html .ui-widget.ui-widget-content {
		max-height: 145px;
	}
	.betreiber_logo {text-align:left;}
	.boxed-light-text:not(.bordered) {padding:10px; border-width:3px;}
}

@media only screen and (max-width: 680px) {
	h1 {
		font-size: 2.1em;
	}
	h1 span.text-nowrap {
		white-space: normal;
	}
	.termin h1 {
		font-size: 1.7em;
	}
	h2 {
		font-size: 1.7em;
	}
	.large-text {
		font-size: 1.05em;
	}
}

@media only screen and (max-width: 599px) {
	.cards {
		width: 300px;
		margin: 0 auto;
	}
	.legende {
		position: relative;
		top: auto;
		right: auto;
		width: 19em;
	}
}

@media only screen and (max-width: 500px) {
	body {
		font-size: 13px;
	}
	.main_header {
		min-height: 90px;
	}
	h1 {
		font-size: 1.8em;
	}
	.termin h1 {
		font-size: 1.5em;
	}
	.blue_smaller small {
		font-size: 9px;
	}
	h2 {
		font-size: 1.5em;
	}
	.large-text {
		font-size: 1em;
	}
	.logo img {
		width: 200px;
		height: auto !important;
	}
	.navi_languages {
		top: 30px;
	}
	.bx-wrapper .bx-caption span {
		font-size: 0.85em;
		line-height: 0.85em;
	}
	.feedback {
		padding-right:23px;
	}
	.vert-grad button {
		min-width: 42px;
	}
}

@media only screen and (max-width: 467px) {
	#kunde_buchung_edit_btn {
		float: none !important;
	}
}

@media only screen and (max-width: 416px) {
	.buchungsuebersicht .hidden-dummy {
		display:none;
	}
	.buchungsuebersicht {
		padding: 15px 7px;
	}
	.buchungsuebersicht .bereich .element {
		margin: 0 -10px;
	}
	.res416 {
		right: 4px;
	}
}

@media only screen and (max-width: 400px) {
	h1 {
		font-size: 1.44em;
	}
	h1 span.text-nowrap {
		white-space: normal;
	}
	.termin h1 {
		font-size: 1.2em;
	}
	h2 {
		font-size: 1.2em;
	}
	.main_header {
		min-height: 0;
	}
	.logo {
		margin-left: -10px;
	}
	.logo img {
		width: 160px;
	}
	.navi_imprint {
		top:-4px;
	}
	.navi_languages {
		top: 20px;
	}
	#kunde_buchung_anzeigen {
		float: none !important;
	}
	#kunde_show_overview {
		float: none !important;
		margin-right: 5px;
	}
}

@media only screen and (max-width: 384px) {
	#short_title {
		width: 190px !important;
		max-width: 100% !important;
	}
	.pagination {
		width: 100%;
	}
	.pagination-sm > li:last-child > span {
		padding: 5px 0px;
		width: 100%;
	}
}

@media only screen and (max-width: 360px) {
	.login span {
		font-size: 65%;
	}
}

@media print,
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 1.25dppx),
	(min-resolution: 120dpi) {
		/* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */

@media print {
	*,
	*:before,
	*:after,
	*:first-letter,
	*:first-line {
		background: transparent !important;
		color: #000 !important; /* Black prints faster:
		http://www.sanbeiji.com/archives/953 */
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	* Don't show links that are fragment identifiers,
	* or use the `javascript:` pseudo protocol
	*/

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
	* Printing Tables:
	* http://css-discuss.incutio.com/wiki/Printing_Tables
	*/

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

	.print_hidden, .feedback, .anmeldung, .main_header, .btn {display:none;}
	.print_100pct, .buchung_body {max-width:100% !important; width:100% !important; border:none !important; padding:0 !important;}

	.container {
		width: 100%;
	}
}

.no-js {

}




/*
* WEBEDITION EDITMODE
*/
.em-input {

}
.em-input .wetextinput {
	width: 100%;
}