/**
 * Feature Name:	 Main CSS File
 * Version:      0.9
 * Author:       web dev media UG
 * Author URI:   http://web-dev-media.de
 */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {
  height: 100%;
}
html {
    position: relative;
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    position: relative;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 300;
}
body.page-template-pagetemplate-chain {
	padding-top: 65px;
}
body.admin-bar{
    padding-top:32px;
}
body.front-page {
    background-size: cover;
}
body.menu-open {
    overflow-y: hidden;
}

body.menu-open .menu {
    overflow-y: scroll;
}
body.body-metropol,
body.body-mirabell {
	color: #fff;
	background: #262626;
}
.body-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 310;
    background-color: rgba( 0, 0, 0, .8);
}
.body-overlay.body-overlay-on {
    display: block;
}

.admin-bar .navbar-fixed-top {
	top: 33px;
}
input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #fff;
	text-decoration: underline;
}
a:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.body-metropol a,
a[href*="metropol"] {
	color: #88b934;
}
b,
strong {
	font-weight: 600;
}
.body-mirabell a,
a[href*="mirabell"] {
	color: #e2007a;
}

figure {
	margin: 0;
}
img {
	vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.attachment-post-thumbnail {
	display: block;
	max-width: 100%;
	height: auto;
}
.img-rounded {
	border-radius: 6px;
}
.img-thumbnail {
	padding: 4px;
	line-height: 1.2;
	background-color: #262729;
	border: 1px solid #dddddd;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.img-circle {
	border-radius: 50%;
}
hr {
	margin-top: 16px;
	margin-bottom: 16px;
	border: 0;
	border-top: 1px solid #eeeeee;
}
.container-full {
	padding-left: 0;
	padding-right: 0;
}
.row-full {
	margin-left: 0;
    margin-right: 0;
}
.row-full .col-xs-12,
.row-full .col-sm-12,
.row-full .col-md-12,
.row-full .col-lg-12 {
	padding-left: 0;
	padding-right: 0;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}
[role="button"] {
	cursor: pointer;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family: inherit;
	font-weight: 400;
	line-height: 1.7;
	color: inherit;
}
h1, .h1,
h2, .h2,
h3, .h3 {
	margin-top: 16px;
	margin-bottom: 8px;
}
h4, .h4,
h5, .h5,
h6, .h6 {
	margin-top: 8px;
	margin-bottom: 8px;
}
h1, .h1 {
	font-size: 36px;
}
h2, .h2 {
	font-size: 30px;
}
h3, .h3 {
	font-size: 24px;
}
h4, .h4 {
	font-size: 18px;
}
h5, .h5 {
	font-size: 14px;
}
h6, .h6 {
	font-size: 12px;
}
.wrapper {
	flex: 1 0 auto;
}
.custom_pages-template-custom_pages-chain .wrapper,
.page-template-pagetemplate-chain .wrapper {
	padding-top: 65px;
}
.headline-xl,
.headline-l,
.headline-m {
	line-height: 50px
}
.headline-s {
	line-height: 34px
}
.headline-xl,
.headline.page{
	font-size: 46px;
}
.headline-l {
	margin-bottom: 0;
	font-size: 34px;
}
.body-metropol .headline.page,
.body-mirabell .headline.page,
.body-metropol .subheadline.page,
.body-mirabell .subheadline.page {
	text-align: center;
}
.headline-m,
.subheadline.page {
	font-size: 28px;
}
.headline-s {
	font-size: 22px;
}
.subtitle {
	margin-top: 0;
	font-weight: 300;
}
.flex-container {
	position: relative;
	z-index: 50;
}
.flexslider {
	color: #fff;
}
p {
	margin: 0 0 8px;
}
.lead {
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
}
@media (min-width: 768px) {
	.lead {
		font-size: 21px;
	}
}
small,
.small {
	font-size: 85%;
}
mark,
.mark {
	background-color: #fcf8e3;
	padding: .2em;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.text-nowrap {
	white-space: nowrap;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-capitalize {
	text-transform: capitalize;
}
.text-muted {
	color: #777777;
}
.text-primary {
	color: #ec0079;
}
a.text-primary:hover,
a.text-primary:focus {
	color: #b9005f;
}
.text-success {
	color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
	color: #2b542c;
}
.text-info {
	color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
	color: #245269;
}
.text-warning {
	color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
	color: #66512c;
}
.text-danger {
	color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
	color: #843534;
}
.bg-primary {
	color: #fff;
	background-color: #ec0079;
}
a.bg-primary:hover,
a.bg-primary:focus {
	background-color: #b9005f;
}
.bg-success {
	background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
	background-color: #c1e2b3;
}
.bg-info {
	background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
	background-color: #afd9ee;
}
.bg-warning {
	background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
	background-color: #f7ecb5;
}
.bg-danger {
	background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
	background-color: #e4b9b9;
}
.page-header {
	padding-bottom: 7px;
	margin: 32px 0 16px;
	border-bottom: 1px solid #eeeeee;
}
ul,
ol {
	margin-top: 0;
	margin-bottom: 8px;
}
ul ul,
ol ul,
ul ol,
ol ol {
	margin-bottom: 0;
}
.list-unstyled {
	padding-left: 0;
	list-style: none;
}
.list-inline {
	padding-left: 0;
	list-style: none;
	margin-left: -5px;
}
.list-inline > li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}
dl {
	margin-top: 0;
	margin-bottom: 16px;
}
dt,
dd {
	line-height: 1.2;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 0;
}
@media (min-width: 768px) {
	.dl-horizontal dt {
		float: left;
		width: 160px;
		clear: left;
		text-align: right;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.dl-horizontal dd {
		margin-left: 180px;
	}
}
abbr[title],
abbr[data-original-title] {
	cursor: help;
	border-bottom: 1px dotted #777777;
}
.initialism {
	font-size: 90%;
	text-transform: uppercase;
}
blockquote {
	padding: 8px 16px;
	margin: 0 0 16px;
	font-size: 17.5px;
	border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
	margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
	display: block;
	font-size: 80%;
	line-height: 1.2;
	color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
	content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
	padding-right: 15px;
	padding-left: 0;
	border-right: 5px solid #eeeeee;
	border-left: 0;
	text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
	content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
	content: '\00A0 \2014';
}
address {
	margin-bottom: 16px;
	font-style: normal;
	line-height: 1.2;
}
code,
kbd,
pre,
samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
}
kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: #ffffff;
	background-color: #333333;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	-webkit-box-shadow: none;
	box-shadow: none;
}
pre {
	display: block;
	padding: 7.5px;
	margin: 0 0 8px;
	font-size: 13px;
	line-height: 1.2;
	word-break: break-all;
	word-wrap: break-word;
	color: #333333;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	border-radius: 4px;
}
pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0;
}
.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.cf:after,
.clearfix:after,
.dl-horizontal dd:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right,
.alignright {
  float: right !important;
}
.pull-left,
.alignleft {
  float: left !important;
}
.btn {
	display: inline-block;
	margin-bottom: 0;
	padding: 10px 16px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	font-size: 14px;
	line-height: 1;
	border-radius: 4px;
	border-style: solid;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
    -ms-touch-action: manipulation;
	    touch-action: manipulation;
}
.body-mprivat .btn {
	border: 2px solid #fff;
	color: #fff;
}
.body-metropol .btn,
.btn[href*="metropol"] {
	color: #fff;
	background: #88b934;
	border-color: #88b934;
}
.body-mirabell .btn,
.btn[href*="mirabell"] {
	color: #fff;
	background: #e2007a;
	border-color: #e2007a;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
	text-decoration: none;
}
.btn:active,
.btn.active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.big {
	padding: 20px;
	font-size: 24px;
	line-height: 1;
	border-radius: 8px;
}
.btn-mirabell {
	background: rgb( 236, 0, 121)
}
.btn-metropol {
	background: rgb( 130, 185, 67);
}
.btn-mirabell.btn-invers,
.btn-mirabell.btn-invers:active {
	border-color: rgb( 236, 0, 121);
	color: rgb( 236, 0, 121);
	background: transparent;
}
.btn-metropol.btn-invers,
.btn-metropol.btn-invers:active {
	border-color: rgb( 151, 191, 13 );
	color: rgb( 151, 191, 13 );
	background: transparent;
}
.section1  .btn-mirabell {
	background: rgba( 236, 0, 121, .85 );
}
.section1 .btn-metropol {
	background: rgba( 130, 185 ,67 ,.85 );
}
.btn-booking {
	position: fixed;
    z-index: 100;
    top: 64px;
	width: 100%;
	display:block;
 	padding: 10px 0;
 	border-radius: 0;
	text-align: center;
}
.btn-booking.bottom {
	top: auto;
	bottom: 0;
}
.nav-lng,
.nav-meta {
	float: right;
}
.nav-lng {
	margin-left: 15px;
}
.visible-xs .language-switch {
	margin-left: 25px;
}

