@charset "UTF-8";
/*!
 * CSS by DMK E-BUSINESS GmbH
 * http://www.dmk-ebusiness.de */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

html {
  -ms-overflow-style: scrollbar;
}

body {
  color: #363636;
  font-family: "Helvetica Neue", "Open Sans", Arial, sans-serif;
  font-size: 0.875em;
  line-height: 1.25;
  min-width: 320px;
}

.fa {
  padding: 0 2px;
}

a {
  transition: 0.25s all;
}

.Icon {
  width: 100%;
  max-width: 175px;
  display: inline-block;
  padding: 7px 0;
  color: #363636;
  font-size: 1em;
  font-weight: bold;
  border: 1px solid;
  text-align: center;
}
.Icon ~ .Icon {
  margin-top: 10px;
}
.Icon:after {
  color: #b0a269;
  content: " ›";
}
.Icon:hover,
.Icon:focus {
  color: #b0a269;
  text-decoration: none;
}
.Icon.elster {
  color: #b1b3b4;
  border-color: #b1b3b4;
}
.Icon.elster:after {
  color: #b1b3b4;
}
.Icon.elster:hover,
.Icon.elster:focus {
  color: #ffffff !important;
  background-color: #b1b3b4;
}
.Icon.elster:hover:after,
.Icon.elster:focus:after {
  color: inherit;
}
.Icon.brambach {
  color: #b0a269;
  border-color: #b0a269;
}
.Icon.brambach:after {
  color: #b0a269;
}
.Icon.brambach:hover,
.Icon.brambach:focus {
  color: #ffffff !important;
  background-color: #b0a269;
}
.Icon.brambach:hover:after,
.Icon.brambach:focus:after {
  color: inherit;
}
.Icon.default {
  max-width: none;
  border: none;
  padding: 0;
  display: inline;
}

p {
  margin-bottom: 20px;
}

p.big {
  font-size: 1.286em;
}

iframe {
  margin-bottom: 30px;
}

em {
  font-style: italic;
}

strong,
b,
.bold {
  font-weight: bold;
}

h1 {
  color: #b0a269;
  font-size: 1.857em;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1;
  margin-bottom: 20px;
}

h3 {
  font-weight: bold;
  margin-bottom: 5px;
}

hr {
  border-color: #b0a269;
  margin-bottom: 30px;
  margin-top: 30px;
}
hr.down {
  position: relative;
}
hr.down:before,
hr.down:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 6px solid #b0a269;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}
hr.down:before {
  border-top-color: white;
  top: -1px;
  z-index: 1;
}

.block {
  background-color: #f1f1f1;
  padding: 20px;
}
.block.colored {
  background-color: #b0a269;
  color: white;
}
.block.colored h2 {
  color: white !important;
}

.highlight {
  color: #b0a269;
}

.red {
  color: #ff0000;
}

.success {
  color: #00aa00;
  font-weight: bold;
}

.embed-responsive {
  margin-bottom: 12px;
}

.loading-overlay {
  background: rgba(255, 255, 255, 0.5);
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 998;
}
.loading-overlay:after {
  background: transparent url(../Images/loading.gif);
  bottom: 0;
  content: " ";
  height: 32px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  z-index: 999;
}

@media (min-width: 768px) {
  h1 {
    font-size: 2.25em;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 3em;
    margin-bottom: 30px;
  }
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #969696;
}

.btn,
.powermail_submit {
  background-color: white;
  border: 0;
  border-left: 6px solid #b0a269;
  border-radius: 0;
  color: #363636;
  display: inline-block;
  font-size: 1.143em;
  font-weight: bold;
  line-height: 1.42857;
  padding: 6px 12px;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
}
.btn:before,
.powermail_submit:before {
  content: none;
}
.btn:hover,
.powermail_submit:hover,
.btn:focus,
.powermail_submit:focus {
  color: #9c8b43;
}

.btn.elster,
.elster.powermail_submit {
  border-left: 4px solid #b1b3b4;
}
.btn.elster:hover,
.elster.powermail_submit:hover,
.btn.elster:focus,
.elster.powermail_submit:focus {
  color: #b1b3b4;
}

.btn.brambach,
.brambach.powermail_submit {
  border-left: 4px solid #b0a269;
}
.btn.brambach:hover,
.brambach.powermail_submit:hover,
.btn.brambach:focus,
.brambach.powermail_submit:focus {
  color: #c50038;
}

.form-control,
.powermail_select,
.powermail_textarea,
.powermail_input,
.powermail_captcha {
  padding: 6px 8px;
}

#tx_indexedsearch .SuchBtn {
  background-color: #f1f1f1;
}
#tx_indexedsearch label {
  line-height: 32px;
}

.form-group {
  margin-bottom: 10px;
}

.contactform form {
  margin-bottom: 30px;
}
.contactform label {
  display: none;
}
.contactform .btn,
.contactform .powermail_submit {
  margin: 0 !important;
}

form input[type="text"],
form input[type="password"],
form input[type="date"],
form input[type="number"],
form input[type="search"],
form select,
form textarea,
form .form-control,
form .powermail_select,
form .powermail_textarea,
form .powermail_input,
form .powermail_captcha {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075);
}
form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="date"]:focus,
form input[type="number"]:focus,
form input[type="search"]:focus,
form select:focus,
form textarea:focus,
form .form-control:focus,
form .powermail_select:focus,
form .powermail_textarea:focus,
form .powermail_input:focus,
form .powermail_captcha:focus {
  box-shadow: none;
  border-color: #969696;
  outline: 0;
}
form input[type="text"]:focus:invalid,
form input[type="password"]:focus:invalid,
form input[type="date"]:focus:invalid,
form input[type="number"]:focus:invalid,
form input[type="search"]:focus:invalid,
form select:focus:invalid,
form textarea:focus:invalid,
form .form-control:focus:invalid,
form .powermail_select:focus:invalid,
form .powermail_textarea:focus:invalid,
form .powermail_input:focus:invalid,
form .powermail_captcha:focus:invalid {
  border: 2px solid #b0a269;
}
form textarea {
  resize: vertical;
}

.block .form-control,
.block .powermail_select,
.block .powermail_textarea,
.block .powermail_input,
.block .powermail_captcha {
  background-color: white;
}

.ui-datepicker {
  background: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  display: none;
  padding: 0 20px 20px;
  z-index: 1001 !important;
}

.ui-datepicker-header {
  background-color: #b0a269;
  margin: 0 -20px 10px;
  min-width: 285px;
  padding: 5px 20px;
  text-align: center;
}
.ui-datepicker-header select {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  font-size: 14px;
  line-height: 1.42857;
  margin: 0 5px;
  padding: 6px 8px;
  width: 80px;
}
.ui-datepicker-header select:focus {
  border-color: #969696;
}
.ui-datepicker-header a.ui-datepicker-prev,
.ui-datepicker-header a.ui-datepicker-next {
  color: white;
  cursor: default;
  font-family: "FontAwesome";
  font-size: 1.5em;
  line-height: 36px;
}
.ui-datepicker-header a.ui-datepicker-prev:hover,
.ui-datepicker-header a.ui-datepicker-prev:focus,
.ui-datepicker-header a.ui-datepicker-next:hover,
.ui-datepicker-header a.ui-datepicker-next:focus {
  color: #b1b3b4;
  text-decoration: none;
}
.ui-datepicker-header a.ui-datepicker-prev:before,
.ui-datepicker-header a.ui-datepicker-next:before {
  color: inherit;
  content: "";
}
.ui-datepicker-header a.ui-datepicker-prev span,
.ui-datepicker-header a.ui-datepicker-next span {
  display: none;
}
.ui-datepicker-header a.ui-datepicker-prev {
  float: left;
}
.ui-datepicker-header a.ui-datepicker-next {
  float: right;
}
.ui-datepicker-header a.ui-datepicker-next:before {
  content: "";
}

.ui-datepicker-calendar {
  border-collapse: separate;
  border-spacing: 1px;
}
.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
  line-height: 32px;
  text-align: center;
  width: 32px;
}
.ui-datepicker-calendar th {
  font-weight: bold;
  text-transform: uppercase;
}
.ui-datepicker-calendar td {
  background: #f1f1f1;
}
.ui-datepicker-calendar td a {
  color: #363636;
  display: block;
}
.ui-datepicker-calendar .ui-datepicker-week-col {
  padding-right: 20px;
  width: 52px;
}
.ui-datepicker-calendar .ui-datepicker-week-col,
.ui-datepicker-calendar .ui-datepicker-unselectable {
  background: none;
}
.ui-datepicker-calendar .ui-datepicker-unselectable {
  color: #969696;
}
.ui-datepicker-calendar .ui-datepicker-current-day a,
.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar td a:focus {
  background-color: #b0a269;
  color: white;
  text-decoration: none;
}

.tx-powermail fieldset {
  display: block;
}

.powermail_form_1 .powermail_fieldwrap,
.powermail_form.contact .powermail_fieldwrap {
  margin-bottom: 12px;
}
.powermail_form_1 .powermail_fieldwrap_type_check input,
.powermail_form.contact .powermail_fieldwrap_type_check input {
  float: left;
  margin: 2px 10px 0 0;
}
.powermail_form_1 .powermail_fieldwrap_type_check .checkbox,
.powermail_form.contact .powermail_fieldwrap_type_check .checkbox {
  margin: 10px 0;
}
.powermail_form_1 .powermail_fieldwrap_type_check .checkbox label,
.powermail_form.contact .powermail_fieldwrap_type_check .checkbox label {
  display: inline;
}
.powermail_form_1
  .powermail_fieldwrap_type_check
  .checkbox
  label
  .powermail_checkbox,
