.button-transition {
  -webkit-transition:all 500ms ease 0s;
  -moz-transition:all 500ms ease 0s;
  -o-transition:all 500ms ease 0s;
  -ms-transition:all 500ms ease 0s;
  transition:all 500ms ease 0s
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap {
  font-family:'Source Sans Pro',Arial;
  font-size:16px;
  line-height:22px;
  color:#1d1d1d
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap>div {
  margin:0 auto;
  max-width:1200px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap>div.fullsize,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap>div.modal {
  max-width:none
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap h1 {
  color:#1d1d1d;
  font-size:28px;
  font-family:'Source Sans Pro',Arial !important;
  font-weight:400;
  margin:0 0 15px 0;
  letter-spacing:0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap h2 {
  color:#1d1d1d;
  font-size:22.4px;
  font-family:'Source Sans Pro',Arial !important;
  font-weight:400;
  margin:25px 0 10px 0;
  letter-spacing:0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap h2 a {
  color:#0e7eaa
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap h3 {
  color:#1d1d1d;
  font-size:16.8px;
  font-family:'Source Sans Pro',Arial !important;
  font-weight:400;
  margin:25px 0 10px 0;
  letter-spacing:0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap h4 {
  color:#1d1d1d;
  font-size:11.2px;
  font-family:'Source Sans Pro',Arial !important;
  font-weight:400;
  margin-top:0;
  margin-bottom:15px;
  letter-spacing:0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap h5,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap h5 a {
  color:#1d1d1d;
  font-family:'Source Sans Pro',Arial !important;
  font-weight:400;
  font-size:8.4px;
  margin-top:10px;
  margin-bottom:10px;
  letter-spacing:0
}
@media only screen and (max-width:768px) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap {
    font-size:16px !important
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a:link {
  color:#0e7eaa;
  text-decoration:underline;
  text-underline-offset:3px;
  outline-offset:3px;
  border:0 !important;
  font-weight:normal !important;
  display:inline
}

#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.bearbeiten {
  text-decoration:none
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.bearbeiten::before {
  font-family:FontAwesome;
  content:"\f044";
  padding-right:4px;
  padding-top:2px
}
@media only screen and (max-width:360px) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.bearbeiten {
    font-size:16px
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.pdf-download {
  background:url(images/icon-pdf.png) left no-repeat;
  padding-left:20px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.edit {
  text-decoration:none;
  color:#808080;
  height:22px;
  display:block;
  clear:both
}
@media only screen and (max-width:768px) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.edit {
    height:auto
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.edit:hover {
  text-decoration:none
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.edit:after {
  font-family:FontAwesome;
  content:"\f040";
  color:#ccc;
  margin-left:10px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.edit:hover:after {
  color:#999
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.arrow:before {
  font-family:FontAwesome;
  content:"\f0a9";
  padding-right:5px;
  font-weight:normal
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.arrow {
  text-decoration:none;
  font-family:'Source Sans Pro',Arial;
  font-weight:600;
  font-style:normal
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap img {
  border-radius:0;
  overflow:hidden;
  width:100%
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap span.infoblock {
  font-size:12px;
  font-style:italic;
  line-height:14px;
  margin-top:10px;
  margin-bottom:15px;
  display:block
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .texthintcolor {
  color:#666
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .texthint {
  color:#666;
  font-size:0.8em
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap img.float-right,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .float-right {
  float:right;
  margin-left:20px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap img.float-left,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .float-left {
  float:left;
  margin-right:20px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap div.email-post {
  background:url(images/icon-emailpost.png) left no-repeat;
  width:23px;
  height:25px;
  float:left;
  margin-right:10px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .radio-select {
  margin-bottom:0 !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .radio-select:has(input[type="radio"]:checked) .radio-select-container {
  border-color:#41ace1;
  background-color:#f1f9fd
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .radio-select:has(input[type="radio"]:checked)+.radio-select .radio-select-container {
  border-top-color:transparent
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .radio-select:first-child .radio-select-container,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .radio-select:first-child .radio-select-label {
  border-radius:6px 6px 0 0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .radio-select:last-child .radio-select-container,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .radio-select:last-child .radio-select-label {
  border-radius:0 0 6px 6px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .radio-select-container {
  border:1px solid #8792a6;
  padding:0;
  margin-bottom:0;
  margin-top:-1px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .radio-select-label {
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  padding:12px 15px;
  transition:0.3s ease;
  line-height:20px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .radio-select-label:hover {
  background-color:#f1f9fd
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .radio-select-label .price-label {
  margin-left:auto
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .radio-select-input {
  margin:0 2px 0 0;
  width:16px !important;
  height:16px !important;
  outline-offset:2px;
  position:relative
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .radio-select-input:focus-visible {
  outline:2px solid -webkit-focus-ring-color
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap form {
  line-height:20px;
  accent-color:#0e7eaa !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap select.btn,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap label.btn.focus {
  outline:0;
  transition:outline 0s !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap select.btn:focus-visible,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap label.btn.focus:focus-visible,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap select.btn:has(:focus-visible),
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap label.btn.focus:has(:focus-visible) {
  outline:2px solid -webkit-focus-ring-color !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap label.btn.active.focus:focus-within {
  outline-offset:1px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap select,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input {
  border:1px solid #8792a6;
  font-size:16px;
  padding:8px !important;
  overflow:visible;
  border-radius:4px !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap select {
  height:auto !important;
  line-height:22px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap option {
  border-top:1px solid #ddd;
  padding:3px;
  overflow:visible
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap label {
  font-weight:normal !important;
  margin-bottom:0;
  font-size:16px
}
@media only screen and (max-width:992px) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .form-control {
    height:auto;
    width:100%
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap select.xs,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input.xs {
  width:30%;
  font-size:100% !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap select.s,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input.s {
  width:30%;
  font-size:100% !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap select.m,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input.m {
  width:64%;
  font-size:100% !important
}
@media only screen and (max-width:768px) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap select.m,
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input.m {
    width:100%
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap select.l,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input.l {
  width:100%;
  font-size:100% !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row {
  margin-bottom:8px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row .left {
  text-align:right
}
@media only screen and (max-width:992px) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row .left {
    text-align:left
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap span.infoblock {
  font-size:12px;
  font-style:italic;
  line-height:14px;
  margin-top:10px;
  margin-bottom:15px;
  display:block
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap span.info {
  font-size:12px;
  font-style:italic;
  line-height:14px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap label {
  font-weight:normal;
  margin-bottom:0;
  font-size:16px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap label.required::after,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap legend.required::after {
  content:" *";
  color:#E60000;
  font-weight:700
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap :invalid {
  box-shadow:none
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .has-error :required {
  border:1px solid #E60000;
  outline-color:#E60000
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .has-error .control-label,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .has-error .help-block.with-errors,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .has-error label {
  color:#E60000
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .has-error .control-label::before,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .has-error .help-block.with-errors::before,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .has-error label::before {
  font-family:FontAwesome;
  content:"\f06a";
  color:#E60000;
  padding-right:5px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .has-error .help-block.with-errors {
  display:flex
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .help-block:empty {
  display:none
}
@media only screen and (max-width:992px) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap select.xs,
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input.xs {
    width:40%;
    font-size:100% !important
  }
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap select,
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input {
    padding:10px !important
  }
}
@media only screen and (max-width:360px) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap select.s,
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input.s {
    width:30%
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .form-control {
  border-radius:0;
  font-size:16px;
  color:#1d1d1d
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .form-control:focus {
  outline:2px solid -webkit-focus-ring-color;
  box-shadow:none
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .form-control-fieldset .form-control-fieldset-wrapper {
  display:grid;
  grid-template-columns:1fr 2fr;
  column-gap:8px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .form-control-fieldset .form-control-fieldset-wrapper input {
  width:100%
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .form-control-fieldset .form-control-fieldset-wrapper .help-block {
  grid-column:-1;
  margin-bottom:0 !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .form-checkbox-container {
  display:flex;
  align-items:baseline;
  gap:6px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .form-checkbox-container input[type="checkbox"] {
  outline-offset:2px;
  width:16px !important;
  height:16px !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .form-control-legend {
  text-align:right;
  font-size:16px;
  border:0;
  margin:0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input[type="checkbox"] {
  margin:0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap label {
  cursor:pointer
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap label div {
  display:inline
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input.cross[type="checkbox"] {
  display:none
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input.cross[type="checkbox"]+label span {
  display:inline-block;
  width:19px;
  height:19px;
  margin:-1px 4px 0 0;
  vertical-align:middle;
  -webkit-transition:background-image .2s ease-in-out;
  -moz-transition:background-image .2s ease-in-out;
  -o-transition:background-image .2s ease-in-out;
  -ms-transition:background-image .2s ease-in-out;
  transition:background-image .2s ease-in-out;
  background:url("../modules/suche/1.0/images/check_radio_sheet.png") left top no-repeat
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input.cross[type="checkbox"]:checked+label span {
  background:url("../modules/suche/1.0/images/check_radio_sheet.png") -19px top no-repeat
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input.check[type="checkbox"] {
  display:none
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input.check[type="checkbox"]+label span {
  display:inline-block;
  width:19px;
  height:19px;
  margin:-1px 4px 0 0;
  vertical-align:middle;
  -webkit-transition:background-image .2s ease-in-out;
  -moz-transition:background-image .2s ease-in-out;
  -o-transition:background-image .2s ease-in-out;
  -ms-transition:background-image .2s ease-in-out;
  transition:background-image .2s ease-in-out;
  background:url("../modules/suche/1.0/images/checkboxes_check.png") left top no-repeat
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap input.check[type="checkbox"]:checked+label span {
  background:url("../modules/suche/1.0/images/checkboxes_check.png") -19px top no-repeat
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap label {
  font-weight:normal !important;
  margin-bottom:0;
  font-size:16px
}
@supports (-webkit-touch-callout: none) {
  select {
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-color:#fff;
    border:1px solid #ddd
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .button-blau,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau:link {
  background-color:#0e7eaa;
  border:0;
  border-radius:4px;
  box-shadow:none;
  color:#ffffff;
  padding:10px 20px !important;
  font-size:16px;
  transition:background-color .3s ease outline 0s;
  font-weight:600;
  text-decoration:none;
  outline-offset:1px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .button-blau:hover,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau:hover,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau:link:hover,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .button-blau:active,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau:active,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau:link:active {
  color:#fff !important;
  background-color:#00678c;
  text-decoration:none
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .button-blau:focus,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau:focus,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau:link:focus {
  outline:2px solid -webkit-focus-ring-color
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .button-blau[disabled],
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau[disabled],
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau:link[disabled],
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .button-blau.disabled,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau.disabled,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau:link.disabled {
  background-color:#f5f5f5;
  color:#6c757d;
  border-color:#ced4da;
  cursor:not-allowed;
  opacity:1 !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .button-blau[disabled]:hover,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau[disabled]:hover,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau:link[disabled]:hover,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .button-blau.disabled:hover,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau.disabled:hover,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap a.button-blau:link.disabled:hover {
  background-color:#f5f5f5 !important;
  color:#6c757d !important;
  border-color:#ced4da !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .button-request {
  background-color:transparent;
  color:#0e7eaa;
  min-width:90%;
  font-weight:600;
  border:1px solid transparent;
  font-size:16px !important;
  padding:8px !important;
  width:100% !important;
  border-radius:4px;
  font-family:'Source Sans Pro',Arial;
  font-weight:700;
  font-style:normal;
  transition:all 0.3s ease
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .button-request:hover,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .button-request:active {
  color:#00678c;
  text-decoration:none
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .btn-default {
  font-family:'Source Sans Pro',Arial !important;
  font-weight:400 !important;
  font-style:normal !important;
  text-shadow:none !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .btn-default:hover {
  color:#fff !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .back-button-link {
  border:0;
  background-color:transparent;
  color:#0e7eaa;
  text-decoration:underline;
  text-underline-offset:3px;
  font-weight:600;
  padding:0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .back-button-link:hover {
  color:#00678c
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .op-frontend-booking div.warning {
  -moz-border-bottom-colors:none;
  -moz-border-left-colors:none;
  -moz-border-right-colors:none;
  -moz-border-top-colors:none;
  border-image:none;
  border-radius:0;
  border:1px solid #a90329;
  border-left-width:5px;
  margin:20px 0;
  padding:10px;
  color:#a90329 !important;
  font-size:16px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .op-frontend-booking div.warning h2 {
  font-size:18px;
  color:#a90329;
  margin-top:0;
  font-weight:700
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .op-frontend-network-error {
  font-family:'Source Sans Pro',Arial;
  font-size:16px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .op-frontend-network-error .small {
  font-size:5px;
  font-weight:200;
  color:#8792a6
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .vtop {
  padding-top:5px !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .vcenter {
  display:flex;
  align-items:center
}
@media only screen and (max-width:992px) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .vcenter {
    display:block
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .vbottom {
  display:flex;
  align-items:baseline
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row.center,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row .center {
  text-align:center
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row.right,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row .right {
  text-align:right
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row.space,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row .space,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .space {
  margin-bottom:20px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap strong,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap b {
  font-family:'Source Sans Pro',Arial !important;
  font-weight:600 !important;
  font-style:normal !important
}
@media only screen and (max-width:360px) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .m-right {
    text-align:right
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row.no-gutters {
  margin-right:0;
  margin-left:0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row.no-gutters>[class^="col-"],
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row.no-gutters>[class*=" col-"] {
  padding-right:0;
  padding-left:0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .pad-left {
  padding-left:20px !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .pad-right {
  padding-right:20px !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row .no-pad-right {
  padding-right:0 !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row .no-pad-left {
  padding-left:0 !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .no-pad {
  padding-right:0 !important;
  padding-left:0 !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row .vcenter {
  height:40px;
  line-height:45px;
  vertical-align:middle
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .no-marg {
  margin-right:-15px !important;
  margin-left:-15px !important
}
@media only screen and (max-width:768px) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row .m-no-pad-right {
    padding-right:0 !important
  }
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row .m-no-pad-left {
    padding-left:0 !important
  }
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row .m-no-pad {
    padding-right:0 !important;
    padding-left:0 !important
  }
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .row .m-pad {
    padding-right:15px !important;
    padding-left:15px !important
  }
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .pad-left {
    padding-left:0 !important
  }
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .pad-right {
    padding-right:0 !important
  }
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .marg-bottom-sm {
    margin-bottom:20px
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .flag {
  background-color:#fff;
  border:2px solid #e8e8e8;
  -webkit-border-radius:0;
  border-radius:0;
  background-clip:padding-box;
  padding:7px 5px;
  position:absolute;
  z-index:5;
  color:#808080;
  width:30px;
  text-align:center
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .flag:before {
  border-color:transparent #e8e8e8;
  border-style:solid;
  border-width:0 0 6px 10px;
  bottom:-7px;
  content:"";
  display:block;
  position:absolute;
  right:3px;
  width:0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .flag:after {
  border-color:transparent transparent;
  border-style:solid;
  border-width:0 0 10px 4px;
  bottom:-7px;
  content:"";
  display:block;
  position:absolute;
  right:3px;
  width:0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .flag.favorite {
  top:10px;
  right:-25px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .flag.favorite.active {
  color:#f0b400
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .flag.last-minute {
  top:10px;
  right:-25px;
  color:#a90329
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap div.buchungsbedingungen {
  background-color:#fff;
  padding:10px;
  height:300px;
  overflow-y:scroll;
  font-size:16px;
  margin-bottom:15px;
  border:1px solid #e8e8e8
}
@media only screen and (max-width:360px) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap div.buchungsbedingungen {
    height:200px
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap div.buchungsbedingungen input.button-blau {
  margin-top:30px
}
@media only screen and (max-width:360px) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap div.buchungsbedingungen input.button-blau {
    white-space:normal
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap div.buchungsbedingungen input.button-blau:hover,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap div.buchungsbedingungen button.button-blau:hover {
  background:#2094b7 none repeat scroll 0 0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .classification.hidden-xs {
  position:absolute;
  z-index:100;
  top:-20px;
  right:0;
  min-width:100px;
  text-align:center;
  cursor:help
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .classification .star-hotel {
  font-size:20px;
  font-style:normal;
  font-weight:normal;
  font-family:Arial;
  display:inline-block;
  text-align:center;
  position:relative;
  color:#f0b400;
  width:20px;
  height:20px;
  line-height:20px;
  font-size:16px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .classification .star-hotel:after {
  width:20px;
  height:20px;
  line-height:20px;
  display:block;
  position:absolute;
  content:'\2605'
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .classification .star-hotel.superior {
  font-size:20px;
  font-style:normal;
  font-weight:normal;
  font-family:Arial;
  display:inline-block;
  text-align:center;
  position:relative;
  color:#f0b400;
  width:20px;
  height:20px;
  line-height:20px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .classification .star-hotel.superior:after {
  content:""
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .classification .star-hotel.superior:before {
  width:20px;
  height:20px;
  line-height:20px;
  color:black;
  position:absolute;
  z-index:101;
  left:0;
  content:"S"
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .classification .star-fewo {
  font-size:20px;
  font-style:normal;
  font-weight:normal;
  font-family:Arial;
  display:inline-block;
  text-align:center;
  position:relative;
  color:#f0b400;
  width:20px;
  height:20px;
  line-height:20px;
  font-size:25px;
  width:25px;
  height:25px;
  line-height:25px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .classification .star-fewo:after {
  content:'\2738'
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .relative {
  position:relative
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .absolute {
  position:absolute
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .op-frontend-core-loading {
  width:200px;
  height:auto;
  text-align:center
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .op-frontend-loading-text {
  font-family:'Source Sans Pro',Arial;
  font-style:italic;
  color:#a1a1a1;
  position:relative;
  padding-top:50px;
  font-size:16px;
  margin:50px 0 50px 0;
  display:block
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap dialog.modal {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  border:none;
  border-radius:6px;
  overflow:auto;
  width:calc(100% - 32px);
  max-width:800px;
  right:auto !important;
  bottom:auto !important;
  height:min-content !important;
  background:transparent !important;
  backdrop-filter:none;
  padding:0 !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap dialog.modal::backdrop {
  background:rgba(0,0,0,0.4);
  opacity:1 !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap dialog.modal[open] {
  display:block
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap dialog.modal .modal-content {
  border:0 !important;
  background-color:#f7f7f7 !important
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .clearfix {
  clear:both
}
@media only screen and (max-width:48em) {
  #op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .modal.mobiscroll-modal .modal-content {
    margin-top:0!important
  }
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-calendar-grid-item {
  margin:1em 0;
  padding-top:1.5em;
  overflow:visible
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-calendar-month-title {
  font-size:1.25em;
  font-weight:700;
  line-height:1.2em;
  margin:-2em 10% 0;
  padding-bottom:.8em
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-ltr.mbsc-disabled {
  pointer-events:none
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-ltr.mbsc-check-in-day:not(.mbsc-calendar-day-empty) {
  background:linear-gradient(to left top, #fabdc4 50%, transparent 50%) no-repeat
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-ltr.mbsc-check-in-day:not(.mbsc-calendar-day-empty).mbsc-weekend {
  background:linear-gradient(to left top, #faa8b1 50%, transparent 50%) no-repeat
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-ltr.mbsc-check-out-day:not(.mbsc-calendar-day-empty) {
  background:linear-gradient(to left top, transparent 50%, #fabdc4 50%) no-repeat
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-ltr.mbsc-check-out-day:not(.mbsc-calendar-day-empty).mbsc-weekend {
  background:linear-gradient(to right bottom, #faa8b1 50%, transparent 50%) no-repeat
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-rtl.mbsc-check-in-day:not(.mbsc-calendar-day-empty) {
  background:linear-gradient(to right bottom, #fabdc4 50%, transparent 50%) no-repeat
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-rtl.mbsc-check-in-day:not(.mbsc-calendar-day-empty).mbsc-weekend {
  background:linear-gradient(to left top, #faa8b1 50%, transparent 50%) no-repeat
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-rtl.mbsc-check-out-day:not(.mbsc-calendar-day-empty) {
  background:linear-gradient(to right bottom, transparent 50%, #fabdc4 50%) no-repeat
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-rtl.mbsc-check-out-day:not(.mbsc-calendar-day-empty).mbsc-weekend {
  background:linear-gradient(to left top, #faa8b1 50%, transparent 50%) no-repeat
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-ltr.mbsc-check-out-day:not(.mbsc-calendar-day-empty),
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-rtl.mbsc-check-in-day:not(.mbsc-calendar-day-empty) {
  border-color:#fabdc4
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-windows.mbsc-check-in-day:not(.mbsc-calendar-day-empty),
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-windows.mbsc-check-out-day:not(.mbsc-calendar-day-empty) {
  border-color:transparent
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-booking:not(.mbsc-calendar-day-empty) {
  background-color:#fabdc4
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-booking:not(.mbsc-calendar-day-empty).mbsc-weekend {
  background-color:#FAA8B1
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-free:not(.mbsc-calendar-day-empty):not(.mbsc-disabled) {
  background-color:#F0FDF4
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-free:not(.mbsc-calendar-day-empty):not(.mbsc-disabled).mbsc-weekend {
  background-color:#D3FDE0
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-button-standard {
  background:#fff;
  color:#0e7eaa;
  transition:0.3s ease
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-button-flat {
  color:#0e7eaa
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-calendar-button.mbsc-button {
  color:#0e7eaa
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-calendar-today,
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-calendar-week-nr {
  color:#0e7eaa
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-selected .mbsc-calendar-cell-text {
  border-color:#0e7eaa;
  background:#0e7eaa;
  color:#fff
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-calendar-month-title {
  color:#0e7eaa
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-scroller-wheel-item-3d.mbsc-wheel-item-multi.mbsc-selected-3d {
  color:#0e7eaa
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
  color:#0e7eaa
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-timegrid-item.mbsc-selected {
  background:#0e7eaa;
  color:#fff
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-range-control-value.active {
  color:#0e7eaa
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-range-day:after {
  background-color:#cfe5ee
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-calendar-cell {
  color:#1d1d1d
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-calendar-slide {
  padding:0 16px
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-calendar-day-text {
  cursor:inherit
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-selected .mbsc-calendar-day-text {
  font-size:1em;
  width:1.5em;
  height:1.5em;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0.2em auto
}
#op-frontend-block #op-frontend-css-wrapper.op-frontend.secra-bootstrap .mbsc-datepicker .mbsc-calendar-label-text {
  text-transform:capitalize
}