.header-banner {
	padding: 75px 0 170px;
	font-size: 40px;
	font-weight: 600;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
	background-repeat: no-repeat;
	background-size: cover;
}
.page-content {
	padding-bottom: 60px;
}
.sow-google-map-canvas {
	color: #444
}
.page-footer,
.page-footer a {
	font-size: 14px;
	color: #b1b1b1;
}
.page-footer {
	flex-shrink: 0;
	padding-top: 20px;
	background: #262626
}
.body-mprivat.front-page .page-footer {
	z-index: 50;
	width: 100%;
}
.body-metropol .page-footer,
.body-mirabell .page-footer {
	position: initial;
	width: 100%;
}
.body-metropol .footer-content,
.body-mirabell .footer-content {
	padding: 40px 0 50px;
}
.page-footer .menu  {
	float: none;
	overflow: visible;
	max-height: none;
	margin-bottom: 30px;
	padding: 0;
	list-style: none;
}
.body-mprivat .page-footer .menu  {
	margin-top: 30px;
}
.page-footer .menu-item {
	display: inline-block;
	margin-right: 16px;
}
.page-footer .menu a {
	display: inline-block;
	padding: 0;
}
.colophon {
	margin-bottom: 20px;
	padding: 15px 0;
	font-size: 12px;
	border-top: 1px solid #000;
}
@media (max-width: 767px) {
	.colophon {
		text-align: center;
	}
	.colophon .pull-left,
	.colophon .pull-right {
		float: none !important;
	}
}
.colophon p {
	margin: 0;
}
.colophon a {
	color: #fff;
}
.has-slider .ibe-widget {
	position: relative;
	z-index: 100;
	margin-top: -49px;
}
.ibe-widget.top {
	position: fixed;
	top: 114px;
    z-index: 500;
    width: 100%;
}