.powermail_form.contact
  .powermail_fieldwrap_type_check
  .checkbox
  label
  .powermail_checkbox {
  margin-left: -20px;
}
.powermail_form_1 .powermail_fieldwrap_catalogselection .powermail_field,
.powermail_form.contact .powermail_fieldwrap_catalogselection .powermail_field {
  overflow: hidden;
}
.powermail_form_1 .powermail_fieldwrap_catalogselection .checkbox,
.powermail_form.contact .powermail_fieldwrap_catalogselection .checkbox {
  background-color: #f1f1f1;
  margin: 0 0 12px 0;
  min-height: 300px;
  padding: 20px;
  word-wrap: break-word;
  overflow: hidden;
}
.powermail_form_1 .powermail_fieldwrap_catalogselection .checkbox label,
.powermail_form.contact .powermail_fieldwrap_catalogselection .checkbox label {
  float: right;
}
.powermail_form_1 .powermail_fieldwrap_catalogselection .powermail_checkbox,
.powermail_form.contact
  .powermail_fieldwrap_catalogselection
  .powermail_checkbox {
  float: left;
  margin: 192px 0 0;
}
.powermail_form_1 .powermail_fieldwrap_catalogselection label,
.powermail_form.contact .powermail_fieldwrap_catalogselection label {
  padding: 0;
  width: 85%;
}
.powermail_form_1 .powermail_fieldwrap_catalogselection img,
.powermail_form.contact .powermail_fieldwrap_catalogselection img {
  display: block;
  height: auto;
  margin: 0 auto 10px;
  max-width: 100%;
}
.powermail_form_1 .powermail_fieldwrap_einwilligung,
.powermail_form.contact .powermail_fieldwrap_einwilligung {
  margin-bottom: 5px;
}
.powermail_form_1 .hiddenLegend > legend,
.powermail_form_1 .nolabel > label,
.powermail_form_1 .hiddenLegend > fieldset > legend,
.powermail_form.contact .hiddenLegend > legend,
.powermail_form.contact .nolabel > label,
.powermail_form.contact .hiddenLegend > fieldset > legend {
  display: none;
}

.powermail_form > h3,
.powermail_form .nolabel legend {
  display: none;
}

.powermail_select,
.powermail_textarea,
.powermail_input,
.powermail_captcha {
  display: block;
  background-image: none;
  border-radius: 4px;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 8px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}

.powermail_captchaimage {
  margin-top: 12px;
}

.powermail_textarea {
  height: auto;
}

.powermail_submit {
  background-color: #f1f1f1;
}

.powermail_fieldwrap_type_submit {
  text-align: right;
}

.powermail_form.tipafriend .powermail_fieldwrap {
  clear: both;
  margin-bottom: 12px;
}
.powermail_form.tipafriend .powermail_fieldwrap:after {
  clear: both;
  content: "";
  display: table;
  height: 0;
}
.powermail_form.tipafriend .powermail_label {
  line-height: 34px;
}

.F4NKontaktFormular fieldset {
  margin-bottom: 12px;
  margin-top: 12px;
}
.F4NKontaktFormular .ForgotPW {
  line-height: 32px;
}
.F4NKontaktFormular .btn,
.F4NKontaktFormular .powermail_submit {
  background-color: #f1f1f1;
}

.block .F4NKontaktFormular .btn,
.block .F4NKontaktFormular .powermail_submit {
  background-color: white;
}

.powermail_fieldwrap {
  position: relative;
}

.formError {
  left: auto !important;
  max-width: 225px;
  opacity: 1 !important;
  position: absolute;
  right: 0 !important;
  z-index: 10;
}

.formErrorContent,
.tx-powermail .parsley-errors-list.filled {
  background: #b0a269;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  color: white;
  max-width: 225px;
  min-width: 150px;
  padding: 10px;
}
.formErrorContent:before,
.tx-powermail .parsley-errors-list.filled:before {
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  border-top: 10px solid #b0a269;
  bottom: -10px;
  content: " ";
  height: 0;
  left: auto;
  position: absolute;
  right: 10px;
  width: 0;
}

.tx-powermail .parsley-errors-list.filled {
  bottom: 102%;
  bottom: calc(100% + 4px);
  left: auto;
  right: 0;
  list-style: none;
  position: absolute;
}
.tx-powermail .parsley-errors-list.filled li {
  margin: 0;
}

.formErrorArrow {
  display: none !important;
}

.tx-powermail .hiddenLegend legend {
  display: none;
}
.tx-powermail .powermail_fieldwrap {
  margin-bottom: 12px;
}
.tx-powermail .powermail_check_inner .powermail_checkbox {
  margin-right: 12px;
}
.tx-powermail .powermail_fieldwrap_input label,
.tx-powermail .powermail_fieldwrap_textarea label {
  margin-bottom: 4px;
}

.powermail_form.application .powermail_fieldwrap .powermail_label,
.powermail_form.application .powermail_fieldwrap.nolabel label {
  display: none;
}
.powermail_form.application .powermail_file {
  background-color: #f1f1f1;
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}
.powermail_form.application .powermail_fieldwrap_type_html {
  clear: both !important;
  float: none !important;
  width: 100% !important;
}
.powermail_form.application .powermail_fieldwrap_type_submit {
  width: 100% !important;
}
.powermail_form.application .powermail_message,
.powermail_form.application .powermail_message_error {
  border: 2px solid;
  border-radius: 4px;
  padding: 4px 10px;
  margin-bottom: 10px;
}
.powermail_form.application .powermail_message_error {
  border-color: #00aa00;
}
.powermail_form.application .powermail_message {
  border-color: #ff0000;
  list-style: inside;
}
.powermail_form.application .powermail_message li {
  margin: 4px 0;
}
.powermail_form.application h2 {
  margin-top: 10px;
}

@media (min-width: 480px) {
  .powermail_form_1 .powermail_fieldwrap_catalogselection .checkbox,
  .powermail_form.contact .powermail_fieldwrap_catalogselection .checkbox {
    float: left;
    margin: 0 2.5% 2.5% 0;
    min-height: 300px;
    width: 48.75%;
  }
  .powermail_form_1
    .powermail_fieldwrap_catalogselection
    .checkbox:nth-child(odd),
  .powermail_form.contact
    .powermail_fieldwrap_catalogselection
    .checkbox:nth-child(odd) {
    clear: left;
  }
  .powermail_form_1
    .powermail_fieldwrap_catalogselection
    .checkbox:nth-child(even),
  .powermail_form.contact
    .powermail_fieldwrap_catalogselection
    .checkbox:nth-child(even) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .powermail_form_1 .powermail_fieldwrap,
  .powermail_form.contact .powermail_fieldwrap {
    clear: left;
    float: left;
    width: 41.66667%;
  }
  .powermail_form_1 .powermail_fieldwrap_catalogselection,
  .powermail_form.contact .powermail_fieldwrap_catalogselection {
    float: right;
    width: 50%;
  }
  .powermail_form_1 .powermail_fieldwrap_anrede,
  .powermail_form_1 .powermail_fieldwrap_plz,
  .powermail_form.contact .powermail_fieldwrap_anrede,
  .powermail_form.contact .powermail_fieldwrap_plz {
    margin-right: 1%;
    width: 15.66667%;
  }
  .powermail_form_1 .powermail_fieldwrap_firma,
  .powermail_form_1 .powermail_fieldwrap_marker,
  .powermail_form.contact .powermail_fieldwrap_firma,
  .powermail_form.contact .powermail_fieldwrap_marker {
    clear: none;
    width: 25%;
  }
  .powermail_form_1 .powermail_fieldwrap_vorname,
  .powermail_form_1 .powermail_fieldwrap_marker_01,
  .powermail_form_1 .powermail_fieldwrap_telefon,
  .powermail_form.contact .powermail_fieldwrap_vorname,
  .powermail_form.contact .powermail_fieldwrap_marker_01,
  .powermail_form.contact .powermail_fieldwrap_telefon {
    margin-right: 1%;
    width: 20.33333%;
  }
  .powermail_form_1 .powermail_fieldwrap_nachname,
  .powermail_form_1 .powermail_fieldwrap_e_mail,
  .powermail_form_1 .powermail_fieldwrap_telefax,
  .powermail_form.contact .powermail_fieldwrap_nachname,
  .powermail_form.contact .powermail_fieldwrap_e_mail,
  .powermail_form.contact .powermail_fieldwrap_telefax {
    clear: none;
    width: 20.33333%;
  }

  .powermail_form.application .powermail_fieldwrap {
    float: left;
    width: 49%;
  }
  /*.powermail_form.application .powermail_fieldwrap:nth-child(odd) {}*/
  .powermail_form.application .powermail_fieldwrap:nth-child(even) {
    float: right;
    clear: right;
  }

  .powermail_form.application .powermail_fieldwrap_einwilligung {
    float: left !important;
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .powermail_form.tipafriend .powermail_label {
    float: left;
    width: 33.33333%;
  }
  .powermail_form.tipafriend .powermail_label + .powermail_field {
    float: left;
    width: 50%;
  }
}
.top {
  height: 40px;
}
.top .dropdown.open a {
  background: none !important;
  color: #9c8b43;
}
.top .hotline {
  background-color: #b0a269;
  color: white;
  font-size: 1.231em;
  font-weight: bold;
  text-align: center;
}

#slider-start {
  background-color: #e6e5e3;
  margin-left: -15px;
  margin-right: -15px;
  min-height: 100px;
  position: relative;
}
#slider-start .item {
  overflow: hidden;
  transition: all 0.5s;
  width: 100%;
}
#slider-start img {
  max-width: none;
  height: auto;
  vertical-align: top;
  transition: margin 0.5s;
  width: 100%;
}
#slider-start .carousel-caption {
  background: rgba(0, 0, 0, 0.6) none;
  bottom: 0;
  color: #e6e5e3;
  left: 0;
  line-height: 1.5;
  padding: 10px 0;
  position: static;
  right: 0;
  text-align: left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
