@charset "UTF-8";
/* ==========================================================================
   Imports
   ========================================================================== */
/**
 * Normalize CSS
 * -------------
 *
 * v1.1.0 | MIT License | git.io/normalize
 */
/* HTML5 display definitions */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

/* Base */
html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
}

/* Links */
a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

/* Typo */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

p,
pre {
    margin: 1em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Lists */
dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* Embedded content */
img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
}

svg:not(:root) {
    overflow: hidden;
}

/* Figures */
figure {
    margin: 0;
}

/* Forms */
form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
}

button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
}

input[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

/* Tables */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**
 * Voucher
 */
#dev:target body {
    background: -webkit-linear-gradient(#999999, white 0.06em, white 0.75em, #eeeeee 0.85em, white 0.85em);
    background-size: 1.5em 1.5em;
}

#dev:target .unit,
#dev:target .lastUnit {
    background: rgba(180, 208, 225, 0.3);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

#dev:target .unit:first-child {
    border: 0;
}

#dev:target .wrapper {
    background: rgba(249, 120, 167, 0.1);
}

@font-face {
    font-family: 'apercuregular';
    src: url('../fonts/apercu-bold-webfont-webfont.eot');
    src:
        url('../fonts/apercu-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/apercu-bold-webfont-webfont.woff') format('woff'),
        url('../fonts/apercu-bold-webfont-webfont.ttf') format('truetype'),
        url('../fonts/apercu-bold-webfont-webfont.svg#apercubold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'apercuregular';
    src: url('../fonts/apercu-regular-webfont-webfont.eot');
    src:
        url('../fonts/apercu-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/apercu-regular-webfont-webfont.woff') format('woff'),
        url('../fonts/apercu-regular-webfont-webfont.ttf') format('truetype'),
        url('../fonts/apercu-regular-webfont-webfont.svg#apercuregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'droid_serifitalic';
    src: url('../fonts/droidserif-italic-webfont.eot');
    src:
        url('../fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/droidserif-italic-webfont.woff') format('woff'),
        url('../fonts/droidserif-italic-webfont.ttf') format('truetype'),
        url('../fonts/droidserif-italic-webfont.svg#droid_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   Base Styles
   ========================================================================== */
/**
 * Baseline Font
 */
body {
    /* Based off font-size: 100% == 16px */
    /* 14px */
    font:
        81.5%/1.5 'Lucida Sans Unicode',
        'Lucida Grande',
        sans-serif;
}

.sidenote p {
    font-size: 0.75em;
    line-height: 2em;
    margin: 0 0 2em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    text-transform: uppercase;
    /* Strong text inside headlines is blocked by default */
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-weight: bold;
    display: block;
}

h1 {
    line-height: 1.5em;
    font-size: 1.3em;
    margin: 0em 0 0.75em 0;
    margin-bottom: 0;
}

h2 {
    font-size: 1.2em;
    margin: 1em 0 1em;
    margin-top: 0;
    text-transform: inherit;
    font-family: 'droid_serifitalic';
    font-weight: normal;
}

@media only screen and (min-width: 1182px) {
    .hidden h2 {
        margin-bottom: 0;
    }
}
h3,
h4 {
    line-height: 1.5em;
    font-size: 1em;
    margin: 1.5em 0 1.5em;
}

h5,
h6 {
    line-height: 1.5em;
    font-size: 1em;
    margin: 1.5em 0 1.5em;
    padding-top: 0;
}

p {
    margin: 0 0 0.5em 0;
    padding: 0;
}

ul,
ol,
pre {
    padding: 0;
    margin: 0 0 1.5em;
}

/**
 * Typografie
 */
/**
 * Create a large, small or serif text block by extending '.line' or '.unit' (or by creating a surrounding element) with class '.txt-lrg', '.txt-sml' or 'txt-srf'.
   <div class="txt-lrg / txt-sml / txt-srf">
       <h1>Nam gravida iaculis.</h1>
       <p>
       Fusce rutrum nulla eget sapien semper pretium.
       </p>
       <h2>...</h2>
   </div>
 */
.txt-lrg h1,
.txt-lrg h2 {
    line-height: 1.5em;
    font-size: 3em;
    margin: 0 0 0 0;
}

.txt-lrg p,
.txt-lrg ul,
.txt-lrg ol {
    line-height: 1.5em;
    font-size: 2em;
    margin: 0.75em 0 0.75em 0;
    font-weight: 300;
}

.txt-sml h1,
.txt-sml h2 {
    line-height: 1.5em;
    font-size: 1em;
    margin: 1.5em 0 1.5em 0;
}

.txt-sml p,
.txt-sml ul,
.txt-sml ol {
    line-height: 2em;
    font-size: 0.75em;
    margin: 1em 0 1em 0;
}

.txt-srf p,
.txt-srf ul,
.txt-srf ol {
    font-family: 'droid_serifitalic';
}

.txt-rgt {
    text-align: right;
}

.txt-cnt {
    text-align: center;
}

/**
 * Links
 */
a {
    color: #3c3c46;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
a:hover {
    text-decoration: underline;
    color: #000;
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
}

.content a {
    text-decoration: underline;
}
.content a:hover {
    text-decoration: none;
}

/**
 * Blockquotes
 */
q {
    quotes: '“' '”' '‘' '’';
}

q:before {
    content: '“';
    content: open-quote;
}

q:after {
    content: '”';
    content: close-quote;
}

q q:before {
    content: '‘';
    content: open-quote;
}

q q:after {
    content: '’';
    content: close-quote;
}

blockquote {
    quotes: '“' '”';
    position: relative;
    border-left: 1px solid #ccc;
    padding-left: 10px;
}

blockquote:before {
    content: '“';
    content: open-quote;
    position: absolute;
    line-height: 0;
    top: 0.9em;
    left: -0.7em;
    font-size: 2em;
    opacity: 0.3;
}

.source {
    display: block;
    text-indent: 10px;
    font-family: sans-serif;
}

.source:before {
    content: '—';
}

/**
 * Forms
 */
fieldset {
    padding: 1.5em;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5em;
}

label {
    display: block;
}

legend {
    font-weight: bold;
}

input[type='radio'],
input[type='checkbox'] {
    position: relative;
    top: -1px;
    margin-right: 0.2em;
    margin-left: 0.2em;
}

textarea {
    width: 100%;
    height: 3em;
}

.text-input {
    /* With the advent of various HTML5 input types (email, url, etc) input[type=text] is no longer suitable for for styling non-textearea text-inputs. Use .text-input instead. */
    float: right;
    width: 60%;
}

label,
input[type='radio'],
input[type='checkbox'] .btn {
    cursor: pointer;
}

.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
    cursor: text;
}

.widget:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    clear: both;
}

/* A class of .check-list can be added to a <ul> to create a multi-column list of inputs. */
.check-list {
    width: 100%;
    overflow: hidden;
    list-style: none;
    margin-left: 0;
}

.check-list li {
    width: 50%;
    float: left;
    margin-bottom: 1.5em;
}

.check-list li:nth-last-child(1),
.check-list li:nth-last-child(2) {
    margin-bottom: 0;
}

fieldset > :last-child {
    /* Remove the margin from the last element in the fieldset--this makes our padding more consistent. */
    margin-bottom: 0;
}

/**
 * Media & Images
 */
object,
embed,
video,
img {
    max-width: 100%;
    height: auto;
    margin-bottom: 0.75em;
}

img {
    max-width: 100%;
    /* Give it some text styles to offset alt text */
    color: #c00;
    display: block;
    vertical-align: text-bottom;
}

img.left {
    margin: 0 1.5em 0 0;
}

img.right {
    margin: 0 0 0 1.5em;
}

/**
 * Selection
 */
::selection {
    background: #b70d1d;
    /* Safari etc */
}

::-moz-selection {
    background: #b70d1d;
    /* Firefox */
}

/* ==========================================================================
   Modules
   ========================================================================== */
/**
 * Grid
 * ----
 *
 * Structuring content via Nicole Sullivans OOCSS (» http://oocss.org/)
 *
 * Classes:
   .size1of1
   .size1of2
   .size1of3, .size2of3
   .size1of4, .size3of4
   .size1of5, .size2of5, .size3of5, .size4of5

 * Syntax:
   <div class="line">
       <div class="unit [unitRight] size1of2"></div>
       <div class="lastUnit size1of2"></div>
   </div>
 */
.unit,
.lastUnit {
    margin-bottom: 1.5em;
}

@media only screen and (min-width: 600px) {
    .line,
    .lastUnit {
        overflow: hidden;
        *overflow: visible;
        *zoom: 1;
    }

    .unit {
        float: left;
    }

    .unitRight {
        float: right;
    }

    .lastUnit {
        float: none;
        width: auto;
        _position: relative;
        _left: -3px;
        _margin-right: -3px;
    }

    .size1of1 {
        float: none;
    }

    .size1of2 {
        width: 50%;
    }

    .size1of3 {
        width: 33.33333%;
    }

    .size2of3 {
        width: 66.66666%;
    }

    .size1of4 {
        width: 25%;
    }

    .size3of4 {
        width: 75%;
    }

    .size1of5 {
        width: 50%;
    }

    .size2of5 {
        width: 50%;
    }

    .size3of5 {
        width: 50%;
    }

    .size4of5 {
        width: 50%;
    }
}
@media only screen and (min-width: 768px) {
    .size1of5 {
        width: 33.33333%;
    }

    .size2of5 {
        width: 33.33333%;
    }

    .size3of5 {
        width: 66.66666%;
    }

    .size4of5 {
        width: 66.66666%;
    }
}
@media only screen and (min-width: 992px) {
    .size1of5 {
        width: 20%;
    }

    .size2of5 {
        width: 40%;
    }

    .size3of5 {
        width: 60%;
    }

    .size4of5 {
        width: 80%;
    }
}
.unit,
.lastUnit {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}

/**
 * Throw any 'ul' or 'ol' into horizontal mode, as per csswizardry.com/2011/09/the-nav-abstraction.
   <ul class=nav>
       <li><a href=/>Home</a></li>
       ...
       <li><a href=/contact>Contact</a></li>
   </ul>
 */
.nav {
    list-style: none;
    margin-left: 0;
}

.nav > li,
.nav > li > a {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

/**
 * Create a vertically stacked nav by extending '.nav' with '.stacked'.
   <ul class="nav stacked">
       <li><a href=/>Home</a></li>
       ...
       <li><a href=/contact>Contact</a></li>
   </ul>
 */
.stacked > li {
    display: list-item;
}

.stacked > li > a {
    display: block;
}

/**
 * Create a seperated nav by extending '.nav' with '.breadcrumb'.
 * Home | Work | Contact
   <ul class="nav breadcrumb">
       <li><a href=/>Home</a></li>
       ...
       <li><a href=/contact>Contact</a></li>
   </ul>
 */
.separated li:before {
    content: '| ';
    position: relative;
    top: -1px;
    opacity: 0.3;
}

.separated li:first-child:before {
    content: normal;
}

/**
 * Create a breadcrumb nav by extending '.nav' with '.breadcrumb'.
 * Home ⟩ Work ⟩ Contact
   <ul class="nav breadcrumb">
       <li><a href=/>Home</a></li>
       ...
       <li><a href=/contact>Contact</a></li>
   </ul>
 */
.breadcrumb li:before {
    content: '⟩ ';
    position: relative;
    top: -1px;
    opacity: 0.5;
}

.breadcrumb li:first-child:before {
    content: normal;
}

/**
 * Button
 */
.btn {
    font: inherit;
    /* Normalise fonts across <a>s and form buttons. */
    text-decoration: none;
    /* Normalise hover behaviour. */
    cursor: pointer;
    /* Normalise hover behaviour. */
    border: none;
    /* Normalise border styles (or lack thereof). */
    /*line-height:1;            Remove line-height so we can size with padding. */
    display: inline-block;
    /* Normalise display state. */
    margin: 0;
    /* Cosmetics */
    padding: 0em 0.5em;
    /* Set in ems so we can scale buttons up with font-size alone. */
    color: #fff;
    font-weight: bold;
    background-color: #266534;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s;
    transition: background-color 0.3s ease-in-out 0s;
    text-transform: uppercase;
}

.btn:hover {
    background-color: #fecd00;
    color: #fff;
    -webkit-transition: background-color 0.1s ease-in-out 0s;
    -moz-transition: background-color 0.1s ease-in-out 0s;
    transition: background-color 0.1s ease-in-out 0s;
    text-decoration: none;
}

.btn-sml {
    font-size: 0.75em;
}

.btn-lrg {
    font-size: 1.75em;
    margin-bottom: 0.25em;
    border-radius: 6px;
}

.btn-spr {
    font-size: 2.5em;
    border-radius: 10px;
    margin-right: 0.2em;
}

.btn-secondary,
.btn-secondary:visited {
    background: #880916;
    color: #fff;
}

.btn-secondary:hover {
    background-color: #fecd00;
}

/**
 * Schnellanfrage
 */
.quick-request {
    display: none;
}
@media only screen and (min-width: 1182px) {
    .quick-request {
        position: fixed;
        display: block;
        left: 0;
        right: 0;
        bottom: 0;
        background: #880916;
        text-transform: uppercase;
        color: #fff;
        padding: 10px 0;
        z-index: 201;
    }
}

.quick-request li:first-child {
    padding-left: 0;
}

.quick-request li:last-child {
    padding-right: 0;
}

.quick-request ul {
    margin: 0;
}

.quick-request li {
    display: inline-block;
    padding: 0 0 0 3em;
}

.quick-request input {
    width: 100px;
    margin-left: 0.5em;
    background: #fff;
    -webkit-appearance: none;
    border: 0;
    font-family: 'apercuregular', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
}

.quick-request button[type='submit'] {
    width: 100px;
    margin-left: 0.5em;
    -webkit-appearance: none;
    border: 0;
    color: #fff;
}

.arrival {
    background: url(../images/request-spr.png) no-repeat 20px 4px;
}

.email {
    background: url(../images/mail.png) no-repeat 20px 4px;
}

.overnight {
    background: url(../images/request-spr.png) no-repeat 20px -37px;
}

.adults {
    background: url(../images/request-spr.png) no-repeat 20px -77px;
}

.quick-request .inquiry {
    padding: 0;
}
.quick-request .inquiry input {
    color: #000;
    font-weight: bold;
    background: #fecd00;
    width: 100%;
}

/* ==========================================================================
   Plugins
   ========================================================================== */
/* ==========================================================================
   Datepicker
   ========================================================================== */
/*! jQuery UI - v1.10.2 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: '';
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: white url(../images/ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

.ui-widget-content a {
    color: #222222;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url(../images/ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.ui-widget-header a {
    color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(../images/ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url(../images/ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: white url(../images/ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(../images/ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(../images/ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(../images/ui/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(../images/ui/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(../images/ui/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../images/ui/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(../images/ui/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(../images/ui/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(../images/ui/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(../images/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(../images/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
}

/* ==========================================================================
   Lightbox
   ========================================================================== */
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 502;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 503;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    height: 100%;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: white;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 60px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #000;
    right: 4px;
    text-align: left;
    padding-right: 6px;
    width: 15%;
    top: 7px;
    background: url(../images/flex_close.png) no-repeat;
    text-indent: -9999em;
    height: 60px;
}
@media only screen and (min-width: 1182px) {
    .mfp-image-holder .mfp-close,
    .mfp-iframe-holder .mfp-close {
        color: #000;
        right: 11px;
        text-align: left;
        width: 16.6%;
        top: -40px;
    }
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    top: 0;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}

.mfp-iframe-holder .mfp-close {
    top: -43px;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 70%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    font-style: italic;
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
   * Remove all paddings around the image on small screen
   */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    /* The shadow behind the image */
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
}
@media all and (max-width: 800px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}
.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

/* Custom Styling Magnific Popup */
.mfp-arrow.mfp-prevent-close {
    background: transparent url(../images/flex_nav_right.png) no-repeat center center;
    opacity: 1;
    height: 70px;
    width: 70px;
}
@media only screen and (min-width: 1182px) {
    .mfp-arrow.mfp-prevent-close {
        height: 70px;
        width: 70px;
    }
}

.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
    background: transparent url(../images/flex_nav_left.png) no-repeat center center;
    position: absolute;
    left: 18%;
}

.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
    position: absolute;
    right: 18%;
}

@media only screen and (min-width: 1182px) {
    img.mfp-img {
        padding: 5px;
        background: #fff;
    }
}

.mfp-bg {
    background: #266534;
}

.mfp-counter {
    display: none;
    color: #000;
    font-size: 14px;
}
@media only screen and (min-width: 1182px) {
    .mfp-counter {
        top: 40px;
    }
}

.mfp-title {
    color: #fff;
    position: absolute;
    left: 15%;
}
@media only screen and (min-width: 1182px) {
    .mfp-title {
        color: #fff;
        left: 18%;
        top: -10px;
        position: absolute;
    }
}

/* ==========================================================================
   Layout Styles
   ========================================================================== */
/**
 * Body mit verschiedenen bg-images
 */
@media only screen and (min-width: 1182px) {
    body {
        background-image: url(../images/backgrounds/home.jpg);
        background-repeat: no-repeat;
        background-position: 200px 100px;
        background-size: contain;
        background-attachment: fixed;
        background-position: 17em 10em !important;
    }
}

@media only screen and (min-width: 1182px) {
    body.erholungsurlaub-landhotel-1 {
        background-image: url(../upload/startseite/startseite-1.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.erholungsurlaub-landhotel-2 {
        background-image: url(../upload/startseite/startseite-2.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.erholungsurlaub-landhotel-3 {
        background-image: url(../upload/startseite/startseite-3.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.erholungsurlaub-landhotel-4 {
        background-image: url(../upload/startseite/startseite-4.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.erholungsurlaub-landhotel-5 {
        background-image: url(../upload/startseite/startseite-5.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.erholungsurlaub-landhotel-6 {
        background-image: url(../upload/startseite/startseite-6.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.erholungsurlaub-landhotel-7 {
        background-image: url(../upload/startseite/startseite-7.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.erholungsurlaub-landhotel-8 {
        background-image: url(../upload/startseite/startseite-8.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.erholungsurlaub-landhotel-9 {
        background-image: url(../upload/startseite/startseite-9.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.erholungsurlaub-landhotel-10 {
        background-image: url(../upload/startseite/startseite-10.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.erholungsurlaub-landhotel-11 {
        background-image: url(../upload/startseite/startseite-11.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.hotel-zimmer {
        background-image: url(../images/backgrounds/hotel-zimmer.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.restaurant {
        background-image: url(../images/backgrounds/restaurant.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.familien-feiern {
        background-image: url(../images/backgrounds/familien-feiern.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.tagung-seminar {
        background-image: url(../images/backgrounds/tagung-seminar.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.preise-angebote {
        background-image: url(../images/backgrounds/preise-angebote.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.wellness-badnatur {
        background-image: url(../images/backgrounds/wellness-badnatur.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.aktivitaeten-ausfluege {
        background-image: url(../images/backgrounds/aktivitaeten-ausfluege.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.wandern-radtouren {
        background-image: url(../images/backgrounds/wandern-radtouren.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.gruppenreisen {
        background-image: url(../images/backgrounds/gruppenreisen.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.motorrad-gruppenreisen {
        background-image: url(../images/backgrounds/motorrad-gruppenreisen.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.buchen {
        background-image: url(../images/backgrounds/buchen.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.impressum {
        background-image: url(../images/backgrounds/impressum.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.agb {
        background-image: url(../images/backgrounds/agb.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.hausprospekt {
        background-image: url(../images/backgrounds/hausprospekt.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.presse {
        background-image: url(../images/backgrounds/presse.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.jobs-ausbildung {
        background-image: url(../images/backgrounds/jobs-ausbildung.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.mitarbeiter {
        background-image: url(../images/backgrounds/mitarbeiter.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.auszeichnungen {
        background-image: url(../images/backgrounds/auszeichnungen.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.geschenkideen-gutscheine {
        background-image: url(../images/backgrounds/geschenkideen-gutscheine.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.kontakt {
        background-image: url(../images/backgrounds/kontakt.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.newsletter {
        background-image: url(../images/backgrounds/newsletter.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.jetzt-anfragen {
        background-image: url(../images/backgrounds/jetzt-anfragen.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.gruppenanfrage {
        background-image: url(../images/backgrounds/gruppenanfrage.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.tagungsanfrage {
        background-image: url(../images/backgrounds/tagungsanfrage.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.tagungskalkulator {
        background-image: url(../images/backgrounds/tagungskalkulator.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.agb {
        background-image: url(../images/backgrounds/agb.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.hausprospekt {
        background-image: url(../images/backgrounds/hausprospekt.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.impressum {
        background-image: url(../images/backgrounds/impressum.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.presse {
        background-image: url(../images/backgrounds/presse.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.jobs-ausbildung {
        background-image: url(../images/backgrounds/jobs-ausbildung.jpg);
    }
}

@media only screen and (min-width: 1182px) {
    body.bilder-mitarbeiter {
        background-image: url(../images/backgrounds/bilder-mitarbeiter.jpg);
    }
}

.wrapper {
    position: relative;
    max-width: 1182px;
    margin: 0 auto;
    display: block;
}

.logo {
    padding-top: 10px;
    width: 10em;
    height: 7.5em;
    display: block;
}
@media only screen and (min-width: 992px) {
    .logo {
        height: 5em;
    }
}
@media only screen and (min-width: 1182px) {
    .logo {
        height: 3em;
        width: 14em;
    }
}

/**
 * Header
 */
.masthead {
    background: #fff;
    /* fixed header ab */
}
@media only screen and (min-width: 768px) {
    .masthead {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 500;
    }
}

.hide-on-big {
    background: url(../images/backgrounds/erholungsurlaub-landhotel-1.jpg) center center no-repeat;
    background-size: cover !important;
    height: 12em;
}
@media only screen and (min-width: 768px) {
    .hide-on-big {
        margin-top: 12em;
        height: 35em;
        background-position: top;
    }
}
@media only screen and (min-width: 1182px) {
    .hide-on-big {
        display: none;
    }
}

/**
 * different header-image on each side
 */
.hotel-zimmer .hide-on-big {
    background: url(../images/backgrounds/hotel-zimmer.jpg) center center no-repeat;
}

.restaurant .hide-on-big {
    background: url(../images/backgrounds/restaurant.jpg) center center no-repeat;
}

.familien-feiern .hide-on-big {
    background-image: url(../images/backgrounds/familien-feiern.jpg);
}

.tagung-seminar .hide-on-big {
    background-image: url(../images/backgrounds/tagung-seminar.jpg);
}

.wellness-badnatur .hide-on-big {
    background-image: url(../images/backgrounds/wellness-badnatur.jpg);
}

.wandern-radtouren .hide-on-big {
    background-image: url(../images/backgrounds/wandern-radtouren.jpg);
}

.motorrad-gruppenreisen .hide-on-big {
    background-image: url(../images/backgrounds/motorrad-gruppenreisen.jpg);
}

.buchen .hide-on-big {
    background-image: url(../images/backgrounds/buchen.jpg);
}

.impressum .hide-on-big {
    background-image: url(../images/backgrounds/impressum.jpg);
}

.newsletter .hide-on-big {
    background-image: url(../images/backgrounds/newsletter.jpg);
}

.jetzt-anfragen .hide-on-big {
    background-image: url(../images/backgrounds/jetzt-anfragen.jpg);
}

/**
 * Secondary Navigation
 *
 * Dient in der mobilden Ansicht primär dazu, die .nav-primary einzublenden.
 */
.nav-secondary {
    position: relative;
    left: 15px;
}
@media (min-width: 400px) {
    .nav-secondary {
        position: absolute;
        left: auto;
        top: 0;
        right: 0;
    }
}
@media only screen and (min-width: 768px) {
    .nav-secondary {
        top: 1em;
        left: 21%;
    }
}
@media (min-width: 992px) and (max-width: 1182px) {
    .nav-secondary {
        position: relative;
        top: -1em;
        left: 30%;
    }
}
.nav-secondary a {
    padding: 0 6px;
}
.nav-secondary a {
    color: black;
}

/**
 * Icon-Search
 */
.nav-secondary .icon {
    text-indent: -9999px;
}

.nav-secondary .icon-search {
    background-image: url(../images/icon-spr.png);
    background-position: 15px -302px;
    height: 51px;
    width: 50px;
}
@media only screen and (min-width: 768px) {
    .nav-secondary .icon-search {
        width: 40px;
        height: auto;
        background-position: 0px -317px;
    }
}
@media only screen and (min-width: 1182px) {
    .nav-secondary .icon-search {
        background-position: 0px -315px;
    }
}

/**
 * Icon-Burger
 */
.icon-burger {
    background: #880916 url(../images/arrow_down.png) no-repeat center center;
    background: #880916 url(../images/arrow_down.svg) no-repeat center center;
    height: 51px;
    width: 58px;
    padding: 0 !important;
    background-size: 60%;
}

/**
 * Primary Navigation
 */
.nav-primary {
    display: none;
    padding: 0 10px;
    text-transform: uppercase;
}
.nav-primary li {
    display: block;
}
.nav-primary li:hover {
    -webkit-transition: background-color 0.1s ease-in-out 0s;
    -moz-transition: background-color 0.1s ease-in-out 0s;
    transition: background-color 0.1s ease-in-out 0s;
    background: #fecd00;
}
.nav-primary a {
    color: black;
}
@media only screen and (min-width: 768px) {
    .nav-primary {
        margin-bottom: 1em;
        font-size: 14px;
        display: inline-block;
        float: right;
    }
    .nav-primary li {
        display: inline-block;
        margin-right: -5px;
        border-top: 1px solid #ccc;
    }
    .nav-primary a {
        padding: 0 6px;
        padding-top: 1.5em;
        position: relative;
        top: -2px;
    }
    .nav-primary .active a {
        box-shadow: 0 3px 0 #fecc1f inset;
    }
}

.nav-primary-active {
    display: block;
}

.nav-primary li .active {
    font-weight: bold;
}

/**
 * Orderbuttons
 */
.order-buttons {
    background: #880916;
    position: relative;
}

.order-buttons .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 0.75em;
    width: 50%;
}
.order-buttons .btn:first-child {
    margin-right: -5px;
}

@media only screen and (min-width: 354px) {
    .order-buttons .btn {
        text-align: left;
        background-image: url(../images/icon-spr.png);
        background-position: 0px -101px;
        padding-left: 2.8em;
        background-repeat: no-repeat;
    }
    .order-buttons .btn:hover {
        background-image: url(../images/dot-black.png);
        background-position: 18px center;
    }
}
@media only screen and (min-width: 768px) {
    .order-buttons {
        position: absolute;
        top: 0;
        right: 10px;
    }

    .order-buttons .btn {
        width: inherit;
    }
}
/**
 * Main: Sidebar & Content
 */
@media only screen and (min-width: 600px) and (max-width: 1182px) {
    .sidebar .level_1 {
        display: block !important;
    }
}

.sidebar .level_1 li {
    padding: 10px 0;
}
@media only screen and (min-width: 1182px) {
    .sidebar .level_1 li:hover {
        -webkit-transition: background-color 0.1s ease-in-out 0s;
        -moz-transition: background-color 0.1s ease-in-out 0s;
        transition: background-color 0.1s ease-in-out 0s;
        background: #fecd00;
    }
}

.content {
    margin-top: 1em;
}

.content:first-child {
    margin-top: 3em;
}

@media only screen and (min-width: 1182px) {
    .content p:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1182px) {
    .main .content.hidden p {
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}
.main {
    margin-top: 1.5em;
}
@media only screen and (min-width: 768px) {
    .main {
        margin-top: 3.5em;
    }
}
@media only screen and (min-width: 1182px) {
    .main {
        margin-top: 7em;
        min-height: 72.5em;
    }
}
@media only screen and (min-width: 1182px) {
    .main .sidebar,
    .main .content,
    .main .ce_form {
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: right -1em;
        padding: 1em 2em;
        position: relative;
    }
    .main .sidebar {
        font-size: 12px;
    }
    .main .content.hidden,
    .main .ce_form.hidden {
        padding: 1em 2em 2.5em 2em;
    }
    .main .content.hidden *:not(h1):not(h2):not(.content-text):not(.textcontent):not(hgroup):not(.plus),
    .main .ce_form.hidden *:not(h1):not(h2):not(.content-text):not(.textcontent):not(hgroup):not(.plus) {
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    .main .content .plus,
    .main .content .minus,
    .main .ce_form .plus,
    .main .ce_form .minus {
        padding-top: 3px;
        padding-left: 14px;
        color: #fff;
        background-color: #266534;
        text-align: center;
        background-image: url(../images/gallery-toggle-spr.png);
        background-position: 7px -17px;
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 4em;
        height: 1.7em;
        top: 0.8em;
        right: 2em;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
    .main .content .plus:hover,
    .main .content .minus:hover,
    .main .ce_form .plus:hover,
    .main .ce_form .minus:hover {
        background-color: #fecd00;
    }
    .main .content .minus,
    .main .ce_form .minus {
        background-image: url(../images/gallery-toggle-spr.png);
        background-position: 7px 9px;
    }
}

.plus,
.minus {
    display: none;
}
@media only screen and (min-width: 1182px) {
    .plus,
    .minus {
        display: block;
    }
}

.sidebar {
    text-transform: uppercase;
}
.sidebar a {
    color: black;
}
.sidebar li.active {
    font-weight: bold;
}
@media only screen and (min-width: 1182px) {
    .sidebar {
        display: inline-block;
        margin-top: 3em;
        padding: 1em !important;
    }
}

/**
 * Sidebar-Subnavigation
 */
.level_2 {
    margin: 0;
}

.sidebar .level_2 {
    padding-left: 1em;
}

.sidebar .level_2 li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 10px;
    background: url(../images/dot.png) no-repeat;
    width: 13px;
    height: 14px;
    margin-top: 3px;
}

.sidebar .level_2 li:last-child {
    padding-bottom: 0;
}

.sidebarbox {
    display: none;
    background: #fff;
    margin: 3em 0 0 0;
    padding: 0;
    position: relative;
}
@media only screen and (min-width: 1182px) {
    .sidebarbox {
        display: block;
        padding: 2em;
        margin: 3em 8em 0 0;
    }
    .sidebarbox.sidebar-team,
    .sidebarbox.sidebar-wandern {
        padding: 2em 2em 4em;
    }
}
.sidebarbox img {
    max-width: 100%;
}
.sidebarbox a.button {
    width: 100%;
    background: #880916;
    position: absolute;
    bottom: 0;
    line-height: 1em;
    left: 0;
    color: #fff;
    padding: 1em 3em;
    text-transform: uppercase;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    text-align: left;
    background-image: url(../images/dot.png);
    background-position: 1em center;
    background-repeat: no-repeat;
}
@media only screen and (min-width: 1182px) {
    .sidebarbox a.button {
        background-position: 2em center;
        padding: 1em 0 1em 4em;
    }
}
.sidebarbox.sidebar-schwimmbad strong {
    text-transform: uppercase;
    font-weight: bold;
}
.sidebarbox.sidebar-schwimmbad span.icon {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    background: transparent url(../images/weather.png) 0 0 no-repeat;
    float: right;
}
.sidebarbox.sidebar-schwimmbad.icon-01 span.icon {
    background-position: 0 0;
}
.sidebarbox.sidebar-schwimmbad.icon-02 span.icon {
    background-position: 0 -40px;
}
.sidebarbox.sidebar-schwimmbad.icon-03 span.icon,
.sidebarbox.sidebar-schwimmbad.icon-04 span.icon {
    background-position: 0 -80px;
}
.sidebarbox.sidebar-schwimmbad.icon-09 span.icon {
    background-position: 0 -120px;
}
.sidebarbox.sidebar-schwimmbad.icon-10 span.icon {
    background-position: 0 -160px;
}
.sidebarbox.sidebar-schwimmbad.icon-11 span.icon {
    background-position: 0 -200px;
}
.sidebarbox.sidebar-schwimmbad.icon-13 span.icon {
    background-position: 0 -240px;
}
.sidebarbox.sidebar-schwimmbad.icon-04 span.icon {
    background-position: 0 -280px;
}

/**
 * Content Headline Group
 */
.content hgroup h1 {
    margin-bottom: 0;
    margin-top: 0;
}

.content hgroup h2 {
    margin-top: 0;
    font-family: 'droid_serifitalic';
    text-transform: inherit;
    color: #999;
    font-weight: normal;
}

/**
 * Footer
 */
.mainfooter {
    padding-top: 1em;
    background: #fff;
}

.footer-nav {
    text-align: center;
}
.footer-nav .unit {
    text-align: left;
}

.footer-nav ul,
.footer-nav p {
    text-transform: uppercase;
    font-size: 85%;
}

.mainfooter a {
    color: black;
}

.break-grid > .unit,
.break-grid > .lastUnit {
    padding: 0;
}
@media only screen and (min-width: 600px) {
    .break-grid > .unit,
    .break-grid > .lastUnit {
        width: 100%;
    }
}
@media only screen and (min-width: 992px) {
    .break-grid > .unit,
    .break-grid > .lastUnit {
        width: 50%;
    }
}

.footer-nav h3 {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.5em;
}
@media only screen and (min-width: 600px) {
    .footer-nav h3 {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
    }
}

.arrow-list {
    list-style: none;
}

.icon-social {
    background-image: url(../images/icon-spr.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-indent: -9999px;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s;
    transition: background-color 0.3s ease-in-out 0s;
}
.icon-social:hover {
    background-color: #fecd00;
}

.icon-social-facebook {
    background-position: center -5px;
    background-color: #3b5998;
}

.icon-social-vimeo {
    background-position: center -54px;
    background-color: #880916;
}

.slogan {
    margin: 0;
    background: #f5f5f5;
    padding: 20px 0;
    text-align: center;
}
@media only screen and (min-width: 1182px) {
    .slogan {
        padding: 20px 0 100px 0;
    }
}

.slogan h3 {
    font-size: 175%;
    margin-bottom: 0;
}

.slogan p {
    font-size: 112.5%;
    text-transform: normal;
}

/**
 * Galerie
 **/
.content-gallery {
    *zoom: 1;
    position: relative;
    padding: 1em;
    background: #266534;
    position: relative;
}
.content-gallery ul {
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    gap: 10px;
}

.content-gallery:before,
.content-gallery:after {
    content: ' ';
    display: table;
}
.content-gallery:after {
    clear: both;
}
@media only screen and (min-width: 1182px) {
    .content-gallery {
        background: #fff;
        padding: 1em;
        padding-top: 0;
    }
}

.content-gallery h2 {
    text-decoration: underline;
    color: #fff;
    margin-bottom: 0;
}
@media only screen and (min-width: 1182px) {
    .content-gallery h2 {
        color: black;
        padding-left: 1em;
    }
}
.content-gallery h2:hover {
    cursor: pointer;
}

.gallery-toggle {
    background: url(../images/gallery-toggle-spr.png) 0 5px no-repeat;
    width: 1.1em;
    text-indent: -99999px;
    position: absolute;
    top: 1em;
    right: 2em;
}
@media only screen and (min-width: 1182px) {
    .gallery-toggle {
        background-color: #266534;
        background-position: center 12px;
        width: 2em;
        height: 2em;
    }
    .gallery-toggle:hover {
        background-color: #fecd00;
    }
}

.gallery-toggle.closed {
    background-position: 0 -20px;
}
@media only screen and (min-width: 1182px) {
    .gallery-toggle.closed {
        background-position: center -15px;
    }
}

.parent-container {
    *zoom: 1;
    padding: 1em 1em 0 1em;
    overflow: hidden;
}
.parent-container:before,
.parent-container:after {
    content: ' ';
    display: table;
}
.parent-container:after {
    clear: both;
}

.parent-container li {
    list-style: none;
    float: left;
}

.parent-container img {
    margin-right: 1em;
}
@media only screen and (min-width: 1182px) {
    .parent-container img {
        padding: 3px;
        background: #266534;
    }
    .parent-container img:hover {
        background: #fecd00;
    }
}

/**
 * Auszeichnungen
 **/
.auszeichnung {
    width: 100%;
    margin: -200px 0 20px 0;
    position: relative;
    padding: 200px 0 0;
}
.auszeichnung a {
    position: relative;
    z-index: 200;
}
.auszeichnung p {
    *zoom: 1;
}
.auszeichnung p:before,
.auszeichnung p:after {
    content: ' ';
    display: table;
}
.auszeichnung p:after {
    clear: both;
}
@media only screen and (min-width: 992px) {
    .auszeichnung .name {
        font-size: 1.4em;
        border-bottom: 1px solid #ccc;
        width: 50%;
        height: 65px;
        position: absolute;
        color: black;
        text-transform: uppercase;
    }
}
.auszeichnung .website {
    display: none;
}
@media only screen and (min-width: 992px) {
    .auszeichnung .website {
        width: 50%;
        display: block;
        float: left;
        margin-top: 65px;
        line-height: 65px;
        color: #3c3c46;
        background: transparent url(../images/arrow.png) left 35px no-repeat;
        font-size: 0.8em;
        padding: 0.5em;
        padding-left: 2em;
        text-transform: uppercase;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
.auszeichnung .imagecontainer {
    text-align: right;
    background: #266534;
    display: block;
    height: 130px;
    padding: 0 20px 0 0;
    line-height: 130px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.auszeichnung .imagecontainer img {
    display: inline;
    margin: 0;
    vertical-align: middle;
}
@media only screen and (min-width: 992px) {
    .auszeichnung .imagecontainer {
        width: 50%;
        float: left;
    }
}

.auszeichnung.rot .imagecontainer {
    background: #880916;
}

/**
 * Buchen
 **/
.buchen .formbody {
    background: white;
}
@media only screen and (min-width: 1182px) {
    .buchen .formbody {
        padding: 3em;
    }
}

.main .sidebar.price {
    position: fixed;
    z-index: -1;
}
@media only screen and (min-width: 1182px) {
    .main .sidebar.price {
        z-index: 1;
        top: 19em;
        left: 19em;
    }
}

/**
 * Standort
 */
.location h3 + p {
    display: none;
}
@media only screen and (min-width: 1182px) {
    .location h3 + p {
        display: block;
    }
}

.location__link {
    background: #880916;
    border-radius: 15px;
    text-align: center;
    padding: 5px 10px;
}

.location__link a {
    color: #fff;
}

/**
 * List Styles
 */
.content li {
    list-style: none;
    padding-left: 1em;
    position: relative;
}
.content li:before {
    content: '■';
    font-family: 'Arial Black';
    color: #880916;
    position: absolute;
    top: -2px;
    left: 0;
}

/**
 * Language-Switch
 * DE-EN in der Navigation nur auf Seiten anzeigen, die auch eine Englische Version haben
 */
.nav-secondary .select-language {
    display: none !important;
}
body.translation .nav-secondary .select-language {
    display: inline-block !important;
}

.select-language {
    *zoom: 1;
    position: relative;
    top: 25px;
    left: -5px;
}
.select-language:before,
.select-language:after {
    content: ' ';
    display: table;
}
.select-language:after {
    clear: both;
}
@media only screen and (min-width: 768px) {
    .select-language {
        top: 20px;
        left: 10%;
    }
}

@media only screen and (min-width: 992px) {
    .select-language {
        top: 0;
        left: 30px;
    }

    .select-language li {
        display: inline-block;
    }
    .select-language li:hover {
        cursor: pointer;
    }
}
/**
 * Inhalt ein-/ausblenden
 */
/**
 * Sidebar Toggle
 */
.toggle-sidebar {
    display: none;
    cursor: pointer;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
}
@media only screen and (min-width: 1182px) {
    .toggle-sidebar {
        display: block;
    }
    .toggle-sidebar:hover {
        background-color: #fecd00;
        background-image: none;
    }
}

/**
 * Phone
 */
.phone {
    position: absolute;
    top: 60px;
    right: 0;
}
@media (min-width: 400px) {
    .phone {
        top: 6em;
    }
}
@media only screen and (min-width: 768px) {
    .phone {
        top: 3.5em;
        right: 0.6em;
    }
}
@media only screen and (min-width: 1182px) {
    .phone {
        top: 5.3em;
        left: 15em;
        right: auto;
    }
}

.toggle-text {
    cursor: pointer;
}

.tmp-nav {
    display: none;
    position: absolute;
    right: 10px;
    bottom: -87px;
}
@media only screen and (min-width: 1182px) {
    .tmp-nav {
        display: block;
    }
}

/**
 * Language Flaggen
 */
.lang-de {
    float: left;
}

.lang-en {
    float: left;
    margin-left: 12px;
}

.lang-cn {
    float: left;
    margin-left: 12px;
    margin-right: 7px;
}

@media only screen and (min-width: 1182px) {
    .lang-de {
        float: none;
    }

    .lang-en {
        float: none;
        margin: 0;
    }

    .lang-cn {
        float: none;
        margin: 0;
    }
}
.lang-de a {
    display: block;
    background: url(../images/ger.gif) center center no-repeat;
    text-indent: -9999px;
    width: 10px;
    height: 15px;
}

.lang-en a {
    display: block;
    background: url(../images/uk.gif) center center no-repeat;
    text-indent: -9999px;
    width: 10px;
    height: 15px;
}

.lang-cn a {
    display: block;
    background: url(../images/cn.gif) center center no-repeat;
    text-indent: -9999px;
    width: 10px;
    height: 15px;
}

/**
 * Vollbild
 */
.fullscreen {
    display: none;
    color: #ffffff;
}
@media only screen and (min-width: 1180px) {
    .fullscreen {
        display: block;
        position: fixed;
        top: 11em;
        left: 18em;
        display: block;
        z-index: 9999;
        background: url(../images/fullscreen.png) 5px 20px no-repeat;
        background-size: 50%;
        width: 80px;
        height: 80px;
    }
    .fullscreen:hover {
        color: #ffffff;
    }
}

/**
 * Sidebar absolute
 */
.sidebar--absolute {
    display: none;
    position: absolute;
    background: #fff;
}
@media only screen and (min-width: 1182px) {
    .sidebar--absolute {
        display: block;
        top: 5em;
        z-index: 5;
    }
}

@media only screen and (min-width: 1182px) {
    .main .sidebar {
        display: none;
    }
}

@media only screen and (min-width: 1182px) {
    .tagungskalkulator .main .sidebar {
        display: inline-block;
    }
}

/**
 * Contact absolute
 */
/**
 * Location absolute
 */
.location--absolute {
    display: none;
}
@media only screen and (min-width: 1182px) {
    .location--absolute {
        display: block;
        margin-top: -1em;
        margin-left: 1em;
        padding-top: 1em;
        border-top: 1px solid #ccc;
    }
}

/**
 * Bild oben und unten nicht abschneiden
 */
@media (min-width: 1182px) {
    .main {
        min-height: 65em;
    }
}
@media (min-width: 1300px) {
    .main {
        min-height: 72em;
    }
}
@media (min-width: 1400px) {
    .main {
        min-height: 77em;
    }
}
@media (min-width: 1500px) {
    .main {
        min-height: 81em;
    }
}
@media (min-width: 1600px) {
    .main {
        min-height: 89em;
    }
}
@media (min-width: 1700px) {
    .main {
        min-height: 104em;
    }
}

/**
 * Content boxen eingeklappt kleiner -> werden größer per .js
 */
@media only screen and (min-width: 1182px) {
    .main .mod_article {
        width: auto;
    }
}

/**
 * Font-Size Switch
 */
.font-size-switch {
    position: absolute;
    left: -120px;
    top: 10px;
    text-align: right;
    width: 100px;
    background: url(../images/magnifier.png) 40px center no-repeat;
}

.font-1-0 .main p {
    font-size: 1em !important;
}

.font-1-1 .main p {
    font-size: 1.1em !important;
}

.font-1-2 .main p {
    font-size: 1.2em !important;
}

/**
 * Anfahrt 2-Spaltig
 */
@media (min-width: 1030px) {
    .float-left-column {
        float: left;
        margin-right: 10px;
    }
}
@media only screen and (min-width: 1182px) {
    .umweltsiegel-text {
        position: absolute;
        bottom: 2em;
        right: 13em;
        width: 6em;
    }
}

/**
 * Logos
 */
.logo--flair-hotel {
    display: none;
}
@media only screen and (min-width: 1182px) {
    .logo--flair-hotel {
        display: block;
        position: absolute;
        right: 9em;
        top: 7.5em;
    }
}

.logo--umweltsiegel {
    display: none;
}
@media only screen and (min-width: 1182px) {
    .logo--umweltsiegel {
        display: block;
        position: absolute;
        right: 7.5em;
        top: 17em;
    }
}

@media only screen and (min-width: 1182px) {
    .drei-sterne-superior {
        position: absolute;
        top: 6.2em;
        right: 6em;
    }

    .familien-und-feiern {
        position: relative;
        left: 25em;
    }

    .logo--tagungs-hotel {
        position: absolute;
        top: 6.1em;
        right: 7em;
    }

    .goldener-fisch {
        position: absolute;
        top: 8em;
        left: 45.9em;
    }

    .slow-food {
        position: absolute;
        top: 17em;
        right: 5.1em;
    }

    .familienfreundlich {
        position: absolute;
        right: 6.3em;
        top: 16em;
    }

    .fahrradfreundlich {
        position: absolute;
        right: 11em;
        top: 7em;
    }

    .bett-bike {
        position: absolute;
        right: 11em;
        top: 19em;
    }
}
@media only screen and (min-width: 1182px) {
    .goldener-fisch-en {
        position: absolute;
        top: 8em;
        right: 7em;
    }

    .slow-food-en {
        position: absolute;
        top: 17em;
        right: 7em;
    }

    .drei-sterne-superior-en {
        position: absolute;
        top: 7.3em;
        right: 6em;
    }

    .logo--flair-hotel-en {
        position: absolute;
        top: 7em;
        right: 3em;
        width: 45px;
    }

    .logo--umweltsiegel-en {
        position: absolute;
        top: 16em;
        right: 2em;
        width: 70px;
    }
}
/**
 * Neues Logo
 */
.logo--new {
    position: absolute;
    top: 22px;
    left: 10px;
    z-index: 9999;
}
@media only screen and (max-width: 768px) {
    .logo--new {
        width: 12em;
    }
}

/**
 * Language Fahnen + Nav Secondary "zurechtschieben"
 */
@media only screen and (min-width: 1182px) {
    .mod_changelanguage {
        position: absolute;
        right: -31em;
        top: -1.1em;
    }

    .flair-hotel {
        position: absolute;
        top: 2em;
        left: -4em;
    }
}
/**
 * Text klappt über Bild Fix
 */
@media only screen and (min-width: 1500px) {
    .main .wrapper {
        margin: 0;
    }
}
/**
 * Trustscore
 */
.trustscore {
    padding: 3em 0 0 3.5em;
}

@media only screen and (max-width: 768px) {
    .masthead .mod_navigation li {
        padding: 10px 0;
    }
}
/* ==========================================================================
   Helper Classes
   ========================================================================== */
/**
 * Hide Mobile wird auf mobilen Screens versteckt
 */
.hide-mobile {
    display: none !important;
}
@media only screen and (min-width: 992px) {
    .hide-mobile {
        display: inline-block !important;
    }
}

.slogan.hide-mobile {
    display: none !important;
}
@media only screen and (min-width: 992px) {
    .slogan.hide-mobile {
        display: block !important;
    }
}

/**
 * Hide Mobile Priority wird auf mobilen Screens versteckt,
 * aber noch einen media query länger angezeigt, als .hide-mobile
 */
.hide-mobile-priority {
    display: none !important;
}
@media only screen and (min-width: 768px) {
    .hide-mobile-priority {
        display: inline-block !important;
    }
}

/**
 * Hide Desktop wird auf großen Screens versteckt
 */
@media only screen and (min-width: 768px) {
    .hide-desktop {
        display: none !important;
    }
}

.inner {
    padding: 0.75em;
}

/**
 * Clear it up
 */
.clear-both {
    clear: both;
}

/* ==========================================================================
   Import Form Styles
   ========================================================================== */
/* ==========================================================================
   Base-Styles
   ========================================================================== */
.tagungskalkulator__form label span {
    display: none;
}

/* ==========================================================================
   Input + Textarea Base-Styles
   ========================================================================== */
.form * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form input[type='text'] {
    -webkit-appearance: none;
    border-radius: 0;
}

.form textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

.invisible {
    display: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e7e2d9;
    margin: 1em 0 2em 0;
    padding: 0;
}

.form .formbody {
    *zoom: 1;
}
.form .formbody:before,
.form .formbody:after {
    content: ' ';
    display: table;
}
.form .formbody:after {
    clear: both;
}
.form .formbody br {
    display: block;
    clear: both;
}

.form input[type='text'],
.form input[type='tel'],
.form input[type='email'],
.form input[type='number'] {
    outline: none;
    box-sizing: border-box;
    border: 2px solid #cccccc;
    margin-bottom: 25px;
    width: 100%;
    padding-left: 10px;
    height: 30px;
}
@media only screen and (min-width: 1182px) {
    .form input[type='text'] {
        font-size: 16px;
    }
}
.form input[type='text']:focus {
    border-color: #880916;
}

.form select {
    border: 1px solid #cccccc;
}

.form textarea {
    box-sizing: border-box;
    margin-bottom: 25px;
    resize: none;
    float: right;
    border: 1px solid #cccccc;
    outline: none;
    padding: 10px 0 0 10px;
    height: 200px;
    overflow: auto;
}

.form button[type='submit'] {
    float: right;
    background: #266534;
    color: #fff;
    border: none;
    width: 100%;
    padding: 20px 30px;
    border-radius: 0;
}
.form button[type='submit']:hover {
    background-color: #fecd00;
}

.selector {
    padding-left: 10px;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
@media only screen and (min-width: 1182px) {
    .selector {
        font-size: 1.2em;
    }
}

/* ==========================================================================
   Select Base-Styles
   ========================================================================== */
.form select {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.selector {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    position: relative;
    border: 2px solid #cccccc;
    line-height: 33px;
    margin-bottom: 25px;
    float: right;
}
.selector:after {
    content: '';
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    background: #266534 url(../images/gallery-toggle-spr.png) center -17px no-repeat;
    top: 4px;
    right: 5px;
}

/* ==========================================================================
   2-Spaltig ab 500px
   ========================================================================== */
@media only screen and (min-width: 500px) {
    .form label {
        float: left;
        min-width: 40%;
    }

    .form input[type='text'] {
        width: 60%;
    }

    .selector {
        width: 60%;
    }
}
/* ==========================================================================
   Desk-Styles
   ========================================================================== */
@media only screen and (min-width: 1182px) {
    .form label {
        font-size: 12px;
        text-transform: uppercase;
        min-width: 31%;
        line-height: 30px;
    }
    .form label:before {
        position: relative;
        top: 2px;
    }

    .form input[type='text'],
    .form input[type='tel'],
    .form input[type='email'],
    .form input[type='number'] {
        border: 2px solid #cccccc;
        width: 65%;
        float: right;
    }

    .form button[type='submit'] {
        font-size: 12px;
        text-transform: uppercase;
        width: auto;
    }

    .form textarea {
        border: 2px solid #cccccc;
    }

    .selector {
        width: 65%;
        border: 2px solid #cccccc;
    }
}
/* ==========================================================================
   Radio-Buttons-Style
   ========================================================================== */
.radio_container label {
    float: none;
    min-width: auto;
    line-height: 30px;
}
.radio_container label:before {
    content: none;
}

.radio_container span {
    display: block;
}

.checked {
    background: #880916 url(../images/radio-dot.svg) center center no-repeat !important;
}
.lt-ie9 .checked {
    background: #880916 url(../images/radio-dot.png) center center no-repeat !important;
}

.form fieldset {
    margin: 0;
    padding: 5px 0 0 0;
    border: none;
    box-shadow: none;
}

.form fieldset legend {
    font-weight: normal;
    margin-bottom: 20px;
}
@media only screen and (min-width: 1182px) {
    .form fieldset legend {
        text-transform: uppercase;
        font-size: 12px;
    }
}

.radio {
    float: left;
}

.radio_container span {
    margin-bottom: 20px;
    display: inline-block;
    width: 200px;
    *zoom: 1;
}
.radio_container span:before,
.radio_container span:after {
    content: ' ';
    display: table;
}
.radio_container span:after {
    clear: both;
}
.radio_container span:last-child {
    margin-bottom: 0;
}

/**
 * Span beim Tagungskalkulator kleiner, damit alle
 * in eine Zeile passen
 */
.tagungsformular .radio_container > span {
    width: 175px;
}

.radio span {
    background: #266534 center center;
    width: 28px;
    height: 28px;
    margin-right: 20px;
}

.radio input {
    opacity: 0;
    top: 5px;
    left: 5px;
    z-index: 9999;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/* ==========================================================================
   Checkbox-Style
   ========================================================================== */
.tagungskalkulator__form .checkbox_container label,
.tagungskalkulator__form .radio_container label {
    float: none;
    min-width: auto;
    margin-top: 0;
}
.tagungskalkulator__form .checkbox_container label:before,
.tagungskalkulator__form .radio_container label:before {
    content: none;
}

.tagungskalkulator__form .checkbox_container span,
.tagungskalkulator__form .radio_container span {
    display: block;
}

.tagungskalkulator__form .checkbox_container label,
.tagungskalkulator__form .radio_container label {
    float: left;
    width: 80%;
    padding-top: 7px;
}

.tagungskalkulator__form .checkbox_container,
.tagungskalkulator__form .radio_container {
    padding-top: 0;
}

.checker,
.tagungskalkulator__form .radio {
    float: left;
    position: relative;
}

.checkbox_container span,
.tagungskalkulator__form .radio_container span {
    *zoom: 1;
    display: inline-block;
    width: 100%;
}
.checkbox_container span:before,
.checkbox_container span:after,
.tagungskalkulator__form .radio_container span:before,
.tagungskalkulator__form .radio_container span:after {
    content: ' ';
    display: table;
}
.checkbox_container span:after,
.tagungskalkulator__form .radio_container span:after {
    clear: both;
}

.checkbox_container > span,
.tagungskalkulator__form .radio_container > span {
    margin: 10px 0;
    float: left;
}

.checker span,
.tagungskalkulator__form .radio span {
    background: #266534 center center;
    width: 28px;
    height: 28px;
    margin-right: 20px;
}

.checker input,
.tagungskalkulator__form .radio input {
    z-index: 9999;
    opacity: 0;
    position: absolute;
    top: 5px;
    left: 5px;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.tagungskalkulator__form .radio {
    height: 28px;
}

@media only screen and (min-width: 1182px) {
    .checkbox__wrapper {
        margin-left: 4.5em;
    }
}

.checkbox__wrapper .selector {
    width: 100%;
}

.form .explanation {
    font-size: 14px;
}

.input__extra {
    float: right;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: bold;
}
.input__extra:hover {
    text-decoration: none;
}

/**
 * Tagungskalkulator__form Special Styles
 */
.tagungskalkulator__form input[type='text'] {
    float: left;
    width: 12%;
    padding: 0;
    text-align: center;
}
@media only screen and (min-width: 1182px) {
    .tagungskalkulator__form input[type='text'] {
        width: 15%;
        margin-bottom: 50px;
    }
}

.tagungskalkulator__form label {
    float: right;
    width: 85%;
    margin: -3px 0 30px 0;
    text-transform: none;
}
.tagungskalkulator__form label:before {
    content: none;
}
@media only screen and (min-width: 1182px) {
    .tagungskalkulator__form label {
        font-size: 13px;
        line-height: normal;
        margin: 0 0 0 0;
        width: 82%;
    }
}

.tagungskalkulator__form .checkbox_container label span,
.tagungskalkulator__form .radio_container label span {
    float: left;
    color: #880916;
}

.radio--full > span {
    width: 100%;
}

.radio--full label {
    width: 80%;
    float: left;
    margin-bottom: 0;
    margin-top: -0.5em;
}
@media only screen and (min-width: 1182px) {
    .radio--full label {
        margin-top: 0;
    }
}

/**
 * Redesign -_-
 */
@media only screen and (min-width: 1182px) {
    .two-colums {
        display: inline-block;
        width: 330px;
    }
}
.tagungskalkulator__form .selector {
    width: 100%;
}

input[name='persons'] {
    float: left !important;
    width: 80px !important;
    padding: 0 !important;
    text-align: center;
}

/* ==========================================================================
   Gutscheine Styles
   ========================================================================== */
/**
 * Gutscheine in der untersten Reihe müssen immer die Helferklasse ".voucher--bottom" bekommen, damit die vertikale Border passend abschließt.
 */
/**
 * Gutscheine auf der "Arrangement"-Seite brauchen ggf. die Klasse ".voucher--large", damit ein bündiger Abschluss garantiert ist.
 */
.voucher {
    background: whitesmoke;
    text-align: center;
    margin-bottom: 20px;
    padding: 2em 1em;
}
@media only screen and (min-width: 1182px) {
    .voucher {
        padding: 2em 0em;
        display: inline-block;
        width: 300px;
    }
}

.voucher__wrapper {
    *zoom: 1;
    margin-top: 2em;
    margin-bottom: 2em;
}
.voucher__wrapper:before,
.voucher__wrapper:after {
    content: ' ';
    display: table;
}
.voucher__wrapper:after {
    clear: both;
}

/**
 * Headline
 */
.voucher__headline {
    margin-top: 0;
    font-size: 1.5em;
}
@media only screen and (min-width: 1182px) {
    .voucher__headline {
        font-size: 1.5em;
    }
}

/**
 * Value
 */
.voucher__value {
    color: #880916;
    font-weight: bold;
    display: block;
}
@media only screen and (min-width: 1182px) {
    .voucher__value {
        font-size: 18px;
    }
}

/**
 * Description
 */
.voucher__description {
    margin-top: 1em;
}
@media only screen and (min-width: 1182px) {
    .voucher__description {
        font-size: 0.9em;
        padding: 0 0 0 3em;
        text-align: left;
    }
}

/**
 * BTN
 */
.voucher__btn {
    padding: 1em;
    font-size: 12px;
    font-weight: normal;
}
@media only screen and (min-width: 600px) {
    .voucher__btn {
        background-image: url(../images/icon-spr.png);
        background-position: -4px -101px;
        background-repeat: no-repeat;
        padding-left: 3em;
        padding-right: 3em;
    }
}

/**
 * odd / even
 */
@media only screen and (min-width: 1182px) {
    .voucher--odd {
        float: left;
        border-right: 1px solid #ccc;
        padding-right: 4em;
    }

    .voucher--even {
        float: right;
    }
}
/**
 * Inquiry (Anfrageformular für Gutscheine)
 */
.voucher__inquiry {
    background: whitesmoke;
    text-align: center;
    margin-bottom: 2em;
    padding: 1em 0;
}

/* ==========================================================================
   Derivatives
   ========================================================================== */
@media only screen and (min-width: 1182px) {
    .voucher--large .voucher {
        position: relative;
    }
}

@media only screen and (min-width: 1182px) {
    .voucher--large .voucher__description {
        min-height: 150px;
    }
}

/**
 * Helper
 */
.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.voucher__seperator {
    display: none;
    clear: both;
    margin: 0;
    padding: 0;
    border-color: #cccccc;
}
@media only screen and (min-width: 1182px) {
    .voucher__seperator {
        display: block;
    }
}

@media only screen and (min-width: 1182px) {
    .voucher--bottom {
        margin-top: 1.2em;
        margin-bottom: 0;
    }
}

.voucher__headline br {
    display: none;
}
@media only screen and (min-width: 1182px) {
    .voucher__headline br {
        display: inline;
    }
}

@media only screen and (min-width: 1182px) {
    .voucher-detail .voucher__description {
        padding-left: 22em;
    }
}
/* ==========================================================================
   Wechselnde Backgrounds
   ========================================================================== */
@media only screen and (max-width: 1182px) {
    body {
        background-image: none !important;
    }
}

/* ==========================================================================
   Booking
   ========================================================================== */
#b_editDates h3 {
    display: none !important;
}

#b_editDates h4 {
    color: #000 !important;
}

#b_editDates form {
    border: none !important;
}

#b_editDates .b_availFormInner {
    background: transparent !important;
}

#b_editDates .b_availDatesInner {
    width: 100% !important;
}

#b_powered {
    color: #000;
}

#b_availSubmit {
    width: 100% !important;
    max-width: 300px;
}

#b_availSubmit input {
    float: right !important;
    background: #266534 !important;
    color: #fff !important;
    border: none !important;
    width: 100% !important;
    padding: 20px 30px !important;
    border-radius: 0 !important;
}

#b_availCheckIn {
    width: 100% !important;
}

.b_availDatesInner select {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
}

@media only screen and (min-width: 500px) {
    .b_availDatesInner .selector {
        width: 48%;
        float: left;
        margin-right: 2%;
    }
}
/* ==========================================================================
   Monatsslider
   ========================================================================== */
/**
 * Slider
 */
#test {
    position: relative;
}

.monthslider-slider {
    overflow: hidden;
    width: 100%;
    position: relative;
    background: #fff;
    margin-top: 1em;
}
.monthslider-slider .monthslider-slider__viewport {
    position: relative;
    width: 400%;
    *zoom: 1;
}
.monthslider-slider .monthslider-slider__viewport:before,
.monthslider-slider .monthslider-slider__viewport:after {
    content: ' ';
    display: table;
}
.monthslider-slider .monthslider-slider__viewport:after {
    clear: both;
}
.monthslider-slider * {
    box-sizing: border-box;
}
.monthslider-slider .slider__month__wrap {
    position: relative;
    width: 25%;
    float: left;
}
.monthslider-slider .slider__month {
    width: 33.333333333%;
    float: left;
}
.monthslider-slider .slider__month:first-child .slidermonth-entry__content__wrap {
    display: block;
}
.monthslider-slider .slider__month.current .entry__content,
.monthslider-slider .slider__month.current .slidermonth-entry__content__wrap {
    display: block;
}
.monthslider-slider .slider__month h3 {
    float: left;
    width: 150px;
    display: block;
    padding: 0 0 0 20px;
    line-height: 40px;
    margin: 0;
    font-size: 12px;
}
.monthslider-slider .slidermonth-entry__content__wrap {
    width: 100%;
    position: relative;
    *zoom: 1;
    margin-top: 70px;
}
.monthslider-slider .slidermonth-entry__content__wrap:before,
.monthslider-slider .slidermonth-entry__content__wrap:after {
    content: ' ';
    display: table;
}
.monthslider-slider .slidermonth-entry__content__wrap:after {
    clear: both;
}
.monthslider-slider .slider__month__wrap {
    padding-top: 40px;
    position: relative;
    width: 25%;
    float: left;
}

.monthslider-next,
.monthslider-prev {
    position: absolute;
    outline: none;
    width: 3em;
    height: 3em;
    display: block;
    z-index: 100;
    text-indent: -9999em;
    top: 0;
}
.content.hidden .monthslider-next,
.content.hidden .monthslider-prev {
    display: none;
}
.monthslider-next:focus,
.monthslider-prev:focus {
    outline: none;
}

.monthslider-next {
    background: #880916 url(../images/arrow_right.png) center center no-repeat;
    background-size: 30%;
    right: 0;
    left: auto;
}

.monthslider-prev {
    background: #880916 url(../images/arrow_left.png) center center no-repeat;
    background-size: 30%;
}

.entry__content {
    padding-left: 20px;
}

/* ==========================================================================
   IE Styles
   ========================================================================== */
.lt-ie9 body {
    /* Based off font-size: 100% == 16px */
    /* 14px */
    font:
        87.5%/1.5 Arial,
        sans-serif;
}
@media only screen and (min-width: 1182px) {
    .lt-ie9 {
        /* 16px */
        font:
            100%/1.5 Arial,
            sans-serif;
    }
}

/* ==========================================================================
   IE 7
   ========================================================================== */
.lt-ie9.lt-ie8 .order-buttons .btn {
    width: 98.3%;
}
.lt-ie9.lt-ie8 .icon-social {
    display: block;
    width: 50%;
    float: left;
}
.lt-ie9.lt-ie8 .radio input {
    filter: alpha(opacity=0);
}
.lt-ie9.lt-ie8 .checker input {
    filter: alpha(opacity=0);
}
.lt-ie9.lt-ie8 .form select {
    filter: alpha(opacity=0);
    height: 35px;
}
.lt-ie9.lt-ie8 .form input[type='text'] {
    height: 30px;
}
.lt-ie9.lt-ie8 .icon-burger {
    display: block;
    float: left;
    margin-top: 10px;
    padding-bottom: 40px;
}
.lt-ie9.lt-ie8 .nav-secondary {
    width: 60px;
}
.lt-ie9.lt-ie8 .nav-secondary ul {
    *display: inline;
    zoom: 1;
}
.lt-ie9.lt-ie8 .nav-secondary li {
    *display: inline;
    zoom: 1;
}
.lt-ie9.lt-ie8 .nav-secondary li a {
    *display: inline;
    zoom: 1;
}
.lt-ie9.lt-ie8 .nav-secondary .select-language {
    float: left;
}

/* ==========================================================================
   IE 8
   ========================================================================== */
.lt-ie9 .radio input {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
.lt-ie9 .checker input {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
.lt-ie9 .form select {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    height: 35px;
}
.lt-ie9 .form input[type='text'] {
    padding-top: 8px;
}
.lt-ie9 .tagungskalkulator__form input[type='text'] {
    float: left !important;
}
.lt-ie9 .checkbox__wrapper label {
    float: left !important;
}
.lt-ie9 body {
    background-position: center;
}

.ie8 .sidebar .level_1 li {
    padding-left: 55px;
    margin-left: -41px;
}
.ie8 .sidebar .level_1 li:hover {
    padding-left: 55px;
    margin-left: -41px;
}
.ie8 .sidebar .level_2 li {
    width: 95%;
}

/* ==========================================================================
   Shame
   ========================================================================== */
#map {
    width: 100%;
    height: 400px;
}
#map img {
    max-width: inherit;
}

.sidebar .nav ul {
    display: none;
}

.sidebar .nav .trail ul,
.sidebar .nav .active ul {
    display: block;
}

.content-special .plus {
    display: none !important;
}
.content-special > h2 {
    cursor: pointer;
}
.content-special > h2 {
    text-decoration: underline;
}
.content-special:not(.hidden) {
    width: auto !important;
}