.ibe-widget.top form{
	box-shadow: 0 1px 10px 0 rgba( 0, 0, 0, .25 );
}
.ibe-widget.bottom {
	animation: fadeInIbe 1s;
}
@keyframes fadeInIbe {
    from {
		opacity: 0;
		transform: translate(0px, 50px);
	}
    to {
		opacity: 1;
		transform: translateX(0px) translateY(0px) translateZ(0px);
	}
}
/* Firefox < 16 */
@-moz-keyframes fadeInIbe {
    from {
		opacity: 0;
		transform: translate(0px, 50px);
	}
    to {
		opacity: 1;
		transform: translateX(0px) translateY(0px) translateZ(0px);
	}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeInIbe {
    from {
		opacity: 0;
		transform: translate(0px, 50px);
	}
    to {
		opacity: 1;
		transform: translateX(0px) translateY(0px) translateZ(0px);
	}
}
/* Internet Explorer */
@-ms-keyframes fadeInIbe {
    from {
		opacity: 0;
		transform: translate(0px, 50px);
	}
    to {
		opacity: 1;
		transform: translateX(0px) translateY(0px) translateZ(0px);
	}
}
/* Opera < 12.1 */
@-o-keyframes fadeInIbe {
    from {
		opacity: 0;
		transform: translate(0px, 50px);
	}
    to {
		opacity: 1;
		transform: translateX(0px) translateY(0px) translateZ(0px);
	}
}

.ibe-widget {
	position: relative;
	z-index: 100;
	margin-top: -49px;
}

.ibe-widget.affix {
	position: fixed;
	top: 111px;
	left: 0;
	right: 0;
	animation: pinIbe 1s;
}
.ibe-widget .input-daterange{
	line-height: 1.7;
}

.slider-half .ibe-widget.bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
}
.slider-half .ibe-widget.affix {
	position: fixed;
	top: 115px;
	right: 0;
	bottom: auto;
	left: 0;
	z-index: 1000;
	animation: pinIbe 1s;
}
.slider-half .ibe-widget.top,
.slider-half .ibe-widget.top.affix {
	top: 67px;
	animation: none;
}
.slider-full .ibe-widget.top,
.slider-full .ibe-widget.top.affix {
	top: 67px;
	animation: none;
}