#slider-start .carousel-caption .container > a {
  color: white;
  display: block;
}
#slider-start .carousel-caption h2 {
  color: white;
  font-size: 1.429em;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 5px;
}
#slider-start .carousel-caption p {
  font-size: 0.857em;
  margin-bottom: 10px;
}
#slider-start .carousel-caption p.btns {
  font-size: 1em;
  margin-bottom: 0;
}
#slider-start .carousel-caption p.btns br {
  display: none;
}
#slider-start .carousel-caption p.btns br + .btn,
#slider-start .carousel-caption p.btns br + .powermail_submit {
  margin-left: 10px;
}
#slider-start .carousel-controls {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 30px;
  right: 30px;
  transform: translateY(-50%);
  z-index: 10;
}

.carousel-control {
  background: rgba(0, 0, 0, 0.6) !important;
  border: 0;
  border-radius: 100%;
  display: block;
  font-size: 1em;
  height: 26px;
  line-height: 26px;
  opacity: 1 !important;
  position: static;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  width: 26px;
}
.carousel-control.left {
  float: left;
  margin-right: 10px;
  padding-right: 2px;
}
.carousel-control.right {
  float: left;
  padding-left: 2px;
}
.carousel-control.play,
.carousel-control.pause {
  padding: 0 !important;
}
.carousel-control:hover {
  background-color: #9c8b43 !important;
}

.sliderresize {
  background: transparent url(../Images/more-image.png) no-repeat center top;
  bottom: 0;
  display: none;
  height: 108px;
  left: 0;
  padding-top: 58px;
  position: absolute;
  right: 0;
  z-index: 2;
}
.sliderresize > span {
  color: #e6e5e3;
  cursor: pointer;
  font-weight: 300;
  font-size: 1.214em;
  left: 0;
  margin: auto;
  opacity: 0;
  padding-top: 60px;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  transition: opacity 0.5s 0.25s;
  top: 0;
  width: 200px;
  z-index: 20;
}
.sliderresize > span:hover {
  opacity: 1;
}

.carousel-caption.sliderresize {
  display: block;
  height: auto;
}
.carousel-caption.sliderresize > span i {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  padding: 1px 5px;
}

.scrollhint {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  color: white;
  cursor: pointer;
  display: none;
  font-weight: 300;
  left: 0;
  margin: auto;
  padding: 10px 10px 10px 40px;
  position: absolute;
  right: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  top: 30px;
  width: 180px;
  z-index: 3;
}
.scrollhint .fa {
  animation: animatedarrow 1.25s linear infinite;
  font-size: 30px;
  left: 10px;
  position: absolute;
  top: 13px;
}

@keyframes animatedarrow {
  0% {
    top: -5px;
    opacity: 0;
  }
  50% {
    top: 13px;
    opacity: 1;
  }
  100% {
    top: 30px;
    opacity: 0;
  }
}
.open .sliderresize {
  background-image: url(../Images/less-image.png);
}

.logo {
  position: relative;
}
.logo a {
  background-color: white;
  border-radius: 0 0 4px 4px;
  display: block;
  left: 0;
  outline: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.logo img {
  margin: auto;
  width: auto;
}

.contactflag,
.ticketflag {
  display: none;
  background-color: #b0a269;
  color: white;
  font-size: 1.143em;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
}
.contactflag:hover,
.contactflag:focus,
.ticketflag:hover,
.ticketflag:focus {
  background-color: #9c8b43;
  color: white;
  outline: 0;
  text-decoration: none;
}
.contactflag i.fa,
.ticketflag i.fa {
  padding-bottom: 5px;
  font-weight: 1.25em;
  font-weight: normal;
  -ms-transform: rotateZ(20deg);
  -webkit-transform: rotateZ(20deg);
  transform: rotateZ(20deg);
}
.contactflag span,
.ticketflag span {
  display: none;
}

.cookieinfo {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.5);
  color: white;
  font-size: 16px;
  line-height: 1.4;
  padding: 20px;
  border-bottom: 2px solid #363636;
}
.cookieinfo .wrap {
  width: 100%;
  max-width: 960px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  padding: 30px;
  background-color: #b0a269;
}
.cookieinfo a {
  color: white;
  font-weight: bold;
}
.cookieinfo a:hover,
.cookieinfo a:focus {
  color: white;
  text-decoration: underline;
}
.cookieinfo .close {
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  color: #969696;
  float: right;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  margin: 0 0 10px 20px;
  opacity: 1;
  position: static !important;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  width: 40px;
}
.cookieinfo .close:hover,
.cookieinfo .close:focus {
  color: #363636;
  text-decoration: none;
}

@media (max-width: 768px) {
  .contactflag,
  .ticketflag {
    position: fixed;
    right: 0;
    padding: 10px;
    width: 44px;
    height: 44px;
    font-size: 1.4em;
    z-index: 100;
  }
  .contactflag span,
  .ticketflag span {
    display: none;
  }
  .contactflag {
    bottom: 0;
  }
  .ticketflag {
    bottom: 0;
  }
}