@keyframes pinIbe {
    from {
		transform-style: preserve-3d;
		transform: translateX(0px) translateY(-65px) translateZ(0px);
	}
    to {
		transform-style: preserve-3d;
		transition: transform 500ms;
		transform: translateX(0px) translateY(0) translateZ(0px);
	}
}
/* Firefox < 16 */
@-moz-keyframes pinIbe {
    from {
		transform-style: preserve-3d;
		transition: transform 750ms;
		transform: translateX(0px) translateY(-65px) translateZ(0px);
	}
    to {
		transform-style: preserve-3d;
		transition: transform 500ms;
		transform: translateX(0px) translateY(0) translateZ(0px);
	}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes pinIbe {
    from {
		transform-style: preserve-3d;
		transition: transform 750ms;
		transform: translateX(0px) translateY(-65px) translateZ(0px);
	}
    to {
		transform-style: preserve-3d;
		transition: transform 500ms;
		transform: translateX(0px) translateY(0) translateZ(0px);
	}
}
/* Internet Explorer */
@-ms-keyframes pinIbe {
    from {
		opacity: 0;
		transform: translate(0px, 50px);
	}
    to {
		opacity: 1;
		transform: translateX(0px) translateY(0px) translateZ(0px);
	}
}
/* Opera < 12.1 */
@-o-keyframes pinIbe {
    from {
		opacity: 0;
		transform: translate(0px, 50px);
	}
    to {
		opacity: 1;
		transform: translateX(0px) translateY(0px) translateZ(0px);
	}
}
.ibe-widget.bottom form {
	position: relative;
	z-index: 500;
    box-shadow: 0 -6px 10px 0 rgba( 0, 0, 0, .5 );
	/*line-height: 0.8;*/
	line-height: 1;
}
.ibe-widget label {
    display: block;
    padding: 10px 15px 9px;
    cursor: pointer;
    border-width: 0;
    border-radius: 0;
    border-right: 1px solid #e0e0e0 !important;
}
.slider-half .ibe-widget label {
    padding: 10px 15px 9px;
}
/*@-moz-document url-prefix("") {
    .ibe-widget label {
        padding: 9px 15px;
    }
}*/

.ibe-widget label.datepicker {
    position: relative;
}
.datepicker {
    z-index: 999 !important;
    font-size: 18px;
    color: #3a3b40;
    background-color: #fff;
    border-radius: 0;
}
label.datepicker:after {
    display: block;
    position: absolute;
    top: 30%;
    right: 5%;
    font-family: 'FontAwesome';
    content: '\f078';
    font-size: .75em;
    padding: 0 0 0 0.5em;

}
label.datepicker-arrival:after {
    /*top: 30%;
    left: 23%; */
}
label.datepicker-departure:after {
    /*top: 30%;
    right: 47%;*/
}
.datepicker .prev,
.datepicker .next,
.datepicker .datepicker-switch {
    color: rgb( 170, 170, 170 );
}
.datepicker.datepicker-dropdown {
    position: absolute;
    font-size: 14px;
    border: 1px solid #aaa;        
}
.datepicker .day {
    color: rgb( 51, 51, 51 );
}
.datepicker table tr td.today {
    background: rgb(255, 230, 132);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.selected {
	background: rgb( 68, 153, 238 )
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover {
	background: rgb( 205, 236, 250 );
}
.ibe-widget.bottom-fixed {
    position: fixed;
    bottom: 0;
	z-index: 500;
	width: 100%;
}
.ibe-widget.bottom-fixed .container {
	padding: 0
}
.ibe-widget.bottom-fixed form {
	box-shadow: 0 0px 10px rgba( 0, 0, 0, .5 );
}
.ibe-widget .container {
	max-width: 940px;
}
.ibe-widget label,
.ibe-widget #daterange {
	width: 50%;
}
.ibe-widget .col-roomselector,
.ibe-widget .col-button {
	width: 25%;
}
.ibe-widget .btn,
.ibe-widget .datepicker input {
	width: 100%;
}
.ibe-widget .btn {
    padding: 16px 12px 15px;
	font-size: 18px;
	border-radius: 0;
	border: 0;
	font-weight: 300;
}
.ibe-widget.top .btn {
    padding: 18px 12px;
}
.slider-half .ibe-widget .btn {
    padding: 16px 12px 15px;
	font-size: 18px;
	border-radius: 0;
	border: 0;
	font-weight: 300;
}

.ibe-widget .datepicker input {
	padding: 0;
	border: 0;
	color: #3a3b40;
	text-align: left;
	background: transparent;
	cursor: pointer;
}
.ibe-widget .select2-container--default .select2-selection--single {
	border: 0;
	border-radius: 0;
}
.form-control::-moz-placeholder {
	color: #3a3b40;
	opacity:  1;
}
.form-control:-ms-input-placeholder {
	color: #3a3b40;
}
.form-control::-webkit-input-placeholder {
	color: #3a3b40;
}
.page{
	font-size: 15px;
	line-height: 1.7;
}
#pg-17-5 .mirabell-row{
	margin-bottom: 32px;
}
.df_container_roomconfig {
	position: relative;
	z-index :50;
}
.df_container_roomconfig button {
	border:1px solid #b9b9b9;
	border-radius:4px;
	background: #fff;

}
#js_dealform_extRooms {
	position: absolute;
	top: 10px;
	right: 0;
	width: 100%;
	padding: 5px 15px 10px;
	font-size: 12px;
	border-radius: 4px;
	color: #9b9b9b;
	background: #fff;
	box-shadow: 3px 3px 10px rgba( 0, 0, 0, .5);
}
@media (min-width: 550px) {
	#js_dealform_extRooms {
		width: 500px;
	}
}

#js_dealform_extRooms:after {
	content: "";
    display: block;
    position: absolute;
    right: 3%;
    bottom: 100%;
    margin-left: 1px;
    width: 0px;
    height: 0px;
    border-bottom: 8px solid #fff;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
}
.room_row {
	margin-bottom: 10px;
	padding-bottom: 10px;
    border-bottom: 1px solid #b9b9b9;
}

.df_container_roomconfig .row {
	margin-left: 0;
	margin-right: 0;
}
.col-xs-3.room_child_container,
.col-sm-3.adults,
.col-sm-3.childs,
.col-sm-6.ages {
	padding-left: 0;
}
.col-sm-6.ages {
	padding-right: 0;
}
@media (max-width: 550px) {
	.col-xs-3.adults,
	.col-xs-3.childs {
		width: 20%;
	}
	.col-xs-6.ages {
		width: 60%;
	}
}
@media (max-width: 480px) {
	.col-xs-3.adults,
	.col-xs-3.childs {
		width: 50%;
	}
	.col-xs-6.ages {
		width: 100%;
	}
}
.label-df-select {
	display: block;
}
.df_container_roomconfig select {
	width: 100%;
	border-radius: 4px;
	background: #fff;
}
.df_container_roomconfig select.error {
	border-color: #fbb;
}
.df_container_roomconfig .close_icon {
	cursor: pointer;
}
.room_children_container>span.hidden {
	display: none;
}
.room_children_container .multi,
.room_children_container .single {
	display: block;
}
.card-hotel {
	max-width: 460px;
	margin: auto;
	box-shadow: 0 0 20px 5px rgba( 38, 38, 38, .75 );
	border-radius: 4px;
}
.card-hotel.metropol {
	margin-bottom: 40px;
}
@media (min-width: 768px) {
	.card-hotel.metropol {
		float: right;
		margin-bottom: 0;
	}
	.card-hotel.mirabell {
		float: left;
	}
}
.card-header {
	padding: 20px;
	border-radius: 4px 4px 0 0;
	font-size: 30px;
	line-height: 1.267;
	color: #000;
	background-color: rgba( 255, 255, 255, 1 );
}
.blog-25 .card-header,
.blog-26 .card-header,
.blog-25 .card-footer,
.blog-26 .card-footer {
	color: #fff;
	background-color: rgba( 177, 177, 177, .6 );
}
.card-header .headline-m {
	margin: 0;
	font-weight: 600;
}
.metropol .card-header .headline-m {
	color: #88b934;
}
.mirabell .card-header .headline-m {
	color: #e2007a;
}
.card-header .claim {
	width: 100%;
}
.card-header .btn {
	float: right;
}
@media (min-width: 1200px) {
	.card-header .claim {
		width: 71%;
		display: inline-block;
	}
	.card-header .btn {
		float: none;
	}
}
.card-footer {
	color: #000;
	background: rgba( 255, 255, 255, 1 );
	border-radius: 0 0 4px 4px;
}
.card-footer a {
	color: #fff;
}
.card-footer .address {
	padding: 25px 20px;
}
.card-footer .address p {
	display: inline-block;
	font-size: 15px;
	line-height: 1.2;
}
.card-footer .map-marker {
	display: inline-block;
	height: 50px;
	width: 33px;
	margin: 0 14px 0 0;
	content: ' ';
}
.body-mprivat .card-footer .map-marker path {
	fill: #fff;
}
.card-offer {
	margin-right: 15px;
	margin-left: 15px;

}