@media (min-width: 768px) {
  #slider-start {
    min-height: 200px;
  }
  #slider-start.slider-start-contentpages img {
    margin-top: 0;
  }
  #slider-start .item {
    max-height: 300px;
  }
  #slider-start .carousel-caption {
    padding: 10px 0 30px;
    position: absolute;
  }
  #slider-start .carousel-caption h2 {
    font-size: 1.857em;
  }
  #slider-start .carousel-caption p {
    font-size: 1em;
  }
  #slider-start .carousel-caption p.btns br {
    display: inline;
  }
  #slider-start .carousel-caption p.btns br + .btn,
  #slider-start .carousel-caption p.btns br + .powermail_submit {
    margin-left: 0;
  }
  #slider-start .carousel-caption p.btns .btn,
  #slider-start .carousel-caption p.btns .powermail_submit {
    margin-top: 10px;
  }
  #slider-start .carousel-caption.sliderresize {
    background: transparent url(../Images/more-image.png) no-repeat center top;
    padding: 55px 0 30px;
  }
  #slider-start.open .carousel-caption.sliderresize {
    background-image: url(../Images/less-image.png);
  }
  #slider-start.open .item {
    max-height: 600px;
  }
  #slider-start.open img {
    margin-top: 0;
  }

  .start #slider-start.open .item {
    max-height: 600px;
  }
  .be-layout-homepage #slider-start .item,
  .be-layout-badelster #slider-start .item,
  .be-layout-badbrambach #slider-start .item {
    max-height: 500px;
  }

  .sliderresize {
    display: block;
  }

  .contactflag,
  .ticketflag {
    border-radius: 4px;
    bottom: 169px;
    padding: 12px;
    position: absolute;
    left: 10px;
    top: auto;
    width: auto;
    z-index: 10;
  }
  .contactflag i.fa,
  .ticketflag i.fa {
    font-size: 1.25em;
    vertical-align: middle;
  }
  .ticketflag {
    left: 122px;
  }
}
@media (min-width: 992px) {
  #slider-start {
    min-height: 300px;
  }
  #slider-start .item {
    max-height: 430px;
  }
  #slider-start > .container {
    bottom: 143px;
    height: 0;
    position: relative;
  }
  #slider-start .carousel-caption {
    height: 250px;
    padding: 50px 0 50px;
  }
  #slider-start .carousel-caption h2 {
    font-size: 2.857em;
    margin-bottom: 10px;
  }
  #slider-start.open .item {
    max-height: 900px;
  }
  #slider-start.open img {
    margin-top: -5%;
  }

  .sliderresize {
    height: 128px;
  }

  .start #slider-start.open .item {
    max-height: 900px;
  }
  .be-layout-homepage #slider-start .item,
  .be-layout-badelster #slider-start .item,
  .be-layout-badbrambach #slider-start .item {
    max-height: 900px;
  }
  .start #slider-start > .container {
    bottom: 266px;
  }

  .contactflag {
    bottom: 0;
  }

  .ticketflag {
    bottom: 0;
    left: 10px;
  }

  .open .scrollhint {
    display: block;
  }
}
@media (min-width: 1150px) {
  #slider-start.slider-start-contentpages img {
    margin-top: 0;
  }

  /*.be-layout-homepage #slider-start .item,
  .be-layout-badelster #slider-start .item,
  .be-layout-badbrambach #slider-start .item {
    max-height: 880px; }*/

  .contactflag,
  .ticketflag {
    display: block;
    border-radius: 0;
    height: 40px;
    left: auto;
    line-height: inherit;
    padding: 10px 0;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 40px;
  }

  .contactflag {
    right: 41px;
    bottom: 0;
  }
  .ticketflag {
    bottom: 0;
  }

  .top .hotline {
    font-size: 1.385em;
  }
}
@media (min-width: 1280px) {
  .contactflag {
    right: 41px;
    bottom: 0;
  }
  .ticketflag {
    bottom: 0;
  }
}
@media (min-width: 1440px) {
  .contactflag {
    right: 41px;
    bottom: 0;
  }
  .ticketflag {
    bottom: 0;
  }
}
@media (min-width: 1600px) {
  .contactflag {
    right: 41px;
    bottom: 0;
  }
  .ticketflag {
    bottom: 0;
  }
}
@media (min-width: 1920px) {
  .contactflag {
    right: 41px;
    bottom: 0;
  }
  .ticketflag {
    bottom: 0;
  }
}
footer {
  background-color: #f0f0f0;
  color: #343434;
  padding: 12px 0 0;
  margin-top: 0;
  text-align: center;
}
footer .navbar-right {
  margin: -52px 0 0 !important;
}
footer p {
  font-size: 1em;
  line-height: 1.8em;
}
footer h2 {
  font-size: 1.429em;
  font-weight: 700;
  margin-bottom: 20px;
}
footer address {
  margin-bottom: 30px;
}
footer a,
footer a:hover,
footer a:focus {
  color: #343434;
}
footer ul {
  margin-bottom: 20px;
}
footer li {
  margin-bottom: 10px;
}
footer li.arrow {
  margin-bottom: 5px;
}
footer li.arrow a {
  font-weight: normal;
}
footer li.arrow a:hover,
footer li.arrow a:focus {
  text-decoration: underline;
}
footer li.arrow:before {
  content: "› ";
  font-weight: bold;
}
footer li.tel,
footer li.fax,
footer li.mail,
footer li.form {
  display: flex;
}
footer li.mail a,
footer li.form a {
  text-decoration: underline;
}
footer li.mail a:hover,
footer li.form a:hover {
  text-decoration: none;
}
footer li.tel:before,
footer li.fax:before,
footer li.mail:before,
footer li.form:before {
  content: "";
  flex: 0 0 20px;
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-color: #b0a269;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}
footer li.tel:before {
  background-image: url(../Images/footer_phone.svg);
}
footer li.fax:before {
  background-image: url(../Images/footer_fax.svg);
}
footer li.mail:before {
  background-image: url(../Images/footer_mail.svg);
}
footer li.form:before {
  background-image: url(../Images/footer_form.svg);
}

.bgcolor2 + footer {
  border-top: 40px solid #fafafa;
  margin-top: 0;
}

ul.contact li {
  margin-bottom: 10px;
  padding-top: 3px;
}
ul.contact i.fa {
  display: none;
  font-size: 1.429em;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 22px;
}

ul.socialmedia {
  display: inline-block;
}
ul.socialmedia li {
  display: inline-block;
  margin-right: 9px;
  vertical-align: top;
}
ul.socialmedia a {
  display: block;
  height: 25px;
  overflow: hidden;
  text-indent: -9999px;
  width: 25px;
  background-position: center;
  background-size: contain;
}
ul.socialmedia a.facebook {
  background-color: #335499;
  background-image: url(../Images/facebook.png);
}
ul.socialmedia a.instagram {
  background-color: transparent;
  background-image: url(../Images/instagram.png);
}
ul.socialmedia a.youtube {
  background-color: #cc3232;
  background-image: url(../Images/youtube.png);
}
ul.socialmedia a.twitter {
  background-color: #35aadf;
  background-image: url(../Images/twitter.png);
}
ul.socialmedia a:hover,
ul.socialmedia a:focus {
  opacity: 1 !important;
}
ul.socialmedia:hover a,
ul.socialmedia:focus a {
  opacity: 0.5;
}

.additional-service {
  margin-bottom: 10px;
  text-align: center;
}
.additional-service ul {
  margin: 0;
}
.additional-service li {
  display: inline-block;
}
.additional-service a {
  display: block;
  padding: 5px;
}
.additional-service li.active a {
  text-decoration: underline;
}
.additional-service .dropdown-menu {
  left: auto;
  right: 0;
}
.additional-service .dropdown-menu li {
  display: block;
  margin: 0;
}

.copy {
  background: #b1b3b4;
  color: white;
  font-size: 0.929em;
  line-height: 2;
  padding: 7px 0;
  text-align: center;
}
.copy p {
  margin: 0;
}

@media (min-width: 480px) {
  footer,
  .copy {
    text-align: left;
  }

  ul.contact li {
    padding-left: 33px;
    position: relative;
  }
  ul.contact i.fa {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .col-sm-3 {
    width: 50%;
  }

  .copy p {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  footer {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  footer .navbar-right {
    margin: -70px 0 0 !important;
  }
}
.navbar-default .navbar-toggle {
  background: none !important;
  border: 0;
  border-left: 1px solid #e6e5e3;
  border-radius: 0;
  height: 40px;
  margin: 0;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #9c8b43;
}
.navbar-default .navbar-toggle.collapsed .icon-bar {
  background-color: #969696;
}

#navi-top {
  background: none;
  border: 0;
  border-radius: 0;
  font-size: 0.929em;
  font-weight: 600;
  line-height: 40px;
  margin: 0;
}
#navi-top .navbar-header ul {
  margin: 0;
}
#navi-top .navbar-header a {
  border-left: 1px solid #e6e5e3;
  color: #969696;
  display: block;
  line-height: inherit;
  padding: 0 5px;
}
#navi-top .navbar-header a:hover,
#navi-top .navbar-header a:focus,
#navi-top .navbar-header a.active {
  color: #9c8b43;
}
#navi-top li {
  display: none;
}
#navi-top .home,
#navi-top .cart {
  display: block;
  float: left;
  position: relative;
  width: 50%;
}
#navi-top .home a,
#navi-top .cart a {
  font-size: 2em;
  height: auto;
  line-height: inherit;
}
#navi-top .home a {
  background: url(../Images/logo_crown_only.jpg) no-repeat center center;
  background-size: contain;
  border: 0;
  height: 40px;
}
#navi-top .home a i.fa {
  display: none;
}
#navi-top .badge {
  opacity: 0.95;
  position: absolute;
  left: 17px;
  top: 3px;
}
#navi-top .active a {
  background: none;
  color: #9c8b43;
}
#navi-top .cart a:before {
  content: " ";
  border-bottom: 5px solid white;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 20px;
  opacity: 0;
  position: absolute;
  top: -205px;
  transition: all 0.35s 0.2s linear;
  z-index: 200;
}
#navi-top .cart a:after {
  background: white;
  border-radius: 4px;
  content: attr(data-title);
  color: #363636;
  font-size: 0.5em;
  left: 0;
  line-height: 1.5;
  opacity: 0;
  padding: 15px;
  position: absolute;
  top: -200px;
  transition: all 0.35s 0.2s linear;
  width: 220px;
  z-index: 200;
}
#navi-top .cart a:hover:after,
#navi-top .cart a:hover:before,
#navi-top .cart a:focus:after,
#navi-top .cart a:focus:before {
  opacity: 1;
  top: 50px;
}
#navi-top .cart a:hover:before,
#navi-top .cart a:focus:before {
  top: 45px;
}

.top .navbar-form {
  margin: 0;
}
.top .searchterm,
.top .searchbtn {
  background: 0;
  border: 0;
  margin: 0;
  padding: 0;
}
.top .searchterm {
  border-left: 1px solid #e6e5e3 !important;
  border-radius: 0;
  box-shadow: none;
  height: 40px;
  padding: 0 30px 0 12px;
  width: 100%;
}
.top .searchbtn {
  color: #969696;
  font-size: 1.571em;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
}
.top .searchbtn:hover,
.top .searchbtn:focus {
  color: #9c8b43;
}

.navi-pages {
  left: 4px;
  position: absolute;
  right: 4px;
  top: 10px;
  z-index: 10;
}
.navi-pages a.btn,
.navi-pages a.powermail_submit {
  background-color: rgba(255, 255, 255, 0.7);
  border-left-width: 8px;
  border-radius: 4px;
  box-shadow: none !important;
  display: block;
  font-weight: normal;
  font-size: 0.75em;
  line-height: 1.1;
  padding: 5px 10px;
  text-align: left;
  white-space: normal;
}
.navi-pages a.btn:hover,
.navi-pages a.powermail_submit:hover,
.navi-pages a.btn:focus,
.navi-pages a.powermail_submit:focus,
.navi-pages a.btn.active,
.navi-pages a.active.powermail_submit {
  background-color: white;
}
.navi-pages a.btn br,
.navi-pages a.powermail_submit br {
  display: none;
}
.navi-pages a.btn b,
.navi-pages a.powermail_submit b {
  display: block;
  font-size: 1.25em;
  font-weight: bold;
}
.navi-pages a.btn b:before,
.navi-pages a.powermail_submit b:before {
  content: "» ";
  font-weight: 600;
}
.navi-pages a.btn.active b:before,
.navi-pages a.active.powermail_submit b:before {
  content: none;
}
.navi-pages a.btn.elster b:before,
.navi-pages a.elster.powermail_submit b:before {
  color: #974c94;
}
.navi-pages a.btn.brambach b:before,
.navi-pages a.brambach.powermail_submit b:before {
  color: #b0a269;
}
.navi-pages.doorpage {
  left: 6px;
  right: 6px;
  top: 50px;
}
.navi-pages.doorpage a.btn,
.navi-pages.doorpage a.powermail_submit {
  float: right;
  width: 49%;
}
.navi-pages.doorpage a.btn.active,
.navi-pages.doorpage a.active.powermail_submit {
  border-left: 0;
  float: left;
}

.navi-bread {
  background-color: white;
  color: white;
  padding: 15px 0;
  right: 0;
}
.navi-bread ul {
  overflow: hidden;
}
.navi-bread li {
  float: left;
  padding-right: 5px;
}
.navi-bread li:before {
  content: "» ";
  font-weight: bold;
  color: #9c8b43;
}
.navi-bread li:first-child:before {
  content: none;
}
.navi-bread a,
.navi-bread span {
  display: inline-block;
  color: #363636;
  border-bottom: 1px solid transparent;
}
.navi-bread a:hover,
.navi-bread a:focus {
  border-bottom: 1px solid;
  text-decoration: none;
}
.navi-bread li.cur span {
  border-bottom: 1px solid;
}

#navi-main,
#navi-main-mobile {
  background: none;
  border: 0;
  padding: 0;
  position: relative;
  z-index: 10;
}
#navi-main li,
#navi-main-mobile li {
  float: none;
  position: relative;
  text-align: center;
}
#navi-main a,
#navi-main-mobile a {
  background-color: #b0a269;
  color: white;
  font-weight: 600;
  outline: 0;
  padding: 10px 6px;
}
#navi-main li.active a,
#navi-main li:hover a,
#navi-main a:hover,
#navi-main a:focus,
#navi-main-mobile li.active a,
#navi-main-mobile li:hover a,
#navi-main-mobile a:hover,
#navi-main-mobile a:focus {
  background-color: #f1f1f1 !important;
  color: #9c8b43;
  text-decoration: none;
}
#navi-main ul ul,
#navi-main-mobile ul ul {
  background-color: #f1f1f1;
  display: none;
}
#navi-main ul ul li,
#navi-main-mobile ul ul li {
  border: 0;
  display: block;
}
#navi-main ul ul a,
#navi-main-mobile ul ul a {
  background-color: #f1f1f1;
  color: #363636 !important;
  display: block;
  width: auto;
}
#navi-main ul ul li.active a,
#navi-main ul ul a:hover,
#navi-main ul ul a:focus,
#navi-main-mobile ul ul li.active a,
#navi-main-mobile ul ul a:hover,
#navi-main-mobile ul ul a:focus {
  color: #9c8b43 !important;
  text-decoration: none;
}

#navi-main li:hover ul {
  display: block;
}

#navi-main-mobile li.hasSub > a:after {
  font-family: "FontAwesome";
  font-weight: normal;
  content: "";
  padding-left: 5px;
}
#navi-main-mobile li.hasSub.open > a:after {
  content: "";
}
#navi-main-mobile li.active ul,
#navi-main-mobile li.open ul {
  display: block;
}

#navi-main-mobile {
  margin: 0 -6px;
  padding: 6px 6px;
}
#navi-main-mobile.in {
  border-top: 1px solid #e6e5e3;
}

.navbar-right {
  clear: both;
  float: right;
  margin: 0;
}
.navbar-right li {
  border-left: 1px solid #b0a269;
  float: left;
}
.navbar-right a {
  color: #969696;
  display: block;
  font-size: 0.929em;
  line-height: 40px;
  padding: 0 15px;
}
.navbar-right a:hover,
.navbar-right a:focus,
.navbar-right a:hover i,
.navbar-right a:focus i {
  color: #9c8b43;
  text-decoration: none;
}
.navbar-right i {
  color: #b0a269;
  font-size: 1.429em;
  padding-right: 6px;
  vertical-align: middle;
}

.navbar-nav {
  margin: 0;
}

@media (min-width: 768px) {
  #navi-top li {
    display: block;
  }
  #navi-top .home a {
    background: none;
    border-left: 1px solid #e6e5e3;
    height: auto;
    width: auto;
  }
  #navi-top .home a i.fa {
    display: inline-block;
  }
  #navi-top .home,
  #navi-top .cart {
    width: auto;
  }
  #navi-top .cart a:after {
    left: -85px;
  }
  #navi-top .language-menu a {
    background: transparent none no-repeat center center;
    background-size: 22px auto;
    border-left: 0;
    overflow: hidden;
    opacity: 0.5;
    padding: 0 5px !important;
    text-indent: -9999px;
    width: 30px;
  }
  #navi-top .language-menu a.german {
    background-image: url(../Images/german.png);
  }
  #navi-top .language-menu a.english {
    background-image: url(../Images/english.png);
  }
  #navi-top .language-menu a.czech {
    background-image: url(../Images/czech.png);
  }
  #navi-top .language-menu li {
    float: left;
  }
  #navi-top .language-menu li:first-child a {
    border-left: 1px solid #e6e5e3;
  }
  #navi-top .language-menu li.active a,
  #navi-top .language-menu a:hover {
    opacity: 1;
  }

  .navi-pages {
    right: auto;
  }
  .navi-pages a.btn,
  .navi-pages a.powermail_submit {
    float: none;
    font-size: 1em;
    padding: 5px 10px 5px 15px;
  }
  .navi-pages.doorpage {
    top: 143px;
  }
  .navi-pages.doorpage a.btn,
  .navi-pages.doorpage a.powermail_submit {
    float: none;
    position: absolute;
    top: 47px;
    width: 100%;
  }
  .navi-pages.doorpage a.btn.active,
  .navi-pages.doorpage a.active.powermail_submit {
    text-align: center;
    top: 0;
  }

  #navi-main {
    margin-top: -23px;
  }
  #navi-main ul {
    display: table;
    width: 100%;
  }
  #navi-main li {
    border-left: 1px solid #9c8b43;
    display: table-cell;
    vertical-align: middle;
  }
  #navi-main li:first-child {
    border: 0;
  }
  #navi-main li:first-child > a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  #navi-main li:last-child > a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  #navi-main li:hover:first-child > a,
  #navi-main li.open:first-child > a {
    border-bottom-left-radius: 0;
  }
  #navi-main li:hover:last-child > a,
  #navi-main li.open:last-child > a {
    border-bottom-right-radius: 0;
  }
  #navi-main a {
    display: table-cell;
    height: 80px;
    vertical-align: middle;
    width: 1%;
  }
  #navi-main ul ul {
    border: 1px solid #e6e5e3;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    padding: 10px 20px;
    position: absolute;
    top: 100%;
    left: 0;
    width: auto;
    z-index: 1000;
  }
  #navi-main ul ul li {
    text-align: left;
  }
  #navi-main ul ul a {
    border-radius: 0 !important;
    height: auto;
    padding: 5px 0;
    white-space: nowrap;
  }
  #navi-main ul ul a:before {
    color: #9c8b43;
    content: "» ";
  }
  #navi-main li:first-child ul {
    left: 0;
  }
  #navi-main li:nth-child(6) ul,
  #navi-main li:nth-child(7) ul,
  #navi-main li:last-child ul {
    left: auto;
    right: 0;
  }

  #navi-main-mobile li.hasSub > a:after {
    content: none !important;
  }
}
@media (min-width: 992px) {
  #navi-main {
    margin-top: -43px;
  }
  #navi-main a {
    font-size: 1.143em;
  }

  .navi-pages {
    bottom: 90px;
    height: 0;
    left: 66.6667%;
    position: relative;
    right: 0;
    top: auto;
  }
  .navi-pages a.btn,
  .navi-pages a.powermail_submit {
    font-size: 1.143em;
    min-height: 115px;
    padding: 15px 25px 15px 20px;
  }
  .navi-pages a.btn br,
  .navi-pages a.powermail_submit br {
    display: inline;
  }
  .navi-pages.doorpage {
    bottom: auto;
    left: 0;
    position: relative;
    right: 0;
    top: 124px;
  }
  .navi-pages.doorpage a.btn,
  .navi-pages.doorpage a.powermail_submit {
    left: 0;
    min-height: 37px;
    padding: 10px 10px 10px 15px;
    position: absolute;
    top: 69px;
    width: 100%;
  }
  .navi-pages.doorpage a.btn.active,
  .navi-pages.doorpage a.active.powermail_submit {
    border-left: 0;
    margin-left: 0;
    top: 0;
  }
}
@media (min-width: 1420px) {
  .navi-pages.doorpage a.btn,
  .navi-pages.doorpage a.powermail_submit {
    left: 100%;
    margin-left: 12px;
    top: 0;
    width: 200px;
  }
  .navi-pages.doorpage a.btn.active,
  .navi-pages.doorpage a.active.powermail_submit {
    left: 0;
    width: 100%;
  }
}
.tx-wecmap-map {
  position: relative !important;
  display: block;
  height: 0 !important;
  margin-bottom: 20px;
  max-width: 100% !important;
  padding: 0;
  padding-bottom: 75%;
  overflow: hidden !important;
  width: 100% !important;
}
.tx-wecmap-map .marker {
  font-family: "Helvetica Neue", "Open Sans", Arial, sans-serif;
  padding-bottom: 10px;
}
.tx-wecmap-map .marker .startendaddress {
  background: none;
  color: #363636;
  display: inline-block;
  font-size: 100%;
  margin-right: 5%;
  padding: 2px;
  width: 75%;
}
.tx-wecmap-map .marker .startendaddress:focus {
  color: #363636;
}
.tx-wecmap-map .marker .startendaddresssubmit {
  background: #f1f1f1;
  border: 0;
  border-left: 4px solid #b0a269;
  font-weight: bold;
  padding: 3px 10px;
  width: 20%;
}

table.adp-placemark td {
  padding: 2px 10px;
  vertical-align: middle !important;
}

div.csc-textpic-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
div.csc-textpic-left .csc-textpic-imagewrap,
div.csc-textpic-intext-left .csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  float: none;
}
div.csc-textpic-right .csc-textpic-imagewrap img,
div.csc-textpic-intext-right .csc-textpic-imagewrap img,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap img,
div.csc-textpic-left .csc-textpic-imagewrap img,
div.csc-textpic-intext-left .csc-textpic-imagewrap img,
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img {
  display: block;
  max-width: 100%;
  height: auto;
}

.bgcolor2 {
  background-color: #fafafa;
}

.maincontent {
  padding-top: 30px;
  padding-bottom: 18px;
}