@media (min-width: 992px) {
	.card-offer {
		display:flex;
		overflow: hidden;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		padding-right: 15px;
		padding-left: 15px;
	}
	.card-offer:nth-child( even ) {
		flex-direction: row-reverse
	}
	.card-offer .card-half {
		width: 50%;
		padding-right: 0;
		padding-left: 0;
	}
}
.card-offer .colored {
	position: relative;
	background: #efefef;
}
.body-metropol .card-offer .colored {
	background: #88b934;
}
.body-mirabell .card-offer .colored {
	background: #e2007a;
}
.body-metropol .card-half.colored a,
.body-mirabell .card-half.colored a {
    color: #fff;
}
.card-offer .image {
	position: relative;
	vertical-align: bottom;
	min-height: 320px;
	background-repeat: no-repeat;
	background-size: cover;
}
.card-offer .image-text {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0 40px 40px;
	color: #fff;
	text-shadow: 1px 2px 3px #000;
}
.card-offer .image-text.shaded {
	padding-top: 20px;
	background-color: rgba( 0, 0, 0, .3 );
}
@media (min-width: 768px) {
	.card-offer .image-text {
		max-width: none;
	}
}

.card-offer .image-text .btn{
	text-shadow: none;
}
.card-offer .image-text .headline-m {
	margin: 0 0 10px;
	line-height: 1;
	font-weight: 300;
}
.card-offer .text {
	padding: 40px
}
.downloads,
.links,
.faq,
.row-dropdown .accordion {
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}
.downloads li,
.faq li {
	margin-bottom: 15px;
	border-radius: 4px;
	background: #3a3b40;
}
.downloads a {
	display: block;
	line-height: 50px;
	color: #fff;
	background: url('../img/icon-download.svg') no-repeat;
	background-size: 27px 27px;
	background-position: 97% 50%;
}
.downloads a:hover {
	text-decoration: none;
}
.downloads a[href*=".pdf"]:before {
	display: inline-block;
	height: 30px;
	width: 30px;
	margin: 0 14px -10px 8px;
	content: ' ';
	background: url('../img/icon-file-pdf.svg') no-repeat;
	background-size: 30px 30px;
}
.faq .keyword,
.faq .answer {
	padding: 0 20px;
}
.faq .keyword,
.row-dropdown .keyword {
	margin: 0;
	font-size: 16px;
	line-height: 50px;
	font-weight: 300;
	background: url('../img/chevron-down.svg') no-repeat;
	background-size: 30px 30px;
	background-position: 97% 50%;
}
.row-dropdown .keyword {
	margin: 0 0 18px;
	font-weight: 600;
	line-height: 1.25;
	background-position: 100% 50%;
}
.faq .open .keyword,
.row-dropdown .open .keyword {
	background-image: url('../img/chevron-up.svg');
}
.faq .open .answer {
	padding-bottom: 25px;
}
.js .faq [data-content] {
    max-height: 0;
	overflow: hidden
}
.container-dropdown section.row {
	margin-bottom: 0;
}

.noheadline section.row {
	margin-top: 15px;
}
.dropdown {
	padding: 20px 25px 0;
	border-radius: 4px;
}
.dropdown.open {
	padding-bottom: 25px;
}
.dropdown .card {
	margin: 0 0 15px;
	font-size: 14px;
	background: #fff;
}
.dropdown .card .img-wrapper {
	min-height: 160px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width: 992px) {
	.dropdown .card {
		display: flex;
		flex-wrap: nowrap;
	}
	.dropdown .card .img-wrapper {
		display: flex;
		flex: 0 0 250px;
	}
}
.dropdown .card .txt-wrapper {
	flex: 1;
	padding: 15px 25px;
}

.dropdown .card .btn-wrapper {
	display: flex;
    flex-direction: column;
    align-items:flex-start;
	padding: 0 15px 15px 0;
}
.dropdown .card .btn-wrapper .btn{
	align-self: flex-end;
	margin-top: auto;
}

.row-dropdown .card h3 {
	margin: 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
}

.slider-rooms {
	margin-top: 25px;
}
.roomname {
	margin-top: 0;
}
.row-teaser .headline-s,
.row-teaser .headline-m {
	font-size: 24px;
	font-weight: 300;
}
.row-teaser .headline-s span,
.row-teaser .headline-m span {
    display: inline-block;
    margin-top: 10px;
}
.row-teaser .img-responsive {
	display: inline-block;
	margin-top: -10px;
}
.row-infoboxes .headline-xl,
.row-infoboxes .headline-l,
.row-infoboxes .headline-s {
	margin-bottom: 40px;
}
.hero-unit {
	position: relative;
	overflow: hidden;
}
.body-mprivat .hero-unit {
	margin-top: 160px;
	margin-bottom: 20px;
}
.hero-unit .wrapper-headline {
	display: flex;
    flex-direction: column;
/*	max-width: 940px;*/
    margin: 200px auto 160px;
	font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 991px) {
	.hero-unit .wrapper-headline {
		max-width: 728px;
	}
}
@media (max-width: 479px) {
	.hero-unit .wrapper-headline {
		max-width: none;
	}
}