.maincontent h2 {
  color: #b0a269;
  font-size: 1.714em;
  font-weight: 700;
  margin-bottom: 20px;
}
.maincontent ul,
.maincontent ol {
  list-style: disc;
  padding-left: 20px;
}
.maincontent ul li,
.maincontent ol li {
  margin-bottom: 8px;
}
.maincontent ol {
  list-style-type: decimal;
}
.maincontent ul.special {
  list-style: none;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 0;
}
.maincontent ul.special li {
  margin: 0;
}
.maincontent ul.special a {
  border-bottom: 1px solid #b0a269;
  display: block;
  padding: 8px 0;
  margin-right: 12px;
}
.maincontent ul.special li:nth-child(1) a {
  border-top: 1px solid #b0a269;
}
.maincontent table {
  width: 100%;
}
.maincontent table th,
.maincontent table td {
  vertical-align: top;
}
.maincontent table th {
  font-weight: bold;
  text-transform: uppercase;
}
.maincontent table.contenttable {
  margin-bottom: 30px;
}
.maincontent table.contenttable th,
.maincontent table.contenttable td {
  border-bottom: 1px solid #b0a269;
  padding: 6px 10px;
  text-align: center;
}
.maincontent table.contenttable th:nth-child(even),
.maincontent table.contenttable td:nth-child(even) {
  background-color: #f1f1f1;
}
.maincontent table.contenttable td:first-child {
  padding-left: 0;
  text-align: left;
}
.maincontent dl {
  margin-bottom: 10px;
}
.maincontent dl dt {
  font-weight: bold;
  float: left;
  margin-bottom: 10px;
  width: 100px;
}
.maincontent dl dd {
  margin: 0 0 10px 110px;
}

img#vctagid,
img.idupe {
  height: auto;
  max-width: 100%;
}

.Img a {
  display: block;
}

.Angebot {
  background-color: #f1f1f1;
  margin-bottom: 12px;
  overflow: hidden;
  padding: 20px;
  height: 100%;
}
.Angebot .Pauschaltyp {
  margin: 10px 0 0;
  font-size: 1rem;
}
.Angebot .InfoundBuchen {
  margin: 0;
}
.Angebot .InfoundBuchen .btn,
.Angebot .InfoundBuchen .powermail_submit {
  margin-top: 10px;
  text-align: center;
  width: 130px;
}

.DetailsAngebot .btn,
.DetailsAngebot .powermail_submit,
.accordion .btn,
.accordion .powermail_submit {
  background-color: #f1f1f1;
  margin-right: 20px;
  margin-top: 10px;
}
.DetailsAngebot .btn.StartGalery,
.DetailsAngebot .StartGalery.powermail_submit,
.DetailsAngebot .btn.StartVideo,
.DetailsAngebot .StartVideo.powermail_submit,
.accordion .btn.StartGalery,
.accordion .StartGalery.powermail_submit,
.accordion .btn.StartVideo,
.accordion .StartVideo.powermail_submit {
  margin-bottom: 10px;
}
.DetailsAngebot .Img,
.accordion .Img {
  text-align: center;
}
.DetailsAngebot .Img picture img,
.accordion .Img picture img {
  margin: 0 auto;
}
.DetailsAngebot .PreisKatBeherberger h2,
.accordion .PreisKatBeherberger h2 {
  margin-bottom: 10px;
}
.DetailsAngebot .PreisKatBeherberger table,
.accordion .PreisKatBeherberger table {
  display: block;
}
.DetailsAngebot .PreisKatBeherberger table th,
.DetailsAngebot .PreisKatBeherberger table td,
.accordion .PreisKatBeherberger table th,
.accordion .PreisKatBeherberger table td {
  display: block;
  padding: 5px 5px 5px 0;
  width: 100%;
}
.DetailsAngebot .PreisKatBeherberger table th,
.accordion .PreisKatBeherberger table th {
  white-space: nowrap;
}
.DetailsAngebot .PreisKatBeherberger a.btn,
.DetailsAngebot .PreisKatBeherberger a.powermail_submit,
.accordion .PreisKatBeherberger a.btn,
.accordion .PreisKatBeherberger a.powermail_submit {
  background-color: white;
  margin-right: 0;
  white-space: nowrap;
}
.DetailsAngebot .block,
.accordion .block {
  margin-bottom: 12px;
}
.DetailsAngebot .OfferDetailBlock,
.DetailsAngebot .accordion-element,
.accordion .OfferDetailBlock,
.accordion .accordion-element {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.DetailsAngebot .OfferDetailBlock h2,
.DetailsAngebot .accordion-element h2,
.accordion .OfferDetailBlock h2,
.accordion .accordion-element h2 {
  margin: 0;
}
.DetailsAngebot .OfferDetailBlock .accblock,
.DetailsAngebot .accordion-element .accblock,
.accordion .OfferDetailBlock .accblock,
.accordion .accordion-element .accblock {
  padding: 0 20px 20px;
}
.DetailsAngebot .OfferDetailBlock .accblock *:last-child,
.DetailsAngebot .accordion-element .accblock *:last-child,
.accordion .OfferDetailBlock .accblock *:last-child,
.accordion .accordion-element .accblock *:last-child {
  margin-bottom: 0;
}
.DetailsAngebot .OfferDetailBlock .accblock > *,
.DetailsAngebot .accordion-element .accblock > *,
.accordion .OfferDetailBlock .accblock > *,
.accordion .accordion-element .accblock > * {
  margin-bottom: 20px;
}
.DetailsAngebot .OfferDetailBlock i.fa,
.DetailsAngebot .accordion-element i.fa,
.accordion .OfferDetailBlock i.fa,
.accordion .accordion-element i.fa {
  background-color: #4a4a4a;
  border-radius: 100%;
  color: white;
  height: 26px;
  line-height: 16px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 20px;
  width: 26px;
}
.DetailsAngebot .OfferDetailBlock i.fa:before,
.DetailsAngebot .accordion-element i.fa:before,
.accordion .OfferDetailBlock i.fa:before,
.accordion .accordion-element i.fa:before {
  font-size: 0.667em;
}
.DetailsAngebot .OfferDetailBlock .collapsed i.fa,
.DetailsAngebot .accordion-element .collapsed i.fa,
.accordion .OfferDetailBlock .collapsed i.fa,
.accordion .accordion-element .collapsed i.fa {
  transform: rotateZ(180deg);
}
.DetailsAngebot .OfferDetailBlock a,
.DetailsAngebot .accordion-element a,
.accordion .OfferDetailBlock a,
.accordion .accordion-element a {
  color: #b0a269;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  outline: 0;
  position: relative;
}
.DetailsAngebot .OfferDetailBlock h2 a,
.DetailsAngebot .accordion-element h2 a,
.accordion .OfferDetailBlock h2 a,
.accordion .accordion-element h2 a {
  display: block;
  padding: 20px 45px 20px 20px;
}
.DetailsAngebot .OfferDetailBlock b,
.DetailsAngebot .accordion-element b,
.accordion .OfferDetailBlock b,
.accordion .accordion-element b {
  color: #b0a269;
}

.maincontent ol.Buchungssteps {
  background-color: #f1f1f1;
  counter-reset: ordered-list;
  line-height: 48px;
  list-style: none;
  margin: 0 0 30px;
  overflow: hidden;
  padding: 0;
}
.maincontent ol.Buchungssteps li {
  font-weight: bold;
  margin: 0;
  padding: 0 10px;
  text-transform: uppercase;
}
.maincontent ol.Buchungssteps li[class^="anmelden"] {
  background-color: #e5e5e5;
}
.maincontent ol.Buchungssteps a,
.maincontent ol.Buchungssteps.ready span {
  color: #363636;
  display: block;
}
.maincontent ol.Buchungssteps a:hover,
.maincontent ol.Buchungssteps a:focus,
.maincontent ol.Buchungssteps.ready span:hover,
.maincontent ol.Buchungssteps.ready span:focus {
  text-decoration: none;
}
.maincontent ol.Buchungssteps a:before,
.maincontent ol.Buchungssteps span:before {
  background-color: #a2a7aa;
  border: 3px solid #a2a7aa;
  border-radius: 100%;
  color: white !important;
  counter-increment: ordered-list;
  content: counter(ordered-list, decimal);
  display: inline-block;
  font-size: 1em;
  height: 30px;
  line-height: 24px;
  margin-right: 10px;
  text-align: center;
  width: 30px;
  vertical-align: middle;
}
.maincontent ol.Buchungssteps li.active a,
.maincontent ol.Buchungssteps.ready li.active span {
  color: #b0a269;
}
.maincontent ol.Buchungssteps li.active a:before,
.maincontent ol.Buchungssteps.ready li.active span:before {
  background-color: #b0a269;
  border-color: #c2b78a;
}

#booking {
  margin: 30px 0;
}

.block #booking {
  margin: 0 0 10px;
}
.block div[id^="tabs-"] #booking {
  margin: 0;
}

.WarenkorbAngebotsBlock {
  border-top: 1px solid #b0a269;
  margin: 0 -20px;
  padding: 20px 20px 0;
}
.WarenkorbAngebotsBlock .Img {
  margin-right: -20px;
}
.WarenkorbAngebotsBlock .Img img {
  margin-bottom: 10px;
}
.WarenkorbAngebotsBlock:first-child {
  border-top: 0;
  padding-top: 0;
}

.AngebotBuchungsoptionen table {
  margin: 30px 0;
}
.AngebotBuchungsoptionen table th,
.AngebotBuchungsoptionen table td {
  border-bottom: 1px solid #b0a269;
  padding: 5px 5px 5px 0;
}
.AngebotBuchungsoptionen .oneliner {
  line-height: 36px;
}

.additional-participants label {
  line-height: 32px;
}