.hero-heading {
	margin-top: 0px;
	margin-bottom: 8px;
    font-size: 50px;
    line-height: 54px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
	animation: fadeInHeadlines 1s;
}
.hero-subheading {
    margin-bottom: 5%;
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: uppercase;
	animation: fadeInHeadlines 1s;
}
@media (max-width: 767px) {
	.hero-heading {
		margin-bottom: 0px;
		font-size: 42px;
	}
	.hero-subheading {
		font-size: 16px;
	}
}
@media (max-width: 479px) {
	.hero-heading {
		margin-bottom: 8px;
		line-height: 46px;
	}
	.hero-subheading {
		margin-bottom: 14px;
		line-height: 24px;
	}
}
@keyframes fadeInHeadlines {
    from {
		opacity: 0;
		transform: translate( 0px, 50px );
	}
    to {
		opacity: 1;
		transform: translateX( 0px ) translateY( 0px ) translateZ( 0px );
	}
}
/* Firefox < 16 */
@-moz-keyframes fadeInHeadlines {
    from {
		opacity: 0;
		transform: translate( 0px, 50px );
	}
    to {
		opacity: 1;
		transform: translateX( 0px ) translateY( 0px ) translateZ( 0px );
	}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeInHeadlines {
    from {
		opacity: 0;
		transform: translate( 0px, 50px );
	}
    to {
		opacity: 1;
		transform: translateX( 0px ) translateY( 0px ) translateZ( 0px );
	}
}
/* Internet Explorer */
@-ms-keyframes fadeInHeadlines {
    from {
		opacity: 0;
		transform: translate( 0px, 50px );
	}
    to {
		opacity: 1;
		transform: translateX( 0px ) translateY( 0px ) translateZ( 0px );
	}
}
/* Opera < 12.1 */
@-o-keyframes fadeInHeadlines {
    from {
		opacity: 0;
		transform: translate( 0px, 50px );
	}
    to {
		opacity: 1;
		transform: translateX( 0px ) translateY( 0px ) translateZ( 0px );
	}
}
.slider-full .jumper img {
	display: inline-block;
	height: 42px;
	width: 42px;
	-webkit-animation: fadeInJumper 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeInJumper 1s; /* Firefox < 16 */
        -ms-animation: fadeInJumper 1s; /* Internet Explorer */
         -o-animation: fadeInJumper 1s; /* Opera < 12.1 */
            animation: fadeInJumper 1s;
}

@keyframes fadeInJumper {
    from {
		opacity: 0;
		transform: translate(0px, -50px);
	}
    to   {
		opacity: 1;
		transform: translateX(0px) translateY(0px) translateZ(0px);
	}
}
/* Firefox < 16 */
@-moz-keyframes fadeInJumper {
    from {
		opacity: 0;
		transform: translate(0px, -50px);
	}
    to   {
		opacity: 1;
		transform: translateX(0px) translateY(0px) translateZ(0px);
	}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeInJumper {
    from {
		opacity: 0;
		transform: translate(0px, -50px);
	}
    to   {
		opacity: 1;
		transform: translateX(0px) translateY(0px) translateZ(0px);
	}
}
/* Internet Explorer */
@-ms-keyframes fadeInJumper {
    from {
		opacity: 0;
		transform: translate(0px, -50px);
	}
    to   {
		opacity: 1;
		transform: translateX(0px) translateY(0px) translateZ(0px);
	}
}
/* Opera < 12.1 */
@-o-keyframes fadeInJumper {
    from {
		opacity: 0;
		transform: translate(0px, -50px);
	}
    to   {
		opacity: 1;
		transform: translateX(0px) translateY(0px) translateZ(0px);
	}
}






.wrapper-pageheadline {
	margin-bottom: 40px;
}
.wrapper-pageheadline .headline,
.wrapper-pageheadline .subheadline {
	margin-bottom: 0;
}

#map {
	min-height: 500px;
	width: 100%;
	margin: 0;
	padding: 0;
}
.row-map.row-colored {
	margin-left: 0;
    margin-right: 0;
}
.row-map.row-colored .col-md-6{
	padding-left: 0;
    padding-right: 0;
}
.row-colored {
	background: #3a3b40;
}
.row-map .col-map-txt {
	margin-top: 40px;
}
.row-map.row-colored .col-map-txt {
	margin-top: 0;
	padding: 40px;
}
.row-colored .col-map-txt .headline-l,
.row-colored .col-map-txt .headline-m {
	margin-top: 0
}

.col-roomdesc h4 {
	line-height: 1.5;
}
.wrapper-button {
	margin-top: 30px;
}
.gm-style-iw {
	color: #3a3b40;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.album-picture {
	display: block;
	margin-bottom: 20px;
	padding: 5px;
    border: 1px solid #a9a9a9;
	background-color: #fff;
	overflow: hidden;
}
.slider-rooms .slides {
	overflow: hidden;
}

.slider-rooms .slides a img.imagehover,
.album-picture img.imagehover {
	-webkit-transition: all .75s ease; /* Safari and Chrome */
 	   -moz-transition: all .75s ease; /* Firefox */
	    -ms-transition: all .75s ease; /* IE 9 */
 	     -o-transition: all .75s ease; /* Opera */
	transition: all .3s ease;
}
.slider-rooms .slides a:hover img.imagehover,
.album-picture img:hover.imagehover{
	-webkit-backface-visibility: hidden;
            backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.1); /* Safari and Chrome */
	   -moz-transform: scale(1.1); /* Firefox */
	    -ms-transform: scale(1.1); /* IE 9 */
	     -o-transform: translateZ(0) scale(1.1); /* Opera */
	        /*transform: translateZ(0) scale(1.1);*/
	        transform:  scale(1.1);
}
.img-caption {
	position: relative;
	padding: 0 5px
}
.caption-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 10px;
    color: #fff;
    text-shadow: 1px 2px 3px #000;
	background: rgba( 0, 0, 0, .3 );
}
.customer-review.odd,
.customer-review .your-reply {
    background: transparent;
}
.customer-review .your-reply {
    box-shadow: none;
}
.body-mirabell .review-rating .rating-percentage,
.body-metropol .review-rating .rating-percentage {
	color: #88b934;
}
.blog-61 .review-rating .rating-percentage,
.blog-62 .review-rating .rating-percentage {
	color: #8a1b04;
}

/*.ibe-widget.affix {
	position: fixed;
	bottom: auto;
	z-index: 50;
	width: 100%;
	padding-bottom: 20px;
}*/
.customer-review .review-summary {
	background: transparent;
}
.customer-reviews + .pagination {
    display: none;
}
@media( max-width: 767px ) {
	.row-picturegallery + .row-picturegallery,
	.row-rooomlist + .row-rooomlist,
	.row-teaser + .row-teaser {
		margin-top: -80px;
	}
}
.page-footer .col-logo {
	margin-bottom: 20px;
}
.page-footer .social-icons-widget ul {
	padding: 0;
}
.parallax {
	height: 50vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax-window {
    min-height: 50vh;
    background: transparent;
}