.PreisInfo {
  background-color: #b0a269;
  color: white;
  margin: 0 -20px -20px;
  overflow: hidden;
  padding: 30px;
}
.PreisInfo table {
  margin-bottom: 30px;
  width: 100%;
}
.PreisInfo tr td {
  border-bottom: 1px solid white;
  padding: 5px 10px 5px 0;
}
.PreisInfo tr.gross td {
  border-bottom: 0;
  font-weight: bold;
  text-transform: uppercase;
}
.PreisInfo p.NextStepBtn,
.PreisInfo p.RefreshBtn {
  float: right;
  margin: 0;
}
.PreisInfo p.RefreshBtn {
  float: left;
}

.paybasket table.basketoverview th,
.paybasket table.basketoverview td {
  padding: 10px;
}
.paybasket table.basketoverview th:first-child,
.paybasket table.basketoverview td:first-child {
  display: none;
  padding-left: 0;
}
.paybasket table.basketoverview th:nth-child(even),
.paybasket table.basketoverview td:nth-child(even) {
  background-color: #f1f1f1;
}
.paybasket table.basketoverview th {
  padding: 5px 10px;
}
.paybasket table.basketoverview tbody td {
  border-top: 1px solid #b0a269;
}
.paybasket table.basketoverview .center {
  text-align: center;
}
.paybasket table.basketoverview .hg + .hg td {
  border-top: 0;
  padding-top: 0;
}
.paybasket .PreisInfo {
  margin: 0 0 30px;
}
.paybasket .PreisInfo table {
  float: right;
  margin: 0;
}
.paybasket .PreisInfo p.NextStepBtnRight2 {
  float: none;
  text-align: center;
}

.WebresBookingForm {
  margin-bottom: 12px;
}

.BeherbergerItem {
  margin-bottom: 30px;
  padding: 20px 20px 0;
}
.BeherbergerItem .Img {
  float: right;
  margin: 0 -20px 0 20px;
  width: 33.3333%;
}
.BeherbergerItem .BildergalerieDaten {
  display: none;
}
.BeherbergerItem .KurzinfoBlock h2 a {
  color: #b0a269;
}
.BeherbergerItem.accomodation .Img {
  width: 25%;
}
.BeherbergerItem.accomodation .Img .StartGalery,
.BeherbergerItem.accomodation .Img .StartVideo {
  margin: 10px 0;
}
.BeherbergerItem .GoogleMapsBlock .map_canvas {
  height: 0 !important;
  margin-bottom: 20px;
  padding-bottom: 75% !important;
  width: 100% !important;
}
.BeherbergerItem .DetailBlock b {
  font-weight: bold;
}

.Tab {
  background: white;
  line-height: 52px;
  margin: -20px -20px 20px;
}
.Tab ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.Tab li {
  margin: 0 !important;
}
.Tab li:first-child a {
  border-left: 0 !important;
}
.Tab a {
  border-left: 1px solid #b0a269;
  color: #363636;
  display: block;
  font-weight: bold;
  padding: 0 7px;
  white-space: nowrap;
}
.Tab a.active {
  background-color: #f1f1f1;
}
.Tab a:before {
  color: #b0a269;
  content: "» ";
}
.Tab a:hover,
.Tab a:focus {
  background-color: #f1f1f1;
  outline: 0;
  text-decoration: none;
}
.Tab a i.fa {
  font-size: 2em;
  line-height: 50px;
  padding: 0 12px;
}

.tx-indexedsearch-browsebox ul {
  background-color: #f1f1f1;
  list-style: none;
  margin: 20px 0;
  overflow: hidden;
  padding: 0;
}
.tx-indexedsearch-browsebox ul li {
  float: left;
  margin: 0;
}
.tx-indexedsearch-browsebox a {
  color: #363636;
  display: block;
  padding: 10px;
}

@media (min-width: 480px) {
  .Angebot {
    position: relative;
  }
  .Angebot .Img {
    float: right;
    margin: 0 -20px -20px 20px;
    width: 50%;
  }
  .Angebot .InfoundBuchen {
    bottom: 0;
    left: 0;
    position: static;
  }

  .DetailsAngebot .PreisKatBeherberger table {
    display: table;
    width: 100%;
  }
  .DetailsAngebot .PreisKatBeherberger table th,
  .DetailsAngebot .PreisKatBeherberger table td {
    border-top: 1px solid #b0a269;
    display: table-cell;
    width: auto;
  }
  .DetailsAngebot .PreisKatBeherberger table tr:first-child th,
  .DetailsAngebot .PreisKatBeherberger table tr:first-child td {
    border: 0;
  }
  .DetailsAngebot .block.colored .PreisKatBeherberger table {
    margin-bottom: 10px;
  }
  .DetailsAngebot .block.colored .PreisKatBeherberger table th,
  .DetailsAngebot .block.colored .PreisKatBeherberger table td {
    border-bottom: 1px solid;
    border-top: 0;
    border-color: white !important;
    color: white;
    padding: 10px 10px 10px 0;
  }

  .maincontent ul.special li {
    float: left;
    width: 50%;
  }
  .maincontent ul.special li:nth-child(2) a {
    border-top: 1px solid #b0a269;
  }
}
@media (min-width: 600px) {
  .maincontent ol.Buchungssteps li {
    float: left;
    padding: 0;
    text-align: center;
    width: 33.3333%;
  }
  .maincontent ol.Buchungssteps li[class^="anmelden"] {
    position: relative;
  }
  .maincontent ol.Buchungssteps li[class^="anmelden"]:before,
  .maincontent ol.Buchungssteps li[class^="anmelden"]:after {
    content: " ";
    border-left: 24px solid #f1f1f1;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 2;
  }
  .maincontent ol.Buchungssteps li[class^="anmelden"]:before {
    left: 0;
  }
  .maincontent ol.Buchungssteps li[class^="anmelden"]:after {
    border-left-color: #e5e5e5;
    right: -24px;
  }
}
@media (min-width: 768px) {
  div.csc-textpic-right .csc-textpic-imagewrap,
  div.csc-textpic-intext-right .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: right;
  }

  div.csc-textpic-left .csc-textpic-imagewrap,
  div.csc-textpic-intext-left .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left;
  }

  .DetailsAngebot .Img {
    text-align: inherit;
  }
  .DetailsAngebot .Img picture img {
    margin: 0;
  }

  .maincontent ol.Buchungssteps {
    line-height: 96px;
    margin: 0 0 30px;
  }
  .maincontent ol.Buchungssteps li {
    float: left;
    padding: 0;
    text-align: center;
    width: 33.3333%;
  }
  .maincontent ol.Buchungssteps li[class^="anmelden"]:before,
  .maincontent ol.Buchungssteps li[class^="anmelden"]:after {
    border-left-width: 32px;
    border-top-width: 48px;
    border-bottom-width: 48px;
  }
  .maincontent ol.Buchungssteps li[class^="anmelden"]:after {
    right: -32px;
  }
  .maincontent ol.Buchungssteps a:before,
  .maincontent ol.Buchungssteps span:before {
    border: 6px solid #a2a7aa;
    font-size: 1.714em;
    height: 56px;
    line-height: 44px;
    margin-right: 10px;
    width: 56px;
  }

  .maincontent .intext-left figure {
    float: left;
    margin: 0 12px 12px 0;
  }
  .maincontent .intext-right figure {
    float: right;
    margin: 0 0 12px 12px;
  }

  .Tab li {
    float: left;
  }

  .PreisInfo {
    position: relative;
  }
  .PreisInfo table {
    float: left;
    width: 33.3333%;
    margin: 0;
  }
  .PreisInfo table ~ p.NextStepBtn,
  .PreisInfo table ~ p.RefreshBtn {
    float: right;
    margin-top: 50px;
  }
  .PreisInfo table ~ p.RefreshBtn {
    margin-right: 20px;
  }

  .paybasket table.basketoverview th,
  .paybasket table.basketoverview td {
    padding: 20px;
  }
  .paybasket table.basketoverview th:first-child,
  .paybasket table.basketoverview td:first-child {
    display: table-cell;
  }
  .paybasket table.basketoverview th {
    padding: 5px 20px;
  }

  #leistungservice,
  #beherbergungskategorien {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
    -moz-column-gap: 4em;
    -webkit-column-gap: 4em;
    column-gap: 4em;
  }
}
@media (min-width: 992px) {
  .maincontent ol.Buchungssteps li[class^="anmelden"]:before,
  .maincontent ol.Buchungssteps li[class^="anmelden"]:after {
    border-left-width: 48px;
  }
  .maincontent ol.Buchungssteps li[class^="anmelden"]:after {
    right: -48px;
  }
}
/* Übernahme aus altem CSS */
div.tx-lufeditbooking .F4NActiveItem,
div.F4NActiveItem {
  visibility: visible;
  display: block;
}

div.tx-lufeditbooking .F4NNotActiveItem,
div.F4NNotActiveItem {
  visibility: hidden;
  display: none;
}

.F4NBezahlOptionen {
  margin-bottom: 20px;
  overflow: hidden;
}
.F4NBezahlOptionen .radio {
  margin: 0 0 20px 0;
}
.F4NBezahlOptionen .radio input[type="radio"] {
  margin-top: 4px;
}

.teasers .teaser {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0;
}

.teaser {
  margin-bottom: 12px;
  overflow: hidden;
  position: relative;
}
.teaser.nomargin {
  margin-bottom: 0px;
}
.teaser > a:hover,
.teaser > a:focus {
  text-decoration: none;
}
.teaser > a:focus .content h2,
.teaser > a:focus .content h3 {
  text-decoration: underline;
}
.teaser img:first-child {
  width: auto;
}
.teaser .content {
  background-color: #f1f1f1;
  color: #363636;
  padding: 20px 0;
  position: relative;
  z-index: 2;
}
.teaser h2 {
  color: #b0a269;
  font-size: 2em;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
}
.teaser h3 {
  color: #b0a269;
  font-size: 1.714em;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: none;
}
.teaser h3:only-child {
  margin: 0;
  white-space: nowrap;
}
.teaser.teaser-2 h3 {
  color: inherit;
}
.teaser ul {
  margin-bottom: 10px;
}
.teaser ul li {
  margin: 0;
}
.teaser .links,
.teaser p:last-child {
  margin: 0;
}
.teaser .links > * {
  margin-bottom: 10px;
}
.teaser .links > *:last-child {
  margin-bottom: 0x;
}
.teaser .carousel-controls {
  left: 20px;
  position: absolute;
  top: -36px;
  transition: opacity 0.25s;
  opacity: 0;
}
.teaser:hover .carousel-controls {
  opacity: 1;
}
.teaser.teaser-1 .links br + .btn,
.teaser.teaser-1 .links br + .powermail_submit {
  margin-top: 5px;
}
.teaser.teaser-1,
.teaser.teaser-1 > a,
.teaser.teaser-3,
.teaser.teaser-3 > a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: white;
}
.teaser.teaser-1.reverse,
.teaser.teaser-1.reverse > a {
  flex-direction: row-reverse;
}
.teaser.teaser-1 .content {
  text-align: center;
  background-color: white;
}
.teaser.teaser-2 img {
  display: none;
}
.teaser.teaser-2 .content {
  background-color: transparent;
}
.teaser.teaser-3 img {
  display: none;
}
.teaser.teaser-beherbergung h2,
.teaser.teaser-beherbergung h3 {
  margin: 0;
}
.teaser.color-highlight .content {
  background-color: transparent;
  color: #343434;
}
.teaser.color-highlight h2,
.teaser.color-highlight h3 {
}
.teaser.color-highlight .links .Icon {
  color: #b0a269;
  border-color: #b0a269;
}
.teaser.color-highlight .links .Icon:after {
  content: "";
}
.teaser.color-highlight .links .Icon:hover,
.teaser.color-highlight .links .Icon:focus {
  color: #b0a269 !important;
}
.teaser.color-dark .content {
  background-color: transparent;
  color: #343434;
}
.teaser.color-dark h2,
.teaser.color-dark h3 {
  color: inherit;
}
.teaser.color-dark .links .Icon {
  color: inherit;
}
.teaser.color-dark .links .Icon:before {
  color: inherit;
}
.teaser.color-dark .links .Icon:hover,
.teaser.color-dark .links .Icon:focus {
  color: #b0a269;
}
.teaser.color-gray h2,
.teaser.color-gray h3 {
  color: #969696;
}

.imageholder {
  position: relative;
  overflow: hidden;
}

.splash {
  left: 0;
  position: absolute;
  top: 0;
  max-width: 100%;
  width: auto !important;
  z-index: 1;
}
.splash.top-mid {
  margin: 0 auto;
  right: 0;
}
.splash.top-right {
  left: auto;
  right: 0;
}
.splash.mid-right {
  bottom: 0;
  left: auto;
  margin: auto 0;
  right: 0;
}
.splash.bottom-right {
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
}
.splash.bottom-mid {
  bottom: 0;
  margin: 0 auto;
  right: 0;
  top: auto;
}
.splash.bottom-left {
  bottom: 0;
  top: auto;
}
.splash.mid-left {
  bottom: 0;
  margin: auto 0;
}

.popup-overlay {
  background: rgba(241, 241, 241, 0.7);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
}

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: white;
  padding: 30px;
  transform: translate(-50%, -50%);
}

.popup.fixed {
  z-index: 1001;
}
.popup.fixed.center .content,
.popup.fixed.center .inner {
  position: fixed;
  left: 0;
  right: 0;
  max-width: 90%;
  max-height: 90%;
  top: 5%;
  width: 100%;
}
.popup.fixed.center .close {
  right: 0;
  position: fixed;
  top: 0;
}
.popup.fixed.bottom-right {
  position: fixed;
  right: 10%;
  bottom: 0;
}
.popup.fixed.bottom-right .close {
  right: 0;
}
.popup .content,
.popup .inner {
  margin: 0 auto;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px 20px 1px;
  z-index: 1002;
}
.popup .content h1,
.popup .content h2,
.popup .content h3,
.popup .content h4,
.popup .content h5,
.popup .content h6,
.popup .inner h1,
.popup .inner h2,
.popup .inner h3,
.popup .inner h4,
.popup .inner h5,
.popup .inner h6 {
  color: inherit;
}
.popup .content p:last-child,
.popup .inner p:last-child {
  margin-bottom: 20px;
}
.popup .content > a,
.popup .inner > a {
  color: white;
  display: block;
}
.popup .content > a:hover,
.popup .content > a:focus,
.popup .inner > a:hover,
.popup .inner > a:focus {
  text-decoration: none;
}
.popup.colored {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.popup.colored.fixed.center {
  box-shadow: 0;
}
.popup.colored.fixed.center .content,
.popup.colored.fixed.center .inner {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.popup.colored .close {
  border: 0;
  line-height: 40px;
}
.popup .close {
  background-color: white;
  border: 2px solid #4a4a4a;
  color: #969696;
  cursor: pointer;
  font-size: 40px;
  height: 40px;
  line-height: 28px;
  margin: 0 auto;
  opacity: 1;
  position: absolute;
  text-align: center;
  text-shadow: none;
  top: 5%;
  width: 40px;
  z-index: 1003;
}
.popup .close:hover,
.popup .close:focus {
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  color: #b0a269;
}

@media (min-width: 480px) {
  .teaser.teaser-1 .links .btn + br,
  .teaser.teaser-1 .links .powermail_submit + br {
    display: none;
  }
  .teaser.teaser-1 .links br + .btn,
  .teaser.teaser-1 .links br + .powermail_submit {
    margin-left: 10px;
    margin-top: 0 !important;
  }
  .teaser.teaser-2 img {
    display: block;
  }
  .teaser.teaser-2 img:first-child {
    left: 0;
    position: static;
    top: 0;
    width: 100%;
  }
  .teaser.teaser-2 .content {
    float: none;
    width: 100%;
  }

  .col-md-3:nth-child(odd) .teaser-2 img:first-child {
    left: auto;
    right: 0;
  }
  .col-md-3:nth-child(odd) .teaser-2 .content {
    float: left;
  }
}
@media (min-width: 768px) {
  .teaser h2 {
    font-size: 2.125em;
    margin-bottom: 30px;
  }
  .teaser .carousel-controls {
    bottom: 15px;
    left: auto;
    right: -77px;
    top: auto;
  }
  .teaser.teaser-1 .content {
    margin-top: 0;
    padding: 30px;
  }
  .teaser.teaser-1.color-gray .content {
    margin-top: -170px;
  }
  .teaser.teaser-1 .splash.bottom-left,
  .teaser.teaser-1 .splash.bottom-mid,
  .teaser.teaser-1 .splash.bottom-right {
    bottom: 130px;
  }
  .teaser.teaser-2:not(.color-trans) img:first-child,
  .teaser.teaser-2:not(.color-trans) .content {
    float: none;
    position: static;
    width: 100%;
  }
  .teaser.teaser-2:not(.color-trans) .content {
    min-height: auto;
  }
  .teaser.teaser-3 .links {
    clear: both;
  }
  .teaser.teaser-4 .content {
    left: 0;
    padding: 30px;
    position: absolute;
    top: 0;
    width: 75%;
  }
  .teaser.teaser-5 .content {
    bottom: 0;
    left: auto;
    position: absolute;
    right: 0;
    width: 75%;
  }
  .teaser.teaser-beherbergung .content,
  .teaser.teaser-gallery .content {
    left: 0;
    right: auto;
  }
  .teaser.color-trans .content {
    background-color: rgba(241, 241, 241, 0.9);
  }
  .teaser.color-trans.color-dark .content {
    background-color: rgba(74, 74, 74, 0.9);
  }
  .teaser.color-trans.color-highlight .content {
    background-color: rgba(176, 162, 105, 0.9);
  }

  .col-md-4 .teaser.teaser-gallery .content {
    width: 75%;
  }

  .col-sm-4 .teaser.teaser-1 .content {
    margin-top: -60px;
    padding: 20px;
  }

  .popup.fixed.center .content,
  .popup.fixed.center .inner {
    max-height: 60%;
    max-width: 600px;
    top: 20%;
    padding: 40px 40px 20px;
  }
  .popup.fixed.center .close {
    right: 0;
    top: 0;
  }
}
@media (min-width: 992px) {
  .teaser .carousel-controls {
    bottom: auto;
    left: 20px;
    right: auto;
    top: -36px;
  }
  .teaser.teaser-1 .content {
    margin-top: 0;
    margin-right: 0;
  }
  .teaser.teaser-1.color-gray .content {
    margin-top: -173px;
  }
  .teaser.teaser-1 > div,
  .teaser.teaser-1 > a > div {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .teaser.teaser-2 img:first-child,
  .teaser.teaser-2 .content {
    float: none;
    position: relative;
    width: 100%;
  }
  .teaser.teaser-2 .content {
    min-height: auto;
  }
  .teaser.teaser-2.color-trans .content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
  }
  .teaser.teaser-3 .links {
    clear: none;
  }
  .teaser.teaser-4 .content {
    width: 41.15%;
  }
  .teaser.teaser-5 .content {
    width: 50%;
  }
  .teaser.teaser-beherbergung .content {
    width: 82%;
  }

  .col-sm-4 .teaser.teaser-1 .content {
    margin-right: 18%;
  }
}

.teaser .teaser-paragraph-wrapper {
  margin-bottom: 20px;
}

.teaser .teaser-paragraph-wrapper > p {
  margin-bottom: 0;
}