/* template/css/00_bootstrap.min.css */


[tabindex="-1"]:focus {
   outline: 0 !important
}

hr {
   box-sizing: content-box;
   height: 0;
   overflow: visible
}


p {
   margin-top: 0;
   margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
   text-decoration: underline;
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
   cursor: help;
   border-bottom: 0;
   -webkit-text-decoration-skip-ink: none;
   text-decoration-skip-ink: none
}

address {
   margin-bottom: 1rem;
   font-style: normal;
   line-height: inherit
}

dl,
ol,
ul {
   margin-top: 0;
   margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
   margin-bottom: 0
}

dt {
   font-weight: 700
}

dd {
   margin-bottom: .5rem;
   margin-left: 0
}

blockquote {
   margin: 0 0 1rem
}

b,
strong {
   font-weight: bolder
}

small {
   
}

sub,
sup {
   position: relative;
   
   line-height: 0;
   vertical-align: baseline
}

sub {
   bottom: -.25em
}

sup {
   top: -.5em
}


a:not([href]):not([tabindex]):focus {
   outline: 0
}

code,
kbd,
pre,
samp {
   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   
}

pre {
   margin-top: 0;
   margin-bottom: 1rem;
   overflow: auto
}

figure {
   margin: 0 0 1rem
}

img {
   vertical-align: middle;
   border-style: none
}

svg {
   overflow: hidden;
   vertical-align: middle
}

table {
   border-collapse: collapse
}

caption {
   padding-top: .75rem;
   padding-bottom: .75rem;
   color: #6c757d;
   text-align: left;
   caption-side: bottom
}

th {
   text-align: inherit
}

label {
   display: inline-block;
   margin-bottom: .5rem
}

button {
   border-radius: 0
}

button:focus {
   outline: 1px dotted;
   outline: 5px auto -webkit-focus-ring-color
}

button,
input,
optgroup,
select,
textarea {
   margin: 0;
   font-family: inherit;
   
   line-height: inherit
}

button,
input {
   overflow: visible
}

button,
select {
   text-transform: none
}

select {
   word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
   -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
   cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
   padding: 0;
   border-style: none
}

input[type=checkbox],
input[type=radio] {
   box-sizing: border-box;
   padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
   -webkit-appearance: listbox
}

textarea {
   overflow: auto;
   resize: vertical
}

fieldset {
   min-width: 0;
   padding: 0;
   margin: 0;
   border: 0
}

legend {
   display: block;
   width: 100%;
   max-width: 100%;
   padding: 0;
   margin-bottom: .5rem;
   
   line-height: inherit;
   color: inherit;
   white-space: normal
}

progress {
   vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
   height: auto
}

[type=search] {
   outline-offset: -2px;
   -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
   -webkit-appearance: none
}

::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button
}

output {
   display: inline-block
}

summary {
   display: list-item;
   cursor: pointer
}

template {
   display: none
}

[hidden] {
   display: none !important
}


.lead {
   
   font-weight: 300
}

.display-1 {

   font-weight: 300;
   line-height: 1.2
}

.display-2 {

   font-weight: 300;
   line-height: 1.2
}

.display-3 {

   font-weight: 300;
   line-height: 1.2
}

.display-4 {

   font-weight: 300;
   line-height: 1.2
}

hr {
   margin-top: 1rem;
   margin-bottom: 1rem;
   border: 0;
   border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
   ;
   font-weight: 400
}

.mark,
mark {
   padding: .2em;
   background-color: #fcf8e3
}

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

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

.list-inline-item {
   display: inline-block
}

.list-inline-item:not(:last-child) {
   margin-right: .5rem
}

.initialism {
  
   text-transform: uppercase
}

.blockquote {
   margin-bottom: 1rem;
   
}

.blockquote-footer {
   display: block;
   ;
   color: #6c757d
}

.blockquote-footer::before {
   content: "\2014\00A0"
}

.img-fluid {
   max-width: 100%;
   height: auto
}

.img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid #dee2e6;
   border-radius: .25rem;
   max-width: 100%;
   height: auto
}

.figure {
   display: inline-block
}

.figure-img {
   margin-bottom: .5rem;
   line-height: 1
}

.figure-caption {
  
   color: #6c757d
}

code {
   
   color: #e83e8c;
   word-break: break-word
}

a>code {
   color: inherit
}

kbd {
   padding: .2rem .4rem;
   font-sizexxx: 87.5%;
   color: #fff;
   background-color: #212529;
   border-radius: .2rem
}

kbd kbd {
   padding: 0;
   font-sizexxx: 100%;
   font-weight: 700
}

pre {
   display: block;
   font-sizexxx: 87.5%;
   color: #212529
}

pre code {
   
   color: inherit;
   word-break: normal
}

.pre-scrollable {
   max-height: 340px;
   overflow-y: scroll
}

.container {
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto
}

@media (min-width:576px) {
   .container {
      max-width: 540px
   }
}

@media (min-width:768px) {
   .container {
      max-width: 720px
   }
}

@media (min-width:992px) {
   .container {
      max-width: 960px
   }
}

@media (min-width:1200px) {
   .container {
      max-width: 1140px
   }
}

.container-fluid {
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto
}

.row {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px
}

.no-gutters {
   margin-right: 0;
   margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
   padding-right: 0;
   padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px
}

.col {
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   -ms-flex-positive: 1;
   flex-grow: 1;
   max-width: 100%
}

.col-auto {
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: auto;
   max-width: 100%
}

.col-1 {
   -ms-flex: 0 0 8.333333%;
   flex: 0 0 8.333333%;
   max-width: 8.333333%
}

.col-2 {
   -ms-flex: 0 0 16.666667%;
   flex: 0 0 16.666667%;
   max-width: 16.666667%
}

.col-3 {
   -ms-flex: 0 0 25%;
   flex: 0 0 25%;
   max-width: 25%
}

.col-4 {
   -ms-flex: 0 0 33.333333%;
   flex: 0 0 33.333333%;
   max-width: 33.333333%
}

.col-5 {
   -ms-flex: 0 0 41.666667%;
   flex: 0 0 41.666667%;
   max-width: 41.666667%
}

.col-6 {
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%
}

.col-7 {
   -ms-flex: 0 0 58.333333%;
   flex: 0 0 58.333333%;
   max-width: 58.333333%
}

.col-8 {
   -ms-flex: 0 0 66.666667%;
   flex: 0 0 66.666667%;
   max-width: 66.666667%
}

.col-9 {
   -ms-flex: 0 0 75%;
   flex: 0 0 75%;
   max-width: 75%
}

.col-10 {
   -ms-flex: 0 0 83.333333%;
   flex: 0 0 83.333333%;
   max-width: 83.333333%
}

.col-11 {
   -ms-flex: 0 0 91.666667%;
   flex: 0 0 91.666667%;
   max-width: 91.666667%
}

.col-12 {
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%
}

.order-first {
   -ms-flex-order: -1;
   order: -1
}

.order-last {
   -ms-flex-order: 13;
   order: 13
}

.order-0 {
   -ms-flex-order: 0;
   order: 0
}

.order-1 {
   -ms-flex-order: 1;
   order: 1
}

.order-2 {
   -ms-flex-order: 2;
   order: 2
}

.order-3 {
   -ms-flex-order: 3;
   order: 3
}

.order-4 {
   -ms-flex-order: 4;
   order: 4
}

.order-5 {
   -ms-flex-order: 5;
   order: 5
}

.order-6 {
   -ms-flex-order: 6;
   order: 6
}

.order-7 {
   -ms-flex-order: 7;
   order: 7
}

.order-8 {
   -ms-flex-order: 8;
   order: 8
}

.order-9 {
   -ms-flex-order: 9;
   order: 9
}

.order-10 {
   -ms-flex-order: 10;
   order: 10
}

.order-11 {
   -ms-flex-order: 11;
   order: 11
}

.order-12 {
   -ms-flex-order: 12;
   order: 12
}

.offset-1 {
   margin-left: 8.333333%
}

.offset-2 {
   margin-left: 16.666667%
}

.offset-3 {
   margin-left: 25%
}

.offset-4 {
   margin-left: 33.333333%
}

.offset-5 {
   margin-left: 41.666667%
}

.offset-6 {
   margin-left: 50%
}

.offset-7 {
   margin-left: 58.333333%
}

.offset-8 {
   margin-left: 66.666667%
}

.offset-9 {
   margin-left: 75%
}

.offset-10 {
   margin-left: 83.333333%
}

.offset-11 {
   margin-left: 91.666667%
}

@media (min-width:576px) {
   .col-sm {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
   }

   .col-sm-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-sm-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%
   }

   .col-sm-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%
   }

   .col-sm-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-sm-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
   }

   .col-sm-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%
   }

   .col-sm-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-sm-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
   }

   .col-sm-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%
   }

   .col-sm-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-sm-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%
   }

   .col-sm-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%
   }

   .col-sm-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-sm-first {
      -ms-flex-order: -1;
      order: -1
   }

   .order-sm-last {
      -ms-flex-order: 13;
      order: 13
   }

   .order-sm-0 {
      -ms-flex-order: 0;
      order: 0
   }

   .order-sm-1 {
      -ms-flex-order: 1;
      order: 1
   }

   .order-sm-2 {
      -ms-flex-order: 2;
      order: 2
   }

   .order-sm-3 {
      -ms-flex-order: 3;
      order: 3
   }

   .order-sm-4 {
      -ms-flex-order: 4;
      order: 4
   }

   .order-sm-5 {
      -ms-flex-order: 5;
      order: 5
   }

   .order-sm-6 {
      -ms-flex-order: 6;
      order: 6
   }

   .order-sm-7 {
      -ms-flex-order: 7;
      order: 7
   }

   .order-sm-8 {
      -ms-flex-order: 8;
      order: 8
   }

   .order-sm-9 {
      -ms-flex-order: 9;
      order: 9
   }

   .order-sm-10 {
      -ms-flex-order: 10;
      order: 10
   }

   .order-sm-11 {
      -ms-flex-order: 11;
      order: 11
   }

   .order-sm-12 {
      -ms-flex-order: 12;
      order: 12
   }

   .offset-sm-0 {
      margin-left: 0
   }

   .offset-sm-1 {
      margin-left: 8.333333%
   }

   .offset-sm-2 {
      margin-left: 16.666667%
   }

   .offset-sm-3 {
      margin-left: 25%
   }

   .offset-sm-4 {
      margin-left: 33.333333%
   }

   .offset-sm-5 {
      margin-left: 41.666667%
   }

   .offset-sm-6 {
      margin-left: 50%
   }

   .offset-sm-7 {
      margin-left: 58.333333%
   }

   .offset-sm-8 {
      margin-left: 66.666667%
   }

   .offset-sm-9 {
      margin-left: 75%
   }

   .offset-sm-10 {
      margin-left: 83.333333%
   }

   .offset-sm-11 {
      margin-left: 91.666667%
   }
}

@media (min-width:768px) {
   .col-md {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
   }

   .col-md-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-md-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%
   }

   .col-md-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%
   }

   .col-md-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-md-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
   }

   .col-md-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%
   }

   .col-md-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-md-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
   }

   .col-md-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%
   }

   .col-md-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-md-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%
   }

   .col-md-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%
   }

   .col-md-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-md-first {
      -ms-flex-order: -1;
      order: -1
   }

   .order-md-last {
      -ms-flex-order: 13;
      order: 13
   }

   .order-md-0 {
      -ms-flex-order: 0;
      order: 0
   }

   .order-md-1 {
      -ms-flex-order: 1;
      order: 1
   }

   .order-md-2 {
      -ms-flex-order: 2;
      order: 2
   }

   .order-md-3 {
      -ms-flex-order: 3;
      order: 3
   }

   .order-md-4 {
      -ms-flex-order: 4;
      order: 4
   }

   .order-md-5 {
      -ms-flex-order: 5;
      order: 5
   }

   .order-md-6 {
      -ms-flex-order: 6;
      order: 6
   }

   .order-md-7 {
      -ms-flex-order: 7;
      order: 7
   }

   .order-md-8 {
      -ms-flex-order: 8;
      order: 8
   }

   .order-md-9 {
      -ms-flex-order: 9;
      order: 9
   }

   .order-md-10 {
      -ms-flex-order: 10;
      order: 10
   }

   .order-md-11 {
      -ms-flex-order: 11;
      order: 11
   }

   .order-md-12 {
      -ms-flex-order: 12;
      order: 12
   }

   .offset-md-0 {
      margin-left: 0
   }

   .offset-md-1 {
      margin-left: 8.333333%
   }

   .offset-md-2 {
      margin-left: 16.666667%
   }

   .offset-md-3 {
      margin-left: 25%
   }

   .offset-md-4 {
      margin-left: 33.333333%
   }

   .offset-md-5 {
      margin-left: 41.666667%
   }

   .offset-md-6 {
      margin-left: 50%
   }

   .offset-md-7 {
      margin-left: 58.333333%
   }

   .offset-md-8 {
      margin-left: 66.666667%
   }

   .offset-md-9 {
      margin-left: 75%
   }

   .offset-md-10 {
      margin-left: 83.333333%
   }

   .offset-md-11 {
      margin-left: 91.666667%
   }
}

@media (min-width:992px) {
   .col-lg {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
   }

   .col-lg-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-lg-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%
   }

   .col-lg-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%
   }

   .col-lg-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-lg-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
   }

   .col-lg-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%
   }

   .col-lg-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-lg-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
   }

   .col-lg-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%
   }

   .col-lg-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-lg-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%
   }

   .col-lg-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%
   }

   .col-lg-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-lg-first {
      -ms-flex-order: -1;
      order: -1
   }

   .order-lg-last {
      -ms-flex-order: 13;
      order: 13
   }

   .order-lg-0 {
      -ms-flex-order: 0;
      order: 0
   }

   .order-lg-1 {
      -ms-flex-order: 1;
      order: 1
   }

   .order-lg-2 {
      -ms-flex-order: 2;
      order: 2
   }

   .order-lg-3 {
      -ms-flex-order: 3;
      order: 3
   }

   .order-lg-4 {
      -ms-flex-order: 4;
      order: 4
   }

   .order-lg-5 {
      -ms-flex-order: 5;
      order: 5
   }

   .order-lg-6 {
      -ms-flex-order: 6;
      order: 6
   }

   .order-lg-7 {
      -ms-flex-order: 7;
      order: 7
   }

   .order-lg-8 {
      -ms-flex-order: 8;
      order: 8
   }

   .order-lg-9 {
      -ms-flex-order: 9;
      order: 9
   }

   .order-lg-10 {
      -ms-flex-order: 10;
      order: 10
   }

   .order-lg-11 {
      -ms-flex-order: 11;
      order: 11
   }

   .order-lg-12 {
      -ms-flex-order: 12;
      order: 12
   }

   .offset-lg-0 {
      margin-left: 0
   }

   .offset-lg-1 {
      margin-left: 8.333333%
   }

   .offset-lg-2 {
      margin-left: 16.666667%
   }

   .offset-lg-3 {
      margin-left: 25%
   }

   .offset-lg-4 {
      margin-left: 33.333333%
   }

   .offset-lg-5 {
      margin-left: 41.666667%
   }

   .offset-lg-6 {
      margin-left: 50%
   }

   .offset-lg-7 {
      margin-left: 58.333333%
   }

   .offset-lg-8 {
      margin-left: 66.666667%
   }

   .offset-lg-9 {
      margin-left: 75%
   }

   .offset-lg-10 {
      margin-left: 83.333333%
   }

   .offset-lg-11 {
      margin-left: 91.666667%
   }
}

@media (min-width:1200px) {
   .col-xl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
   }

   .col-xl-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-xl-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%
   }

   .col-xl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%
   }

   .col-xl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-xl-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
   }

   .col-xl-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%
   }

   .col-xl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-xl-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
   }

   .col-xl-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%
   }

   .col-xl-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-xl-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%
   }

   .col-xl-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%
   }

   .col-xl-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-xl-first {
      -ms-flex-order: -1;
      order: -1
   }

   .order-xl-last {
      -ms-flex-order: 13;
      order: 13
   }

   .order-xl-0 {
      -ms-flex-order: 0;
      order: 0
   }

   .order-xl-1 {
      -ms-flex-order: 1;
      order: 1
   }

   .order-xl-2 {
      -ms-flex-order: 2;
      order: 2
   }

   .order-xl-3 {
      -ms-flex-order: 3;
      order: 3
   }

   .order-xl-4 {
      -ms-flex-order: 4;
      order: 4
   }

   .order-xl-5 {
      -ms-flex-order: 5;
      order: 5
   }

   .order-xl-6 {
      -ms-flex-order: 6;
      order: 6
   }

   .order-xl-7 {
      -ms-flex-order: 7;
      order: 7
   }

   .order-xl-8 {
      -ms-flex-order: 8;
      order: 8
   }

   .order-xl-9 {
      -ms-flex-order: 9;
      order: 9
   }

   .order-xl-10 {
      -ms-flex-order: 10;
      order: 10
   }

   .order-xl-11 {
      -ms-flex-order: 11;
      order: 11
   }

   .order-xl-12 {
      -ms-flex-order: 12;
      order: 12
   }

   .offset-xl-0 {
      margin-left: 0
   }

   .offset-xl-1 {
      margin-left: 8.333333%
   }

   .offset-xl-2 {
      margin-left: 16.666667%
   }

   .offset-xl-3 {
      margin-left: 25%
   }

   .offset-xl-4 {
      margin-left: 33.333333%
   }

   .offset-xl-5 {
      margin-left: 41.666667%
   }

   .offset-xl-6 {
      margin-left: 50%
   }

   .offset-xl-7 {
      margin-left: 58.333333%
   }

   .offset-xl-8 {
      margin-left: 66.666667%
   }

   .offset-xl-9 {
      margin-left: 75%
   }

   .offset-xl-10 {
      margin-left: 83.333333%
   }

   .offset-xl-11 {
      margin-left: 91.666667%
   }
}

.table {
   width: 100%;
   margin-bottom: 1rem;
   color: #212529
}

.table td,
.table th {
   padding: .75rem;
   vertical-align: top;
   border-top: 1px solid #dee2e6
}

.table thead th {
   vertical-align: bottom;
   border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
   border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
   padding: .3rem
}

.table-bordered {
   border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
   border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
   border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
   border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
   background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
   color: #212529;
   background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
   background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
   border-color: #7abaff
}

.table-hover .table-primary:hover {
   background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
   background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
   background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
   border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
   background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
   background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
   background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
   border-color: #8fd19e
}

.table-hover .table-success:hover {
   background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
   background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
   background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
   border-color: #86cfda
}

.table-hover .table-info:hover {
   background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
   background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
   background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
   border-color: #ffdf7e
}

.table-hover .table-warning:hover {
   background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
   background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
   background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
   border-color: #ed969e
}

.table-hover .table-danger:hover {
   background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
   background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
   background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
   border-color: #fbfcfc
}

.table-hover .table-light:hover {
   background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
   background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
   background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
   border-color: #95999c
}

.table-hover .table-dark:hover {
   background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
   background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
   background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
   background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
   background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
   color: #fff;
   background-color: rgba(215, 218, 221, 0.51);
   border-color: #454d55
}

.table .thead-light th {
   color: #495057;
   background-color: #e9ecef;
   border-color: #dee2e6
}

.table-dark {
   color: #fff;
   background-color: rgba(215, 218, 221, 0.494)
}

.table-dark td,
.table-dark th,
.table-dark thead th {
   border-color: #454d55
}

.table-dark.table-bordered {
   border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
   background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
   color: #fff;
   background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
   .table-responsive-sm {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
   }

   .table-responsive-sm>.table-bordered {
      border: 0
   }
}

@media (max-width:767.98px) {
   .table-responsive-md {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
   }

   .table-responsive-md>.table-bordered {
      border: 0
   }
}

@media (max-width:991.98px) {
   .table-responsive-lg {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
   }

   .table-responsive-lg>.table-bordered {
      border: 0
   }
}

@media (max-width:1199.98px) {
   .table-responsive-xl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
   }

   .table-responsive-xl>.table-bordered {
      border: 0
   }
}

.table-responsive {
   display: block;
   width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
   border: 0
}



.valid-feedback {
   display: none;
   width: 100%;
   margin-top: .25rem;
   ;
   color: #28a745
}

.valid-tooltip {
   position: absolute;
   top: 100%;
   z-index: 5;
   display: none;
   max-width: 100%;
   padding: .25rem .5rem;
   margin-top: .1rem;
   
   line-height: 1.5;
   color: #fff;
   background-color: rgba(40, 167, 69, .9);
   border-radius: .25rem
}


.form-inline {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-flex-align: center;
   align-items: center
}

.form-inline .form-check {
   width: 100%
}

@media (min-width:576px) {
   .form-inline label {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 0
   }

   .form-inline .form-group {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 0
   }

   .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle
   }

   .form-inline .form-control-plaintext {
      display: inline-block
   }

   /* .form-inline .custom-select,
   .form-inline .input-group {
      width: auto
   } */

   .form-inline .form-check {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: auto;
      padding-left: 0
   }

   .form-inline .form-check-input {
      position: relative;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: .25rem;
      margin-left: 0
   }

   .form-inline .custom-control {
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center
   }

   .form-inline .custom-control-label {
      margin-bottom: 0
   }
}

/* .btn {
   display: inline-block;
   font-weight: 400;
   color: #212529;
   text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: .475rem .75rem;
   
   line-height: 1.5;
   border-radius: .25rem;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
} */

@media (prefers-reduced-motion:reduce) {
   .btn {
      transition: none
   }
}



.fade {
   transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
   .fade {
      transition: none
   }
}

.fade:not(.show) {
   opacity: 0
}

.collapse:not(.show) {
   display: none
}

.collapsing {
   position: relative;
   height: 0;
   overflow: hidden;
   transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
   .collapsing {
      transition: none
   }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
   position: relative
}

.dropdown-toggle {
   white-space: nowrap
}

.dropdown-toggle::after {
   display: inline-block;
   margin-left: .255em;
   vertical-align: .255em;
   content: "";
   border-top: .3em solid;
   border-right: .3em solid transparent;
   border-bottom: 0;
   border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
   margin-left: 0
}

.dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 10rem;
   padding: .5rem 0;
   margin: .125rem 0 0;
   
   color: #212529;
   text-align: left;
   list-style: none;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: .25rem
}

.dropdown-menu-left {
   right: auto;
   left: 0
}

.dropdown-menu-right {
   right: 0;
   left: auto
}

@media (min-width:576px) {
   .dropdown-menu-sm-left {
      right: auto;
      left: 0
   }

   .dropdown-menu-sm-right {
      right: 0;
      left: auto
   }
}

@media (min-width:768px) {
   .dropdown-menu-md-left {
      right: auto;
      left: 0
   }

   .dropdown-menu-md-right {
      right: 0;
      left: auto
   }
}

@media (min-width:992px) {
   .dropdown-menu-lg-left {
      right: auto;
      left: 0
   }

   .dropdown-menu-lg-right {
      right: 0;
      left: auto
   }
}

@media (min-width:1200px) {
   .dropdown-menu-xl-left {
      right: auto;
      left: 0
   }

   .dropdown-menu-xl-right {
      right: 0;
      left: auto
   }
}

.dropup .dropdown-menu {
   top: auto;
   bottom: 100%;
   margin-top: 0;
   margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
   display: inline-block;
   margin-left: .255em;
   vertical-align: .255em;
   content: "";
   border-top: 0;
   border-right: .3em solid transparent;
   border-bottom: .3em solid;
   border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
   margin-left: 0
}

.dropright .dropdown-menu {
   top: 0;
   right: auto;
   left: 100%;
   margin-top: 0;
   margin-left: .125rem
}

.dropright .dropdown-toggle::after {
   display: inline-block;
   margin-left: .255em;
   vertical-align: .255em;
   content: "";
   border-top: .3em solid transparent;
   border-right: 0;
   border-bottom: .3em solid transparent;
   border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
   margin-left: 0
}

.dropright .dropdown-toggle::after {
   vertical-align: 0
}

.dropleft .dropdown-menu {
   top: 0;
   right: 100%;
   left: auto;
   margin-top: 0;
   margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
   display: inline-block;
   margin-left: .255em;
   vertical-align: .255em;
   content: ""
}

.dropleft .dropdown-toggle::after {
   display: none
}

.dropleft .dropdown-toggle::before {
   display: inline-block;
   margin-right: .255em;
   vertical-align: .255em;
   content: "";
   border-top: .3em solid transparent;
   border-right: .3em solid;
   border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
   margin-left: 0
}

.dropleft .dropdown-toggle::before {
   vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
   right: auto;
   bottom: auto
}

.dropdown-divider {
   height: 0;
   margin: .5rem 0;
   overflow: hidden;
   border-top: 1px solid #e9ecef
}

.dropdown-item {
   display: block;
   width: 100%;
   padding: .25rem 1.5rem;
   clear: both;
   font-weight: 400;
   color: #212529;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
   color: #16181b;
   text-decoration: none;
   background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
   color: #fff;
   text-decoration: none;
   background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
   color: #6c757d;
   pointer-events: none;
   background-color: transparent
}

.dropdown-menu.show {
   display: block
}

.dropdown-header {
   display: block;
   padding: .5rem 1.5rem;
   margin-bottom: 0;
   
   color: #6c757d;
   white-space: nowrap
}

.dropdown-item-text {
   display: block;
   padding: .25rem 1.5rem;
   color: #212529
}

.btn-group,
.btn-group-vertical {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
   vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
   position: relative;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
   z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
   z-index: 1
}

.btn-toolbar {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-pack: start;
   justify-content: flex-start
}

.btn-toolbar .input-group {
   width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
   margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
}

.dropdown-toggle-split {
   padding-right: .5625rem;
   padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
   margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
   margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
   padding-right: .375rem;
   padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
   padding-right: .75rem;
   padding-left: .75rem
}

.btn-group-vertical {
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-align: start;
   align-items: flex-start;
   -ms-flex-pack: center;
   justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
   width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
   margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
   margin-bottom: 0
}



.custom-control {
   position: relative;
   display: block;
   min-height: 1.5rem;
   padding-left: 1.5rem
}

.custom-control-inline {
   display: -ms-inline-flexbox;
   display: inline-flex;
   margin-right: 1rem
}

.custom-control-input {
   position: absolute;
   z-index: -1;
   opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
   color: #fff;
   border-color: #007bff;
   background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
   box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
   border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
   color: #fff;
   background-color: #b3d7ff;
   border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label {
   color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before {
   background-color: #e9ecef
}

.custom-control-label {
   position: relative;
   margin-bottom: 0;
   vertical-align: top
}

.custom-control-label::before {
   position: absolute;
   top: .25rem;
   left: -1.5rem;
   display: block;
   width: 1rem;
   height: 1rem;
   pointer-events: none;
   content: "";
   background-color: #fff;
   border: #adb5bd solid 1px
}

.custom-control-label::after {
   position: absolute;
   top: .25rem;
   left: -1.5rem;
   display: block;
   width: 1rem;
   height: 1rem;
   content: "";
   background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label::before {
   border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
   border-color: #007bff;
   background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
   background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
   background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
   border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
   background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
   padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
   left: -2.25rem;
   width: 1.75rem;
   pointer-events: all;
   border-radius: .5rem
}

.custom-switch .custom-control-label::after {
   top: calc(.25rem + 2px);
   left: calc(-2.25rem + 2px);
   width: calc(1rem - 4px);
   height: calc(1rem - 4px);
   background-color: #adb5bd;
   border-radius: .5rem;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
   transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
   .custom-switch .custom-control-label::after {
      transition: none
   }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
   background-color: #fff;
   -webkit-transform: translateX(.75rem);
   transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
   background-color: rgba(0, 123, 255, .5)
}

.custom-select {
   display: inline-block;
   width: 100%;
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem 1.75rem .375rem .75rem;
   
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   vertical-align: middle;
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
   background-color: #fff;
   border: 1px solid #ced4da;
   border-radius: .25rem;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

.custom-select:focus {
   border-color: #80bdff;
   outline: 0;
   box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
   color: #495057;
   background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
   height: auto;
   padding-right: .75rem;
   background-image: none
}

.custom-select:disabled {
   color: #6c757d;
   background-color: #e9ecef
}

.custom-select::-ms-expand {
   display: none
}

.custom-select-sm {
   height: calc(1.5em + .5rem + 2px);
   padding-top: .25rem;
   padding-bottom: .25rem;
   padding-left: .5rem;
   
}

.custom-select-lg {
   height: calc(1.5em + 1rem + 2px);
   padding-top: .5rem;
   padding-bottom: .5rem;
   padding-left: 1rem;
   
}



.custom-range {
   width: 100%;
   height: calc(1rem + .4rem);
   padding: 0;
   background-color: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

.custom-range:focus {
   outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
   box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
   box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
   box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
   border: 0
}

.custom-range::-webkit-slider-thumb {
   width: 1rem;
   height: 1rem;
   margin-top: -.25rem;
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   -webkit-appearance: none;
   appearance: none
}

@media (prefers-reduced-motion:reduce) {
   .custom-range::-webkit-slider-thumb {
      transition: none
   }
}

.custom-range::-webkit-slider-thumb:active {
   background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
   width: 100%;
   height: .5rem;
   color: transparent;
   cursor: pointer;
   background-color: #dee2e6;
   border-color: transparent;
   border-radius: 1rem
}

.custom-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   -moz-appearance: none;
   appearance: none
}

@media (prefers-reduced-motion:reduce) {
   .custom-range::-moz-range-thumb {
      transition: none
   }
}

.custom-range::-moz-range-thumb:active {
   background-color: #b3d7ff
}

.custom-range::-moz-range-track {
   width: 100%;
   height: .5rem;
   color: transparent;
   cursor: pointer;
   background-color: #dee2e6;
   border-color: transparent;
   border-radius: 1rem
}

.custom-range::-ms-thumb {
   width: 1rem;
   height: 1rem;
   margin-top: 0;
   margin-right: .2rem;
   margin-left: .2rem;
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   appearance: none
}

@media (prefers-reduced-motion:reduce) {
   .custom-range::-ms-thumb {
      transition: none
   }
}

.custom-range::-ms-thumb:active {
   background-color: #b3d7ff
}

.custom-range::-ms-track {
   width: 100%;
   height: .5rem;
   color: transparent;
   cursor: pointer;
   background-color: transparent;
   border-color: transparent;
   border-width: .5rem
}

.custom-range::-ms-fill-lower {
   background-color: #dee2e6;
   border-radius: 1rem
}

.custom-range::-ms-fill-upper {
   margin-right: 15px;
   background-color: #dee2e6;
   border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
   background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
   cursor: default
}

.custom-range:disabled::-moz-range-thumb {
   background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
   cursor: default
}

.custom-range:disabled::-ms-thumb {
   background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {

   .custom-control-label::before,
   .custom-file-label,
   .custom-select {
      transition: none
   }
}


.card {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, .125);
   border-radius: .25rem
}

.card>hr {
   margin-right: 0;
   margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
   border-bottom-right-radius: .25rem;
   border-bottom-left-radius: .25rem
}

.card-body {
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: 1.25rem
}

.card-title {
   margin-bottom: .75rem
}

.card-subtitle {
   margin-top: -.375rem;
   margin-bottom: 0
}

.card-text:last-child {
   margin-bottom: 0
}

.card-link:hover {
   text-decoration: none
}

.card-link+.card-link {
   margin-left: 1.25rem
}



@media (min-width:576px) {
   .card-columns {
      -webkit-column-count: 3;
      -moz-column-count: 3;
      column-count: 3;
      -webkit-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
      column-gap: 1.25rem;
      orphans: 1;
      widows: 1
   }

   .card-columns .card {
      display: inline-block;
      width: 100%
   }
}

.accordion>.card {
   overflow: hidden
}

.accordion>.card:not(:first-of-type) .card-header:first-child {
   border-radius: 0
}

.accordion>.card:not(:first-of-type):not(:last-of-type) {
   border-bottom: 0;
   border-radius: 0
}

.accordion>.card:first-of-type {
   border-bottom: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0
}

.accordion>.card:last-of-type {
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.accordion>.card .card-header {
   margin-bottom: -1px
}

.breadcrumb {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: .75rem 1rem;
   margin-bottom: 1rem;
   list-style: none;
   background-color: #e9ecef;
   border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
   padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
   display: inline-block;
   padding-right: .5rem;
   color: #6c757d;
   content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
   text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
   text-decoration: none
}

.breadcrumb-item.active {
   color: #6c757d
}

.pagination {
   display: -ms-flexbox;
   display: flex;
   padding-left: 0;
   list-style: none;
   border-radius: .25rem
}

.page-link {
   position: relative;
   display: block;
   padding: .5rem .75rem;
   margin-left: -1px;
   line-height: 1.25;
   color: #007bff;
   background-color: #fff;
   border: 1px solid #dee2e6
}

.page-link:hover {
   z-index: 2;
   color: #0056b3;
   text-decoration: none;
   background-color: #e9ecef;
   border-color: #dee2e6
}

.page-link:focus {
   z-index: 2;
   outline: 0;
   box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
   margin-left: 0;
   border-top-left-radius: .25rem;
   border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
   border-top-right-radius: .25rem;
   border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
   z-index: 1;
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
}

.page-item.disabled .page-link {
   color: #6c757d;
   pointer-events: none;
   cursor: auto;
   background-color: #fff;
   border-color: #dee2e6
}

.pagination-lg .page-link {
   padding: .75rem 1.5rem;
   
   line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
   border-top-left-radius: .3rem;
   border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
   border-top-right-radius: .3rem;
   border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
   padding: .25rem .5rem;
   
   line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
   border-top-left-radius: .2rem;
   border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
   border-top-right-radius: .2rem;
   border-bottom-right-radius: .2rem
}

@-webkit-keyframes progress-bar-stripes {
   from {
      background-position: 1rem 0
   }

   to {
      background-position: 0 0
   }
}

@keyframes progress-bar-stripes {
   from {
      background-position: 1rem 0
   }

   to {
      background-position: 0 0
   }
}

.progress {
   display: -ms-flexbox;
   display: flex;
   height: 1rem;
   overflow: hidden;
   
   background-color: #e9ecef;
   border-radius: .25rem
}

.progress-bar {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-pack: center;
   justify-content: center;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   background-color: #007bff;
   transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
   .progress-bar {
      transition: none
   }
}

.progress-bar-striped {
   background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
   background-size: 1rem 1rem
}

.progress-bar-animated {
   -webkit-animation: progress-bar-stripes 1s linear infinite;
   animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
   .progress-bar-animated {
      -webkit-animation: none;
      animation: none
   }
}

.media {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: start;
   align-items: flex-start
}

.media-body {
   -ms-flex: 1;
   flex: 1
}

.list-group {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0
}

.list-group-item-action {
   width: 100%;
   color: #495057;
   text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
   z-index: 1;
   color: #495057;
   text-decoration: none;
   background-color: #f8f9fa
}

.list-group-item-action:active {
   color: #212529;
   background-color: #e9ecef
}

.list-group-item {
   position: relative;
   display: block;
   padding: .75rem 1.25rem;
   margin-bottom: -1px;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem
}

.list-group-item:last-child {
   margin-bottom: 0;
   border-bottom-right-radius: .25rem;
   border-bottom-left-radius: .25rem
}

.list-group-item.disabled,
.list-group-item:disabled {
   color: #6c757d;
   pointer-events: none;
   background-color: #fff
}

.list-group-item.active {
   z-index: 2;
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
}

.list-group-horizontal {
   -ms-flex-direction: row;
   flex-direction: row
}

.list-group-horizontal .list-group-item {
   margin-right: -1px;
   margin-bottom: 0
}

.list-group-horizontal .list-group-item:first-child {
   border-top-left-radius: .25rem;
   border-bottom-left-radius: .25rem;
   border-top-right-radius: 0
}

.list-group-horizontal .list-group-item:last-child {
   margin-right: 0;
   border-top-right-radius: .25rem;
   border-bottom-right-radius: .25rem;
   border-bottom-left-radius: 0
}

@media (min-width:576px) {
   .list-group-horizontal-sm {
      -ms-flex-direction: row;
      flex-direction: row
   }

   .list-group-horizontal-sm .list-group-item {
      margin-right: -1px;
      margin-bottom: 0
   }

   .list-group-horizontal-sm .list-group-item:first-child {
      border-top-left-radius: .25rem;
      border-bottom-left-radius: .25rem;
      border-top-right-radius: 0
   }

   .list-group-horizontal-sm .list-group-item:last-child {
      margin-right: 0;
      border-top-right-radius: .25rem;
      border-bottom-right-radius: .25rem;
      border-bottom-left-radius: 0
   }
}

@media (min-width:768px) {
   .list-group-horizontal-md {
      -ms-flex-direction: row;
      flex-direction: row
   }

   .list-group-horizontal-md .list-group-item {
      margin-right: -1px;
      margin-bottom: 0
   }

   .list-group-horizontal-md .list-group-item:first-child {
      border-top-left-radius: .25rem;
      border-bottom-left-radius: .25rem;
      border-top-right-radius: 0
   }

   .list-group-horizontal-md .list-group-item:last-child {
      margin-right: 0;
      border-top-right-radius: .25rem;
      border-bottom-right-radius: .25rem;
      border-bottom-left-radius: 0
   }
}

@media (min-width:992px) {
   .list-group-horizontal-lg {
      -ms-flex-direction: row;
      flex-direction: row
   }

   .list-group-horizontal-lg .list-group-item {
      margin-right: -1px;
      margin-bottom: 0
   }

   .list-group-horizontal-lg .list-group-item:first-child {
      border-top-left-radius: .25rem;
      border-bottom-left-radius: .25rem;
      border-top-right-radius: 0
   }

   .list-group-horizontal-lg .list-group-item:last-child {
      margin-right: 0;
      border-top-right-radius: .25rem;
      border-bottom-right-radius: .25rem;
      border-bottom-left-radius: 0
   }
}

@media (min-width:1200px) {
   .list-group-horizontal-xl {
      -ms-flex-direction: row;
      flex-direction: row
   }

   .list-group-horizontal-xl .list-group-item {
      margin-right: -1px;
      margin-bottom: 0
   }

   .list-group-horizontal-xl .list-group-item:first-child {
      border-top-left-radius: .25rem;
      border-bottom-left-radius: .25rem;
      border-top-right-radius: 0
   }

   .list-group-horizontal-xl .list-group-item:last-child {
      margin-right: 0;
      border-top-right-radius: .25rem;
      border-bottom-right-radius: .25rem;
      border-bottom-left-radius: 0
   }
}

.list-group-flush .list-group-item {
   border-right: 0;
   border-left: 0;
   border-radius: 0
}

.list-group-flush .list-group-item:last-child {
   margin-bottom: -1px
}

.list-group-flush:first-child .list-group-item:first-child {
   border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
   margin-bottom: 0;
   border-bottom: 0
}

.list-group-item-primary {
   color: #004085;
   background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
   color: #004085;
   background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
   color: #fff;
   background-color: #004085;
   border-color: #004085
}

.list-group-item-secondary {
   color: #383d41;
   background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
   color: #383d41;
   background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
   color: #fff;
   background-color: #383d41;
   border-color: #383d41
}

.list-group-item-success {
   color: #155724;
   background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
   color: #155724;
   background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
   color: #fff;
   background-color: #155724;
   border-color: #155724
}

.list-group-item-info {
   color: #0c5460;
   background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
   color: #0c5460;
   background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
   color: #fff;
   background-color: #0c5460;
   border-color: #0c5460
}

.list-group-item-warning {
   color: #856404;
   background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
   color: #856404;
   background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
   color: #fff;
   background-color: #856404;
   border-color: #856404
}

.list-group-item-danger {
   color: #721c24;
   background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
   color: #721c24;
   background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
   color: #fff;
   background-color: #721c24;
   border-color: #721c24
}

.list-group-item-light {
   color: #818182;
   background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
   color: #818182;
   background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
   color: #fff;
   background-color: #818182;
   border-color: #818182
}

.list-group-item-dark {
   color: #1b1e21;
   background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
   color: #1b1e21;
   background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
   color: #fff;
   background-color: #1b1e21;
   border-color: #1b1e21
}

.close {
   float: right;
   
   font-weight: 700;
   line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 #fff;
   opacity: .5
}

.close:hover {
   color: #000;
   text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
   opacity: .75
}

button.close {
   padding: 0;
   background-color: transparent;
   border: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

a.close.disabled {
   pointer-events: none
}

.toast {
   max-width: 350px;
   overflow: hidden;
   
   background-color: rgba(255, 255, 255, .85);
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, .1);
   box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   opacity: 0;
   border-radius: .25rem
}

.toast:not(:last-child) {
   margin-bottom: .75rem
}

.toast.showing {
   opacity: 1
}

.toast.show {
   display: block;
   opacity: 1
}

.toast.hide {
   display: none
}

.toast-header {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   padding: .25rem .75rem;
   color: #6c757d;
   background-color: rgba(255, 255, 255, .85);
   background-clip: padding-box;
   border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.toast-body {
   padding: .75rem
}

.modal-open {
   overflow: hidden
}

.modal-open .modal {
   overflow-x: hidden;
   overflow-y: auto
}

.modal {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1050;
   display: none;
   width: 100%;
   height: 100%;
   overflow: hidden;
   outline: 0
}

.modal-dialog {
   position: relative;
   width: auto;
   margin: .5rem;
   pointer-events: none
}

.modal.fade .modal-dialog {
   transition: -webkit-transform .3s ease-out;
   transition: transform .3s ease-out;
   transition: transform .3s ease-out, -webkit-transform .3s ease-out;
   -webkit-transform: translate(0, -50px);
   transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
   .modal.fade .modal-dialog {
      transition: none
   }
}

.modal.show .modal-dialog {
   -webkit-transform: none;
   transform: none
}

.modal-dialog-scrollable {
   display: -ms-flexbox;
   display: flex;
   max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
   max-height: calc(100vh - 1rem);
   overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
   -ms-flex-negative: 0;
   flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
   overflow-y: auto
}

.modal-dialog-centered {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
   display: block;
   height: calc(100vh - 1rem);
   content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-pack: center;
   justify-content: center;
   height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
   max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
   content: none
}

.modal-content {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   pointer-events: auto;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, .2);
   border-radius: .3rem;
   outline: 0
}

.modal-backdrop {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1040;
   width: 100vw;
   height: 100vh;
   background-color: #000
}

.modal-backdrop.fade {
   opacity: 0
}

.modal-backdrop.show {
   opacity: .5
}

/* .modal-header {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: start;
   align-items: flex-start;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 1rem 1rem;
   border-bottom: 1px solid #dee2e6;
   border-top-left-radius: .3rem;
   border-top-right-radius: .3rem
} */

.modal-header .close {
   padding: 1rem 1rem;
   margin: -1rem -1rem -1rem auto
}

.modal-title {
   margin-bottom: 0;
   line-height: 1.5
}

.modal-body {
   position: relative;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: 1rem
}

.modal-footer {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: end;
   justify-content: flex-end;
   padding: 1rem;
   border-top: 1px solid #dee2e6;
   border-bottom-right-radius: .3rem;
   border-bottom-left-radius: .3rem
}

.modal-footer>:not(:first-child) {
   margin-left: .25rem
}

.modal-footer>:not(:last-child) {
   margin-right: .25rem
}

.modal-scrollbar-measure {
   position: absolute;
   top: -9999px;
   width: 50px;
   height: 50px;
   overflow: scroll
}

@media (min-width:576px) {
   .modal-dialog {
      max-width: 500px;
      margin: 1.75rem auto
   }

   .modal-dialog-scrollable {
      max-height: calc(100% - 3.5rem)
   }

   .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem)
   }

   .modal-dialog-centered {
      min-height: calc(100% - 3.5rem)
   }

   .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem)
   }

   .modal-sm {
      max-width: 300px
   }
}

@media (min-width:992px) {

   .modal-lg,
   .modal-xl {
      max-width: 800px
   }
}

@media (min-width:1200px) {
   .modal-xl {
      max-width: 1140px
   }
}

.tooltip {
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   
   word-wrap: break-word;
   opacity: 0
}

.tooltip.show {
   opacity: .9
}

.tooltip .arrow {
   position: absolute;
   display: block;
   width: .8rem;
   height: .4rem
}

.tooltip .arrow::before {
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
   padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
   bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
   top: 0;
   border-width: .4rem .4rem 0;
   border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
   padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
   left: 0;
   width: .4rem;
   height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
   right: 0;
   border-width: .4rem .4rem .4rem 0;
   border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
   padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
   top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
   bottom: 0;
   border-width: 0 .4rem .4rem;
   border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
   padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
   right: 0;
   width: .4rem;
   height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
   left: 0;
   border-width: .4rem 0 .4rem .4rem;
   border-left-color: #000
}

.tooltip-inner {
   max-width: 200px;
   padding: .25rem .5rem;
   color: #fff;
   text-align: center;
   background-color: #000;
   border-radius: .25rem
}

.popover {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1060;
   display: block;
   max-width: 276px;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   
   word-wrap: break-word;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, .2);
   border-radius: .3rem
}

.popover .arrow {
   position: absolute;
   display: block;
   width: 1rem;
   height: .5rem;
   margin: 0 .3rem
}

.popover .arrow::after,
.popover .arrow::before {
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
   margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
   bottom: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
   bottom: 0;
   border-width: .5rem .5rem 0;
   border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
   bottom: 1px;
   border-width: .5rem .5rem 0;
   border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
   margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
   left: calc((.5rem + 1px) * -1);
   width: .5rem;
   height: 1rem;
   margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
   left: 0;
   border-width: .5rem .5rem .5rem 0;
   border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
   left: 1px;
   border-width: .5rem .5rem .5rem 0;
   border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
   margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
   top: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
   top: 0;
   border-width: 0 .5rem .5rem .5rem;
   border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
   top: 1px;
   border-width: 0 .5rem .5rem .5rem;
   border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
   position: absolute;
   top: 0;
   left: 50%;
   display: block;
   width: 1rem;
   margin-left: -.5rem;
   content: "";
   border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
   margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
   right: calc((.5rem + 1px) * -1);
   width: .5rem;
   height: 1rem;
   margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
   right: 0;
   border-width: .5rem 0 .5rem .5rem;
   border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
   right: 1px;
   border-width: .5rem 0 .5rem .5rem;
   border-left-color: #fff
}

.popover-header {
   padding: .5rem .75rem;
   margin-bottom: 0;
   
   background-color: #f7f7f7;
   border-bottom: 1px solid #ebebeb;
   border-top-left-radius: calc(.3rem - 1px);
   border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
   display: none
}

.popover-body {
   padding: .5rem .75rem;
   color: #212529
}



@-webkit-keyframes spinner-border {
   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

@keyframes spinner-border {
   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

.spinner-border {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: text-bottom;
   border: .25em solid currentColor;
   border-right-color: transparent;
   border-radius: 50%;
   -webkit-animation: spinner-border .75s linear infinite;
   animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
   width: 1rem;
   height: 1rem;
   border-width: .2em
}

@-webkit-keyframes spinner-grow {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0)
   }

   50% {
      opacity: 1
   }
}

@keyframes spinner-grow {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0)
   }

   50% {
      opacity: 1
   }
}

.spinner-grow {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: text-bottom;
   background-color: currentColor;
   border-radius: 50%;
   opacity: 0;
   -webkit-animation: spinner-grow .75s linear infinite;
   animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
   width: 1rem;
   height: 1rem
}

.align-baseline {
   vertical-align: baseline !important
}

.align-top {
   vertical-align: top !important
}

.align-middle {
   vertical-align: middle !important
}

.align-bottom {
   vertical-align: bottom !important
}

.align-text-bottom {
   vertical-align: text-bottom !important
}

.align-text-top {
   vertical-align: text-top !important
}

.bg-primary {
   background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
   background-color: #0062cc !important
}

.bg-secondary {
   background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
   background-color: #545b62 !important
}

.bg-success {
   background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
   background-color: #1e7e34 !important
}

.bg-info {
   background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
   background-color: #117a8b !important
}


a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
   background-color: #bd2130 !important
}

.bg-light {
   background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
   background-color: #dae0e5 !important
}

.bg-dark {
   background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
   background-color: #1d2124 !important
}

.bg-white {
   background-color: #fff !important
}

.bg-transparent {
   background-color: transparent !important
}

.border {
   border: 1px solid #dee2e6 !important
}

.border-top {
   border-top: 1px solid #dee2e6 !important
}

.border-right {
   border-right: 1px solid #dee2e6 !important
}

.border-bottom {
   border-bottom: 1px solid #dee2e6 !important
}

.border-left {
   border-left: 1px solid #dee2e6 !important
}

.border-0 {
   border: 0 !important
}

.border-top-0 {
   border-top: 0 !important
}

.border-right-0 {
   border-right: 0 !important
}

.border-bottom-0 {
   border-bottom: 0 !important
}

.border-left-0 {
   border-left: 0 !important
}

.border-primary {
   border-color: #007bff !important
}

.border-secondary {
   border-color: #6c757d !important
}

.border-success {
   border-color: #28a745 !important
}

.border-info {
   border-color: #17a2b8 !important
}

.border-warning {
   border-color: #ffc107 !important
}

.border-danger {
   border-color: #dc3545 !important
}

.border-light {
   border-color: #f8f9fa !important
}

.border-dark {
   border-color: #343a40 !important
}

.border-white {
   border-color: #fff !important
}

.rounded-sm {
   border-radius: .2rem !important
}

.rounded {
   border-radius: .25rem !important
}

.rounded-top {
   border-top-left-radius: .25rem !important;
   border-top-right-radius: .25rem !important
}

.rounded-right {
   border-top-right-radius: .25rem !important;
   border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
   border-bottom-right-radius: .25rem !important;
   border-bottom-left-radius: .25rem !important
}

.rounded-left {
   border-top-left-radius: .25rem !important;
   border-bottom-left-radius: .25rem !important
}

.rounded-lg {
   border-radius: .3rem !important
}

.rounded-circle {
   border-radius: 50% !important
}

.rounded-pill {
   border-radius: 50rem !important
}

.rounded-0 {
   border-radius: 0 !important
}

.clearfix::after {
   display: block;
   clear: both;
   content: ""
}

.d-none {
   display: none !important
}

.d-inline {
   display: inline !important
}

.d-inline-block {
   display: inline-block !important
}

.d-block {
   display: block !important
}

.d-table {
   display: table !important
}

.d-table-row {
   display: table-row !important
}

.d-table-cell {
   display: table-cell !important
}

.d-flex {
   display: -ms-flexbox !important;
   display: flex !important
}

.d-inline-flex {
   display: -ms-inline-flexbox !important;
   display: inline-flex !important
}

@media (min-width:576px) {
   .d-sm-none {
      display: none !important
   }

   .d-sm-inline {
      display: inline !important
   }

   .d-sm-inline-block {
      display: inline-block !important
   }

   .d-sm-block {
      display: block !important
   }

   .d-sm-table {
      display: table !important
   }

   .d-sm-table-row {
      display: table-row !important
   }

   .d-sm-table-cell {
      display: table-cell !important
   }

   .d-sm-flex {
      display: -ms-flexbox !important;
      display: flex !important
   }

   .d-sm-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important
   }
}

@media (min-width:768px) {
   .d-md-none {
      display: none !important
   }

   .d-md-inline {
      display: inline !important
   }

   .d-md-inline-block {
      display: inline-block !important
   }

   .d-md-block {
      display: block !important
   }

   .d-md-table {
      display: table !important
   }

   .d-md-table-row {
      display: table-row !important
   }

   .d-md-table-cell {
      display: table-cell !important
   }

   .d-md-flex {
      display: -ms-flexbox !important;
      display: flex !important
   }

   .d-md-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important
   }
}

@media (min-width:992px) {
   .d-lg-none {
      display: none !important
   }

   .d-lg-inline {
      display: inline !important
   }

   .d-lg-inline-block {
      display: inline-block !important
   }

   .d-lg-block {
      display: block !important
   }

   .d-lg-table {
      display: table !important
   }

   .d-lg-table-row {
      display: table-row !important
   }

   .d-lg-table-cell {
      display: table-cell !important
   }

   .d-lg-flex {
      display: -ms-flexbox !important;
      display: flex !important
   }

   .d-lg-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important
   }
}

@media (min-width:1200px) {
   .d-xl-none {
      display: none !important
   }

   .d-xl-inline {
      display: inline !important
   }

   .d-xl-inline-block {
      display: inline-block !important
   }

   .d-xl-block {
      display: block !important
   }

   .d-xl-table {
      display: table !important
   }

   .d-xl-table-row {
      display: table-row !important
   }

   .d-xl-table-cell {
      display: table-cell !important
   }

   .d-xl-flex {
      display: -ms-flexbox !important;
      display: flex !important
   }

   .d-xl-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important
   }
}

@media print {
   .d-print-none {
      display: none !important
   }

   .d-print-inline {
      display: inline !important
   }

   .d-print-inline-block {
      display: inline-block !important
   }

   .d-print-block {
      display: block !important
   }

   .d-print-table {
      display: table !important
   }

   .d-print-table-row {
      display: table-row !important
   }

   .d-print-table-cell {
      display: table-cell !important
   }

   .d-print-flex {
      display: -ms-flexbox !important;
      display: flex !important
   }

   .d-print-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important
   }
}

.embed-responsive {
   position: relative;
   display: block;
   width: 100%;
   padding: 0;
   overflow: hidden
}

.embed-responsive::before {
   display: block;
   content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0
}

.embed-responsive-21by9::before {
   padding-top: 42.857143%
}

.embed-responsive-16by9::before {
   padding-top: 56.25%
}

.embed-responsive-4by3::before {
   padding-top: 75%
}

.embed-responsive-1by1::before {
   padding-top: 100%
}

.flex-row {
   -ms-flex-direction: row !important;
   flex-direction: row !important
}

.flex-column {
   -ms-flex-direction: column !important;
   flex-direction: column !important
}

.flex-row-reverse {
   -ms-flex-direction: row-reverse !important;
   flex-direction: row-reverse !important
}

.flex-column-reverse {
   -ms-flex-direction: column-reverse !important;
   flex-direction: column-reverse !important
}

.flex-wrap {
   -ms-flex-wrap: wrap !important;
   flex-wrap: wrap !important
}

.flex-nowrap {
   -ms-flex-wrap: nowrap !important;
   flex-wrap: nowrap !important
}

.flex-wrap-reverse {
   -ms-flex-wrap: wrap-reverse !important;
   flex-wrap: wrap-reverse !important
}

.flex-fill {
   -ms-flex: 1 1 auto !important;
   flex: 1 1 auto !important
}

.flex-grow-0 {
   -ms-flex-positive: 0 !important;
   flex-grow: 0 !important
}

.flex-grow-1 {
   -ms-flex-positive: 1 !important;
   flex-grow: 1 !important
}

.flex-shrink-0 {
   -ms-flex-negative: 0 !important;
   flex-shrink: 0 !important
}

.flex-shrink-1 {
   -ms-flex-negative: 1 !important;
   flex-shrink: 1 !important
}

.justify-content-start {
   -ms-flex-pack: start !important;
   justify-content: flex-start !important
}

.justify-content-end {
   -ms-flex-pack: end !important;
   justify-content: flex-end !important
}

.justify-content-center {
   -ms-flex-pack: center !important;
   justify-content: center !important
}

.justify-content-between {
   -ms-flex-pack: justify !important;
   justify-content: space-between !important
}

.justify-content-around {
   -ms-flex-pack: distribute !important;
   justify-content: space-around !important
}

.align-items-start {
   -ms-flex-align: start !important;
   align-items: flex-start !important
}

.align-items-end {
   -ms-flex-align: end !important;
   align-items: flex-end !important
}

.align-items-center {
   -ms-flex-align: center !important;
   align-items: center !important
}

.align-items-baseline {
   -ms-flex-align: baseline !important;
   align-items: baseline !important
}

.align-items-stretch {
   -ms-flex-align: stretch !important;
   align-items: stretch !important
}

.align-content-start {
   -ms-flex-line-pack: start !important;
   align-content: flex-start !important
}

.align-content-end {
   -ms-flex-line-pack: end !important;
   align-content: flex-end !important
}

.align-content-center {
   -ms-flex-line-pack: center !important;
   align-content: center !important
}

.align-content-between {
   -ms-flex-line-pack: justify !important;
   align-content: space-between !important
}

.align-content-around {
   -ms-flex-line-pack: distribute !important;
   align-content: space-around !important
}

.align-content-stretch {
   -ms-flex-line-pack: stretch !important;
   align-content: stretch !important
}

.align-self-auto {
   -ms-flex-item-align: auto !important;
   align-self: auto !important
}

.align-self-start {
   -ms-flex-item-align: start !important;
   align-self: flex-start !important
}

.align-self-end {
   -ms-flex-item-align: end !important;
   align-self: flex-end !important
}

.align-self-center {
   -ms-flex-item-align: center !important;
   align-self: center !important
}

.align-self-baseline {
   -ms-flex-item-align: baseline !important;
   align-self: baseline !important
}

.align-self-stretch {
   -ms-flex-item-align: stretch !important;
   align-self: stretch !important
}

@media (min-width:576px) {
   .flex-sm-row {
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .flex-sm-column {
      -ms-flex-direction: column !important;
      flex-direction: column !important
   }

   .flex-sm-row-reverse {
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
   }

   .flex-sm-column-reverse {
      -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important
   }

   .flex-sm-wrap {
      -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important
   }

   .flex-sm-nowrap {
      -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important
   }

   .flex-sm-wrap-reverse {
      -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important
   }

   .flex-sm-fill {
      -ms-flex: 1 1 auto !important;
      flex: 1 1 auto !important
   }

   .flex-sm-grow-0 {
      -ms-flex-positive: 0 !important;
      flex-grow: 0 !important
   }

   .flex-sm-grow-1 {
      -ms-flex-positive: 1 !important;
      flex-grow: 1 !important
   }

   .flex-sm-shrink-0 {
      -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important
   }

   .flex-sm-shrink-1 {
      -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important
   }

   .justify-content-sm-start {
      -ms-flex-pack: start !important;
      justify-content: flex-start !important
   }

   .justify-content-sm-end {
      -ms-flex-pack: end !important;
      justify-content: flex-end !important
   }

   .justify-content-sm-center {
      -ms-flex-pack: center !important;
      justify-content: center !important
   }

   .justify-content-sm-between {
      -ms-flex-pack: justify !important;
      justify-content: space-between !important
   }

   .justify-content-sm-around {
      -ms-flex-pack: distribute !important;
      justify-content: space-around !important
   }

   .align-items-sm-start {
      -ms-flex-align: start !important;
      align-items: flex-start !important
   }

   .align-items-sm-end {
      -ms-flex-align: end !important;
      align-items: flex-end !important
   }

   .align-items-sm-center {
      -ms-flex-align: center !important;
      align-items: center !important
   }

   .align-items-sm-baseline {
      -ms-flex-align: baseline !important;
      align-items: baseline !important
   }

   .align-items-sm-stretch {
      -ms-flex-align: stretch !important;
      align-items: stretch !important
   }

   .align-content-sm-start {
      -ms-flex-line-pack: start !important;
      align-content: flex-start !important
   }

   .align-content-sm-end {
      -ms-flex-line-pack: end !important;
      align-content: flex-end !important
   }

   .align-content-sm-center {
      -ms-flex-line-pack: center !important;
      align-content: center !important
   }

   .align-content-sm-between {
      -ms-flex-line-pack: justify !important;
      align-content: space-between !important
   }

   .align-content-sm-around {
      -ms-flex-line-pack: distribute !important;
      align-content: space-around !important
   }

   .align-content-sm-stretch {
      -ms-flex-line-pack: stretch !important;
      align-content: stretch !important
   }

   .align-self-sm-auto {
      -ms-flex-item-align: auto !important;
      align-self: auto !important
   }

   .align-self-sm-start {
      -ms-flex-item-align: start !important;
      align-self: flex-start !important
   }

   .align-self-sm-end {
      -ms-flex-item-align: end !important;
      align-self: flex-end !important
   }

   .align-self-sm-center {
      -ms-flex-item-align: center !important;
      align-self: center !important
   }

   .align-self-sm-baseline {
      -ms-flex-item-align: baseline !important;
      align-self: baseline !important
   }

   .align-self-sm-stretch {
      -ms-flex-item-align: stretch !important;
      align-self: stretch !important
   }
}

@media (min-width:768px) {
   .flex-md-row {
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .flex-md-column {
      -ms-flex-direction: column !important;
      flex-direction: column !important
   }

   .flex-md-row-reverse {
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
   }

   .flex-md-column-reverse {
      -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important
   }

   .flex-md-wrap {
      -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important
   }

   .flex-md-nowrap {
      -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important
   }

   .flex-md-wrap-reverse {
      -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important
   }

   .flex-md-fill {
      -ms-flex: 1 1 auto !important;
      flex: 1 1 auto !important
   }

   .flex-md-grow-0 {
      -ms-flex-positive: 0 !important;
      flex-grow: 0 !important
   }

   .flex-md-grow-1 {
      -ms-flex-positive: 1 !important;
      flex-grow: 1 !important
   }

   .flex-md-shrink-0 {
      -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important
   }

   .flex-md-shrink-1 {
      -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important
   }

   .justify-content-md-start {
      -ms-flex-pack: start !important;
      justify-content: flex-start !important
   }

   .justify-content-md-end {
      -ms-flex-pack: end !important;
      justify-content: flex-end !important
   }

   .justify-content-md-center {
      -ms-flex-pack: center !important;
      justify-content: center !important
   }

   .justify-content-md-between {
      -ms-flex-pack: justify !important;
      justify-content: space-between !important
   }

   .justify-content-md-around {
      -ms-flex-pack: distribute !important;
      justify-content: space-around !important
   }

   .align-items-md-start {
      -ms-flex-align: start !important;
      align-items: flex-start !important
   }

   .align-items-md-end {
      -ms-flex-align: end !important;
      align-items: flex-end !important
   }

   .align-items-md-center {
      -ms-flex-align: center !important;
      align-items: center !important
   }

   .align-items-md-baseline {
      -ms-flex-align: baseline !important;
      align-items: baseline !important
   }

   .align-items-md-stretch {
      -ms-flex-align: stretch !important;
      align-items: stretch !important
   }

   .align-content-md-start {
      -ms-flex-line-pack: start !important;
      align-content: flex-start !important
   }

   .align-content-md-end {
      -ms-flex-line-pack: end !important;
      align-content: flex-end !important
   }

   .align-content-md-center {
      -ms-flex-line-pack: center !important;
      align-content: center !important
   }

   .align-content-md-between {
      -ms-flex-line-pack: justify !important;
      align-content: space-between !important
   }

   .align-content-md-around {
      -ms-flex-line-pack: distribute !important;
      align-content: space-around !important
   }

   .align-content-md-stretch {
      -ms-flex-line-pack: stretch !important;
      align-content: stretch !important
   }

   .align-self-md-auto {
      -ms-flex-item-align: auto !important;
      align-self: auto !important
   }

   .align-self-md-start {
      -ms-flex-item-align: start !important;
      align-self: flex-start !important
   }

   .align-self-md-end {
      -ms-flex-item-align: end !important;
      align-self: flex-end !important
   }

   .align-self-md-center {
      -ms-flex-item-align: center !important;
      align-self: center !important
   }

   .align-self-md-baseline {
      -ms-flex-item-align: baseline !important;
      align-self: baseline !important
   }

   .align-self-md-stretch {
      -ms-flex-item-align: stretch !important;
      align-self: stretch !important
   }
}

@media (min-width:992px) {
   .flex-lg-row {
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .flex-lg-column {
      -ms-flex-direction: column !important;
      flex-direction: column !important
   }

   .flex-lg-row-reverse {
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
   }

   .flex-lg-column-reverse {
      -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important
   }

   .flex-lg-wrap {
      -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important
   }

   .flex-lg-nowrap {
      -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important
   }

   .flex-lg-wrap-reverse {
      -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important
   }

   .flex-lg-fill {
      -ms-flex: 1 1 auto !important;
      flex: 1 1 auto !important
   }

   .flex-lg-grow-0 {
      -ms-flex-positive: 0 !important;
      flex-grow: 0 !important
   }

   .flex-lg-grow-1 {
      -ms-flex-positive: 1 !important;
      flex-grow: 1 !important
   }

   .flex-lg-shrink-0 {
      -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important
   }

   .flex-lg-shrink-1 {
      -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important
   }

   .justify-content-lg-start {
      -ms-flex-pack: start !important;
      justify-content: flex-start !important
   }

   .justify-content-lg-end {
      -ms-flex-pack: end !important;
      justify-content: flex-end !important
   }

   .justify-content-lg-center {
      -ms-flex-pack: center !important;
      justify-content: center !important
   }

   .justify-content-lg-between {
      -ms-flex-pack: justify !important;
      justify-content: space-between !important
   }

   .justify-content-lg-around {
      -ms-flex-pack: distribute !important;
      justify-content: space-around !important
   }

   .align-items-lg-start {
      -ms-flex-align: start !important;
      align-items: flex-start !important
   }

   .align-items-lg-end {
      -ms-flex-align: end !important;
      align-items: flex-end !important
   }

   .align-items-lg-center {
      -ms-flex-align: center !important;
      align-items: center !important
   }

   .align-items-lg-baseline {
      -ms-flex-align: baseline !important;
      align-items: baseline !important
   }

   .align-items-lg-stretch {
      -ms-flex-align: stretch !important;
      align-items: stretch !important
   }

   .align-content-lg-start {
      -ms-flex-line-pack: start !important;
      align-content: flex-start !important
   }

   .align-content-lg-end {
      -ms-flex-line-pack: end !important;
      align-content: flex-end !important
   }

   .align-content-lg-center {
      -ms-flex-line-pack: center !important;
      align-content: center !important
   }

   .align-content-lg-between {
      -ms-flex-line-pack: justify !important;
      align-content: space-between !important
   }

   .align-content-lg-around {
      -ms-flex-line-pack: distribute !important;
      align-content: space-around !important
   }

   .align-content-lg-stretch {
      -ms-flex-line-pack: stretch !important;
      align-content: stretch !important
   }

   .align-self-lg-auto {
      -ms-flex-item-align: auto !important;
      align-self: auto !important
   }

   .align-self-lg-start {
      -ms-flex-item-align: start !important;
      align-self: flex-start !important
   }

   .align-self-lg-end {
      -ms-flex-item-align: end !important;
      align-self: flex-end !important
   }

   .align-self-lg-center {
      -ms-flex-item-align: center !important;
      align-self: center !important
   }

   .align-self-lg-baseline {
      -ms-flex-item-align: baseline !important;
      align-self: baseline !important
   }

   .align-self-lg-stretch {
      -ms-flex-item-align: stretch !important;
      align-self: stretch !important
   }
}

@media (min-width:1200px) {
   .flex-xl-row {
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .flex-xl-column {
      -ms-flex-direction: column !important;
      flex-direction: column !important
   }

   .flex-xl-row-reverse {
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
   }

   .flex-xl-column-reverse {
      -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important
   }

   .flex-xl-wrap {
      -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important
   }

   .flex-xl-nowrap {
      -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important
   }

   .flex-xl-wrap-reverse {
      -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important
   }

   .flex-xl-fill {
      -ms-flex: 1 1 auto !important;
      flex: 1 1 auto !important
   }

   .flex-xl-grow-0 {
      -ms-flex-positive: 0 !important;
      flex-grow: 0 !important
   }

   .flex-xl-grow-1 {
      -ms-flex-positive: 1 !important;
      flex-grow: 1 !important
   }

   .flex-xl-shrink-0 {
      -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important
   }

   .flex-xl-shrink-1 {
      -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important
   }

   .justify-content-xl-start {
      -ms-flex-pack: start !important;
      justify-content: flex-start !important
   }

   .justify-content-xl-end {
      -ms-flex-pack: end !important;
      justify-content: flex-end !important
   }

   .justify-content-xl-center {
      -ms-flex-pack: center !important;
      justify-content: center !important
   }

   .justify-content-xl-between {
      -ms-flex-pack: justify !important;
      justify-content: space-between !important
   }

   .justify-content-xl-around {
      -ms-flex-pack: distribute !important;
      justify-content: space-around !important
   }

   .align-items-xl-start {
      -ms-flex-align: start !important;
      align-items: flex-start !important
   }

   .align-items-xl-end {
      -ms-flex-align: end !important;
      align-items: flex-end !important
   }

   .align-items-xl-center {
      -ms-flex-align: center !important;
      align-items: center !important
   }

   .align-items-xl-baseline {
      -ms-flex-align: baseline !important;
      align-items: baseline !important
   }

   .align-items-xl-stretch {
      -ms-flex-align: stretch !important;
      align-items: stretch !important
   }

   .align-content-xl-start {
      -ms-flex-line-pack: start !important;
      align-content: flex-start !important
   }

   .align-content-xl-end {
      -ms-flex-line-pack: end !important;
      align-content: flex-end !important
   }

   .align-content-xl-center {
      -ms-flex-line-pack: center !important;
      align-content: center !important
   }

   .align-content-xl-between {
      -ms-flex-line-pack: justify !important;
      align-content: space-between !important
   }

   .align-content-xl-around {
      -ms-flex-line-pack: distribute !important;
      align-content: space-around !important
   }

   .align-content-xl-stretch {
      -ms-flex-line-pack: stretch !important;
      align-content: stretch !important
   }

   .align-self-xl-auto {
      -ms-flex-item-align: auto !important;
      align-self: auto !important
   }

   .align-self-xl-start {
      -ms-flex-item-align: start !important;
      align-self: flex-start !important
   }

   .align-self-xl-end {
      -ms-flex-item-align: end !important;
      align-self: flex-end !important
   }

   .align-self-xl-center {
      -ms-flex-item-align: center !important;
      align-self: center !important
   }

   .align-self-xl-baseline {
      -ms-flex-item-align: baseline !important;
      align-self: baseline !important
   }

   .align-self-xl-stretch {
      -ms-flex-item-align: stretch !important;
      align-self: stretch !important
   }
}

.float-left {
   float: left !important
}

.float-right {
   float: right !important
}

.float-none {
   float: none !important
}

@media (min-width:576px) {
   .float-sm-left {
      float: left !important
   }

   .float-sm-right {
      float: right !important
   }

   .float-sm-none {
      float: none !important
   }
}

@media (min-width:768px) {
   .float-md-left {
      float: left !important
   }

   .float-md-right {
      float: right !important
   }

   .float-md-none {
      float: none !important
   }
}

@media (min-width:992px) {
   .float-lg-left {
      float: left !important
   }

   .float-lg-right {
      float: right !important
   }

   .float-lg-none {
      float: none !important
   }
}

@media (min-width:1200px) {
   .float-xl-left {
      float: left !important
   }

   .float-xl-right {
      float: right !important
   }

   .float-xl-none {
      float: none !important
   }
}

.overflow-auto {
   overflow: auto !important
}

.overflow-hidden {
   overflow: hidden !important
}

.position-static {
   position: static !important
}

.position-relative {
   position: relative !important
}

.position-absolute {
   position: absolute !important
}

.position-fixed {
   position: fixed !important
}

.position-sticky {
   position: -webkit-sticky !important;
   position: sticky !important
}

.fixed-top {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1030
}

.fixed-bottom {
   position: fixed;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1030
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
   .sticky-top {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1020
   }
}

.sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
   position: static;
   width: auto;
   height: auto;
   overflow: visible;
   clip: auto;
   white-space: normal
}

.shadow-sm {
   box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
   box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
   box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
   box-shadow: none !important
}

.w-25 {
   width: 25% !important
}

.w-50 {
   width: 50% !important
}

.w-75 {
   width: 75% !important
}

.w-100 {
   width: 100% !important
}

.w-auto {
   width: auto !important
}

.h-25 {
   height: 25% !important
}

.h-50 {
   height: 50% !important
}

.h-75 {
   height: 75% !important
}

.h-100 {
   height: 100% !important
}

.h-auto {
   height: auto !important
}

.mw-100 {
   max-width: 100% !important
}

.mh-100 {
   max-height: 100% !important
}

.min-vw-100 {
   min-width: 100vw !important
}

.min-vh-100 {
   min-height: 100vh !important
}

.vw-100 {
   width: 100vw !important
}

.vh-100 {
   height: 100vh !important
}

.stretched-link::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
   background-color: rgba(0, 0, 0, 0)
}

.m-0 {
   margin: 0 !important
}

.mt-0,
.my-0 {
   margin-top: 0 !important
}

.mr-0,
.mx-0 {
   margin-right: 0 !important
}

.mb-0,
.my-0 {
   margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
   margin-left: 0 !important
}

.m-1 {
   margin: .25rem !important
}

.mt-1,
.my-1 {
   margin-top: .25rem !important
}

.mr-1,
.mx-1 {
   margin-right: .25rem !important
}

.mb-1,
.my-1 {
   margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
   margin-left: .25rem !important
}

.m-2 {
   margin: .5rem !important
}

.mt-2,
.my-2 {
   margin-top: .5rem !important
}

.mr-2,
.mx-2 {
   margin-right: .5rem !important
}

.mb-2,
.my-2 {
   margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
   margin-left: .5rem !important
}

.m-3 {
   margin: 1rem !important
}

.mt-3,
.my-3 {
   margin-top: 1rem !important
}

.mr-3,
.mx-3 {
   margin-right: 1rem !important
}

.mb-3,
.my-3 {
   margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
   margin-left: 1rem !important
}

.m-4 {
   margin: 1.5rem !important
}

.mt-4,
.my-4 {
   margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
   margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
   margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
   margin-left: 1.5rem !important
}

.m-5 {
   margin: 3rem !important
}

.mt-5,
.my-5 {
   margin-top: 3rem !important
}

.mr-5,
.mx-5 {
   margin-right: 3rem !important
}

.mb-5,
.my-5 {
   margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
   margin-left: 3rem !important
}

.p-0 {
   padding: 0 !important
}

.pt-0,
.py-0 {
   padding-top: 0 !important
}

.pr-0,
.px-0 {
   padding-right: 0 !important
}

.pb-0,
.py-0 {
   padding-bottom: 0 !important
}

.pl-0,
.px-0 {
   padding-left: 0 !important
}

.p-1 {
   padding: .25rem !important
}

.pt-1,
.py-1 {
   padding-top: .25rem !important
}

.pr-1,
.px-1 {
   padding-right: .25rem !important
}

.pb-1,
.py-1 {
   padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
   padding-left: .25rem !important
}

.p-2 {
   padding: .5rem !important
}

.pt-2,
.py-2 {
   padding-top: .5rem !important
}

.pr-2,
.px-2 {
   padding-right: .5rem !important
}

.pb-2,
.py-2 {
   padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
   padding-left: .5rem !important
}

.p-3 {
   padding: 1rem !important
}

.pt-3,
.py-3 {
   padding-top: 1rem !important
}

.pr-3,
.px-3 {
   padding-right: 1rem !important
}

.pb-3,
.py-3 {
   padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
   padding-left: 1rem !important
}

.p-4 {
   padding: 1.5rem !important
}

.pt-4,
.py-4 {
   padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
   padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
   padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
   padding-left: 1.5rem !important
}

.p-5 {
   padding: 3rem !important
}

.pt-5,
.py-5 {
   padding-top: 3rem !important
}

.pr-5,
.px-5 {
   padding-right: 3rem !important
}

.pb-5,
.py-5 {
   padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
   padding-left: 3rem !important
}

.m-n1 {
   margin: -.25rem !important
}

.mt-n1,
.my-n1 {
   margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
   margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
   margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
   margin-left: -.25rem !important
}

.m-n2 {
   margin: -.5rem !important
}

.mt-n2,
.my-n2 {
   margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
   margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
   margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
   margin-left: -.5rem !important
}

.m-n3 {
   margin: -1rem !important
}

.mt-n3,
.my-n3 {
   margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
   margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
   margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
   margin-left: -1rem !important
}

.m-n4 {
   margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
   margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
   margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
   margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
   margin-left: -1.5rem !important
}

.m-n5 {
   margin: -3rem !important
}

.mt-n5,
.my-n5 {
   margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
   margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
   margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
   margin-left: -3rem !important
}

.m-auto {
   margin: auto !important
}

.mt-auto,
.my-auto {
   margin-top: auto !important
}

.mr-auto,
.mx-auto {
   margin-right: auto !important
}

.mb-auto,
.my-auto {
   margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
   margin-left: auto !important
}

@media (min-width:576px) {
   .m-sm-0 {
      margin: 0 !important
   }

   .mt-sm-0,
   .my-sm-0 {
      margin-top: 0 !important
   }

   .mr-sm-0,
   .mx-sm-0 {
      margin-right: 0 !important
   }

   .mb-sm-0,
   .my-sm-0 {
      margin-bottom: 0 !important
   }

   .ml-sm-0,
   .mx-sm-0 {
      margin-left: 0 !important
   }

   .m-sm-1 {
      margin: .25rem !important
   }

   .mt-sm-1,
   .my-sm-1 {
      margin-top: .25rem !important
   }

   .mr-sm-1,
   .mx-sm-1 {
      margin-right: .25rem !important
   }

   .mb-sm-1,
   .my-sm-1 {
      margin-bottom: .25rem !important
   }

   .ml-sm-1,
   .mx-sm-1 {
      margin-left: .25rem !important
   }

   .m-sm-2 {
      margin: .5rem !important
   }

   .mt-sm-2,
   .my-sm-2 {
      margin-top: .5rem !important
   }

   .mr-sm-2,
   .mx-sm-2 {
      margin-right: .5rem !important
   }

   .mb-sm-2,
   .my-sm-2 {
      margin-bottom: .5rem !important
   }

   .ml-sm-2,
   .mx-sm-2 {
      margin-left: .5rem !important
   }

   .m-sm-3 {
      margin: 1rem !important
   }

   .mt-sm-3,
   .my-sm-3 {
      margin-top: 1rem !important
   }

   .mr-sm-3,
   .mx-sm-3 {
      margin-right: 1rem !important
   }

   .mb-sm-3,
   .my-sm-3 {
      margin-bottom: 1rem !important
   }

   .ml-sm-3,
   .mx-sm-3 {
      margin-left: 1rem !important
   }

   .m-sm-4 {
      margin: 1.5rem !important
   }

   .mt-sm-4,
   .my-sm-4 {
      margin-top: 1.5rem !important
   }

   .mr-sm-4,
   .mx-sm-4 {
      margin-right: 1.5rem !important
   }

   .mb-sm-4,
   .my-sm-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-sm-4,
   .mx-sm-4 {
      margin-left: 1.5rem !important
   }

   .m-sm-5 {
      margin: 3rem !important
   }

   .mt-sm-5,
   .my-sm-5 {
      margin-top: 3rem !important
   }

   .mr-sm-5,
   .mx-sm-5 {
      margin-right: 3rem !important
   }

   .mb-sm-5,
   .my-sm-5 {
      margin-bottom: 3rem !important
   }

   .ml-sm-5,
   .mx-sm-5 {
      margin-left: 3rem !important
   }

   .p-sm-0 {
      padding: 0 !important
   }

   .pt-sm-0,
   .py-sm-0 {
      padding-top: 0 !important
   }

   .pr-sm-0,
   .px-sm-0 {
      padding-right: 0 !important
   }

   .pb-sm-0,
   .py-sm-0 {
      padding-bottom: 0 !important
   }

   .pl-sm-0,
   .px-sm-0 {
      padding-left: 0 !important
   }

   .p-sm-1 {
      padding: .25rem !important
   }

   .pt-sm-1,
   .py-sm-1 {
      padding-top: .25rem !important
   }

   .pr-sm-1,
   .px-sm-1 {
      padding-right: .25rem !important
   }

   .pb-sm-1,
   .py-sm-1 {
      padding-bottom: .25rem !important
   }

   .pl-sm-1,
   .px-sm-1 {
      padding-left: .25rem !important
   }

   .p-sm-2 {
      padding: .5rem !important
   }

   .pt-sm-2,
   .py-sm-2 {
      padding-top: .5rem !important
   }

   .pr-sm-2,
   .px-sm-2 {
      padding-right: .5rem !important
   }

   .pb-sm-2,
   .py-sm-2 {
      padding-bottom: .5rem !important
   }

   .pl-sm-2,
   .px-sm-2 {
      padding-left: .5rem !important
   }

   .p-sm-3 {
      padding: 1rem !important
   }

   .pt-sm-3,
   .py-sm-3 {
      padding-top: 1rem !important
   }

   .pr-sm-3,
   .px-sm-3 {
      padding-right: 1rem !important
   }

   .pb-sm-3,
   .py-sm-3 {
      padding-bottom: 1rem !important
   }

   .pl-sm-3,
   .px-sm-3 {
      padding-left: 1rem !important
   }

   .p-sm-4 {
      padding: 1.5rem !important
   }

   .pt-sm-4,
   .py-sm-4 {
      padding-top: 1.5rem !important
   }

   .pr-sm-4,
   .px-sm-4 {
      padding-right: 1.5rem !important
   }

   .pb-sm-4,
   .py-sm-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-sm-4,
   .px-sm-4 {
      padding-left: 1.5rem !important
   }

   .p-sm-5 {
      padding: 3rem !important
   }

   .pt-sm-5,
   .py-sm-5 {
      padding-top: 3rem !important
   }

   .pr-sm-5,
   .px-sm-5 {
      padding-right: 3rem !important
   }

   .pb-sm-5,
   .py-sm-5 {
      padding-bottom: 3rem !important
   }

   .pl-sm-5,
   .px-sm-5 {
      padding-left: 3rem !important
   }

   .m-sm-n1 {
      margin: -.25rem !important
   }

   .mt-sm-n1,
   .my-sm-n1 {
      margin-top: -.25rem !important
   }

   .mr-sm-n1,
   .mx-sm-n1 {
      margin-right: -.25rem !important
   }

   .mb-sm-n1,
   .my-sm-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-sm-n1,
   .mx-sm-n1 {
      margin-left: -.25rem !important
   }

   .m-sm-n2 {
      margin: -.5rem !important
   }

   .mt-sm-n2,
   .my-sm-n2 {
      margin-top: -.5rem !important
   }

   .mr-sm-n2,
   .mx-sm-n2 {
      margin-right: -.5rem !important
   }

   .mb-sm-n2,
   .my-sm-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-sm-n2,
   .mx-sm-n2 {
      margin-left: -.5rem !important
   }

   .m-sm-n3 {
      margin: -1rem !important
   }

   .mt-sm-n3,
   .my-sm-n3 {
      margin-top: -1rem !important
   }

   .mr-sm-n3,
   .mx-sm-n3 {
      margin-right: -1rem !important
   }

   .mb-sm-n3,
   .my-sm-n3 {
      margin-bottom: -1rem !important
   }

   .ml-sm-n3,
   .mx-sm-n3 {
      margin-left: -1rem !important
   }

   .m-sm-n4 {
      margin: -1.5rem !important
   }

   .mt-sm-n4,
   .my-sm-n4 {
      margin-top: -1.5rem !important
   }

   .mr-sm-n4,
   .mx-sm-n4 {
      margin-right: -1.5rem !important
   }

   .mb-sm-n4,
   .my-sm-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-sm-n4,
   .mx-sm-n4 {
      margin-left: -1.5rem !important
   }

   .m-sm-n5 {
      margin: -3rem !important
   }

   .mt-sm-n5,
   .my-sm-n5 {
      margin-top: -3rem !important
   }

   .mr-sm-n5,
   .mx-sm-n5 {
      margin-right: -3rem !important
   }

   .mb-sm-n5,
   .my-sm-n5 {
      margin-bottom: -3rem !important
   }

   .ml-sm-n5,
   .mx-sm-n5 {
      margin-left: -3rem !important
   }

   .m-sm-auto {
      margin: auto !important
   }

   .mt-sm-auto,
   .my-sm-auto {
      margin-top: auto !important
   }

   .mr-sm-auto,
   .mx-sm-auto {
      margin-right: auto !important
   }

   .mb-sm-auto,
   .my-sm-auto {
      margin-bottom: auto !important
   }

   .ml-sm-auto,
   .mx-sm-auto {
      margin-left: auto !important
   }
}

@media (min-width:768px) {
   .m-md-0 {
      margin: 0 !important
   }

   .mt-md-0,
   .my-md-0 {
      margin-top: 0 !important
   }

   .mr-md-0,
   .mx-md-0 {
      margin-right: 0 !important
   }

   .mb-md-0,
   .my-md-0 {
      margin-bottom: 0 !important
   }

   .ml-md-0,
   .mx-md-0 {
      margin-left: 0 !important
   }

   .m-md-1 {
      margin: .25rem !important
   }

   .mt-md-1,
   .my-md-1 {
      margin-top: .25rem !important
   }

   .mr-md-1,
   .mx-md-1 {
      margin-right: .25rem !important
   }

   .mb-md-1,
   .my-md-1 {
      margin-bottom: .25rem !important
   }

   .ml-md-1,
   .mx-md-1 {
      margin-left: .25rem !important
   }

   .m-md-2 {
      margin: .5rem !important
   }

   .mt-md-2,
   .my-md-2 {
      margin-top: .5rem !important
   }

   .mr-md-2,
   .mx-md-2 {
      margin-right: .5rem !important
   }

   .mb-md-2,
   .my-md-2 {
      margin-bottom: .5rem !important
   }

   .ml-md-2,
   .mx-md-2 {
      margin-left: .5rem !important
   }

   .m-md-3 {
      margin: 1rem !important
   }

   .mt-md-3,
   .my-md-3 {
      margin-top: 1rem !important
   }

   .mr-md-3,
   .mx-md-3 {
      margin-right: 1rem !important
   }

   .mb-md-3,
   .my-md-3 {
      margin-bottom: 1rem !important
   }

   .ml-md-3,
   .mx-md-3 {
      margin-left: 1rem !important
   }

   .m-md-4 {
      margin: 1.5rem !important
   }

   .mt-md-4,
   .my-md-4 {
      margin-top: 1.5rem !important
   }

   .mr-md-4,
   .mx-md-4 {
      margin-right: 1.5rem !important
   }

   .mb-md-4,
   .my-md-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-md-4,
   .mx-md-4 {
      margin-left: 1.5rem !important
   }

   .m-md-5 {
      margin: 3rem !important
   }

   .mt-md-5,
   .my-md-5 {
      margin-top: 3rem !important
   }

   .mr-md-5,
   .mx-md-5 {
      margin-right: 3rem !important
   }

   .mb-md-5,
   .my-md-5 {
      margin-bottom: 3rem !important
   }

   .ml-md-5,
   .mx-md-5 {
      margin-left: 3rem !important
   }

   .p-md-0 {
      padding: 0 !important
   }

   .pt-md-0,
   .py-md-0 {
      padding-top: 0 !important
   }

   .pr-md-0,
   .px-md-0 {
      padding-right: 0 !important
   }

   .pb-md-0,
   .py-md-0 {
      padding-bottom: 0 !important
   }

   .pl-md-0,
   .px-md-0 {
      padding-left: 0 !important
   }

   .p-md-1 {
      padding: .25rem !important
   }

   .pt-md-1,
   .py-md-1 {
      padding-top: .25rem !important
   }

   .pr-md-1,
   .px-md-1 {
      padding-right: .25rem !important
   }

   .pb-md-1,
   .py-md-1 {
      padding-bottom: .25rem !important
   }

   .pl-md-1,
   .px-md-1 {
      padding-left: .25rem !important
   }

   .p-md-2 {
      padding: .5rem !important
   }

   .pt-md-2,
   .py-md-2 {
      padding-top: .5rem !important
   }

   .pr-md-2,
   .px-md-2 {
      padding-right: .5rem !important
   }

   .pb-md-2,
   .py-md-2 {
      padding-bottom: .5rem !important
   }

   .pl-md-2,
   .px-md-2 {
      padding-left: .5rem !important
   }

   .p-md-3 {
      padding: 1rem !important
   }

   .pt-md-3,
   .py-md-3 {
      padding-top: 1rem !important
   }

   .pr-md-3,
   .px-md-3 {
      padding-right: 1rem !important
   }

   .pb-md-3,
   .py-md-3 {
      padding-bottom: 1rem !important
   }

   .pl-md-3,
   .px-md-3 {
      padding-left: 1rem !important
   }

   .p-md-4 {
      padding: 1.5rem !important
   }

   .pt-md-4,
   .py-md-4 {
      padding-top: 1.5rem !important
   }

   .pr-md-4,
   .px-md-4 {
      padding-right: 1.5rem !important
   }

   .pb-md-4,
   .py-md-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-md-4,
   .px-md-4 {
      padding-left: 1.5rem !important
   }

   .p-md-5 {
      padding: 3rem !important
   }

   .pt-md-5,
   .py-md-5 {
      padding-top: 3rem !important
   }

   .pr-md-5,
   .px-md-5 {
      padding-right: 3rem !important
   }

   .pb-md-5,
   .py-md-5 {
      padding-bottom: 3rem !important
   }

   .pl-md-5,
   .px-md-5 {
      padding-left: 3rem !important
   }

   .m-md-n1 {
      margin: -.25rem !important
   }

   .mt-md-n1,
   .my-md-n1 {
      margin-top: -.25rem !important
   }

   .mr-md-n1,
   .mx-md-n1 {
      margin-right: -.25rem !important
   }

   .mb-md-n1,
   .my-md-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-md-n1,
   .mx-md-n1 {
      margin-left: -.25rem !important
   }

   .m-md-n2 {
      margin: -.5rem !important
   }

   .mt-md-n2,
   .my-md-n2 {
      margin-top: -.5rem !important
   }

   .mr-md-n2,
   .mx-md-n2 {
      margin-right: -.5rem !important
   }

   .mb-md-n2,
   .my-md-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-md-n2,
   .mx-md-n2 {
      margin-left: -.5rem !important
   }

   .m-md-n3 {
      margin: -1rem !important
   }

   .mt-md-n3,
   .my-md-n3 {
      margin-top: -1rem !important
   }

   .mr-md-n3,
   .mx-md-n3 {
      margin-right: -1rem !important
   }

   .mb-md-n3,
   .my-md-n3 {
      margin-bottom: -1rem !important
   }

   .ml-md-n3,
   .mx-md-n3 {
      margin-left: -1rem !important
   }

   .m-md-n4 {
      margin: -1.5rem !important
   }

   .mt-md-n4,
   .my-md-n4 {
      margin-top: -1.5rem !important
   }

   .mr-md-n4,
   .mx-md-n4 {
      margin-right: -1.5rem !important
   }

   .mb-md-n4,
   .my-md-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-md-n4,
   .mx-md-n4 {
      margin-left: -1.5rem !important
   }

   .m-md-n5 {
      margin: -3rem !important
   }

   .mt-md-n5,
   .my-md-n5 {
      margin-top: -3rem !important
   }

   .mr-md-n5,
   .mx-md-n5 {
      margin-right: -3rem !important
   }

   .mb-md-n5,
   .my-md-n5 {
      margin-bottom: -3rem !important
   }

   .ml-md-n5,
   .mx-md-n5 {
      margin-left: -3rem !important
   }

   .m-md-auto {
      margin: auto !important
   }

   .mt-md-auto,
   .my-md-auto {
      margin-top: auto !important
   }

   .mr-md-auto,
   .mx-md-auto {
      margin-right: auto !important
   }

   .mb-md-auto,
   .my-md-auto {
      margin-bottom: auto !important
   }

   .ml-md-auto,
   .mx-md-auto {
      margin-left: auto !important
   }
}

@media (min-width:992px) {
   .m-lg-0 {
      margin: 0 !important
   }

   .mt-lg-0,
   .my-lg-0 {
      margin-top: 0 !important
   }

   .mr-lg-0,
   .mx-lg-0 {
      margin-right: 0 !important
   }

   .mb-lg-0,
   .my-lg-0 {
      margin-bottom: 0 !important
   }

   .ml-lg-0,
   .mx-lg-0 {
      margin-left: 0 !important
   }

   .m-lg-1 {
      margin: .25rem !important
   }

   .mt-lg-1,
   .my-lg-1 {
      margin-top: .25rem !important
   }

   .mr-lg-1,
   .mx-lg-1 {
      margin-right: .25rem !important
   }

   .mb-lg-1,
   .my-lg-1 {
      margin-bottom: .25rem !important
   }

   .ml-lg-1,
   .mx-lg-1 {
      margin-left: .25rem !important
   }

   .m-lg-2 {
      margin: .5rem !important
   }

   .mt-lg-2,
   .my-lg-2 {
      margin-top: .5rem !important
   }

   .mr-lg-2,
   .mx-lg-2 {
      margin-right: .5rem !important
   }

   .mb-lg-2,
   .my-lg-2 {
      margin-bottom: .5rem !important
   }

   .ml-lg-2,
   .mx-lg-2 {
      margin-left: .5rem !important
   }

   .m-lg-3 {
      margin: 1rem !important
   }

   .mt-lg-3,
   .my-lg-3 {
      margin-top: 1rem !important
   }

   .mr-lg-3,
   .mx-lg-3 {
      margin-right: 1rem !important
   }

   .mb-lg-3,
   .my-lg-3 {
      margin-bottom: 1rem !important
   }

   .ml-lg-3,
   .mx-lg-3 {
      margin-left: 1rem !important
   }

   .m-lg-4 {
      margin: 1.5rem !important
   }

   .mt-lg-4,
   .my-lg-4 {
      margin-top: 1.5rem !important
   }

   .mr-lg-4,
   .mx-lg-4 {
      margin-right: 1.5rem !important
   }

   .mb-lg-4,
   .my-lg-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-lg-4,
   .mx-lg-4 {
      margin-left: 1.5rem !important
   }

   .m-lg-5 {
      margin: 3rem !important
   }

   .mt-lg-5,
   .my-lg-5 {
      margin-top: 3rem !important
   }

   .mr-lg-5,
   .mx-lg-5 {
      margin-right: 3rem !important
   }

   .mb-lg-5,
   .my-lg-5 {
      margin-bottom: 3rem !important
   }

   .ml-lg-5,
   .mx-lg-5 {
      margin-left: 3rem !important
   }

   .p-lg-0 {
      padding: 0 !important
   }

   .pt-lg-0,
   .py-lg-0 {
      padding-top: 0 !important
   }

   .pr-lg-0,
   .px-lg-0 {
      padding-right: 0 !important
   }

   .pb-lg-0,
   .py-lg-0 {
      padding-bottom: 0 !important
   }

   .pl-lg-0,
   .px-lg-0 {
      padding-left: 0 !important
   }

   .p-lg-1 {
      padding: .25rem !important
   }

   .pt-lg-1,
   .py-lg-1 {
      padding-top: .25rem !important
   }

   .pr-lg-1,
   .px-lg-1 {
      padding-right: .25rem !important
   }

   .pb-lg-1,
   .py-lg-1 {
      padding-bottom: .25rem !important
   }

   .pl-lg-1,
   .px-lg-1 {
      padding-left: .25rem !important
   }

   .p-lg-2 {
      padding: .5rem !important
   }

   .pt-lg-2,
   .py-lg-2 {
      padding-top: .5rem !important
   }

   .pr-lg-2,
   .px-lg-2 {
      padding-right: .5rem !important
   }

   .pb-lg-2,
   .py-lg-2 {
      padding-bottom: .5rem !important
   }

   .pl-lg-2,
   .px-lg-2 {
      padding-left: .5rem !important
   }

   .p-lg-3 {
      padding: 1rem !important
   }

   .pt-lg-3,
   .py-lg-3 {
      padding-top: 1rem !important
   }

   .pr-lg-3,
   .px-lg-3 {
      padding-right: 1rem !important
   }

   .pb-lg-3,
   .py-lg-3 {
      padding-bottom: 1rem !important
   }

   .pl-lg-3,
   .px-lg-3 {
      padding-left: 1rem !important
   }

   .p-lg-4 {
      padding: 1.5rem !important
   }

   .pt-lg-4,
   .py-lg-4 {
      padding-top: 1.5rem !important
   }

   .pr-lg-4,
   .px-lg-4 {
      padding-right: 1.5rem !important
   }

   .pb-lg-4,
   .py-lg-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-lg-4,
   .px-lg-4 {
      padding-left: 1.5rem !important
   }

   .p-lg-5 {
      padding: 3rem !important
   }

   .pt-lg-5,
   .py-lg-5 {
      padding-top: 3rem !important
   }

   .pr-lg-5,
   .px-lg-5 {
      padding-right: 3rem !important
   }

   .pb-lg-5,
   .py-lg-5 {
      padding-bottom: 3rem !important
   }

   .pl-lg-5,
   .px-lg-5 {
      padding-left: 3rem !important
   }

   .m-lg-n1 {
      margin: -.25rem !important
   }

   .mt-lg-n1,
   .my-lg-n1 {
      margin-top: -.25rem !important
   }

   .mr-lg-n1,
   .mx-lg-n1 {
      margin-right: -.25rem !important
   }

   .mb-lg-n1,
   .my-lg-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-lg-n1,
   .mx-lg-n1 {
      margin-left: -.25rem !important
   }

   .m-lg-n2 {
      margin: -.5rem !important
   }

   .mt-lg-n2,
   .my-lg-n2 {
      margin-top: -.5rem !important
   }

   .mr-lg-n2,
   .mx-lg-n2 {
      margin-right: -.5rem !important
   }

   .mb-lg-n2,
   .my-lg-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-lg-n2,
   .mx-lg-n2 {
      margin-left: -.5rem !important
   }

   .m-lg-n3 {
      margin: -1rem !important
   }

   .mt-lg-n3,
   .my-lg-n3 {
      margin-top: -1rem !important
   }

   .mr-lg-n3,
   .mx-lg-n3 {
      margin-right: -1rem !important
   }

   .mb-lg-n3,
   .my-lg-n3 {
      margin-bottom: -1rem !important
   }

   .ml-lg-n3,
   .mx-lg-n3 {
      margin-left: -1rem !important
   }

   .m-lg-n4 {
      margin: -1.5rem !important
   }

   .mt-lg-n4,
   .my-lg-n4 {
      margin-top: -1.5rem !important
   }

   .mr-lg-n4,
   .mx-lg-n4 {
      margin-right: -1.5rem !important
   }

   .mb-lg-n4,
   .my-lg-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-lg-n4,
   .mx-lg-n4 {
      margin-left: -1.5rem !important
   }

   .m-lg-n5 {
      margin: -3rem !important
   }

   .mt-lg-n5,
   .my-lg-n5 {
      margin-top: -3rem !important
   }

   .mr-lg-n5,
   .mx-lg-n5 {
      margin-right: -3rem !important
   }

   .mb-lg-n5,
   .my-lg-n5 {
      margin-bottom: -3rem !important
   }

   .ml-lg-n5,
   .mx-lg-n5 {
      margin-left: -3rem !important
   }

   .m-lg-auto {
      margin: auto !important
   }

   .mt-lg-auto,
   .my-lg-auto {
      margin-top: auto !important
   }

   .mr-lg-auto,
   .mx-lg-auto {
      margin-right: auto !important
   }

   .mb-lg-auto,
   .my-lg-auto {
      margin-bottom: auto !important
   }

   .ml-lg-auto,
   .mx-lg-auto {
      margin-left: auto !important
   }
}

@media (min-width:1200px) {
   .m-xl-0 {
      margin: 0 !important
   }

   .mt-xl-0,
   .my-xl-0 {
      margin-top: 0 !important
   }

   .mr-xl-0,
   .mx-xl-0 {
      margin-right: 0 !important
   }

   .mb-xl-0,
   .my-xl-0 {
      margin-bottom: 0 !important
   }

   .ml-xl-0,
   .mx-xl-0 {
      margin-left: 0 !important
   }

   .m-xl-1 {
      margin: .25rem !important
   }

   .mt-xl-1,
   .my-xl-1 {
      margin-top: .25rem !important
   }

   .mr-xl-1,
   .mx-xl-1 {
      margin-right: .25rem !important
   }

   .mb-xl-1,
   .my-xl-1 {
      margin-bottom: .25rem !important
   }

   .ml-xl-1,
   .mx-xl-1 {
      margin-left: .25rem !important
   }

   .m-xl-2 {
      margin: .5rem !important
   }

   .mt-xl-2,
   .my-xl-2 {
      margin-top: .5rem !important
   }

   .mr-xl-2,
   .mx-xl-2 {
      margin-right: .5rem !important
   }

   .mb-xl-2,
   .my-xl-2 {
      margin-bottom: .5rem !important
   }

   .ml-xl-2,
   .mx-xl-2 {
      margin-left: .5rem !important
   }

   .m-xl-3 {
      margin: 1rem !important
   }

   .mt-xl-3,
   .my-xl-3 {
      margin-top: 1rem !important
   }

   .mr-xl-3,
   .mx-xl-3 {
      margin-right: 1rem !important
   }

   .mb-xl-3,
   .my-xl-3 {
      margin-bottom: 1rem !important
   }

   .ml-xl-3,
   .mx-xl-3 {
      margin-left: 1rem !important
   }

   .m-xl-4 {
      margin: 1.5rem !important
   }

   .mt-xl-4,
   .my-xl-4 {
      margin-top: 1.5rem !important
   }

   .mr-xl-4,
   .mx-xl-4 {
      margin-right: 1.5rem !important
   }

   .mb-xl-4,
   .my-xl-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-xl-4,
   .mx-xl-4 {
      margin-left: 1.5rem !important
   }

   .m-xl-5 {
      margin: 3rem !important
   }

   .mt-xl-5,
   .my-xl-5 {
      margin-top: 3rem !important
   }

   .mr-xl-5,
   .mx-xl-5 {
      margin-right: 3rem !important
   }

   .mb-xl-5,
   .my-xl-5 {
      margin-bottom: 3rem !important
   }

   .ml-xl-5,
   .mx-xl-5 {
      margin-left: 3rem !important
   }

   .p-xl-0 {
      padding: 0 !important
   }

   .pt-xl-0,
   .py-xl-0 {
      padding-top: 0 !important
   }

   .pr-xl-0,
   .px-xl-0 {
      padding-right: 0 !important
   }

   .pb-xl-0,
   .py-xl-0 {
      padding-bottom: 0 !important
   }

   .pl-xl-0,
   .px-xl-0 {
      padding-left: 0 !important
   }

   .p-xl-1 {
      padding: .25rem !important
   }

   .pt-xl-1,
   .py-xl-1 {
      padding-top: .25rem !important
   }

   .pr-xl-1,
   .px-xl-1 {
      padding-right: .25rem !important
   }

   .pb-xl-1,
   .py-xl-1 {
      padding-bottom: .25rem !important
   }

   .pl-xl-1,
   .px-xl-1 {
      padding-left: .25rem !important
   }

   .p-xl-2 {
      padding: .5rem !important
   }

   .pt-xl-2,
   .py-xl-2 {
      padding-top: .5rem !important
   }

   .pr-xl-2,
   .px-xl-2 {
      padding-right: .5rem !important
   }

   .pb-xl-2,
   .py-xl-2 {
      padding-bottom: .5rem !important
   }

   .pl-xl-2,
   .px-xl-2 {
      padding-left: .5rem !important
   }

   .p-xl-3 {
      padding: 1rem !important
   }

   .pt-xl-3,
   .py-xl-3 {
      padding-top: 1rem !important
   }

   .pr-xl-3,
   .px-xl-3 {
      padding-right: 1rem !important
   }

   .pb-xl-3,
   .py-xl-3 {
      padding-bottom: 1rem !important
   }

   .pl-xl-3,
   .px-xl-3 {
      padding-left: 1rem !important
   }

   .p-xl-4 {
      padding: 1.5rem !important
   }

   .pt-xl-4,
   .py-xl-4 {
      padding-top: 1.5rem !important
   }

   .pr-xl-4,
   .px-xl-4 {
      padding-right: 1.5rem !important
   }

   .pb-xl-4,
   .py-xl-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-xl-4,
   .px-xl-4 {
      padding-left: 1.5rem !important
   }

   .p-xl-5 {
      padding: 3rem !important
   }

   .pt-xl-5,
   .py-xl-5 {
      padding-top: 3rem !important
   }

   .pr-xl-5,
   .px-xl-5 {
      padding-right: 3rem !important
   }

   .pb-xl-5,
   .py-xl-5 {
      padding-bottom: 3rem !important
   }

   .pl-xl-5,
   .px-xl-5 {
      padding-left: 3rem !important
   }

   .m-xl-n1 {
      margin: -.25rem !important
   }

   .mt-xl-n1,
   .my-xl-n1 {
      margin-top: -.25rem !important
   }

   .mr-xl-n1,
   .mx-xl-n1 {
      margin-right: -.25rem !important
   }

   .mb-xl-n1,
   .my-xl-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-xl-n1,
   .mx-xl-n1 {
      margin-left: -.25rem !important
   }

   .m-xl-n2 {
      margin: -.5rem !important
   }

   .mt-xl-n2,
   .my-xl-n2 {
      margin-top: -.5rem !important
   }

   .mr-xl-n2,
   .mx-xl-n2 {
      margin-right: -.5rem !important
   }

   .mb-xl-n2,
   .my-xl-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-xl-n2,
   .mx-xl-n2 {
      margin-left: -.5rem !important
   }

   .m-xl-n3 {
      margin: -1rem !important
   }

   .mt-xl-n3,
   .my-xl-n3 {
      margin-top: -1rem !important
   }

   .mr-xl-n3,
   .mx-xl-n3 {
      margin-right: -1rem !important
   }

   .mb-xl-n3,
   .my-xl-n3 {
      margin-bottom: -1rem !important
   }

   .ml-xl-n3,
   .mx-xl-n3 {
      margin-left: -1rem !important
   }

   .m-xl-n4 {
      margin: -1.5rem !important
   }

   .mt-xl-n4,
   .my-xl-n4 {
      margin-top: -1.5rem !important
   }

   .mr-xl-n4,
   .mx-xl-n4 {
      margin-right: -1.5rem !important
   }

   .mb-xl-n4,
   .my-xl-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-xl-n4,
   .mx-xl-n4 {
      margin-left: -1.5rem !important
   }

   .m-xl-n5 {
      margin: -3rem !important
   }

   .mt-xl-n5,
   .my-xl-n5 {
      margin-top: -3rem !important
   }

   .mr-xl-n5,
   .mx-xl-n5 {
      margin-right: -3rem !important
   }

   .mb-xl-n5,
   .my-xl-n5 {
      margin-bottom: -3rem !important
   }

   .ml-xl-n5,
   .mx-xl-n5 {
      margin-left: -3rem !important
   }

   .m-xl-auto {
      margin: auto !important
   }

   .mt-xl-auto,
   .my-xl-auto {
      margin-top: auto !important
   }

   .mr-xl-auto,
   .mx-xl-auto {
      margin-right: auto !important
   }

   .mb-xl-auto,
   .my-xl-auto {
      margin-bottom: auto !important
   }

   .ml-xl-auto,
   .mx-xl-auto {
      margin-left: auto !important
   }
}

.text-monospace {
   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
   text-align: justify !important
}

.text-wrap {
   white-space: normal !important
}

.text-nowrap {
   white-space: nowrap !important
}

.text-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.text-left {
   text-align: left !important
}

.text-right {
   text-align: right !important
}

.text-center {
   text-align: center !important
}

@media (min-width:576px) {
   .text-sm-left {
      text-align: left !important
   }

   .text-sm-right {
      text-align: right !important
   }

   .text-sm-center {
      text-align: center !important
   }
}

@media (min-width:768px) {
   .text-md-left {
      text-align: left !important
   }

   .text-md-right {
      text-align: right !important
   }

   .text-md-center {
      text-align: center !important
   }
}

@media (min-width:992px) {
   .text-lg-left {
      text-align: left !important
   }

   .text-lg-right {
      text-align: right !important
   }

   .text-lg-center {
      text-align: center !important
   }
}

@media (min-width:1200px) {
   .text-xl-left {
      text-align: left !important
   }

   .text-xl-right {
      text-align: right !important
   }

   .text-xl-center {
      text-align: center !important
   }
}

.text-lowercase {
   text-transform: lowercase !important
}

.text-uppercase {
   text-transform: uppercase !important
}

.text-capitalize {
   text-transform: capitalize !important
}


@media print {

   *,
   ::after,
   ::before {
      text-shadow: none !important;
      box-shadow: none !important
   }

   a:not(.btn) {
      text-decoration: underline
   }

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

   pre {
      white-space: pre-wrap !important
   }

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

   thead {
      display: table-header-group
   }

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

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

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

   @page {
      size: a3
   }

   body {
      min-width: 992px !important
   }

   .container {
      min-width: 992px !important
   }

   .navbar {
      display: none
   }

   

   .table {
      border-collapse: collapse !important
   }

   .table td,
   .table th {
      background-color: #fff !important
   }

   .table-bordered td,
   .table-bordered th {
      border: 1px solid #dee2e6 !important
   }

   .table-dark {
      color: inherit
   }

   .table-dark tbody+tbody,
   .table-dark td,
   .table-dark th,
   .table-dark thead th {
      border-color: #dee2e6
   }

   .table .thead-dark th {
      color: inherit;
      border-color: #dee2e6
   }
}

/*# sourceMappingURL=bootstrap.min.css.map */

/* template/css/01_elemente.css */

/* ============================================================
   01_elemente.css – Design Tokens & Basis-Stile
   miet-boot.de
   ──────────────────────────────────────────────────────────
   EINZIGE Quelle für alle CSS Custom Properties.
   Alle anderen Dateien referenzieren nur noch var(--...).
   ============================================================ */

/* ============================================================
   ROOT – CSS CUSTOM PROPERTIES
   ============================================================ */

:root {

  /* ==========================================================
     BRAND – Primärfarben
  ========================================================== */

  --brand-orange:            #f89944;
  --brand-orange-hover:      #f89944;
  --brand-blue:              rgb(40, 62, 85);
  --brand-blue-dark:         #1d2e41;
  --brand-blue-light:        #2989d8;

  /* ==========================================================
     BODY – Typografie & Links
  ========================================================== */

  --body-font-color:             rgb(40, 62, 85);
  --body-main-btn-color:         var(--brand-orange);
  --body-font-link-color:        var(--brand-orange);
  --body-font-link-hover-color:  var(--brand-orange-hover);
  --body-label-color:            rgb(40, 62, 85);
  --body-linkcolor-primecolor:   rgb(40, 62, 85);
  --body-linkcolor-withe:        #ffffff;
  
  --link-color:        var(--body-font-link-color);      
  --link-hover-color:  var(--body-font-link-hover-color);  
  --link-active-color: var(--body-font-link-hover-color); 

  /* ==========================================================
     BACKGROUNDS
  ========================================================== */

  --bg-white:           #ffffff;
  --bg-lighter:         rgb(244, 253, 255);
  --bg-light:           rgb(247, 247, 247);
  --body-bg-100:        #d8dfec;
  --body-bg-200:        #f3f4f8;
  --bg-gradient-blue:   linear-gradient(-275deg, #22E1FF 0%, #1D8FE1 41%, #625EB1 100%);
  --bg-gradient-red:    linear-gradient(-275deg, #b20505 0%, #560000 100%);

  /* ==========================================================
     ÜBERSCHRIFTEN
  ========================================================== */

  --h1-color:  #4a6286;
  --h2-color:  #666262;
  --h3-color:  #666262;
  --h4-color:  #666262;
  --h5-color:  #666262;
  --h6-color:  #666262;

  /* ==========================================================
     CARD
  ========================================================== */
  
  --card-main-color:           var(--brand-blue-light);
  --card-secound-color:        rgb(40, 62, 85);
  --card-main-gradient-color:  linear-gradient(42deg, rgba(40,62,85,1) 27%, rgba(40,83,117,1) 78%, rgba(33,115,180,1) 100%);
  --admin-gradient-color:      linear-gradient(42deg, rgba(40,62,85,1) 27%, rgba(40,83,117,1) 78%, rgba(33,115,180,1) 100%);
  --card-grey-color:           #b7b7b7;
  --card-orange-color:         var(--brand-orange);
  --card-background-color:     #ffffff;
  --card-bg:                   rgba(255, 255, 255, 1);
  --card-border-color:         rgba(87, 87, 87, 0.105);
  --card-radius:               6px;
  --card-shadow:               0 4px 20px rgba(0,0,0,.02);
  --card-shadow-hover:         0 8px 28px rgba(0,0,0,.08);
  
  --card-text-color:           var(--brand-blue-dark);
  --card-transition:           transform .2s ease, box-shadow .2s ease, background .2s ease;
  --card-blur:                 blur(6px);
  --card-blur-mobile:          blur(3px);
  --card-image-h-lg:           200px;
  --card-image-h-md:           170px;
  --card-image-h-sm:           140px;
  

  /* ==========================================================
     NOTIFICATIONS
  ========================================================== */

  --green-color:   #155724;
  --orange-color:  var(--brand-orange);
  --red-color:     #e01f1f;

  /* ==========================================================
     ALERT SYSTEM
  ========================================================== */

  --color-alert-error:               #8b1e1e;
  --background-color-alert-error:    #fdeaea;
  --border-color-alert-error:        #f2bcbc;
  --color-alert-error-light:         #efa2a9;  /* Validation: invalid hover bg */
  --color-alert-error-dark:          #e4606d;  /* Validation: invalid checked bg */

  --color-alert-success:             #1f7a3a;
  --background-color-alert-success:  #e6f4ea;
  --border-color-alert-success:      #cfe9d9;
  --color-alert-success-light:       #71dd8a;  /* Validation: valid hover bg */
  --color-alert-success-dark:        #34ce57;  /* Validation: valid checked bg */

  --color-alert-warning:             #7a5d00;
  --background-color-alert-warning:  #fff6e3;
  --border-color-alert-warning:      #f1c08b;

  --color-alert-info:                #1f3a5f;
  --background-color-alert-info:     #e8f1ff;
  --border-color-alert-info:         #c5dbf6;

  --color-alert-dark:                var(--brand-blue);
  --background-color-alert-dark:     var(--bg-light);
  --border-color-alert-dark:         var(--bs-input-border);

  --color-alert-light:               #6c757d;
  --background-color-alert-light:    var(--bg-light);
  --border-color-alert-light:        var(--bs-input-border);

  --orang-color-alert-light:             #8a4b1f;
  --background-orang-color-alert-light:  var(--background-color-alert-warning);
  --border-orang-color-alert-light:      #f2b183;

  /* ==========================================================
     STATUS – Buchungs- & Bestellstatus
  ========================================================== */

  --status-pending-bg-1: var(--background-color-alert-warning);
  --status-pending-bg-2: color-mix(in srgb, var(--background-color-alert-warning) 80%, transparent);
  --status-pending-text:    var(--color-alert-warning);
  --status-pending-border:  var(--border-color-alert-warning);
  --status-pending-pattern: repeating-linear-gradient(
    45deg,
    var(--status-pending-bg-1),
    var(--status-pending-bg-2) 8px,
    var(--status-pending-bg-1) 16px
  );

  
  --status-success-bg:      var(--background-color-alert-success);
  --status-success-text:    var(--color-alert-success);
  --status-success-border:  var(--border-color-alert-success);

  --status-error-bg:        var(--background-color-alert-error);
  --status-error-text:      var(--color-alert-error);
  --status-error-border:    var(--border-color-alert-error);

  --status-info-bg:         var(--background-color-alert-info);
  --status-info-text:       var(--color-alert-info);
  --status-info-border:     var(--border-color-alert-info);

  --status-neutral-bg:      var(--background-color-alert-dark);
  --status-neutral-text:    var(--color-alert-dark);
  --status-neutral-border:  var(--border-color-alert-dark);

  --status-soft-bg:         var(--background-orang-color-alert-light);
  --status-soft-text:       var(--orang-color-alert-light);
  --status-soft-border:     var(--border-orang-color-alert-light);
  
  
  --status-offer-bg:      #f7f9fd;
  --status-offer-text:    rgb(40, 62, 85);
  --status-offer-border:  rgb(40, 62, 85);
  
  --status-offer-bg:      var(--background-color-alert-info);
  --status-offer-text:    var(--color-alert-info);
  --status-offer-border:  var(--border-color-alert-info);

  /* ==========================================================
     BUTTONS
  ========================================================== */

  --btn-primary-bg:      var(--brand-orange);
  --btn-primary-hover:   var(--brand-orange-hover);
  --btn-primary-text:    #ffffff;

  --btn-secondary-bg:    var(--brand-blue);
  --btn-secondary-hover: var(--brand-blue-dark);
  --btn-secondary-text:  #ffffff;

  --btn-success-bg:      #2f7d32;
  --btn-success-hover:   #27692b;
  --btn-success-text:    #ffffff;

  --btn-danger-bg:       #b20505;
  --btn-danger-hover:    #8c0404;
  --btn-danger-text:     #ffffff;

  --btn-warning-bg:      #f7a531;
  --btn-warning-hover:   #e28f1e;
  --btn-warning-text:    var(--brand-blue-dark);

  --btn-info-bg:         var(--brand-blue-light);
  --btn-info-hover:      #197ec4;
  --btn-info-text:       #ffffff;

  --btn-light-bg:        #ffffff;
  --btn-light-hover:     var(--bs-input-bg-disabled);
  --btn-light-text:      var(--brand-blue-dark);

  --btn-dark-bg:         var(--brand-blue-dark);
  --btn-dark-hover:      #111a25;
  --btn-dark-text:       #ffffff;

  --btn-ghost-text:      var(--brand-orange);
  --btn-ghost-hover-bg:  rgba(248, 153, 68, 0.1);

  /* ==========================================================
     LINKS
  ========================================================== */

  --link-primary:          var(--brand-orange);
  --link-primary-hover:    var(--brand-orange-hover);
  --link-secondary:        var(--brand-blue);
  --link-secondary-hover:  var(--brand-blue-dark);
  --link-success:          #2f7d32;
  --link-success-hover:    #27692b;
  --link-danger:           #b20505;
  --link-danger-hover:     #8c0404;
  --link-warning:          #f7a531;
  --link-warning-hover:    #e28f1e;
  --link-info:             var(--brand-blue-light);
  --link-info-hover:       #197ec4;
  --link-dark:             var(--brand-blue-dark);
  --link-dark-hover:       #111a25;
  --link-light:            #ffffff;
  --link-light-hover:      var(--bg-light);

  /* ==========================================================
     INPUTS & FORMULARE
  ========================================================== */

  --bs-input-bg:              #ffffff;
  --bs-input-bg-disabled:     #e9ecef;
  --bs-input-border:          #dee2e6;
  --bs-input-border-focus:    #d58a00;
  --bs-input-border-invalid:  #dc3545;
  --bs-input-border-valid:    #198754;
  --bs-input-text:            #212529;
  --bs-input-placeholder:     #6c757d;
  --bs-input-label:           #212529;
  --bs-input-box-shadow:      inset 0 1px 2px rgba(0, 0, 0, .075);
  --bs-input-focus-ring:      0 0 0 1px #dee2e6;
  --bs-checkbox-blue:         #007bff;  /* Bootstrap Custom Control Akzentfarbe */
  --bs-checkbox-blue-light:   #b3d7ff;  /* Custom Control: active state */

  --select-bg:                var(--bs-input-bg);
  --select-bg-hover:          var(--bg-light);
  --select-border:            var(--bs-input-border);
  --select-border-focus:      var(--body-main-btn-color);
  --select-text:              var(--brand-blue-dark);
  --select-muted:             #9aa3ad;
  --select-divider:           var(--bs-input-border);
  --select-option-hover:      var(--bg-light);
  --select-option-selected:   rgb(228 231 238);
  --select-check-color:       #006406;
  --select-shadow:            0 10px 22px rgba(0, 0, 0, .12);

  /* ==========================================================
     TABS
  ========================================================== */

  --tab-accent:         rgb(255 119 4);
  --tab-text-default:   var(--brand-blue-dark);
  --tab-text-active:    #ffffff;
  --tab-text-hover:    #ffffff;
  --tab-text-invert:    #ffffff;
  --tab-bg-default:     #ffffff;
  --tab-bg-hover:       #1d4365;
  --tab-bg-active:      var(--brand-blue-dark);
  --tab-border-default: #ffffff;
  --tab-border-hover:   #1d4365;
  --tab-border-active:  var(--brand-blue-dark);


/* ==========================================================
       TABS ANBIETER HEADER
 ========================================================== */
  --tab-ANBIETER-accent:         rgb(255 119 4);
  --tab-ANBIETER-text-default:   #ffffff;                 /* Inaktiv (blau BG): weiße Schrift */
  --tab-ANBIETER-text-active:    var(--brand-blue-dark);  /* Aktiv (weiß BG): blaue Schrift */
  --tab-ANBIETER-text-invert:    #ffffff;
  --tab-ANBIETER-bg-default:     var(--brand-blue-dark);  /* Inaktiv: blauer Hintergrund */
  --tab-ANBIETER-bg-hover:       #1d4365;                 /* Hover: dunkler blau */
  --tab-ANBIETER-bg-active:      #ffffff;                 /* Aktiv: weißer Hintergrund */
  --tab-ANBIETER-border-default: var(--brand-blue-dark);
  --tab-ANBIETER-border-hover:   #1d4365;
  --tab-ANBIETER-border-active:  #ffffff;
  /* ==========================================================
     HERO & GLASS
  ========================================================== */

  --hero-text-light:            rgba(255,255,255,0.85);
  --hero-text-strong:           #ffffff;
  --hero-overlay-bg:            #1e273e63;
  --hero-accent-orange:         var(--brand-orange);
  --hero-badge-primary-bg:      rgba(255, 183, 0, 1);
  --hero-badge-primary-text:    #532000;
  --hero-badge-secondary-bg:    rgba(0, 180, 255, 1);
  --hero-badge-secondary-text:  #002549;
  --hero-badge-warning-bg:      var(--btn-danger-bg);
  --hero-badge-warning-text:    #ffffff;
  --glass-bg-light:             rgba(255,255,255,0.12);
  --glass-bg-medium:            rgba(255,255,255,0.15);
  --glass-bg-hover:             rgba(255,255,255,0.22);
  --glass-border-light:         rgba(255,255,255,0.25);
  --glass-border-hover:         rgba(255,255,255,0.35);
  --glass-blur:                 blur(6px);
  --glass-blur-soft:            blur(4px);

  /* ==========================================================
     LIGHTBOX (ekko-lightbox)
  ========================================================== */

  --lightbox-bg:              rgba(0,0,0,.85);

  --lightbox-w-xs:            320px;
  --lightbox-h-xs:            210px;
  --lightbox-w-sm:            435px;
  --lightbox-h-sm:            210px;
  --lightbox-w-md:            960px;
  --lightbox-h-md:            617px;
  --lightbox-w-lg:            1200px;
  --lightbox-h-lg:            840px;

  --lightbox-arrow-size:      42px;
  --lightbox-arrow-bg:        rgba(0,0,0,.45);
  --lightbox-arrow-bg-hover:  rgba(0,0,0,.65);
  --lightbox-arrow-color:     #ffffff;
  --lightbox-arrow-border:    3px;
  --lightbox-loader-color:    #ffffff;

  /* ==========================================================
     WIKI
  ========================================================== */

  --wiki-font-color:         var(--brand-blue);
  --wiki-sidebar-bg:         #f5f5f5;
  --wiki-sidebar-hover-bg:   var(--bs-input-border);
  --wiki-sidebar-border:     #dee2e6;
  --wiki-sidebar-active-bg:  rgba(226,230,234,.657);
  --wiki-endpoint-bg:        #ffffff;
  --wiki-main-color:         var(--brand-orange);
  --wiki-alert-success:      #48914b;
  --wiki-alert-error:        #ef4444;
  --wiki-code-bg:            #2d3036;
  --wiki-code-text:          #ffffff;
  --wiki-shadow-soft:        0 2px 4px rgba(0,0,0,.05);

  /* ==========================================================
     MOBILE / DATERANGEPICKER OVERRIDES
  ========================================================== */

  --mobile-daterangepicker-active:    #265375;
  --mobile-vorteilbox-icon:           #a4b8cd;
  --mobile-pricetable-row-bg:         var(--bs-input-bg-disabled);

  /* Kalender-Legende (Mobile) */
  --mobile-legend-green:              var(--background-color-alert-success);
  --mobile-legend-gray:               var(--bs-input-border);
  --mobile-legend-orange:             #eed3d3;
  --mobile-legend-feiertag:           #d9bd03;
  --mobile-legend-ferien:             #bf00b9;
  --mobile-legend-geschlossen:        var(--background-color-alert-error);
  --mobile-legend-border:             #b7b7b7;

  /* ==========================================================
     TIMELINE
  ========================================================== */

  --timeline-border:      var(--bs-input-border);
  --timeline-icon-color:  #4F84C4;

  /* ==========================================================
     ROUTE / KARTE
  ========================================================== */

  --route-accent:  var(--brand-orange);
  --route-line:    var(--bs-input-border);
  --route-title:   var(--brand-blue-dark);
  --route-muted:   #5b6b7a;

  /* ==========================================================
     OPTIONS – Zusatzleistungen
  ========================================================== */

  --option-4:        #aebfe6;  /* Begleitung – Blau */
  --option-4-color:  #223370;
  --option-8:        #cb96fb;  /* Catering – Lila */
  --option-8-color:  #40007a;

  --option-1:        #f1c3c3;  /* Essen – Rot */
  --option-1-color:  #991b1b;
  --option-2:        #418881;  /* Kraftstoff – Teal */
  --option-2-color:  #ffffff;
  --option-5:        #cb9c41;  /* Sound – Amber */
  --option-5-color:  #371a09;
  --option-6:        #e23e58;  /* Toilette – Pink-Rot */
  --option-6-color:  #ffffff;
  --option-10:       var(--card-grey-color);  /* Startpunkt – Slate */
  --option-10-color: #334155;

  --option-3:        #dadada;  /* Sonstiges – Grau */
  --option-3-color:  #475569;
  --option-7:        #53d797;  /* Kühlbox – Grün */
  --option-7-color:  #065f46;
  --option-9:        #3eb9f2;  /* Bewirtung – Blau */
  --option-9-color:  #002131;
  --option-11:       #7e74b3;  /* Extra 1 – Lila */
  --option-11-color: #5b21b6;
  --option-12:       #b4a36d;  /* Extra 2 – Gelb */
  --option-12-color: #92400e;

  /* ==========================================================
     CHART FARBEN
  ========================================================== */

  --color-1:   #DECF3F;
  --color-2:   #FAA43A;
  --color-3:   #F15854;
  --color-4:   #B276B2;
  --color-5:   #d72882;
  --color-6:   #5DA5DA;
  --color-7:   #1ea4bf;
  --color-8:   #10b05b;
  --color-9:   #086a36;
  --color-10:  #f5f5f5;
  --color-11:  #939393;
  --color-12:  rgb(40, 62, 85);
  --color-13:  #b20505;

  /* ==========================================================
     BORDER-RADIUS SYSTEM
  ========================================================== */

  --border-radius-0:   0px;
  --border-radius-3:   .25rem;
  --border-radius-6:   .37rem;
  --border-radius-25:  25%;
  --border-radius-50:  50%;

  --radius-sm:  8px;
  --radius-md:  10px;
  --radius-lg:  12px;

  /* ==========================================================
     BORDERS
  ========================================================== */

  --border-0:  0px;
  --border-1:  1px;
  --border-2:  2px;

  /* ==========================================================
     SHADOWS
  ========================================================== */

  --shadow-soft:       0 2px 6px rgba(0,0,0,0.15);
  --shadow-hover:      0 10px 18px rgba(0,0,0,0.12);
  --shadow-overlay:    0 8px 20px rgba(0,0,0,0.25);
  --shadow-card-sm:    0 2px 12px rgba(0,0,0,0.10);
  --shadow-card-lg:    0 6px 24px rgba(0,0,0,0.08);
  --shadow-role:       0 1px 3px rgba(0,0,0,0.26);
  --shadow-border-soft: rgba(0,0,0,0.08);
  --body-bg-200-fade:  rgba(239, 243, 250, 0);

  /* ── Overlays (Carousel / Modals) ── */
  --overlay-light:     rgba(0,0,0,0.20);
  --overlay-dark:      rgba(0,0,0,0.45);
  --overlay-medium:    rgba(0,0,0,0.55);
  --overlay-darker:    rgba(0,0,0,0.65);

  /* ── Brand fades ── */
  --brand-orange-fade:        rgba(248,153,68,0.10);

  /* ── Hero Spacing & Typography ── */
  --hero-content-padding-x:      1.5rem;
  --hero-grid-gap:                1.2rem;
  --hero-grid-max-width:          900px;

  /* ── Hero Heights ── */
  --hero-height-xs:   150px;
  --hero-height-sm:   280px;
  --hero-height-md:   420px;
  --hero-height-lg:   580px;
  --hero-height-xl:   760px;

  /* ── Admin Nav Bar ── */
  --admin-bg:                 var(--brand-blue-dark);
  --admin-accent:             var(--brand-orange);
  --admin-text:               rgba(255,255,255,0.72);
  --admin-text-strong:        rgba(255,255,255,0.92);
  --admin-muted:              var(--bs-input-placeholder);
  --admin-border:             rgba(255,255,255,0.08);
  --admin-bar-item-border:    var(--btn-dark-hover);
  --admin-bar-item-bg:        rgb(27 51 74);
  --admin-bar-item-hover:     rgb(25 56 84);
  --admin-bar-meta-bg:        rgba(104,119,135,0.09);
  --shadow-brand:      0 6px 23px rgba(40,83,117,0.10);

  /* ── Verfügbarkeitskalender ── */
  --cal-available-bg:       var(--border-color-alert-success);
  --cal-available-border:   #50b46f;
  --cal-available-hover:    #50b46f;
  --cal-booked-bg:          var(--background-color-alert-error);
  --cal-booked-border:      #ff4d4d;
  --cal-booked-text:        #a10000;
  --cal-teiln-bg:           var(--border-color-alert-error);
  --cal-teiln-hover:        #cb9398;
  --cal-today-bg:           #dbeeff;
  --cal-today-border:       var(--brand-blue-light);
  --cal-disabled-bg:        var(--bg-light);
  --cal-feiertag:           #d9bd03;
  --cal-ferien:             #bf00b9;
  --cal-legend-border:      #b7b7b7;
  --cal-legend-green:       var(--border-color-alert-success);
  --cal-glow-shadow:        rgba(80, 180, 111, 0.6);

  /* ==========================================================
     TYPOGRAFIE-SKALA
  ========================================================== */

  --text-2xs:   0.65rem;    /*  10.4px */
  --text-xs:    0.75rem;    /*  12.0px */
  --text-sm:    0.875rem;   /*  14.0px */
  --text-base:  1rem;       /*  16.0px */
  --text-md:    1.125rem;   /*  18.0px */
  --text-lg:    1.25rem;    /*  20.0px */
  --text-xl:    1.6rem;     /*  24.0px */
  --text-2xl:   1.875rem;   /*  30.0px */
  --text-3xl:   2rem;       /*  32.0px */
  --text-4xl:   2.5rem;     /*  40.0px */
  --text-5xl:   3rem;       /*  48.0px */
  --text-6xl:   3.75rem;    /*  60.0px */
  --text-7xl:   4rem;       /*  64.0px */
  --text-8xl:   5rem;       /*  80.0px */

  /* ── Fluid / Responsive ── */
  --text-fluid-title:    clamp(1.3rem, 4vw, 2rem);   /* Hero-Titel responsive */
  --text-fluid-subtitle: clamp(1rem, 2vw, 1.35rem);  /* Hero-Untertitel responsive */

  /* ==========================================================
     FONT-WEIGHT
  ========================================================== */

  --fw-light:     300;
  --fw-normal:    400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-extrabold: 800;
  --fw-black:     900;


  /* ==========================================================
     LINE-HEIGHT
  ========================================================== */

  --lh-none:    1;       /* Icons, einzeilige Elemente */
  --lh-tight:   1.2;     /* Überschriften */
  --lh-snug:    1.25;    /* Kompakter Text */
  --lh-normal:  1.3;     /* Standard */
  --lh-relaxed: 1.4;     /* Lesefließtext */
  --lh-loose:   1.5;     /* Komfortabler Fließtext */
  --lh-prose:   1.8;     /* Lange Texte, p-Tags */


  /* ==========================================================
     SPACING / MARGINS
  ========================================================== */

  /* ── Tabs Spacing ── */
  --tab-padding-y:          .45rem;
  --tab-padding-x:          .75rem;
  --tab-gap:                .4rem;

  /* ── Input-Group Radius ── */
  --ig-radius:              6px;
  --ig-radius-right-top:    6px;
  --ig-radius-right-bottom: 6px;
  --ig-radius-left-top:     0px;
  --ig-radius-left-bottom:  0px;

  /* ── Admin Nav Sizing ── */
  --bar-h:            74px;
  --panel-w-mobile:   min(460px, 40vw);
  --panel-w-desktop:  min(460px, 40vw);
  --drop-minw:        220px;
  --drop-gap:         10px;
  --safe-x:           8px;

  /* ── FullCalendar ── */
  --fc-page-bg-color:                  var(--bg-white);
  --fc-neutral-bg-color:               hsl(0deg 0% 82% / 30%);
  --fc-neutral-text-color:             grey;
  --fc-border-color:                   var(--bs-input-border);
  --fc-button-text-color:              var(--brand-blue);
  --fc-button-bg-color:                var(--bg-white);
  --fc-event-bg-color-status90:        rgb(40 150 32 / 32.9%);
  --fc-event-bg-color-status90-reoffen: rgb(255 119 0 / 32.9%);
  --fc-event-bg-color-block:           rgb(172 0 0 / 32.9%);
  --fc-event-border-color:             var(--brand-blue);
  --fc-event-text-color:               var(--bg-white);
  --fc-button-border-color:            var(--bs-input-border);
  --fc-button-hover-bg-color:          var(--brand-blue);
  --fc-button-hover-border-color:      var(--brand-blue);
  --fc-button-active-bg-color:         var(--brand-blue);
  --fc-button-active-border-color:     var(--brand-blue);
  --fc-event-selected-overlay-color:   rgb(0 0 0 / 25%);
  --fc-more-link-bg-color:             var(--red-color);
  --fc-more-link-text-color:           inherit;
  --fc-event-resizer-thickness:        8px;
  --fc-event-resizer-dot-total-width:  6px;
  --fc-event-resizer-dot-border-width: 1px;
  --fc-non-business-color:             hsl(0deg 0% 84% / 30%);
  --fc-bg-event-color:                 #8fdf82;
  --fc-bg-event-opacity:               0.3;
  --fc-highlight-color:                rgb(188 232 241 / 30%);
  --fc-today-bg-color:                 rgb(255 220 40 / 15%);
  --fc-now-indicator-color:            var(--red-color);


  /* ==========================================================
     SPACING / MARGINS
  ========================================================== */

  --margin-top-150:  -150px;
  --margin-top-100:  -100px;
  --margin-top-50:   -50px;
  --margin-top-20:   -20px;

}

/* ============================================================
   TEXT SIZE UTILITY CLASSES
   ============================================================ */
.text-2xs { font-size: var(--text-2xs); }
.text-xs  { font-size: var(--text-xs); }
.text-sm  { font-size: var(--text-sm); }
.text-base { font-size: var(--text-base); }
.text-md  { font-size: var(--text-md); }
.text-lg  { font-size: var(--text-lg); }
.text-xl  { font-size: var(--text-xl); }
.text-2xl { font-size: var(--text-2xl); }
.text-3xl { font-size: var(--text-3xl); }
.text-4xl { font-size: var(--text-4xl); }
.text-5xl { font-size: var(--text-5xl); }
.text-6xl { font-size: var(--text-6xl); }
.text-7xl { font-size: var(--text-7xl); }
.text-8xl { font-size: var(--text-8xl); }


/* TEXT COLORS */
.text-body { color: var(--body-font-color) !important; }
.text-label { color: var(--body-label-color) !important; }
.text-primecolor { color: var(--body-linkcolor-primecolor) !important; }
.text-withe { color: var(--body-linkcolor-withe) !important; }

/* BACKGROUND COLORS */
.bg-body-color { background-color: var(--body-font-color) !important; }
.bg-link-color { background-color: var(--body-font-link-color) !important; }

/* BORDER COLORS */
.border-body-color { border-color: var(--body-font-color) !important; }
.border-link-color { border-color: var(--body-font-link-color) !important; }

/* LINKS */
.link-color { 
    color: var(--body-font-link-color); 
    text-decoration: none; 
}
.link-color:hover { color: var(--body-font-link-hover-color); }

/* BUTTON */
.btn-main {
    background: var(--body-main-btn-color);
    color: var(--body-linkcolor-withe);
    border: 1px solid var(--body-main-btn-color);
}
.btn-main:hover { background: var(--body-font-link-hover-color); }

/* HOVER */
.hover-link-color:hover { color: var(--body-font-link-color) !important; }
.hover-bg-link:hover { background: var(--body-font-link-color) !important; }



/* ============================================================
   CARD – Detail-Seite Override
   ============================================================ */


/* ============================================================
   UTILITY-KLASSEN – Border Radius
   ============================================================ */

.border-radius-0  { border-radius: var(--border-radius-0); }
   .border-radius-3  { border-radius: var(--border-radius-3); }
   .border-radius-6  { border-radius: var(--border-radius-6); }
   .border-radius-25 { border-radius: var(--border-radius-25); }
   .border-radius-50 { border-radius: var(--border-radius-50); }
   .radius-sm        { border-radius: var(--radius-sm); }
   .radius-md        { border-radius: var(--radius-md); }
   .radius-lg        { border-radius: var(--radius-lg); }
/* ============================================================
   UTILITY-KLASSEN – Borders
   ============================================================ */

.border-0 { border: 0 !important; box-shadow: none !important; }
.border-1 { border: var(--border-1) !important; }
.border-2 { border: var(--border-2) !important; }

/* ============================================================
   UTILITY-KLASSEN – Margins
   ============================================================ */

.margin-top-150 { margin-top: var(--margin-top-150); }
.margin-top-100 { margin-top: var(--margin-top-100); }
.margin-top-50  { margin-top: var(--margin-top-50); }
.margin-top-20  { margin-top: var(--margin-top-20); }

/* ============================================================
   UTILITY-KLASSEN – Farben
   ============================================================ */

.color-1  { color: var(--color-1); }
.color-2  { color: var(--color-2); }
.color-3  { color: var(--color-3); }
.color-4  { color: var(--color-4); }
.color-5  { color: var(--color-5); }
.color-6  { color: var(--color-6); }
.color-7  { color: var(--color-7); }
.color-8  { color: var(--color-8); }
.color-9  { color: var(--color-9); }
.color-10 { color: var(--color-10); }
.color-11 { color: var(--color-11); }
.color-12 { color: var(--color-12); }
.color-13 { color: var(--color-13) !important; }

.bg-white { background: var(--bg-white); }
.bg-200   { background: var(--body-bg-200) !important; }
.bg-withe { background: var(--body-linkcolor-withe) !important; }

/* ============================================================
   BASIS-STILE – Reset & Typografie
   ============================================================ */

::after,
::before {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: var(--lh-tight);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  color: var(--body-font-color);
  overflow-x: hidden;
  font-size: var(--text-base);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: var(--fw-normal);
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
}

label { line-height: var(--lh-prose) !important; }
div   { line-height: var(--lh-normal); }

li,
p {
  font-weight: var(--fw-normal) !important;
  line-height: var(--lh-prose) !important;
  font-size: var(--text-base);
}

label,
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: var(--fw-normal);
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem;
  font-weight: var(--fw-medium);
  line-height: var(--lh-tight);
}

h1 { font-size: var(--text-2xl); }
h2 { font-size: var(--text-2xl); }
h3, h4, h5, h6 { font-size: var(--text-lg); }

small {
  font-size: var(--text-sm);
  line-height: normal;
}

label {
  line-height: 9px;
  color: inherit;
}

s,
strike {
  color: var(--color-alert-error) !important;
}

/* ============================================================
   BASIS-STILE – Inputs
   ============================================================ */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* ============================================================
   BASIS-STILE – Buttons & Badges
   ============================================================ */

.btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  line-height: var(--lh-loose);
  border-radius: .25rem;
  transition: color .15s ease-in-out,
              background-color .15s ease-in-out,
              border-color .15s ease-in-out,
              box-shadow .15s ease-in-out;
}

.btn-block {
  display: block;
  width: 100%;
}

.badge-default,
.badge-info,
.badge {
  border: 1px solid #dee2e6;
  margin-bottom: 3px;
  display: inline-block;
  padding: .25em .4em;
  font-weight: var(--fw-bold);
  line-height: var(--lh-none);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  transition: color .15s ease-in-out,
              background-color .15s ease-in-out,
              border-color .15s ease-in-out,
              box-shadow .15s ease-in-out;
}

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

/* ============================================================
   BASIS-STILE – Display-Klassen
   ============================================================ */

.display-1 { font-weight: var(--fw-light) !important; line-height: var(--lh-tight); }
.display-2 { font-weight: var(--fw-normal) !important; line-height: var(--lh-tight); }
.display-3 { font-weight: var(--fw-bold) !important; line-height: var(--lh-tight); }


/* ==========================================================
   ALERT UTILITY CLASSES
   ========================================================== */

/* Text Colors */
.text-error   { color: var(--color-alert-error); }
.text-success { color: var(--color-alert-success); }
.text-warning { color: var(--color-alert-warning); }
.text-info    { color: var(--color-alert-info); }

/* Background Colors */
.bg-error   { background-color: var(--background-color-alert-error); }
.bg-success { background-color: var(--background-color-alert-success); }
.bg-warning { background-color: var(--background-color-alert-warning); }
.bg-info    { background-color: var(--background-color-alert-info); }

/* Border Colors */
.border-error   { border-color: var(--border-color-alert-error); }
.border-success { border-color: var(--border-color-alert-success); }
.border-warning { border-color: var(--border-color-alert-warning); }
.border-info    { border-color: var(--border-color-alert-info); }

/* Alert Boxes - Complete Styled Components */
.alert {
  padding: 1rem 1.25rem;
  border-radius: 0.375rem;
  border: 1px solid;
  margin-bottom: 1rem;
  font-size: 0.9375rem;
  line-height: 1.5;
}

.alert-error {
  color: var(--color-alert-error);
  background-color: var(--background-color-alert-error);
  border-color: var(--border-color-alert-error);
}

.alert-success {
  color: var(--color-alert-success);
  background-color: var(--background-color-alert-success);
  border-color: var(--border-color-alert-success);
}

.alert-warning {
  color: var(--color-alert-warning);
  background-color: var(--background-color-alert-warning);
  border-color: var(--border-color-alert-warning);
}

.alert-info {
  color: var(--color-alert-info);
  background-color: var(--background-color-alert-info);
  border-color: var(--border-color-alert-info);
}

/* Validation States (for form inputs) */
.input-valid,
.input-success {
  border-color: var(--border-color-alert-success);
}

.input-valid:hover,
.input-success:hover {
  background-color: var(--color-alert-success-light);
}

.input-valid:checked,
.input-success:checked {
  background-color: var(--color-alert-success-dark);
  border-color: var(--color-alert-success-dark);
}

.input-invalid,
.input-error {
  border-color: var(--border-color-alert-error);
}

.input-invalid:hover,
.input-error:hover {
  background-color: var(--color-alert-error-light);
}

.input-invalid:checked,
.input-error:checked {
  background-color: var(--color-alert-error-dark);
  border-color: var(--color-alert-error-dark);
}

/* Badge/Pill Variants */
.badge-error {
  color: var(--color-alert-error);
  background-color: var(--background-color-alert-error);
  border: 1px solid var(--border-color-alert-error);
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-block;
}

.badge-success {
  color: var(--color-alert-success);
  background-color: var(--background-color-alert-success);
  border: 1px solid var(--border-color-alert-success);
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-block;
}

.badge-warning {
  color: var(--color-alert-warning);
  background-color: var(--background-color-alert-warning);
  border: 1px solid var(--border-color-alert-warning);
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-block;
}

.badge-info {
  color: var(--color-alert-info);
  background-color: var(--background-color-alert-info);
  border: 1px solid var(--border-color-alert-info);
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-block;
}

/* Hover States for Interactive Elements */
.hover-error:hover   { background-color: var(--background-color-alert-error); }
.hover-success:hover { background-color: var(--background-color-alert-success); }
.hover-warning:hover { background-color: var(--background-color-alert-warning); }
.hover-info:hover    { background-color: var(--background-color-alert-info); }

/* template/css/02_wiki.css */

/* ============================================================
   02_wiki.css – Service-Wiki / API-Dokumentation
   miet-boot.de
   ──────────────────────────────────────────────────────────
   Farben → 01_elemente.css  (--wiki-*)
   ============================================================ */


/* ============================================================
   LAYOUT – Wrapper & Sidebar
   ============================================================ */

.body_service .wrapper .container-fluid {
  width: auto !important;
}

.body_service .wrapper {
  display: flex;
  height: 100vh;
  overflow: hidden;
}

.body_service .sidebar {
  width: 260px;
  height: 100vh !important;
  overflow-y: auto;
  background-color: var(--wiki-sidebar-bg);
  flex-shrink: 0;
  position: sticky;
  top: 0;
  border-right: 1px solid var(--wiki-sidebar-border);
}

.body_service .submenu {
  padding-left: 1rem;
}

.body_service .content {
  flex-grow: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
  position: relative;
}

.body_service .section-block {
  padding: 2rem;
  min-height: 100vh;
}


/* ============================================================
   SIDEBAR – Navigation Links
   ============================================================ */

.body_service .sidebar a {
  display: block;
  padding: 0.8rem 1.3rem;
  color: var(--wiki-font-color);
  text-decoration: none;
  transition: background-color .2s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.body_service .sidebar a div {
  line-height: var(--lh-prose);
  font-weight: var(--fw-normal);
}

.body_service .sidebar a i.icon-chevron-right {
  display: none;
}

.body_service .sidebar a:hover,
.body_service .sidebar a.nav-link.border-bottom:hover {
  background-color: var(--wiki-sidebar-hover-bg);
}

.body_service .sidebar a.nav-link.border-bottom {
  background-color: var(--wiki-sidebar-active-bg);
}

.body_service .sidebar a.active {
  border-left: 4px solid var(--wiki-main-color);
  background: rgba(212, 233, 255, 0.553);
  color: var(--wiki-main-color);
  font-weight: var(--fw-bold);
  padding-left: 12px;
}


/* ============================================================
   ENDPOINT BOX
   ============================================================ */

.endpoint-box {
  background-color: var(--wiki-endpoint-bg);
  border-left: 4px solid var(--wiki-main-color);
  padding: 1rem;
  border-radius: 6px;
  box-shadow: var(--wiki-shadow-soft);
  font-family: monospace;
}

.endpoint-box strong {
  display: block;
  margin-bottom: .5rem;
  color: var(--wiki-main-color);
  font-weight: var(--fw-bold);
}

.endpoint-box div {
  margin-bottom: .25rem;
}

.body_service .custom-list {
  background-color: var(--wiki-endpoint-bg);
}


/* ============================================================
   HTTP METHODEN – Badges
   ============================================================ */

.body_service span.GET,
.body_service span.POST,
.body_service span.DELETE {
  color: #fff;
  padding: .1rem .4rem;
  border-radius: 4px;
  font-weight: var(--fw-bold);
  margin-right: .5rem;
  font-size: var(--text-sm);
}

.body_service span.GET    { background-color: var(--wiki-main-color); }
.body_service span.POST   { background-color: var(--wiki-alert-success); }
.body_service span.DELETE { background-color: var(--wiki-alert-error); }


/* ============================================================
   CODE CONTAINER
   ============================================================ */

.body_service .code-container {
  position: relative;
  background: var(--wiki-code-bg);
  color: var(--wiki-code-text);
  border-radius: 8px;
  padding: 1em;
  font-family: Consolas, monospace;
  overflow-x: auto;
  margin-bottom: 1em;
}

.body_service .code-container pre,
.body_service code {
  white-space: pre;
  margin: 0;
  display: block;
  word-break: normal;
  color: var(--wiki-code-text);
}

.body_service .code-container span.line {
  background: none !important;
}


/* ============================================================
   BADGES – Pflichtfelder
   ============================================================ */

.req_pflicht {
  display: inline-block;
  padding: 2px 8px;
  margin-left: 10px;
  border-radius: 999px;
  border: 1px solid var(--wiki-alert-error);
  background-color: var(--wiki-alert-error);
  color: var(--wiki-code-text);
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-relaxed);
  text-transform: lowercase;
  font-style: italic;
}

/* template/css/03_charts_ui.css */

/* ============================================================
   03_charts_ui.css – Chart & Diagramm Komponenten
   miet-boot.de
   ──────────────────────────────────────────────────────────
   Farben → 01_elemente.css  (--card-main-color, --bg-white)
   ============================================================ */


/* ============================================================
   APEX CHARTS – Overrides
   ============================================================ */

.apexcharts-grid-row {
  fill: var(--bg-white);
}


/* ============================================================
   CHART BOX – Kompakt-Wrapper
   ============================================================ */

.chartBox {
  display: block;
  width: 100%;
  height: 88px;
  overflow: hidden;
}


/* ============================================================
   BAR CHART – Tabellen-Layout
   ============================================================ */

.barchart-Wrapper {
  display: table;
  position: relative;
  margin: 20px 0;
  height: 520px;
}

.barChart-Container {
  display: table-cell;
  width: 98%;
  height: 100%;
  padding-left: 15px;
}

.barchart {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.barchart-Col {
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  height: 100%;
}

.barchart-Col + .barchart-Col {
  border-left: 4px solid transparent;
}

.barchart-Bar {
  background: var(--card-main-color);
  position: relative;
  height: 0;
  transition: height .5s 2s;
}

.barchart-Bar::after {
  content: attr(attr-height);
  color: var(--bg-white);
  position: absolute;
  text-align: center;
  width: 100%;
}

.barchart-BarFooter {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 10%;
}


/* ============================================================
   BAR CHART – Zeitachse
   ============================================================ */

.barchart-TimeCol {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.barchart-Time {
  position: relative;
  height: 10%;
  vertical-align: middle;
}

.barchart-Time:first-child .barchart-TimeText { top: -3px; }
.barchart-Time:last-child  .barchart-TimeText { top: -12px; }

.barchart-Time::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10000%;
  border-bottom: 1px dashed #ccc;
}

.barchart-Time:last-child::after {
  border-bottom: none;
}

.barchart-TimeText {
  position: absolute;
  top: -7px;
  z-index: 1;
  background: var(--bg-white);
  padding-right: 5px;
}

/* template/css/04_forms.css */

/* ============================================================
   04_forms.css – Formulare, Inputs, Selects
   miet-boot.de
   ──────────────────────────────────────────────────────────
   Farben → 01_elemente.css  (--bs-input-*, --select-*)
   ============================================================ */


/* ============================================================
   FORM CONTROL – Basis Input
   ============================================================ */
form{width: -webkit-fill-available !important;}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: var(--text-base);
  line-height: var(--lh-loose);
  color: var(--bs-input-text);
  background-color: var(--bs-input-bg);
  background-clip: padding-box;
  border: 1px solid var(--bs-input-border);
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: var(--bs-input-text);
  background-color: var(--bs-input-bg);
  border-color: var(--bs-input-border-focus);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::placeholder,
.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-ms-input-placeholder {
  color: var(--bs-input-placeholder);
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: var(--bs-input-bg-disabled);
  opacity: 1;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value {
  color: var(--bs-input-text);
  background-color: var(--bs-input-bg);
}


/* ============================================================
   FORM CONTROL – Größen
   ============================================================ */

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: var(--text-sm);
  border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]),
.input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px);
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: var(--text-lg);
  border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]),
.input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px);
}


/* ============================================================
   COL FORM LABELS
   ============================================================ */

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: var(--lh-loose);
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: var(--text-lg);
  line-height: var(--lh-loose);
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: var(--text-sm);
  line-height: var(--lh-loose);
}


/* ============================================================
   FORM CONTROL PLAINTEXT
   ============================================================ */

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: var(--lh-loose);
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn,
.form-control-plaintext.form-control-lg,
.input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0;
}


/* ============================================================
   FORM LAYOUT HELPERS
   ============================================================ */

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: var(--bs-input-placeholder);
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }

  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-plaintext {
    display: inline-block;
  }

  .form-inline .input-group {
    width: auto;
  }

  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }

  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }

  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }

  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}


/* ============================================================
   VALIDATION FEEDBACK
   ============================================================ */

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: var(--color-alert-success);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: var(--text-sm);
  line-height: var(--lh-none);
  color: var(--bg-white);
  background-color: rgba(40, 167, 69, 0.8);
  border-radius: .2rem;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: var(--color-alert-error);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: var(--text-sm);
  line-height: var(--lh-none);
  color: var(--bg-white);
  background-color: rgba(220, 53, 69, 0.8);
  border-radius: .2rem;
}

/* Valid */
.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: var(--bs-input-border-valid);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: var(--bs-input-border-valid);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: var(--color-alert-success);
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: var(--color-alert-success);
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: var(--color-alert-success-light);
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: var(--color-alert-success-dark);
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px var(--bg-white), 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: var(--bs-input-border-valid);
}

.was-validated .custom-file-input:valid ~ .custom-file-label::before,
.custom-file-input.is-valid ~ .custom-file-label::before {
  border-color: inherit;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

/* Invalid */
.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: var(--bs-input-border-invalid);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: var(--bs-input-border-invalid);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: var(--color-alert-error);
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: var(--color-alert-error);
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: var(--color-alert-error-light);
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: var(--color-alert-error-dark);
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px var(--bg-white), 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: var(--bs-input-border-invalid);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label::before,
.custom-file-input.is-invalid ~ .custom-file-label::before {
  border-color: inherit;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}


/* ============================================================
   INPUT GROUP
   ============================================================ */

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file:focus {
  z-index: 3;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: flex;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: .375rem .75rem;
}

.input-group > .custom-file:not(:first-child) .custom-file-label,
.input-group > .custom-file:not(:first-child) .custom-file-label::before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend { margin-right: -1px; }
.input-group-append  { margin-left: -1px; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: var(--text-base);
  font-weight: var(--fw-normal);
  line-height: var(--lh-loose);
  color: var(--bs-input-text);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-input-bg-disabled);
  border: 1px solid var(--bs-input-border);
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: .375rem .75rem;
}


/* ============================================================
   CUSTOM CONTROLS – Checkbox & Radio
   ============================================================ */

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: var(--bg-white);
  background-color: var(--bs-checkbox-blue);
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px var(--bg-white), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:active ~ .custom-control-label::before {
  color: var(--bg-white);
  background-color: var(--bs-checkbox-blue-light);
}

.custom-control-input:disabled ~ .custom-control-label {
  color: var(--bs-input-placeholder);
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: var(--bs-input-bg-disabled);
}

.custom-control-label {
  margin-bottom: 0;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  user-select: none;
  background-color: var(--bs-input-border);
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

/* Checkbox */
.custom-checkbox .custom-control-label::before { border-radius: 0.25rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--bs-checkbox-blue);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: var(--bs-checkbox-blue);
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

/* Radio */
.custom-radio .custom-control-label::before { border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--bs-checkbox-blue);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}


/* ============================================================
   CUSTOM SELECT
   ============================================================ */

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: var(--lh-loose);
  color: var(--bs-input-text);
  vertical-align: middle;
  background: var(--bs-input-bg) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid var(--bs-input-border);
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: var(--bs-input-border-focus);
  outline: 0;
  box-shadow: var(--bs-input-focus-ring);
}

.custom-select:focus::-ms-value {
  color: var(--bs-input-text);
  background-color: var(--bs-input-bg);
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: var(--bs-input-placeholder);
  background-color: var(--bs-input-bg-disabled);
}

.custom-select::-ms-expand { opacity: 0; }

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}

.custom-select-lg {
  height: calc(2.875rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 125%;
}


/* ============================================================
   CUSTOM FILE
   ============================================================ */

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-control {
  border-color: var(--bs-input-border-focus);
  box-shadow: var(--bs-input-focus-ring);
}

.custom-file-input:focus ~ .custom-file-control::before {
  border-color: var(--bs-input-border-focus);
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: var(--lh-loose);
  color: var(--bs-input-text);
  background-color: var(--bs-input-bg);
  border: 1px solid var(--bs-input-border);
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(calc(2.25rem + 2px) - 1px * 2);
  padding: 0.375rem 0.75rem;
  line-height: var(--lh-loose);
  color: var(--bs-input-text);
  content: "Browse";
  background-color: var(--bs-input-bg-disabled);
  border-left: 1px solid var(--bs-input-border);
  border-radius: 0 0.25rem 0.25rem 0;
}


/* ============================================================
   DROPDOWN / BOOTSTRAP-SELECT
   ============================================================ */

.show > .btn.dropdown-toggle,
.show > .btn.dropdown-toggle:focus,
.show > .btn.dropdown-toggle:hover {
  background: var(--background-color-alert-dark) !important;
  color: var(--color-alert-dark) !important;
  box-shadow: none;
}

.dropdown-toggle {
  border-color: var(--bs-input-border) !important;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: var(--text-base);
  line-height: var(--lh-loose);
  color: var(--bs-input-text);
  background-color: var(--bs-input-bg);
  background-clip: padding-box;
  border-radius: 0.35rem;
}

.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  left: 0;
  padding-top: inherit;
  padding-right: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  text-align: left;
  outline: none;
}

.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
}

.bootstrap-select .dropdown-menu li a,
.bootstrap-select .dropdown-menu li.active a,
.bootstrap-select .dropdown-menu li {
  color: var(--bs-input-text);
}

.bootstrap-select .dropdown-menu li.active {
  background: var(--select-option-selected);
  font-weight: var(--fw-semibold);
}

.bootstrap-select {
  width: 100% !important;
}

.bootstrap-select > .dropdown-toggle {
  height: auto !important;
  padding: 10px 44px 10px 12px !important;
  font-size: var(--text-sm);
  line-height: var(--lh-tight);
  color: var(--select-text) !important;
  background-color: var(--select-bg) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px !important;
  border: 1px solid var(--select-border) !important;
  border-radius: var(--border-radius-6) !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: var(--card-transition);
}

.bootstrap-select > .dropdown-toggle:hover {
  background-color: var(--select-bg-hover) !important;
}

.bootstrap-select > .dropdown-toggle:focus {
  outline: none !important;
  border-color: var(--select-border-focus) !important;
  box-shadow: 0 0 0 2px rgba(248, 153, 68, .25) !important;
}

.bootstrap-select > .dropdown-toggle::after {
  display: none !important;
}

/* .dropdown-menu — konsolidiert aus 3 vormals separaten Regeln */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: auto;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0;
  margin-top: 0;
  color: var(--body-font-color);
  text-align: left;
  list-style: none;
  background-color: var(--bg-white);
  background-clip: padding-box;
  border: 0;
  border-radius: var(--border-radius-3);
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.dropdown-menu .dropdown-menu {
  box-shadow: none;
}


/* ============================================================
   SELECT – Safari / Firefox Fallback
   ============================================================ */

select:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 10px 44px 10px 12px;
  font-size: var(--text-sm);
  line-height: var(--lh-tight);
  color: var(--select-text);
  background-color: var(--select-bg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  border: 1px solid var(--select-border);
  border-radius: var(--border-radius-6);
  cursor: pointer;
  transition: var(--card-transition);
}

select:not([multiple]):hover { background-color: var(--select-bg-hover); }

select:not([multiple]):focus {
  outline: none;
  border-color: var(--select-border-focus);
  box-shadow: 0 0 0 2px rgba(248, 153, 68, .25);
}

select[multiple] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  padding: 6px;
  font-size: var(--text-sm);
  color: var(--select-text);
  background-color: var(--select-bg);
  border: 1px solid var(--select-border);
  border-radius: var(--border-radius-6);
}

select[multiple] option {
  padding: 8px 10px;
  border-radius: 4px;
}

select[multiple] option:checked {
  background-color: var(--select-option-selected);
  font-weight: var(--fw-semibold);
}


/* ============================================================
   SELECT – Chrome / Edge Open-UI
   ============================================================ */

@supports (appearance: base-select) {

  select:not([multiple]),
  ::picker(select) {
    appearance: base-select;
  }

  select:not([multiple]) {
    position: relative;
    width: 100%;
    padding: 10px 20px 10px 12px;
    font-size: var(--text-sm);
    line-height: var(--lh-tight);
    color: var(--select-text);
    background: var(--select-bg);
    background-image: none;
    border: 1px solid var(--select-border);
    border-radius: var(--border-radius-6);
    text-align: left;
    cursor: pointer;
    transition: var(--card-transition);
  }

  select:not([multiple]):hover  { background: var(--select-bg-hover); }

  select:not([multiple]):focus {
    outline: 0;
    border-color: var(--select-border-focus);
    box-shadow: var(--bs-input-focus-ring);
  }

  :not(.input-group) > select:not([multiple])::after {
    content: '';
    position: absolute;
    top: 6px;
    bottom: 6px;
    right: 48px;
    width: 1px;
    background: var(--select-divider);
    pointer-events: none;
  }

  select#suchkat::after {
    content: '';
    position: absolute;
    top: 6px;
    bottom: 6px;
    right: 0 !important;
    width: 0 !important;
  }

  select::picker-icon {
    color: var(--bs-input-text);
    transition: transform .2s ease;
  }

  select:open::picker-icon {
    transform: rotate(180deg);
  }

  ::picker(select) {
    background: var(--select-bg);
    border: 1px solid var(--select-border);
    border-radius: var(--border-radius-6);
    padding: 4px;
    box-shadow: var(--select-shadow);
    opacity: 0;
    transition: opacity .15s ease;
    top: calc(anchor(bottom) + 6px);
    left: anchor(left);
  }

  ::picker(select):popover-open { opacity: 1; }

  @starting-style {
    ::picker(select):popover-open { opacity: 0; }
  }

  option {
    position: relative;
    padding: 10px 12px;
    margin-top: 2px;
    font-size: var(--text-sm);
    line-height: var(--lh-normal);
    color: var(--select-text);
    background: var(--select-bg);
    border-radius: 4px;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
  }

  option:hover,
  option:focus   { background: var(--select-option-hover); }

  option:disabled {
    color: var(--select-muted);
    cursor: not-allowed;
  }

  option::checkmark { content: ''; width: 0; opacity: 0; }
  option::before    { content: none !important; }

  option:checked {
    background: var(--select-option-selected);
    font-weight: var(--fw-semibold);
    padding-right: 42px;
  }

  option:checked::checkmark {
    content: '\e903';
    font-family: 'fontello';
    font-size: var(--text-base);
    color: var(--select-check-color);
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
  }
}


/* ============================================================
   SONSTIGES
   ============================================================ */

.Preis .max_bestand::before {
  display: inline-block;
  position: absolute;
  margin-left: -153px;
  content: "€ /";
}


/* ── Suche: Tag-Input (JS-rendered) ───────────── */
.input-group:has(.bootstrap-tagsinput) {
  flex-wrap: nowrap;
  align-items: stretch;
}

.input-group .bootstrap-tagsinput {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  min-height: 38px;
  padding: 4px 8px;
  border: 1px solid var(--bs-input-border);
  border-right: none;
  border-radius: var(--border-radius-6) 0 0 var(--border-radius-6);
  background: var(--bs-input-bg);
  box-sizing: border-box;
}

.input-group .bootstrap-tagsinput .tag.badge,
.input-group .bootstrap-tagsinput span.tag {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  background: var(--brand-blue) !important;
  color: var(--bg-white) !important;
  border-radius: var(--border-radius-6);
  font-size: var(--text-sm);
  font-weight: var(--fw-medium);
  line-height: var(--lh-none);
  white-space: nowrap;
  transition: none;
}

.input-group .bootstrap-tagsinput .tag.badge [data-role="remove"],
.input-group .bootstrap-tagsinput span.tag [data-role="remove"] {
  cursor: pointer;
  opacity: 0.7;
  background: transparent !important;
  transition: none;
}

.input-group .bootstrap-tagsinput .tag.badge [data-role="remove"]:hover,
.input-group .bootstrap-tagsinput span.tag [data-role="remove"]:hover {
  opacity: 1;
}

.input-group .bootstrap-tagsinput input.input_tagsinput {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0;
  flex: 1;
  min-width: 80px;
  background: transparent;
  color: var(--bs-input-text);
}

.input-group .bootstrap-tagsinput input.input_tagsinput::placeholder {
  color: var(--bs-input-placeholder);
}

.input-group .input-group-append {
  flex: 0 0 auto;
}

.input-group .input-group-append .btn.icon-search {
  height: 100%;
  border-radius: 0 var(--border-radius-6) var(--border-radius-6) 0;
  border: 1px solid var(--bs-input-border);
  border-left: none;
  margin: 0px;
}

/* .ui-autocomplete — konsolidiert aus 3 vormals separaten Regeln */
.ui-autocomplete {
  z-index: 99;
  min-width: 10rem;
  margin: 0;
  margin-top: 7px !important;
  padding: 0.5rem 0;
  text-align: left;
  list-style: none;
  background-color: var(--bg-white);
  color: var(--body-font-color);
  border: 0 !important;
  border-radius: var(--border-radius-3) !important;
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
 
}

.ui-autocomplete * {
  box-sizing: border-box;
}

.ui-autocomplete:before {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: -5px;
  left: 10px;
  right: auto;
  color: var(--bg-white);
  border-bottom: .4em solid;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .ui-autocomplete:before {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: -5px;
  left: 10px;
  right: auto;
  color: #f3f4f8;
  border-bottom: .4em solid;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
}
.ui-autocomplete-category {
  padding: 0.2rem !important;
  font-size: 0.75rem !important;
  text-transform: uppercase;
  color: #999;
  line-height: 1.2 !important;
}

.ui-autocomplete .ui-menu-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  min-height: 42px;
  margin: 0 !important;
  cursor: pointer;
  color: var(--body-label-color);
  transition: all 150ms linear;
}

.ui-autocomplete .ui-menu-item-wrapper {
  display: flex !important;
  min-height: 42px;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.5rem;
  padding:2px 6px 1px 12px !important;
  margin: 0 !important;
  text-decoration: none;
  color: #212523 !important;
  cursor: pointer;
  height: 100%;
  line-height: normal !important;
  border: 0px !important;
}

.ui-autocomplete .ui-menu-item-wrapper span {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  font-weight: 600;
  color: #1a1a1a;
  font-size: 0.85rem;
  margin: 0 !important;
}

.ui-autocomplete .ui-menu-item-wrapper span small {
  font-weight: 400;
  font-size: 0.7rem !important;
  color: #888;
  margin-top: 0 !important;
  line-height: 1.1 !important;
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
  background-color: rgba(222, 222, 222, 0.3) !important;
  border: 0px !important;
  cursor: pointer;
  color: #212523 !important;
  padding-bottom: .6rem;
}

.ui-state-default,
.ui-autocomplete .ui-state-default {
  border: 3px solid var(--bg-white);
  background: var(--btn-primary-bg);
  font-weight: var(--fw-normal);
  border-radius: var(--border-radius-50);
  padding: 10px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  margin-top: -7px;
  cursor: pointer;
}

.ui-widget-content .ui-state-default:hover {
  background: var(--btn-primary-bg);
  cursor: pointer;
}

.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
  -webkit-box-shadow: inset 1px 3px 5px -2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 1px 3px 5px -2px rgba(0, 0, 0, 0.35);
  box-shadow: inset 1px 3px 5px -2px rgba(0, 0, 0, 0.35);
  border: 0px;
  background: #e9e9e9;
  height: 5px;
  margin-top: 0.6rem;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
  -webkit-box-shadow: inset 1px 3px 5px -2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 1px 3px 5px -2px rgba(0, 0, 0, 0.35);
  box-shadow: inset 1px 3px 5px -2px rgba(0, 0, 0, 0.35);
  background: var(--body-main-btn-color);
}

.input-group .input-group-append.select .selectpicker {
  width: 100%
}

.datumtyp.datumtyp_4 .dropdown .selectpicker .datumtyp.datumtyp_4 .dropdown .selectpicker,
.datumtyp.datumtyp_3 .dropdown .dropdown-menu.show,
.datumtyp.datumtyp_4 .dropdown .dropdown-menu.show,
.dropdown-menu.inner.show,
.input-group .input-group-append.select .dropdown-menu.show {
  max-width: auto !important;
  min-width: 100%;
  position: revert;
  display: block;
  width: 100% !important;
  overflow-x: initial !important;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 80;
}


.ui-autocomplete-category {
  padding: 0.4rem 0.75rem 0.3rem !important;
  line-height: 1.2 !important;
  background: #f3f4f8;
  cursor: default;
}

.ui-autocomplete-category:not(:first-child) {
  margin-top: 0px;
  border-top:0px;
}

.ui-autocomplete-category .category-groupe {
  display: block;
  font-size: 0.7rem;
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--body-font-color);

}

.icon-pin_map.Stadt::before {
  content: '\e961' !important;
}

.icon-pin_map.Gemeinde::before {
  content: '\e960' !important;
}


/* template/css/12_font_lato.css */



@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: var(--fw-light);
  src: url('/fonts/Lato-Hairline-webfont.eot');
  src: url('/fonts/Lato-Hairline-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Lato-Hairline-webfont.woff') format('woff'),
       url('/fonts/Lato-Hairline-webfont.ttf') format('truetype'),
       url('/fonts/Lato-Hairline-webfont.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: var(--fw-normal);
  src: url('/fonts/Lato-Regular-webfont.eot');
  src: url('/fonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Lato-Regular-webfont.woff') format('woff'),
       url('/fonts/Lato-Regular-webfont.ttf') format('truetype'),
       url('/fonts/Lato-Regular-webfont.svg#Lato') format('svg');
}

/* template/css/20_fontello.css */


@font-face {
		font-family: 'fontello';
		font-display: swap;
		src: url('/fonts/fontello.eot');
		src: url('/fonts/fontello.eot#iefix') format('embedded-opentype'),
			  url('/fonts/fontello.woff') format('woff'),
			  url('/fonts/fontello.ttf') format('truetype'),
			  url('/fonts/fontello.svg#fontello') format('svg');
		font-weight: var(--fw-normal);
		font-style: normal;
	 }
	 .ico
	 {
		font-family: "fontello";
		font-style: normal;
		font-weight: var(--fw-normal);
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		line-height: var(--lh-none);
		margin-left: .2em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	 }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
	 font-family: 'fontello';
	 src: url('/font/fontello.svg?54352027#fontello') format('svg');
  }
}
*/


[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.icon-home:before { content: '\e800'; } /* '' */
.icon-applications:before { content: '\e801'; } /* '' */
.icon-audits:before { content: '\e802'; } /* '' */
.icon-actions:before { content: '\e803'; } /* '' */
.icon-finance:before { content: '\e804'; } /* '' */
.icon-contracts:before { content: '\e805'; } /* '' */
.icon-non-conformities:before { content: '\e806'; } /* '' */
.icon-dossier:before { content: '\e807'; } /* '' */
.icon-mobile:before { content: '\e808'; } /* '' */
.icon-camera:before { content: '\e809'; } /* '' */
.icon-pin-outline:before { content: '\e80a'; } /* '' */
.icon-pin:before { content: '\e80b'; } /* '' */
.icon-plus:before { content: '\e80c'; } /* '' */
.icon-ok:before { content: '\e80d'; } /* '' */
.icon-close:before { content: '\e80e'; } /* '' */
.icon-cancel-alt-filled:before { content: '\e80f'; } /* '' */
.icon-ok-circled:before { content: '\e810'; } /* '' */
.icon-star-empty:before { content: '\e811'; } /* '' */
.icon-04n:before { content: '\e812'; } /* '' */
.icon-lock:before { content: '\e813'; } /* '' */
.icon-anchor:before { content: '\e814'; } /* '' */
.icon-layout:before { content: '\e815'; } /* '' */
.icon-help:before { content: '\e816'; } /* '' */
.icon-book-open:before { content: '\e817'; } /* '' */
.icon-music:before { content: '\e818'; } /* '' */
.icon-02n:before { content: '\e819'; } /* '' */
.icon-fire:before { content: '\e81a'; } /* '' */
.icon-pokal:before { content: '\e81b'; } /* '' */
.icon-right-circle:before { content: '\e81c'; } /* '' */
.icon-star:before { content: '\e81d'; } /* '' */
.icon-gauge:before { content: '\e81e'; } /* '' */
.icon-snow-heavy:before { content: '\e81f'; } /* '' */
.icon-thumbs-up:before { content: '\e820'; } /* '' */
.icon-network:before { content: '\e822'; } /* '' */
.icon-award:before { content: '\e826'; } /* '' */
.icon-user:before { content: '\e827'; } /* '' */
.icon-article-alt:before { content: '\e828'; } /* '' */
.icon-emo-thumbsup:before { content: '\e82a'; } /* '' */
.icon-trash-empty:before { content: '\e82b'; } /* '' */
.icon-eye:before { content: '\e82c'; } /* '' */
.icon-left-open:before { content: '\e82d'; } /* '' */
.icon-down-open:before { content: '\e82e'; } /* '' */
.icon-up-open:before { content: '\e82f'; } /* '' */
.icon-align-right:before { content: '\e830'; } /* '' */
.icon-align-left:before { content: '\e831'; } /* '' */
.icon-list:before { content: '\e832'; } /* '' */
.icon-03n:before { content: '\e833'; } /* '' */
.icon-02d:before { content: '\e834'; } /* '' */
.icon-emo-wink2:before { content: '\e835'; } /* '' */
.icon-login:before { content: '\e836'; } /* '' */
.icon-info-circled:before { content: '\e837'; } /* '' */
.icon-03d:before { content: '\e838'; } /* '' */
.icon-help-circled:before { content: '\e839'; } /* '' */
.icon-left-circle:before { content: '\e83a'; } /* '' */
.icon-down-circle:before { content: '\e83b'; } /* '' */
.icon-up-circle:before { content: '\e83c'; } /* '' */
.icon-11d:before { content: '\e83d'; } /* '' */
.icon-emo-laugh:before { content: '\e83e'; } /* '' */
.icon-emo-beer:before { content: '\e83f'; } /* '' */
.icon-users:before { content: '\e840'; } /* '' */
.icon-monitor:before { content: '\e841'; } /* '' */
.icon-right-open-big:before { content: '\e842'; } /* '' */
.icon-chat:before { content: '\e843'; } /* '' */
.icon-emo-unhappy:before { content: '\e844'; } /* '' */
.icon-th-list:before { content: '\e845'; } /* '' */
.icon-logout:before { content: '\e846'; } /* '' */
.icon-09d:before { content: '\e847'; } /* '' */
.icon-13n:before { content: '\e848'; } /* '' */
.icon-clock:before { content: '\e849'; } /* '' */
.icon-tag:before { content: '\e84a'; } /* '' */
.icon-01d:before { content: '\e84b'; } /* '' */
.icon-dot-3:before { content: '\e84c'; } /* '' */
.icon-compass:before { content: '\e84d'; } /* '' */
.icon-temperature:before { content: '\e84e'; } /* '' */
.icon-print:before { content: '\e84f'; } /* '' */
.icon-11n:before { content: '\e850'; } /* '' */
.icon-leaf:before { content: '\e851'; } /* '' */
.icon-50d:before { content: '\e852'; } /* '' */
.icon-address:before { content: '\e853'; } /* '' */
.icon-celcius:before { content: '\e854'; } /* '' */
.icon-01n:before { content: '\e855'; } /* '' */
.icon-bell:before { content: '\e857'; } /* '' */
.icon-attention:before { content: '\e858'; } /* '' */
.icon-spin4:before { content: '\e859'; } /* '' */
.icon-50n:before { content: '\e85a'; } /* '' */
.icon-09n:before { content: '\e85b'; } /* '' */
.icon-10n:before { content: '\e85c'; } /* '' */
.icon-wrench:before { content: '\e85d'; } /* '' */
.icon-download:before { content: '\e85e'; } /* '' */
.icon-video:before { content: '\e85f'; } /* '' */
.icon-warning:before { content: '\e860'; } /* '' */
.icon-phone:before { content: '\e861'; } /* '' */
.icon-equalizer:before { content: '\e862'; } /* '' */
.icon-10d:before { content: '\e863'; } /* '' */
.icon-13d:before { content: '\e864'; } /* '' */
.icon-04d:before { content: '\e865'; } /* '' */
.icon-option:before { content: '\e866'; } /* '' */
.icon-aboveground-rail:before { content: '\e867'; } /* '' */
.icon-cafe:before { content: '\e868'; } /* '' */
.icon-campsite:before { content: '\e869'; } /* '' */
.icon-standorte_opt_imbiss:before { content: '\e86a'; } /* '' */
.icon-lodging:before { content: '\e86b'; } /* '' */
.icon-cog-alt:before { content: '\e86c'; } /* '' */
.icon-cogs:before { content: '\e86d'; } /* '' */
.icon-scissors:before { content: '\e86e'; } /* '' */
.icon-trumbowyg-viewHTML-button:before { content: '\e86f'; } /* '' */
.icon-pinterest:before { content: '\e870'; } /* '' */
.icon-palm-tree:before { content: '\e871'; } /* '' */
.icon-holiday:before { content: '\e872'; } /* '' */
.icon-chart-bar:before { content: '\e873'; } /* '' */
.icon-konfetti:before { content: '\e875'; } /* '' */
.icon-suche:before { content: '\e876'; } /* '' */
.icon-rechnung:before { content: '\e878'; } /* '' */
.icon-megaphone:before { content: '\e879'; } /* '' */
.icon-link:before { content: '\e87a'; } /* '' */
.icon-tennis:before { content: '\e87b'; } /* '' */
.icon-boot:before { content: '\e87d'; } /* '' */
.icon-calendar-block:before { content: '\e87e'; } /* '' */
.icon-calendar-check:before { content: '\e87f'; } /* '' */
.icon-restaurant:before { content: '\e880'; } /* '' */
.icon-standorte_opt_wc:before { content: '\e881'; } /* '' */
.icon-chart-line:before { content: '\e882'; } /* '' */
.icon-tree:before { content: '\e883'; } /* '' */
.icon-briefcase:before { content: '\e885'; } /* '' */
.icon-calendar-storno:before { content: '\e887'; } /* '' */
.icon-calendar-frage:before { content: '\e888'; } /* '' */
.icon-big_ship:before { content: '\e889'; } /* '' */
.icon-rabatte:before { content: '\e88a'; } /* '' */
.icon-gutschein:before { content: '\e88b'; } /* '' */
.icon-signal:before { content: '\e88c'; } /* '' */
.icon-bestellungen:before { content: '\e88d'; } /* '' */
.icon-note:before { content: '\e88e'; } /* '' */
.icon-cancel:before { content: '\e88f'; } /* '' */
.icon-wp:before { content: '\e890'; } /* '' */
.icon-back-in-time:before { content: '\e891'; } /* '' */
.icon-twitter-circled:before { content: '\e893'; } /* '' */
.icon-account:before { content: '\e895'; } /* '' */
.icon-admin:before { content: '\e896'; } /* '' */
.icon-airplane:before { content: '\e897'; } /* '' */
.icon-anchor-o:before { content: '\e898'; } /* '' */
.icon-arrow-down:before { content: '\e899'; } /* '' */
.icon-arrow-left:before { content: '\e89a'; } /* '' */
.icon-arrow-right:before { content: '\e89b'; } /* '' */
.icon-arrow-up:before { content: '\e89c'; } /* '' */
.icon-autopilot:before { content: '\e89d'; } /* '' */
.icon-bath-platform:before { content: '\e89f'; } /* '' */
.icon-boat-front:before { content: '\e8a0'; } /* '' */
.icon-boat-rear:before { content: '\e8a1'; } /* '' */
.icon-boataround:before { content: '\e8a2'; } /* '' */
.icon-bow-thruster:before { content: '\e8a3'; } /* '' */
.icon-calendar-not:before { content: '\e8a4'; } /* '' */
.icon-calendar:before { content: '\e8a5'; } /* '' */
.icon-standorte_opt_charterschein:before { content: '\e8a6'; } /* '' */
.icon-card:before { content: '\e8a7'; } /* '' */
.icon-caution:before { content: '\e8a8'; } /* '' */
.icon-extra:before { content: '\e8aa'; } /* '' */
.icon-eye-close:before { content: '\e8ab'; } /* '' */
.icon-eye-open:before { content: '\e8ac'; } /* '' */
.icon-dinghy:before { content: '\e8ad'; } /* '' */
.icon-filter:before { content: '\e8ae'; } /* '' */
.icon-flash:before { content: '\e8af'; } /* '' */
.icon-food:before { content: '\e8b0'; } /* '' */
.icon-free-cancel:before { content: '\e8b1'; } /* '' */
.icon-generator:before { content: '\e8b2'; } /* '' */
.icon-globe:before { content: '\e8b3'; } /* '' */
.icon-good-idea:before { content: '\e8b4'; } /* '' */
.icon-Empfangen:before { content: '\e8b5'; } /* '' */
.icon-gps:before { content: '\e8b6'; } /* '' */
.icon-sms:before { content: '\e8b7'; } /* '' */
.icon-verified:before { content: '\e8b8'; } /* '' */
.icon-grid-filter:before { content: '\e8b9'; } /* '' */
.icon-grid-ohne-filter:before { content: '\e8ba'; } /* '' */
.icon-grid-ohne-map:before { content: '\e8bb'; } /* '' */
.icon-api:before { content: '\e8bc'; } /* '' */
.icon-heart-filled:before { content: '\e8bd'; } /* '' */
.icon-heart:before { content: '\e8be'; } /* '' */
.icon-hostess:before { content: '\e8bf'; } /* '' */
.icon-info-filled:before { content: '\e8c0'; } /* '' */
.icon-anzeigen_name:before { content: '\e8c1'; } /* '' */
.icon-just-booked:before { content: '\e8c3'; } /* '' */
.icon-lighthouse:before { content: '\e8c4'; } /* '' */
.icon-coffee:before { content: '\e8c5'; } /* '' */
.icon-search-engine-icon:before { content: '\e8c6'; } /* '' */
.icon-picture:before { content: '\e8c9'; } /* '' */
.icon-pin-filled:before { content: '\e8ca'; } /* '' */
.icon-icon-anzeigen_modell:before { content: '\e8cd'; } /* '' */
.icon-question:before { content: '\e8ce'; } /* '' */
.icon-radio-btn-empty:before { content: '\e8cf'; } /* '' */
.icon-radio-btn:before { content: '\e8d0'; } /* '' */
.icon-review:before { content: '\e8d1'; } /* '' */
.icon-search-bold:before { content: '\e8d2'; } /* '' */
.icon-search:before { content: '\e8d3'; } /* '' */
.icon-share:before { content: '\e8d4'; } /* '' */
.icon-sign-in:before { content: '\e8d5'; } /* '' */
.icon-sign-out:before { content: '\e8d6'; } /* '' */
.icon-solar-panel:before { content: '\e8d7'; } /* '' */
.icon-sort:before { content: '\e8d8'; } /* '' */
.icon-star-filled:before { content: '\e8d9'; } /* '' */
.icon-tax:before { content: '\e8db'; } /* '' */
.icon-x-bold:before { content: '\e8dc'; } /* '' */
.icon-x-circled:before { content: '\e8dd'; } /* '' */
.icon-x:before { content: '\e8de'; } /* '' */
.icon-yacht-type:before { content: '\e8df'; } /* '' */
.icon-postponed:before { content: '\e8e0'; } /* '' */
.icon-low-deposit:before { content: '\e8e1'; } /* '' */
.icon-reschedule:before { content: '\e8e2'; } /* '' */
.icon-gift:before { content: '\e8e3'; } /* '' */
.icon-check-over-circle:before { content: '\e8e4'; } /* '' */
.icon-restrictions-covered:before { content: '\e8e5'; } /* '' */
.icon-request-offer:before { content: '\e8e6'; } /* '' */
.icon-cabin:before { content: '\e8e7'; } /* '' */
.icon-people:before { content: '\e8e8'; } /* '' */
.icon-anzeigen_breitem:before { content: '\e8e9'; } /* '' */
.icon-anzeigen_laengem:before { content: '\e8ea'; } /* '' */
.icon-toilet:before { content: '\e8eb'; } /* '' */
.icon-anzeigen_tiefgangm:before { content: '\e8ec'; } /* '' */
.icon-standorte_opt_schlaf:before { content: '\e8ed'; } /* '' */
.icon-mainsail:before { content: '\e8ee'; } /* '' */
.icon-resize-full:before { content: '\e8f0'; } /* '' */
.icon-air-condition:before { content: '\e8f1'; } /* '' */
.icon-bookings:before { content: '\e8f3'; } /* '' */
.icon-inverter:before { content: '\e8f4'; } /* '' */
.icon-trash-bin:before { content: '\e8f5'; } /* '' */
.icon-bimini:before { content: '\e8f7'; } /* '' */
.icon-flybridge:before { content: '\e8f8'; } /* '' */
.icon-heat:before { content: '\e8f9'; } /* '' */
.icon-microwave:before { content: '\e8fa'; } /* '' */
.icon-oven:before { content: '\e8fb'; } /* '' */
.icon-sink:before { content: '\e8fc'; } /* '' */
.icon-standorte_opt_dusche:before { content: '\e8fd'; } /* '' */
.icon-audio:before { content: '\e8fe'; } /* '' */
.icon-youtube:before { content: '\e8ff'; } /* '' */
.icon-linkedin:before { content: '\e900'; } /* '' */
.icon-exclamation:before { content: '\e901'; } /* '' */
.icon-check-circled:before { content: '\e902'; } /* '' */
.icon-check:before { content: '\e903'; } /* '' */
.icon-chevron-down:before { content: '\e904'; } /* '' */
.icon-chevron-left:before { content: '\e905'; } /* '' */
.icon-chevron-right:before { content: '\e906'; } /* '' */
.icon-chevron-up:before { content: '\e907'; } /* '' */
.icon-standorte_opt_restaurant:before { content: '\e908'; } /* '' */
.icon-daydeal:before { content: '\e909'; } /* '' */
.icon-deposit:before { content: '\e90a'; } /* '' */
.icon-description:before { content: '\e90b'; } /* '' */
.icon-anzeigen_motorart:before { content: '\e90c'; } /* '' */
.icon-mail:before { content: '\e90d'; } /* '' */
.icon-map-pin:before { content: '\e90e'; } /* '' */
.icon-menu:before { content: '\e90f'; } /* '' */
.icon-minus:before { content: '\e910'; } /* '' */
.icon-money-back:before { content: '\e911'; } /* '' */
.icon-not-decided:before { content: '\e912'; } /* '' */
.icon-operator:before { content: '\e913'; } /* '' */
.icon-paddle-board:before { content: '\e914'; } /* '' */
.icon-standorte_opt_parkplatz:before { content: '\e915'; } /* '' */
.icon-pencil:before { content: '\e916'; } /* '' */
.icon-petrol:before { content: '\e917'; } /* '' */
.icon-terms:before { content: '\e918'; } /* '' */
.icon-tip:before { content: '\e919'; } /* '' */
.icon-towels:before { content: '\e91a'; } /* '' */
.icon-tv:before { content: '\e91b'; } /* '' */
.icon-user-add:before { content: '\e91d'; } /* '' */
.icon-user-remove:before { content: '\e91e'; } /* '' */
.icon-anzeigen_personen:before { content: '\e91f'; } /* '' */
.icon-wifi:before { content: '\e921'; } /* '' */
.icon-waste-tank:before { content: '\e922'; } /* '' */
.icon-pet:before { content: '\e923'; } /* '' */
.icon-x-bold-circled:before { content: '\e924'; } /* '' */
.icon-ccw:before { content: '\e925'; } /* '' */
.icon-record:before { content: '\e926'; } /* '' */
.icon-charter-line:before { content: '\e927'; } /* '' */
.icon-factory:before { content: '\e928'; } /* '' */
.icon-charter:before { content: '\e929'; } /* '' */
.icon-id-card-o:before { content: '\e92a'; } /* '' */
.icon-sunset:before { content: '\e92b'; } /* '' */
.icon-facebook:before { content: '\e92c'; } /* '' */
.icon-insurance:before { content: '\e92d'; } /* '' */
.icon-water-tank:before { content: '\e92e'; } /* '' */
.icon-treasure-key:before { content: '\e92f'; } /* '' */
.icon-list-boat:before { content: '\e930'; } /* '' */
.icon-anzeigen_brueckendurchfahrtshoehe_mit_verdeckm:before { content: '\e95e'; } /* '' */
.icon-village:before { content: '\e960'; } /* '' */
.icon-city:before { content: '\e961'; } /* '' */
.icon-pin_map:before { content: '\e962'; } /* '' */
.icon-anzeigen_modell:before { content: '\e96b'; } /* '' */
.icon-anzeigen_anz_badezimmer:before { content: '\e96c'; } /* '' */
.icon-anzeigen_anz_kabinen:before { content: '\e96d'; } /* '' */
.icon-kategorien_name:before { content: '\e96e'; } /* '' */
.icon-anzeigen_hersteller:before { content: '\e96f'; } /* '' */
.icon-anzeigen_herstellerjahr:before { content: '\e970'; } /* '' */
.icon-anzeigen_brueckendurchfahrtshoehe_ohne_verdeckm:before { content: '\e971'; } /* '' */
.icon-news:before { content: '\e972'; } /* '' */
.icon-design:before { content: '\e973'; } /* '' */
.icon-empty_icon:before { content: '\e974'; } /* '' */
.icon-sevendayCal:before { content: '\e975'; } /* '' */
.icon-threedayCal:before { content: '\e976'; } /* '' */
.icon-onedayCal:before { content: '\e977'; } /* '' */
.icon-monthCal:before { content: '\e978'; } /* '' */
.icon-no1:before { content: '\e979'; } /* '' */
.icon-ssl:before { content: '\e97a'; } /* '' */
.icon-dsgvo:before { content: '\e97b'; } /* '' */
.icon-phone_suchen:before { content: '\e97c'; } /* '' */
.icon-phone_buchen:before { content: '\e97d'; } /* '' */
.icon-phone_mail:before { content: '\e97e'; } /* '' */
.icon-Gesendet:before { content: '\eede'; } /* '' */
.icon-th-thumb-empty:before { content: '\f00b'; } /* '' */
.icon-location:before { content: '\f031'; } /* '' */
.icon-instagram-circled:before { content: '\f05e'; } /* '' */
.icon-export:before { content: '\f081'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-docs:before { content: '\f0c5'; } /* '' */
.icon-menu-bold:before { content: '\f0c9'; } /* '' */
.icon-table:before { content: '\f0ce'; } /* '' */
.icon-money:before { content: '\f0d6'; } /* '' */
.icon-upload-cloud:before { content: '\f0ee'; } /* '' */
.icon-right-open:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-quote-left:before { content: '\f10d'; } /* '' */
.icon-quote-right:before { content: '\f10e'; } /* '' */
.icon-flag-checkered:before { content: '\f11e'; } /* '' */
.icon-star-half-alt:before { content: '\f123'; } /* '' */
.icon-unlink:before { content: '\f127'; } /* '' */
.icon-shield:before { content: '\f132'; } /* '' */
.icon-ok-squared:before { content: '\f14a'; } /* '' */
.icon-sort-alt-up:before { content: '\f160'; } /* '' */
.icon-sort-alt-down:before { content: '\f161'; } /* '' */
.icon-thumbs-up-alt:before { content: '\f164'; } /* '' */
.icon-thumbs-down-alt:before { content: '\f165'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-wp-dark:before { content: '\f19a'; } /* '' */
.icon-bank:before { content: '\f19c'; } /* '' */
.icon-graduation-cap:before { content: '\f19d'; } /* '' */
.icon-google:before { content: '\f1a0'; } /* '' */
.icon-checkliste:before { content: '\f1c1'; } /* '' */
.icon-lifebuoy:before { content: '\f1cd'; } /* '' */
.icon-cc-visa:before { content: '\f1f0'; } /* '' */
.icon-cc-paypal:before { content: '\f1f4'; } /* '' */
.icon-chart-pie:before { content: '\f200'; } /* '' */
.icon-ship:before { content: '\f21a'; } /* '' */
.icon-user-secret:before { content: '\f21b'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */
.icon-server:before { content: '\f233'; } /* '' */
.icon-mouse-pointer:before { content: '\f245'; } /* '' */
.icon-balance-scale:before { content: '\f24e'; } /* '' */
.icon-calendar-check-o:before { content: '\f274'; } /* '' */
.icon-map-signs:before { content: '\f277'; } /* '' */
.icon-commenting:before { content: '\f27a'; } /* '' */
.icon-wpforms:before { content: '\f298'; } /* '' */
.icon-google-plus-circle:before { content: '\f2b3'; } /* '' */
.icon-user-circle-o:before { content: '\f2be'; } /* '' */
.icon-user-o:before { content: '\f2c0'; } /* '' */
.icon-id-card:before { content: '\f2c2'; } /* '' */
.icon-fsf:before { content: '\f2c3'; } /* '' */
.icon-shower:before { content: '\f2cc'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */


/* template/css/23_glightbox.css */

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
        .glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
        .glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
    .gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}

.gslide:not(.current) {
  pointer-events: none;
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
        .desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
        .desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
        /* max-width: 160vmin; */
  margin: auto;
}

.gslide-video::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.desc-top .gslide-media,
    .desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.gslide-description.description-left,
    .gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
    .gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}


/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/

.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
    .glightbox-closing .gprev,
    .glightbox-closing .gclose {
  opacity: 0 !important;
}


/*Skin */

.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}


/*CSS Animations*/

.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}

@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
                .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
    .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
.glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}

@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}

@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}


/* template/css/24_jquery.fileupload.css */

@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}


/* template/css/25_trumbowyg.css */

/**
 * Trumbowyg v2.25.1 - A lightweight WYSIWYG editor
 * Default stylesheet for Trumbowyg editor
 * ------------------------
 * @link http://alex-d.github.io/Trumbowyg
 * @license MIT
 * @author Alexandre Demode (Alex-D)
 *         Twitter : @AlexandreDemode
 *         Website : alex-d.fr
 */

#trumbowyg-icons {
  overflow: hidden;
  visibility: hidden;
  height: 0;
  width: 0; }
  #trumbowyg-icons svg {
    height: 0;
    width: 0; }

.trumbowyg-box *,
.trumbowyg-box *::before,
.trumbowyg-box *::after,
.trumbowyg-modal *,
.trumbowyg-modal *::before,
.trumbowyg-modal *::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

.trumbowyg-box svg,
.trumbowyg-modal svg {
  width: 17px;
  height: 100%;
  fill: #222; }

.trumbowyg-box,
.trumbowyg-editor {
  display: block;
  position: relative;
  border: 1px solid #DDD;
  width: 100%;
  background: #fff;
  min-height: 300px; }

.trumbowyg-box .trumbowyg-editor {
  margin: 0 auto; }

.trumbowyg-box.trumbowyg-fullscreen {
  background: #FEFEFE;
  border: none !important; }

.trumbowyg-editor,
.trumbowyg-textarea {
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem;
  min-height: 300px;
  width: 100%;
  border-style: none;
  resize: none;
  outline: none;
  overflow: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text; }
  .trumbowyg-editor.trumbowyg-autogrow-on-enter,
  .trumbowyg-textarea.trumbowyg-autogrow-on-enter {
    -webkit-transition: height 300ms ease-out;
    -o-transition: height 300ms ease-out;
    transition: height 300ms ease-out; }

.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
  color: transparent !important;
  text-shadow: 0 0 7px #333; }
  @media screen and (min-width: 0 \0) {
    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
      color: rgba(200, 200, 200, 0.6) !important; } }
  @supports (-ms-accelerator: true) {
    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
      color: rgba(200, 200, 200, 0.6) !important; } }

.trumbowyg-box-blur .trumbowyg-editor img,
.trumbowyg-box-blur .trumbowyg-editor hr {
  opacity: 0.2; }

.trumbowyg-textarea {
  position: relative;
  display: block;
  overflow: auto;
  border: none;
  font-size: var(--text-sm);
  font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif;
  line-height: 18px; }

.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
  height: 1px !important;
  width: 25%;
  min-height: 0 !important;
  padding: 0 !important;
  background: none;
  opacity: 0 !important; }

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
  display: block;
  margin-bottom: 1px; }

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
  display: none; }

.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
  opacity: 0.8;
  background: none; }

.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
  content: attr(placeholder);
  color: #999;
  pointer-events: none;
  white-space: break-spaces; }

.trumbowyg-button-pane {
  width: 100%;
  min-height: 36px;
  background: #ecf0f1;
  border-bottom: 1px solid #d7e0e2;
  margin: 0;
  padding: 0 5px;
  position: relative;
  list-style-type: none;
  line-height: 10px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 11; }
  .trumbowyg-button-pane::after {
    content: " ";
    display: block;
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #d7e0e2; }
  .trumbowyg-button-pane .trumbowyg-button-group {
    display: inline-block; }
    .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
      color: transparent; }
    .trumbowyg-button-pane .trumbowyg-button-group::after {
      content: " ";
      display: inline-block;
      width: 1px;
      background: #d7e0e2;
      margin: 0 5px;
      height: 35px;
      vertical-align: top; }
    .trumbowyg-button-pane .trumbowyg-button-group:last-child::after {
      content: none; }
  .trumbowyg-button-pane button {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    padding: 1px 6px !important;
    margin-bottom: 1px;
    overflow: hidden;
    border: none;
    cursor: pointer;
    background: none;
    vertical-align: middle;
    -webkit-transition: background-color 150ms, opacity 150ms;
    -o-transition: background-color 150ms, opacity 150ms;
    transition: background-color 150ms, opacity 150ms; }
    .trumbowyg-button-pane button.trumbowyg-textual-button {
      width: auto;
      line-height: 35px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
  .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
  .trumbowyg-button-pane button.trumbowyg-disable,
  .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
    opacity: 0.2;
    cursor: default;
    pointer-events: none; }
  .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,
  .trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
    background: #e3e9eb; }
  .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
  .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
  .trumbowyg-button-pane button.trumbowyg-active {
    background-color: #FFF;
    outline: none; }
  .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
    display: block;
    content: " ";
    position: absolute;
    top: 25px;
    right: 3px;
    height: 0;
    width: 0;
    border: 3px solid transparent;
    border-top-color: #555; }
  .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {
    padding-left: 10px !important;
    padding-right: 18px !important; }
    .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after {
      top: 17px;
      right: 7px; }
  .trumbowyg-button-pane .trumbowyg-right {
    float: right; }

.trumbowyg-dropdown {
  max-width: 300px;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  border: 1px solid #ecf0f1;
  padding: 5px 0;
  border-top: none;
  background: #FFF;
  margin-left: -1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
          box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
  z-index: 12; }
  .trumbowyg-dropdown button {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    background: #FFF;
    padding: 0 20px 0 10px;
    color: #333 !important;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: var(--text-sm);
    -webkit-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms; }
    .trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus {
      background: #ecf0f1; }
    .trumbowyg-dropdown button svg {
      float: left;
      margin-right: 14px; }

/* Modal box */
.trumbowyg-modal {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 520px;
  width: 100%;
  height: 350px;
  z-index: 12;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.trumbowyg-modal-box {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 500px;
  width: calc(100% - 20px);
  padding-bottom: 45px;
  z-index: 1;
  background-color: #FFF;
  text-align: center;
  font-size: var(--text-sm);
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .trumbowyg-modal-box .trumbowyg-modal-title {
    font-size: var(--text-xl);
    font-weight: var(--fw-bold);
    margin: 0 0 20px;
    padding: 15px 0 13px;
    display: block;
    border-bottom: 1px solid #EEE;
    color: #333;
    background: #fbfcfc; }
  .trumbowyg-modal-box .trumbowyg-progress {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 58px; }
    .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
      background: #2BC06A;
      width: 0;
      height: 100%;
      -webkit-transition: width 150ms linear;
      -o-transition: width 150ms linear;
      transition: width 150ms linear; }
  .trumbowyg-modal-box .trumbowyg-input-row {
    position: relative;
    margin: 15px 12px;
    border: 1px solid #DEDEDE;
    overflow: hidden; }
  .trumbowyg-modal-box .trumbowyg-input-infos {
    text-align: left;
    -webkit-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms;
    width: 150px;
    border-right: 1px solid #DEDEDE;
    padding: 0 7px;
    background-color: #fbfcfc;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }
    .trumbowyg-modal-box .trumbowyg-input-infos label {
      color: #69878f;
      overflow: hidden;
      height: 27px;
      line-height: 27px; }
      .trumbowyg-modal-box .trumbowyg-input-infos label, .trumbowyg-modal-box .trumbowyg-input-infos label span {
        display: block;
        height: 27px;
        line-height: 27px;
        -webkit-transition: all 150ms;
        -o-transition: all 150ms;
        transition: all 150ms; }
    .trumbowyg-modal-box .trumbowyg-input-infos .trumbowyg-msg-error {
      color: #e74c3c; }
  .trumbowyg-modal-box .trumbowyg-input-html {
    padding: 1px 1px 1px 152px; }
    .trumbowyg-modal-box .trumbowyg-input-html, .trumbowyg-modal-box .trumbowyg-input-html input, .trumbowyg-modal-box .trumbowyg-input-html textarea, .trumbowyg-modal-box .trumbowyg-input-html select {
      font-size: var(--text-sm); }
    .trumbowyg-modal-box .trumbowyg-input-html input, .trumbowyg-modal-box .trumbowyg-input-html textarea, .trumbowyg-modal-box .trumbowyg-input-html select {
      -webkit-transition: all 150ms;
      -o-transition: all 150ms;
      transition: all 150ms;
      height: 27px;
      line-height: 27px;
      border: 0;
      width: 100%;
      padding: 0 7px; }
      .trumbowyg-modal-box .trumbowyg-input-html input:hover, .trumbowyg-modal-box .trumbowyg-input-html input:focus, .trumbowyg-modal-box .trumbowyg-input-html textarea:hover, .trumbowyg-modal-box .trumbowyg-input-html textarea:focus, .trumbowyg-modal-box .trumbowyg-input-html select:hover, .trumbowyg-modal-box .trumbowyg-input-html select:focus {
        outline: 1px solid #95a5a6; }
      .trumbowyg-modal-box .trumbowyg-input-html input:focus, .trumbowyg-modal-box .trumbowyg-input-html textarea:focus, .trumbowyg-modal-box .trumbowyg-input-html select:focus {
        background: #fbfcfc; }
    .trumbowyg-modal-box .trumbowyg-input-html input[type="checkbox"] {
      width: 16px;
      height: 16px;
      padding: 0; }
    .trumbowyg-modal-box .trumbowyg-input-html-with-checkbox {
      text-align: left;
      padding: 3px 1px 1px 3px; }
  .trumbowyg-modal-box .trumbowyg-input-error input, .trumbowyg-modal-box .trumbowyg-input-error select, .trumbowyg-modal-box .trumbowyg-input-error textarea {
    outline: 1px solid #e74c3c; }
  .trumbowyg-modal-box .trumbowyg-input-error .trumbowyg-input-infos label span:first-child {
    margin-top: -27px; }
  .trumbowyg-modal-box .error {
    margin-top: 25px;
    display: block;
    color: red; }
  .trumbowyg-modal-box .trumbowyg-modal-button {
    position: absolute;
    bottom: 10px;
    right: 0;
    text-decoration: none;
    color: #FFF;
    display: block;
    width: 100px;
    height: 35px;
    line-height: 33px;
    margin: 0 10px;
    background-color: #333;
    border: none;
    cursor: pointer;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-size: var(--text-base);
    -webkit-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms; }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
      right: 110px;
      background: #2bc06a; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
        background: #40d47e;
        outline: none; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
        background: #25a25a; }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
      color: #555;
      background: #e6e6e6; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
        background: #fbfbfb;
        outline: none; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
        background: #d5d5d5; }

.trumbowyg-overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 100%;
  left: 0;
  display: none;
  top: 0;
  z-index: 10; }

/**
 * Fullscreen
 */
body.trumbowyg-body-fullscreen {
  overflow: hidden; }

.trumbowyg-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 99999; }
  .trumbowyg-fullscreen.trumbowyg-box,
  .trumbowyg-fullscreen .trumbowyg-editor {
    border: none; }
  .trumbowyg-fullscreen .trumbowyg-editor,
  .trumbowyg-fullscreen .trumbowyg-textarea {
    height: calc(100% - 37px) !important;
    overflow: auto; }
  .trumbowyg-fullscreen .trumbowyg-overlay {
    height: 100% !important; }
  .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
    color: #222;
    fill: transparent; }

.trumbowyg-editor {
  /*
     * lset for resetCss option
     */ }
  .trumbowyg-editor object,
  .trumbowyg-editor embed,
  .trumbowyg-editor video,
  .trumbowyg-editor img {
    max-width: 100%; }
  .trumbowyg-editor video,
  .trumbowyg-editor img {
    height: auto; }
  .trumbowyg-editor img {
    cursor: move; }
  .trumbowyg-editor canvas:focus {
    outline: none; }
  .trumbowyg-editor.trumbowyg-reset-css {
    background: #FEFEFE !important;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
    font-size: var(--text-sm);
    line-height: var(--lh-relaxed);
    color: #333; }
    .trumbowyg-editor.trumbowyg-reset-css a {
      color: #15c !important;
      text-decoration: underline !important; }
    .trumbowyg-editor.trumbowyg-reset-css div,
    .trumbowyg-editor.trumbowyg-reset-css p,
    .trumbowyg-editor.trumbowyg-reset-css ul,
    .trumbowyg-editor.trumbowyg-reset-css ol,
    .trumbowyg-editor.trumbowyg-reset-css blockquote {
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
      background: none !important;
      margin: 0 !important;
      margin-bottom: 15px !important;
      line-height: var(--lh-relaxed);
      font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
      font-size: var(--text-sm);
      border: none; }
    .trumbowyg-editor.trumbowyg-reset-css iframe,
    .trumbowyg-editor.trumbowyg-reset-css object,
    .trumbowyg-editor.trumbowyg-reset-css hr {
      margin-bottom: 15px !important; }
    .trumbowyg-editor.trumbowyg-reset-css blockquote {
      margin-left: 32px !important;
      font-style: italic !important;
      color: #555; }
    .trumbowyg-editor.trumbowyg-reset-css ul {
      list-style: disc; }
    .trumbowyg-editor.trumbowyg-reset-css ol {
      list-style: decimal; }
    .trumbowyg-editor.trumbowyg-reset-css ul,
    .trumbowyg-editor.trumbowyg-reset-css ol {
      padding-left: 20px !important; }
    .trumbowyg-editor.trumbowyg-reset-css ul ul,
    .trumbowyg-editor.trumbowyg-reset-css ol ol,
    .trumbowyg-editor.trumbowyg-reset-css ul ol,
    .trumbowyg-editor.trumbowyg-reset-css ol ul {
      border: none;
      margin: 2px !important;
      padding: 0 !important;
      padding-left: 24px !important; }
    .trumbowyg-editor.trumbowyg-reset-css hr {
      display: block;
      height: 1px;
      border: none;
      border-top: 1px solid #CCC; }
    .trumbowyg-editor.trumbowyg-reset-css h1,
    .trumbowyg-editor.trumbowyg-reset-css h2,
    .trumbowyg-editor.trumbowyg-reset-css h3,
    .trumbowyg-editor.trumbowyg-reset-css h4 {
      color: #111;
      background: none;
      margin: 0 !important;
      padding: 0 !important;
      font-weight: var(--fw-bold); }
    .trumbowyg-editor.trumbowyg-reset-css h1 {
      font-size: var(--text-3xl);
      line-height: 38px !important;
      margin-bottom: 20px !important; }
    .trumbowyg-editor.trumbowyg-reset-css h2 {
      font-size: var(--text-2xl);
      line-height: 34px !important;
      margin-bottom: 15px !important; }
    .trumbowyg-editor.trumbowyg-reset-css h3 {
      font-size: 22px !important;
      line-height: 28px !important;
      margin-bottom: 7px !important; }
    .trumbowyg-editor.trumbowyg-reset-css h4 {
      font-size: var(--text-base);
      line-height: 22px !important;
      margin-bottom: 7px !important; }

/*
 * Dark theme
 */
.trumbowyg-dark .trumbowyg-textarea {
  background: #111;
  color: #ddd; }

.trumbowyg-dark .trumbowyg-box {
  border: 1px solid #343434; }
  .trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {
    background: #111; }
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
    text-shadow: 0 0 7px #ccc; }
    @media screen and (min-width: 0 \0 ) {
      .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
        color: rgba(20, 20, 20, 0.6) !important; } }
    @supports (-ms-accelerator: true) {
      .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
        color: rgba(20, 20, 20, 0.6) !important; } }
  .trumbowyg-dark .trumbowyg-box svg {
    fill: #ecf0f1;
    color: #ecf0f1; }

.trumbowyg-dark .trumbowyg-button-pane {
  background-color: #222;
  border-bottom-color: #343434; }
  .trumbowyg-dark .trumbowyg-button-pane::after {
    background: #343434; }
  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::after {
    background-color: #343434; }
  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
    color: transparent; }
  .trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::after {
    background-color: #2a2a2a; }
  .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
  .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
  .trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active {
    background-color: #333; }
  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
    border-top-color: #fff; }

.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
  color: #ecf0f1;
  fill: transparent; }

.trumbowyg-dark .trumbowyg-dropdown {
  border-color: #222;
  background: #333;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;
          box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; }
  .trumbowyg-dark .trumbowyg-dropdown button {
    background: #333;
    color: #fff !important; }
    .trumbowyg-dark .trumbowyg-dropdown button:hover, .trumbowyg-dark .trumbowyg-dropdown button:focus {
      background: #222; }

.trumbowyg-dark .trumbowyg-modal-box {
  background-color: #222; }
  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {
    border-bottom: 1px solid #555;
    color: #fff;
    background: #3c3c3c; }
  .trumbowyg-dark .trumbowyg-modal-box label {
    display: block;
    position: relative;
    margin: 15px 12px;
    height: 27px;
    line-height: 27px;
    overflow: hidden; }
    .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span {
      color: #eee;
      background-color: #2f2f2f;
      border-color: #222; }
    .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
      color: #e74c3c; }
    .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,
    .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea {
      border-color: #e74c3c; }
    .trumbowyg-dark .trumbowyg-modal-box label input {
      border-color: #222;
      color: #eee;
      background: #333; }
      .trumbowyg-dark .trumbowyg-modal-box label input:hover, .trumbowyg-dark .trumbowyg-modal-box label input:focus {
        border-color: #626262; }
      .trumbowyg-dark .trumbowyg-modal-box label input:focus {
        background-color: #2f2f2f; }
  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
    background: #1b7943; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
      background: #25a25a; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
      background: #176437; }
  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
    background: #333;
    color: #ccc; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
      background: #444; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
      background: #111; }

.trumbowyg-dark .trumbowyg-overlay {
  background-color: rgba(15, 15, 15, 0.6); }


/* template/css/26_jquery-ui.css */

/*! jQuery UI - v1.13.2 - 2023-01-31
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, slider.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: var(--lh-normal);
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: var(--text-sm);
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}


/* template/css/27_daterangepicker.css */

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 9999;
  display: none;
  font-family: arial;
  font-size: var(--text-sm);
  line-height: var(--lh-none);
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: var(--text-xs);
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: var(--text-xs);
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: var(--text-xs);
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: var(--text-xs);
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: var(--text-xs);
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}


/* template/css/28_timeline.css */

/* ============================================================
   28_timeline.css – Timeline Komponente
   miet-boot.de
   ──────────────────────────────────────────────────────────
   Farben → 01_elemente.css  (--timeline-*, --brand-orange, --bg-white)
   ============================================================ */


/* ============================================================
   TIMELINE – Basis
   ============================================================ */

.timeline {
  position: relative;
  width: 100%;
  padding: 30px 0;
}

.timeline .timeline-container {
  position: relative;
  width: 100%;
}


/* ============================================================
   LABELS – Start / End / Year
   ============================================================ */

.timeline .timeline-end,
.timeline .timeline-start,
.timeline .timeline-year {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 1;
}

.timeline .timeline-end p,
.timeline .timeline-start p,
.timeline .timeline-year p {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 0;
  padding: 27px 0;
  text-align: center;
  background: var(--bg-white);
  border-radius: 100px;
  border: 1px solid rgba(0, 0, 0, .125);
  font-size: var(--text-sm);
  text-transform: uppercase;
}

.timeline .timeline-year {
  margin: 30px 0;
}


/* ============================================================
   CONTINUE – Vertikale Linie
   ============================================================ */

.timeline .timeline-continue {
  position: relative;
  width: 100%;
  padding: 60px 0;
}

.timeline .timeline-continue::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: rgba(0, 0, 0, .125);
}


/* ============================================================
   ROWS – Links / Rechts Ausrichtung
   ============================================================ */

.timeline .row.timeline-left,
.timeline .row.timeline-right .timeline-date {
  text-align: right;
}

.timeline .row.timeline-right,
.timeline .row.timeline-left .timeline-date {
  text-align: left;
}


/* ============================================================
   DATE – Datum & Punkt
   ============================================================ */

.timeline .timeline-date {
  font-size: var(--text-xl);
  font-weight: var(--fw-semibold);
  margin: 41px 0 0 0;
}

.timeline .timeline-date::after {
  content: '';
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 45px;
  background: var(--brand-orange);
  border-radius: 15px;
  z-index: 1;
}

.timeline .row.timeline-left .timeline-date::after  { left: -7px; }
.timeline .row.timeline-right .timeline-date::after { right: -7px; }


/* ============================================================
   BOX & LAUNCH
   ============================================================ */

.timeline .timeline-box,
.timeline .timeline-launch {
  position: relative;
  display: inline-block;
  margin: 15px;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 6px;
  background: var(--bg-white);
}

.timeline .timeline-launch {
  width: 100%;
  margin: 15px 0;
  padding: 0;
  border: none;
  text-align: center;
  background: transparent;
}

/* Pfeile an der Box */
.timeline .timeline-box::after,
.timeline .timeline-box::before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline .row.timeline-left .timeline-box::after,
.timeline .row.timeline-left .timeline-box::before {
  left: 100%;
}

.timeline .row.timeline-right .timeline-box::after,
.timeline .row.timeline-right .timeline-box::before {
  right: 100%;
}

.timeline .timeline-launch .timeline-box::after,
.timeline .timeline-launch .timeline-box::before {
  left: 50%;
  margin-left: -10px;
}

/* Pfeil – Links */
.timeline .timeline-box::after {
  top: 26px;
  border-color: transparent transparent transparent var(--bg-white);
  border-width: 10px;
}

.timeline .timeline-box::before {
  top: 25px;
  border-color: transparent transparent transparent var(--timeline-border);
  border-width: 11px;
}

/* Pfeil – Rechts */
.timeline .row.timeline-right .timeline-box::after {
  border-color: transparent var(--bg-white) transparent transparent;
}

.timeline .row.timeline-right .timeline-box::before {
  border-color: transparent var(--timeline-border) transparent transparent;
}

/* Pfeil – Launch (oben) */
.timeline .timeline-launch .timeline-box::after {
  top: -20px;
  border-color: transparent transparent var(--timeline-border) transparent;
}

.timeline .timeline-launch .timeline-box::before {
  top: -19px;
  border-color: transparent transparent var(--bg-white) transparent;
  border-width: 10px;
  z-index: 1;
}


/* ============================================================
   ICON & TEXT
   ============================================================ */

.timeline .timeline-box .timeline-icon {
  position: relative;
  width: 40px;
  height: auto;
  float: left;
}

.timeline .timeline-icon i {
  font-size: var(--text-xl);
  color: var(--timeline-icon-color);
}

.timeline .timeline-icon i.icon-emo-beer {
  font-size: var(--text-md);
}

.timeline .timeline-box .timeline-text {
  position: relative;
  width: calc(100% - 40px);
  float: left;
}

.timeline .timeline-launch .timeline-text {
  width: 100%;
}

.timeline .timeline-text h3 {
  font-size: var(--text-base);
  font-weight: var(--fw-semibold);
}

.timeline .timeline-text p {
  font-size: var(--text-sm);
  font-weight: var(--fw-normal);
}


/* ============================================================
   RESPONSIVE – Mobile
   ============================================================ */

@media (max-width: 768px) {

  .timeline .timeline-continue::after {
    left: 40px;
  }

  .timeline .timeline-end,
  .timeline .timeline-start,
  .timeline .timeline-year,
  .timeline .row.timeline-left,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-right,
  .timeline .row.timeline-left .timeline-date,
  .timeline .timeline-launch {
    text-align: left;
  }

  .timeline .row.timeline-left .timeline-date::after,
  .timeline .row.timeline-right .timeline-date::after {
    left: 47px;
  }

  .timeline .timeline-box,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-left .timeline-date {
    margin-left: 55px;
  }

  .timeline .timeline-launch .timeline-box {
    margin-left: 0;
  }

  .timeline .row.timeline-left .timeline-box::after {
    left: -20px;
    border-color: transparent var(--bg-white) transparent transparent;
  }

  .timeline .row.timeline-left .timeline-box::before {
    left: -22px;
    border-color: transparent rgba(0, 0, 0, .125) transparent transparent;
  }

  .timeline .timeline-launch .timeline-box::after,
  .timeline .timeline-launch .timeline-box::before {
    left: 30px;
    margin-left: 0;
  }
}

/* template/css/29_bewertung.css */

/* Bewertungs-Buttons */
.rating-btn {
  display: inline-block;
  text-decoration: none;
  background-color: var(--bg-light);
  color: var(--body-font-color);
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  margin: 0 4px;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: transform 0.2s;
}

.rating-btn:hover {
  transform: scale(1.1);
}

/* Kategorie Buttons */
.rating-group {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.category-btn {
  display: inline-block;
  text-decoration: none;
  background-color: var(--bg-light);
  color: var(--body-font-color);
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  width: 36px;
  height: 36px;
  border: 1px solid rgb(218, 218, 218);
  line-height: 36px;
  text-align: center;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.2s;
}

.category-btn:hover {
  transform: scale(1.1);
  background-color: var(--bs-input-border);
}

:root {
  --rating-0-bg: #dddddd;
  --rating-0-color: #374151;

  --rating-1-bg: #ef4444;
  --rating-1-color: #fff;

  --rating-2-bg: #f97316;
  --rating-2-color: #fff;

  --rating-3-bg: #fb923c;
  --rating-3-color: #fff;

  --rating-4-bg: #fbbf24;
  --rating-4-color: #374151;

  --rating-5-bg: #facc15;
  --rating-5-color: #374151;

  --rating-6-bg: #eab308;
  --rating-6-color: #374151;

  --rating-7-bg: #a3e635;
  --rating-7-color: #374151;

  --rating-8-bg: #84cc16;
  --rating-8-color: #fff;

  --rating-9-bg: #22c55e;
  --rating-9-color: #fff;

  --rating-10-bg: #16a34a;
  --rating-10-color: #fff;
}

.bewertung_farbe0 {
  background: var(--rating-0-bg) !important;
  color: var(--rating-0-color) !important;
}

.bewertung_farbe1 {
  background: var(--rating-1-bg) !important;
  color: var(--rating-1-color) !important;
}

.bewertung_farbe2 {
  background: var(--rating-2-bg) !important;
  color: var(--rating-2-color) !important;
}

.bewertung_farbe3 {
  background: var(--rating-3-bg) !important;
  color: var(--rating-3-color) !important;
}

.bewertung_farbe4 {
  background: var(--rating-4-bg) !important;
  color: var(--rating-4-color) !important;
}

.bewertung_farbe5 {
  background: var(--rating-5-bg) !important;
  color: var(--rating-5-color) !important;
}

.bewertung_farbe6 {
  background: var(--rating-6-bg) !important;
  color: var(--rating-6-color) !important;
}

.bewertung_farbe7 {
  background: var(--rating-7-bg) !important;
  color: var(--rating-7-color) !important;
}

.bewertung_farbe8 {
  background: var(--rating-8-bg) !important;
  color: var(--rating-8-color) !important;
}

.bewertung_farbe9 {
  background: var(--rating-9-bg) !important;
  color: var(--rating-9-color) !important;
}

.bewertung_farbe10 {
  background: var(--rating-10-bg) !important;
  color: var(--rating-10-color) !important;
}

/* BEWERTUNGS-LABELS */
.bewertung-label {
  font-size: var(--text-sm);
}

/* BEWERTUNGS-BALKEN CONTAINER */
.bewertung-bar {
  height: 6px;
  background: var(--bg-light);
  border-radius: 3px;
  overflow: hidden;
}

/* BEWERTUNGS-BALKEN FÜLLSTOFF */
.bewertung-bar__fill {
  height: 100%;
  transition: width 0.3s ease;
}

/* BEWERTUNGS-FARBEN (1-10) */

.bewertung_farbe1 {
  background-color: #ef4444;
}

.bewertung_farbe2 {
  background-color: #f97316;
}

.bewertung_farbe3 {
  background-color: #fb923c;
}

.bewertung_farbe4 {
  background-color: #fbbf24;
}

.bewertung_farbe5 {
  background-color: #facc15;
}

.bewertung_farbe6 {
  background-color: #eab308;
}

.bewertung_farbe7 {
  background-color: #a3e635;
}

.bewertung_farbe8 {
  background-color: #84cc16;
}

.bewertung_farbe9 {
  background-color: #22c55e;
}

.bewertung_farbe10 {
  background-color: #16a34a;
}

.bewertung_farbe8.5 {
  background-color: #22c55e;
}

.bewertung_farbe9.2 {
  background-color: #22c55e;
}

.bewertung_farbe9.4 {
  background-color: #16a34a;
}


/* ============================================================
   BEWERTUNGS-BUTTONS (1-10 Skala)
   ============================================================ */

.rating-btn {
  display: inline-block;
  text-decoration: none;
  background-color: var(--bg-light);
  color: var(--body-font-color);
  font-weight: var(--fw-bold);
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  margin: 0 4px 8px 0;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  border: 2px solid transparent;
}

.rating-btn:hover {
  transform: scale(1.1);
  background-color: var(--body-bg-200);
}

.rating-btn.active {
  border-color: var(--brand-blue-light);
  background-color: rgba(41, 137, 216, 0.1);
}

/* ============================================================
   RATING SUMMARY
   ============================================================ */

.rate_summary {
  font-weight: var(--fw-bold) !important;
  line-height: var(--lh-none);
}

/* ============================================================
   REVIEW CARD
   ============================================================ */

.review-card {
  display: block;
}

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

.review-card__gallery {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
}

.review-card__photo {
  flex: 1 1 auto;
  /* aspect-ratio: 4 / 3; */
  object-fit: cover;
  max-height: 120px;
  border-radius: var(--radius-md);
}

.review-card__photo-more {
  flex: 0 0 120px;
  background-color: var(--bg-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid var(--card-border-color);
}

/* ============================================================
   FEEDBACK TEXT
   ============================================================ */
.review-card__feedback-text {
  display: inline;
  color: var(--body-font-color);
  line-height: var(--lh-snug);
}


/* ── Karten-Bewertungs-Badge ── */
.mb-rating-bubble {
  position: absolute;
  bottom: 15px;
  left: 14px;
  display: flex;
  align-items: center;
  gap: 0px;
  z-index: 99;
  background: rgb(255 255 255 / 75%);
  border-radius: 8px;
  padding: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.20);
  backdrop-filter: blur(3px);
}


/* ============================================================
  Hebeld das Anzeigen der Bewertung auf dem Plugin aus
   ============================================================ */
.mb-rating-bubble {
  display: none;
}
 
body.body_anzeigen .mb-rating-bubble {
  display: flex !important;
}

/* d-none schlägt beides, auch innerhalb body_anzeigen */
body.body_anzeigen .mb-rating-bubble.d-none {
  display: none !important;
}

/* ============================================================
Hebeld das Anzeigen der Bewertung auf dem Plugin aus
 ============================================================ */
 
.mb-rating-bubble__score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 700;
  font-size: var(--text-2xs);
  border-radius: 4px;
  padding: 0.35rem 0.5rem;
  line-height: 1;
  flex-shrink: 0;
  min-width: 2.2rem;
  text-align: center;
}

.mb-rating-bubble__text {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  font-size: var(--text-2xs);
  font-weight: 700;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  white-space: nowrap;
  transition: max-width 0.3s ease, opacity 0.25s ease;
}


.js_anzeigenvorschau:hover .mb-rating-bubble__text {
  max-width: 200px;
  opacity: 1;
  margin-right: 12px;
  margin-left: 8px;
}

/* ── Badge-Reihe ── */
.mb-badge-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}

.mb-badge-row .badge {
  position: static !important;
  margin-top: 0 !important;
}

.mb-badge-row .mb-badge-rabatt {
  border: 0;
  background: var(--body-main-btn-color);
  color: #fff;
}

.bewertung_summary_box .mb-rating-bubble--header,
.review-card .mb-rating-bubble--header,
.anzeige_header__overlay .mb-rating-bubble--header {
  position: static !important;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.bewertung_summary_box .mb-rating-bubble__text,
.review-card .mb-rating-bubble__text,
.mb-rating-bubble--header .mb-rating-bubble__text {
  max-width: none !important;
  opacity: 1 !important;
  margin-left: 8px;
}

.bewertung_summary_box .mb-rating-bubble,
.review-card .mb-rating-bubble,
.anzeige_header__overlay .mb-rating-bubble {
  position: static !important;
  bottom: 15px;
  left: 14px;
  display: flex;
  align-items: center;
  gap: 0px;
  z-index: 99;
  background: rgb(255 255 255 / 75%);
  border-radius: 8px;
  padding: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.20);
  backdrop-filter: blur(3px);
}

@media (max-width: 767px) {
  .anzeige_header__overlay .mb-rating-bubble--header .mb-rating-bubble__text {
    display: none !important;
  }
}


.anzeige_header__overlay a.mb-rating-bubble--header:has(.bewertung_farbe0) {
   display: none !important;
}

/* template/css/89_mobile_neu.css */

/* ============================================================
	89_mobile_neu.css – Responsive Overrides & Mobile Styles
	miet-boot.de
	──────────────────────────────────────────────────────────
	Farben → 01_elemente.css
	Struktur: Global → SM (≤767px) → MD (768–991px) → LG (992–1199px)
						  → XL (1200–1399px) → XXL (≥1400px)
	============================================================ */


/* ============================================================
	HEADERTITEL – Basis (gilt für alle Breakpoints)
	============================================================ */

.headertitel {
	border-left: 1px solid var(--bg-white);
	margin-left: 20px;
	padding-top: 3px;
	padding-left: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: inherit;
}


.col-12.margin-top-100 {
	z-index: 3;
}

.bootstrap-tagsinput .badge button {
	padding-left: 3px;
	padding-right: 3px;
	border: 0;
	background: transparent;
	color: var(--bg-white);
}

.mauspointer {
	cursor: pointer;
}

nav.navbar .container-fluid {
	display: inline !important;
}

span.badge.p-1.rundum_4 {
	background: var(--background-color-alert-success);
	color: var(--color-alert-success);

}

span.badge.p-1.rundum_3 {
	background: var(--background-color-alert-warning);
	color: var(--color-alert-warning);

}

span.badge.p-1.rundum_2 {
	background: var(--background-color-alert-info);
	color: var(--color-alert-info);

}

span.badge.p-1.rundum_1 {
	background: var(--background-color-alert-error);
	color: var(--color-alert-error);

}

span.badge.p-1.rundum_0 {

	background: var(--background-color-alert-dark);
	color: var(--color-alert-dark);
	border: 1px solid var(--bs-input-border);
}

.buchung_offen.verfuegbar_1 span.badge.p-1.rundum_0 {
	background: var(--bg-white);
	color: var(--body-font-color);
}

.headertitel h1,
.headertitel h2 {
	font-size: var(--text-sm);
	line-height: 12px;
	padding-bottom: 5px;
	margin-bottom: 2px;
	color: var(--bg-white) !important;
}

.tutorial .object {
	position: absolute;
	z-index: 99;
	bottom: 0;

}

.tutorial .firstloginText {
	background: var(--bg-white);
	padding: 6px 20px;
	z-index: 99;
	max-width: 500px;
	min-width: 400px;
	border-radius: 4px;
	text-align: left;
	margin: auto;
	position: relative;
	border: 2px solid var(--bs-input-border);
}

.firstloginText h3 {
	margin-top: 20px;
}

.object__intro-text {
	line-height: var(--lh-loose);
	background: var(--bg-white);
	padding: 6px 20px;
	border-radius: 4px;
	position: absolute;
	left: 49px;
	top: -16px;
	width: 190px;
}

.input-group .dropdown-menu.show {
	width: 100% !important;
}

.tutorial .arrow__body {
	width: 100%;
	height: 100%;
	border-width: 5px 0 0 5px;
	border-style: dotted;
	border-color: var(--bg-white);
	border-top-left-radius: 18px;
	animation: movingArrow 1s infinite;
}

.tutorial .arrow__body::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: -7px;
	border-width: 14px 10px 0;
	border-style: solid;
	border-color: var(--bg-white) transparent transparent;
	animation: movingArrowHead 1s infinite;
}

.datumtyp.datumtyp_3 .dropdown {
	position: relative;
	visibility: visible !important;
	display: block !important;
}

.inserieren ul.anzeigen_opt li i,
.anzeigen ul.anzeigen_opt li i {
	display: block;
	text-align: center;
	font-size: var(--text-3xl);
	color: var(--card-grey-color);
}

section[data-background-color="cardbox"] {
	position: relative;
	z-index: 1;
	color: var(--body-font-color);
	background: url('../images/header/bg2.jpg')bottom 0px center no-repeat;
	background-size: cover;
}

section[data-background-color="cardbox"]:before {
	content: "";
	position: absolute;
	top: 0%;
	right: 0%;
	width: 90%;
	height: 100%;
	background: url('../images/header/bg1.png') right top no-repeat;
	background-size: contain;
}

[data-background-color="newsbox"] {
	background-color: rgb(255, 255, 255);
	color: var(--card-secound-color);
	border-top: 3px solid rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.col-12.col-sm-6.col-md-6.col-lg-5.productview .card {
	box-shadow: none
}

.body_startseite [data-background-color="region"] .card {
	background: rgb(139, 194, 240);
	background: -moz-linear-gradient(0deg, rgba(126, 227, 230, 0.73) 0%, rgba(34, 153, 156, 1) 54%);
	background: -webkit-linear-gradient(0deg, rgba(126, 226, 229, 0.73) 0%, rgba(34, 153, 156, 1) 54%);
	background: linear-gradient(0deg, rgba(126, 226, 229, 0.731) 0%, rgba(34, 153, 156, 1) 54%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8bc2f0", endColorstr="#2989d8", GradientType=1);
	border: 0px;
	box-shadow: rgba(50, 50, 93, 0) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.body_startseite p,
.body_startseite h2,
.body_startseite h3,
.body_startseite {
	color: var(--body-font-color);

}

.body_startseite section[data-background-color="vorteilbox"] .row .col-md-2.p-2.text-center,
.body_startseite section[data-background-color="vorteilbox"] .row .col-md-3.p-2.text-center,
.body_startseite section[data-background-color="vorteilbox"] .row .col-md-12.p-2.text-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.body_startseite section[data-background-color="vorteilbox"] .card-plain i {
	color: var(--mobile-vorteilbox-icon);
}

.body_startseite section[data-background-color="vorteilbox"] .card-plain {
	background: var(--bg-white);

}

.body_startseite section[data-background-color="vorteilbox"] .card-plain h2,
.body_startseite section[data-background-color="vorteilbox"] .card-plain h3,
.body_startseite section[data-background-color="vorteilbox"] .card-plain h4,
.body_startseite section[data-background-color="vorteilbox"] .card-plain h5,
.body_startseite section[data-background-color="vorteilbox"] .card-plain h6 {
	font-weight: var(--fw-extrabold);
	line-height: var(--lh-relaxed);
	font-size: var(--text-lg);
	border: 0px;
	padding-left: 0;
}

.c_systemtext {
	line-height: var(--lh-prose);
}

.body_startseite .c_searchbar .c_searchbarText,
.body_startseite section[data-background-color="cardbox"] .gallary_container h3.newsCaption-title,
.body_startseite section[data-background-color="cardbox"] .row.pt-5 .col-md-12.text-center p,
.body_startseite section[data-background-color="cardbox"] .row.pt-5 .col-md-12.text-center h2,
.body_startseite section[data-background-color="cardbox"] .row.pt-5 .col-md-12.text-center h3,
.body_startseite section[data-background-color="regionbox"] p,
.body_startseite section[data-background-color="regionbox"] h2,
.body_startseite section[data-background-color="regionbox"] h3,
.body_startseite section[data-background-color="regionbox"],
.body_startseite section[data-background-color="darkblue"] p,
.body_startseite section[data-background-color="darkblue"] h2,
.body_startseite section[data-background-color="darkblue"] h3,
.body_startseite section[data-background-color="darkblue"] {
	color: var(--bg-white);
}

.body_startseite section[data-background-color="darkblue"] .c_systemtext p,
.body_startseite section[data-background-color="darkblue"] .c_systemtext h2,
.body_startseite section[data-background-color="darkblue"] .c_systemtext h3 {
	color: var(--body-font-color);
}

.body_startseite div[data-background-color="gutscheinbox"] p,
.body_startseite div[data-background-color="gutscheinbox"] h2,
.body_startseite div[data-background-color="gutscheinbox"] h3,
.body_startseite div[data-background-color="gutscheinbox"] {
	color: var(--body-font-color);
}

[data-background-color="google"] .card i.icon-star {
	color: rgb(255, 193, 0);
	font-size: var(--text-xl);
}

.div_space {
	height: 300px;
}

.body_startseite section[data-background-color="cardbox"] .gallary_container h3.newsCaption-title {
	line-height: var(--lh-none);
}

.body_startseite section[data-background-color="cardbox"] .gallary_container .newsCaption2 {}

[data-background-color="actionboxXmas"],
[data-background-color="actionbox"] {
	border: 3px solid #ffffff33;
	position: relative;
	z-index: 2;
	margin: 35px 15px 15px 15px;
	padding: 0;
	border-radius: var(--border-radius-3) !important;
}

[data-background-color="actionbox"] small {
	display: none
}

[data-background-color="regionbox"] {
	position: relative;
	z-index: 1;
	color: var(--body-font-color);
	background: url('../images/header/bg4.jpg')top 0px center no-repeat;
	background-size: cover;
}

[data-background-color="actionbox"] .actionboxBG {
	color: var(--body-font-color);
	background: linear-gradient(90deg, hsla(186, 75%, 46%, 1) 0%, hsla(286, 75%, 46%, 1) 100%);
	background-size: 120%;
	position: relative;
	z-index: 2;
	color: var(--bg-white);
	border-radius: var(--border-radius-3) !important;
}

[data-background-color="actionbox"] .actionboxBG .row {
	background: url('../images/pages/flower.png')center center;
}

[data-background-color="actionbox"] .actionboxBG h2 {
	color: var(--bg-white);
}

[data-background-color="actionboxXmas"] .col-6.col-md-6.shadow_icon.text-right.mb-2 {
	display: flex;
	justify-content: center;
	align-items: center;
}

.c_searchbar .col-3.pt-1 {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-header.header-gross {
	min-height: 180px;
	max-height: 180px;
	padding: 0;
	color: var(--bg-white);
	position: relative;
	overflow: hidden;
}

.inserieren ul.anzeigen_opt li i,
.anzeigen ul.anzeigen_opt li i {
	display: block;
	text-align: center;
	font-size: var(--text-3xl);
	color: var(--card-grey-color);
}

.datumtyp.datumtyp_4 .bootstrap-select,
.datumtyp.datumtyp_3 .bootstrap-select {
	width: 86% !important;
}

.gutscheine_verwalten .datumtyp.datumtyp_4 .bootstrap-select,
.gutscheine_verwalten .datumtyp.datumtyp_3 .bootstrap-select {
	width: 80% !important;
}

.tarife .datumtyp.datumtyp_3 .dropdown,
.tarife .datumtyp.datumtyp_4 .dropdown {
	width: 88%;
}

.pricetable .pricetableheader .col-6.col-md-4 i {
	margin: auto;
	margin-top: -70px;
}

.tarife .datumtyp.datumtyp_3 .dropdown,
.tarife .datumtyp.datumtyp_4 .dropdown {
	width: 85% !important;
}

.button-container i {
	display: inline;
}

.icon-ok-circled.fa-5x.text-success {
	background-repeat: no-repeat;
	z-index: 5;
	position: absolute;
	margin-left: -50px;
	transform-origin: 0 0;
	animation: leaves 1s ease-in-out;
}

#warning-message {
	display: block;
}

.anbieter picture {
	height: 210px;
	width: 100%;
}

.page-header>.container-fluid {
	z-index: 2;
	padding-top: 4vh;
	padding-bottom: 40px;
}

.nav.nav-pills.c_tabBorder small {
	font-size: 68%;

}

.tutorial .arrow {
	position: fixed;
	bottom: 90px;
	margin-left: 2.5em;
	width: 52px;
	height: 141px;
	overflow: visible;
	z-index: 8;
}

.tutorial .arrow__body::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: -7px;
	border-width: 14px 10px 0;
	border-style: solid;
	border-color: var(--bg-white) transparent transparent;
	animation: movingArrowHead 1s infinite;
}

.tutorial .object {
	position: fixed;
	width: auto;
	height: 79px;
	z-index: 99;
	bottom: 0;
	right: 60%;
}

@media only screen and (max-width: 820px) and (min-width: 600px) {

	.button-container ul.nav li.nav-item a.nav-link span {
		display: none;
	}
}

@media only screen and (orientation:landscape) {
	#warning-message {
		display: none;
	}

}

@media screen and (max-width: 375px) {
	.bilderbox {
		aspect-ratio: 435 /210;
	}
}

.modal-dialog:has(iframe.anzeigen_ytplayer) {
	width: 960px !important;
	max-width: 960px !important;
	height: 520px !important;
	max-height: 520px !important
}

.modal-dialog:has(iframe.anzeigen_ytplayer) .modal-content,
.modal-dialog:has(iframe.anzeigen_ytplayer) .modal-content .modal-body,
.modal-dialog:has(iframe.anzeigen_ytplayer) .modal-content {
	max-height: 590px !important;
	height: 590px !important;
}

.sorglos_assistent .test:nth-of-type(1) {
	margin-left: 0px;
}

.sorglos_assistent .test:nth-of-type(2) {
	margin-left: 30px;
}

.sorglos_assistent .test:nth-of-type(3) {
	margin-left: 60px;
}

.sorglos_assistent .test:nth-of-type(4) {
	margin-left: 90px;
}
.sorglos_assistent h3{
font-size: var(--text-xl);
}

.sorglos_assistent .border {
	 border: 1px solid rgba(255, 255, 255, 0.169) !important;
}
.body_profil .benutzer_anzeigen_verfuegbarkeitskalender .input_err{
	position: absolute;
	min-width: 500px;
	border-radius: 3px;
	display: block;
	margin-top: -17px;
	z-index: 99;
	background: var(--bg-white);
 }

@media screen and (max-width : 767px) {
	.js_upload{background: url('/images/pages/arrow-b-200.png') no-repeat bottom 20px left 20px; background-size: contain; background-size: 80px;}
	.header .page-header,
	.header-2 .page-header{
	display: none;
	}
	.header,
	.header-2{
	padding: 0px !important;
	}
	.sorglos_assistent h3{
	font-size:inherit
	}
	.sorglos_assistent h1 {
		font-size: var(--text-xl);
	}

	.sorglos_assistent img {
		display: none
	}

	.sorglos_assistent .modal-footer a {
		float: none !important;
		margin-top: 10px !important;
	}

	.sorglos_assistent .modal-footer input {
		float: none !important;
		margin-bottom: 10px !important;
	}

	.sorglos_assistent .test:nth-of-type(1) {
		margin-left: 0px;
	}

	.sorglos_assistent .test:nth-of-type(2) {
		margin-left: 0px;
	}

	.sorglos_assistent .test:nth-of-type(3) {
		margin-left: 0px;
	}

	.sorglos_assistent .test:nth-of-type(4) {
		margin-left: 00px;
	}

	.modal-dialog:has(iframe.anzeigen_ytplayer) {
		width: 960px !important;
		max-width: 960px !important;
		height: 256px !important;
		max-height: 256px !important
	}

	.modal-dialog:has(iframe.anzeigen_ytplayer) .modal-content,
	.modal-dialog:has(iframe.anzeigen_ytplayer) .modal-content .modal-body,
	.modal-dialog:has(iframe.anzeigen_ytplayer) .modal-content {
		max-height: 256px !important;
		height: 256px !important;
	}

	.modal-dialog:has(iframe.anzeigen_ytplayer) .ekko-lightbox-nav-overlay {
		display: none !important;
	}

	.gallary_container {
		display: grid;
		gap: .6rem;
		grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
		grid-auto-rows: 11em;
	}

	[data-background-color="actionbox"] {
		margin: -35px 15px 15px 15px;

	}

	[data-background-color="actionbox"] .col-6.col-md-6.shadow_icon.text-right.mb-2 {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	[data-background-color="actionbox"] small {
		display: contents;
		float: right;
		clear: both;
	}

	[data-background-color="actionbox"] a {
		padding: 6px !important;
		text-align: center !important;
		line-height: 14px !important;
	}

	[data-background-color="actionbox"] .col-6.col-md-4 {
		font-size: var(--text-sm);
		line-height: 17px;
	}

	[data-background-color="actionbox"] .icon-boot.fa-3x {
		font-size: var(--text-md)
	}

	[data-background-color="actionbox"] .icon-anchor,
	[data-background-color="actionbox"] .col-2.col-md-1,
	[data-background-color="actionbox"] b,
	[data-background-color="actionbox"] span {
		display: none
	}

	.div_space {
		height: 10px;
	}
	

	

	.body_startseite section[data-background-color="cardbox"] .row.pt-5 .col-md-12.text-center p,
	.body_startseite section[data-background-color="cardbox"] .row.pt-5 .col-md-12.text-center h2,
	.body_startseite section[data-background-color="cardbox"] .row.pt-5 .col-md-12.text-center h3 {
		color: var(--body-font-color);
	}

	section[data-background-color="cardbox"] {
		position: relative;
		margin-top: 0px;
		z-index: 1;
		color: var(--body-font-color);
		background: transparent;
	}

	[data-background-color="actionbox"] .actionboxBG .row {
		background: transparent;
	}

	.nav-item a.nav-link .badge {
		display: block;
	}

	.first.newsCaption2 {
		position: absolute;
		top: auto;
		bottom: 17px;
	}

	.newsCaption-title {
		margin-top: 0px;
		color: var(--bg-white);
	}

	.image-tall {
		grid-row: span 1 / auto;
	}

	.image-wide {
		grid-column: span 1 / auto;
		display: block;
	}

	.image-wide-smaller {
		grid-column: span 1 / auto;
	}

	.image-wide-small {
		grid-column: span 1 / auto;
	}

	

	

	

	.tutorial .firstloginText {
		max-width: 400px;

	}

	

	.button-container a.nav-link.mr-2.text-center {
		text-align: center !important;
		padding: 6px 15px;
		width: 55px;
	}

	.button-container i {
		display: inline;

	}

	.col_text_right {
		text-align: right !important;
	}

	h2 {
		font-size: var(--text-xl);
	}

	h3 {
		font-size: var(--text-base);
	}

	h4 {
		font-size: var(--text-base);
	}

	.pb-3,
	.py-3 {
		padding-bottom: 0.5rem !important;
	}

	.mt-4,
	.my-4 {
		margin-top: .5rem !important;
	}

	a[data-toggle="lightbox"] picture:after {

		right: 10px;
		top: 9px;
	}

	.page-header .page-header-image {
		position: absolute;
		background-size: cover;
		background-position: center top;
		width: 100%;
		height: 40vh;
		z-index: -1;
	}

	.anzeigen .productview {
		margin-top: 0px;
	}

	.button-container {
		margin-top: -44px;
		text-align: center;
		position: absolute;
		z-index: 9;
		margin-left: 0px;
		background: var(--body-bg-100);
	}

	.nav.nav-pills.nav-pills-primary.pagination.pagination-neutral li.page-item {
		width: 100%
	}

	.page-header.page-header-small {
		min-height: 17vh;
	}

	.tutorial .c__firstTimeBubbleBackdrop {
		height: calc(100%);
	}

	.c_tabBorder a small {
		display: none
	}

	.button-container a.nav-link.mr-2.text-center {
		text-align: center !important;
		padding: 7px 25px;
		width: max-content
	}

	.anzeigen .button-container a.nav-link.mr-2.text-center {
		text-align: center !important;
		padding: 7px 17px !important;
		width: 65px !important;
	}

	.col_text_right {
		text-align: right !important;
	}

	.tutorial .arrow {
		position: fixed;
		bottom: 70px;
		margin-left: 2.5em;
		width: 52px;
		height: 141px;
		overflow: visible;
		z-index: 8;
	}

	.c_sticky .c_searchbar.collapse1 {
		margin-top: -25px;
	}

	.button-container a {

		text-align: center;
	}

	.zahlungsarten_firstletter {
		font-size: 0;
		text-align: center;
		text-transform: uppercase;
	}

	.zahlungsarten_firstletter:first-letter {
		font-size: var(--text-md);
		line-height: 25px;
	}

	.button-container a.nav-link.mr-2.text-center {
		text-align: center !important;
		padding: 6px 15px;
		width: 55px;
	}

	.anzeigen .productview {
		margin-top: 0px;
	}

	
	

	
	
	.page-header .page-header-image {
		position: absolute;
		background-size: cover;
		background-position: center -400px;
		width: 100%;
		z-index: -1;
	}

	.c__lightgray .inserieren .card-image {
		height: 70px;

	}

	.card-image {
		background-size: 50%;
	}

	.body_startseite .c_unsticky .headerbg .switcher i {
		color: var(--bg-white);
	}

	

	section[data-background-color="cardbox"]:before {
		content: "";
		position: absolute;
		top: 0%;
		right: 0%;
		width: 90%;
		height: 100%;
		background: transparent;

	}

	[data-background-color="regionbox"] {
		position: relative;
		z-index: 1;
		color: var(--body-font-color);
		background: rgb(139, 194, 240);
		background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(34, 153, 156, 1) 74%);
		background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(34, 153, 156, 1) 74%);
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(34, 153, 156, 1) 74%);
	}

	.trumbowyg-button-group.trumbowyg-right {
		display: none;
	}

	.pricetable .row .col-12 i {
		display: none;
	}

	.pricetable .row .col-12,
	.pricetable .row .col-12.col-md-12 {
		text-align: center;
		font-size: var(--text-lg);
		border: 0px;
	}

	.pricetable .row.pricetablekategorie {
		background: var(--mobile-pricetable-row-bg);
		border-bottom: 0px solid var(--bg-white);
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	}

	.pricetable .pricetableheader .col-6.col-md-4 i {
		margin-left: 29% !important;
	}

	.pricetable .row.pricetablekategorie h4 {
		border: 0px;
	}

	.pricetable .pricetableheader {
		box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
	}

	.pricetable .pricetableheader .ribbon-top-right {
		display: none
	}

	#AGBModal .modal-body {
		max-height: 70vh;
		overflow-x: scroll
	}

	.datumtyp.datumtyp_3 .dropdown {
		position: relative;
		visibility: visible !important;
		display: block !important;
	}

	.tarife .week .form-check .form-check-label {
		cursor: pointer;
		padding-left: 0px;
		padding-top: 35px;
		line-height: 26px;
		transition: color .3s linear;
		text-align: center;
		margin-left: -15px;
	}

	.alert button.close {
		position: absolute;
		right: 6px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	

	.daterangepicker .drp-calendar {
		width: 100%;
		max-width: inherit !important;
	}

	.daterangepicker td.active.start-date,
	.daterangepicker td.active.end-date,
	.daterangepicker td.available:hover,
	.daterangepicker th.available:hover {
		background-color: var(--mobile-daterangepicker-active);
		border-color: transparent;
		color: var(--bg-white);
	}

	.daterangepicker td.today {
		background-color: var(--brand-orange);
		color: var(--bg-white) !important;
	}

	.daterangepicker .calendar-table th,
	.daterangepicker .calendar-table td {
		line-height: 30px
	}

	.daterangepicker.opensright {
		position: fixed !important;
		top: 0px !important;
		z-index: 1000;
		margin: 0px;
		border-bottom: 30px solid rgb(255, 255, 255);
	}

	.daterangepicker .drp-calendar.left {
		padding: 5px !important;
	}

	.daterangepicker .table-condensed thead tr:first-child {
		background: var(--mobile-pricetable-row-bg) !important;
	}

	.daterangepicker .table-condensed thead tr th.prev,
	.daterangepicker .table-condensed thead tr th.next {
		background-color: var(--brand-orange);
		color: var(--bg-white) !important;
	}

	.daterangepicker .table-condensed thead tr th.prev span,
	.daterangepicker .table-condensed thead tr th.next span {
		border: solid var(--bg-white);
		border-width: 0 2px 2px 0;
		border-radius: 0;
		display: inline-block;
		padding: 3px;
	}

	fieldset.scheduler-border {
		border: 1px groove var(--bs-input-border) !important;
		padding: 0 1.4em 1.4em 1.4em !important;
		margin: 0 0 1.5em 0 !important;
		-webkit-box-shadow: 0px 0px 0px 0px #000;
		box-shadow: 0px 0px 0px 0px #000;
	}

	legend.scheduler-border {
		font-size: var(--text-lg);
		font-weight: var(--fw-bold);
		text-align: left !important;
		width: auto;
		padding: 0 10px;
		border-bottom: none;
	}

	.legend.green span {
		background-color: var(--mobile-legend-green);
		border: 1px solid var(--mobile-legend-border);
		display: block;
		padding: 5px;
		width: 5px;
		height: 8px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 3px;
		float: left;
	}

	.legend.gray span {
		background-color: var(--mobile-legend-gray);
		border: 1px solid var(--mobile-legend-border);
		display: block;
		padding: 5px;
		width: 5px;
		height: 8px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 3px;
		float: left;
	}

	.legend.orange span {
		background-color: var(--mobile-legend-orange);
		border: 1px solid var(--mobile-legend-border);
		display: block;
		padding: 5px;
		width: 5px;
		height: 8px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 3px;
		float: left;
	}

	.legend.feiertag span {
		background-color: var(--mobile-legend-feiertag);
		display: block;
		padding: 5px;
		width: 5px;
		height: 8px;
		border: 1px solid var(--mobile-legend-border);
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 3px;
		float: left;
	}

	.legend.ferien span {
		background-color: var(--mobile-legend-ferien);
		display: block;
		padding: 5px;
		width: 5px;
		height: 8px;
		border: 1px solid var(--mobile-legend-border);
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 3px;
		float: left;
	}

	.legend.geschlossen span {
		background-color: var(--mobile-legend-geschlossen);
		display: block;
		padding: 5px;
		width: 5px;
		height: 8px;
		border: 1px solid var(--mobile-legend-border);
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 3px;
		float: left;
	}

	.c_searchbar .bootstrap-select {
		width: 100% !important;
	}

	.footer .social-buttons {
		text-align: center !important
	}

	.section-images .hero-images-container {
		max-width: 630px;
	}

	.section-images .hero-images-container-1 {
		max-width: 390px;
		position: absolute;
		top: 34%;
		right: 35%;
	}

	.section-images .hero-images-container-2 {
		max-width: 225px;
		position: absolute;
		top: 60%;
		right: 27%;
	}

	.pricing-5 .title {
		text-align: center;
	}

	.pricing-5 .nav-pills {
		justify-content: center;
	}

	.footer nav {
		display: block;
		float: none;
	}

	#social-buttons>.row .col-md-1:nth-child(2) p,
	#social-buttons>.row .col-md-1:nth-child(3) p,
	#social-buttons>.row .col-md-3 p {
		display: none;
	}

	.inserieren .pagination .page-item {
		font-size: var(--text-xs);
	}

	.image-container.image-right {
		top: 80px;
		margin-left: -100px;
		margin-bottom: 130px;
	}

	.image-container.image-left {
		margin-right: -100px;
	}

	.image-container.image-right {
		top: 80px;
		margin-left: -100px;
		margin-bottom: 130px;
	}

	.image-container.image-left {
		margin-right: -100px;
	}

	.bootsverleih .col-md-4.mb-5:nth-child(4n) {
		width: 100% !important;
		flex: 100% !important;
		max-width: 100% !important;
	}

	.bootsverleih .col-md-4.mb-5:nth-child(4n) .card-image {
		max-width: 100% !important;
		float: none !important;
		padding-top: 14px;
		padding-left: 20px;
	}

	.bootsverleih .col-md-4.mb-5:nth-child(4n) .card-body {
		float: none !important;
		max-width: 100% !important;
	}

	.bootsverleih .col-md-4.mb-5:nth-child(4n) .card-footer {
		text-align: center !important;
		border-top: 1px solid rgba(0, 0, 0, .125);
		float: none;
		margin-top: auto;
	}

	.lazyloaded {
		width: -webkit-fill-available;
	}

	.alert .alert-icon {
		margin-top: 10px;
	}

	.image-container.image-left {
		margin-bottom: 260px;
	}

	.image-container.image-left p.blockquote {
		margin: 0 auto;
		position: relative;
		right: 0;
	}

	.features-7 .image-container img {
		left: 0px;
		top: 0;
		max-width: inherit;
		width: 100%;
		height: auto;
		position: relative;
	}

	.footer.footer-big .social-feed i {
		padding-bottom: 10px;
	}

	

	.nav-tabs .nav-item>.nav-link {
		margin-bottom: 5px;

	}

	.landing-page .section-story-overview .image-container:nth-child(2) {
		margin-left: 0;
		margin-bottom: 30px;
	}

	.section-images {
		height: 300px;
		max-height: 300px;
	}

	.section-images .hero-images-container {
		max-width: 630px;
	}

	.section-images .hero-images-container-1 {
		max-width: 390px;
		position: absolute;
		top: 34%;
		right: 35%;
	}

	.section-images .hero-images-container-2 {
		max-width: 225px;
		position: absolute;
		top: 60%;
		right: 27%;
	}

	.pricing-5 .title {
		text-align: center;
	}

	.pricing-5 .nav-pills {
		justify-content: center;
	}

	.footer nav {
		display: block;
		float: none;
	}

	#social-buttons>.row .col-md-1:nth-child(2) p,
	#social-buttons>.row .col-md-1:nth-child(3) p,
	#social-buttons>.row .col-md-3 p {
		display: none;
	}

	.c__featureBox .card-body {
		min-height: auto;
	}

	.image-container.image-left {
		margin-bottom: 260px;
	}

	.image-container.image-left p.blockquote {
		margin: 0 auto;
		position: relative;
		right: 0;
	}

	.header-2 .card-form-horizontal .input-group,
	.header-2 .card-form-horizontal .form-group {
		margin-bottom: 10px;
	}

	.header-2 h2 {
		font-size: var(--text-xl);
	}

	.header-2 h3 {
		font-size: var(--text-md);
	}

	.contactus-2 .card-contact {
		max-width: inherit;
		margin: 0;
		margin-top: 15px;
	}

	.section-story-overview .image-container+.category {
		padding-top: 50px;
	}

	.features-7 .image-container img {
		left: 0px;
		top: 0;
		max-width: inherit;
		width: 100%;
		height: auto;
		position: relative;
	}

	.footer.footer-big .social-feed i {
		padding-bottom: 5px;
	}

	

	.nav-tabs .nav-item>.nav-link {
		margin-bottom: 5px;
	}

	.nav-tabs li a h4 {
		font-size: var(--text-2xl);
	}

	.landing-page .section-story-overview .image-container:nth-child(2) {
		margin-left: 0;
		margin-bottom: 30px;
	}

	.btn-xs-block {
		display: block;
		width: 100%;
		margin-top: 0.9rem !important;
	}

	input[type="submit"].btn-xs-block,
	input[type="reset"].btn-xs-block,
	input[type="button"].btn-xs-block {
		width: 100%;
	}

	.btn-block+.btn-xs-block,
	.btn-xs-block+.btn-block,
	.btn-xs-block+.btn-xs-block {
		margin-top: 0.9rem !important;
	}

	.col-xs-12.text-right {
		text-align: left !important;
	}

	#collapseSeachbar.c_sticky {
		padding-top: 47px;
		position: fixed;
		z-index: 100;
	}

	a.collapseButton.c_sticky i.icon-search.btn.btn-sm.btn-outline-white {
		border: 0;
		background-color: rgba(255, 255, 255, 0) !important;
		position: absolute;
		margin-top: 15px;
	}

	a.collapseButton.c_sticky small.d-block.pt-0.mt-0 {
		padding-top: 4px !important;
	}

	.inserieren .pagination .page-item .page-link i,
	.anzeigen .pagination .page-item .page-link i,
	.inserieren ul.anzeigen_opt li i,
	.anzeigen ul.anzeigen_opt li i {
		display: block;
		text-align: center;
		font-size: var(--text-3xl);
		color: var(--card-grey-color);
	}

	.inserieren ul.anzeigen_opt li,
	.anzeigen ul.anzeigen_opt li {
		font-size: 60%;
	}

	.btn-block {
		display: block;
		width: 100%;
	}

	.kategorieHightBox {
		min-height: 60vh;
		max-height: 60vh;
		overflow-y: scroll;
	}

	.btn-up {
		bottom: 65px;
	}

	.blobs-container {
		bottom: 14%;
	}

	

	#wrapper {
		display: none;
	}

	#warning-message {
		display: block;
	}

	.pricetable .pricetableheader .col-6.col-md-4 i {
		margin-left: 13% !important;
	}

	.pricetable .pricetableheader .col-6.col-md-4:last-child i {
		margin-top: -69px;
		margin-left: 33px !important;

	}

	.pricetable .pricetableheader .col-6.col-md-4:last-child span.price_two,
	.pricetable .pricetableheader .col-6.col-md-4 span.price_one {
		font-size: var(--text-3xl);
		line-height: 5rem;
		color: var(--bg-white);
	}

	.Entwicklungsphase {
		font-size: var(--text-2xs);
	}

	.tarife .datumtyp.datumtyp_3 .dropdown,
	.tarife .datumtyp.datumtyp_4 .dropdown {
		width: 85% !important;
	}

	.c_systembox {
		background: var(--bg-white);
		-webkit-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.15);
		margin: 0px 0px 0px 20px !important;
		max-width: 90%;
		padding: 15px;
		position: relative;
		font-style: italic;
		border: 1px solid var(--mobile-pricetable-row-bg);
	}

	#collapseShare a i {
		font-size: var(--text-md);
	}

	.tutorial .arrow {
		position: fixed;
		bottom: 90px;
		margin-left: 2.5em;
		width: 52px;
		height: 141px;
		overflow: visible;
		z-index: 8;
	}

	.object__intro-text {
		line-height: var(--lh-loose);
		background: var(--bg-white);
		padding: 6px 20px;
		border-radius: 4px;
		position: absolute;
		left: -90px;
		text-align: center;
		top: -16px;
		width: 190px;
	}

	.tutorial .object {
		position: fixed;
		width: auto;
		height: 79px;
		z-index: 99;
		bottom: 0;
		right: 60%;
	}

	.headertitel {
		width: 146px;
		color: var(--bg-white);
	}

	.headertitleverlauf {
		width: 30px;

		height: 40px;
		position: relative;
		z-index: 2;
		right: 0px;
		float: right;
		margin-top: -2px;
	}

}

@media screen and (min-width : 768px) and (max-width : 991px) {

	.first.newsCaption2 {
		position: absolute;
		top: auto;
		bottom: 20px;
	}

	.newsCaption-title {
		margin-top: 0px;
		color: var(--bg-white);
	}

	.body_benutzer .universalmenu a.btn.univ.colorWithe span,
	.body_gbestellungen_verwalten .universalmenu a.btn.univ.colorWithe span,
	.body_rechnungen .universalmenu a.btn.univ.colorWithe span,
	.body_buchungen_verwalten .universalmenu a.btn.univ.colorWithe span,
	.body_inserieren .universalmenu a.btn.univ.colorWithe span,
	.body_news .universalmenu a.btn.univ.colorWithe span,
	.body_standorte .universalmenu a.btn.univ.colorWithe span,
	.body_gutscheine_verwalten .universalmenu a.btn.univ.colorWithe span,
	.body_rabatte .universalmenu a.btn.univ.colorWithe span,
	.body_tarife .universalmenu a.btn.univ.colorWithe span,
	.body_optionen .universalmenu a.btn.univ.colorWithe span {
		display: inherit !important;
	}

	.body_tarife .col-12.col-md-3.text-right a.btn.univ.colorWithe span,
	.body_optionen .col-12.col-md-2.text-right a.btn.univ.colorWithe span,
	a.btn.univ.colorWithe.recht_bestellungen.recht_rechnungen.recht_zahlung span,
	a.btn.univ.colorWithe.recht_buchungen.recht_rechnungen.recht_zahlung span {
		display: none !important;
	}

	.image-tall {
		grid-row: span 1 / auto;
	}

	.image-wide-big {
		grid-column: span 2 / auto;
		display: block;
	}

	.image-wide {
		grid-column: span 1 / auto;
		display: block;
	}

	.image-wide-smaller {
		grid-column: span 1 / auto;
	}

	.image-wide-small {
		grid-column: span 1 / auto;
	}

	.c_systemtext {

		background: var(--bg-white);
		-webkit-border-radius: 4px;
		border-radius: 4px;
		
		padding: 15px;
		position: relative;
		font-style: italic;

	}

	.tutorial div.item1 {
		max-width: 45%;
		max-height: 45%;
		top: 14%;
		left: 27%;
		z-index: 99;
		overflow: visible;
		position: fixed;
		text-align: center;
	}

	.tutorial .object {
		display: none;

	}

	a.collapseButton.c_sticky {
		margin-top: 65px;
		position: fixed;
		z-index: 100;
	}

	.tutorial .arrow__body {
		width: 100%;
		height: 100%;
		border-width: 5px 0 0 5px;
		border-style: none;
		border-color: transparent;
		border-top-left-radius: 18px;
		animation: movingArrow 1s infinite;
	}

	.tutorial .arrow__body::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 133px;
		border-width: 14px 10px 0;
		border-style: solid;
		border-color: var(--bg-white) transparent transparent;
		animation: movingArrowHead 1s infinite;
	}

	.c_boot_mainbox_oftheweek .card-image {
		height: 239px;

	}

	.headertitel {
		width: auto;
		position: absolute;
		z-index: 1;
	}

	.headertitleverlauf {
		width: 90px;
		height: 40px;
		position: absolute;
		z-index: 2;
		right: 0px;
		margin-top: -2px;
	}

	#collapseSeachbar.c_sticky {
		padding-top: 69px;
		position: fixed;
		z-index: 100;
	}

	.button-container {
		margin-top: -40px;
		text-align: center;
		position: absolute;
		z-index: 9;
		margin-left: 0px;
	}

	.button-container a.nav-link.mr-2.text-center {
		text-align: center !important;
		padding: 7px 27px;
		width: max-content
	}

	.anbieter .button-container a.nav-link.mr-2.text-center,
	.gutschein .button-container a.nav-link.mr-2.text-center,
	.news .button-container a.nav-link.mr-2.text-center,
	.kontakt .button-container a.nav-link.mr-2.text-center,
	.anzeigen .button-container a.nav-link.mr-2.text-center {
		text-align: center !important;
		padding: 7px 27px;
		width: 75px;
	}

	.anzeigen .nav-pills .nav-item .nav-link.active span,
	.anzeigen .nav-pills .nav-item .nav-link span,
	.gutschein .nav-pills .nav-item .nav-link.active span,
	.gutschein .nav-pills .nav-item .nav-link span,
	.kontakt .nav-pills .nav-item .nav-link.active span,
	.kontakt .nav-pills .nav-item .nav-link span,
	.news .nav-pills .nav-item .nav-link.active span,
	.news .nav-pills .nav-item .nav-link span,
	.anbieter .nav-pills .nav-item .nav-link.active span,
	.anbieter .nav-pills .nav-item .nav-link span {
		font-size: .0rem;
		margin: 0px !important;
	}

	.sb6:after {
		display: none;
	}

	a[data-toggle="lightbox"] picture:after {

		right: 20px;
		top: 20px;
	}

	.tarife .datumtyp.datumtyp_3 .dropdown,
	.tarife .datumtyp.datumtyp_4 .dropdown {
		width: 85% !important;
	}

	.imageuploadpreview {

		width: 100%;
	}

	.col-12.col-md-2.text-right .btn.univ.colorWithe span,
	.rechnungen .pt-5 .btn.univ.colorWithe span {
		display: none;
	}

	.template.body_buchungen_verwalten .c__adminarea .btn.univ.colorWithe span {
		display: unset;
	}

	.trumbowyg-button-group.trumbowyg-right {
		display: none;
	}

	
	.inserieren .pagination .page-item .page-link,
	.anzeigen .pagination .page-item .page-link,
	.inserieren ul.anzeigen_opt li,
	.anzeigen ul.anzeigen_opt li {
		font-size: var(--text-2xs);
	}

	.gast #collapseSeachbar.c_sticky {
		padding-top: 38px;
	}

	.section-images .hero-images-container {
		max-width: 630px;
	}

	.section-images .hero-images-container-1 {
		max-width: 390px;
		position: absolute;
		top: 34%;
		right: 5%;
	}

	.section-images .hero-images-container-2 {
		max-width: 225px;
		position: absolute;
		top: 50%;
		right: 2%;
	}

	.pricetable .pricetableheader .col-6.col-md-4 i {
		margin-left: 40%;
	}

	.pricetable .pricetableheader .col-6.col-md-4:last-child i {
		margin-top: -69px;
		margin-left: 61px;

	}

	.pricetable .pricetableheader .col-6.col-md-4:last-child span.price_two,
	.pricetable .pricetableheader .col-6.col-md-4 span.price_one {
		font-size: var(--text-3xl);
		line-height: 5rem;
		color: var(--bg-white);
	}

	.Entwicklungsphase {
		font-size: var(--text-2xs);
	}
	.js_upload{background: url('/images/pages/arrow-b-200.png') no-repeat bottom 20px left 40px; background-size: contain; background-size: 80px;} 
	#collapseShare a i {
		font-size: var(--text-md);
	}

}

@media screen and (min-width : 992px) and (max-width : 1199px) {

	.first.newsCaption2 {
		position: absolute;
		top: auto;
		bottom: -13px;
	}

	.card.c_boot_mainbox .card-image {
		height: 265px
	}

	

	.newsCaption-title {
		margin-top: 0px;
		color: var(--bg-white);
	}

	.image-tall {
		grid-row: span 2 / auto;
	}

	.image-wide-big {
		grid-column: span 2 / auto;
		display: block;
	}

	.image-wide {
		grid-column: span 1 / auto;
		display: block;
	}

	.image-wide-four {
		grid-column: span 4 / auto;
		display: block;
	}

	.image-wide-smaller {
		grid-column: span 1 / auto;
	}

	.image-wide-small {
		grid-column: span 1 / auto;
	}

	.first.newsCaption2 {
		position: absolute;
		top: auto;
		bottom: -13px !important;
	}

	.c_systemtext {

		background: var(--bg-white);
		-webkit-border-radius: 4px;
		border-radius: 4px;
		
		padding: 15px;
		position: relative;
		font-style: italic;
		border: 1px solid var(--mobile-pricetable-row-bg);

	}

	.anzeigen .card-image {
		height: 353px;
		width: 100%;
		overflow: hidden;
	}

	.collapse.c_sticky:not(.show),
	.collapse.c_unsticky:not(.show) {
		display: block !important;
	}

	#collapseSeachbar.c_sticky {
		padding-top: 66px;
		position: fixed;
		z-index: 100;
	}

	.c_sticky .c_searchbar.collapse1 {
		margin-top: -6px;
	}

	.pb-5.mb-5.wrapper.p-2 {
		min-height: 77vh;
	}

	.button-container {
		margin-top: -44px;
		text-align: center;
		position: absolute;
		z-index: 9;
		margin-left: 0px;
	}

	.button-container a.nav-link.mr-2.text-center {
		text-align: center !important;
		padding: 6px 15px;
		width: max-content;
	}

	a.nav-link.mr-2.text-center {
		text-align: center !important;
		padding: 6px 15px !important;
		width: max-content;
	}

	.anzeigen .button-container a.nav-link.mr-2.text-center {
		text-align: center !important;
		padding: 8px 30px;
		width: max-content;
	}

	.anzeigen .nav-pills .nav-item .nav-link.active,
	.anzeigen .nav-pills .nav-item .nav-link {
		font-size: var(--text-base);

	}

	.card-image {
		background-size: 50%;
	}

	.c__lightgray .inserieren .card-image {
		height: 90px;
	}

	#sky-mega-menu-pos .container-fluid.justify-content-end {
		justify-content: right !important;
	}

	.section-images .hero-images-container {
		max-width: 630px;
	}

	.section-images .hero-images-container-1 {
		max-width: 390px;
		position: absolute;
		top: 34%;
		right: 25%;
	}

	.section-images .hero-images-container-2 {
		max-width: 225px;
		position: absolute;
		top: 48%;
		right: 17%;
	}

	

	.c_searchbar.c_unsticky {
		padding-top: 18px;
	}

	.c_searchbar.c_sticky {
		padding-top: 70px;
		position: fixed;
		z-index: 900;
	}

	.navbar-transparent {
		background-color: transparent;
		box-shadow: none;
		color: var(--bg-white);
	}

	.c_sticky .headerbg .brand {
		width: 150px !important;
		display: block;
		height: 37px !important;
		display: block;
		margin-top: 5px;
	}

	.c_searchbar.collapse1 {
		border-bottom: 0px solid var(--bg-white);
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.0);
	}

	.inserieren ul.anzeigen_opt li,
	.anzeigen ul.anzeigen_opt li {
		font-size: 80%;
	}

	.news .card-image {
		height: 342px
	}

	.button-container .anzeigen .nav-pills .nav-item .nav-link {
		font-size: var(--text-sm);
	}

	.c_searchbar i.icon-holiday {
		display: none;
	}

	a[data-toggle="lightbox"] picture:after {

		right: 10px;
		top: 460px;
	}

	

	.page-header .page-header-image {
		position: absolute;
		background-size: cover;
		background-position: center top;
		width: 100%;
		height: 50vh;
		z-index: -1;
	}

	.pb-5.mb-5.wrapper.p-2 {
		min-height: 82vh;
	}

	
	
	.js_upload{background: url('/images/pages/arrow-b-200.png') no-repeat bottom 20px left; background-size: contain; background-size: 80px;}

	.headertitel { width: 146px; }

	.headertitleverlauf {
		width: 30px;

		height: 40px;
		position: relative;
		z-index: 2;
		right: 0px;
		float: right;
		margin-top: -2px;
	}

}

@media screen and (min-width : 1200px) and (max-width : 1399px) {

	.body_startseite .c_unsticky .headerbg.header-gross {
		position: absolute
	}

	.body_startseite .collapse.c_unsticky a.c_searchbar.collapseButton.btn.btn-block.text-center.d-lg-none.d-md-block,
	.body_startseite .collapse.c_unsticky .c_searchbar.collapse1,
	.c_searchbar.c_unsticky {
		display: none
	}

	.first.newsCaption2 {
		position: absolute;
		top: auto;
		bottom: -13px;
	}

	.newsCaption-title {
		margin-top: 0px;
		color: var(--bg-white);
	}

	

	.image-tall {
		grid-row: span 2 / auto;
	}

	.image-wide-big {
		grid-column: span 2 / auto;
		display: block;
	}

	.image-wide-four {
		grid-column: span 2 / auto;
		display: block;
	}

	.image-wide {
		grid-column: span 3 / auto;
		display: block;
	}

	.image-wide-smaller {
		grid-column: span 1 / auto;
	}

	.image-wide-small {
		grid-column: span 2 / auto;
	}

	.container-fluid {
		width: 1190px;
	}

	.section.anzeigen .card-image {
		height: 415px;
		width: 100%;
	}

	.headertitel { width: 228px; }

	.headertitleverlauf {
		width: 30px;

		height: 40px;
		position: relative;
		z-index: 2;
		right: 0px;
		float: right;
		margin-top: -2px;
	}

	.c_systemtext {

		background: var(--bg-white);
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding: 15px;
		position: relative;
		font-style: italic;
		border: 1px solid var(--mobile-pricetable-row-bg);

	}

	.collapse.c_sticky:not(.show),
	.collapse.c_unsticky:not(.show) {
		display: block !important;
	}

	#collapseSeachbar.c_sticky {
		padding-top: 66px;
		position: fixed;
		z-index: 100;
	}

	.tutorial .arrow {
		position: fixed;
		bottom: 70px;
		margin-left: 2.5em;
		width: 52px;
		height: 141px;
		overflow: visible;
		z-index: 8;
	}

	
	

	.pricetable .pricetableheader .col-6.col-md-4:last-child i {
		margin-top: -69px;
		margin-left: 130px !important;

	}

	.pricetable .pricetableheader .col-6.col-md-4 i {
		margin-left: 130px !important;
	}

	.headertitel { width: 330px; }

	.headertitleverlauf {
		width: 30px;

		height: 40px;
		position: relative;
		z-index: 2;
		right: 0px;
		float: right;
		margin-top: -2px;
	}
	.js_upload{background: url('/images/pages/arrow-b-200.png') no-repeat bottom 20px left 40px; background-size: contain; background-size: 80px;}

	.button-container {
		margin-top: -38px;
		text-align: center;
		position: absolute;
		z-index: 9;
		margin-left: 0px;
	}

}

@media screen and (min-width : 1400px) {

	.body_startseite .collapse.c_sticky:not(.show),
	.body_startseite .collapse.c_unsticky:not(.show) {
		
		display: block !important;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	}

	.body_startseite .collapse.c_unsticky a.c_searchbar.collapseButton.btn.btn-block.text-center.d-lg-none.d-md-block,
	.body_startseite .collapse.c_unsticky .c_searchbar.collapse1,
	.c_searchbar.c_unsticky {
		display: none
	}

	.body_startseite .c_unsticky .headerbg.header-gross {
		position: absolute
	}

	.section-images .hero-images-container {
		max-width: 630px;
	}

	.section-images .hero-images-container-1 {
		max-width: 390px;
		position: absolute;
		top: 34%;
		right: 35%;
	}

	.section-images .hero-images-container-2 {
		max-width: 225px;
		position: absolute;
		top: 60%;
		right: 27%;
	}

	.first.newsCaption2 {
		position: absolute;
		top: auto;
		bottom: -13px;
	}

	.newsCaption-title {
		margin-top: 0px;
		color: var(--bg-white);
	}

	

	.image-tall {
		grid-row: span 2 / auto;
	}

	.image-wide-big {
		grid-column: span 3 / auto;
		display: block;
	}

	.image-wide-four {
		grid-column: span 4 / auto;
		display: block;
	}

	.image-wide {
		grid-column: span 3 / auto;
		display: block;
	}

	.image-wide-smaller {
		grid-column: span 1 / auto;
	}

	.image-wide-small {
		grid-column: span 2 / auto;
	}

	.container-fluid {
		width: 1320px;
	}
 
	
	
	.js_upload{background: url('/images/pages/arrow-b-200.png') no-repeat bottom 20px left 40px; background-size: contain; background-size: 80px;}

	

	

	.miet-boot-sagt-box.c_systemtext {
		background: var(--bg-white);
		-webkit-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.049);
		padding: 15px;
		position: relative;
		font-style: italic;
		border: 1px solid var(--mobile-pricetable-row-bg);

	}

	.c__boxshadow_inset.c__boxBootsuche .c_systemtext {

		background: var(--bg-white);
		-webkit-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.15);
		padding: 15px;
		position: relative;
		font-style: italic;
		border: 1px solid var(--mobile-pricetable-row-bg);

	}

	.headertitel { width: 227px; }

	.headertitleverlauf {
		width: 30px;

		height: 40px;
		position: relative;
		z-index: 2;
		right: 0px;
		float: right;
		margin-top: -2px;
	}
	.section.anzeigen .card-image {
		height: 415px;
		width: 100%;
	}

}

/* template/css/91_tutorial.css */

/* ============================================================
	91_tutorial.css – Tutorial & Onboarding Komponenten
	miet-boot.de
	──────────────────────────────────────────────────────────
	Farben → 01_elemente.css  (--bg-white, --mobile-daterangepicker-today)
	============================================================ */


/* ============================================================
	TUTORIAL – Wrapper
	============================================================ */

.tutorial {
  display: table;
  margin: 0 auto;
}

.tutorialOut {
  width: 100%;
  position: fixed;
  top: 9%;
  z-index: 999999;
}

.tutorial img.logo {
  margin-left: 30px;
  width: 30%;
}

.icon-pin.nodisplay {
  display: none;
}


/* ============================================================
	TUTORIAL – Backdrop
	============================================================ */

.tutorial .c__firstTimeBubbleBackdrop {
  z-index: 90;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(3px);
}


/* ============================================================
	CONTAINER TUTORIAL – Sprechblase
	============================================================ */

.container_tutorial {
  position: absolute;
  width: 400px;
  height: 200px;
  border: 1px solid var(--bg-white);
  margin: 10px;
  display: flex;
  align-items: center;
  bottom: 60px;
  right: 3%;
}

.container_tutorial::before {
  position: absolute;
  content: '';
  width: 40px;
  height: 40px;
  border: 1px solid var(--bg-white);
  transform: rotate(45deg);
  top: 90%;
  border-top: 0;
  border-left: 0;
}

/* Positionsvarianten */
.left   { background-color: var(--bg-white); }
.center { background: var(--bg-white); }
.right  { background: var(--bg-white); }

.left::before   { background: var(--bg-white); right: 80%; }
.right::before  { background: var(--bg-white); left: 80%; }
.center::before { background: var(--bg-white); }


/* ============================================================
	ANIMATIONEN
	============================================================ */

.zoom-in-zoom-out {
  animation: zoom-in-zoom-out 1s ease-out;
}

@keyframes zoom-in-zoom-out {
  0%   { transform: scale(0.1); color: var(--bg-white); }
  50%  { transform: scale(1);   color: var(--brand-orange); }
  100% { transform: scale(1);   color: #757575; }
}

@keyframes movingArrow {
  0%, 100% { height: 89%; }
  50%       { height: 50%; border-color: var(--bg-white); }
}

@keyframes movingArrowHead {
  0%, 100% { bottom: 1%; }
  50%       { bottom: 40%; border-color: var(--bg-white) transparent transparent; }
}

/* template/css/92_main.css */

 /* ============================================================
	92_main.css – Haupt-Styles miet-boot.de
	──────────────────────────────────────────────────────────
	Farben → 01_elemente.css  (--brand-*, --body-*, --btn-*, --color-alert-*)
	============================================================ */
 ul.custom-list {
 	list-style: none;
 	padding-left: 0;
 }

 ul.custom-list li {
 	position: relative;
 	padding-left: 1.6em;
 }

 ul.custom-list li:not(.ele)::before {
 	font-family: 'fontello';
 	content: "\e906";
 	position: absolute;
 	left: 0;
 }

 .mobile-book-btn {
 	position: fixed;
 	right: 16px;
 	bottom: 20%;
 	z-index: 99;
 	width: 56px;
 	height: 56px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	border-radius: 50%;
 	background: var(--brand-orange);
 	color: var(--bg-white);
 	font-size: var(--text-xl);
 	text-decoration: none;
 	transition: transform .2s ease, box-shadow .2s ease;
 }

 .mobile-book-btn i {
 	line-height: var(--lh-none);
 	color: var(--bg-white) !important;
 }

 .mobile-book-btn:hover {
 	transform: translateY(-3px);
 	box-shadow: 0 14px 30px rgba(0, 0, 0, .35);
 	background: var(--brand-orange);
 	color: var(--bg-white) !important;
 }

 .mobile-book-btn:hover i {
 	color: var(--bg-white) !important;
 }

 .mobile-book-btn:active {
 	transform: scale(.95);
 }

 @media (min-width:992px) {
 	.mobile-book-btn {
 		display: none !important;
 	}
 }

 .filter-panel {
 	padding-bottom: 80px;
 }

 .bells {
 	text-align: center;
 	padding: 2px;
 	border: 0px;
 	height: 22px;
 	width: 23px;
 	line-height: 19px;
 	z-index: 209;
 	background: var(--red-color) !important;
 	-webkit-animation: move 0.5s ease-in-out forwards;
 	animation: move ease-in-out forwards;
 	z-index: 4;
 	width: 24px;
 	height: 24px;
 	color: var(--bg-white);
 	font-size: var(--text-2xs);
 	font-weight: var(--fw-extrabold);
 	border-radius: var(--border-radius-50);
 	-moz-border-radius: var(--border-radius-50);
 	-webkit-border-radius: var(--border-radius-50);
 }

 input,
 select,
 textarea {
 	font-size: var(--text-base);
 }

 .filter-form {
 	background-color: #f0f8ff;
 	border-top: 1px solid var(--body-font-link-color);
 	border-radius: 0px;
 	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 }

 .filter-header {
 	color: white;
 	font-weight: var(--fw-bold);
 	text-align: center;
 	padding: 10px;
 	line-height: 29px;
 	border-radius: 6px;
 }

 .bootstrap-select.dropup .dropdown-menu {
 	top: 100% !important;
 	bottom: auto !important;
 }

 .stornotable .anbieter-name a {
 	color: var(--body-font-color);
 }

 .stornotable .bar-container {
 	height: 20px;
 	display: flex;
 	border-radius: 3px;
 	overflow: hidden;
 	width: 110px;
 }

 .stornotable .bar-container .buchung {
 	background-color: var(--color-9);
 	height: 100%;
 }

 .stornotable .bar-container .storno {
 	background-color: var(--background-color-alert-error);
 	height: 100%;
 }

 .stornotable .anbieter-name {
 	white-space: nowrap;
 }

 .stornotable .bg-danger {
 	background-color: var(--background-color-alert-error) !important;
 	color: var(--bg-white) !important;
 }

 .stornotable .bg-success {
 	background-color: var(--color-alert-success) !important;
 	color: var(--bg-white) !important;
 }

 .stornotable .text-muted {
 	margin-top: -19px;
 	position: absolute;
 	--bs-text-opacity: 1;
 	color: rgb(255 255 255 / 75%) !important;
 	margin-left: 10px;
 }

 .stornotable .table-danger,
 .table-danger>td,
 .table-danger>th {
 	background-color: rgba(255, 151, 151, 0.2);
 }

 .stornotable tr.storno-rot {
 	background-color: rgba(255, 151, 151, 0.2) !important;
 }

 .stornotable tr.storno-gelb {
 	background-color: rgba(255, 149, 0, 0.1) !important;
 }

 .list-item {
 	user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
 	transition: transform 0.15s ease-in-out;
 }

 .ghost {
 	opacity: 0.4;
 }

 .drag-active {
 	background-color: #d1ecf1 !important;
 	border-color: #bee5eb !important;
 }

 .order {
 	font-weight: var(--fw-bold);
 	margin-right: 10px;
 }

 .drag-handle {
 	cursor: grab;
 	font-size: var(--text-lg);
 	margin-right: 10px;
 	user-select: none;
 }

 .fadeInLeftBig {
 	animation: fadeInLeftBig .3s 4s forwards;
 	-moz-animation: fadeInLeftBig .3s 4s forwards;
 	-webkit-animation: fadeInLeftBig .3s 4s forwards;
 	-o-animation: fadeInLeftBig .3s 4s forwards;
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both;
 }

 @-webkit-keyframes fadeInLeftBig {
 	0% {
 		opacity: 1;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0);
 	}

 	100% {
 		opacity: 1;
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @keyframes fadeInLeftBig {
 	0% {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0);
 	}

 	100% {
 		opacity: 1;
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 .slideOutLeft {
 	animation: slideup .3s 4s forwards;
 	-moz-animation: slideup .3s 4s forwards;
 	-webkit-animation: slideup .3s 4s forwards;
 	-o-animation: slideup .3s 4s forwards;
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both;
 }

 @-webkit-keyframes slideup {
 	0% {
 		-webkit-transform: translateX(0);
 		transform: translateX(0);
 	}

 	100% {
 		visibility: hidden;
 		-webkit-transform: translateX(-100%);
 		transform: translateX(-100%);
 	}
 }

 @keyframes slideup {
 	0% {
 		-webkit-transform: translateX(0);
 		transform: translateX(0);
 	}

 	100% {
 		visibility: hidden;
 		-webkit-transform: translateX(-100%);
 		transform: translateX(-100%);
 	}
 }

 .highlight {
 	padding: 1rem;
 	margin: 1rem -15px;
 	-ms-overflow-style: -ms-autohiding-scrollbar;
 }

 .offer li {
 	background: #f9f9f9;
 	margin: 10px 0;
 	padding: 10px;
 	border-radius: 5px;
 	transition: box-shadow 0.3s ease;
 }

 .offer li:hover {
 	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .modal-dialog:has(iframe.anzeigen_ytplayer) .embed-responsive .embed-responsive-item,
 .modal-dialog:has(iframe.anzeigen_ytplayer) .embed-responsive embed,
 .modal-dialog:has(iframe.anzeigen_ytplayer) .embed-responsive iframe,
 .modal-dialog:has(iframe.anzeigen_ytplayer) .embed-responsive object,
 .modal-dialog:has(iframe.anzeigen_ytplayer) .embed-responsive video {
 	position: absolute;
 	top: 0;
 	bottom: 10px;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	border: 0;
 }

 .border-radius-3 {
 	border-radius: var(--border-radius-3);
 }

 .border-radius-6 {
 	border-radius: var(--border-radius-6);
 }

 .inserieren .pagination .page-item .page-link.active,
 .anzeigen .pagination .page-item .page-link.active:hover,
 .anzeigen .pagination .page-item .page-link.active,
 .anzeigen .pagination .page-item .page-link:hover,
 .tooltips .tooltiptext span,
 .c_boot_mainbox,
 .table {
 	color: var(--body-font-color);
 }

 th,
 td {
 	white-space: nowrap;
 	text-overflow: ellipsis;
 }

 :hover {
 	transition: all 0.3s ease-in-out;
 }

 .gx-5 {
 	--bs-gutter-x: 3rem;
 }

 .modal.fade.modal-mini.show.universal-menu {
 	background: rgba(0, 5, 42, 0.2);
 	backdrop-filter: saturate(180%) blur(3px) !important;
 	backdrop-filter: blur(3px) !important;
 	z-index: 999999 !important;
 	position: fixed;
 	top: 0;
 	left: 0;
 }

 .modal.fade.show {
 	background: rgba(0, 5, 42, 0.2);
 	backdrop-filter: saturate(180%) blur(3px) !important;
 	backdrop-filter: blur(3px) !important;
 	z-index: 9999 !important;
 	position: fixed;
 	top: 0;
 	left: 0;
 }

 .testleft {
 	margin-left: 10%;
 	position: absolute;
 	z-index: 3;
 	margin-top: 13%;
 }

 .testleftzwei {
 	margin-left: 10%;
 	position: absolute;
 	z-index: -1;
 	margin-top: 5%;
 }

 .testright {
 	margin-left: -10%;
 	position: absolute;
 	z-index: 3;
 	margin-top: 13%;
 }

 .verfuegbar_1 {
 	color: #b7b7b7;
 }

 .verfuegbar_0 {
 	display: none;
 }

 .gelesen_0 {
 	border-left: 3px solid var(--brand-blue-light);
 }

 .gelesen_1 {
 	border-left: 3px solid rgba(245, 245, 245, 0.7);
 }

 .paypal_button {
 	padding: 6px 40px;
 	border-radius: var(--border-radius-6);
 	background: #ffc439;
 	border: 1px solid transparent;
 	box-sizing: border-box;
 	border: none;
 	color: #003283;
 	font-weight: var(--fw-extrabold);
 	font-style: italic;
 	font-size: var(--text-md);
 	vertical-align: top;
 	cursor: pointer;
 	outline: none;
 }

 .paypal_button span {
 	color: #009eda !important
 }

 .label,
 .anzeigen_nameSpan {
 	color: var(--body-linkcolor-primecolor);
 }

 .label {
 	line-height: 9px;
 }

 .red {
 	color: var(--red-color) !important;
 }

 .strong {
 	font-weight: var(--fw-bold)
 }

 .c_searchbar.collapse1 label {
 	color: var(--bg-white);
 }

 .c_searchbar.collapse1 .input-group-text {
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-align: center;
 	align-items: center;
 	padding: 0.375rem 0.75rem;
 	margin-bottom: 0;
 	font-size: var(--text-base);
 	font-weight: var(--fw-normal);
 	line-height: var(--lh-loose);
 	text-align: center;
 	color: var(--bg-white);
 	white-space: nowrap;
 	background-color: transparent;
 	border: 1px solid rgba(255, 255, 255, 0.5);
 	border-left: 1px solid transparent;
 	margin-left: -1px;
 	border-radius: var(--border-radius-3);
 	z-index: 3;
 }

 .singleCartSidebar .form-control:focus {
 	border: 1px solid var(--bs-input-border);
 }

 .singleCartSidebar .input-group-text {
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-align: center;
 	align-items: center;
 	padding: 0.375rem 0.75rem;
 	margin-bottom: 0;
 	font-size: var(--text-base);
 	font-weight: var(--fw-normal);
 	line-height: var(--lh-loose);
 	text-align: center;
 	color: var(--body-font-color);
 	white-space: nowrap;
 	background-color: var(--bg-white);
 	border: 1px solid var(--bs-input-border);
 	border-left: 1px solid var(--bg-white);
 	margin-left: -3px;
 	border-radius: var(--border-radius-3);
 }

 .registrierenModal ul {
 	border-bottom: 2px solid var(--body-main-btn-color);
 }

 .bootsverleih .col-md-4.mb-5:nth-child(4n) {
 	width: 100% !important;
 	flex: 100% !important;
 	max-width: 100% !important;
 }

 .bootsverleih .col-md-4.mb-5:nth-child(4n) .card {
 	display: inline-block;
 }

 .bootsverleih .col-md-4.mb-5:nth-child(4n) .card-image {
 	max-width: 33% !important;
 	float: left !important;
 	padding-top: 14px;
 	padding-bottom: 14px;
 	padding-left: 20px;
 }

 .bootsverleih .col-md-4.mb-5:nth-child(4n) .card-body {
 	float: left !important;
 	max-width: 67% !important;
 }

 .bootsverleih .col-md-4.mb-5:nth-child(4n) .card-footer {
 	text-align: right !important;
 	border: 0px;
 	float: left;
 	margin-top: -65px;
 }

 .registrierenModal .nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link {
 	border-radius: var(--border-radius-3) !important;
 }

 .registrierenModal .nav-pills .nav-item .nav-link.active,
 .registrierenModal .nav-pills .nav-item .nav-link.active:focus,
 .registrierenModal .nav-pills .nav-item .nav-link.active:hover {
 	color: var(--bg-white);
 	background-color: var(--body-main-btn-color);
 	font-weight: var(--fw-normal);
 	text-align: center;
 }

 .error-nav-item {
 	color: #ffdcdc !important;
 	background-color: var(--red-color) !important;
 	font-weight: var(--fw-normal);
 	text-align: center;
 }

 .daterangepicker .drp-buttons .btn {
 	padding: 10px 10px !important
 }

 .registrierenModal li.nav-item {
 	background-color: rgba(222, 222, 222, 0.3);
 	min-width: 100px;
 	border-radius: 8px ​8px 0px 0px !important;
 	font-weight: var(--fw-normal);
 	text-align: center;
 	color: var(--body-font-color);
 	width: 50% !important;
 }

 .registrierenModal .nav-pills .nav-item .nav-link i {
 	font-size: var(--text-3xl)
 }

 * {
 	box-sizing: border-box;
 }

 .scroll::-webkit-scrollbar {
 	display: none;
 }

 .clearfix {
 	clear: both;
 }

 .marginAuto {
 	margin: auto;
 }

 .anbieter i.icon-info-circled,
 e .anbieter i.icon-info-circled {
 	display: none
 }

 .bestellung_history .sprechblase1,
 .buchung_history .sprechblase1 {
 	position: relative;
 	margin-top: 3px !important;
 	padding: 12px;
 	-webkit-border-radius: 20px;
 	-moz-border-radius: 20px;
 	border-radius: 3px;
 	background: #fffaef;
 	color: var(--brand-blue);
 }

 .bestellung_history .sprechblase1:before,
 .buchung_history .sprechblase1:before {
 	content: ' ';
 	position: absolute;
 	width: 0;
 	height: 0;
 	left: 29px;
 	top: -14px;
 	z-index: -2;
 	border-left: 14px solid transparent;
 	border-right: 14px solid transparent;
 	border-bottom: 17px solid #ffd5af;
 }

 .bestellung_history .andere i.icon-user,
 .buchung_history .andere i.icon-user {
 	display: none
 }

 .bestellung_history .andere .sprechblase1,
 .buchung_history .andere .sprechblase1 {
 	background: var(--background-color-alert-info);
 	color: var(--body-font-color);
 }

 .bestellung_history .andere .sprechblase1:before,
 .buchung_history .andere .sprechblase1:before {
 	content: ' ';
 	position: absolute;
 	width: 0;
 	height: 0;
 	left: 29px;
 	top: -14px;
 	z-index: -2;
 	border-left: 14px solid transparent;
 	border-right: 14px solid transparent;
 	border-bottom: 17px solid var(--background-color-alert-info);
 }

 .tooltips {
 	position: relative;
 	display: inline-block;
 }

 .tooltips .tooltiptext {
 	position: absolute;
 	bottom: 110%;
 	left: 0;
 	min-width: 220px;
 	max-width: 280px;
 	padding: .6rem .7rem;
 	border-radius: 10px;
 	font-size: var(--text-sm);
 	line-height: var(--lh-relaxed);
 	color: inherit;
 	background: var(--bg-white);
 	border: 1px solid rgba(0, 0, 0, 0.06);
 	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
 	opacity: 0;
 	visibility: hidden;
 	transform: translateY(6px);
 	transition: all .18s ease;
 	z-index: 12;
 }

 .tooltips .tooltiptext::after {
 	content: "";
 	position: absolute;
 	top: 100%;
 	left: 18px;
 	width: 8px;
 	height: 8px;
 	background: var(--bg-white);
 	border-left: 1px solid rgba(0, 0, 0, 0.06);
 	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
 	transform: rotate(45deg);
 }

 .tooltips:hover .tooltiptext {
 	opacity: 1;
 	visibility: visible;
 	transform: translateY(0);
 }

 .tooltips .tooltiptext table {
 	width: 100%;
 	border-collapse: collapse;
 	font-size: var(--text-sm);
 }

 .tooltips .tooltiptext td {
 	padding: .25rem 0;
 	border: none;
 }

 .tooltips .tooltiptext tr:last-child {
 	font-weight: var(--fw-semibold);
 	border-top: 1px solid rgba(0, 0, 0, 0.05);
 	padding-top: .3rem;
 }

 .border.border-warning {
 	text-shadow: 0px 1px 2px rgba(93, 0, 0, 0.49);
 	border-color: var(--body-main-btn-color) !important;
 	background: rgb(255, 186, 30);
 	background: linear-gradient(146deg, rgba(255, 186, 30, 1) 0%, rgba(255, 137, 30, 1) 100%);
 	color: var(--bg-white);
 }

 .border.border-warning h4 {
 	color: var(--bg-white) !important;
 }

 #cookie-bar {
 	width: 100%;
 	background-color: rgba(40, 83, 117, 0.98);
 	position: fixed;
 	bottom: 0;
 	left: 0;
 	padding: 15px 15px 5px 15px;
 	z-index: 100;
 	text-align: right;
 	z-index: 9999999999;
 }

 #cookie-bar p {
 	color: var(--bg-white);
 	text-align: left;
 	display: block;
 	float: left;
 	font-size: var(--text-sm);
 }

 #cookie-bar a {
 	color: var(--bg-white);
 }

 #cookie-bar .btn {
 	position: absolute;
 	left: 20px;
 }

 .blobs-container {
 	display: flex;
 	position: fixed !important;
 	right: -4px;
 	bottom: 7%;
 	z-index: 99;
 }

 body.body_buchungsuebersicht .blobs-container {
 	display: none !important
 }

 .blob {
 	background: rgb(255, 193, 7);
 	background: linear-gradient(140deg, rgba(255, 193, 7, 1) 0%, rgba(255, 137, 30, 1) 58%);
 	border-radius: var(--border-radius-50);
 	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
 	margin: 20px;
 	height: 50px;
 	width: 50px;
 	transform: scale(1);
 	animation: pulse-black 2s infinite;
 }

 .blob i {
 	color: var(--bg-white) !important;
 	display: block;
 	text-align: center;
 	font-size: var(--text-2xl);
 	line-height: 44px;
 	padding-right: 3px;
 }

 .blob span.newMessage {
 	position: absolute;
 	left: -2px;
 	top: 10px;
 }

 .blobsTitel {
 	position: absolute;
 	top: 32px;
 	right: 30px;
 	width: 10px;
 	overflow: hidden;
 	background: var(--brand-blue);
 	padding: 5px 0px 5px 0px;
 	font-size: var(--text-sm);
 	color: var(--bg-white);
 	transition-duration: 1s;
 	border-radius: var(--border-radius-3);
 }

 .blobs-container:hover .blobsTitel {
 	transition-duration: 1s;
 	transform: translatex(-20px);
 	padding: 5px 108px 5px 11px;
 }

 .blobs-container-dot {
 	background: var(--red-color);
 	border-radius: var(--border-radius-50);
 	box-shadow: 0 0 0 0 rgb(0 0 0);
 	margin: 11px 27px;
 	height: 10px;
 	display: flex;
 	position: absolute;
 	width: 10px;
 	transform: scale(1);
 	animation: pulse-dot 2s infinite;
 }

 .optionenline .option_pflicht .tooltiptext {
 	display: inline
 }

 .optionenline:not(.option_pflicht) .tooltiptext {
 	display: none !important
 }

 @keyframes pulse-black {
 	0% {
 		transform: scale(0.95);
 		box-shadow: 0 0 0 0 rgba(124, 214, 255, 1);
 	}

 	70% {
 		transform: scale(1);
 		box-shadow: 0 0 0 10px rgba(255, 163, 0, 0);
 	}

 	100% {
 		transform: scale(0.95);
 		box-shadow: 0 0 0 0 rgba(255, 163, 0, 0);
 	}
 }

 @keyframes pulse-dot {
 	0% {
 		transform: scale(0.95);
 		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
 	}

 	70% {
 		transform: scale(1);
 		box-shadow: 0 0 0 10px rgba(255, 163, 0, 0);
 	}

 	100% {
 		transform: scale(0.95);
 		box-shadow: 0 0 0 0 rgba(255, 163, 0, 0);
 	}
 }

 .fixed-top .welcombox,
 .welcombox {
 	position: absolute;
 	top: 0;
 	color: var(--bg-white);
 	font-size: var(--text-2xs);
 	background: #2b597a;
 	border-radius: 0px 0px 5px 5px;
 	right: 10%;
 	padding: 0px 13px;
 }

 .logopage .card-image {
 	text-align: center;
 	background: #d4d4d4;
 	padding: 20px;
 	margin: 10px;
 	border: 2px #b3b3b3 dotted;
 	min-height: 266px;
 }

 .logopage .card-profile textarea {
 	font-size: 80%;
 	font-weight: var(--fw-normal);
 	padding: 10px;
 	width: 100%;
 	border: 2px #d8d8d8 dotted;
 	display: block;
 	resize: none;
 	height: 150px !important;
 }

 .trumbowyg-box,
 .trumbowyg-editor,
 .trumbowyg-editor,
 .trumbowyg-textarea {
 	min-height: auto;
 	height: auto;
 }

 .trumbowyg-button-pane {
 	padding: 0 0px;
 	z-index: 3;
 }

 .codebox {
 	border: 2px var(--bs-input-border) dashed;
 	border-radius: var(--border-radius-6);
 	color: var(--body-main-btn-color) !important;
 	font-weight: var(--fw-bold);
 	font-size: var(--text-base);
 }

 .codebox.error {
 	border: 2px var(--color-alert-error) dashed;
 	border-color: var(--border-color-alert-error);
 	border-radius: var(--border-radius-6);
 	color: var(--color-alert-error) !important;
 	font-weight: var(--fw-bold);
 	font-size: var(--text-base);
 	padding: 2px;
 	;
 }

 .codebox.warning {
 	border: 2px #c95 dashed;
 	border-radius: var(--border-radius-6);
 	color: var(--body-main-btn-color) !important;
 	font-weight: var(--fw-bold);
 	font-size: var(--text-base);
 }

 .codebox.warning input {
 	color: var(--body-main-btn-color) !important;
 	font-weight: var(--fw-bold);
 	font-size: var(--text-base);
 }

 .codebox.ok {
 	background-image: url("data:image/svgxml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='white' rx='' ry='7' stroke='%23009032' stroke-width='4' stroke-dasharray='5' stroke-dashoffset='30' stroke-linecap='butt'/%3e%3c/svg%3e");
 	border-radius: var(--border-radius-6);
 	color: var(--color-alert-success) !important;
 	font-weight: var(--fw-bold);
 	font-size: var(--text-base);
 }

 .codebox.ok p {
 	color: var(--color-alert-success) !important;
 	font-weight: var(--fw-bold);
 	font-size: var(--text-base);
 }

 .codebox input {
 	font-weight: var(--fw-bold);
 	font-size: var(--text-base);
 }

 .codebox.ohnecode {
 	color: #adadad !important;
 }

 .buchen_tarif_line:has(input[type="radio"]:checked) {
 	background: rgba(212, 233, 255, 0.553);
 }

 .buchen_tarif_line {
 	transition: .2s ease;
 }

 .gimmickVorschauLine {
 	position: absolute;
 	background: var(--bg-white);
 	padding-left: 5px;
 	padding-right: 5px;
 	margin-top: -10px;
 	margin-left: 7px;
 	color: var(--card-grey-color);
 	z-index: 9;
 	font-size: var(--text-sm);
 }

 i.icon-warning.red-error {
 	color: #d40016;
 }

 .logopage .card-image img {
 	max-height: 90px;
 	text-align: center;
 }

 .dropdown-menu,
 .dropdown-menu.show {
 	max-width: auto !important;
 	min-width: auto !important;
 	display: block;
 	width: 100%;
 	overflow-x: initial !important;
 	max-height: 320px;
 	overflow-x: scroll;
 	z-index: 80;
 }

 .d-none.d-lg-block.show .dropdown-menu.show {
 	max-height: inherit;
 	overflow-x: scroll;
 }

 .input-group .dropdown-menu.show {
 	width: auto !important;
 }

 .nav-item .dropdown-menu,
 .nav-item .dropdown-menu.show {
 	width: auto !important;
 	min-width: auto !important;
 	display: block;
 }

 .dropdown-item.sub.btn-danger {
 	background: var(--background-color-alert-error) !important;
 	color: var(--body-linkcolor-withe) !important;
 	box-shadow: none;
 	padding-left: 44px;
 }

 .dropdown-item.sub.btn-danger:hover {
 	background: var(--background-color-alert-error) !important;
 	color: var(--body-linkcolor-withe) !important;
 }

 #warning-message {
 	display: none;
 }

 .social-line-white a {
 	color: var(--card-grey-color) !important;
 }

 select.bs-select-hidden,
 .bootstrap-select>select.bs-select-hidden,
 select.selectpicker {}

 .bootstrap-select {
 	width: 100%;
 }

 .buchungSelection .dropdown-divider {
 	margin: 0
 }

 .buchungSelection .dropdown-menu .dropdown-header:not([href]):not([tabindex]) span:before {
 	content: "▼ "
 }

 .buchungSelection .dropdown-menu .dropdown-header:not([href]):not([tabindex]) {
 	color: var(--card-grey-color);
 	background: #f0f0f0;
 	font-size: auto;
 	text-transform: uppercase;
 	font-weight: var(--fw-normal);
 }

 .verbindung_status_4,
 a.status80:hover,
 a.status80 {
 	background: var(--background-color-alert-error) !important;
 	color: var(--color-alert-error) !important;
 }

 .selecthref .dropdown-menu,
 .selecthref .dropdown-menu.show {
 	max-width: auto !important;
 	min-width: auto !important;
 	display: block;
 	width: 100%;
 	overflow-x: initial !important;
 	max-height: inherit !important;
 	overflow-x: scroll;
 	z-index: 80;
 }

 .bootstrap-select .dropdown-item.active,
 .bootstrap-select .dropdown-item:active {
 	background-color: inherit;
 }

 .bootstrap-select.dropup .dropdown-menu:not(.inner) {
 	top: auto !important;
 	bottom: 100%;
 }

 .bootstrap-select>.dropdown-toggle {
 	position: relative;
 	width: 100%;
 	z-index: 1;
 	text-align: right;
 	white-space: nowrap;
 	margin: 0;
 	overflow: auto;
 }

 .bootstrap-select>select {
 	position: absolute !important;
 	bottom: 0;
 	left: 50%;
 	display: block !important;
 	width: 0.5px !important;
 	height: 100% !important;
 	padding: 0 !important;
 	opacity: 0 !important;
 	border: none;
 }

 .bootstrap-select>select.mobile-device {
 	top: 0;
 	left: 0;
 	display: block !important;
 	width: 100% !important;
 	z-index: 2;
 }

 li.dropdown.show>.dropdown-menu .alert {
 	margin-left: 3px;
 }

 li.dropdown.show>.dropdown-menu i {
 	margin: auto;
 }

 .bootstrap-select.fit-width {
 	width: auto !important;
 }

 .bootstrap-select.form-control {
 	margin-bottom: 0;
 	padding: 0;
 	border: none;
 }

 :not(.input-group)>.bootstrap-select.form-control:not([class*="col-"]) {
 	width: 100%;
 }

 .bootstrap-select.form-control.input-group-btn {
 	z-index: auto;
 }

 .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn {
 	border-radius: 0;
 }

 .bootstrap-select:not(.input-group-btn),
 .bootstrap-select[class*="col-"] {
 	float: none;
 	display: inline-block;
 	margin-left: 0;
 }

 .verfuegbarkeitInput label {
 	background: var(--body-main-btn-color);
 	color: var(--bg-white);
 	display: inline;
 	padding: 4px 6px;
 	border: 2px solid var(--body-main-btn-color);
 	border-radius: var(--border-radius-3);
 }

 .verfuegbarkeitInput input {
 	border: 2px var(--body-main-btn-color) dashed;
 }

 .bootstrap-select.dropdown-menu-right,
 .bootstrap-select[class*="col-"].dropdown-menu-right,
 .row .bootstrap-select[class*="col-"].dropdown-menu-right {
 	float: right;
 }

 .bootstrap-select.form-control-sm .dropdown-toggle {
 	padding: 0.25rem 0.5rem;
 }

 .bootstrap-select.form-control-lg .dropdown-toggle {
 	padding: 0.5rem 1rem;
 }

 .form-inline .bootstrap-select .form-control {
 	width: 100%;
 }

 .bootstrap-select.disabled,
 .bootstrap-select>.disabled {
 	cursor: not-allowed;
 }

 .bootstrap-select.disabled:focus,
 .bootstrap-select>.disabled:focus {
 	outline: none !important;
 }

 .bootstrap-select.bs-container {
 	position: absolute;
 	top: 0;
 	left: 0;
 	height: 0 !important;
 	padding: 0 !important;
 }

 .popover {
 	z-index: 800;
 }

 .info-bg {
 	background-color: var(--background-color-alert-info);
 	color: var(--body-font-color) !important;
 }

 .warning-bg {
 	background-color: var(--background-color-alert-warning);
 	color: var(--color-alert-text-warning) !important;
 }

 .error-bg {
 	background-color: var(--color-alert-error);
 	color: var(--color-alert-error);
 }

 .info-bg .border {
 	border-color: var(--body-font-color) !important;
 }

 .bootstrap-tagsinput .nee {
 	display: none
 }

 .infonee .jaa {
 	display: none
 }

 .infojaa .jaa {
 	display: none
 }

 .infojaa .nee {
 	display: inline;
 	background: var(--red-color) !important;
 	color: var(--bg-white) !important;
 	margin-bottom: 13px;
 	font-size: var(--text-sm);
 	display: inline-table;
 }

 .infonee .nee,
 .infonee .jaa {
 	display: inline;
 	background: var(--body-main-btn-color) !important;
 	color: var(--bg-white) !important;
 	margin-bottom: 13px;
 	display: inline-table;
 }

 .nee button {
 	background: transparent;
 	border: none;
 	color: var(--bg-white);
 	font-size: var(--text-sm)
 }

 .infonee .jaa {
 	display: initial !important
 }

 .p-3.info-bg,
 .blockquote {
 	font-size: var(--text-sm);
 	line-height: var(--lh-tight);
 }

 .blockquote small {
 	color: var(--card-grey-color);
 	text-transform: uppercase;
 }

 .blockquote.blockquote-primary {
 	border-color: var(--body-main-btn-color);
 	color: var(--body-main-btn-color);
 }

 .blockquote.blockquote-primary small {
 	color: var(--body-main-btn-color);
 }

 .main {
 	position: relative;
 	background: var(--bg-white);
 }

 section .tag,
 section .tag [data-role="remove"] {
 	transition: all 000ms ease 0s;
 	background: var(--bg-light);
 }

 .card a,
 .bootstrap-switch-label:before {
 	transition: all 150ms ease 0s;
 }

 .dropdown-toggle:after,
 [data-toggle="collapse"][data-parent="#accordion"] i {
 	transition: -webkit-transform 150ms ease 0s;
 	transition: transform 150ms ease 0s;
 	transition: transform 150ms ease 0s, -webkit-transform 150ms ease 0s;
 }

 .dropdown-toggle[aria-expanded="true"]:after,
 [data-toggle="collapse"][data-parent="#accordion"][aria-expanded="true"] i {
 	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
 	-webkit-transform: rotate(180deg);
 	transform: rotate(180deg);
 }

 .accordionBG {
 	background: var(--bg-white);
 	-webkit-box-shadow: inset 0 8px 5px -7px rgba(0, 0, 0, 0.21);
 	-moz-box-shadow: inset 0 8px 5px -7px rgba(0, 0, 0, 0.21);
 	box-shadow: inset 0 8px 5px -7px rgba(0, 0, 0, 0.21);
 }

 .button-bar {
 	display: block;
 	position: relative;
 	width: 22px;
 	height: 1px;
 	border-radius: 1px;
 	background: var(--bg-white);
 }

 .button-bar.button-bar {
 	margin-top: 7px;
 }

 .button-bar:nth-child(2) {
 	width: 17px;
 }

 .separator-line {
 	height: 2px;
 	width: 44px;
 	background-color: var(--card-grey-color);
 	margin: 20px auto;
 }

 .separator-line.separator-primary {
 	background-color: var(--body-main-btn-color);
 }

 .section-space {
 	height: 62px;
 	display: block;
 }

 .pull-left {
 	float: left;
 }

 .pull-right {
 	float: right;
 }

 .title-up {
 	text-transform: uppercase;
 }

 .dropdown-toggle.btn:disabled {
 	background-color: var(--bs-input-bg-disabled);
 	opacity: 1;
 }

 section.step_wrapper {
 	background: #287ccf;
 }

 .c__lightgray {
 	background-color: rgb(255, 255, 255);
 	border: 0;
 	transition: all .2s;
 	border-radius: var(--border-radius-3);
 	border: 1px solid var(--bs-input-border);
 }

 .alert-secondary {
 	background-color: #fef9ef !important;
 	color: #856404 !important;
 	background-color: #fff3cd !important;
 	border-color: #ffeeba !important;
 	padding: 0.75rem 1.25rem;
 	margin-bottom: 1rem !important;
 	border: 1px solid transparent !important;
 	border-radius: var(--border-radius-3) !important;
 }

 .alert-primary {
 	color: #1164be !important;
 	background-color: #cce5ff;
 	border-color: #b8daff;
 }

 #bootsoptionen_vorschau #bildoptionen_del {
 	padding-bottom: 5px;
 }

 #bootsoptionen_vorschau #bildoptionen_del:after {
 	content: "Dieses Bild wieder löschen";
 	cursor: pointer;
 }

 .shadow_icon {
 	filter: drop-shadow(0 3px 8px rgb(0 0 0 / 0.17));
 }

 .btn:hover {
 	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
 }

 .btn.disabled,
 .btn.disabled:hover,
 .btn.disabled:focus,
 .btn.disabled.focus,
 .btn.disabled:active,
 .btn.disabled.active,
 .btn:disabled,
 .btn:disabled:hover,
 .btn:disabled:focus,
 .btn:disabled.focus,
 .btn:disabled:active,
 .btn:disabled.active,
 .btn[disabled],
 .btn[disabled]:hover,
 .btn[disabled]:focus,
 .btn[disabled].focus,
 .btn[disabled]:active,
 .btn[disabled].active,
 fieldset[disabled] .btn,
 fieldset[disabled] .btn:hover,
 fieldset[disabled] .btn:focus,
 fieldset[disabled] .btn.focus,
 fieldset[disabled] .btn:active,
 fieldset[disabled] .btn.active {
 	background-color: var(--background-color-alert-dark);
 	border-color: 1px solid var(--border-color-alert-dark) !important;
 	cursor: not-allowed !important;
 	color: var(--color-alert-dark);
 }

 .disabled i {
 	color: rgb(0, 0, 0) !important;
 }

 .btn.disabled:hover,
 .btn.disabled,
 .btn[disabled]:hover,
 .btn[disabled] {
 	opacity: 0.5;
 	cursor: not-allowed !important;
 }

 .btn.btn-link,
 .navbar .navbar-nav>a.btn.btn-link {
 	color: var(--card-grey-color);
 }

 .btn.btn-link:hover,
 .btn.btn-link:focus,
 .btn.btn-link:not(:disabled):not(.disabled):active,
 .btn.btn-link:not(:disabled):not(.disabled).active,
 .btn.btn-link:not(:disabled):not(.disabled):active:focus,
 .btn.btn-link:not(:disabled):not(.disabled).active:focus,
 .btn.btn-link:active:hover,
 .btn.btn-link.active:hover,
 .show>.btn.btn-link.dropdown-toggle,
 .show>.btn.btn-link.dropdown-toggle:focus,
 .show>.btn.btn-link.dropdown-toggle:hover,
 {
 background-color: transparent;
 color: var(--card-grey-color);
 text-decoration: none;
 box-shadow: none;
 }

 .btn:hover,
 .btn:focus,
 .navbar .navbar-nav>a.btn:hover,
 .navbar .navbar-nav>a.btn:focus {
 	opacity: 1;
 	filter: alpha(opacity=100);
 	outline: 0 !important;
 }

 .btn:active,
 .btn.active,
 .open>.btn.dropdown-toggle,
 .open>.navbar .navbar-nav>a.btn.dropdown-toggle {
 	box-shadow: none;
 	outline: 0 !important;
 }

 .btn.icon,
 .navbar .navbar-nav>a.btn.icon {
 	height: 2.375rem;
 	min-width: 2.375rem;
 	width: 2.375rem;
 	padding: 0;
 	font-size: var(--text-sm);
 	overflow: hidden;
 	position: relative;
 	line-height: normal;
 }

 .btn.icon[class*="btn-outline-"],
 .navbar .navbar-nav>a.btn.icon[class*="btn-outline-"] {
 	padding: 0;
 }

 .btn.icon.btn-sm,
 .navbar .navbar-nav>a.btn.icon.btn-sm {
 	height: 1.875rem;
 	min-width: 1.875rem;
 	width: 1.875rem;
 }

 .btn.icon.btn-sm i.fab,
 .btn.icon.btn-sm i.now-ui-icons,
 .navbar .navbar-nav>a.btn.icon.btn-sm i.fab,
 .navbar .navbar-nav>a.btn.icon.btn-sm i.now-ui-icons {
 	font-size: var(--text-2xs);
 }

 .btn.icon:not(.btn-footer) i.now-ui-icons,
 .btn.icon:not(.btn-footer) i.fab,
 .navbar .navbar-nav>a.btn.icon:not(.btn-footer) i.now-ui-icons,
 .navbar .navbar-nav>a.btn.icon:not(.btn-footer) i.fab {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	-webkit-transform: translate(-12px, -12px);
 	transform: translate(-12px, -12px);
 	line-height: var(--lh-loose);
 	width: 23px;
 }

 .btn:not(.icon) .now-ui-icons,
 .navbar .navbar-nav>a.btn:not(.icon) .now-ui-icons {
 	position: relative;
 	top: 1px;
 }

 .btn-primary {
 	background-color: var(--body-main-btn-color);
 	color: var(--bg-white) !important;
 	border: 0px;
 	border-radius: var(--border-radius-3);
 	padding: .375rem .75rem;
 	font-size: var(--text-base);
 	line-height: var(--lh-loose);
 	border: 1px solid var(--body-main-btn-color);
 }

 .topnav a.btn-primary {
 	border-radius: var(--border-radius-3);
 }

 .topnav a.btn-primary:hover,
 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:not(:disabled):not(.disabled):active,
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .btn-primary:active:hover,
 .btn-primary.active:hover,
 .show>.btn-primary.dropdown-toggle,
 .show>.btn-primary.dropdown-toggle:focus,
 .show>.btn-primary.dropdown-toggle:hover {
 	background-color: var(--body-main-btn-color) !important;
 	color: var(--bg-white) !important;
 	border: 1px solid var(--body-main-btn-color);
 	box-shadow: none;
 }

 .btn-info.disabled,
 .btn-info.disabled:hover,
 .btn-info.disabled:focus,
 .btn-info.disabled.focus,
 .btn-info.disabled:active,
 .btn-info.disabled.active,
 .btn-info:disabled,
 .btn-info:disabled:hover,
 .btn-info:disabled:focus,
 .btn-info:disabled.focus,
 .btn-info:disabled:active,
 .btn-info:disabled.active,
 .btn-info[disabled],
 .btn-info[disabled]:hover,
 .btn-info[disabled]:focus,
 .btn-info[disabled].focus,
 .btn-info[disabled]:active,
 .btn-info[disabled].active,
 fieldset[disabled] .btn-info,
 fieldset[disabled] .btn-info:hover,
 fieldset[disabled] .btn-info:focus,
 fieldset[disabled] .btn-info.focus,
 fieldset[disabled] .btn-info:active,
 fieldset[disabled] .btn-info.active,
 .btn-primary.disabled,
 .btn-primary.disabled:hover,
 .btn-primary.disabled:focus,
 .btn-primary.disabled.focus,
 .btn-primary.disabled:active,
 .btn-primary.disabled.active,
 .btn-primary:disabled,
 .btn-primary:disabled:hover,
 .btn-primary:disabled:focus,
 .btn-primary:disabled.focus,
 .btn-primary:disabled:active,
 .btn-primary:disabled.active,
 .btn-primary[disabled],
 .btn-primary[disabled]:hover,
 .btn-primary[disabled]:focus,
 .btn-primary[disabled].focus,
 .btn-primary[disabled]:active,
 .btn-primary[disabled].active,
 fieldset[disabled] .btn-primary,
 fieldset[disabled] .btn-primary:hover,
 fieldset[disabled] .btn-primary:focus,
 fieldset[disabled] .btn-primary.focus,
 fieldset[disabled] .btn-primary:active,
 fieldset[disabled] .btn-primary.active {
 	background-color: var(--card-grey-color);
 	border-color: var(--card-grey-color);
 	box-shadow: none;
 	cursor: not-allowed !important;
 }

 .btn-primary.disabled small {
 	margin-top: 5px;
 	display: block;
 	opacity: 0.7;
 }

 .primary-text,
 .btn-primary.btn-link {
 	color: var(--body-main-btn-color) !important;
 }

 .btn-primary.btn-link:hover,
 .btn-primary.btn-link:focus,
 .btn-primary.btn-link:not(:disabled):not(.disabled):active,
 .btn-primary.btn-link:not(:disabled):not(.disabled).active,
 .btn-primary.btn-link:not(:disabled):not(.disabled):active:focus,
 .btn-primary.btn-link:not(:disabled):not(.disabled).active:focus,
 .btn-primary.btn-link:active:hover,
 .btn-primary.btn-link.active:hover,
 .show>.btn-primary.btn-link.dropdown-toggle,
 .show>.btn-primary.btn-link.dropdown-toggle:focus,
 .show>.btn-primary.btn-link.dropdown-toggle:hover {
 	background-color: transparent;
 	color: var(--body-font-link-color);
 	;
 	text-decoration: none;
 	box-shadow: none;
 }

 .btn-success {
 	background-color: var(--color-alert-success);
 	color: var(--bg-white);
 }

 .btn-success:hover,
 .btn-success:focus,
 .btn-success:not(:disabled):not(.disabled):active,
 .btn-success:not(:disabled):not(.disabled).active,
 .btn-success:not(:disabled):not(.disabled):active:focus,
 .btn-success:not(:disabled):not(.disabled).active:focus,
 .btn-success:active:hover,
 .btn-success.active:hover {
 	background-color: #36da2d;
 	color: var(--bg-white);
 	box-shadow: none;
 }

 .btn-primary:hover,
 .btn-success:hover,
 .btn-info:hover {
 	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
 }

 .btn-info {
 	background-color: var(--brand-blue-light);
 	color: var(--bg-white);
 }

 .btn-info:hover,
 .btn-info:focus,
 .btn-info:not(:disabled):not(.disabled):active,
 .btn-info:not(:disabled):not(.disabled).active,
 .btn-info:not(:disabled):not(.disabled):active:focus,
 .btn-info:not(:disabled):not(.disabled).active:focus,
 .btn-info:active:hover,
 .btn-info.active:hover,
 .show>.btn-info.dropdown-toggle,
 .show>.btn-info.dropdown-toggle:focus,
 .show>.btn-info.dropdown-toggle:hover {
 	background-color: var(--btn-info-hover);
 	color: var(--bg-white);
 	box-shadow: none;
 }

 .btn-info:hover {
 	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
 }

 .btn-info.btn-simple {
 	color: var(--brand-blue-light);
 	border-color: var(--brand-blue-light);
 }

 .btn-info.btn-link {
 	color: var(--brand-blue-light);
 }

 .btn-info.btn-link:hover,
 .btn-info.btn-link:focus,
 .btn-info.btn-link:not(:disabled):not(.disabled):active,
 .btn-info.btn-link:not(:disabled):not(.disabled).active,
 .btn-info.btn-link:not(:disabled):not(.disabled):active:focus,
 .btn-info.btn-link:not(:disabled):not(.disabled).active:focus,
 .btn-info.btn-link:active:hover,
 .btn-info.btn-link.active:hover,
 .show>.btn-info.btn-link.dropdown-toggle,
 .show>.btn-info.btn-link.dropdown-toggle:focus,
 .show>.btn-info.btn-link.dropdown-toggle:hover {
 	background-color: transparent;
 	color: var(--btn-info-hover);
 	text-decoration: none;
 	box-shadow: none;
 }

 .btn-warning {
 	background-color: var(--btn-warning-bg);
 	color: var(--bg-white);
 }

 .btn-warning:hover,
 .btn-warning:focus,
 .btn-warning:not(:disabled):not(.disabled):active,
 .btn-warning:not(:disabled):not(.disabled).active,
 .btn-warning:not(:disabled):not(.disabled):active:focus,
 .btn-warning:not(:disabled):not(.disabled).active:focus,
 .btn-warning:active:hover,
 .btn-warning.active:hover,
 .show>.btn-warning.dropdown-toggle,
 .show>.btn-warning.dropdown-toggle:focus,
 .show>.btn-warning.dropdown-toggle:hover {
 	background-color: var(--btn-warning-hover);
 	color: var(--bg-white);
 	box-shadow: none;
 }

 .btn-warning:hover {
 	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
 }

 .btn-warning.disabled,
 .btn-warning.disabled:hover,
 .btn-warning.disabled:focus,
 .btn-warning.disabled.focus,
 .btn-warning.disabled:active,
 .btn-warning.disabled.active,
 .btn-warning:disabled,
 .btn-warning:disabled:hover,
 .btn-warning:disabled:focus,
 .btn-warning:disabled.focus,
 .btn-warning:disabled:active,
 .btn-warning:disabled.active,
 .btn-warning[disabled],
 .btn-warning[disabled]:hover,
 .btn-warning[disabled]:focus,
 .btn-warning[disabled].focus,
 .btn-warning[disabled]:active,
 .btn-warning[disabled].active,
 fieldset[disabled] .btn-warning,
 fieldset[disabled] .btn-warning:hover,
 fieldset[disabled] .btn-warning:focus,
 fieldset[disabled] .btn-warning.focus,
 fieldset[disabled] .btn-warning:active,
 fieldset[disabled] .btn-warning.active {
 	background-color: var(--btn-warning-bg);
 	border-color: var(--btn-warning-bg);
 }

 .btn-warning.btn-simple {
 	color: var(--btn-warning-bg);
 	border-color: var(--btn-warning-bg);
 }

 .btn-warning.btn-link {
 	color: var(--btn-warning-bg);
 }

 .btn.btn-danger.btn-simple {
 	background: var(--background-color-alert-error) !important;
 	color: var(--body-linkcolor-withe) !important;
 }

 .input_err,
 .btn-danger.btn-link {
 	color: var(--color-alert-error) !important;
 	display: block;
 	width: inherit;
 }

 .btn-neutral:hover,
 .btn-neutral:focus,
 .btn-neutral:not(:disabled):not(.disabled):active,
 .btn-neutral:not(:disabled):not(.disabled).active,
 .btn-neutral:not(:disabled):not(.disabled):active:focus,
 .btn-neutral:not(:disabled):not(.disabled).active:focus,
 .btn-neutral:active:hover,
 .btn-neutral.active:hover,
 .show>.btn-neutral.dropdown-toggle,
 .show>.btn-neutral.dropdown-toggle:focus,
 .show>.btn-neutral.dropdown-toggle:hover {
 	background-color: rgba(255, 255, 255, 0.3);
 	transition: all .6s;
 	color: var(--body-font-link-color);
 	;
 	box-shadow: none;
 }

 .btn-neutral:hover,
 .btn-neutral:focus {
 	color: inherit;
 	transition: all .6s;
 }

 .btn-neutral:hover:not(.nav-link),
 .btn-neutral:focus:not(.nav-link) {
 	box-shadow: none;
 }

 .btn-neutral.btn-simple {
 	color: var(--bg-white);
 	border-color: var(--bg-white);
 }

 .btn-neutral.btn-simple:hover,
 .btn-neutral.btn-simple:focus,
 .btn-neutral.btn-simple:not(:disabled):not(.disabled):active,
 .btn-neutral.btn-simple:not(:disabled):not(.disabled).active,
 .btn-neutral.btn-simple:not(:disabled):not(.disabled):active:focus,
 .btn-neutral.btn-simple:not(:disabled):not(.disabled).active:focus,
 .btn-neutral.btn-simple:active:hover,
 .btn-neutral.btn-simple.active:hover,
 .show>.btn-neutral.btn-simple.dropdown-toggle,
 .show>.btn-neutral.btn-simple.dropdown-toggle:focus,
 .show>.btn-neutral.btn-simple.dropdown-toggle:hover {
 	background-color: transparent;
 	color: var(--bg-white);
 	border-color: var(--bg-white);
 	box-shadow: none;
 }

 .btn-neutral.btn-link {
 	color: var(--bg-white);
 }

 .btn-neutral.btn-link:hover,
 .btn-neutral.btn-link:focus,
 .btn-neutral.btn-link:not(:disabled):not(.disabled):active,
 .btn-neutral.btn-link:not(:disabled):not(.disabled).active,
 .btn-neutral.btn-link:not(:disabled):not(.disabled):active:focus,
 .btn-neutral.btn-link:not(:disabled):not(.disabled).active:focus,
 .btn-neutral.btn-link:active:hover,
 .btn-neutral.btn-link.active:hover,
 .show>.btn-neutral.btn-link.dropdown-toggle,
 .show>.btn-neutral.btn-link.dropdown-toggle:focus,
 .show>.btn-neutral.btn-link.dropdown-toggle:hover {
 	background-color: transparent;
 	color: var(--bg-white);
 	text-decoration: none;
 	box-shadow: none;
 }

 [class*="btn-outline-"] {
 	border: 1px solid;
 	background-color: transparent;
 }

 [class*="btn-outline-"].disabled,
 [class*="btn-outline-"].disabled:hover,
 [class*="btn-outline-"].disabled:focus,
 [class*="btn-outline-"].disabled.focus,
 [class*="btn-outline-"].disabled:active,
 [class*="btn-outline-"].disabled.active,
 [class*="btn-outline-"]:disabled,
 [class*="btn-outline-"]:disabled:hover,
 [class*="btn-outline-"]:disabled:focus,
 [class*="btn-outline-"]:disabled.focus,
 [class*="btn-outline-"]:disabled:active,
 [class*="btn-outline-"]:disabled.active,
 [class*="btn-outline-"][disabled],
 [class*="btn-outline-"][disabled]:hover,
 [class*="btn-outline-"][disabled]:focus,
 [class*="btn-outline-"][disabled].focus,
 [class*="btn-outline-"][disabled]:active,
 [class*="btn-outline-"][disabled].active,
 fieldset[disabled] [class*="btn-outline-"],
 fieldset[disabled] [class*="btn-outline-"]:hover,
 fieldset[disabled] [class*="btn-outline-"]:focus,
 fieldset[disabled] [class*="btn-outline-"].focus,
 fieldset[disabled] [class*="btn-outline-"]:active,
 fieldset[disabled] [class*="btn-outline-"].active,
 .btn-link.disabled,
 .btn-link.disabled:hover,
 .btn-link.disabled:focus,
 .btn-link.disabled.focus,
 .btn-link.disabled:active,
 .btn-link.disabled.active,
 .btn-link:disabled,
 .btn-link:disabled:hover,
 .btn-link:disabled:focus,
 .btn-link:disabled.focus,
 .btn-link:disabled:active,
 .btn-link:disabled.active,
 .btn-link[disabled],
 .btn-link[disabled]:hover,
 .btn-link[disabled]:focus,
 .btn-link[disabled].focus,
 .btn-link[disabled]:active,
 .btn-link[disabled].active,
 fieldset[disabled] .btn-link,
 fieldset[disabled] .btn-link:hover,
 fieldset[disabled] .btn-link:focus,
 fieldset[disabled] .btn-link.focus,
 fieldset[disabled] .btn-link:active,
 fieldset[disabled] .btn-link.active {
 	background-color: transparent;
 }

 .btn-lg {
 	font-size: var(--text-base);
 	padding: 12px 30px;
 }

 .btn-sm {
 	font-size: var(--text-sm);
 	border-radius: var(--border-radius-3);
 	padding: 5px 8px;
 }

 .btn-sm[class*="btn-outline-"] {
 	padding: 4px 14px;
 }

 .btn-link {
 	border: 0;
 	padding: 0.5rem 0.7rem;
 	background-color: transparent;
 }

 .btn-wd {
 	min-width: 140px;
 }

 .btn-group.select {
 	width: 100%;
 }

 .btn-group.select .btn {
 	text-align: left;
 }

 .btn-group.select .caret {
 	position: absolute;
 	top: 50%;
 	margin-top: -1px;
 	right: 8px;
 }

 .form-control::-moz-placeholder {
 	color: var(--card-grey-color);
 	opacity: 0.8;
 	filter: alpha(opacity=80);
 }

 .form-control:-moz-placeholder {
 	color: var(--card-grey-color);
 	opacity: 0.8;
 	filter: alpha(opacity=80);
 }

 .form-control::-webkit-input-placeholder {
 	color: var(--card-grey-color);
 	opacity: 0.8;
 	filter: alpha(opacity=80);
 }

 .form-control:-ms-input-placeholder {
 	color: var(--card-grey-color);
 	opacity: 0.8;
 	filter: alpha(opacity=80);
 }

 .inserieren .pagination .page-item .page-link,
 .anzeigen .pagination .page-item .page-link {
 	border: 0;
 	border-radius: 5px 5px 0px 0px;
 	transition: all .3s;
 	padding: 11px;
 	margin: 0 3px;
 	width: 100%;
 	text-align: center;
 	box-shadow: none;
 	height: auto;
 	cursor: pointer;
 	background: #fdfdfd;
 }

 .anzeigen_name {
 	overflow: hidden;
 	text-overflow: ellipsis !important;
 	white-space: nowrap;
 	color: var(--body-linkcolor-primecolor) !important;
 	font-weight: var(--fw-extrabold);
 }

 .anzeigen_nameSpan {
 	display: block;
 	overflow: hidden;
 	text-overflow: ellipsis !important;
 	white-space: nowrap;
 	font-weight: var(--fw-extrabold);
 	font-size: var(--text-sm);
 	font-weight: var(--fw-normal);
 }

 .description ul {
 	padding: 0;
 	margin: 0;
 }

 ul.anzeigen_opt li,
 .c_boot_mainbox .card-body ul li {
 	float: left !important;
 	padding-right: 18px;
 	font-size: var(--text-sm);
 }

 .inserieren .pagination .page-item .page-link.active,
 .anzeigen .pagination .page-item .page-link.active:hover {
 	background: rgb(245, 245, 245);
 	background: -moz-linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(250, 250, 250, 0) 100%);
 	background: -webkit-linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(250, 250, 250, 0) 100%);
 	background: linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(250, 250, 250, 0) 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#fafafa", GradientType=1);
 	border-bottom: 2px solid var(--body-main-btn-color);
 }

 .anzeigen .pagination .page-item .page-link.active {
 	background: rgb(245, 245, 245);
 	background: -moz-linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(250, 250, 250, 0) 100%);
 	background: -webkit-linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(250, 250, 250, 0) 100%);
 	background: linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(250, 250, 250, 0) 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#fafafa", GradientType=1);
 	border-bottom: 2px solid var(--body-main-btn-color);
 }

 .anzeigen .pagination .page-item .page-link:hover {
 	background: rgb(245, 245, 245);
 	background: -moz-linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 0) 100%);
 	background: -webkit-linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 0) 100%);
 	background: linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 0) 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#ffffff", GradientType=1);
 	border-bottom: 2px solid var(--bs-input-border);
 }

 .inserieren .pagination .page-item .page-link,
 .anzeigen .pagination .page-item .page-link {
 	border-bottom: 2px solid var(--bs-input-border);
 	color: var(--body-font-color);
 }

 .inserieren .pagination .page-item,
 .anzeigen .pagination .page-item {
 	display: flex;
 	width: 33%;
 	margin-bottom: .5rem;
 }

 .emptyspace {
 	opacity: 0.7;
 }

 @media print {
 	@page {
 		size: landscape;
 		background: aqua;
 	}

 	* {
 		margin-top: 0px;
 		padding-top: 0px;
 		font-size: 9.5pt;
 	}

 	body {
 		-webkit-print-color-adjust: exact;
 	}

 	#controls,
 	.footer,
 	.footerarea {
 		display: none;
 	}

 	.template {
 		width: auto;
 		left: 0;
 		top: 0;
 	}

 	.table-header-rotated th.rotate-45 {
 		position: inherit;
 	}

 	.table-header-rotated th.rotate-45 span {
 		left: -64px;
 	}

 	.icon-print,
 	.page-header,
 	.navMobile,
 	footer,
 	.c_unsticky,
 	.footer,
 	.site-description,
 	#Header,
 	#Footer {
 		display: none !important;
 	}

 	.table-header-rotated .print {
 		text-align: center !important
 	}

 	.tarife .table-header-rotated td:first-child {
 		max-width: 180px !important;
 		min-width: 180px !important;
 		width: 180px !important;
 		text-align: left;
 	}

 	.inserieren .table-header-rotated td:first-child {
 		max-width: auto !important;
 		min-width: auto !important;
 		width: auto !important;
 		text-align: left;
 	}

 	.print {
 		display: flex;
 	}

 	.c__boxshadow_inset {
 		border: 0px !important;
 	}
 }

 .table>thead>tr>th {
 	border-bottom-width: 1px;
 	font-size: var(--text-xl);
 	font-weight: var(--fw-normal);
 	border: 0;
 }

 .table .btn {
 	margin: 0;
 }

 .table .form-check,
 .table .form-check.form-check-radio {
 	margin: 0;
 	padding: 0;
 	width: 15px;
 }

 .table .form-check .icons,
 .table .form-check.form-check-radio .icons {
 	position: relative;
 }

 .table>thead>tr>th,
 .table>tbody>tr>th,
 .table>tfoot>tr>th,
 .table>thead>tr>td,
 .table>tbody>tr>td,
 .table>tfoot>tr>td {
 	padding: 12px 7px;
 	vertical-align: middle;
 }

 .table .th-description {
 	max-width: 150px;
 }

 .table .td-price {
 	font-size: var(--text-2xl);
 	font-weight: var(--fw-normal);
 	margin-top: 5px;
 	position: relative;
 	top: 4px;
 	text-align: right;
 }

 .table .td-total {
 	font-weight: var(--fw-normal);
 	font-size: var(--text-xl);
 	padding-top: 20px;
 	text-align: right;
 }

 .table .td-actions .btn {
 	margin: 0px;
 }

 .table>tbody>tr {
 	position: relative;
 }

 .table-shopping>thead>tr>th {
 	font-size: var(--text-sm);
 	text-transform: uppercase;
 }

 .table-shopping>tbody>tr>td {
 	font-size: var(--text-lg);
 }

 .table-shopping>tbody>tr>td b {
 	display: block;
 	margin-bottom: 5px;
 }

 .table-shopping .td-name {
 	font-weight: var(--fw-normal);
 	font-size: var(--text-xl);
 }

 .table-shopping .td-name small {
 	color: var(--body-font-color);
 	font-size: var(--text-xs);
 	font-weight: var(--fw-normal);
 }

 .table-shopping .td-number {
 	font-weight: var(--fw-normal);
 	font-size: var(--text-xl);
 }

 .table-shopping .td-name {
 	min-width: 200px;
 }

 .table-shopping .td-number {
 	text-align: right;
 	min-width: 145px;
 }

 .table-shopping .td-number small {
 	margin-right: 3px;
 }

 .table-shopping .img-container {
 	width: 120px;
 	max-height: 160px;
 	overflow: hidden;
 	display: block;
 }

 .table-shopping .img-container img {
 	width: 100%;
 }

 #tables .table-responsive {
 	margin-bottom: 30px;
 }

 .info {
 	max-width: 500px;
 	text-align: center;
 }

 .Merkmale i.icon-question {
 	color: rgb(255, 255, 255);
 	font-size: var(--text-xl);
 }

 .Merkmale i.icon-check-circled {
 	color: rgb(207, 255, 132);
 	font-size: var(--text-xl);
 }

 .Merkmale i.icon-x-circled {
 	color: rgb(255, 135, 135);
 	font-size: var(--text-xl);
 }

 .Merkmale .fw-bold {
 	background: rgb(255 255 255 / 12%);
 }

 .table-responsive {
 	overflow-x: auto;
 	position: relative;
 }

 .Merkmale table {
 	table-layout: fixed;
 	width: 100%;
 	border-radius: 3px;
 	color: var(--bg-white);
 }

 .Merkmale th,
 .Merkmale td {
 	padding: 10px !important;
 	text-align: center;
 	white-space: nowrap;
 	text-wrap: inherit;
 	width: 160px;
 	color: var(--bg-white);
 }

 .Merkmale tbody tr td:first-child,
 .Merkmale thead th:first-child {
 	position: sticky;
 	width: 300px;
 	left: 0;
 	z-index: 2;
 	text-wrap: inherit;
 	text-align: left;
 }

 .Merkmale thead th:first-child {
 	z-index: 3;
 }

 .Merkmale tbody tr.highlight-row,
 .Merkmale tbody tr.highlight-row:hover,
 .Merkmale tbody tr td:first-child {
 	background-color: rgb(65 93 120);
 }

 .Merkmale thead {
 	border-bottom: 3px solid var(--body-main-btn-color) !important;
 	background-color: rgba(255, 255, 255, 0.108);
 	color: var(--bg-white);
 	text-transform: uppercase;
 }

 .Merkmale thead th small {
 	font-size: var(--text-xs);
 	display: block;
 }

 .Merkmale tbody tr td:first-child b {
 	display: block;
 	margin-bottom: 10px;
 }

 .Merkmale tbody tr:hover {
 	background-color: #ffffff10
 }

 .Merkmale tbody tr:last-child:hover {
 	background-color: inherit;
 }

 .Merkmale td {
 	width: 300px;
 }

 .info .icon {
 	width: 73px;
 	text-align: center;
 	margin-bottom: 60px;
 }

 @media screen and (max-width : 767px) {

 	.Merkmale tbody tr td:first-child,
 	.Merkmale thead th:first-child {
 		width: 160px !important;
 	}
 }

 .info.info-hover .info-title {
 	transition: color .4s;
 }

 .info.info-hover:hover .icon {
 	-webkit-transform: translate3d(0, -0.5rem, 0);
 	transform: translate3d(0, -0.5rem, 0);
 }

 .info.info-hover:hover .icon.icon-primary.icon-circle {
 	box-shadow: 0px 15px 30px 0px rgba(249, 99, 50, 0.35);
 }

 .info.info-hover:hover .icon.icon-info.icon-circle {
 	box-shadow: 0px 15px 35px 0px rgba(44, 168, 255, 0.35);
 }

 .info.info-hover:hover .icon.icon-success.icon-circle {
 	box-shadow: 0px 15px 35px 0px rgba(24, 206, 15, 0.35);
 }

 .info.info-hover:hover .icon.icon-warning.icon-circle {
 	box-shadow: 0px 15px 35px 0px rgba(255, 178, 54, 0.35);
 }

 .info.info-hover:hover .icon.icon-danger.icon-circle {
 	box-shadow: 0px 15px 35px 0px rgba(255, 54, 54, 0.35);
 }

 .info.info-hover:hover .icon.icon-info.info-title {
 	color: var(--brand-blue-light);
 }

 .info.info-hover:hover .icon.icon-warning.info-title {
 	color: var(--btn-warning-bg);
 }

 .info.info-hover:hover .icon.icon-danger.info-title {
 	color: var(--red-color);
 }

 .info.info-hover:hover .icon.icon-primary.info-title {
 	color: var(--body-main-btn-color);
 }

 .info.info-hover:hover .icon.icon-success.info-title {
 	color: var(--color-alert-success);
 }

 .info .icon {
 	color: var(--card-grey-color);
 	transition: box-shadow .4s, -webkit-transform .4s;
 	transition: transform .4s, box-shadow .4s;
 	transition: transform .4s, box-shadow .4s, -webkit-transform .4s;
 }

 .info .icon>i {
 	font-size: var(--text-5xl);
 }

 .info .icon.icon-circle {
 	max-width: 65px;
 	width: 65px;
 	height: 65px;
 	margin: 0 auto;
 	border-radius: var(--border-radius-50);
 	box-shadow: 0 9px 35px -6px rgba(0, 0, 0, 0.3);
 	font-size: var(--text-2xs);
 	padding-left: 13px;
 	padding-top: 16px;
 	background-color: var(--bg-white);
 	position: relative;
 }

 .info .icon.icon-circle i {
 	line-height: 0;
 	text-align: center;
 }

 .info .info-title {
 	margin: 25px 0 15px;
 	padding: 0 15px;
 	color: var(--body-font-color);
 }

 .info-horizontal {
 	text-align: left !important;
 }

 .info-horizontal .icon {
 	float: left;
 }

 .info-horizontal .description {
 	overflow: hidden;
 	padding-left: 20px;
 	padding-top: 12px;
 }

 .icon.icon-primary {
 	color: var(--body-main-btn-color);
 }

 .icon.icon-primary.icon-circle {
 	box-shadow: 0px 9px 30px -6px rgba(249, 99, 50, 0.3);
 }

 .icon.icon-info {
 	color: var(--brand-blue-light);
 }

 .icon.icon-info.icon-circle {
 	box-shadow: 0px 9px 30px -6px rgba(44, 168, 255, 0.3);
 }

 .icon.icon-success {
 	color: var(--color-alert-success);
 }

 .icon.icon-success.icon-circle {
 	box-shadow: 0px 9px 30px -6px rgba(24, 206, 15, 0.3);
 }

 .icon.icon-warning {
 	color: var(--btn-warning-bg);
 }

 .icon.icon-warning.icon-circle {
 	box-shadow: 0px 9px 30px -6px rgba(255, 178, 54, 0.3);
 }

 .icon.icon-danger {
 	color: var(--red-color);
 }

 .icon.icon-danger.icon-circle {
 	box-shadow: 0px 9px 30px -6px rgba(255, 54, 54, 0.3);
 }

 .icon.icon-white {
 	color: var(--bg-white);
 }

 .media .avatar {
 	margin: 0 auto;
 	width: 64px;
 	height: 64px;
 	margin-right: 15px;
 }

 img {
 	width: 100%;
 	border-radius: var(--border-radius-6);
 }

 .media textarea {
 	margin-bottom: 20px;
 }

 .media .media-heading small {
 	font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
 }

 .media .media-body {
 	padding-right: 10px;
 }

 .media .media-body .media .media-body {
 	padding-right: 0px;
 }

 .media.media-post .form-group,
 .media.media-post .input-group {
 	margin-top: 25px;
 }

 .media .media-footer .btn {
 	margin-bottom: 20px;
 }

 .media .media-footer:after {
 	display: table;
 	content: " ";
 	clear: both;
 }

 .media p {
 	color: var(--card-grey-color);
 	font-size: var(--text-base);
 	line-height: var(--lh-prose);
 }

 .media-left,
 .media>.pull-left {
 	padding: 10px;
 }

 .modal-content {
 	border-radius: var(--border-radius-6);
 	border: none;
 	box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.5);
 }

 .modal-content .modal-header {
 	border-bottom: none;
 	padding-top: 24px;
 	padding-right: 24px;
 	padding-bottom: 0;
 	padding-left: 24px;
 }

 .modal-content .modal-header button {
 	position: absolute;
 	right: 27px;
 	top: 30px;
 	outline: 0;
 }

 .modal-content .modal-header .title {
 	margin-top: 5px;
 	margin-bottom: 0;
 }

 .modal-content .modal-body {
 	padding-top: 24px;
 	padding-right: 24px;
 	padding-bottom: 16px;
 	padding-left: 24px;
 	line-height: var(--lh-prose);
 }

 .modal-content .modal-footer {
 	border-top: none;
 	padding-right: 24px;
 	padding-bottom: 16px;
 	padding-left: 24px;
 	justify-content: space-between;
 }

 .modal-content .modal-footer button {
 	margin: 0;
 	padding-left: 16px;
 	padding-right: 16px;
 	width: auto;
 }

 .modal-content .modal-footer button.pull-left {
 	padding-left: 5px;
 	padding-right: 5px;
 	position: relative;
 	left: -5px;
 }

 .modal-content .modal-body.modal-footer {
 	padding-top: 0;
 }

 .loeschenModal {
 	top: 10%
 }

 .modal-backdrop {
 	background: transparent;
 }

 .modal-backdrop.fade.show {
 	z-index: 2 !important;
 }

 .modal .modal-header .close {
 	color: var(--red-color);
 	text-shadow: none;
 }

 .modal .modal-header .close:hover,
 .modal .modal-header .close:focus {
 	opacity: 1;
 }

 .modal .modal-login {
 	max-width: 320px;
 }

 .modal .modal-login .card-login .logo-container {
 	width: 65px;
 	margin-bottom: 38px;
 	margin-top: 27px;
 }

 .index-page .page-header,
 .presentation-page .page-header {
 	height: 125vh;
 }

 .index-page .page-header .container>.content-center,
 .presentation-page .page-header .container>.content-center {
 	top: 37%;
 }

 .blog-posts .projects-4 {
 	padding-top: 0;
 }

 .section-full-page:after,
 .section-full-page:before {
 	display: block;
 	content: "";
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	top: 0;
 	left: 0;
 	z-index: 2;
 }

 .section-full-page:before {
 	background-color: rgba(0, 0, 0, 0.5);
 }

 .section-full-page[filter-color="purple"]:after,
 .section-full-page[filter-color="primary"]:after {
 	background: rgba(227, 227, 227, 0.26);
 	background: linear-gradient(0deg, rgba(227, 227, 227, 0.26), rgba(249, 99, 50, 0.95));
 	;
 }

 .section-full-page[data-image]:after {
 	opacity: .5;
 }

 .section-full-page>.content,
 .section-full-page>.footer {
 	position: relative;
 	z-index: 4;
 }

 .section-full-page>.content {
 	min-height: calc(100vh - 80px);
 }

 .section-full-page .footer nav>ul a:not(.btn),
 .section-full-page .footer,
 .section-full-page .footer .copyright a {
 	color: var(--bg-white);
 }

 .sections-page .page-header {
 	display: flex;
 	align-items: center;
 }

 .section {
 	position: relative;
 }

 .section-full-screen {
 	height: 100vh;
 }

 .section-signup {
 	padding-top: 20vh;
 }

 .page-header>.content {
 	margin-top: 12%;
 	text-align: center;
 	margin-bottom: 50px;
 }

 .page-header.page-header-small {
 	min-height: 30vh;
 	max-height: 440px;
 }

 .page-header>.container {
 	z-index: 2;
 	padding-top: 12vh;
 	padding-bottom: 40px;
 }

 .page-header .content-center {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	z-index: 2;
 	-webkit-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	text-align: center;
 	color: var(--bg-white);
 	padding: 0 15px;
 	width: 100%;
 	max-width: 880px;
 }

 .page-header footer {
 	position: absolute;
 	bottom: 0;
 	width: 100%;
 }

 .page-header .container {
 	height: 100%;
 	z-index: 1;
 	text-align: center;
 	position: relative;
 }

 .page-header .category,
 .page-header .description {
 	color: rgba(255, 255, 255, 0.8);
 }

 .clear-filter:after,
 .clear-filter:before {
 	display: none;
 }

 .clear-filter[filter-color="orange"] {
 	background: rgba(44, 44, 44, 0.2);
 	background: linear-gradient(0deg, rgba(44, 44, 44, 0.2), rgba(224, 23, 3, 0.6));
 }

 .signup-page .page-header {
 	max-height: -webkit-fit-content;
 	max-height: -moz-fit-content;
 	max-height: fit-content;
 	display: block;
 	align-items: unset;
 }

 .section-story-overview .image-container img {
 	width: 100%;
 	left: 0;
 	top: 0;
 	height: auto;
 	position: absolute;
 }

 [data-background-color="gray"] {
 	background-color: rgb(238, 244, 250);
 	color: var(--card-secound-color);
 }

 [data-background-color="gray"]) h1,
 [data-background-color="gray"]) h2,
 [data-background-color="gray"]) h3,
 [data-background-color="gray"]) h4 {
 	color: var(--card-secound-color) !important;
 }

 [data-background-color="darkblue"] {
 	background: var(--card-main-gradient-color);
 }

 [data-background-color="darkblue"]:not(:has(.card)) {
 	color: var(--bg-white);
 }

 .verwaltung-title {
 	color: var(--card-secound-color);
 	background-color: #EFF3FA;
 	border-radius: 6px;
 	font-size: var(--text-sm);
 	padding: 5px 10px 10px 10px;
 	margin-bottom: -5px;
 	width: max-content;
 }

 .page-header .container {
 	color: var(--bg-white);
 }

 .page-header .title {
 	color: var(--bg-white);
 }

 .page-header.header-small {
 	height: 65vh;
 	min-height: 65vh;
 }

 .page-header.header-small .container {
 	padding-top: 20vh;
 }

 .header-filter {
 	position: relative;
 }

 .header-filter .container {
 	z-index: 2;
 	position: relative;
 }

 .header-filter[filter-color="orange"] {
 	background: rgba(44, 44, 44, 0.2);
 	background: linear-gradient(0deg, rgba(44, 44, 44, 0.2), rgba(224, 23, 3, 0.6));
 }

 .page-header[filter-color="black"] {
 	background: linear-gradient(0deg, rgba(32, 137, 211, 0.6), rgba(28, 73, 171, 0.6));
 }

 .clear-filter:before {
 	display: none;
 }

 .debug {
 	background-color: rgba(255, 178, 54, 0.8);
 	border: 0;
 	border-radius: var(--border-radius-0);
 	color: var(--bg-white);
 	padding: .9rem;
 	position: fixed;
 	bottom: 3px;
 	z-index: 9999999;
 	width: 100%;
 }

 html {
 	scroll-behavior: smooth;
 	overflow-x: hidden;
 }

 li.dropdown.show>.dropdown-menu .alert {
 	margin-left: 3px;
 }

 li.dropdown.show>.dropdown-menu i {
 	margin: auto;
 }

 .btn .alert.bell {
 	margin-top: -18px;
 	margin-left: 13px;
 }

 .sky-mega-menu li:hover>div .alert.bell {
 	margin-top: -4px;
 	margin-left: 0px;
 }

 @-webkit-keyframes move {
 	From {
 		-webkit-transform: scale(0);
 	}

 	To {
 		-webkit-transform: scale(1.0);
 	}
 }

 li.dropdown.show>span.alert {
 	display: none;
 }

 span.newMessage {
 	position: absolute;
 	margin-left: 70px;
 	margin-top: -14px;
 	font-size: var(--text-sm);
 	height: 24px;
 	width: 24px;
 	padding: 5px;
 	font-style: initial;
 	text-align: center;
 	line-height: var(--lh-none);
 	color: var(--bg-white);
 	border-radius: var(--border-radius-50);
 	background: red;
 }

 .fa,
 .fab,
 .fal,
 .far,
 .fas {
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
 	display: inline-block;
 	font-style: normal;
 	font-variant: normal;
 	text-rendering: auto;
 	line-height: var(--lh-none);
 }

 .fa-lg {
 	font-size: 1.33333em;
 	line-height: .75em;
 	vertical-align: -.0667em;
 }

 .fa-xs {
 	font-size: var(--text-xs);
 }

 .fa-sm {
 	font-size: var(--text-sm);
 }

 .fa-1x {
 	font-size: var(--text-xl);
 }

 .fa-2x {
 	font-size: var(--text-3xl);
 }

 .fa-3x {
 	font-size: var(--text-5xl);
 }

 .fa-4x {
 	font-size: 4em;
 }

 .fa-5x {
 	font-size: 5em;
 }

 .fa-6x {
 	font-size: 6em;
 }

 .fa-7x {
 	font-size: 7em;
 }

 .fa-8x {
 	font-size: 8em;
 }

 .fa-9x {
 	font-size: 9em;
 }

 .fa-10x {
 	font-size: 10em;
 }

 .liststyle ul {
 	padding: 0px;
 }

 .liststyle ul li {
 	font-weight: var(--fw-bold);
 	padding: 0px;
 }

 .liststyle ul li:nth-child(2n) {
 	color: var(--body-font-color);
 	font-weight: var(--fw-normal);
 }

 .liststyle ul li:nth-child(2n):before {
 	content: "\00BB";
 	list-style: none !important;
 	line-height: 30px !important;
 	padding-left: 0px !important;
 	margin-left: 0px !important;
 	color: var(--body-main-btn-color) !important;
 	margin-right: 10px !important;
 	font-weight: var(--fw-bold);
 }

 .a {
 	fill: none;
 }

 .c,
 .d {
 	fill: rgba(249, 249, 252, 0.2);
 }

 .d {
 	opacity: 0.5;
 	isolation: isolate;
 }

 .c__willkomen_done .icon.icon-circle {
 	background-color: var(--color-alert-success) !important;
 }

 .c__willkomen_done .icon.icon-circle .icon {
 	color: var(--bg-white);
 }

 .c__willkomen_done .btn {
 	display: none !important;
 }

 .c__customSVGWave {
 	position: absolute;
 	top: 250px;
 }

 .c__customSVGTree {
 	position: absolute;
 	top: 0;
 	fill: rgba(255, 255, 255, 0.050980392156862744);
 }

 .check_err .form-check-sign:before {
 	border: 1px solid var(--border-color-alert-error) !important;
 }

 .box_err h3,
 .box_err i,
 .box_err p {
 	color: var(--background-color-alert-error);
 	!important;
 }

 .box_err {
 	border: var(--border-color-alert-error) solid 1px !important;
 	background: var(--color-alert-error) !important;
 }

 a {
 	color: var(--body-font-link-color);
 }

 #accordion a:hover {
 	text-decoration: none !important;
 }

 a:hover,
 a:focus {
 	color: var(--body-font-link-color);
 	text-decoration: none;
 }

 a,
 .ui-slider .ui-slider-handle:focus,
 :focus {
 	outline: none !important;
 }

 .ui-optionen-slider {
 	border: 0;
 	color: var(--body-main-btn-color);
 	margin-top: 10px;
 	display: block;
 }

 .h1 {
 	font-size: var(--text-3xl);
 	line-height: var(--lh-relaxed);
 }

 .h3 {
 	font-size: var(--text-lg);
 	font-weight: var(--fw-normal);
 }

 h1 small,
 .h1 small {
 	font-weight: var(--fw-normal);
 	text-transform: uppercase;
 	opacity: .8;
 }

 h2 small {
 	font-size: var(--text-md);
 }

 .standorte_text {
 	font-size: var(--text-base);
 	line-height: var(--lh-relaxed);
 	font-weight: var(--fw-normal);
 }

 h3.title {
 	font-size: var(--text-xl);
 	line-height: var(--lh-relaxed);
 }

 .sidebar {
 	min-height: 811px;
 	height: 25vh;
 	position: -webkit-sticky;
 	position: sticky;
 	top: 120px;
 }

 .main {
 	width: 60%;
 	height: 200vh;
 	min-height: 900px;
 	display: flex;
 	flex-direction: column;
 }

 .category,
 .container-fluid.wrapper h3,
 .bootsverleih .card-body h2,
 h3.category,
 h4.category,
 h5.category,
 .card-body h4 {
 	border-left: 3px solid var(--body-main-btn-color) !important;
 	padding-left: 9px !important;
 	margin-top: -5px;
 }

 .singleCartSidebar .category {
 	border: 0px;
 	padding-left: 0px;
 }

 body:not(.template) .text-primary {
 	color: var(--body-font-link-color);
 }

 body.template .text-primary {
 	color: var(--card-main-color);
 }

 .text-info {
 	color: var(--brand-blue-light) !important;
 }

 .text-success {
 	color: var(--color-9);
 }

 .text-warning {
 	color: var(--btn-warning-bg) !important;
 }

 .text-danger {
 	color: var(--red-color) !important;
 }

 .text-black {
 	color: #444;
 }

 [data-background-color="light"] {
 	background-color: var(--bg-light);
 }

 [data-background-color="lighter"] {
 	background-color: var(--bg-lighter);
 }

 [data-background-color="white"] {
 	background-color: var(--bg-white);
 }

 [data-background-color="orange"] {
 	background-color: var(--body-main-btn-color);
 }

 [data-background-color="darkblack"] {
 	background-color: #232629;
 }

 [data-background-color="black"] {
 	color: var(--body-linkcolor-withe);
 	background: rgb(40, 62, 85);
 	background: -moz-linear-gradient(42deg, rgba(40, 62, 85, 1) 27%, rgba(40, 83, 117, 1) 78%, rgba(33, 115, 180, 1) 100%) !important;
 	background: -webkit-linear-gradient(42deg, rgba(40, 62, 85, 1) 27%, rgba(40, 83, 117, 1) 78%, rgba(33, 115, 180, 1) 100%) !important;
 	background: linear-gradient(42deg, rgba(40, 62, 85, 1) 27%, rgba(40, 83, 117, 1) 78%, rgba(33, 115, 180, 1) 100%) !important;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#283e55", endColorstr="#2173b4", GradientType=1);
 	border-radius: 6px;
 }

 section[data-background-color="black"] {
 	border-radius: 0px;
 }

 [data-background-color="black"] h1,
 [data-background-color="black"] h2,
 [data-background-color="black"] h3,
 [data-background-color="black"] h4,
 [data-background-color="black"] p,
 [data-background-color="black"] li,
 [data-background-color="black"] label span,
 [data-background-color="black"] .card-body,
 [data-background-color="black"] .card-body h4,
 [data-background-color="black"] .card-body p {
 	color: var(--body-linkcolor-withe);
 }

 [data-background-color="black"] #zeiten_lines .emptyspace h3,
 [data-background-color="black"] #zeiten_lines .emptyspace i {
 	color: var(--mb-text) !important;
 }

 [data-background-color="black"] .card {
 	background: rgba(255, 255, 255, 0.127);
 	border: 0;
 	box-shadow: none;
 }

 [data-background-color="black"] .card:hover {
 	background: rgba(255, 255, 255, 0.2);
 	border: 0;
 	box-shadow: none;
 	cursor: pointer
 }

 div.border[data-background-color="black"] {
 	border: 1px solid rgba(255, 255, 255, 0.169) !important;
 }

 .body_gutschein [data-background-color="black"]:has(.card),
 .body_buchen [data-background-color="black"]:has(.card) {
 	display: block;
 }

 [data-background-color="black"]:not(:has(.card_konto_typ_1)).konto_typ_2 {
 	display: none;
 }

 .zahlungen_intern[data-background-color="black"]:not(:has(.col-12.card.mb-2)) {
 	display: none;
 }

 .body_startseite .footer p {
 	color: var(--body-linkcolor-withe);
 }

 .template .footerAnbieter {
 	display: block;
 	height: 90px;
 }

 .template footer.footer,
 .template .footerlast {
 	display: none
 }

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

 .c__tutorialpopover .arrow {
 	top: 38px;
 }

 .c__section_icon .category {
 	border: 0px;
 	padding: 0px;
 }

 .c__section_icon .icon {
 	color: rgba(0, 0, 0, 0.2) !important;
 }

 .bd-callout {
 	padding: 1.25rem;
 	margin-top: 1.25rem;
 	margin-bottom: 1.25rem;
 	border: 1px solid #eee;
 	border-left-width: .25rem;
 	background: var(--bg-white);
 }

 .bd-callout-info {
 	border-left-color: var(--brand-blue-light);
 }

 .bd-callout-info h4 {
 	color: var(--brand-blue-light);
 	font-weight: var(--fw-extrabold);
 }

 .tooltip.bs-tooltip-right .arrow:before {
 	border-right-color: var(--bg-white);
 }

 .tooltip.bs-tooltip-top .arrow:before {
 	border-top-color: var(--bg-white);
 }

 .tooltip.bs-tooltip-bottom .arrow:before {
 	border-bottom-color: var(--bg-white);
 }

 .tooltip.bs-tooltip-left .arrow:before {
 	border-left-color: var(--bg-white);
 }

 .tooltip-inner {
 	padding: 0.5rem 0.7rem;
 	min-width: 130px;
 	background-color: var(--bg-white);
 	color: inherit;
 	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
 }

 .border-0 {
 	border: 0px !important
 }

 .border-top-0 {
 	border: 0px !important
 }

 .border-right-0 {
 	border: 0px !important
 }

 .border-bottom-0 {
 	border: 0px !important
 }

 .border-left-0 {
 	border: 0px !important
 }

 .c_tabBorder {
 	border-bottom: 3px solid var(--body-font-color);
 	margin-bottom: 10px;
 }

 .tab-boder-video-content .c_tabBorder-top-4 {
 	border-color: rgba(207, 210, 222, 0.62);
 }

 .tab-boder-video-content .nav-link.active {
 	background-color: rgba(207, 210, 222, 0.62) !important;
 	color: var(--body-font-color) !important;
 	margin-top: 0px
 }

 .tab-boder-video-content .nav-link {
 	background-color: rgba(239, 239, 239, 0.62) !important;
 	color: var(--body-font-color) !important;
 	margin-top: -4px
 }

 .body_video-buchungssystem a.card::before,
 i.konto_typ_0::before,
 i.konto_typ_1::before,
 i.konto_typ_2::before,
 i.konto_typ_3::before,
 i.konto_typ_4::before,
 i.konto_typ_99::before {
 	text-align: center;
 	font-family: 'fontello';
 	src: url('/fonts/fontello.eot');
 	src: url('/fonts/fontello.eot#iefix') format('embedded-opentype'),
 		url('/fonts/fontello.woff') format('woff'),
 		url('/fonts/fontello.ttf') format('truetype'),
 		url('/fonts/fontello.svg#fontello') format('svg');
 	font-weight: var(--fw-normal);
 	font-style: normal;
 }

 i.konto_typ_0::before {
 	content: '\e860';
 	color: var(--color-alert-error)
 }

 i.konto_typ_1::before {
 	content: '\f0d6';
 }

 i.konto_typ_2::before {
 	content: '\f19c';
 }

 i.konto_typ_3::before {
 	content: '\f1f4';
 }

 i.konto_typ_4::before {
 	content: '\e8a7';
 }

 i.konto_typ_99::before {
 	content: '\e88b';
 }

 i.konto_typ_0::after {
 	content: 'Keine Zahlung zugewiesen';
 	color: var(--color-alert-error);
 	font
 }

 .body_video-buchungssystem a.card::before {
 	content: '\e8ff';
 	color: var(--bg-white);
 	font-size: var(--text-2xl);
 	text-align: center;
 	line-height: 160px;
 	font-display: swap;
 	display: block;
 	height: 100%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	border: 8px solid var(--bg-white);
 	background-color: rgba(0, 0, 0, 0.213);
 }

 .body_video-buchungssystem a.card.Intro::before {
 	line-height: 390px;
 	font-size: var(--text-7xl);
 }

 .body_video-buchungssystem .ekko-lightbox-container>div.ekko-lightbox-item {
 	position: relative;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	width: 100%;
 }

 .body_video-buchungssystem .modal-dialog {
 	max-width: 60% !important;
 }

 .body_video-buchungssystem .ekko-lightbox-container {
 	height: auto !important;
 }

 @media screen and (max-width: 575px) {
 	.body_video-buchungssystem .modal-dialog {
 		max-width: 90% !important;
 	}
 }

 .buchung_offen {
 	background: rgba(255, 151, 151, 0.2) !important;
 	color: var(--color-alert-error) !important;
 }

 .admin_main .suche_filter span,
 .admin_main .suche_filter .btn {
 	display: none
 }

 .c__adminarea .card-pricing ul li b {
 	text-align: right;
 	position: absolute;
 	right: 22px;
 	display: block;
 	margin-top: -23px;
 }

 .c__adminaction_td {
 	background: rgba(217, 217, 217, 0.21);
 	color: #868686;
 }

 ul.descriptionList {
 	list-style: none;
 	margin: 0px;
 	padding: 0px;
 }

 ul.descriptionList li {
 	list-style: none;
 	line-height: 40px;
 	margin-right: 16px;
 }

 .mb-4 .big {
 	background: rgba(0, 0, 0, 0.1) !important;
 	padding: 10px;
 	border-radius: var(--border-radius-6);
 	-webkit-box-shadow: inset 0px 8px 5px -7px rgba(0, 0, 0, 0.21);
 	-moz-box-shadow: inset 0px 8px 5px -7px rgba(0, 0, 0, 0.21);
 	box-shadow: inset 0px 8px 5px -7px rgba(0, 0, 0, 0.21);
 }

 .ellipsis span {
 	display: block;
 	width: 350px;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 }

 .c_boot_mainbox span.botw {
 	position: relative;
 	display: block;
 	width: 80%;
 	margin-top: -40px;
 }

 .c_boot_mainbox span.botw h3 {
 	display: table;
 	background: var(--brand-blue-light);
 	margin-bottom: .1rem;
 	padding: 0.3rem 1.5rem;
 }

 h3.category,
 .newsblock h3.category {
 	width: 95%;
 	display: block;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 .c_boot_mainbox span.botw h4:after {
 	content: '';
 	position: absolute;
 	top: 33px;
 	left: -10px;
 	margin-left: 0px;
 	width: 0;
 	height: 0;
 	border-top: solid 10px var(--brand-blue);
 	border-left: solid 10px transparent;
 }

 .bootstrap-tagsinput .tag [data-role="remove"]:after {
 	font-family: 'fontello';
 	content: "\e8dc";
 	padding: 0px 2px;
 }

 .status89 {
 	border: 1px solid var(--bs-input-border) !important;
 	background-color: rgba(255, 255, 255, 1) !important;
 	color: var(--body-label-color) !important;
 	margin: 0px;
 }

 .c_boot_mainbox .card-body a,
 .c_boot_mainbox_oftheweek .card-body a {
 	margin-right: -5px;
 	margin-bottom: .5rem;
 }

 .wow {
 	left: 107px;
 	background: #ff3019;
 	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
 	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
 	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
 	color: var(--bg-white);
 	font-size: var(--text-2xs);
 	border-radius: var(--border-radius-3);
 	position: absolute;
 	z-index: 99;
 	padding: 3px 5px;
 	text-align: center;
 	margin-top: 114px;
 	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
 }

 .align-text-bottom {
 	vertical-align: text-bottom !important;
 }

 .sb6:after {
 	border-left: 11px solid transparent;
 	border-right: 11px solid var(--bg-white);
 	border-top: 11px solid var(--bg-white);
 	border-bottom: 11px solid transparent;
 	content: "";
 	position: absolute;
 	left: -20px;
 	top: 40px;
 	filter: drop-shadow(-1px 1px 0px #ededed);
 }

 .sb7:after {
 	border-left: 8px solid var(--body-main-btn-color);
 	border-right: 11px solid transparent;
 	border-top: 11px solid transparent;
 	border-bottom: 8px solid var(--body-main-btn-color);
 	content: "";
 	position: absolute;
 	right: 50%;
 	bottom: -17px;
 	z-index: 3;
 	transform-origin: 0 0;
 	transform: rotate(-45deg);
 	filter: drop-shadow(-1px 1px 0px #ea6f00);
 }

 .c_systembox.sb7 b {
 	font-size: var(--text-md)
 }

 .anzeigen_preis .preis {
 	font-weight: var(--fw-normal);
 	margin-left: 5px;
 	font-size: var(--text-xl);
 }

 .anzeigen_preis p {
 	margin: 0;
 	color: var(--body-linkcolor-primecolor);
 }

 .anzeigen_preis small.badge {
 	padding: 4px 8px;
 	font-size: var(--text-sm);
 	color: initial;
 	display: unset;
 	right: 8px;
 	position: absolute;
 	left: 6px;
 	top: 16px;
 }

 .c_boot_mainbox a .description {
 	color: var(--body-font-color);
 	margin-top: 5px;
 	font-size: var(--text-sm);
 	font-weight: var(--fw-normal);
 }

 .mb_kalenderhack .singleCartSidebar section.card.p-3 {
 	padding: 0px !important;
 }

 .c_boot_mainbox a:hover {
 	text-decoration: none
 }

 .c_systemtext.sb6 .input_err {
 	color: var(--red-color);
 	font-size: var(--text-base);
 	width: inherit;
 	display: block;
 	position: absolute;
 	display: block !important;
 	width: max-content !important;
 	margin-top: -35px !important;
 	margin-left: 5px !important;
 }

 .gutscheine_verwalten .bilderuploadBox .input_err {
 	color: var(--bg-white);
 	font-size: var(--text-base);
 	width: inherit;
 	display: block;
 	border-radius: var(--border-radius-3);
 	background: var(--red-color);
 	margin-top: 10px;
 }

 .award {
 	width: 45px;
 	height: 45px;
 	position: absolute;
 	z-index: 3;
 	right: 10px;
 	margin-top: -50px;
 	border-radius: var(--border-radius-50);
 	color: #f8f9fa;
 	text-align: center;
 	text-shadow: 0px 1px 2px rgb(194, 102, 08);
 	background-color: #fbdd7a;
 	background-image: linear-gradient(180deg, #fbdd7a 0%, #f7bf1c 100%);
 }

 .award.features {
 	background-color: var(--bg-white);
 	background-image: linear-gradient(180deg, var(--bg-white) 0%, var(--bg-white) 100%);
 	color: var(--body-font-color);
 	text-shadow: none;
 	font-size: var(--text-lg);
 	padding: 7px !important;
 }

 .award.circle {
 	top: -20px;
 }

 .c_boot_mainbox_oftheweek .card-body,
 .c_boot_mainbox .card-body {
 	padding: 0.2rem 1.25rem;
 }
 }

 .c__wetterapp th i,
 .c__wetterapp td i {
 	font-size: var(--text-xl);
 }

 .c__wetterapp td,
 .c__wetterapp th {
 	padding: .75rem !important;
 }

 .c__wetterapp th,
 .c__wetterapp td {
 	text-align: right;
 }

 .c__wetterapp th:first-child,
 .c__wetterapp td:first-child {
 	text-align: left;
 }

 .c__wetterapp th:last-child,
 .c__wetterapp td:last-child {
 	text-align: center;
 }

 .c__backgroundimages:after {
 	-webkit-box-shadow: inset 0px 11px 5px -8px rgba(0, 0, 0, 0.15);
 	-moz-box-shadow: inset 0px 11px 5px -8px rgba(0, 0, 0, 0.15);
 	box-shadow: inset 0px 11px 5px -8px rgba(0, 0, 0, 0.15);
 	position: absolute;
 	z-index: 1;
 	width: 100%;
 	height: 100%;
 	display: block;
 	left: 0;
 	top: 0;
 	content: "";
 	background-color: rgba(20, 111, 202, 0.08);
 }

 .c__backgroundimages .container {
 	z-index: 2;
 	position: relative;
 }

 .table-responsive.c__wetterapp {
 	display: inline-table;
 	width: 100%;
 	overflow-x: scroll;
 	-webkit-overflow-scrolling: touch;
 }

 #fehler {
 	display: none;
 }

 .wetterapp {
 	padding: 1rem;
 	min-height: 120px;
 }

 .wetterapp p.grad {
 	font-size: var(--text-2xl);
 }

 .wetterapp .c__position {
 	margin-top: 22px;
 }

 .c_boot_mainbox_oftheweek .card-description {
 	padding-top: 0.5rem;
 }

 .c_bootstrap-select {
 	width: 100% !important;
 }

 .c__boxshadow_inset {
 	border-bottom: 2px solid var(--bs-input-border);
 }

 h1 span,
 h2 span,
 h3 span {
 	color: var(--body-main-btn-color) !important;
 }

 .dropdown-item {
 	display: block;
 	width: 100%;
 	padding: .25rem .5rem;
 	clear: both;
 	font-weight: var(--fw-normal);
 	color: var(--body-font-color);
 	text-align: inherit;
 	white-space: nowrap;
 	background-color: transparent;
 	border: 0;
 }

 .page-header>.container-fluid {
 	z-index: 2;
 	padding-top: 6vh;
 	padding-bottom: 40px;
 }

 .page-header .content-center {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	z-index: 2;
 	-webkit-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	text-align: center;
 	color: var(--bg-white);
 	padding: 0 15px;
 	width: 100%;
 	max-width: 880px;
 }

 .page-header footer {
 	position: absolute;
 	bottom: 0;
 	width: 100%;
 }

 .page-header .container {
 	height: 100%;
 	z-index: 1;
 	text-align: center;
 	position: relative;
 }

 .page-header .category,
 .page-header .description {
 	color: rgba(255, 255, 255, 0.8);
 }

 .page-header.header-klein h1,
 .page-header.header-klein h2 {
 	display: none;
 }

 .features-2,
 .features-1,
 .features-3 {
 	text-align: center;
 }

 .c__background_2.c__boxshadow_inset.pt-5.pb-5.grids .card {
 	margin-bottom: 40px;
 }

 .c__background_2.c__boxshadow_inset.pt-5.pb-5.grids .card-footer {
 	padding-bottom: 2rem;
 }

 .anbieter .card-footer,
 .anbieter .card-footer::before {
 	content: 'Kategorie:';
 	margin: 0px;
 	font-size: var(--text-2xs);
 	padding: 16px 0px 0px 0px;
 }

 .news .card-avatar a,
 .anbieter .card-avatar a {
 	cursor: pointer;
 }

 .anbieter .card-avatar .rounded-circle {
 	background: var(--brand-blue-light);
 	background: -moz-radial-gradient(center, ellipse cover, var(--brand-blue-light) 1%, var(--brand-blue) 99%);
 	background: -webkit-radial-gradient(center, ellipse cover, var(--brand-blue-light) 1%, var(--brand-blue) 99%);
 	background: radial-gradient(ellipse at center, var(--brand-blue-light) 1%, var(--brand-blue) 99%);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--brand-blue-light)', endColorstr='var(--brand-blue)', GradientType=1);
 	width: 50px;
 	text-align: center;
 	color: var(--bg-white);
 	line-height: 45px;
 	border-radius: var(--border-radius-50) !important;
 	position: absolute;
 	z-index: 9;
 	overflow: hidden;
 	height: 50px;
 	right: 20px;
 	top: 69px;
 	letter-spacing: -1px;
 	border: 3px solid var(--bg-white);
 	font-size: var(--text-xl);
 	font-weight: var(--fw-normal);
 	transition: all 0.5s ease-in-out;
 	cursor: pointer;
 }

 .news .card-avatar a:hover .rounded-circle,
 .anbieter .card-avatar a:hover .rounded-circle {
 	transition: all 0.5s ease-in-out;
 	background: var(--body-main-btn-color);
 	background: -moz-radial-gradient(center, ellipse cover, #ffa959 1%, var(--body-main-btn-color) 99%);
 	background: -webkit-radial-gradient(center, ellipse cover, #ffa959 1%, var(--body-main-btn-color) 99%);
 	background: radial-gradient(ellipse at center, #ffa959 1%, var(--body-main-btn-color) 99%);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa959', endColorstr='var(--body-main-btn-color)', GradientType=1);
 }

 .news .card-avatar .rounded-circle {
 	background: var(--brand-blue-light);
 	background: -moz-radial-gradient(center, ellipse cover, var(--brand-blue-light) 1%, var(--brand-blue) 99%);
 	background: -webkit-radial-gradient(center, ellipse cover, var(--brand-blue-light) 1%, var(--brand-blue) 99%);
 	background: radial-gradient(ellipse at center, var(--brand-blue-light) 1%, var(--brand-blue) 99%);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--brand-blue-light)', endColorstr='var(--brand-blue)', GradientType=1);
 	width: 50px;
 	text-align: center;
 	color: var(--bg-white);
 	line-height: 45px;
 	border-radius: var(--border-radius-50) !important;
 	position: absolute;
 	z-index: 9;
 	overflow: hidden;
 	height: 50px;
 	letter-spacing: -1px;
 	border: 3px solid var(--bg-white);
 	font-size: var(--text-xl);
 	font-weight: var(--fw-normal);
 	transition: all 0.5s ease-in-out;
 	cursor: pointer;
 }

 .anbieter .card-avatar .rounded-circle span {
 	display: block;
 	visibility: hidden;
 }

 .anbieter .card-avatar .rounded-circle span:first-letter {
 	visibility: visible;
 }

 .features-2 .info-title,
 .features-2 .title {
 	color: var(--bg-white);
 }

 .features-5 .info {
 	max-width: none;
 	margin: 0 auto;
 	padding: 40px 0 0px;
 }

 .features-6 .info:first-child {
 	padding-top: 130px;
 }

 .features-7,
 .features-2,
 .features-8 {
 	position: relative;
 }

 .features-7 .container,
 .features-7 .container-fluid,
 .features-7 .title,
 .features-7 .description,
 .features-2 .container,
 .features-2 .container-fluid,
 .features-2 .title,
 .features-2 .description,
 .features-8 .container,
 .features-8 .container-fluid,
 .features-8 .title,
 .features-8 .description {
 	position: relative;
 	z-index: 2;
 }

 .features-8 .title,
 .features-7 .title {
 	color: var(--bg-white);
 }

 .features-8 .title.description {
 	margin-bottom: 70px;
 }

 .features-7 {
 	overflow: hidden;
 }

 .features-7 .info-title {
 	color: var(--bg-white);
 }

 .features-7 .info-horizontal {
 	padding: 15px 0 0;
 }

 .features-7 .info-horizontal:first-child {
 	padding-top: 45px;
 }

 .features-7 .image-container {
 	max-width: 1200px;
 	position: relative;
 	height: 550px;
 	margin-top: 58px;
 }

 .features-7 .image-container img {
 	max-width: 1200px;
 	left: 100px;
 	top: 0;
 	height: auto;
 	position: absolute;
 }

 .page-header.header-klein .page-header.header-klein .title {
 	display: none;
 }

 a.collapseButton.btn .ico.collapseButton {
 	line-height: var(--lh-none);
 	font-size: var(--text-2xs);
 }

 .typography-line span {
 	margin-left: 0;
 }

 .footer .pull-left,
 .footer .pull-right {
 	float: unset;
 }

 .media {
 	display: block;
 }

 .media .media {
 	padding-left: 35px;
 }

 .fileinput {
 	margin: 0 auto;
 	width: -webkit-fill-available;
 	width: -moz-available;
 	width: stretch;
 }

 .header-3 .buttons {
 	text-align: center !important;
 }

 .button-container a {
 	margin-right: .5rem;
 }

 .button-container {
 	margin-top: -47px;
 	position: absolute;
 	z-index: 9;
 }

 .mt-50 {
 	margin-top: -50px;
 }

 .mt-100 {
 	margin-top: -100px;
 }

 .mt-150 {
 	margin-top: -150px;
 }

 .subscribe-line .card-form-horizontal .btn {
 	margin-top: 10px;
 }

 .modal .modal-dialog .modal-header button.close {
 	font-size: var(--text-3xl);
 	padding: 0;
 	right: 19px;
 	z-index: 9;
 	top: 10px;
 	height: 50px;
 	color: var(--body-main-btn-color);
 	opacity: 1;
 	width: 61px;
 }

 .header-3 .btn {
 	margin-bottom: 10px;
 }

 .page-header .container h6.category-absolute {
 	width: 90%;
 }

 .sky-mega-menu-pos-top.c_sticky {
 	padding-top: 84px;
 	position: fixed;
 	z-index: 200;
 }

 .numberlist li {
 	line-height: var(--lh-prose);
 	font-weight: var(--fw-normal);
 	font-size: var(--text-base);
 }

 .footer {
 	color: var(--bg-white);
 	border-top: 2px solid var(--bg-white);
 	padding: 3rem 0 1rem 0;
 	background: var(--brand-blue);
 	background: -moz-linear-gradient(left,
 			var(--brand-blue) 0%,
 			var(--brand-blue) 50%,
 			var(--brand-blue) 100%);
 	background: -webkit-linear-gradient(left,
 			var(--brand-blue) 0%,
 			var(--brand-blue) 50%,
 			var(--brand-blue) 100%);
 	background: linear-gradient(to right,
 			var(--brand-blue) 0%,
 			var(--brand-blue) 50%,
 			var(--brand-blue) 100%);
 }

 .footerAnbieter {
 	display: none
 }

 .template_1 .template_2,
 .templateMain .template_2 {
 	display: none !important;
 }

 .footeradmin {
 	padding: 1rem 0 1rem 0 !important;
 }

 .page-header.header-klein .footer {
 	border-top: 0px solid var(--bg-white);
 	padding: 0rem !important;
 }

 .footerlast {
 	border-top: 1px solid #2f6f8a;
 	padding: 1rem 0rem 4rem 0rem;
 	background: var(--brand-blue-dark);
 }

 .footer.footer-default {
 	background-color: var(--brand-blue);
 }

 .footer.footer-white {
 	background-color: var(--bg-white);
 }

 .footer nav {
 	display: inline-block;
 	float: left;
 }

 .footer .content {
 	text-align: left;
 }

 .footer .nav-link {
 	display: inline;
 }

 .footer.footer-big {
 	padding: 30px 0;
 }

 .footer.footer-big .social-feed i {
 	font-size: var(--text-lg);
 	float: left;
 	padding-right: 10px;
 	padding-bottom: 30px;
 }

 .inserieren ul.anzeigen_opt,
 .anzeigen ul.anzeigen_opt {
 	display: flex;
 	width: 100%;
 	padding: 15px;
 }

 .inserieren ul.anzeigen_opt li,
 .anzeigen ul.anzeigen_opt li {
 	float: left !important;
 	padding-right: 10px;
 	text-align: center;
 	width: -webkit-fill-available;
 	align-content: space-between;
 	align-items: center;
 	font-size: 80%;
 	display: initial;
 	width: inherit;
 }

 .footer ul:not(.links-vertical),
 .links-vertical {
 	line-height: var(--lh-prose);
 	padding: 0px;
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 }

 .footer ul.links-vertical li {
 	display: block;
 	margin-left: -5px;
 	margin-right: -5px;
 	margin-bottom: 0px;
 }

 .footer ul.links-vertical li a {
 	padding: 5px;
 	display: block;
 }

 .footer ul li {
 	display: inline-block;
 }

 .footer ul li a {
 	color: inherit;
 	text-decoration: none;
 }

 .footer ul li a:hover {
 	text-decoration: none;
 }

 .footer .social-buttons {
 	text-align: right
 }

 .footer .social-buttons a,
 .footer .social-buttons .btn {
 	margin: 0;
 }

 .footer .pull-center {
 	display: inline-block;
 	float: none;
 }

 .footer .copyright {
 	line-height: var(--lh-prose);
 	float: right;
 }

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

 .alert {
 	border: 0;
 	border-radius: var(--border-radius-3);
 	color: var(--bg-white);
 	padding-top: .9rem;
 	padding-bottom: .9rem;
 	position: relative;
 	padding: .75rem 1.25rem;
 	margin-bottom: 1rem;
 	border: 1px solid transparent;
 	border-radius: .25rem;
 }

 .alert .alert-link {
 	color: var(--bg-white);
 	opacity: .8;
 }

 /* .success_txt {
	color: var(--color-alert-success) !important;
}
.danger_txt {
	color: var(--red-color) !important;
}
.alert.alert-danger {
	background-color: var(--red-color);
}
.alert.alert-warning {
	background-color: #FFC265;
	color: var(--color-alert-warning);
}
.alert.alert-warning h5,
.alert.alert-warning {
	color: var(--color-alert-warning) !important;
} */
 /* 
.alert.alert-info {
	background-color: #60BAFF;
}
 */
 .alert .alert-icon {
 	display: block;
 	float: left;
 	margin-right: 15px;
 	margin-top: -1px;
 }

 .alert strong {
 	text-transform: uppercase;
 	font-size: var(--text-base);
 }

 .alert i.fa,
 .alert i.now-ui-icons {
 	font-size: var(--text-lg);
 }

 .alert .close {
 	color: var(--bg-white);
 	opacity: .9;
 	text-shadow: none;
 	line-height: 0;
 	outline: 0;
 	display: inline-block;
 	cursor: pointer;
 }

 .pointer {
 	cursor: pointer;
 }

 .form-check .form-check-label {
 	display: inline-block;
 	cursor: pointer;
 	padding-left: 20px;
 	line-height: 26px;
 	margin-bottom: 0;
 	transition: color 0.3s linear;
 }

 .radio .form-check-sign {
 	padding-left: 28px;
 }

 .form-check .form-check-sign::before,
 .form-check .form-check-sign::after {
 	content: " ";
 	display: inline-block;
 	position: absolute;
 	width: 26px;
 	height: 26px;
 	left: 0;
 	cursor: pointer;
 	border-radius: var(--border-radius-3);
 	top: 0;
 	background-color: var(--bg-white);
 	border: 1px solid var(--bs-input-border);
 	transition: opacity 0.3s linear;
 }

 .form-check .form-check-sign::after {
 	font-family: "fontello";
 	content: "\e903";
 	top: 0px;
 	text-align: center;
 	opacity: 0;
 	color: rgba(20, 111, 202, 1);
 	border: 0;
 	font-weight: var(--fw-extrabold);
 	background-color: inherit;
 }

 .form-check .form-check-input:checked~.form-check-sign::after {
 	opacity: 1 !important;
 	color: rgba(20, 111, 202, 1);
 }

 .form-check.disabled .form-check-label,
 .form-check.disabled .form-check-label {
 	color: var(--body-font-color);
 	opacity: .5;
 	cursor: not-allowed;
 }

 .form-check .form-check-sign.disabled::before,
 .form-check .form-check-sign.disabled::after {
 	background-color: var(--bs-input-bg-disabled);
 	cursor: not-allowed;
 	border: 1px solid var(--bs-input-border);
 }

 .sb6 .form-check .form-check-sign::before,
 .sb6 .form-check .form-check-sign::after {
 	border: 2px solid #1866b3;
 }

 .form-check input[type="checkbox"],
 .radio input[type="radio"] {
 	opacity: 0;
 	position: absolute;
 	visibility: hidden;
 }

 input[type="radio"] {
 	display: none
 }

 input[type="radio"]+label {
 	font-weight: var(--fw-normal);
 	font-size: var(--text-sm);
 }

 input[type="radio"]+label span {
 	background-color: var(--bg-white);
 	border: 1px solid #ced4d9;
 }

 input[type="radio"]+label span {
 	display: inline-block;
 	width: 24px;
 	height: 24px;
 	margin: -4px 10px 0 0;
 	vertical-align: middle;
 	cursor: pointer;
 	-moz-border-radius: var(--border-radius-50);
 	border-radius: var(--border-radius-50);
 }

 input[type="radio"]:checked+label {
 	color: var(--brand-blue);
 	font-weight: var(--fw-bold);
 }

 input[type="radio"]:checked+label span {
 	background-color: var(--bg-white);
 }

 input[type="radio"]+label span i {
 	display: none
 }

 input[type="radio"]:checked+label span i {
 	display: inline;
 	color: #156eca !important;
 	margin-left: 1px;
 	line-height: 20px;
 }

 input[type="radio"]:checked+label span {
 	background-color: var(--bg-white);
 }

 .buchen_tarif_line input[type="radio"]:checkedlabel:before {
 	background-color: #93e026;
 }

 .form-check input[type="checkbox"]:checked.form-check-sign::after {
 	opacity: 1;
 }

 .option_pflicht .form-check-sign::after {
 	opacity: 0.2 !important;
 	color: var(--body-label-color) !important;
 }

 .form-control input[type="checkbox"]:disabled.form-check-sign::before,
 .checkbox input[type="checkbox"]:disabled.form-check-sign::after {
 	cursor: not-allowed;
 }

 .form-check input[type="checkbox"]:disabled.form-check-sign,
 .form-check input[type="radio"]:disabled.form-check-sign {
 	pointer-events: none;
 }

 .form-check-radio .form-check-sign::before,
 .form-check-radio .form-check-sign::after {
 	content: " ";
 	width: 20px;
 	height: 20px;
 	border-radius: var(--border-radius-50);
 	border: 1px solid var(--bs-input-border);
 	display: inline-block;
 	position: absolute;
 	left: 3px;
 	top: 3px;
 	padding: 1px;
 	transition: opacity 0.3s linear;
 }

 .form-check-radio input[type="radio"].form-check-sign:after,
 .form-check-radio input[type="radio"] {
 	opacity: 0;
 }

 .form-check-radio input[type="radio"]:checked.form-check-sign::after {
 	width: 4px;
 	height: 4px;
 	background-color: var(--card-grey-color);
 	border-color: var(--card-grey-color);
 	top: 11px;
 	left: 11px;
 	opacity: 1;
 }

 .form-check-radio input[type="radio"]:checked.form-check-sign::after {
 	opacity: 1;
 }

 .form-check-radio input[type="radio"]:disabled.form-check-sign {
 	color: var(--body-font-color);
 }

 .form-check-radio input[type="radio"]:disabled.form-check-sign::before,
 .form-check-radio input[type="radio"]:disabled.form-check-sign::after {
 	color: var(--body-font-color);
 }

 .c__sortselect .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
 	width: 100% !important;
 }

 .singleCartSidebar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
 	width: 100%;
 }

 .singleCartSidebar .slider,
 .singleCartSidebar p {
 	margin-top: 1rem;
 	margin-bottom: 0rem;
 }

 .fileinput-button {
 	color: var(--bg-white) !important;
 }

 .fileinput-button input {
 	height: 59px;
 }

 .progress-container {
 	position: relative;
 }

 .progress-container.progress-container,
 .progress-container~.progress-container {
 	margin-top: 15px;
 }

 .progress-container .progress-badge {
 	color: var(--card-grey-color);
 	text-transform: uppercase;
 }

 .progress-container .progress {
 	height: 3px;
 	border-radius: var(--border-radius-0);
 	box-shadow: none;
 	background: rgba(222,
 			222,
 			222,
 			0.8);
 	margin-top: 14px;
 }

 .progress-container .progress .progress-bar {
 	box-shadow: none;
 	background-color: var(--card-grey-color);
 }

 .progress-container .progress .progress-value {
 	position: absolute;
 	top: 2px;
 	right: 0;
 	color: var(--card-grey-color);
 }

 .progress-bar {
 	background-image: -webkit-linear-gradient(135deg, var(--brand-blue-light) 25%, transparent 25%, transparent 50%, var(--brand-blue-light) 50%, var(--brand-blue-light) 75%, transparent 75%, transparent);
 	background-image: linear-gradient(135deg, var(--brand-blue-light) 25%, transparent 25%, transparent 50%, var(--brand-blue-light) 50%, var(--brand-blue-light) 75%, transparent 75%, transparent);
 	-webkit-animation: progress-bar 3s ease infinite;
 	-moz-animation: progress-bar 3s ease infinite;
 	-o-animation: progress-bar 3s ease infinite;
 	animation: progress-bar 3s ease infinite;
 }

 @-webkit-keyframes progress-bar {
 	0% {
 		background-position: 0% 100%
 	}

 	100% {
 		background-position: 100% 0%
 	}
 }

 @-moz-keyframes progress-bar {
 	0% {
 		background-position: 0% 100%
 	}

 	100% {
 		background-position: 100% 0%
 	}
 }

 @-o-keyframes progress-bar {
 	0% {
 		background-position: 0% 100%
 	}

 	100% {
 		background-position: 100% 0%
 	}
 }

 @keyframes progress-bar {
 	0% {
 		background-position: 0% 100%
 	}

 	100% {
 		background-position: 100% 0%
 	}
 }

 .bilderuploadBox {
 	align-items: center;
 	border-radius: var(--border-radius-6);
 	border: 2px dashed var(--background-color-alert-light);
 	box-sizing: border-box;
 	height: 100%;
 	justify-content: center;
 	padding: 8px;
 }

 .imageuploadpreviewbg {
 	position: relative;
 	margin-top: -30px;
 	background: var(--body-main-btn-color);
 	width: 100%;
 	color: var(--bs-input-bg);
 	font-size: var(--text-lg);
 	display: -webkit-box;
 	padding: 5px;
 	overflow: auto;
 }

 .imageuploadpreviewbg a {
 	color: var(--bs-input-bg);
 	display: block;
 	cursor: pointer;
 }

 .imageuploadpreviewbg i:hover {
 	color: var(--bs-input-bg);
 }

 .c__adminarea .ui-autocomplete-input,
 .rechnung .ui-autocomplete-input {
 	border: 1px solid var(--bg-white) !important;
 }

 .js_verifizierung_tel {
 	height: 380px;
 	position: absolute;
 	top: 0px;
 	left: 0px;
 	width: inherit;
 }

 .js_verifizierung_code {
 	height: 380px;
 	position: absolute;
 	top: 0px;
 	left: 0px;
 	width: inherit;
 }

 .btn-file {
 	position: relative;
 	overflow: hidden;
 	vertical-align: middle;
 }

 .btn-file>input {
 	position: absolute;
 	top: 0;
 	right: 0;
 	width: 100%;
 	height: 100%;
 	margin: 0;
 	font-size: var(--text-xl);
 	cursor: pointer;
 	filter: alpha(opacity=0);
 	opacity: 0;
 	direction: ltr;
 }

 .fileinput {
 	display: inline-block;
 	margin-bottom: 9px;
 }

 .fileinput .form-control {
 	display: inline-block;
 	padding-top: 7px;
 	padding-bottom: 5px;
 	margin-bottom: 0;
 	vertical-align: middle;
 	cursor: text;
 }

 .fileinput .thumbnail {
 	display: inline-block;
 	margin-bottom: 10px;
 	overflow: hidden;
 	text-align: center;
 	vertical-align: middle;
 	max-width: 360px;
 }

 .fileinput .thumbnail.img-circle {
 	border-radius: var(--border-radius-50);
 	max-width: 100px;
 }

 .fileinput .thumbnail>img {
 	max-height: 100%;
 }

 .fileinput .btn {
 	vertical-align: middle;
 }

 .fileinput-exists .fileinput-new,
 .fileinput-new .fileinput-exists {
 	display: none;
 }

 .fileinput-inline .fileinput-controls {
 	display: inline;
 }

 .fileinput-filename {
 	display: inline-block;
 	overflow: hidden;
 	vertical-align: middle;
 }

 .form-control .fileinput-filename {
 	vertical-align: bottom;
 }

 .fileinput.input-group {
 	display: table;
 }

 .fileinput.input-group>* {
 	position: relative;
 	z-index: 2;
 }

 .fileinput.input-group>.btn-file {
 	z-index: 1;
 }

 .fileinput-new.input-group .btn-file,
 .fileinput-new .input-group .btn-file {
 	border-radius: 0 4px 4px 0;
 }

 .fileinput-new.input-group .btn-file.btn-xs,
 .fileinput-new .input-group .btn-file.btn-xs,
 .fileinput-new.input-group .btn-file.btn-sm,
 .fileinput-new .input-group .btn-file.btn-sm {
 	border-radius: 0 3px 3px 0;
 }

 .fileinput-new.input-group .btn-file.btn-lg,
 .fileinput-new .input-group .btn-file.btn-lg {
 	border-radius: 0 6px 6px 0;
 }

 .form-group.has-warning .fileinput .fileinput-preview {
 	color: var(--btn-warning-bg);
 }

 .form-group.has-warning .fileinput .thumbnail {
 	border-color: var(--btn-warning-bg);
 }

 .form-group.has-error .fileinput .fileinput-preview {
 	color: var(--red-color);
 }

 .form-group.has-error .fileinput .thumbnail {
 	border-color: var(--red-color);
 }

 .form-group.has-success .fileinput .fileinput-preview {
 	color: var(--color-alert-success);
 }

 .form-group.has-success .fileinput .thumbnail {
 	border-color: var(--color-alert-success);
 }

 .input-group-text:not(:first-child) {
 	border-left: 0;
 }

 .thumbnail {
 	border: 0 none;
 	border-radius: var(--border-radius-0);
 	padding: 0;
 }

 @keyframes fadeInUp {
 	from {
 		transform: translate3d(0, 40px, 0);
 	}

 	to {
 		transform: translate3d(0, 0, 0);
 		opacity: 1;
 	}
 }

 @-webkit-keyframes fadeInUp {
 	from {
 		transform: translate3d(0, 40px, 0);
 	}

 	to {
 		transform: translate3d(0, 0, 0);
 		opacity: 1;
 	}
 }

 .animated {
 	animation-duration: 1s;
 	animation-fill-mode: both;
 	-webkit-animation-duration: 1s;
 	-webkit-animation-fill-mode: both;
 }

 .animatedFadeInUp {
 	opacity: 0;
 }

 .fadeInUp {
 	opacity: 0;
 	animation-name: fadeInUp;
 	-webkit-animation-name: fadeInUp;
 }

 .edit_hover_class {
 	width: 100px;
 	height: 100px;
 	background-color: red;
 }

 .panel-body {
 	margin-top: 20px;
 	display: block;
 }

 #accordion .card .card-header {
 	background: var(--background-color-alert-light);
 	color: var(--color-alert-light);
 }

 .has-success .form-control {
 	border-color: var(--bs-input-border);
 }

 .form-control:focus {
 	border: 1px solid var(--body-main-btn-color);
 	box-shadow: none;
 	outline: 0 !important;
 	color: var(--body-font-color);
 }

 .form-control:focus.input-group-text,
 .form-control:focus~.input-group-text {
 	border: 1px solid var(--body-main-btn-color);
 	border-left: none;
 	background-color: transparent;
 }

 .has-success .form-control,
 .has-error .form-control,
 .has-success .form-control:focus,
 .has-error .form-control:focus {
 	box-shadow: none;
 }

 .has-success .form-control:focus {
 	border-color: #1be611;
 }

 .has-danger .form-control.form-control-success,
 .has-danger .form-control.form-control-danger,
 .has-success .form-control.form-control-success,
 .has-success .form-control.form-control-danger {
 	background-image: none;
 }

 .has-danger .form-control {
 	border-color: #ffcfcf;
 	color: var(--red-color);
 	background-color: rgba(222,
 			222,
 			222,
 			0.1);
 }

 .has-danger .form-control:focus {
 	background-color: var(--bg-white);
 }

 .form-control.form-control-feedback {
 	border-radius: var(--border-radius-3);
 	margin-top: -7px;
 	position: absolute;
 	right: 10px;
 	top: 50%;
 	vertical-align: middle;
 }

 .open .form-control {
 	border-radius: 0.25rem 0.25rem 0 0;
 	border-bottom-color: transparent;
 }

 .has-success:after,
 .has-danger:after {
 	font-family: 'Nucleo Outline';
 	content: "\ea22";
 	display: inline-block;
 	position: absolute;
 	right: 20px;
 	top: 12px;
 	color: var(--color-alert-success);
 	font-size: var(--text-base);
 	;
 }

 .has-success.input-lg:after,
 .has-danger.input-lg:after {
 	font-size: var(--text-sm);
 	top: 13px;
 }

 .has-danger:after {
 	content: "\ea53";
 	color: var(--red-color);
 }

 dl,
 ol,
 ul {
 	margin-top: 0;
 	margin-bottom: 1rem;
 }

 .has-error .form-control-feedback,
 .has-error .control-label {
 	color: var(--red-color);
 }

 .has-success .form-control-feedback,
 .has-success .control-label {
 	color: var(--color-alert-success);
 }

 .form-group input[type=file] {
 	opacity: 0;
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 100;
 }

 [data-background-color="darkblue"]:not(.suche-mobile) .form-control,
 [data-background-color="darkblue"]:not(.suche-mobile) .form-control:focus {
 	border-color: var(--bg-white) !important;
 	background-color: var(--bg-white) !important;
 	color: var(--body-label-color) !important;
 }

 [data-background-color="blue"] .card-body a {
 	color: var(--bg-white);
 	font-weight: var(--fw-semibold);
 }

 [data-background-color="blue"] .card-header {
 	background: initial
 }

 [data-background-color="blue"],
 [data-background-color="blue"] label,
 [data-background-color="blue"] a {
 	color: var(--bg-white);
 }

 [data-background-color="blue"] a span.text {
 	color: var(--body-label-color);
 	font-weight: var(--fw-normal);
 }

 [data-background-color="darkblue"] .blockquote {
 	border-color: var(--bg-white);
 	border-radius: var(--border-radius-3);
 	background: rgba(255, 255, 255, 0.155)
 }

 .card[data-background-color="blue"] {
 	background-color: var(--brand-blue-light);
 }

 .card[data-background-color="blue"] h2 {
 	line-height: inherit;
 }

 .card[data-background-color="BootFunBanner"] {
 	background: radial-gradient(circle at top right, #154769, #267fbb);
 	border-radius: var(--border-radius-3);
 }

 .card[data-background-color="BootFunBanner"] p,
 .card[data-background-color="BootFunBanner"] h2,
 .card[data-background-color="BootFunBanner"] h3 {
 	color: var(--bg-white);
 }

 .card[data-background-color="blue"].input-group-text {
 	color: var(--body-font-color) !important;
 }

 .dropdown-menu li a {
 	margin-top: 0px;
 	border-bottom: 1px solid rgba(221, 221, 221, 0.4);
 }

 .region .card-image,
 .news .card-image {
 	border: 1px solid var(--card-border-color);
 }

 .summary .border.rounded .display-2 {
 	color: var(--color-9);
 }

 .home .border.rounded {
 	background: var(--bg-white);
 	box-shadow: var(--card-shadow);
 }

 .summary .number_x .display-2,
 .summary .number_0 .display-2 {
 	background: transparent;
 	color: var(--color-11) !important;
 }

 .summary .number_1 .display-2,
 .summary .number_2 .display-2,
 .summary .number_3 .display-2,
 .summary .number_4 .display-2,
 .summary .number_5 .display-2,
 .summary .number_6 .display-2,
 .summary .number_7 .display-2,
 .summary .number_8 .display-2,
 .summary .number_9 .display-2,
 .summary .number_10 .display-2 {
 	color: var(--color-2) !important;
 	color: var(--bg-white)
 }

 span.label {
 	font-size: var(--text-sm);
 	font-weight: var(--fw-normal);
 }

 .card.c_boot_mainbox .card-image {
 	width: 100%;
 }

 .ui-autocomplete {
 	min-width: 10rem;
 	margin: 0.6rem 0 0;
 	text-align: left;
 	list-style: none;
 	background-color: var(--bg-white);
 	color: var(--body-font-color);
 	z-index: 9999;
 	margin-top: 0px;
 	;
 }

 .ui-autocomplete:before {
 	display: inline-block;
 	position: absolute;
 	width: 0;
 	height: 0;
 	vertical-align: middle;
 	content: "";
 	top: -5px;
 	left: 10px;
 	right: auto;
 	color: var(--bg-white);
 	border-bottom: .4em solid;
 	border-right: .4em solid transparent;
 	border-left: .4em solid transparent;
 }

 .ui-autocomplete .ui-menu-item-wrapper {
 	border: 0px !important;
 	padding-top: .6rem;
 	padding-bottom: .6rem;
 	margin: 0 !important;
 	cursor: pointer;
 	color: #212523 !important;
 	padding: 0.4em 2px 5px 1.5em !important;
 }

 .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
 	background-color: rgba(222,
 			222,
 			222,
 			0.3) !important;
 	border: 0px !important;
 	padding: 0.4em 2px 5px 1.5em !important;
 	margin: 0 !important;
 	cursor: pointer;
 	color: #212523 !important;
 	padding-bottom: .6rem;
 }

 .ui-autocomplete .ui-menu-item {
 	margin: 0 !important;
 	cursor: pointer;
 	color: var(--body-label-color);
 	transition: all 150ms linear;
 	border-bottom: 1px solid rgba(221,
 			221,
 			221,
 			0.4);
 }

 .ui-autocomplete {
 	border-radius: var(--border-radius-3) !important;
 	border: 0px !important;
 	box-shadow: 0px 10px 50px 0px rgba(0,
 			0,
 			0,
 			0.2);
 	margin-top: 7px !important;
 }

 .ui-state-default,
 .ui-autocomplete .ui-state-default {
 	border: 3px solid var(--bg-white);
 	background: var(--btn-primary-bg);
 	font-weight: var(--fw-normal);
 	border-radius: var(--border-radius-50);
 	padding: 10px;
 	box-shadow: 0px 1px 5px 0px rgba(0,
 			0,
 			0,
 			0.2);
 	margin-top: -7px;
 }

 .ui-state-default,
 .ui-widget-content .ui-state-default:hover {
 	background: var(--btn-primary-bg);
 	cursor: pointer;
 }

 .ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
 	-webkit-box-shadow: inset 1px 3px 5px -2px rgba(0,
 			0,
 			0,
 			0.35);
 	-moz-box-shadow: inset 1px 3px 5px -2px rgba(0,
 			0,
 			0,
 			0.35);
 	box-shadow: inset 1px 3px 5px -2px rgba(0,
 			0,
 			0,
 			0.35);
 	border: 0px;
 	background: #e9e9e9;
 	height: 5px;
 	margin-top: 0.6rem;
 }

 .ui-slider-horizontal .ui-slider-range {
 	top: 0;
 	height: 100%;
 	-webkit-box-shadow: inset 1px 3px 5px -2px rgba(0,
 			0,
 			0,
 			0.35);
 	-moz-box-shadow: inset 1px 3px 5px -2px rgba(0,
 			0,
 			0,
 			0.35);
 	box-shadow: inset 1px 3px 5px -2px rgba(0,
 			0,
 			0,
 			0.35);
 	background: var(--body-main-btn-color);
 }

 .dropdown-menu {
 	position: absolute;
 	top: 100%;
 	left: auto;
 	z-index: 1000;
 	display: none;
 	float: left;
 	border: 0px !important;
 	min-width: 10rem;
 	color: var(--body-font-color);
 	margin-top: 0px;
 	text-align: left;
 	list-style: none;
 	background-color: var(--bg-white);
 	background-clip: padding-box;
 	border: 1px solid rgba(0,
 			0,
 			0,
 			.15);
 }

 .dropdown-menu {
 	border: 0;
 	box-shadow: 0px 10px 50px 0px rgba(0,
 			0,
 			0,
 			0.2);
 	border-radius: var(--border-radius-3);
 }

 .input-group .input-group-append.select .selectpicker {
 	width: 100%
 }

 .datumtyp.datumtyp_4 .dropdown .selectpicker .datumtyp.datumtyp_4 .dropdown .selectpicker,
 .datumtyp.datumtyp_3 .dropdown .dropdown-menu.show,
 .datumtyp.datumtyp_4 .dropdown .dropdown-menu.show,
 .dropdown-menu.inner.show,
 .input-group .input-group-append.select .dropdown-menu.show {
 	max-width: auto !important;
 	min-width: 100%;
 	position: revert;
 	display: block;
 	width: 100% !important;
 	overflow-x: initial !important;
 	overflow-x: scroll;
 	-webkit-overflow-scrolling: touch;
 	z-index: 80;
 }

 .c_searchbar.collapse1 .input-group .input-group-append button {
 	background: transparent;
 	border: 0px;
 }

 .c_searchbar.collapse1 .input-group-append span.input-group-text {
 	padding: 0 !important;
 }

 .c_searchbar.collapse1 .input-group-append span.input-group-text i {
 	color: var(--bg-white);
 }

 .dropdown-menu.dropdown-menu-right:before {
 	left: auto;
 	right: 10px;
 }

 .bootstrap-select .dropdown-menu.inner li a {
 	padding-top: .6rem;
 	padding-bottom: .6rem;
 	padding-left: 1.4rem;
 	margin-top: 5px;
 	transition: all 150ms linear;
 	outline: none;
 }

 .dropdown-menu .dropdown-item:hover,
 .dropdown-menu .dropdown-item:focus,
 .bootstrap-select .dropdown-menu.inner li a:hover,
 .bootstrap-select .dropdown-menu.inner li a:focus {
 	background-color: rgba(222,
 			222,
 			222,
 			0.3);
 }

 .dropdown-menu .dropdown-item.disabled,
 .dropdown-menu .dropdown-item:disabled,
 .bootstrap-select .dropdown-menu.inner li a.disabled,
 .bootstrap-select .dropdown-menu.inner li a:disabled {
 	color: rgba(182,
 			182,
 			182,
 			0.6);
 }

 .dropdown-menu .dropdown-item.disabled:hover,
 .dropdown-menu .dropdown-item.disabled:focus,
 .dropdown-menu .dropdown-item:disabled:hover,
 .dropdown-menu .dropdown-item:disabled:focus,
 .bootstrap-select .dropdown-menu.inner li a.disabled:hover,
 .bootstrap-select .dropdown-menu.inner li a.disabled:focus,
 .bootstrap-select .dropdown-menu.inner li a:disabled:hover,
 .bootstrap-select .dropdown-menu.inner li a:disabled:focus {
 	background-color: transparent;
 }

 .dropdown-menu:before {
 	display: inline-block;
 	position: absolute;
 	width: 0;
 	height: 0;
 	vertical-align: middle;
 	content: "";
 	top: -5px;
 	left: 10px;
 	right: auto;
 	color: var(--bg-white);
 	border-bottom: .4em solid;
 	border-right: .4em solid transparent;
 	border-left: .4em solid transparent;
 }

 .dropdown-menu .dropdown-divider {
 	background-color: rgba(222,
 			222,
 			222,
 			0.5);
 }

 .dropdown-menu .dropdown-header:not([href]):not([tabindex]) {
 	color: var(--card-grey-color);
 	font-size: 0.7142em;
 	text-transform: uppercase;
 	font-weight: var(--fw-normal);
 }

 .dropdown-menu.dropdown-primary {
 	background-color: #f95823;
 }

 .dropdown-menu.dropdown-primary:before {
 	color: #f95823;
 }

 .dropdown-menu.dropdown-primary .dropdown-header:not([href]):not([tabindex]) {
 	color: var(--card-grey-color);
 }

 .dropdown-menu.dropdown-primary .dropdown-item {
 	color: var(--bg-white);
 }

 .dropdown-menu.dropdown-primary .dropdown-item:hover,
 .dropdown-menu.dropdown-primary .dropdown-item:focus {
 	background-color: rgba(255,
 			255,
 			255,
 			0.2);
 }

 .dropdown-menu.dropdown-primary .dropdown-divider {
 	background-color: rgba(255,
 			255,
 			255,
 			0.2);
 }

 .dropdown-menu.dropdown-info {
 	background-color: var(--brand-blue-light);
 }

 .dropdown-menu.dropdown-info:before {
 	color: var(--brand-blue-light);
 }

 .dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]) {
 	color: rgba(255,
 			255,
 			255,
 			0.8);
 }

 .dropdown-menu.dropdown-info .dropdown-item {
 	color: var(--bg-white);
 }

 .dropdown-menu.dropdown-info .dropdown-item:hover,
 .dropdown-menu.dropdown-info .dropdown-item:focus {
 	background-color: rgba(255,
 			255,
 			255,
 			0.2);
 }

 .dropdown-menu.dropdown-info .dropdown-divider {
 	background-color: rgba(255,
 			255,
 			255,
 			0.2);
 }

 .dropdown-menu.dropdown-danger {
 	background-color: var(--red-color);
 }

 .dropdown-menu.dropdown-danger:before {
 	color: var(--red-color);
 }

 .dropdown-menu.dropdown-danger .dropdown-header:not([href]):not([tabindex]) {
 	color: rgba(255,
 			255,
 			255,
 			0.8);
 }

 .dropdown-menu.dropdown-danger .dropdown-item {
 	color: var(--bg-white);
 }

 .dropdown-menu.dropdown-danger .dropdown-item:hover,
 .dropdown-menu.dropdown-danger .dropdown-item:focus {
 	background-color: rgba(255,
 			255,
 			255,
 			0.2);
 }

 .dropdown-menu.dropdown-danger .dropdown-divider {
 	background-color: rgba(255,
 			255,
 			255,
 			0.2);
 }

 .dropdown-menu.dropdown-success {
 	background-color: var(--color-alert-success);
 }

 .dropdown-menu.dropdown-success:before {
 	color: var(--color-alert-success);
 }

 .dropdown-menu.dropdown-success .dropdown-header:not([href]):not([tabindex]) {
 	color: rgba(255,
 			255,
 			255,
 			0.8);
 }

 .dropdown-menu.dropdown-success .dropdown-item {
 	color: var(--bg-white);
 }

 .dropdown-menu.dropdown-success .dropdown-item:hover,
 .dropdown-menu.dropdown-success .dropdown-item:focus {
 	background-color: rgba(255,
 			255,
 			255,
 			0.2);
 }

 .dropdown-menu.dropdown-success .dropdown-divider {
 	background-color: rgba(255,
 			255,
 			255,
 			0.2);
 }

 .dropdown-menu.dropdown-warning {
 	background-color: var(--btn-warning-bg);
 }

 .dropdown-menu.dropdown-warning:before {
 	color: var(--btn-warning-bg);
 }

 .dropdown-menu.dropdown-warning .dropdown-header:not([href]):not([tabindex]) {
 	color: rgba(255,
 			255,
 			255,
 			0.8);
 }

 .dropdown-menu.dropdown-warning .dropdown-item {
 	color: var(--bg-white);
 }

 .dropdown-menu.dropdown-warning .dropdown-item:hover,
 .dropdown-menu.dropdown-warning .dropdown-item:focus {
 	background-color: rgba(255,
 			255,
 			255,
 			0.2);
 }

 .dropdown-menu.dropdown-warning .dropdown-divider {
 	background-color: rgba(255,
 			255,
 			255,
 			0.2);
 }

 .button-dropdown {
 	padding-right: 0.7rem;
 	cursor: pointer;
 }

 .button-dropdown .dropdown-toggle {
 	padding-top: 0.5rem;
 	padding-bottom: 0.5rem;
 	display: block;
 }

 .button-dropdown .dropdown-toggle:after {
 	display: none;
 }

 .dropdown-menu i {
 	margin-right: 5px;
 	position: relative;
 	top: 1px;
 }

 .dropdown-menu .now-ui-icons {
 	margin-right: 10px;
 	position: relative;
 	top: 4px;
 	font-size: var(--text-md);
 	margin-top: -5px;
 	opacity: .5;
 }

 .dropdown-menu .dropdown-item.active,
 .dropdown-menu .dropdown-item:active {
 	color: inherit;
 }

 .dropup .dropdown-menu:before {
 	display: none;
 }

 .dropup .dropdown-menu:after {
 	display: inline-block;
 	position: absolute;
 	width: 0;
 	height: 0;
 	vertical-align: middle;
 	content: "";
 	top: auto;
 	bottom: -5px;
 	right: auto;
 	left: 10px;
 	color: var(--bg-white);
 	border-top: .4em solid;
 	border-right: .4em solid transparent;
 	border-left: .4em solid transparent;
 }

 .dropup .dropdown-menu.dropdown-menu-right:after {
 	right: 10px;
 	left: auto;
 }

 .dropdown-menu .dropdown-item,
 .bootstrap-select .dropdown-menu.inner li a {
 	padding-top: .6rem;
 	padding-bottom: .6rem;
 	margin-top: 5px;
 	transition: all 150ms linear;
 }

 .dropdown-menu .dropdown-item:hover,
 .dropdown-menu .dropdown-item:focus,
 .bootstrap-select .dropdown-menu.inner li a:hover,
 .bootstrap-select .dropdown-menu.inner li a:focus {
 	background-color: rgba(222,
 			222,
 			222,
 			0.3);
 }

 .dropdown-menu .dropdown-item.disabled,
 .dropdown-menu .dropdown-item:disabled,
 .bootstrap-select .dropdown-menu.inner li a.disabled,
 .bootstrap-select .dropdown-menu.inner li a:disabled {
 	color: rgba(182,
 			182,
 			182,
 			0.6);
 }

 .dropdown-menu .dropdown-item.disabled:hover,
 .dropdown-menu .dropdown-item.disabled:focus,
 .dropdown-menu .dropdown-item:disabled:hover,
 .dropdown-menu .dropdown-item:disabled:focus,
 .bootstrap-select .dropdown-menu.inner li a.disabled:hover,
 .bootstrap-select .dropdown-menu.inner li a.disabled:focus,
 .bootstrap-select .dropdown-menu.inner li a:disabled:hover,
 .bootstrap-select .dropdown-menu.inner li a:disabled:focus {
 	background-color: transparent;
 }

 .dropdown .dropdown-menu:not(.inner),
 .dropdown-menu.bootstrap-datetimepicker-widget {
 	-webkit-transform: translate3d(0,
 			-25px,
 			0) !important;
 	transform: translate3d(0,
 			-25px,
 			0) !important;
 	visibility: hidden;
 	opacity: 0;
 	filter: alpha(opacity=0);
 	top: 100% !important;
 }

 .dropdown.show .dropdown-menu:not(.inner),
 .dropdown-menu.bootstrap-datetimepicker-widget.bottom.open,
 .dropdown-menu.bootstrap-datetimepicker-widget.top.open {
 	opacity: 1;
 	filter: alpha(opacity=100);
 	visibility: visible;
 	-webkit-transform: translate3d(0,
 			0px,
 			0) !important;
 	transform: translate3d(0,
 			0px,
 			0) !important;
 }

 .dropup .dropdown-menu:not(.inner),
 .dropdown-menu.bootstrap-datetimepicker-widget.top {
 	visibility: hidden;
 	opacity: 0;
 	filter: alpha(opacity=0);
 	-webkit-transform: translate3d(0,
 			25px,
 			0) !important;
 	transform: translate3d(0,
 			25px,
 			0) !important;
 	display: block;
 	top: auto !important;
 	bottom: 100% !important;
 }

 .dropup.show .dropdown-menu:not(.inner),
 .dropdown-menu.bootstrap-datetimepicker-widget.top.open {
 	visibility: visible;
 	opacity: 1;
 	filter: alpha(opacity=100);
 	-webkit-transform: translate3d(0,
 			-1px,
 			0) !important;
 	transform: translate3d(0,
 			-1px,
 			0) !important;
 }

 .suche_hide {
 	display: none;
 }

 .dropdown-item.selected span.icon-ok-circled {
 	visibility: visible !important;
 	color: rgba(24,
 			206,
 			15,
 			0.8);
 	margin-top: -3px;
 }

 .dropdown-item span.icon-ok-circled {
 	visibility: hidden;
 	position: absolute;
 	right: 5%;
 	font-size: var(--text-base);
 }

 .infobox p,
 .infobox h4 {
 	color: var(--body-label-color);
 }

 .infobox h4 {
 	font-size: var(--text-2xl);
 	font-weight: var(--fw-extrabold);
 }

 .c__adminarea.page-header.header-klein {
 	max-height: 100px !important;
 	padding: 0;
 	color: var(--bg-white);
 }

 .c__adminarea.bg-white {
 	background-color: rgba(20,
 			111,
 			202,
 			0.91) !important;
 	border-bottom: 2px solid var(--brand-blue-light) !important;
 }

 .bg-info {
 	background: #fafafa !important;
 	border: 1px solid var(--bs-input-border) !important;
 }

 .sorglos_assistent .bg-info {
 	background: initial !important;
 	border: 1px solid var(--bs-input-border) !important;
 }

 nav.c__adminarea {
 	padding-top: 0.625rem;
 	padding-bottom: 0.625rem;
 	height: 98px;
 	margin-bottom: 0px !important;
 	box-shadow: 0px 0px 20px 0px rgba(0,
 			0,
 			0,
 			0.25);
 	border-bottom: 0px solid var(--brand-blue-light);
 }

 .c__adminarea li.btn-outline-primary {
 	padding: 0px !important;
 }

 .c__adminarea li.btn-outline-primary a {
 	color: var(--bg-white);
 	border: 1px solid !important;
 	border-radius: var(--border-radius-3);
 }

 .c__adminarea .card-header h6 {
 	font-size: var(--text-base);
 	font-weight: var(--fw-normal);
 	text-transform: inherit !important;
 	padding: 0 !important;
 	margin: 0 !important;
 }

 .text-truncate {
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 .error {
 	color: var(--color-alert-error);
 	font-size: var(--text-base);
 	background-color: #f8d7da !important;
 	border-color: #f5c6cb;
 }

 .error .btn {
 	background: var(--color-alert-error);
 	color: var(--bg-white) !important;
 	border: 0px;
 }

 .error .btn:hover {
 	background: #962d37 !important;
 	color: var(--bg-white) !important;
 	border: 0px;
 }

 .success {
 	padding: 1rem;
 	font-size: var(--text-base);
 	border-radius: var(--border-radius-3);
 	color: #1d7428;
 	background-color: #c7f5cc;
 	border-color: #f5c6cb;
 }

 .badge.float-right.icon-ok span {
 	display: block !important;
 	position: absolute;
 	background: var(--bs-input-border);
 	margin-top: -46px;
 	margin-left: -16px;
 	padding: 3px 6px;
 	border-radius: var(--border-radius-3);
 	border: 1px solid var(--bg-white);
 	-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.17);
 	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.17);
 }

 .extern_verbindung_status_1 i,
 .extern_verbindung_status_0 i,
 .verbindung_status_1 i,
 .verbindung_status_2 i,
 .verbindung_status_3 i,
 .verbindung_status_4 i {
 	display: none;
 }

 .verbindung_status_2 .icon-daydeal {
 	display: inline-block;
 }

 .extern_verbindung_status_1 .icon-check-circled,
 .verbindung_status_3 .icon-check-circled {
 	display: inline-block;
 }

 .extern_verbindung_status_0 .icon-unlink,
 .verbindung_status_4 .icon-unlink {
 	display: inline-block;
 }

 .rueckerstattung {
 	display: none;
 }

 .bestellung_status80.rueckerstattung,
 .buchungen_status80.rueckerstattung {
 	display: block;
 }

 .rechnungen_status8 {
 	color: var(--color-alert-light) !important;
 	background-color: var(--background-color-alert-light) !important;
 }

 .offener_betrag_rechnung_status5,
 .zahlungsart_1 i,
 .zahlungsart_2 i,
 .zahlungsart_3 i,
 .zahlungsart_4 i {
 	display: none !important;
 }

 b.zahlungsarten_id_0 {
 	color: var(--background-color-alert-error);
 }

 b.zahlungsarten_id_0 span {
 	display: none
 }

 .col-12.error.p-3.zahlungsarten_id_Bank,
 .col-12.error.p-3.zahlungsarten_id_PayPal,
 .col-12.error.p-3.zahlungsarten_id_Barzahlung,
 .col-12.error.p-3.zahlungsarten_id_Karte,
 .col-12.error.p-3.zahlungsarten_id_Gutschein,
 .col-12.error.p-3.zahlungsarten_id_Bar {
 	display: none !important;
 }

 .col-12.error.p-3.zahlungsarten_id_0 {
 	display: block !important;
 }

 .table>thead>tr>th {
 	border-bottom-width: 1px;
 	font-size: var(--text-base);
 	font-weight: var(--fw-normal);
 	border: 0;
 	text-align: center
 }

 .c__adminarea .table.table-striped>thead>tr>th,
 .c__adminarea .table.table-striped>tbody>tr>th,
 .c__adminarea .table.table-striped>tfoot>tr>th,
 .c__adminarea .table.table-striped>thead>tr>td,
 .c__adminarea .table.table-striped>tbody>tr>td,
 .c__adminarea .table.table-striped>tfoot>tr>td {
 	padding: 9px 8px;
 	vertical-align: middle;
 	border-color: var(--bs-input-border);
 }

 .c__adminarea .table.table-striped>thead>tr>th {
 	border-bottom-width: 1px;
 	font-size: var(--text-xs);
 	text-transform: uppercase;
 	color: #9A9A9A;
 	font-size: var(--text-base);
 	font-weight: var(--fw-normal);
 	padding-bottom: 5px;
 }

 .c__adminarea .table.table-striped>tbody>tr {
 	position: relative;
 }

 .imageuploadpreview {
 	border: 0;
 	padding: 5px;
 	border-radius: var(--border-radius-3);
 	width: 100%;
 	margin-bottom: 0px;
 	box-shadow: 0px 2px 5px 0px rgba(0,
 			0,
 			0,
 			0.2);
 	margin-bottom: 10px;
 }

 .carousel-inner:has(.youtube_bild) .youtube_bild {
 	position: relative;
 }

 .carousel-inner:has(.youtube_bild) .youtube_bild:before {
 	font-family: 'fontello';
 	content: '\e8ff';
 	color: var(--bg-white);
 	font-size: var(--text-6xl);
 	position: absolute;
 	inset: 0;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	background: rgba(0, 0, 0, 0.4);
 	border-radius: 3px;
 }

 .imageuploadpreview:has(.bild):before {
 	font-family: 'fontello';
 	content: '\e8c9';
 	display: inline-block;
 	padding-right: 3px;
 	vertical-align: middle;
 	font-weight: var(--fw-black);
 	position: absolute;
 	background: var(--bg-white);
 	right: 9px;
 	top: 8px;
 	border-radius: 3px;
 	padding: 5px 8px;
 }

 .imageuploadpreview:has(.youtube_bild):before {
 	font-family: 'fontello';
 	content: '\e85f';
 	display: inline-block;
 	padding-right: 3px;
 	vertical-align: middle;
 	font-weight: var(--fw-black);
 	position: absolute;
 	background: var(--bg-white);
 	right: 9px;
 	top: 8px;
 	border-radius: 3px;
 	padding: 5px 8px;
 }

 .c__adminarea .table thead th {
 	border-bottom: none !important;
 	border-top: none !important;
 }

 .c__adminarea .table td .btn {
 	padding: 11px;
 }

 ul.cart-items {
 	width: 100%;
 	padding: 0px;
 	margin: 0px;
 }

 ul.cart-items li {
 	position: relative;
 	float: left;
 	display: block;
 	padding: 8px 3px;
 	width: 33%;
 	border: 0px;
 	border-style: solid;
 	border-left-color: #fbfafa;
 	border-top-width: 6px;
 	-wekbit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }

 ul.cart-items.two li {
 	position: relative;
 	float: left;
 	display: block;
 	width: 50%;
 	border: 0px;
 	border-style: solid;
 	border-left-color: #fbfafa;
 	border-top-width: 6px;
 	border-top-color: var(--background-color-alert-light);
 	-wekbit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }

 ul.cart-items li {
 	padding: 8px 3px;
 	border-top-color: var(--background-color-alert-light);
 }

 ul.cart-items li.step-now {
 	border-top-color: var(--card-secound-color);
 	background: transparent !important;
 }

 ul.cart-items li.step-error {
 	background: #fd8459;
 	border-top-color: var(--body-main-btn-color);
 }

 ul.cart-items li.step-success {
 	border-top-color: var(--color-alert-success);
 }

 ul.cart-items li.step-now .circle,
 ul.cart-items li.step-success .circle {
 	color: var(--body-linkcolor-withe);
 }

 ul.cart-items li .cart-title {
 	font-size: var(--text-sm);
 	padding-top: 12px;
 	text-align: center;
 }

 ul.cart-items li .circle {
 	position: absolute;
 	z-index: 2;
 	left: 50%;
 	top: -20px;
 	background: var(--background-color-alert-light);
 	margin-left: -12px;
 	display: block;
 	width: 34px;
 	height: 35px;
 	border: 2px solid var(--body-linkcolor-withe);
 	font-size: var(--text-sm);
 	text-align: center;
 	line-height: 28px;
 	color: var(--body-font-color);
 }

 .animation {
 	animation: pulse-black 2s infinite;
 }

 .template.body_gutschein ul.cart-items li .circle,
 .template.body_buchen ul.cart-items li .circle {
 	background: var(--background-color-alert-light);
 	color: var(--body-font-color);
 }

 .template.body_gutschein ul.cart-items li.step-now,
 .template.body_buchen ul.cart-items li.step-now {
 	border-top-color: var(--color-alert-dark);
 }

 .template.body_gutschein ul.cart-items li.step-now .circle,
 .template.body_buchen ul.cart-items li.step-now .circle {
 	background: var(--color-alert-dark);
 	color: var(--body-linkcolor-withe);
 	animation: pulse-black 2s infinite;
 }

 .template.body_gutschein ul.cart-items li.step-success,
 .template.body_buchen ul.cart-items li.step-success {
 	border-top-color: var(--color-alert-success);
 }

 .template.body_gutschein ul.cart-items li.step-success .circle,
 .template.body_buchen ul.cart-items li.step-success .circle {
 	background: var(--color-alert-success);
 	color: var(--body-linkcolor-withe);
 }

 ul.cart-items li .circle {
 	-webkit-border-radius: var(--border-radius-50);
 	-moz-border-radius: var(--border-radius-50);
 	border-radius: var(--border-radius-50);
 }

 ul.cart-items li.step-now .circle,
 ul.cart-items li.step-error .circle {
 	background: var(--color-alert-dark);
 	animation: pulse-black 2s infinite;
 }

 ul.cart-items li.step-success .circle {
 	background-color: var(--color-alert-success);
 }

 .bootsoptionen ul.cart-items li {
 	width: 50%;
 }

 .btn-up {
 	position: fixed;
 	padding: 3px;
 	border: 2px solid var(--bg-white);
 	z-index: 9999;
 	bottom: 52px;
 	right: 18px;
 	color: var(--bg-white);
 	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
 	cursor: pointer !important;
 	-webkit-transition: all .7s ease-in-out;
 	-moz-transition: all .7s ease-in-out;
 	-ms-transition: all .7s ease-in-out;
 	-o-transition: all .7s ease-in-out;
 	transition: all .7s ease-in-out;
 }

 .btn-up:hover {
 	border: 2px solid var(--bg-white);
 	-webkit-transition: all .7s ease-in-out;
 	-moz-transition: all .7s ease-in-out;
 	-ms-transition: all .7s ease-in-out;
 	-o-transition: all .7s ease-in-out;
 	transition: all .7s ease-in-out;
 }

 .page-link.active,
 .page-link:focus,
 .page-link:hover {
 	outline: none !important;
 	box-shadow: none;
 	position: relative;
 	display: block;
 	background: var(--bs-input-bg-disabled);
 	padding: .5rem .75rem;
 	margin-left: -1px;
 	line-height: var(--lh-snug);
 	color: var(--body-font-color);
 }

 .page-link {
 	outline: none !important;
 	box-shadow: none;
 	position: relative;
 	display: block;
 	padding: .5rem .75rem;
 	margin-left: -1px;
 	line-height: var(--lh-snug);
 	color: var(--body-font-color);
 }

 .table-bordered td,
 .table-bordered th {
 	border: 3px solid var(--bg-white);
 }

 .c__calendar section.mounth {
 	overflow: hidden;
 	display: block;
 	float: left;
 	height: auto;
 	background: var(--bg-white);
 	box-shadow: 0 1px 1px rgba(0,
 			0,
 			0,
 			.25);
 	border-radius: var(--border-radius-3);
 }

 .c__calendar header {
 	display: block !important;
 	position: inherit !important;
 	width: inherit !important
 }
 }

 .c__calendar header nav i {
 	display: block;
 	float: left;
 	font-size: var(--text-xl);
 	width: 30px;
 	height: 30px;
 	margin-left: 30px;
 	cursor: pointer;
 	color: var(--body-main-btn-color);
 }

 .c__calendar header nav i:hover {
 	color: var(--body-main-btn-color);
 	opacity: .8;
 }

 .c__calendar header nav span:first-of-type {
 	background-position: -77px -4px;
 }

 .c__calendar header nav span:first-of-type:hover {
 	background-position: -106px -4px;
 }

 .c__calendar header nav span:last-of-type {
 	background-position: -90px -4px;
 }

 .c__calendar header nav span:last-of-type:hover {
 	background-position: -119px -4px;
 }

 .c__calendar article td {
 	text-align: center;
 }

 .c__calendar article td {
 	color: #4c5373;
 	cursor: pointer;
 	font-weight: var(--fw-bold);
 }

 .c__calendar article td.disable {
 	color: #b6bacc;
 	background: var(--bg-white);
 }

 .c__calendar article td:not(.disable):hover {
 	background: rgba(207,
 			210,
 			222,
 			0.62);
 }

 .c__calendar article td:not(.disable):active {
 	background: rgba(207,
 			210,
 			222,
 			0.62);
 }

 .c__calendar .input-group-text {
 	padding: 0 10px;
 }

 table .table-bordered td {
 	border: 2px solid var(--bg-white) !important;
 	background: #f7f7f7;
 }

 .anbieter_meinung_nav_badgebox .anbieter_meinung_nav_badge span {
 	display: block;
 	width: max-content;
 }

 .anbieter_meinung_nav_badgebox .anbieter_meinung_nav_badge {
 	background: var(--body-font-color) !important;
 	-webkit-animation: move 0.5s ease-in-out forwards;
 	animation: move ease-in-out forwards;
 	z-index: 9;
 	font-size: var(--text-xs);
 	margin-top: -24px;
 	margin-left: 190px;
 	width: 22px;
 	padding: 3px;
 	line-height: 14px;
 	text-align: -webkit-center;
 	border-radius: 6px;
 	overflow: hidden;
 	position: absolute;
 	-webkit-transition: width .8s ease-in-out;
 	-moz-transition: width .8s ease-in-out;
 	-o-transition: width .8s ease-in-out;
 	transition: width .8s ease-in-out;
 }

 .anbieter_meinung_nav_badgebox .anbieter_meinung_nav_badge:hover {
 	background: var(--body-font-color) !important;
 	-webkit-animation: move 0.5s ease-in-out forwards;
 	animation: move ease-in-out forwards;
 	z-index: 9;
 	font-size: var(--text-xs);
 	margin-top: -24px;
 	margin-left: 190px;
 	width: 250px;
 	padding: 3px;
 	line-height: 14px;
 	text-align: -webkit-center;
 	border-radius: 6px;
 	overflow: hidden;
 	position: absolute;
 	-webkit-transition: width .8s ease-in-out;
 	-moz-transition: width .8s ease-in-out;
 	-o-transition: width .8s ease-in-out;
 	transition: width .8s ease-in-out;
 	-webkit-box-shadow: 0px 0px 12px 7px rgba(46, 182, 255, .3);
 	-moz-box-shadow: 0px 0px 12px 7px rgba(46, 182, 255, 1.3);
 	box-shadow: 0px 0px 12px 7px rgba(46, 182, 255, .3);
 }

 #preis .ui-slider-handle:hover {
 	top: -.5em;
 	margin-left: -.6em;
 }

 #preis .ui-widget .ui-widget-header {
 	border: 0px solid #dddddd;
 	background: var(--body-main-btn-color);
 	color: #333333;
 	font-weight: var(--fw-bold);
 }

 .c__calendar article div {
 	display: block;
 	overflow: hidden;
 	clear: both;
 }

 .mbsagtBg .c_systemtext.sb6 {
 	color: var(--body-font-color);
 }

 .disabled .form-check-sign::after {
 	color: rgba(209, 209, 209, 1) !important;
 	content: "\e88f" !important;
 }

 .slider.zahlungsart {
 	display: none;
 	visibility: hidden;
 	height: 0px;
 	background: transparent;
 	width: 1px;
 }

 .slider.zahlungsart.disabled {
 	display: block;
 	visibility: visible;
 	position: absolute !important;
 	width: 100% !important;
 	z-index: 99 !important;
 	margin-left: -18px;
 	height: 50px !important;
 	background: rgba(255, 255, 255, 0.58) !important;
 }

 .c__openingtime input[type="checkbox"] {
 	content: " ";
 	display: inline-block;
 	width: 26px;
 	height: 26px;
 	left: 0;
 	cursor: pointer;
 	border-radius: var(--border-radius-3);
 	top: 0;
 	background-color: var(--bg-white);
 	border: 1px solid var(--bs-input-border) !important;
 	transition: opacity 0.3s linear;
 }

 li:first-child a.offen_saison_deltab i {
 	font-size: var(--text-xl);
 	display: block !important;
 	position: absolute;
 	line-height: inherit !important;
 	color: var(--background-color-alert-error);
 	margin-left: -30px;
 	margin-top: 3px;
 	cursor: no-drop;
 }

 li:first-child a.offen_saison_deltab::after {
 	content: "Kann nicht gelöscht werden";
 	display: inline-block;
 	position: absolute;
 	padding: 3px 12px;
 	border-radius: 3px;
 	background: rgb(255, 255, 255);
 	margin-left: -4%;
 	font-size: var(--text-sm);
 	margin-top: -30px;
 	opacity: 0;
 	transition: opacity 0.3s ease-in-out;
 	z-index: 99;
 	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
 }

 li:first-child a.offen_saison_deltab:hover::after {
 	opacity: 1;
 }

 a.offen_saison_deltab i {
 	font-size: var(--text-xl);
 	display: block !important;
 	position: absolute;
 	line-height: inherit !important;
 	color: var(--background-color-alert-error);
 	margin-left: -30px;
 	margin-top: 3px;
 	cursor: pointer;
 }

 i.gly-rotate-45 {
 	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
 	-webkit-transform: rotate(45deg);
 	-moz-transform: rotate(45deg);
 	-ms-transform: rotate(45deg);
 	-o-transform: rotate(45deg);
 	transform: rotate(45deg);
 	font-size: var(--text-md);
 	display: block !important;
 	cursor: pointer;
 	color: #878787;
 	line-height: 20px !important;
 }

 .hilfe {
 	cursor: pointer;
 }

 .c__openingtime td i {
 	color: var(--background-color-alert-error)6 !important;
 	cursor: pointer;
 }

 input[type="checkbox"] {
 	display: none;
 }

 .c__openingtime label:hover {
 	cursor: pointer;
 }

 .c__openingtime label {
 	display: block;
 	margin-bottom: 0px !important;
 }

 .c__openingtime td {
 	margin: 0px !important;
 	padding: 0px !important;
 }

 .c__openingtime tbody tr th {
 	margin: 0px !important;
 	padding: 0px;
 	font-size: var(--text-xs);
 	text-transform: uppercase;
 	font-size: var(--text-base);
 	font-weight: var(--fw-normal);
 }

 .del_weg .bootsoptionvorschau #bildoptionen_del {
 	display: none !important;
 }

 .Preis .max_bestand {
 	min-width: 100px;
 	padding-left: 40px;
 }

 .colorLight {
 	color: var(--bg-white) !important;
 }

 .colorDark {
 	color: var(--body-label-color) !important;
 }

 .table-striped.colorLight tr:first-child td {
 	border-top: 0px !important;
 }

 .table-striped.colorLight tr td:last-child {
 	text-align: right
 }

 .my_mietboot_settingBox {
 	border: 0;
 	border-radius: var(--border-radius-3);
 	display: inline-block;
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px;
 	box-shadow: 0px 2px 19px 0px rgba(0,
 			0,
 			0,
 			0.2);
 }

 .pricetable .pricetableheader .col-6.col-md-4 {
 	background: var(--brand-blue-light) !important;
 	background: -webkit-linear-gradient(to bottom, var(--brand-blue-light) 0%, #64abee 100%) !important;
 	background: linear-gradient(to bottom, var(--brand-blue-light) 0%, #64abee 100%) !important;
 	border-left: 0px;
 	font-weight: var(--fw-extrabold);
 	color: var(--bg-white) !important;
 	border: 0px !important;
 }

 .pricetable .pricetableheader .col-6.col-md-4 i {
 	margin-top: -70px;
 	display: block;
 	width: max-content;
 	background: var(--bg-white);
 	text-align: center;
 	border-radius: var(--border-radius-50);
 	padding: 0px 3px 3px 3px;
 	margin-left: 33%;
 	color: var(--brand-blue-light) !important;
 	border: 2px solid var(--bg-white);
 	box-shadow: -1px 1px 10px -4px rgba(0, 0, 0, 0.43);
 	-webkit-box-shadow: -1px 1px 10px -4px rgba(0, 0, 0, 0.43);
 	-moz-box-shadow: -1px 1px 10px -4px rgba(0, 0, 0, 0.43);
 }

 .pricetable .pricetableheader .col-6.col-md-4 span.price_one {
 	font-size: var(--text-7xl);
 	color: var(--bg-white);
 }

 .pricetable .pricetableheader .col-6.col-md-4 p {
 	margin-top: 30px;
 	margin-bottom: -20px;
 }

 .pricetable .pricetableheader .col-6.col-md-4 small {
 	font-size: var(--text-md);
 	color: var(--bg-white);
 	font-weight: var(--fw-extrabold);
 	display: block;
 	text-shadow: none;
 }

 .pricetable .pricetableheader .col-6.col-md-4:last-child {
 	background: #FDC830 !important;
 	background: -webkit-linear-gradient(to bottom, #F37335, #FDC830) !important;
 	background: linear-gradient(to bottom, #F37335, #FDC830) !important;
 	border-left: 0px;
 	font-weight: var(--fw-extrabold);
 	color: var(--bg-white) !important;
 	border: 0px !important;
 }

 .pricetable .pricetableheader .col-6.col-md-4:last-child i {
 	margin-top: -71px;
 	display: block;
 	width: max-content;
 	background: var(--bg-white);
 	text-align: center;
 	border-radius: var(--border-radius-50);
 	padding: 0px 3px 3px 3px;
 	color: var(--body-main-btn-color) !important;
 	border: 2px solid var(--bg-white);
 	box-shadow: -1px 1px 10px -4px rgba(0, 0, 0, 0.43);
 	-webkit-box-shadow: -1px 1px 10px -4px rgba(0, 0, 0, 0.43);
 	-moz-box-shadow: -1px 1px 10px -4px rgba(0, 0, 0, 0.43);
 }

 .pricetable .pricetableheader .col-6.col-md-4:last-child span.price_two {
 	font-size: var(--text-8xl);
 	color: var(--bg-white);
 	line-height: 101px;
 }

 .pricetable .pricetableheader .col-6.col-md-4:last-child small {
 	font-size: var(--text-md);
 	color: var(--bg-white);
 	font-weight: var(--fw-extrabold);
 	display: block;
 	text-shadow: none;
 }

 .pricetable .row .col-6.col-md-4:last-child {
 	background: #fff0da;
 	font-weight: var(--fw-extrabold);
 	border-right: 0px !important;
 }

 .pricetable .col-12.col-md-12 h4 {
 	font-weight: var(--fw-extrabold);
 	margin-bottom: 0px;
 }

 .pricetable .col-12.col-md-12 p {
 	margin-bottom: 0px;
 }

 .pricetable .row div {
 	padding-top: .6rem !important;
 	padding-bottom: .6rem !important;
 }

 .pricetable .row .col-6.col-md-4 {
 	text-align: center !important;
 }

 .pricetable .row .col-6.col-md-4 {
 	background: #f1f9ff;
 	font-weight: var(--fw-extrabold);
 	border-right: 0 !important;
 	border-color: var(--brand-blue-light);
 }

 .pricetable .pricetableheader {
 	border-bottom: 1px solid #dfdfdf;
 }

 .pricetable .row .col-6.col-md-4 {
 	background: #fbf9f9;
 	border-bottom: 10px solid var(--bg-white);
 	font-weight: var(--fw-extrabold);
 	border-right: 0 !important;
 	border-color: var(--brand-blue-light);
 }

 .pricetable .fa-2x.float-left.mr-3 {
 	color: #cacaca
 }

 .pricetable .row .col-6.col-md-4 {
 	border-left: 10px solid var(--bg-white);
 	border-bottom: 10px solid var(--bg-white);
 }

 .pricetable .row .col-12.col-md-4 small {
 	color: var(--body-label-color) !important;
 }

 .pricetable .row .col-6.col-md-4 i {
 	color: var(--brand-blue-light);
 }

 .pricetable .row .col-6.col-md-4 i.icon-close {
 	color: var(--red-color);
 }

 .pricetable .row .col-12.col-md-12 {
 	font-weight: var(--fw-extrabold);
 	border-bottom: 1px solid #cacaca;
 }

 .pricetable .row.pricetablefooter .col-12.col-md-4,
 .pricetable .row.pricetablefooter .col-6.col-md-4 {
 	background: transparent !important;
 	border: 0px !important;
 	margin-top: 30px;
 }

 .Entwicklungsphase {
 	padding: 11px 0px !important;
 	background: #f85032;
 	background: -webkit-linear-gradient(to left, #e73827, #f85032);
 	background: linear-gradient(to left, #e73827, #f85032);
 	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
 	color: var(--bg-white);
 	font-size: var(--text-sm);
 	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
 	text-transform: uppercase;
 	text-align: center;
 }

 #wurst_fehler a {
 	line-height: 26px;
 }

 #wurst_fehler a:hover {
 	color: var(--bg-white)
 }

 #wurst_fehler a i {
 	display: block;
 	width: auto;
 	margin-right: 10px;
 	float: left;
 	animation-name: spin;
 	animation-duration: 5000ms;
 	animation-iteration-count: infinite;
 	animation-timing-function: linear;
 }

 .rotating {
 	display: block;
 	width: auto;
 	animation-name: spin;
 	animation-duration: 5000ms;
 	animation-iteration-count: infinite;
 	animation-timing-function: linear;
 }

 @keyframes spin {
 	from {
 		transform: rotate(0deg);
 	}

 	to {
 		transform: rotate(360deg);
 	}
 }

 .nav-link {
 	display: block;
 	padding: 0.5rem 0.6em;
 }

 .icon-ok-circled.fa-5x.text-success {
 	background-repeat: no-repeat;
 	z-index: 5;
 	position: absolute;
 	margin-left: -70px;
 	transform-origin: 0 0;
 	animation: leaves 1s ease-in-out;
 }

 @keyframes leaves {
 	0% {
 		transform: scale(0.6);
 	}

 	45% {
 		transform: scale(2.0);
 	}

 	75% {
 		transform: scale(0.8);
 	}

 	85% {
 		transform: scale(1.2);
 	}

 	100% {
 		transform: scale(1.0);
 	}
 }

 .loadingprogress-container {
 	width: 100%;
 	text-align: center;
 	position: fixed;
 	z-index: 99999;
 	height: 5px;
 }

 .loadingprogress {
 	background: rgba(0, 0, 0, 0.25);
 	border-radius: var(--border-radius-0);
 	box-shadow: 0 0 40px var(--body-font-color);
 }

 .loadingprogress-container .progress-bar {
 	height: 5px;
 	transition: 0.4s linear;
 	transition-property: width, background-color;
 }

 .loadingprogress-container .progress-striped .progress-bar {
 	background-color: var(--body-font-link-color);
 	width: 100%;
 	background: repeating-linear-gradient(45deg,
 			var(--body-font-color) 0%,
 			var(--body-font-link-color) 100%);
 	animation: progressAnimationStrike 2s;
 }

 @keyframes progressAnimationStrike {
 	0% {
 		width: 0%;
 	}

 	100% {
 		width: 100%;
 	}
 }

 .gallary_container {
 	display: grid;
 	gap: .6rem;
 	grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
 	grid-auto-rows: 11em;
 }

 [data-background-color="newsbox"] .card img,
 [data-background-color="region"] .card img,
 .gallary_container .image_container {
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 	object-fit: cover;
 	border: 3px solid #ffffff33;
 	border-radius: var(--border-radius-3) !important;
 }

 .gallary_container .image_container {
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 	object-fit: cover;
 	border: 3px solid #ffffff33;
 	border-radius: var(--border-radius-3) !important;
 }

 .image_container span {
 	color: var(--body-font-color);
 	display: block;
 	min-height: -webkit-fill-available;
 	height: 100%;
 	border-radius: var(--border-radius-3);
 }

 .newsCard {
 	position: relative;
 	overflow: hidden;
 	border-radius: var(--border-radius-3);
 }

 .newsCaption a {
 	color: var(--bg-white);
 }

 .newsCaption {
 	position: absolute;
 	top: auto;
 	bottom: -12px;
 	color: var(--bg-white);
 	left: 0;
 	width: 100%;
 	height: 90%;
 	background-color: rgba(0, 31, 60, 0.578);
 	padding: 1rem;
 	-webkit-transform: translateY(80%);
 	transform: translateY(80%);
 	-webkit-backface-visibility: hidden;
 	backface-visibility: hidden;
 	-webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
 	transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
 	transition: transform 0.4s, opacity 0.1s 0.3s;
 	transition: transform 0.4s, opacity 0.1s 0.3s, -webkit-transform 0.4s;
 }

 .newsCaption2 {
 	position: absolute;
 	top: auto;
 	bottom: 18px;
 	color: var(--bg-white);
 	left: 0;
 	width: 100%;
 	height: 90%;
 	background-color: rgba(0, 31, 60, 0.578);
 	padding: 1rem;
 	-webkit-transform: translateY(80%);
 	transform: translateY(80%);
 	-webkit-backface-visibility: hidden;
 	backface-visibility: hidden;
 	-webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
 	transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
 	transition: transform 0.4s, opacity 0.1s 0.3s;
 	transition: transform 0.4s, opacity 0.1s 0.3s, -webkit-transform 0.4s;
 }

 .newsCaption-title {
 	margin-top: 0px;
 	color: var(--bg-white);
 }

 .newsCaption-content {
 	margin: 0;
 }

 .newsCaption-link {
 	color: var(--bg-white);
 	text-decoration: underline;
 	-webkit-transition-property: opacity;
 	transition-property: opacity;
 	-webkit-transition-duration: 0.15s;
 	transition-duration: 0.15s;
 	-webkit-transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
 	transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
 }

 .newsCaption-link:hover {}

 .news-Slide-up:hover .newsCaption {
 	-webkit-transform: translateY(0px);
 	transform: translateY(0px);
 	-webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
 	transition: opacity 0.1s, -webkit-transform 0.4s;
 	transition: transform 0.4s, opacity 0.1s;
 	transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s;
 }

 .border-radius-3 {
 	border-radius: var(--border-radius-3)
 }

 .border-radius-6 {
 	border-radius: var(--border-radius-6)
 }

 .border-radius-25 {
 	border-radius: var(--border-radius-25)
 }

 .border-radius-50 {
 	border-radius: var(--border-radius-50)
 }

 .optionline:has(.empty) {
 	display: none;
 }

 .money_modal .route-timeline {
 	position: relative;
 	margin: 0;
 	padding: 0 0 0 2.25rem;
 	list-style: none;
 }

 .money_modal .route-timeline::before {
 	content: "";
 	position: absolute;
 	left: 1rem;
 	top: .5rem;
 	bottom: .5rem;
 	width: 3px;
 	background: var(--route-line);
 	border-radius: 3px;
 }

 .money_modal .route-item {
 	position: relative;
 	margin: 0 0 1.25rem 0;
 	padding-left: .25rem;
 }

 .money_modal .route-item::before {
 	content: "";
 	position: absolute;
 	left: -26px;
 	top: .35rem;
 	width: .9rem;
 	height: .9rem;
 	border-radius: 50%;
 	background: var(--bg-white);
 	box-shadow: 0 0 0 3px var(--route-accent) inset;
 }

 .money_modal .route-item.start::before,
 .money_modal .route-item.end::before {
 	background: var(--route-accent);
 	box-shadow: 0 0 0 3px var(--bg-white) inset, 0 0 0 4px var(--route-accent);
 }

 .money_modal .route-title {
 	margin: 0;
 	color: var(--route-title);
 	font-weight: var(--fw-bold);
 	line-height: var(--lh-snug);
 }

 .money_modal .route-title .label {
 	font-weight: var(--fw-bold);
 }

 .money_modal .route-sub {
 	margin: .1rem 0 0 0;
 	color: var(--route-muted);
 	font-size: var(--text-sm);
 }

 @media (max-width: 480px) {
 	.money_modal .route-timeline {
 		padding-left: 2rem;
 	}

 	.money_modal .route-sub {
 		font-size: var(--text-sm);
 	}
 }

 .money_modal .js_money_content .card-body {
 	padding: 1.5rem;
 }

 .money_modal .js_money_content .fw-bold {
 	font-weight: var(--fw-bold);
 }

 .money_modal .badge-layer {
 	background-color: var(--bg-white);
 	color: #45586c;
 	font-size: var(--text-xs);
 	padding: .35em .6em;
 	border-radius: .4rem;
 }

 .money_modal .gap-2>* {
 	margin-left: .5rem;
 }

 .money_modal .gap-2>*:first-child {
 	margin-left: 0;
 }

 .money_modal .js_money_zahlung[data-betrag^="-"] .badge-betrag {
 	background-color: #f9c3c3;
 	border: 1px solid #b20505;
 	color: #b20505;
 	font-size: var(--text-sm);
 	line-height: var(--lh-none);
 	text-align: center;
 	white-space: nowrap;
 	padding: .35em .6em;
 	border-radius: .4rem;
 }

 .money_modal .js_money_zahlung:not([data-betrag^="-"]) .badge-betrag {
 	background-color: #ccf9c3;
 	border: 1px solid #327d00;
 	color: #327d00;
 	font-size: var(--text-sm);
 	line-height: var(--lh-none);
 	text-align: center;
 	white-space: nowrap;
 	padding: .35em .6em;
 	border-radius: .4rem;
 }

 .money_modal .stepper {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	display: flex;
 	width: 100%;
 }

 .money_modal .stepper li {
 	position: relative;
 	flex: 1;
 	background: #d5dce3;
 	padding: 4px 16px;
 	text-align: center;
 	font-weight: var(--fw-semibold);
 	color: #213042;
 	border-right: 2px solid var(--bg-white);
 	font-size: var(--text-sm);
 	line-height: var(--lh-tight);
 }

 .money_modal .stepper li::after {
 	content: "";
 	position: absolute;
 	top: 0;
 	right: -16px;
 	width: 0;
 	height: 0;
 	border-top: 18px solid transparent;
 	border-bottom: 18px solid transparent;
 	border-left: 16px solid #d5dce3;
 	z-index: 2;
 }

 .money_modal .stepper li::before {
 	content: "";
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 0;
 	height: 0;
 	border-top: 18px solid transparent;
 	border-bottom: 18px solid transparent;
 	border-left: 16px solid var(--bg-white);
 	z-index: 1;
 }

 .money_modal .stepper li:first-child::before {
 	display: none;
 }

 .money_modal .stepper li:last-child::after {
 	display: none;
 }

 .money_modal .stepper li.active {
 	background: var(--brand-orange);
 	color: var(--bg-white);
 }

 .money_modal .stepper li.active::after {
 	border-left-color: var(--brand-orange);
 }

 .money_modal .text-uppercase {
 	text-transform: uppercase !important;
 	font-size: var(--text-xs);
 	color: rgb(136, 136, 136);
 }

 .opt_rabattaktion {
 	padding-bottom: 15px;
 	padding-top: 5px;
 	border-radius: 3px;
 }

 .opt_rabattaktion span.badge {
 	position: absolute;
 	left: 36px;
 	border: 0;
 	margin-top: -24px;
 	background: var(--body-main-btn-color);
 }

 .opt_rabattaktion small {
 	font-size: var(--text-xs);
 	display: block
 }

 .opt_rabattaktion .form-check .form-check-input:checked~.form-check-sign::after,
 .opt_rabattaktion .form-check .form-check-sign::after,
 .opt_rabattaktion .form-check .form-check-sign::before {
 	margin-top: 9px;
 }

 .event-nav-wrapper {
 	position: relative;
 	margin-top: 20px;
 	padding: 0 16px 24px;
 	z-index: 10;
 }

 .event-nav {
 	display: grid;
 	grid-template-columns: repeat(6, 1fr);
 	gap: 16px;
 	max-width: 1400px;
 	margin: 0 auto;
 }

 .event-nav-item {
 	background: var(--bg-white);
 	border-radius: 16px;
 	padding: 18px 10px 16px;
 	text-align: center;
 	text-decoration: none;
 	color: #111;
 	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
 	transition: transform 0.15s ease, box-shadow 0.15s ease;
 }

 .event-nav-item i {
 	font-size: var(--text-2xl);
 	display: block;
 	margin-bottom: 8px;
 	color: #0b5c74;
 }

 .event-nav-item span {
 	display: block;
 	font-size: var(--text-sm);
 	font-weight: var(--fw-semibold);
 	line-height: var(--lh-tight);
 }

 .event-nav-item:hover {
 	transform: translateY(-3px);
 	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
 }

 .event-nav-item.active {
 	border: 2px solid #0b5c74;
 }

 @media (max-width: 991px) {
 	.event-nav {
 		grid-template-columns: repeat(2, 1fr);
 		gap: 12px;
 	}

 	.event-nav-wrapper {
 		margin-top: -20px;
 	}

 	.event-nav-item {
 		padding: 16px 8px;
 	}

 	.event-nav-item i {
 		font-size: var(--text-2xl);
 	}

 	.event-nav-item span {
 		font-size: var(--text-sm);
 	}
 }

 li.li_anzeigen_0 {
 	display: none
 }

 .booking-section:not(:has(.booking-info p:not(:empty))) {
 	display: none;
 }

 .feature-icon {
 	width: 60px;
 	height: 60px;
 	background: rgba(235, 235, 235, 1);
 	color: #6c757d;
 	border-radius: 50%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-size: var(--text-xl);
 	margin: 0 auto 15px;
 }

 .ausstattung_checkbox {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 10px 20px;
 }

 .ausstattung_checkbox .form-check {
 	flex: 0 0 100%;
 }

 .search-card {
 	background: var(--bg-white);
 	border-radius: 14px;
 	box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
 	padding: 2rem;
 }

 .search-card_vertical {
 	background: var(--bg-white);
 	border-radius: 14px;
 	box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
 	padding: 2rem;
 	width: 100%;
 	margin-top: -10%;
 	position: absolute;
 	z-index: 9;
 }

 .region-card {
 	position: relative;
 	overflow: hidden;
 	border-radius: 12px;
 	text-decoration: none;
 	border: 0;
 	color: var(--bg-white);
 }

 .region-image {
 	height: 140px;
 	background-size: cover;
 	background-position: center;
 	transition: transform .4s ease;
 	color: var(--bg-white);
 }

 .region-card:hover .region-image {
 	transform: scale(1.06);
 }

 .region-overlay {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	padding: 24px;
 	color: var(--bg-white);
 	background: linear-gradient(to top, rgba(0, 0, 0, .75), transparent);
 }

 .region-overlay h3 {
 	margin: 0;
 	font-size: var(--text-xl);
 	font-weight: var(--fw-semibold);
 }

 .region-overlay span {
 	font-size: var(--text-sm);
 	opacity: .85;
 }

 .filter-mobile-header label::after {
 	content: " anzeigen";
 }

 .filter-toggle-checkbox:checked+.filter-mobile-header label::after {
 	content: " ausblenden";
 }

 .trust-grid {
 	display: flex;
 	flex-direction: column;
 	gap: 18px;
 }

 .trust-item {
 	display: flex;
 	align-items: flex-start;
 	gap: 14px;
 	padding: 14px 16px;
 	border-radius: 10px;
 	background: #f8fafc;
 	transition: .2s;
 }

 .trust-icon {
 	flex-shrink: 0;
 	width: 42px;
 	height: 42px;
 	border-radius: 10px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	background: rgba(248, 153, 68, .15);
 	color: var(--brand-orange);
 	font-size: var(--text-md);
 }

 .trust-content b {
 	display: block;
 	font-size: var(--text-sm);
 	margin-bottom: 2px;
 	color: var(--brand-blue-dark);
 }

 .trust-content span {
 	font-size: var(--text-sm);
 	color: #6b7280;
 	line-height: var(--lh-relaxed);
 }

 @media (min-width: 992px) {
 	#anzeigenliste .col-lg-4 {
 		-ms-flex: 0 0 50%;
 		flex: 0 0 50%;
 		max-width: 50%;
 	}
 }

 .alert.alert-danger {
 	background-color: var(--red-color);
 }

 .bg-angebot {
 	background: #e8f1ff;
 	border: 1px solid #a1b3cf;
 	border-radius: 6px;
 }

 .angebotok_1 {
 	display: none
 }

 .js_preisproh {
 	display: none !important;
 }

/* template/css/93_fullcalendar.css */

/* ============================================================
	93_fullcalendar.css – FullCalendar Buchungsübersicht
	miet-boot.de
	──────────────────────────────────────────────────────────
	Farben + Shadows → 01_elemente.css
	FullCalendar-eigene Vars: --fc-* (im :root Block unten)
	============================================================ */

:root {
	--fc-page-bg-color: var(--bg-white);
	--fc-neutral-bg-color: hsl(0deg 0% 82% / 30%);
	--fc-neutral-text-color: grey;
	--fc-border-color: var(--bs-input-border);
	--fc-button-text-color: var(--brand-blue);
	--fc-button-bg-color: var(--bg-white);
	--fc-event-bg-color-status90: rgb(40 150 32 / 32.9%);
	--fc-event-bg-color-status90-reoffen: rgb(255 119 0 / 32.9%);
	--fc-event-bg-color-block: rgb(172 0 0 / 32.9%);
	--fc-event-border-color: var(--brand-blue);
	--fc-event-text-color: var(--bg-white);
	--fc-button-border-color: var(--bs-input-border);
	--fc-button-hover-bg-color: var(--brand-blue);
	--fc-button-hover-border-color: var(--brand-blue);
	--fc-button-active-bg-color: var(--brand-blue);
	--fc-button-active-border-color: var(--brand-blue);
	--fc-event-selected-overlay-color: rgb(0 0 0 / 25%);
	--fc-more-link-bg-color: var(--red-color);
	--fc-more-link-text-color: inherit;
	--fc-event-resizer-thickness: 8px;
	--fc-event-resizer-dot-total-width: 6px;
	--fc-event-resizer-dot-border-width: 1px;
	--fc-non-business-color: hsl(0deg 0% 84% / 30%);
	--fc-bg-event-color: #8fdf82;
	--fc-bg-event-opacity: 0.3;
	--fc-highlight-color: rgb(188 232 241 / 30%);
	--fc-today-bg-color: rgb(255 220 40 / 15%);
	--fc-now-indicator-color: var(--red-color)
}

.body_buchungsuebersicht h2 {
	font-size: var(--text-base);
	font-weight: var(--fw-bold)
}

.body_buchungsuebersicht .c_tabBorder {
	display: flex;
	flex-wrap: wrap;
	
}

.body_buchungsuebersicht .c_tabBorder li.action {
	margin-left: auto;
	
}

#js_kalender_datum {
	font-size: var(--text-xs);
	padding: 0;
	margin: 0;
	line-height: 12px !important;
}

.body_buchungsuebersicht nav .c_searchbar {
	background: var(--card-secound-color);
}

.fc-timeline-lane-frame .buchung_menu {
	position: absolute;
	right: 2px;
	z-index: 997;
	top: -8px;
	display: block;
	padding: 6px;
}

.buchung_menu {
	position: absolute;
	right: 0px;
	z-index: 997;
	top: 1px;
}

.fc .buchung_menu {
	display: none !important;
}

.fc-resourceTimelineOneDays-view .buchung_menu,
.fc-resourceTimelineThreeDays-view .buchung_menu {
	display: inline-flex !important;
}

.fc a:not([href], [tabindex]):focus,
.fc a:not([href], [tabindex]):hover {
	color: inherit;
	box-shadow: none;
	text-decoration: none;
	background: transparent;
}

.fc .fc-dayGridMonth-view .card span {
	display: contents;
}

.fc .fc-day-other .fc-daygrid-day-top {
	opacity: 1;
}

.fc-timeline-lane-stickyname:has(.nichtgebucht) {
	background: rgb(243 243 243 / 100%) !important;
	opacity: 1;
}

.fc-timeline-lane-stickyname {
	display: none;
}


/* FullCalendar Exception */
.fc-theme-standard a {
  color: inherit;
  text-decoration: inherit;
}
@media (max-width: 576px) {
	
	
	span[class^="option"] {
		 margin-right: 0px !important;
		 margin-bottom: 4px !important;
	}
	span[class^="option"]::before {
		 width: 10px !important;
		 height: 10px !important;
	}

	.anzeigen_hafen_info_mon {
	
		 margin-top: 18px !important;
	
	} 
	  
	  .anzeigen_hafen_info_mon span[class^="option"]:nth-child(n+3){
		 display: none;
	  }
	  .anzeigen_hafen_info_mon::after{
		content: "\e84c";
		  font-family: fontello;
		 
		 font-weight: var(--fw-semibold);
		 margin-left: 6px;
		 color: var(--bs-input-placeholder);
	  }
	

	
	.fc a.btn.univ.colorWithe {
		width: auto;
	}

	.icon-chevron-right::before,
	.icon-chevron-left::before {
		font-size: var(--text-md);
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.fc-header-toolbar div.col-6.col-md-4:nth-child(2) {
		display: none;
	}

	.fc-header-toolbar div.col-6.col-md-4:first-child {
		max-width: 50% !important;
		padding: 0 0 0 10px;
		position: absolute;
		left: 0;
		margin-top: 5px;
	}

	.fc-header-toolbar {
		height: 50px;
	}

	.fc-header-toolbar div.col-6.col-md-4:last-child {
		max-width: 50% !important;
		margin-top: 5px;
		padding: 0 10px 0 0;
		position: absolute;
		right: 0;
	}

	.fc-header-toolbar span {
		display: block;
		margin-left: 0 !important;
		line-height: 10px;
		font-size: var(--text-2xs);
		text-align: center
	}

	.fc .fc-daygrid-day.fc-day-today::before {
		margin-left: -15px !important;
	}

	.fc-timeline-lane-stickyname {
		width: 100%;

	}

	.fc .a.btn.univ.colorWithe {
		width: auto !important;
	}

	.fc-resourceTimelineOneDays-view .fc-timeline-now-indicator-arrow,
	.fc-resourceTimelineSevenDays-view .fc-timeline-now-indicator-arrow {
		margin: 26px 0 0 -1px !important;
	}

	.fc-timeline-lane-stickyname:hover {
		transition: none !important;
	}

	.fc .fc-timeline-now-indicator-container {
		z-index: 97 !important;
	}

	.fc-timeline-lane-stickyname {
		display: flex;
		left: 0;
		width: 100%;
		background: var(--bg-white) !important;
		border-bottom: 2px solid var(--fc-border-color);
		padding: 3px 6px !important;
		position: relative;
		color: var(--body-font-color);
		z-index: 9990;
		box-shadow: none;
	}

	.fc .anzeigen_name {
		font-weight: var(--fw-normal);
		font-size: var(--text-xs);
		position: sticky;
		left: 0;
		z-index: 10;
		margin-top: 5px;
		padding: 5px;

	}

	.fc-timeline-lane-frame:has(.fc-timeline-event-harness) .anzeigen_name::after {
		content: '\e904';
		margin-left: 10px;
		position: relative;
		font-family: fontello;
		font-style: normal;
		font-weight: var(--fw-normal);
		top: 3px;
	}

	.fc-timeline-lane-frame:not(:has(.fc-timeline-event-harness)) .fc-timeline-lane-stickyname .anzeigen_name,
	.fc-timeline-lane-frame:not(:has(.fc-timeline-event-harness)) .fc-timeline-lane-stickyname {
		background: var(--bg-light) !important;
		color: var(--card-grey-color) !important;
	}

	.anzeigen_int_nr,
	.fc-timeline-lane-frame:has(.fc-timeline-event-harness) .anzeigen_name small,
	.fc-timeline-lane-frame:not(:has(.fc-timeline-event-harness)) .fc-timeline-lane-stickyname .anzeigen_name small,
	.fc-timeline-lane-frame:not(:has(.fc-timeline-event-harness)) .fc-timeline-lane-stickyname small {
		display: none !important;
	}

	.fc-timeline-lane-stickyname p,
	.fc .fc-dayGridMonth-view .card span,
	.fc .fc-timeline-lane-stickyname .bootbild,
	.fc .fc-resource-timeline .fc-scrollgrid colgroup>col:nth-child(1),
	.fc .fc-resource-timeline .fc-scrollgrid colgroup>col:nth-child(2),
	.fc .fc-resource-timeline table.fc-scrollgrid thead>tr.fc-scrollgrid-section-header>th:nth-of-type(1),
	.fc .fc-resource-timeline table.fc-scrollgrid thead>tr.fc-scrollgrid-section-header>td:nth-of-type(1),
	.fc .fc-resource-timeline table.fc-scrollgrid tbody>tr.fc-scrollgrid-section-header>th:nth-of-type(1),
	.fc .fc-resource-timeline table.fc-scrollgrid tbody>tr.fc-scrollgrid-section-header>td:nth-of-type(1),
	.fc .fc-resource-timeline table.fc-scrollgrid tbody>tr.fc-scrollgrid-section-body>td:nth-of-type(1),
	.fc .fc-resource-timeline table.fc-scrollgrid tbody>tr.fc-scrollgrid-section-body>td:nth-of-type(2),
	.fc .fc-resource-timeline table.fc-scrollgrid tbody>tr.fc-scrollgrid-section-footer>th:nth-of-type(1),
	.fc .fc-resource-timeline table.fc-scrollgrid tbody>tr.fc-scrollgrid-section-footer>td:nth-of-type(1) {
		display: none;
	}

	

	.fc .fc-dayGridMonth-view {
		text-align: center
	}

	

	.table>tbody>.trmobile {
		display: contents;
		font-size: var(--text-base);
		font-weight: var(--fw-normal);

	}

	.wrapper .btn-group a span {
		display: none !important
	}

	.wrapper td .optionen i {
		width: 20px !important;
	}

	th.thboote,
	.table>tbody>tr>th {
		display: none !important;
	}

	.dates table td p.m-2 span {
		display: none
	}

	.body_buchungsuebersicht .table>tbody>.trmobile {
		display: contents;
	}

	.body_buchungsuebersicht .wrapper .btn.univ.colorWithe span {
		display: none !important;
	}

	.fc .fc-timeline-header-row th {
		background: var(--bg-white) !important;
	}
}

@media screen and (width <=767px) {
	.fc a.btn.univ.colorWithe {
		width: auto !important;
	}
}

@media screen and (width <=1024px) {
	.dates table td p.m-2 span {
		display: none !important;
	}
}

.fc .fc-datagrid-cell-main p {
	line-height: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.fc .anzeigen_name {
	line-height: 12px;
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
	cursor: not-allowed
}

.fc {
	position: relative;
	display: flex;
	flex-direction: column;
	font-size: var(--text-base);
	z-index: 99;
	font-weight: var(--fw-normal);
}

.fc,
.fc *,
.fc ::after,
.fc ::before {
	box-sizing: border-box
}

.fc table {
	border-collapse: collapse;
	border-spacing: 1;
	font-size: var(--text-base)
}

.fc th {
	text-align: center
}

.fc td,
.fc th {
	vertical-align: top
}

.fc a[data-navlink] {
	cursor: pointer
}

.fc a[data-navlink]:hover {
	text-decoration: underline
}

.fc-direction-ltr {
	direction: ltr;
	text-align: left
}

.fc-direction-rtl {
	direction: rtl;
	text-align: right
}

.fc-theme-standard tr,
.fc-theme-standard td,
.fc-theme-standard th {
	border: 1px solid var(--fc-border-color);

}

.fc-liquid-hack td,
.fc-liquid-hack th {
	position: relative
}

.fc .fc-button {
	border-radius: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	overflow: visible;
	text-transform: none;
}

.fc .fc-button:focus {
	outline: 0 dotted;
	outline: 0 auto -webkit-focus-ring-color
}

.fc .fc-button {
	appearance: button
}

.fc .fc-button:not(:disabled) {
	cursor: pointer
}

.fc .fc-button {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 6px;
	display: inline-block;
	font-size: var(--text-base);
	font-weight: var(--fw-normal);
	line-height: var(--lh-prose);
	padding: .2em .5em;
	text-align: center;
	user-select: none;
	user-select: none;
	vertical-align: middle
}

.fc .fc-button:hover {
	text-decoration: none
}

.fc .fc-button:focus {
	box-shadow: none;
	outline: 0
}

.fc .fc-button:disabled {
	opacity: .65
}

.fc .fc-button-primary {
	background-color: var(--fc-button-bg-color);
	border-color: var(--fc-button-border-color);
	color: var(--fc-button-text-color);
	transition: none !important;
}

.fc .fc-button-primary:hover {
	background-color: var(--fc-button-hover-bg-color);
	border-color: var(--fc-button-hover-border-color);
	color: var(--bg-white) !important;
	transition: none !important;
}

.fc .fc-button-primary:disabled {
	background-color: var(--fc-button-bg-color) !important;
	border-color: var(--fc-button-border-color) !important;
	color: var(--fc-button-text-color) !important;
}

.fc .fc-button-primary:focus {
	box-shadow: none;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
	background-color: var(--fc-button-active-bg-color);
	border-color: var(--fc-button-active-border-color);
	color: var(--bg-white);
}

.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
	box-shadow: none;
}

.fc .fc-button-group {
	display: inline-flex;
	position: relative;
	vertical-align: middle
}

.fc .fc-button-group>.fc-button {
	flex: 1 1 auto;
	position: relative
}

.fc .fc-button-group>.fc-button.fc-button-active,
.fc .fc-button-group>.fc-button:active,
.fc .fc-button-group>.fc-button:focus,
.fc .fc-button-group>.fc-button:hover {
	z-index: 1
}

.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	margin-left: -1px
}

.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.fc-direction-rtl .fc-button-group>.fc-button:not(:first-child) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	margin-right: -1px
}

.fc-direction-rtl .fc-button-group>.fc-button:not(:last-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.fc-direction-ltr .btn.disabled:hover,
.fc-direction-ltr .btn.disabled,
.fc-direction-ltr .btn[disabled]:hover,
.fc-direction-ltr .btn[disabled] {
	opacity: 0.4;
	cursor: not-allowed !important;
	color: var(--bg-white) !important;
}

.buchungen_view_box {
	display: none;
}

.buchungen_view_box a {
	width: 100% !important;
	background-color: transparent !important;
}

.fc-resourceTimelineOneDays-view .buchungen_view_box span.badge span:first-child {
	font-weight: var(--fw-normal);
	line-height: 16px;
	overflow: hidden;
}

.fc-resourceTimelineOneDays-view .card .buchungen_view_box .d-block.border-bottom,
.fc-resourceTimelineOneDays-view .card .buchungen_view_box .check_optionen .badge {

	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .08);

	margin-top: 2px;
	padding-bottom: 2px;
	padding-left: 0;

	display: block;
	border-radius: 0;
	text-decoration: none;
	line-height: 18px;
}

.fc-resourceTimelineOneDays-view .card .buchungen_view_box .d-block.border-bottom:last-child,
.fc-resourceTimelineOneDays-view .card .buchungen_view_box .check_optionen .badge:last-child {
	border: none !important;
	padding-bottom: 0 !important;
	margin-bottom: 0;
}

span.buchung_rgoffen.recht_hafen_betrag {
	border-color: var(--badge-soft-warning-bg);
	color: var(--badge-soft-warning-bg);
	background: transparent;
	padding: 3px 8px;
	border-radius: 6px;
	margin-top: 5px;
	display: inline-block;
}

.fc-resourceTimelineOneDays-view .buchungen_view_box {
	display: block;
	font-size: var(--text-sm);
	margin-top: 5px;
	padding: 8px;
	margin: 0;
	border-radius: 0;
}

.buchungen_bis_zeit_1 {
	color: var(--red-color) !important
}

.icon-optionkat-1::before,
.icon-optionkat-2::before,
.icon-optionkat-3::before,
.icon-optionkat-4::before,
.icon-optionkat-5::before,
.icon-optionkat-6::before,
.icon-optionkat-7::before,
.icon-optionkat-8::before,
.icon-optionkat-9::before {
	font-family: fontello;
	font-display: swap;
	src: url('/fonts/fontello.eot');
	src: url('/fonts/fontello.eot#iefix') format('embedded-opentype'), url('/fonts/fontello.woff') format('woff'), url('/fonts/fontello.ttf') format('truetype'), url('/fonts/fontello.svg#fontello') format('svg');
	font-weight: var(--fw-normal);
	font-style: normal;
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 10px;
}

.icon-optionkat-9::before {
	content: '\e908';
}

.icon-optionkat-2::before {
	content: '\e917';
}

.icon-optionkat-6::before {
	content: '\e8eb';
}

.icon-optionkat-7::before {
	content: '\e8f1';
}

.icon-optionkat-3::before {
	content: '\e902';
}

.icon-optionkat-4::before {
	content: '\e8a6';
}

.icon-optionkat-1::before,
.icon-optionkat-8::before {
	content: '\e8f1';
}

.icon-optionkat-9::before {
	content: '\e908';
}

.icon-optionkat-6::before {
	content: '\f031';
}

.icon-optionkat-5::before {
	content: '\e818';
}

.buchungen_view_box a {
	text-decoration: none;
}

.fc .fc-daygrid-event-harness-abs {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.fc-daygrid-day:hover {
	background: var(--fc-highlight-color) !important;
}

.fc .fc-toolbar {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.fc-header-toolbar div:nth-child(3) {
	text-align: right;
}

.fc-header-toolbar div.col-6.col-md-6:nth-child(2) {
	text-align: right;
}

.fc-header-toolbar div.col-6.col-md-6:nth-child(3) {
	span {
		margin-left: 10px;
		text-align: center
	}
}

.fc .fc-toolbar.fc-header-toolbar {
	margin-bottom: 1em
}

.fc .fc-toolbar.fc-footer-toolbar {
	margin-top: 1.5em
}

.fc .fc-toolbar-title {
	font-size: var(--text-xl);
	margin: 0
}

.fc-direction-ltr .fc-toolbar>*>:not(:first-child) {
	margin-left: .75em
}

.fc-direction-rtl .fc-toolbar>*>:not(:first-child) {
	margin-right: .75em
}

.fc-direction-rtl .fc-toolbar-ltr {
	flex-direction: row-reverse
}

.fc .fc-scroller {
	-webkit-overflow-scrolling: touch;
	position: relative
}

.fc .fc-scroller-liquid {
	height: 100%
}

.fc .fc-scroller-liquid-absolute {
	inset: 0;
	position: absolute
}

.fc .fc-scroller-harness {
	direction: ltr;
	z-index: 9;

	
	position: relative
}

.fc .fc-scroller-harness-liquid {
	height: 100%
}

.fc-direction-rtl .fc-scroller-harness>.fc-scroller {
	direction: rtl
}

.fc-theme-standard .fc-scrollgrid {
	border: 1px solid var(--fc-border-color)
}

.fc .fc-scrollgrid tr {
	background-color: rgba(255, 255, 255, 0.3);
	position: relative;
	z-index: 1;
}

.fc .fc-scrollgrid,
.fc .fc-scrollgrid table {
	table-layout: fixed;
	width: 100%;
}

.fc .fc-scrollgrid table {
	border-left-style: hidden;
	border-right-style: hidden;
	border-top-style: hidden
}

.fc .fc-scrollgrid {
	border-bottom-width: 0;
	border-collapse: collapse;
	border-right-width: 0
}

.fc .fc-scrollgrid-liquid {
	height: 100%
}

.fc .fc-scrollgrid-section,
.fc .fc-scrollgrid-section table,
.fc .fc-scrollgrid-section>td {
	height: 1px
}

.fc .fc-scrollgrid-section-liquid>td {
	height: 100%
}

.fc .fc-scrollgrid-section>* {
	border-left-width: 0;
	border-top-width: 0
}

.fc .fc-scrollgrid-section-footer>*,
.fc .fc-scrollgrid-section-header>* {
	border-bottom-width: 0
}

.fc-timeline-header-row.fc-timeline-header-row-chrono {
	overflow: hidden !important;
}

.fc .fc-scrollgrid-section-body table,
.fc .fc-scrollgrid-section-footer table {
	border-bottom-style: hidden
}

.fc .fc-scrollgrid-section-sticky>* {
	background: var(--fc-page-bg-color);
	position: sticky;
	z-index: 3
}

.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky>* {
	top: 0
}

.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky>* {
	bottom: 0
}

.fc .fc-scrollgrid-sticky-shim {
	height: 1px;
	margin-bottom: -1px
}

.fc-sticky {
	position: sticky
}

.fc .fc-view-harness {
	flex-grow: 1;
	position: relative;
}

.fc .fc-view-harness-active>.fc-view {
	inset: 0;
	position: absolute
}

.fc .fc-col-header-cell-cushion {
	display: inline-block;
	padding: 2px 4px
}

.fc .fc-non-business {
	background: var(--fc-non-business-color)
}

.fc .fc-bg-event {
	background: var(--fc-bg-event-color);
	opacity: var(--fc-bg-event-opacity)
}

.fc .fc-bg-event .fc-event-title {
	font-style: italic;
	margin: .5em
}

td.fc-datagrid-cell.fc-resource,
td.fc-timeline-lane.fc-resource {
	height: 41px;
}

.fc .fc-cell-shaded,
.fc .fc-day-disabled {
	background: var(--fc-neutral-bg-color)
}

a.fc-event,
a.fc-event:hover {
	text-decoration: none
}

.fc-event.fc-event-draggable,
.fc-event[href] {
	cursor: pointer
}

.fc-event .fc-event-main {
	position: relative;
	z-index: 1
}

.fc-event-dragging:not(.fc-event-selected) {
	opacity: .75
}

.fc-event-dragging.fc-event-selected {
	box-shadow: none;
}

.fc-event .fc-event-resizer {
	display: none;
	position: absolute;
	z-index: 4
}

.fc-event-selected .fc-event-resizer,
.fc-event:hover .fc-event-resizer {
	display: block
}

.fc-event-selected .fc-event-resizer {
	background: var(--fc-page-bg-color);
	border-color: inherit;
	border-radius: calc(var(--fc-event-resizer-dot-total-width)/2);
	border-style: solid;
	border-width: var(--fc-event-resizer-dot-border-width);
	height: var(--fc-event-resizer-dot-total-width);
	width: var(--fc-event-resizer-dot-total-width)
}

.fc-event-selected,
.fc-event:focus {
	box-shadow: none;
}

.fc-event-selected::before,
.fc-event:focus::before {
	inset: 0;
	content: "";
	position: absolute;
	z-index: 3
}

.fc-event-selected::after,
.fc-event:focus::after {
	background: var(--fc-event-selected-overlay-color);
	inset: -1px;
	content: "";
	position: absolute;
	z-index: 1
}

.fc-h-event {
	display: block;
	border-radius: var(--border-radius-3) !important;
}

.fc-h-event:has(.buchungen_block) {
	background: transparent;
}
.fc .buchungen_status20,
.fc .buchungen_status1,
.fc .buchungen_status2,
.fc .buchungen_status10 {
	min-width: 33px;
	background: var(--background-color-alert-warning);
	color: var(--color-alert-warning);
	border: 1px solid var(--bg-white)fff !important;
	box-shadow: none;

}
.fc .buchungen_status20 *,
.fc .buchungen_status1 *,
.fc .buchungen_status2 *,
.fc .buchungen_status10 * {
	color: inherit;
	border-color: rgba(255, 255, 255, .25) !important;
}
.fc .buchungen_status20 .badge,
.fc .buchungen_status1 .badge,
.fc .buchungen_status2 .badge,
.fc .buchungen_status10 .badge {
	background: transparent !important;
	border: none !important;
	font-size: var(--text-base);
}

.template small {
	display: block;
	margin: 0;
	padding: 4px 0px;
	font-size: var(--text-base);
}

.fc .buchungen_status20 a,
.fc .buchungen_status1 a,
.fc .buchungen_status2 a,
.fc .buchungen_status10 a,
.fc .buchungen_status90 a,
.fc .buchungen_status1 i,
.fc .buchungen_status2 i,
.fc .buchungen_status10 i,
.fc .buchungen_status90 i {
	color: inherit !important;
	font-size: var(--text-base);
}

.fc .card[class*="buchungen_block"],
.fc .card[class*="buchungen_status"] {
	overflow: hidden;
	margin: 2px;
}

.fc .card[class*="buchungen_status"] span[data-toggle="modal"] {
	display: block;
	padding: 6px 10px;
	font-weight: var(--fw-semibold);
	border-radius: 6px 6px 0 0;
	color: var(--bg-white);
}

.fc .buchungen_status90.buchung_rgbezahlt {
	background: var(--status-success-bg);
	color: var(--status-success-text);
	border: 1px solid var(--status-success-border);
	border-left: 3px solid var(--status-success-text);
}

.fc .buchungen_status90.buchung_rgbezahlt span[data-toggle="modal"] {
	background: var(--status-success-bg);
	color: var(--status-success-text);
	border: 1px solid var(--status-success-border);
	border-left: 3px solid var(--status-success-text);
}

.fc .buchungen_status20,
.fc .buchungen_status90.buchung_rgoffen {
	background: var(--status-soft-bg);
	color: var(--status-soft-text);
	border: 1px solid var(--status-soft-border);
	border-left: 3px solid var(--status-soft-text);
}
.fc .buchungen_status20 span[data-toggle="modal"],
.fc .buchungen_status90.buchung_rgoffen span[data-toggle="modal"] {
	background: var(--status-soft-bg);
	color: var(--status-soft-text);
	border: 1px solid var(--status-soft-border);
	border-left: 3px solid var(--status-soft-text);
}
.fc .buchungen_status20 {
	background: var(--status-offer-bg);
	color: var(--color-alert-info);
	border: 1px solid var(--border-color-alert-info) !important;
	border-left: 3px solid var(--border-color-alert-info) !important;
}
.fc .buchungen_status2 {
	background: var(--status-pending-pattern);
	color: var(--status-soft-text);
	border: 1px solid var(--status-pending-border) !important;
	border-left: 3px solid var(--status-pending-text) !important;
}

.fc .buchungen_block {
	background: var(--status-error-bg);
	color: var(--status-error-text);
	border: 1px solid var(--status-error-border);
	border-left: 3px solid var(--status-error-text);
}

.fc .card[class*="buchungen_status"] * {
	color: inherit;
	border-color: rgba(0, 0, 0, .1);
}

.fc .card[class*="buchungen_status"] .badge {
	background: rgba(0, 0, 0, .08);
	color: inherit;
	border: none;
}

.fc .card[class*="buchungen_status"] i {
	opacity: .85;
}

.fc .buchungen_status90 * {
	color: inherit !important;
	border-color: rgba(255, 255, 255, .25) !important;
}

.fc .buchungen_status90 .badge {
	background: rgba(255, 255, 255, .15) !important;
	color: inherit !important;
}

.fc .buchungen_status90 i {
	opacity: .9;
}

.fc .buchung_menu i {
	padding: 2px;
	margin-left: 3px;
	margin-top: -11px;
	border-radius: 6px;
	border: 1px solid transparent;
	transition: .15s ease;
}

.fc-resourceTimelineOneDays-view .buchung_menu {
	display: inline-flex;
	top: 6px;
	right: 6px;
}

.fc-resourceTimelineThreeDays-view .buchungen_block .buchung_menu {
	top: 6px;
}
.fc-resourceTimelineThreeDays-view .buchung_menu {
	display: inline-flex;
	top: 4px;
	right: 4px;
}

a.fc-event .card {
	cursor: pointer;
	box-shadow: var(--card-shadow) !important;

}

a.fc-event:hover {
	z-index: 5;
	transform: translateY(-2px);
	-webkit-box-shadow: 0 6px 23px 0 var(--brand-blue)1a !important;
	-moz-box-shadow: 0 6px 23px 0 var(--brand-blue)1a !important;
	box-shadow: 0 6px 23px 0 var(--brand-blue)1a !important;
}

.fc-resourceTimelineSevenDays-view .buchung_menu,
.fc-dayGridMonth-view .buchung_menu {
	display: none !important;
}

.fc .buchungen_status90.buchung_rgbezahlt .buchung_menu i {
	color: var(--color-alert-success) !important;
	border-color: var(--color-alert-success) !important;
	background: var(--background-color-alert-success) !important;
}

.fc .buchungen_status20.buchung_rgoffen .buchung_menu i,
.fc .buchungen_status2.buchung_rgoffen .buchung_menu i,
.fc .buchungen_status90.buchung_rgoffen .buchung_menu i {
	color: var(--color-alert-warning) !important;
	border-color: var(--color-alert-warning) !important;
	background: var(--background-color-alert-warning) !important;
}

.fc .buchungen_block .buchung_menu i {
	color: var(--color-alert-error) !important;
	border-color: var(--color-alert-error) !important;
	background: var(--background-color-alert-error) !important;
}

.dauer_1 .univ,
.dauer_2 .univ {
	display: none !important;
}
.dauer_1 .buchungen_view_box > * {
  display: none !important;
}
.dauer_1 .buchungen_view_box::after,
.dauer_2 .buchungen_view_box::after {
  content: "\e82c";
  font-family: fontello;
  font-display: swap;
  display: block;
  text-align: center;
  padding: 6px 0;
  font-size: var(--text-md);
  font-weight: var(--fw-semibold);

  cursor: pointer;
}

.dauer_1 span.p-1,
.dauer_2 span.p-1 {
	visibility: hidden;
	position: relative;
}

.dauer_1 span.p-1::before,
.dauer_2 span.p-1::before {
	content: "\e82c";
	font-family: fontello;
	font-display: swap;
	visibility: visible;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

	font-weight: var(--fw-bold);
	font-size: var(--text-sm);

}

.fc-resourceTimelineOneDays-view .dauer_1 span.p-1,
.fc-resourceTimelineOneDays-view .dauer_2 span.p-1 {
	visibility: visible;
	color: inherit;
}

.fc-resourceTimelineOneDays-view .dauer_1 span.p-1::before,
.fc-resourceTimelineOneDays-view .dauer_2 span.p-1::before {
	display: none;
}

*/ .fc .buchungen_block {
	min-width: 33px;
	background: var(--color-alert-error);
	color: var(--bg-white) !important;
	font-style: italic;
	padding-left: 2px;
	border: 2px solid var(--bg-white) !important;
	box-shadow: none;
}

.fc .buchung_menu a i {
	padding: 0;
}

.buchung_rgoffen a:hover,
.fc .buchungen_status20 a:hover,
.fc .buchungen_status2 a:hover,
.fc .buchungen_status10 a:hover,
.fc .buchungen_status90 a:hover {
	background: transparent !important
}

.fc .buchungen_status90 a.univ:hover,
.fc .buchungen_status90 a.univ,
.fc .buchungen_status90 .univ.btn,
.fc .buchungen_status90 a.univ:hover,
.fc .buchungen_status90 a.univ:focus {
	width: 28px;
	border: none;
	height: auto;
	padding: 0 !important;
	border-radius: 0;
	opacity: 1 !important;
	box-shadow: none;
	margin-top: 8px;
	z-index: 0;
	text-transform: none;
	background: transparent;
	color: var(--body-linkcolor-withe) !important;
}

.fc-h-event .fc-event-main {
	color: var(--fc-event-text-color)
}

.fc-h-event .fc-event-main-frame {
	display: flex
}

.fc-h-event .fc-event-time {
	max-width: 100%;
	overflow: hidden
}

.fc-h-event .fc-event-title-container {
	flex-grow: 1;
	flex-shrink: 1;
	min-width: 0
}

.fc-h-event .fc-event-title {
	display: inline-block;
	left: 0;
	max-width: 100%;
	overflow: hidden;
	right: 0;
	vertical-align: top
}

.fc-h-event.fc-event-selected::before {
	bottom: -10px;
	top: -10px
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
	border-bottom-left-radius: 0;
	border-left-width: 0;
	border-top-left-radius: 0
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
	border-bottom-right-radius: 0;
	border-right-width: 0;
	border-top-right-radius: 0
}

.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
	bottom: 0;
	top: 0;
	width: var(--fc-event-resizer-thickness)
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
	cursor: w-resize;
	left: calc(var(--fc-event-resizer-thickness)*-.5)
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
	cursor: e-resize;
	right: calc(var(--fc-event-resizer-thickness)*-.5)
}

.fc-h-event.fc-event-selected .fc-event-resizer {
	margin-top: calc(var(--fc-event-resizer-dot-total-width)*-.5);
	top: 50%
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
	left: calc(var(--fc-event-resizer-dot-total-width)*-.5)
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
	right: calc(var(--fc-event-resizer-dot-total-width)*-.5)
}

.fc .fc-popover {
	box-shadow: none;
	position: absolute;
	z-index: 9
}

.fc .fc-popover-header {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 3px 4px
}

.fc .fc-popover-title {
	margin: 0 2px
}

.fc .fc-popover-close {
	cursor: pointer;
	font-size: var(--text-md);
	opacity: .65
}

.fc-theme-standard .fc-popover {
	background: var(--fc-page-bg-color);
	border: 1px solid var(--fc-border-color)
}

.fc-theme-standard .fc-popover-header {
	background: var(--fc-neutral-bg-color)
}

.fc .fc-timeline-body {
	min-height: 100%;
	position: relative;
	z-index: 1
}

.fc .fc-timeline-slots {
	bottom: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}

.fc .fc-timeline-slots>table {
	height: 100%
}

.fc .fc-timeline-slot-frame {
	align-items: center;
	display: flex;
	justify-content: center
}

.fc .fc-timeline-header-row-chrono .fc-timeline-slot-frame {
	justify-content: flex-start
}

.fc .fc-timeline-header-row:last-child .fc-timeline-slot-frame {
	overflow: hidden;
}

.fc .fc-timeline-slot-cushion {
	padding: 4px 7px;
	text-align: center;
	display: block;
	white-space: nowrap;
	width: 100%;
	font-weight: var(--fw-normal);
	cursor: pointer;
}

tr:first-child .fc-timeline-slot-frame .fc-timeline-slot-cushion:hover::before {
	content: 'Zum Tag springen';
	background: var(--bg-white);
	padding: 2px 5px;
	position: absolute;
	margin-top: 23px;
	line-height: 20px;
	border: 1px solid var(--bs-input-border);
	box-shadow: none;
}

tr:first-child .fc-timeline-slot-frame .fc-timeline-slot-cushion:hover::before {
	content: 'Zum Tag springen';
	background: var(--bg-white);
	padding: 2px 5px;
	position: absolute;
	margin-top: -4px;
	line-height: 20px;
	border: 1px solid var(--bs-input-border);
	box-shadow: none;
	margin-left: 30px;
}

.fc-direction-ltr table div,
.fc-direction-ltr tr,
.fc-direction-ltr .fc-timeline-slot tr,
.fc-direction-ltr .fc-timeline-slot {
	border-right: 0 !important;
}

.fc-direction-rtl .fc-timeline-slot {
	border-left: 0 !important
}

.fc .fc-timeline-now-indicator-container {
	inset: -12px 0 0;
	position: absolute;
	width: 0;
	z-index: 99999 !important;
}

.fc .fc-resourceTimelineThreeDays-view .fc-timeline-now-indicator-arrow,
.fc .fc-resourceTimelineSevenDays-view .fc-timeline-now-indicator-arrow {
	border-color: var(--fc-now-indicator-color);
	border-style: solid;
	position: absolute;
	top: 28px;
	margin-top: 27px;
	margin-left: -1px;
	z-index: 9;
}

.fc .fc-timeline-now-indicator-arrow,
.fc .fc-timeline-now-indicator-line {
	border-color: var(--fc-now-indicator-color);
	border-style: solid;
	position: absolute;
	top: 0;
	margin-top: 27px;
	margin-left: -1px;
	z-index: 9;
}

.fc .fc-timeline-now-indicator-arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0;
}

.fc-resourceTimelineSevenDays-view .fc-timeline-now-indicator-arrow {
	margin: 67px 0 0 -1px;
	font-size: var(--text-2xs);
	background: var(--fc-now-indicator-color);
}

.fc-resourceTimelineThreeDays-view .fc-timeline-now-indicator-arrow,
.fc-resourceTimelineSevenDays-view .fc-timeline-now-indicator-arrow {
	margin: 67px 0 0 -1px;
	font-size: var(--text-2xs);
	background: var(--fc-now-indicator-color);
}

.fc-resourceTimelineOneDays-view .fc-timeline-now-indicator-arrow::before {
	line-height: 13px;
	content: 'Aktuell';
	background: var(--fc-now-indicator-color);
	color: var(--bg-white);
	padding: 2px 3px;
	font-size: var(--text-2xs);
	position: absolute;
	top: -10px;
}

.fc-resourceTimelineSevenDays-view .fc-timeline-now-indicator-arrow::before,
.fc-resourceTimelineThreeDays-view .fc-timeline-now-indicator-arrow::before {
	line-height: 13px;
	content: 'Aktuell';
	background: var(--fc-now-indicator-color);
	color: var(--bg-white);
	padding: 2px 3px;
	font-size: var(--text-2xs);
	position: absolute;
	top: -1px;
}

.fc-resourceTimelineOneDays-view .fc-timeline-now-indicator-arrow,
.fc-resourceTimelineSevenDays-view .fc-timeline-now-indicator-arrow {
	margin: 35px 0 0 -1px;
	font-size: var(--text-2xs);
	background: var(--fc-now-indicator-color);
}

.fc-resourceTimelineThreeDays-view .fc-timeline-now-indicator-arrow,
.fc-resourceTimelineSevenDays-view .fc-timeline-now-indicator-arrow {
	margin: 54px 0 0 -1px;
	font-size: var(--text-2xs);
	background: var(--fc-now-indicator-color);
}

.fc .fc-timeline-now-indicator-line {
	border-width: 0 0 0 1px;
	bottom: 0;
	margin: 0 -1px
}

.fc .fc-timeline-events {
	position: relative;
	width: 0;
	z-index: 3
}

.fc .fc-timeline-event-harness,
.fc .fc-timeline-more-link {
	position: absolute;
	top: 0;
	margin-top: 4px;

}

.fc-timeline-event {
	z-index: 1
}

.fc-timeline-event.fc-event-mirror {
	z-index: 2
}

.fc-timeline-event {
	align-items: center;
	border-radius: 0;
	display: flex;
	margin-bottom: 1px;
	padding: 0;
	position: relative
}

.fc-timeline-event .fc-event-main {
	flex-grow: 1;
	flex-shrink: 1;
	min-width: 0
}

.fc-timeline-event .fc-event-time,
.fc-timeline-event .fc-event-title {
	padding: 3px 7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 6px;
}

.fc-direction-ltr .fc-timeline-event.fc-event-end,
.fc-direction-ltr .fc-timeline-more-link {
	margin-right: 1px;
	margin-bottom: 4px;
}

.fc-direction-rtl .fc-timeline-event.fc-event-end,
.fc-direction-rtl .fc-timeline-more-link {
	margin-left: 1px
}

.fc-timeline-overlap-disabled .fc-timeline-event {
	margin-bottom: 0;
	padding-bottom: 5px;
	padding-top: 5px
}

.fc-timeline-more-link {
	background: var(--fc-more-link-bg-color);
	color: var(--fc-more-link-text-color);
	cursor: pointer;
	padding: 1px
}

.fc-timeline-more-link-inner {
	display: inline-block;
	left: 0;
	padding: 2px;
	right: 0;
}

.fc .fc-timeline-bg {
	inset: 0;
	position: absolute;
	width: 0;
	z-index: 2
}

.fc .fc-timeline-bg .fc-non-business {
	z-index: 1;
}

.fc .fc-timeline-bg .fc-bg-event {
	z-index: 2;
}

.fc .fc-timeline-bg-harness {
	bottom: 0;
	position: absolute;
	top: 0;
}

.fc-scrollgrid-section .fc-resource-timeline-divider {
	width: 8px;
	position: relative;
	z-index: 2;
	cursor: col-resize;
	background: var(--bg-white);
}

.fc-scrollgrid-section:not(.fc-scrollgrid-section-header) .fc-resource-timeline-divider {
	cursor: col-resize;
	position: relative;
	z-index: 2;
	background: rgb(233 233 233);
	background: linear-gradient(0deg, rgb(233 233 233 / 100%) 0%, rgb(233 233 233 / 100%) 40%, rgb(255 255 255 / 100%) 41%, rgb(179 179 179 / 100%) 42%, rgb(179 179 179 / 100%) 58%, rgb(255 255 255 / 100%) 59%, rgb(233 233 233 / 100%) 60%, rgb(233 233 233 / 100%) 100%);
	background: linear-gradient(0deg, rgb(233 233 233 / 100%) 0%, rgb(233 233 233 / 100%) 40%, rgb(255 255 255 / 100%) 41%, rgb(179 179 179 / 100%) 42%, rgb(179 179 179 / 100%) 58%, rgb(255 255 255 / 100%) 59%, rgb(233 233 233 / 100%) 60%, rgb(233 233 233 / 100%) 100%);
	background: linear-gradient(0deg, rgb(233 233 233 / 100%) 0%, rgb(233 233 233 / 100%) 40%, rgb(255 255 255 / 100%) 41%, rgb(179 179 179 / 100%) 42%, rgb(179 179 179 / 100%) 58%, rgb(255 255 255 / 100%) 59%, rgb(233 233 233 / 100%) 60%, rgb(233 233 233 / 100%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bs-input-border)", endColorstr="var(--bs-input-border)", GradientType=1);
}

.fc-daygrid-day-bg .anzeigen_hafen_info_mon,
.fc tfoot {
	display: none;
}

.fc .fc-resource-group {
	font-weight: inherit;
	text-align: inherit;
}

.fc .fc-resource-timeline .fc-resource-group:not([rowspan]) {}

.fc .fc-timeline-lane-frame {
	position: relative;
}

.fc .fc-timeline-overlap-enabled .fc-timeline-lane-frame .fc-timeline-events {
	box-sizing: content-box;
	padding-bottom: 1px;
}

.fc-timeline-body-expandrows td.fc-timeline-lane {
	position: relative;
}

.fc-timeline-body-expandrows .fc-timeline-lane-frame {
	position: static;
}

.fc-datagrid-cell-frame-liquid {
	height: 100%;
}

.fc-liquid-hack .fc-datagrid-cell-frame-liquid {
	inset: 0;
	height: auto;
	position: absolute;
}

.fc .fc-datagrid-header .fc-datagrid-cell-frame {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	position: relative;
}

.fc .fc-datagrid-cell-resizer {
	bottom: 0;
	cursor: col-resize;
	position: absolute;
	top: 0;
	width: 5px;
	z-index: 1;
}

span.fc-datagrid-cell-main .anzeigen_name {
	padding-top: 6px;

}

.fc-datagrid-cell-frame,
span.fc-datagrid-cell-main {
	display: block;
	clear: both;
	padding-bottom: 5px;
}

.fc .fc-datagrid-cell-cushion {
	padding: 0 5px;
	white-space: nowrap;
	clear: both;
}

.fc .fc-datagrid-expander {
	cursor: pointer;
	opacity: .65;
}

.fc .bootbild {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	display: block;
	width: 50px;
	overflow: hidden;
	border: 2px solid var(--bs-input-border);
	border-radius: 6px;
	height: 30px;
	background: radial-gradient(circle, rgb(236 236 236 / 100%) 50%, rgb(250 250 250 / 0%) 100%);
	background: radial-gradient(circle, rgb(236 236 236 / 100%) 50%, rgb(250 250 250 / 0%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ececec", endColorstr="#fafafa", GradientType=1);
	background: linear-gradient(to bottom, rgb(255 255 255 / 52%), rgb(239 239 239 / 73%)), url('../images/pages/load_images.png') center center no-repeat;
	background-size: contain;
}

.fc img {
	max-width: 100%;
	width: 50px;
	height: 30px;
	animation: fadeInAnimation ease 2s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fc .fc-datagrid-expander-placeholder {
	cursor: auto;
}

.fc .fc-resource-timeline-flat .fc-datagrid-expander-placeholder {
	display: none
}

.fc-direction-ltr .fc-datagrid-cell-resizer {
	right: -3px;
}

.fc-direction-rtl .fc-datagrid-cell-resizer {
	left: -3px
}

.fc-direction-ltr .fc-datagrid-expander {
	margin-right: 3px
}

.fc .fc-event,
.fc .fc-scrollgrid table tr {
	-moz-column-break-inside: avoid;
	break-inside: avoid
}

.fc-media-print {
	display: block;
	max-width: 100%
}

.fc-media-print .fc-bg-event,
.fc-media-print .fc-non-business,
.fc-media-print .fc-timegrid-axis-chunk,
.fc-media-print .fc-timegrid-slots,
.fc-media-print .fc-timeline-slots {
	display: none
}

.fc-media-print .fc-event,
.fc-media-print .fc-event-main {
	color: var(--brand-blue-dark) !important
}

.fc-media-print .fc-timegrid-event {
	margin: .5em 0
}

.fc-direction-rtl .fc-datagrid-expander {
	margin-left: 3px
}

.fc .fc-multimonth {
	border: 1px solid var(--fc-border-color);
	display: flex;
	flex-wrap: wrap;
	overflow: hidden auto
}

.fc .fc-multimonth-title {
	font-weight: var(--fw-normal);
	padding: 1em 0;
	text-align: center
}

.fc .fc-multimonth-daygrid {
	background: var(--fc-page-bg-color)
}

.fc .fc-multimonth-daygrid-table,
.fc .fc-multimonth-header-table {
	table-layout: fixed;
	width: 100%;
}

.fc .fc-multimonth-daygrid-table {
	border-top-style: hidden !important
}

.fc .fc-multimonth-singlecol .fc-multimonth {
	position: relative
}

.fc .fc-multimonth-singlecol .fc-multimonth-header {
	background: var(--fc-page-bg-color);
	position: relative;
	top: 0;
	z-index: 2
}

.fc .fc-multimonth-singlecol .fc-multimonth-daygrid {
	position: relative;
	z-index: 1
}

.fc .fc-multimonth-singlecol .fc-multimonth-daygrid-table,
.fc .fc-multimonth-singlecol .fc-multimonth-header-table {
	border-left-style: hidden;
	border-right-style: hidden
}

.fc .fc-multimonth-singlecol .fc-multimonth-month:last-child .fc-multimonth-daygrid-table {
	border-bottom-style: hidden
}

.fc .fc-multimonth-multicol {
	line-height: var(--lh-none)
}

.fc .fc-multimonth-multicol .fc-multimonth-month {
	padding: 0 1.2em 1.2em
}

.fc .fc-multimonth-multicol .fc-daygrid-more-link {
	border: 1px solid var(--fc-event-border-color);
	display: block;
	float: none;
	padding: 1px
}

.fc .fc-multimonth-compact {
	line-height: var(--lh-none)
}

.fc .fc-multimonth-compact .fc-multimonth-daygrid-table,
.fc .fc-multimonth-compact .fc-multimonth-header-table {
	font-size: var(--text-sm)
}

.fc-media-screen .fc-multimonth-singlecol .fc-multimonth-header {
	position: sticky
}

.fc-media-print .fc-multimonth {
	overflow: visible
}

.fc .fc-dayGridMonth-view .card.buchungen_block,
.fc .fc-dayGridMonth-view .card.buchung_rgoffen.buchungen_status20, 
.fc .fc-dayGridMonth-view .card.buchung_rgoffen.buchungen_status90 {
	font-weight: var(--fw-normal)
}

.fc td a.fc-daygrid-day-number {
	width: 100%
}

.fc td .card.buchungen_block,
.fc td .card.buchungen_status20,
.fc td .card.buchungen_status2,
.fc td .card.buchungen_status10,
.fc td .card.buchungen_status1,
.fc td .card.buchungen_status90 {
	width: 100%;
}

.fc-slot-past,
.fc-slot-today.fc-slot-past:not(.fc-slot-future),
.fc-day-past {
	background-image: linear-gradient(45deg, var(--bg-white) 25%, #fafafa 25%, #fafafa 50%, var(--bg-white) 50%, var(--bg-white) 75%, #fafafa 75%, #fafafa 100%) !important;
	background-size: 28.28px 28.28px !important;
}

.fc-day-past span,
.fc-event-past,
.fc-slot-past,
.fc-day-past .buchungen_status90,
.fc-day-past .buchungen_block {
	opacity: .65 !important;
}

th {
	padding: 0 !important;
}

.fc .fc-slot-sat,
.fc .fc-slot-sun,
.fc .fc-day-sat,
.fc .fc-day-sun {
	background: #c9d3e436;
}

.fc-timeline-header-row.fc-timeline-header-row-chrono th,
.fc-scrollgrid-section-header tr,
tr.fc-scrollgrid-section-header td,
.columnheader,
.fc-datagrid-cell {
	border-bottom: 0 !important;
}

.body_buchungsuebersicht nav .c_searchbar .btn:hover {
	color: var(--bg-white);
	background: var(--brand-blue-light);
	transform: translate(0, 8px);
	transition: transform .3s ease;
	will-change: transform;
}

.body_buchungsuebersicht .c_searchbar .btn i {}

.hafenkalender_filter {
	display: none !important
}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
	left: 0;
	position: absolute;
	right: 0
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
	min-height: 2em;
	position: relative
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
	margin-bottom: 1em
}

.fc .fc-daygrid-event-harness {
	position: relative
}

.fc .fc-daygrid-event-harness-abs {
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.fc .fc-daygrid-bg-harness {
	bottom: 0;
	position: absolute;
	top: 0
}

.fc .fc-daygrid-day-bg .fc-non-business {
	z-index: 1
}

.fc .fc-daygrid-day-bg .fc-bg-event {
	z-index: 2
}

.fc .fc-daygrid-day-bg .fc-highlight {
	z-index: 3
}

.fc .fc-daygrid-event {
	margin-top: 1px;
	z-index: 6
}

.fc .fc-daygrid-event.fc-event-mirror {
	z-index: 7
}

.fc .fc-daygrid-day-bottom {
	margin: 0 2px
}

.fc .fc-daygrid-day-bottom::after,
.fc .fc-daygrid-day-bottom::before {
	clear: both;
	content: "";
	display: table
}

.fc .fc-daygrid-more-link {
	border-radius: 6px;
	cursor: pointer;
	line-height: var(--lh-none);
	margin-top: 1px;
	max-width: 100%;
	overflow: hidden;
	padding: 2px;
	position: relative;
	white-space: nowrap;
	z-index: 4
}

.fc .fc-daygrid-more-link:hover {
	background-color: rgb(0 0 0 / 10%)
}

.fc .fc-daygrid-week-number {
	background-color: var(--fc-neutral-bg-color);
	color: var(--fc-neutral-text-color);
	min-width: 1.5em;
	padding: 2px;
	position: absolute;
	text-align: center;
	top: 0;
	z-index: 5
}

.fc .fc-more-popover .fc-popover-body {
	min-width: 220px;
	padding: 10px
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
	margin-left: 2px
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
	margin-right: 2px
}

.fc-direction-ltr .fc-daygrid-more-link {
	float: left
}

.fc-direction-ltr .fc-daygrid-week-number {
	border-radius: 0 0 3px;
	left: 0
}

.fc-direction-rtl .fc-daygrid-more-link {
	float: right
}

.fc-direction-rtl .fc-daygrid-week-number {
	border-radius: 0 0 0 3px;
	right: 0
}

.fc-liquid-hack .fc-daygrid-day-frame {
	position: static
}

.fc-daygrid-event {
	border-radius: 6px;
	position: relative;
	white-space: nowrap
}

.fc-daygrid-block-event .fc-event-time {
	font-weight: var(--fw-normal)
}

.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
	padding: 1px
}

.fc-daygrid-dot-event {
	align-items: center;
	display: flex;
	padding: 2px 0
}

.fc .fc-scrollgrid {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--shadow-card-lg);
}

.fc-scrollgrid-section-header {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.fc-daygrid-dot-event .fc-event-title {
	flex-grow: 1;
	flex-shrink: 1;
	font-weight: var(--fw-normal);
	min-width: 0;
	overflow: hidden
}

.fc-daygrid-dot-event.fc-event-mirror,
.fc-daygrid-dot-event:hover {
	background: rgb(0 0 0 / 10%);
	cursor: pointer;
}

.fc .fc-daygrid-day.fc-day-today::before {
	content: 'Heute';
	background: var(--body-linkcolor-primecolor);
	color: var(--bg-white);
	z-index: 99;
	position: absolute;
	padding: 0 3px;
	font-size: var(--text-2xs);
	margin-top: -20px;
	margin-left: -3px;
}

.fc .fc-daygrid-day.fc-day-today {
	background: rgb(42 137 216 / 9%);
	border: 2px solid var(--body-linkcolor-primecolor);

}

#wutzmailer_viewer {
	z-index: 9999999 !important;
}

#buchung_viewer {
	z-index: 99999 !important;
}

.body_buchungsuebersicht .modal .modal-dialog .modal-header button.close {
	font-size: var(--text-2xl);
	padding: 0;
	right: 19px;
	z-index: 9;
	top: 4px;
	height: 50px;
	color: var(--body-main-btn-color);
	opacity: 1;
	width: 61px;
}

.fc-timeline-slots .fc-resource:has(.nichtgebucht),
.fc-timeline .fc-scrollgrid .fc-datagrid-cell.fc-resource:has(.nichtgebucht) {
	background: rgb(243 243 243 / 100%) !important;
	opacity: 1;
}

.fc-timeline-slots .fc-resource:has(.fc-slot-past):has(.fc-slot-past),
.fc-timeline-lane:not(:has(.card)) {
	background: rgb(243 243 243 / 100%) !important;
	opacity: 1;
}

.anzeigen_int_nr {
	color: var(--card-grey-color) !important;
	font-size: var(--text-xs);
}

.loading1 {
	width: 100%;
	margin: auto;
	text-align: center;
	position: fixed;
	top: 30%;
	z-index: 999999;
}

.loadingbox {
	margin: auto;
	box-shadow: var(--shadow-card-sm);
	width: 400px;
	padding: 20px;
	color: var(--fc-event-border-color);
	background: var(--bg-white);
	border-radius: 6px;
	display: block;
}

.loadingbox small {
	text-align: center;
	color: var(--brand-orange-hover);
	font-weight: var(--fw-normal);
}

.loader {
	width: 30px;
	aspect-ratio: 1;
	position: relative;
	transform: rotate(45deg);
	margin: auto;
	margin-bottom: 4px;
	line-height: 12px;
}

.loader::before,
.loader::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50% 50% 0;
	background: rgb(250 122 80 / 100%) 100%);
	background: radial-gradient(circle, rgb(250 205 80 / 100%) 0%, rgb(250 122 80 / 100%) 91%);
	background: radial-gradient(circle, rgb(250 205 80 / 100%) 0%, rgb(250 122 80 / 100%) 91%);
	background: radial-gradient(circle, rgb(250 205 80 / 100%) 0%, rgb(250 122 80 / 100%) 91%);

}

.loader::after {
	animation: l6 1s infinite;
	transform: perspective(300px) translateZ(0);

}

.universalmenu .alert {
	margin-top: 0 !important;
	margin-left: 13px !important;
	right: 51px !important;
	z-index: 9999 !important;
}

.loader i {
	position: absolute;
	z-index: 9999;
	color: var(--bg-white);
	font-size: var(--text-lg);
	font-weight: var(--fw-normal);
	transform: rotate(-45deg);
	left: 1px;
	padding: 0;
	top: 5px;
}

@keyframes l6 {
	to {
		transform: perspective(300px) translateZ(150px);
		opacity: 0;
	}
}

.anzeigen_hafen_info_mon {
	display: block;
	grid-template-columns: repeat(4, auto);
	gap: 3px;
	position: absolute;
	margin-top: 3px;
	margin-right: 3px;
	z-index: 9;
}

span[class^="option"] {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	height: 10px;
	font-size: var(--text-xs);
	font-weight: var(--fw-semibold);
	color: var(--bg-white);
}

span[class^="option"]::before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid var(--bg-white);
	display: inline-block;
}

.modal-content span[class^="option"]::before,
.options-legend span[class^="option"]::before,
.fc-resourceTimelineOneDays-view span[class^="option"]::before {
  display: none !important;
}

span[class^="option"]::after {
	padding: 4px 8px;
	border-radius: 999px;
	white-space: nowrap;
	animation: ios-badge-pop .22s ease-out;
}

.badge[class*="option"]::after {
  background: none !important;
}

.option1::before{	background: rgb(from var(--option-1) r g b / 1);}
.badge.option1,
.option1::after {
	background: rgb(from var(--option-1) r g b / 1);
	color: var(--option-1-color);
}

.option1::after {
	content: "Essen";
}

.option2::before{	background: rgb(from var(--option-2) r g b / 1);}
.badge.option2,
.option2::after {
	background: rgb(from var(--option-2) r g b / 1);
	color: var(--option-2-color);
}

.option2::after {
	content: "Kraftstoff";
}

.option3::before{	background: rgb(from var(--option-3) r g b / 1);}
.badge.option3,
.option3::after {
	background: rgb(from var(--option-3) r g b / 1);
	color: var(--option-3-color);
}

.option3::after {
	content: "Sonstiges";
}

.option4::before{	background: rgb(from var(--option-4) r g b / 1);}
.badge.option4,
.option4::after {
	background: rgb(from var(--option-4) r g b / 1);
	color: var(--option-4-color);
	
}
.option4::after {
	content: "Begleitung";
}

.option5::before{	background: rgb(from var(--option-5) r g b / 1);}
.badge.option5,
.option5::after {
	background: rgb(from var(--option-5) r g b / 1);
	color: var(--option-5-color);
}

.option5::after {
	content: "Sound";
}

.option6::before{	background: rgb(from var(--option-6) r g b / 1);}
.badge.option6,
.option6::after {
	background: rgb(from var(--option-6) r g b / 1);
	color: var(--option-6-color);
}

.option6::after {
	content: "Toilette";
}

.option7::before{	background: rgb(from var(--option-7) r g b / 1);}
.badge.option7,
.option7::after {
	background: rgb(from var(--option-7) r g b / 1);
	color: var(--option-7-color);
}

.option7::after {
	content: "Kühlbox";
}

.option8::before{	background: rgb(from var(--option-8) r g b / 1);}
.badge.option8,
.option8::after {
	background: rgb(from var(--option-8) r g b / 1);
	color: var(--option-8-color);
}

.option8::after {
	content: "Catering";
}

.option9::before{	background: rgb(from var(--option-9) r g b / 1);}
.badge.option9,
.option9::after {
	background: rgb(from var(--option-9) r g b / 1);
	color: var(--option-9-color);
}

.option9::after {
	content: "Bewirtung";
}

.option10::before{	background: rgb(from var(--option-10) r g b / 1);}
.badge.option10,
.option10::after {
	background: rgb(from var(--option-10) r g b / 1);
	color: var(--option-10-color);
}

.option10::after {
	content: "Startpunkt";
}

.option11::before{	background: rgb(from var(--option-11) r g b / 1);}
.badge.option11,
.option11::after {
	background: rgb(from var(--option-11) r g b / 1);
	color: var(--option-10-color);
}

.option11::after {
	content: "Extra 1";
}

.option12::before{	background: rgb(from var(--option-12) r g b / 1);}
.badge.option12,
.option12::after {
	background: rgb(from var(--option-12) r g b / 1);
	color: var(--option-10-color);
}

.option12::after {
	content: "Extra 2";
}

.fc-resourceTimelineSevenDays-view span[class^="option"],
.fc-dayGridMonth-view span[class^="option"] {
	position: relative;
	cursor: pointer;
}

div[class*="anzeigen_hafen"] {
	pointer-events: auto !important;
}

span[class^="option"] {
	position: relative;
	display: inline-block;
	pointer-events: auto !important;
	cursor: pointer;
	z-index: 1;
}

.fc-resourceTimelineSevenDays-view span[class^="option"]::after,
.fc-dayGridMonth-view span[class^="option"]::after {
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%) scale(.95);
	padding: 6px 12px;
	border-radius: 999px;
	font-size: var(--text-xs);
	font-weight: var(--fw-medium);
	white-space: nowrap;
	box-shadow: var(--shadow-overlay);
	pointer-events: none;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	transition: all .18s ease;
}

.fc-resourceTimelineSevenDays-view span[class^="option"]:hover::after,
.fc-dayGridMonth-view span[class^="option"]:hover::after {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateX(-50%) scale(1) !important;
}

.options-legend span[class^="option"],
.fc .fc-dayGridMonth-view .fc-daygrid-day-top span[class^="option"]{
  display:none;
}

.fc .fc-dayGridMonth-view .fc-daygrid-day-top .option1,
.fc .fc-dayGridMonth-view .fc-daygrid-day-top .option4,
.fc .fc-dayGridMonth-view .fc-daygrid-day-top .option8,
.fc .fc-dayGridMonth-view .fc-daygrid-day-top .option9,
.options-legend .option1,
.options-legend .option4,
.options-legend .option8,
.options-legend .option9{
  display:inline-flex !important;
}

.template.body_buchungsuebersicht .alert.bell {
	 position: absolute;
	 top: -10px;
	 right: 54px;
	 width: 26px;
	 height: 26px;
	 margin: 0;
	 padding: 0;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: 999px;
	 color: #fff;
	 font-size: var(--text-xs);
	 font-weight: var(--fw-bold);
	 box-shadow: 0 8px 18px rgba(0, 0, 0, .35), 0 2px 5px rgba(0, 0, 0, .25);
	 z-index: 9999;
	 pointer-events: none;
	 animation: ios-badge-pop .22s ease-out;
}

/* template/css/94_gutschein.css */

/* ============================================================
	gutschein.css – Gutschein-spezifische Styles
	Ausgelagert aus: 92_main.css
	Abhängigkeiten: 01_elemente.css (CSS Custom Properties)
	============================================================ */


/* ── Gutschein-Kategorien-Badge (Listenansicht) ──────────────── */

span.gutscheine_kats {
	text-align: center;
	display: block;
	width: 100%;
	padding: 3px 10px;
	font-size: var(--text-2xs);
	margin-bottom: -10px;
	background: rgba(243, 243, 243, 1);
}


/* ── Gutschein-Code-Box (Scissors / OK / Warning Icons) ─────── */

.gutschein .codebox i.icon-scissors,
.buchen .codebox i.icon-scissors {
	position: absolute;
	right: 7%;
	transform: rotate(180deg);
	margin-top: -5px;
	color: #c5c5c5;
	font-size: var(--text-2xl);
	background: var(--bg-white);
	line-height: 7px;
	height: 17px;
}


.gutschein .codebox i.icon-ok-circled,
.buchen .codebox i.icon-ok-circled {
	position: absolute;
	right: 7%;
	margin-top: -23px;
	color: var(--color-alert-success);
	font-size: var(--text-2xl);
	background: var(--bg-white);
}


.gutschein .codebox i.icon-warning,
.buchen .codebox i.icon-warning {
	position: absolute;
	right: 7%;
	margin-top: -23px;
	color: var(--body-main-btn-color);
	font-size: var(--text-2xl);
	background: var(--bg-white);
}


/* ── Gutschein-Name in Anzeige/Karte ────────────────────────── */

.anzeigen_nameSpanGutschein {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis !important;
	white-space: nowrap;
	font-weight: var(--fw-extrabold);
	font-size: var(--text-sm);
	font-weight: var(--fw-normal);
	position: absolute;
	margin-top: 197px;
	background: var(--bg-white);
	padding: 5px 10px;
}


/* ── Gutschein verwalten: Bild-Upload Fehleranzeige ──────────── */

.gutscheine_verwalten .bilderuploadBox .input_err {
	color: var(--bg-white);
	font-size: var(--text-base);
	width: inherit;
	display: block;
	border-radius: var(--border-radius-3);
	background: var(--red-color);
	margin-top: 10px;
}

/* ============================================================
	gutschein.css – Gutschein-spezifische Styles
	Ausgelagert aus: 92_main.css + 89_mobile_neu.css
	Abhängigkeiten: 01_elemente.css (CSS Custom Properties)
	============================================================ */


/* ============================================================
	GLOBAL – Basis (gilt für alle Breakpoints)
	============================================================ */

/* Gutscheinbox auf Startseite – Textfarbe */
.body_startseite div[data-background-color="gutscheinbox"] p,
.body_startseite div[data-background-color="gutscheinbox"] h2,
.body_startseite div[data-background-color="gutscheinbox"] h3,
.body_startseite div[data-background-color="gutscheinbox"] {
	color: var(--body-font-color);
}

/* Gutschein verwalten – Datepicker */
.gutscheine_verwalten .datumtyp.datumtyp_4 .bootstrap-select,
.gutscheine_verwalten .datumtyp.datumtyp_3 .bootstrap-select {
	width: 80% !important;
}

/* Gutschein-Kategorien-Badge (Listenansicht) */
span.gutscheine_kats {
	text-align: center;
	display: block;
	width: 100%;
	padding: 3px 10px;
	font-size: var(--text-2xs);
	margin-bottom: -10px;
	background: rgba(243, 243, 243, 1);
}

/* Gutschein-Code-Box – Scissors / OK / Warning Icons */
.gutschein .codebox i.icon-scissors,
.buchen .codebox i.icon-scissors {
	position: absolute;
	right: 7%;
	transform: rotate(180deg);
	margin-top: -5px;
	color: #c5c5c5;
	font-size: var(--text-2xl);
	background: var(--bg-white);
	line-height: 7px;
	height: 17px;
}

.gutschein .codebox i.icon-ok-circled,
.buchen .codebox i.icon-ok-circled {
	position: absolute;
	right: 7%;
	margin-top: -23px;
	color: var(--color-alert-success);
	font-size: var(--text-2xl);
	background: var(--bg-white);
}

.gutschein .codebox i.icon-warning,
.buchen .codebox i.icon-warning {
	position: absolute;
	right: 7%;
	margin-top: -23px;
	color: var(--body-main-btn-color);
	font-size: var(--text-2xl);
	background: var(--bg-white);
}

/* Gutschein-Name auf der Karte */
.anzeigen_nameSpanGutschein {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis !important;
	white-space: nowrap;
	font-size: var(--text-sm);
	font-weight: var(--fw-normal);
	position: absolute;
	margin-top: 197px;
	background: var(--bg-white);
	padding: 5px 10px;
}

/* Dark-Section Override für body_gutschein */
.body_gutschein [data-background-color="black"]:has(.card),
.body_buchen [data-background-color="black"]:has(.card) {
	display: block;
}

/* Gutschein verwalten – Bild-Upload Fehleranzeige */
.gutscheine_verwalten .bilderuploadBox .input_err {
	color: var(--bg-white);
	font-size: var(--text-base);
	width: inherit;
	display: block;
	border-radius: var(--border-radius-3);
	background: var(--red-color);
	margin-top: 10px;
}

/* Zahlungsart Gutschein – Fehlerbox ausblenden */
.col-12.error.p-3.zahlungsarten_id_Gutschein {
	display: none !important;
}



.template.body_gutschein ul.cart-items li .circle,
.template.body_buchen ul.cart-items li .circle {
	background: var(--background-color-alert-light);
	color: var(--body-font-color);
}

.template.body_gutschein ul.cart-items li.step-now,
.template.body_buchen ul.cart-items li.step-now {
	border-top-color: var(--color-alert-dark);
}

.template.body_gutschein ul.cart-items li.step-now .cart-title,
.template.body_buchen ul.cart-items li.step-now .cart-title {
	color: var(); /* ⚠ Variable fehlt im Original – bitte prüfen */
}

.template.body_gutschein ul.cart-items li.step-now .circle,
.template.body_buchen ul.cart-items li.step-now .circle {
	background: var(--color-alert-dark);
	color: var(--body-linkcolor-withe);
	animation: pulse-black 2s infinite;
}

.template.body_gutschein ul.cart-items li.step-success,
.template.body_buchen ul.cart-items li.step-success {
	border-top-color: var(--color-alert-success);
}



.template.body_gutschein ul.cart-items li.step-success .circle,
.template.body_buchen ul.cart-items li.step-success .circle {
	background: var(--color-alert-success);
	color: var(--body-linkcolor-withe);
}


/* ============================================================
	GUTSCHEINSTYLE – Vorschau-Karte (Positionierung)
	Alle Breakpoints aus 89_mobile_neu.css
	============================================================ */

/* ── max-width: 767px (Mobile) ─────────────────────────────── */
@media screen and (max-width: 767px) {

	.gutscheinstyle .bilderuploadBox {
		margin: auto;
		width: 308px;
		height: 145px;
		border: 1px dashed var(--bs-input-border);
	}

	.gutscheinstyle .qrcode {
		position: absolute;
		text-align: initial;
		z-index: 99;
		top: 108px;
		margin-left: -137px;
		height: 16px;
		opacity: .7;
		width: 16px;
	}

	.gutscheinstyle h2 {
		font-size: var(--text-2xs);
		position: absolute;
		text-align: initial;
		padding: 2px 15px;
		top: 92px;
		font-weight: var(--fw-extrabold);
	}

	.gutscheinstyle .benutzer_firma {
		position: absolute;
		z-index: 10;
		font-size: 5px;
		text-align: left;
		top: 113px;
		margin-left: -143px;
		padding: 2px 24px 2px 25px;
		line-height: 6px;
	}

	.gutscheinstyle .gutscheincode {
		position: absolute;
		width: 177px;
		padding: 14px;
		z-index: 11;
		font-size: 3px;
		top: 85px;
		margin-left: 10px;
	}

	.gutscheinstyle .code {
		position: absolute;
		width: 90px;
		border-radius: 3px;
		padding: 6px 6px;
		font-size: 4px;
		z-index: 10;
		top: 98px;
		margin-left: 51px;
		height: 10px;
	}

	.gutscheinstyle .textbox {
		position: absolute;
		width: 107px;
		font-size: 4px;
		height: 127px;
		margin-left: 41px;
		z-index: 8;
		padding: .6rem;
	}

	.gutscheinstyle .textbox p {
		font-size: 4px;
		line-height: 5px !important;
	}

	.gutscheinstyle .textbox h3 {
		font-size: 6px;
		margin-bottom: 5px;
		padding-bottom: 3px;
		line-height: 3px;
	}

	.gutscheinstyle .gueltig_datum {
		position: absolute;
		width: 108px;
		text-align: center;
		padding: 0;
		z-index: 10;
		top: 122px;
		margin-left: 44px;
		height: 46px;
		font-size: 3px;
	}

	.gutscheinstyle .mblogo {
		position: absolute;
		padding: 10px;
		z-index: 20;
		top: 110px;
		margin-left: 79px;
		width: 42px;
	}

	.gutscheinstyle .vorschau_bild {
		background-size: cover !important;
		display: block;
		background-position: center center;
		border-radius: 8px;
		width: 293px;
		height: 100%;
	}

}


/* ── min-width: 768px / max-width: 991px (Tablet) ─────────── */
@media screen and (min-width: 768px) and (max-width: 991px) {

	/* Verwaltungs-Menü */
	.body_gutscheine_verwalten .universalmenu a.btn.univ.colorWithe span {
		display: inherit !important;
	}

	/* Button-Container & Nav-Pills */
	.gutschein .button-container a.nav-link.mr-2.text-center {
		text-align: center !important;
		padding: 7px 27px;
		width: 75px;
	}

	.gutschein .nav-pills .nav-item .nav-link.active span,
	.gutschein .nav-pills .nav-item .nav-link span {
		font-size: .0rem;
		margin: 0px !important;
	}

	/* Gutscheinstyle Vorschau */
	.gutscheinstyle .bilderuploadBox {
		margin: auto;
		width: 706px;
		height: 333px;
	}

	.gutscheinstyle .qrcode {
		position: absolute;
		text-align: initial;
		z-index: 99;
		top: 263px;
		margin-left: -321px;
		height: 40px;
		opacity: .7;
		width: 40px;
	}

	.gutscheinstyle h2 {
		font-size: var(--text-md);
		position: absolute;
		text-align: initial;
		padding: 7px 24px;
		top: 220px;
		font-weight: var(--fw-extrabold);
	}

	.gutscheinstyle .benutzer_firma {
		position: absolute;
		z-index: 10;
		font-size: var(--text-2xs);
		text-align: left;
		top: 268px;
		margin-left: -330px;
		padding: 4px 24px 6px 55px;
		line-height: 12px;
	}

	.gutscheinstyle .gutscheincode {
		position: absolute;
		width: 279px;
		padding: 14px;
		z-index: 11;
		font-size: var(--text-2xs);
		top: 216px;
		margin-left: 82px;
	}

	.gutscheinstyle .code {
		position: absolute;
		width: 202px;
		padding: 17px 10px;
		font-size: 4px;
		z-index: 10;
		top: 225px;
		margin-left: 118px;
		height: 39px;
	}

	.gutscheinstyle .textbox {
		position: absolute;
		width: 238px;
		font-size: var(--text-2xs);
		height: 313px;
		margin-left: 103px;
		z-index: 8;
		padding: 1.0rem;
	}

	.gutscheinstyle .textbox h3 {
		font-size: var(--text-sm);
	}

	.gutscheinstyle .gueltig_datum {
		position: absolute;
		width: 265px;
		text-align: center;
		padding: 10px;
		z-index: 10;
		top: 264px;
		margin-left: 95px;
		height: 46px;
		font-size: var(--text-2xs);
	}

	.gutscheinstyle .mblogo {
		position: absolute;
		padding: 10px;
		z-index: 20;
		top: 285px;
		margin-left: 187px;
		width: 85px;
	}

	.gutscheinstyle .vorschau_bild {
		background-size: cover !important;
		display: block;
		background-position: center center;
		border-radius: 8px;
		width: 684px;
		height: 100%;
	}

}


/* ── min-width: 992px / max-width: 1199px (Desktop S) ─────── */
@media screen and (min-width: 992px) and (max-width: 1199px) {

	.gutscheinstyle .bilderuploadBox {
		margin: auto;
		width: 706px;
		height: 333px;
	}

	.gutscheinstyle .qrcode {
		position: absolute;
		text-align: initial;
		z-index: 99;
		top: 263px;
		margin-left: -321px;
		height: 40px;
		opacity: .7;
		width: 40px;
	}

	.gutscheinstyle h2 {
		font-size: var(--text-md);
		position: absolute;
		text-align: initial;
		padding: 7px 24px;
		top: 220px;
		font-weight: var(--fw-extrabold);
	}

	.gutscheinstyle .benutzer_firma {
		position: absolute;
		z-index: 10;
		font-size: var(--text-2xs);
		text-align: left;
		top: 268px;
		margin-left: -330px;
		padding: 4px 24px 6px 55px;
		line-height: 12px;
	}

	.gutscheinstyle .gutscheincode {
		position: absolute;
		width: 279px;
		padding: 14px;
		z-index: 11;
		font-size: var(--text-2xs);
		top: 216px;
		margin-left: 82px;
	}

	.gutscheinstyle .code {
		position: absolute;
		width: 202px;
		padding: 17px 10px;
		font-size: var(--text-2xs);
		z-index: 10;
		top: 225px;
		margin-left: 118px;
		height: 39px;
	}

	.gutscheinstyle .textbox {
		position: absolute;
		width: 238px;
		font-size: var(--text-2xs);
		height: 313px;
		margin-left: 103px;
		z-index: 8;
		padding: 1.2rem;
	}

	.gutscheinstyle .textbox p {
		font-size: var(--text-xs);
	}

	.gutscheinstyle .textbox h3 {
		font-size: var(--text-sm);
	}

	.gutscheinstyle .gueltig_datum {
		position: absolute;
		width: 265px;
		text-align: center;
		padding: 10px;
		z-index: 10;
		top: 264px;
		margin-left: 95px;
		height: 46px;
		font-size: var(--text-2xs);
	}

	.gutscheinstyle .mblogo {
		position: absolute;
		padding: 10px;
		z-index: 20;
		top: 285px;
		margin-left: 187px;
		width: 85px;
	}

	.gutscheinstyle .vorschau_bild {
		background-size: cover !important;
		display: block;
		background-position: center center;
		border-radius: 8px;
		width: 684px;
		height: 100%;
	}

}


/* ── min-width: 1200px / max-width: 1399px (Desktop M) ────── */
@media screen and (min-width: 1200px) and (max-width: 1399px) {

	.gutscheinstyle .bilderuploadBox {
		margin: auto;
		width: 1059px;
		height: 499px;
	}

	.gutscheinstyle .qrcode {
		position: absolute;
		text-align: initial;
		z-index: 99;
		top: 405px;
		margin-left: -416px;
		height: 57px;
		opacity: 0.7;
		width: 57px;
	}

	.gutscheinstyle h2 {
		font-size: var(--text-2xl);
		position: absolute;
		text-align: initial;
		padding: 10px 24px;
		top: 346px;
		font-weight: var(--fw-extrabold);
	}

	.gutscheinstyle .benutzer_firma {
		position: absolute;
		z-index: 10;
		font-size: var(--text-sm);
		text-align: left;
		top: 422px;
		padding: 6px 24px 6px 79px;
		line-height: 15px;
	}

	.gutscheinstyle .gutscheincode {
		position: absolute;
		width: 335px;
		padding: 14px;
		z-index: 11;
		font-size: var(--text-xs);
		top: 335px;
		margin-left: 155px;
	}

	.gutscheinstyle .code {
		position: absolute;
		width: 321px;
		padding: 19px;
		font-size: var(--text-sm);
		z-index: 10;
		top: 344px;
		margin-left: 172px;
		height: 50px;
	}

	.gutscheinstyle .textbox {
		position: absolute;
		width: 375px;
		font-size: var(--text-base);
		height: 486px;
		margin-left: 143px;
		z-index: 8;
		padding: 2rem;
	}

	.gutscheinstyle .gueltig_datum {
		position: absolute;
		width: 330px;
		text-align: center;
		padding: 10px;
		z-index: 10;
		top: 408px;
		margin-left: 164px;
		height: 46px;
		font-size: var(--text-sm);
	}

	.gutscheinstyle .mblogo {
		position: absolute;
		padding: 10px;
		z-index: 20;
		top: 440px;
		margin-left: 268px;
		width: 120px;
	}

	.gutscheinstyle .vorschau_bild {
		background-size: cover !important;
		display: block;
		background-position: center center;
		border-radius: 8px;
		width: 1036px;
		height: 100%;
	}

}


/* ── min-width: 1400px (Desktop XL) ────────────────────────── */
@media screen and (min-width: 1400px) {

	.gutscheinstyle .bilderuploadBox {
		margin: auto;
		width: 1059px;
		height: 499px;
	}

	.gutscheinstyle .qrcode {
		position: absolute;
		text-align: initial;
		z-index: 99;
		top: 417px;
		margin-left: -496px;
		height: 57px;
		opacity: 0.7;
		width: 57px;
	}

	.gutscheinstyle h2 {
		font-size: var(--text-2xl);
		position: absolute;
		text-align: initial;
		padding: 10px 24px;
		top: 346px;
		font-weight: var(--fw-extrabold);
	}

	.gutscheinstyle .benutzer_firma {
		position: absolute;
		z-index: 10;
		font-size: var(--text-sm);
		text-align: left;
		top: 425px;
		padding: 6px 24px 6px 79px;
		line-height: 15px;
	}

	.gutscheinstyle .gutscheincode {
		position: absolute;
		width: 332px;
		padding: 14px;
		z-index: 11;
		font-size: var(--text-xs);
		top: 356px;
		margin-left: 676px;
	}

	.gutscheinstyle .code {
		position: absolute;
		width: 321px;
		padding: 19px;
		font-size: var(--text-sm);
		z-index: 10;
		top: 364px;
		margin-left: 172px;
		height: 50px;
	}

	.gutscheinstyle .textbox {
		position: absolute;
		width: 375px;
		font-size: var(--text-base);
		height: 486px;
		margin-left: 143px;
		z-index: 8;
		padding: 2rem;
	}

	.gutscheinstyle .gueltig_datum {
		position: absolute;
		width: 330px;
		text-align: center;
		padding: 10px;
		z-index: 10;
		top: 412px;
		margin-left: 684px;
		height: 46px;
		font-size: var(--text-sm);
	}

	.gutscheinstyle .mblogo {
		position: absolute;
		padding: 10px;
		z-index: 20;
		top: 440px;
		margin-left: 268px;
		width: 120px;
	}

	.gutscheinstyle .vorschau_bild {
		background-size: cover !important;
		display: block;
		background-position: center center;
		border-radius: 8px;
		width: 1036px;
		height: 100%;
	}

}
/* ── Text animation ────────────────────────── */
#js_vorschau_unten {
	 overflow: hidden;
	 white-space: nowrap;
	 border-right: 2px solid;
	 width: 0;
	 animation: 
		  tippen 4s steps(60, end) forwards,
		  cursor-weg 0s 4s forwards; /* startet genau wenn tippen endet */
}

@keyframes tippen {
	 to {
		  width: 100%;
	 }
}

@keyframes cursor-weg {
	 to {
		  border-right-color: transparent;
	 }
}

/* template/css/95_such_filter.css */

/* ============================================
	FILTER MOBILE MODAL SYSTEM
	CSS-ONLY | SLIDE FROM BOTTOM | BACKDROP
	NAMESPACE: .suche-mobile
	============================================ */



.suche-mobile[data-background-color="darkblue"] {
		position: sticky;
		top: 74px;
		z-index: 990;

	}	

/* CHECKBOX HIDDEN */
.suche-mobile .filter-toggle-checkbox {
	display: none;
}

/* FILTER BUTTON (trigger) */
.suche-mobile .filter-trigger-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	background: var(--bg-white);
	border: 1px solid var(--bs-input-border);
	border-radius: 8px;
	font-size: 15px;
	font-weight: 500;
	color: var(--body-font-color);
	cursor: pointer;
	transition: all 0.2s ease;
	text-decoration: none;
}

.suche-mobile .filter-trigger-btn:hover {
	border-color: var(--brand-orange);
	color: var(--brand-orange);
}

.suche-mobile .filter-trigger-btn i {
	font-size: 18px;
}

/* BACKDROP (Hintergrund abdunkeln) */
.suche-mobile .filter-mobile-wrapper::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	z-index: 900;
	pointer-events: none;
}

/* Backdrop sichtbar wenn checked */
.suche-mobile .filter-mobile-wrapper .filter-toggle-checkbox:checked ~ .filter-backdrop-close {
	display: block;
}
	
/* Backdrop Overlay sichtbar */
.suche-mobile .filter-mobile-wrapper:has(.filter-toggle-checkbox:checked)::before {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

/* MODAL CONTAINER */
.suche-mobile .filter-mobile-content {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80vh;
	max-height: 80vh;
	background: var(--bg-white);
	border-radius: 16px 16px 0 0;
	z-index: 9999;
	transform: translateY(100%);
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	flex-direction: column;
	
	box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
}

/* Modal slideIn wenn checked */
.suche-mobile .filter-mobile-wrapper .filter-toggle-checkbox:checked ~ .filter-mobile-content {
	transform: translateY(0);
}

/* MODAL HEADER (sticky oben) */
.suche-mobile .filter-modal-header {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	padding: 16px 20px;
	background: var(--bg-white);
	border-bottom: 1px solid var(--bs-input-border);
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 10;
	flex-shrink: 0;
}

.suche-mobile .filter-modal-title {
	font-size: 18px;
	font-weight: 600;
	color: var(--body-font-color);
	margin: 0;
}

.suche-mobile .filter-close-btn {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.2s ease;
	padding: 0;
}

.suche-mobile .filter-close-btn:hover {
	background: var(--bg-light);
}

.suche-mobile .filter-close-btn i {
	font-size: 20px;
	color: var(--bs-input-placeholder);
}
/* Alle Texte im Modal Body vor Vererbung schützen */
.suche-mobile .filter-modal-body {
	color: var(--body-font-color) !important;
}

/* Labels mit Icon */
.suche-mobile .filter-modal-body label.font-weight-600 {
	font-weight: 600;
	font-size: 15px;
	color: var(--body-font-color) !important;
	line-height: 1.4;
	display: flex;
	align-items: center;
}



 .filter-radio { display: none; }
 .filter-radio:hover + .btn-outline-primary,
 .filter-radio:checked + .btn-outline-primary {
  background-color: var(--btn-primary-bg) !important;
  color: var(--btn-primary-text) !important;
} */

/* Beschreibungstexte unter Labels */
.suche-mobile .filter-modal-body .text-muted.small {
	font-size: 13px;
	color: var(--bs-input-placeholder) !important;
	line-height: 1.5;
}
/* MODAL BODY (scrollable) */
.suche-mobile .filter-modal-body {
	flex: 1;
	
	padding: 20px;
	-webkit-overflow-scrolling: touch;
}

/* MODAL FOOTER (sticky unten) */
.suche-mobile .filter-modal-footer {
	position: sticky;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 16px 20px;
	background: var(--bg-white);
	border-top: 1px solid var(--bs-input-border);
	z-index: 10;
	flex-shrink: 0;
}

.suche-mobile .filter-apply-btn {
	width: 100%;
	padding: 16px;
	background: var(--brand-orange);
	color: var(--bg-white);
	border: none;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.suche-mobile .filter-apply-btn:hover {
	background: var(--brand-orange-hover);
}

/* BACKDROP CLICK = CLOSE (Label als Clickarea) */
.suche-mobile .filter-backdrop-close {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 900;
	cursor: pointer;
	display: none;
}

.suche-mobile .filter-mobile-wrapper .filter-toggle-checkbox:checked ~ .filter-backdrop-close {
	display: block;
}

/* ============================================
	RESPONSIVE - NUR MOBILE
	============================================ */

/* Desktop: Modal komplett ausblenden */
@media (min-width: 768px) {
	.suche-mobile .filter-trigger-btn,
	.suche-mobile .filter-mobile-wrapper .filter-mobile-content,
	.suche-mobile .filter-backdrop-close {
		display: none !important;
	}
	
	.suche-mobile .filter-mobile-wrapper::before {
		display: none !important;
	}
}

/* Mobile: Modal aktiv, Original Filter in Modal verschieben */
@media (max-width: 767.98px) {
	/* Body scroll lock wenn Modal offen */
	body:has(.suche-mobile .filter-mobile-wrapper .filter-toggle-checkbox:checked) {
		overflow: hidden;
	}
	
	/* Original Such-Button verstecken (ist jetzt im Footer) */
	.suche-mobile .filter-mobile-content #filterBox .col-12:has(#suche_button) {
		display: none;
	}
	
	/* Alle versteckten Filter direkt anzeigen im Modal */
	.suche-mobile .filter-mobile-content .suche_hide {
		display: block !important;
	}
	
	/* Mehr Filter Toggle komplett verstecken */
	.suche-mobile .filter-mobile-content .ausstattung_checkbox_mehere {
		display: none !important;
	}
}
/* Filter Badge (Anzahl aktiver Filter) */
.filter-badge {
	position: absolute;
	top: -8px;
	right: -8px;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	font-size: var(--text-2xs);
	font-weight: var(--fw-bold);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);
	z-index: 10;
	pointer-events: none;
	line-height: 1;
}

@media (max-width: 767.98px) {

  .ort-search .ort-backdrop { display: none; }

  /* Fokus = Vollbild-Modus */
  .ort-search:focus-within .ort-backdrop {
	display: block;
	position: fixed; inset: 0;
	background: #fff; z-index: 1050;
  }

  /* Ort-Feld oben fix */
  .ort-search:focus-within .input-group {
	position: fixed; top: 0; left: 0; right: 0;
	z-index: 2060;                 /* Feld ganz oben */
	width: 100%; margin: 0;
	padding: 10px; background: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,.08);
  }

  /* Liste: ÜBER dem Backdrop, aber UNTER dem Feld beginnend */
  .ui-autocomplete {
	position: fixed !important;
	top: 60px !important;          /* startet unter dem Feld → keine Überlappung */
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100vw !important;
	max-width: 100vw !important;
	z-index: 2055 !important;      /* über Backdrop (1050), unter Feld (1060) */
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	max-height: none !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
  }
  .ui-autocomplete:before { display: none !important; }
  .ui-autocomplete-category { position: static !important; }

  .ui-autocomplete .ui-menu-item-wrapper.ui-state-active { padding-bottom: 2px !important; }
  .ui-autocomplete .ui-menu-item,
  .ui-autocomplete .ui-menu-item-wrapper { transition: background-color 150ms linear !important; }
}

/* Button braucht position: relative */
.filter-buttons-group .btn {
	position: relative;
}


/* ============================================
	HORIZONTAL SCROLL PATTERN
	Mobile: Seitlich scrollbar | Desktop: Normal
	============================================ */

/* DESKTOP */
@media (min-width: 768px) {
	/* Kategorien: Grid */
	.kategorie-scroll-container {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		gap: 20px;
	}
	
	/* Filter Tags: Wrap */
	[data-background-color="gray"] .bootstrap-tagsinput {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
}


/* MOBILE: Horizontal Scroll */
@media (max-width: 767.98px) {
	/* === KATEGORIEN SCROLL === */
	.kategorie-scroll-wrapper {
		margin: 0 -15px;
		padding: 0 15px;
		overflow: hidden;
		position: relative;
	}
	
	.kategorie-scroll-container {
		display: flex;
		gap: 12px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 8px;
	}
	
	.kategorie-scroll-container::-webkit-scrollbar {
		display: none;
	}
	
	.kategorie-scroll-item {
		flex: 0 0 280px;
		max-width: 280px;
		scroll-snap-align: start;
	}
	
	.kategorie-scroll-item:last-child {
		margin-right: 15px;
	}
	
	.kategorie-scroll-item .card {
		height: 100%;
	}
	
	/* Fade-out Gradient */
	.kategorie-scroll-wrapper::after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 100%;
		background: linear-gradient(to right, transparent, var(--bg-white));
		pointer-events: none;
	}
	
	/* === FILTER TAGS SCROLL === */
	[data-background-color="gray"] {
		position: relative; /* WICHTIG für ::after */
	}
	
	[data-background-color="gray"] .bootstrap-tagsinput {
		display: flex;
		flex-wrap: nowrap;
		gap: 8px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 8px;
	}
	
	[data-background-color="gray"] .bootstrap-tagsinput::-webkit-scrollbar {
		display: none;
	}
	
	[data-background-color="gray"] .bootstrap-tagsinput .badge {
		flex-shrink: 0;
		white-space: nowrap;
		scroll-snap-align: start;
	}
	
	/* Fade-out Gradient */
	[data-background-color="gray"]::after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 100%;
		background: linear-gradient(to right, transparent, var(--bg-light));
		pointer-events: none;
	}
}
/* Section verstecken wenn keine Badges (IMMER, nicht nur mobile) */
.template_gast.body_anzeigen[data-background-color="gray"]:not(:has(.bootstrap-tagsinput span)) {
	display: none !important;
}


/* TABLET: Breitere Kategorie-Cards */
@media (min-width: 576px) and (max-width: 767.98px) {
	.kategorie-scroll-item {
		flex: 0 0 320px;
		max-width: 320px;
	}
}
/* ============================================
	MOBILE FILTER SECTION LAYOUT
	Links: Title | Rechts: Buttons
	============================================ */



/* Title Links */
.suche-mobile-filter-section .filter-section-title {

	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
}


/* Buttons Rechts Container */
.suche-mobile-filter-section .filter-buttons-group {
	display: flex;
	gap: 8px;
	align-items: center;
}






/* Mobile: Nur Icons zeigen */
@media (max-width: 575.98px) {
	.suche-mobile-filter-section .btn {
		padding: 8px;
		min-width: 36px;
		justify-content: center;
	}
	
	.suche-mobile-filter-section .d-none {
		display: none !important;
	}
}

/* Tablet+: Icons + Text */
@media (min-width: 576px) {
	.suche-mobile-filter-section .d-sm-inline {
		display: inline !important;
	}
}

/* Desktop: Section komplett verstecken */
@media (min-width: 768px) {
	.suche-mobile-filter-section {
		display: none !important;
	}
}

/* Flexbox Utilities */
.suche-mobile-filter-section .d-flex {
	display: flex !important;
}

.suche-mobile-filter-section .align-items-center {
	align-items: center !important;
}

.suche-mobile-filter-section .justify-content-between {
	justify-content: space-between !important;
}

.suche-mobile-filter-section .mb-0 {
	margin-bottom: 0 !important;
}

.suche-mobile-filter-section .ml-1 {
	margin-left: 4px !important;
}

/* Genutzt bei Anbieter Profil Seite  */
@media screen and (max-width: 767px) {
  .daterangepicker.opensright,
  .daterangepicker.opensleft,
  .daterangepicker.openscenter,
  .daterangepicker {
	 position: fixed !important;
	 z-index: 99999 !important;
	 left: 50% !important;
	 top: 50% !important;
	 right: auto !important;
	 bottom: auto !important;
	 transform: translate(-50%, -50%) !important;
	 
	 width: calc(100vw - 32px) !important;
	 max-width: 400px !important;
	 
	 border: 1px solid var(--bs-input-border) !important;
	 border-bottom: 1px solid var(--bs-input-border) !important; /* Override 30px */
	 border-radius: var(--radius-lg) !important;
	 box-shadow: var(--shadow-overlay) !important;
	 
	 margin: 0 !important;
  }
  
  /* Ranges ausblenden */
  .daterangepicker .ranges {
	 display: none !important;
  }
  
  /* Calendar volle Breite */
  .daterangepicker .drp-calendar {
	 max-width: 100% !important;
	 width: 100% !important;
  }
  
  /* Buttons am unteren Rand */
  .daterangepicker .drp-buttons {
	 border-top: 1px solid var(--bs-input-border);
	 padding: 12px;
  }
}

.toggleFilterBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  border-radius: var(--border-radius-50);
  background: var(--bs-input-bg-disabled);
  cursor: pointer;
  margin-right: -20px;
	margin-bottom: -27px;
}

.toggleFilterBtn:hover {
  background: var(--btn-light-hover);
}

/* ============================================
	PREIS BUTTONS (afilter-radio)
	Gleiche Optik wie btn btn-outline-primary
	============================================ */

.afilter-radio {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.375rem 0.85rem;
	font-size: var(--text-sm);
	font-weight: var(--fw-medium);
	line-height: var(--lh-loose);
	color: var(--brand-blue);
	background-color: var(--body-bg-200);
	border: 1px solid var(--body-bg-200);
	border-radius: var(--border-radius-6);
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
	white-space: nowrap;
}

.afilter-radio:hover {
	background-color: var(--brand-blue-dark);
	color: var(--btn-primary-text);
}

.afilter-radio.active,
.afilter-radio[aria-pressed="true"] {
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
}


/* ============================================
	PREIS AB/BIS LABEL FIX
	Verhindert Abschneiden auf Mobile
	============================================ */
#filterBox .input-group-text{background-color: #F3F4F8;}
#filterBox .js_preisslider {
	width: 100%;
}

#filterBox input[name="preis_von"],
#filterBox input[name="preis_bis"] {
	width: 80px;
	min-width: 60px;
	flex-shrink: 0;
}

#filterBox .d-flex.align-items-center.justify-content-between {
	flex-wrap: wrap;
	gap: 8px;
}

#filterBox .d-flex.align-items-center.justify-content-between label.mb-0.text-right {
	flex-shrink: 0;
	white-space: nowrap;
}

/* SORTIERUNG – Option Icons via selectpicker */
.preis_a::before      { font-family: 'fontello'; content: '\f160'; margin-right: 6px; }
.preis_d::before      { font-family: 'fontello'; content: '\f161'; margin-right: 6px; }
.preish_a::before     { font-family: 'fontello'; content: '\f160'; margin-right: 6px; }
.preish_d::before     { font-family: 'fontello'; content: '\f161'; margin-right: 6px; }
.bewert_a::before     { font-family: 'fontello'; content: '\e81d'; margin-right: 6px; }
.bewert_d::before     { font-family: 'fontello'; content: '\e81d'; margin-right: 6px; }
.entfernung_a::before { font-family: 'fontello'; content: '\f031'; margin-right: 6px; }
.entfernung_d::before { font-family: 'fontello'; content: '\f031'; margin-right: 6px; }

/* template/css/96_verfugbarkalender.css */

/* ============================================================
	96_verfugbarkalender.css – Verfügbarkeitskalender
	miet-boot.de
	──────────────────────────────────────────────────────────
	Farben → 01_elemente.css  (--cal-*, --brand-*, --bg-*)
	============================================================ */

.rendercalender {
	min-height: 590px;
	position: relative;
}

.rendercalender__loader {
	position: absolute;
	inset: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	text-align: center;
	font-size: var(--text-sm);
	color:var(--card-grey-color);
	background: var(--bg-white);
	z-index: 1;
}
.rendercalender__loader i{position: absolute; margin-top: 90px;display: flex;
	align-items: center;
	justify-content: center;
	
	text-align: center;}

.rendercalender__content {
	position: relative;
	z-index: 3;
}

.step-label h3 {
	position: relative;
	padding-left: 38px;
	line-height: var(--lh-tight);
}

.step-label h3::before {
	content: attr(data-step);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border:1px solid var(--bg-white);
	color:  var(--body-font-link-color);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--text-sm);
	font-weight: var(--fw-semibold);
}

.calendar-booking-table {
	table-layout: fixed;
	width: 100%;
}

.calendar-booking-table td {
	width: 14.285%;
	height: 80px;
	vertical-align: top;
	padding: 4px;
	text-align: center;
	word-wrap: break-word;
}

.calendar-booking-table thead th {
	background: var(--brand-blue);
	color: var(--bg-white);
	text-align: center;
	font-size: var(--text-sm);
	padding: 8px;
}

.calendar-booking-table>thead>tr>th,
.calendar-booking-table>tbody>tr>th,
.calendar-booking-table>tfoot>tr>th,
.calendar-booking-table>thead>tr>td,
.calendar-booking-table>tbody>tr>td,
.calendar-booking-table>tfoot>tr>td {
	padding: 2px !important;
	vertical-align: middle;
	border: 0px;
}

.calendar-booking-table>tbody>tr>td {
	background: transparent !important
}

.calendar-booking-table td {
	height: 70px !important;
}

.calendar-booking-table .day-cell {
	position: relative;
	z-index: 2;
}

.calendar-booking-table .inner-cell {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	padding: 2px;
	transition: 0.2s;
	background-color: var(--bg-white);
	border: 1px solid var(--bs-input-border);
	border-radius: 6px;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	font-weight: var(--fw-medium);
	overflow: hidden;
}

.calendar-booking-table .inner-cell {
	z-index: 3;
}

.calendar-booking-table .inner-cell .date a,
.calendar-booking-table .inner-cell .date {
	font-weight: var(--fw-bold);
	font-size: var(--text-sm);
	position: absolute;
	z-index: 2;
	top: -1px;
	left: 2px;
	opacity: 0.6;
}

.calendar-booking-table .disable .inner-cell {
	background-image: repeating-linear-gradient(45deg,
			
			var(--cal-disabled-bg),
			
			var(--cal-disabled-bg) 10px,
			var(--bg-light) 10px,
			var(--bg-light) 20px
			
		);
	overflow: hidden;
	background-size: 100% 100%;
	font-weight: var(--fw-bold);
	font-size: var(--text-base);
	z-index: 2;
	top: -1px;
	left: 2px;
	opacity: 1;
	pointer-events: none !important;
}

.calendar-booking-table a:focus .inner-cell .price,
.calendar-booking-table .inner-cell .price {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translateX(-50%);
	font-size: var(--text-2xs);
	white-space: nowrap;
	z-index: 2;
	font-weight: var(--fw-black);
}
.calendar-booking-table .ausgebucht .inner-cell,
.calendar-booking-table .red .inner-cell,
.calendar-booking-table .geschlossen .inner-cell{
	background-color: var(--cal-booked-bg) !important;
	
	border: 1px solid var(--cal-booked-border);
	
	color: var(--cal-booked-text);
	
	cursor: not-allowed;
	text-align: center;
	border-radius: 6px;
	padding: 10px;
	font-weight: var(--fw-medium);
	pointer-events: none !important;
	opacity: 1;
	
	position: relative;

}

.calendar-booking-table .vergangenheit .inner-cell,
.calendar-booking-table .inactive .inner-cell {
	background-color: var(--bg-light);
	
	border: 1px solid var(--bs-input-border);

	text-align: center;
	border-radius: 6px;
	padding: 10px;
	cursor: not-allowed;
	opacity: 0.6;
	pointer-events: none !important;
	
}
.calendar-booking-table .available>a,
.calendar-booking-table .green>a {
	color: var(--body-font-color);

}

.calendar-booking-table .available .inner-cell,
.calendar-booking-table .green .inner-cell {
	background-color: var(--cal-available-bg);
	border: 1px solid var(--cal-available-border);
	border-radius: 6px;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	font-weight: var(--fw-medium);
	cursor: pointer;
	height: 70px;

}
.calendar-booking-table .available .inner-cell:hover, 
.calendar-booking-table .green .inner-cell:hover {
	background-color: var(--cal-available-border);
	border-color: var(--cal-available-border);
}

.calendar-booking-table .today .inner-cell {
	border: 1px solid var(--brand-blue-light);
	background-color: var(--cal-today-bg);
}

.calendar-booking-table .teiln .inner-cell {
	position: relative;
	overflow: hidden;
	
	z-index: 0;
}

.calendar-booking-table .teiln .inner-cell::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-top: 60px solid var(--cal-teiln-bg);
	border-right: 60px solid transparent;
	z-index: 0;
}

.calendar-booking-table .teiln:hover .inner-cell::before {
	border-top-color: var(--cal-teiln-hover);
}

.calendar-booking-table .half-pm .inner-cell::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	border-bottom: 30px solid var(--cal-teiln-bg);
	border-left: 30px solid transparent;
	z-index: 1;
}

@keyframes glow {
	0% {
		box-shadow: 0 0 0 transparent;
		background-color: var(--cal-available-bg);
		

	}

	40% {
		box-shadow: 0 0 12px var(--cal-glow-shadow);
		background-color: var(--cal-available-border);

	}

	100% {
		box-shadow: 0 0 0 transparent;
		background-color: var(--cal-available-bg);
		

	}
}

.glow {
	animation: glow 2.5s ease-in-out;
}

.calendar-booking-table .inner-cell .eventtag {
	display: flex;
	gap: 4px;
	
	position: absolute;
	z-index: 4;
	left: 40%;
	top: 25px;
}

.calendar-booking-table .feiertagTag {
	background: var(--cal-feiertag);
	height: 8px;
	width: 8px;
	padding: 3px;
	border-radius: var(--border-radius-6);
}

.calendar-booking-table .ferienTag {
	background: var(--cal-ferien);
	height: 8px;
	width: 8px;
	padding: 3px;
	border-radius: var(--border-radius-6);
}

.legend.green span {
	background-color: var(--cal-legend-green);
	border: 1px solid var(--cal-legend-border);
	display: block;
	padding: 5px;
	width: 5px;
	height: 8px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 3px;
	float: left;
}

.legend.feiertag span {
	background-color: var(--cal-feiertag);
	display: block;
	padding: 5px;
	width: 5px;
	height: 8px;
	border-radius: var(--border-radius-50);
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 3px;
	float: left;
}

.legend.ferien span {
	background-color: var(--cal-ferien);
	display: block;
	padding: 5px;
	width: 5px;
	height: 8px;
	border-radius: var(--border-radius-50);
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 3px;
	float: left;
}

.legend.ausgebucht span {
	background-color: var(--cal-booked-bg);
	display: block;
	padding: 5px;
	width: 5px;
	height: 8px;
	border: 1px solid var(--cal-legend-border);
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 3px;
	float: left;
}
.calendar-booking-table-nav nav i{font-size: var(--text-xl); color: var(--body-font-link-color);}
.calendar-booking-table-nav nav i:hover{font-size: var(--text-xl); color: var(--body-font-link-hover-color);cursor: pointer;}

#kalender_viewer{z-index: 99999;}

/* template/css/104_badge.css */

/* ============================================================
   104_badge.css – Badges miet-boot.de
   ──────────────────────────────────────────────────────────
   Farben → 01_elemente.css
   ============================================================ */

.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-weight: var(--fw-medium);
  font-size: var(--text-xs);
  padding: 0.25rem 0.55rem;
  border-radius: 0.4rem;
  line-height: var(--lh-none);
  white-space: nowrap;
  border: 1px solid #00000008;
  width: auto;                
  max-width: max-content;     
  background:var(--body-bg-200);
  color: var(--body-font-color);
}

.badge-sm {
  font-size: var(--text-2xs);
  padding: 0.2rem 0.45rem;
  border-radius: 0.35rem;
}

.badge-md {
  font-size: var(--text-xs);
  padding: 0.25rem 0.55rem;
  border-radius: 0.4rem;
}

.badge-lg {
  font-size: var(--text-sm);
  padding: 0.35rem 0.7rem;
  border-radius: 0.45rem;
}

.badge i {
  line-height: 0;
}

.badge-primary {
  background: var(--btn-primary-bg);
  color: var(--btn-primary-text);
}

.badge-success {
  background: var(--color-alert-success);
  color: var(--bg-white);
}

.badge-warning {
  background: var(--color-alert-warning);
  color: var(--brand-blue-dark);
}

.badge-danger {
  background: var(--color-alert-error);
  color: var(--bg-white);
}e

.badge-info {
  background: var(--color-alert-info);
 color: var(--brand-blue-dark);
}

.badge-soft-primary   { background: var(--status-soft-bg);     color: var(--status-soft-text);     border: 1px solid var(--status-soft-border); }
.badge-soft-secondary { background: var(--status-neutral-bg);  color: var(--status-neutral-text);  border: 1px solid var(--status-neutral-border); }
.badge-soft-success   { background: var(--status-success-bg);  color: var(--status-success-text);  border: 1px solid var(--status-success-border); }
.badge-soft-warning   { background: var(--status-pending-bg-1);color: var(--status-pending-text);  border: 1px solid var(--status-pending-border); }
.badge-soft-danger    { background: var(--status-error-bg);     color: var(--status-error-text);    border: 1px solid var(--status-error-border); }
.badge-soft-info      { background: var(--status-info-bg);      color: var(--status-info-text);     border: 1px solid var(--status-info-border); }
.badge-soft-dark      { background: var(--status-neutral-bg);   color: var(--status-neutral-text);  border: 1px solid var(--status-neutral-border); }
.badge-soft-light     { background: var(--status-soft-bg);      color: var(--status-soft-text);     border: 1px solid var(--status-soft-border); }

.badge-outline-primary {
  border-color: var(--body-main-btn-color);
  color: var(--body-main-btn-color);
  background: transparent;
}

.badge-outline-success {
  border-color: var(--color-alert-success);
  color: var(--color-alert-success);
  background: transparent;
}

.badge-outline-warning {
  border-color: var(--color-alert-warning);
  color: var(--color-alert-warning);
  background: transparent;
}

.badge-outline-danger {
  border-color: var(--color-alert-error);
  color: var(--color-alert-error);
  background: transparent;
}

.badge-outline-info {
  border-color: var(--color-alert-info);
  color: var(--color-alert-info);
  background: transparent;
}

.badge-neutral {
  background: var(--body-bg-200);
  color: var(--body-font-color);
}

.badge-close {
  border: none;
  background: transparent;
  font-size: var(--text-sm);
  line-height: var(--lh-none);
  cursor: pointer;
  padding: 0;
  margin-left: 0.25rem;
  opacity: 0.7;
}

.badge-close:hover {
  opacity: 1;
}

.badge-close i {
  font-family: "fontello";
  font-size: var(--text-sm);
}

.badge-icon-left i {
  margin-right: 0.25rem;
}

.badge-icon-right i {
  margin-left: 0.25rem;
}
.buchungen_status28,
.status80,
.rechnungen_status9,
.buchungen_status80,
.bestellung_status80{
  background:var(--background-color-alert-error);
  color: var(--color-alert-error);

}

.buchungen_status80 .border-bottom{	border-color: var(--background-color-alert-error) !important;}
.zahlungen_bh_zugewiesen_1.zahlungen_bh_dokvorhanden_1,
.badge.badge_aktiv_Konto.aktiv,
.badge.badge_aktiv_1.badge_aktiv_0,
.extern_verbindung_status_1,
.verbindung_status_3,
.rechnungen_status,
.code_status_1,
.rechnungen_statusRg,
.listingsTable .buchungen_status90,
.badge.buchungen_status90.mr-2,
a.status90,
a.status90:hover,
a.status89{background:var(--background-color-alert-success) !important;
color: var(--color-alert-success) !important;
  
  
}

.tab-content.tab-space .buchungen_status90{
  background: var(--background-color-alert-success);
  color: var(--color-alert-success);
  border: 1px solid var(--border-color-alert-success);
}

.body_buchungen_verwalten .badge.buchungen_status90,
.buchungen_verwalten .badge.buchungen_status90,
.bestellung_status90,
.buchungen_status5,
.buchungen_status1,
.status_zahlung_bezahlt,
.badge.badge_aktiv_1,
.bestellung_status5,
.abrechnungen_status90,
.rechnungen_status2,

.rechnungen_status6, 
.rechnungen_status5{
background:var(--background-color-alert-success) !important;
color: var(--color-alert-success) !important;
}

.buchungen_status90  a{color: var(--color-alert-success);}
.buchungen_status90.buchung_rgoffen a{color: var(--color-alert-text-warning)!important;}
.zahlungen_bh_zugewiesen_1.zahlungen_bh_dokvorhanden_1 .badge-status::after {
  content: "Zugewiesen";
}

.zahlungen_bh_zugewiesen_0.zahlungen_bh_dokvorhanden_0 .badge-status::after {
  content: "Nicht zugewiesen";
}

.badge.buchungen_status20 {
  background: var(--status-offer-bg) !important;
  color: var(--color-alert-info) !important;
}


.badge.buchungen_status2,
.badge.buchungen_status10,
.badge.zahlungen_bh_zugewiesen_0.zahlungen_bh_dokvorhanden_0,
.badge.extern_verbindung_status_0,
.badge.verbindung_status_1,
.badge.verbindung_status_2,
.badge.badge_aktiv_0,
.badge.badge-warning,
.badge.badge_aktiv_Konto.inaktiv,
.badge.bestellung_status0,
.badge.bestellung_status1,
.badge.bestellung_status2,
.badge.bestellung_status10,
.badge.bestellung_status89,
.badge.buchungen_status0,
.badge.rechnungen_status3,
.badge.rechnungen_status0,
.badge div b.zahlung_offen.rechnungen_status90,
.badge.status_zahlung_offen {
  background: var(--background-color-alert-warning) !important;
  color: var(--color-alert-warning) !important;
}


.wrapper.tag .badge.buchung_rgbezahlt_header.buchungen_status10{
  background: var(--brand-orange) !important;
}

.buchungen_status10 a{color: var(--brand-blue-dark) !important; text-decoration: underline;}
.card .buchungen_status90 .badge_gebucht{display: none;}

/* Badge: leer → ausblenden, gefüllt → anzeigen */
#anzeigenliste .badge span:empty,
#anzeigenliste .badge span:empty + *,
#anzeigenliste .badge:empty,
.js_anzeigenvorschau .badge:has(span:empty):not(:has(button)),
#anzeigenliste .badge:has(span:empty):not(:has(button)) { display: none; } 

.card .badge.badge-primary {
  position: absolute;
  z-index: 3;
  border: 0;
  margin-top: -24px;
  background: var(--body-main-btn-color);
}

/* Trash-Button nur zeigen wenn mind. eine Badge aktiv ist */
.bootstrap-tagsinput:not(:has(.badge:not(:empty))) .btn {
  display: none;
}

/* template/css/105_toast.css */


.toast-error,
.toast-success {
  width: 420px !important;
  margin: auto;
  position: fixed;
  z-index: 99999;
  top: 4%;
  left: 20px;
  overflow: hidden;
  padding: 5px;
  transition: max-width 0.5s ease-in-out, max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
}


.toast-warning {
  height: auto;
  width: auto;
  max-width: 500px;
  padding: 10px 20px;
  background: var(--background-color-alert-warning);
  border: 1px solid var(--border-color-alert-warning);
  color: var(--color-alert-warning);
  position: fixed;
  z-index: 99999;
  top: 4%;
  left: 20px;
  align-items: center;
  overflow: hidden;
 transition: max-width 0.5s ease-in-out, max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
  animation: shrinkToast 0s linear 3s forwards;
}


@keyframes shrinkToast {
  to {
   width: 48px;
   height: 48px;
   padding: 0;
   transition: max-width 0.5s ease-in-out, max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
  }
}


.toast-warning:hover {
  animation: expandToast 0.1s ease-in-out forwards;

}


@keyframes expandToast {
  to {
   width: auto;
   height: auto;
   padding: 10px 20px;
  transition: max-width 0.5s ease-in-out, max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
  }
}


.toast-success{
  border: 1px solid var(--border-color-alert-success) !important;
  color: var(--color-alert-success);
  background: var(--background-color-alert-success);
}


.toast-error {
  border: 1px solid var(--border-color-alert-error) !important;
  color: var(--color-alert-error);
  background: var(--background-color-alert-error);
}


.toast-warning {
  border: 1px solid var(--background-color-alert-warning) !important;
  color: var(--color-alert-warning);
  background: var(--background-color-alert-warning);
}


/* ============================================================
   ALERT SYSTEM – Utility-Klassen
   Aus 01_elemente.css Token-Definitionen abgeleitet
   ============================================================ */

.alert-error {
  color:            var(--color-alert-error);
  background-color: var(--background-color-alert-error);
  border-color:     var(--border-color-alert-error);
}

.alert-success {
  color:            var(--color-alert-success);
  background-color: var(--background-color-alert-success);
  border-color:     var(--border-color-alert-success);
}

.alert-warning {
  color:            var(--color-alert-warning);
  background-color: var(--background-color-alert-warning);
  border-color:     var(--border-color-alert-warning);
}

.alert-info {
  color:            var(--color-alert-info);
  background-color: var(--background-color-alert-info);
  border-color:     var(--border-color-alert-info);
}

.alert-dark {
  color:            var(--color-alert-dark);
  background-color: var(--background-color-alert-dark);
  border-color:     var(--border-color-alert-dark);
}

.alert-light {
  color:            var(--color-alert-light);
  background-color: var(--background-color-alert-light);
  border-color:     var(--border-color-alert-light);
}

.alert-orange {
  color:            var(--orang-color-alert-light);
  background-color: var(--background-orang-color-alert-light);
  border-color:     var(--border-orang-color-alert-light);
}

/* template/css/106_card.css */

/* ============================================================
	106_card.css – Card-Komponente miet-boot.de
	──────────────────────────────────────────────────────────
	Farben + Tokens → 01_elemente.css
	(--card-bg, --card-border-color, --card-shadow, --card-radius,
	 --card-transition, --card-image-h-*, --card-blur)
	============================================================ */

/* ============================================================
	CARD – BASIS (aus 106_card.css original)
	============================================================ */

.anzeigen_detail_seite{
  --card-image-h-lg: 500px;
  --card-image-h-md: 400px;
  --card-image-h-sm: 300px;
}

.card{
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--card-bg);
  border: 1px solid var(--card-border-color);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  transition: var(--card-transition);
}

.card:hover{
  box-shadow: var(--card-shadow-hover);
  transform: none;
}

.card.transform:hover{
  box-shadow: var(--card-shadow-hover);
  transform: translateY(-2px);
}

.card-image{
  position: relative;
  width: 100%;
  height: var(--card-image-h-lg);
  overflow: hidden;
}

/* Links mit H3 innerhalb von Card-Body */
.card-body a:has(h3) {
  color: var(--body-linkcolor-primecolor);
}

.card-body a:has(h3):hover {
  color: var(--body-font-link-hover-color);
}

.card-body a h3 {
  color: inherit; /* erbt die Link-Farbe vom <a> */
}
/* ============================================================
	CARD – VARIANTEN & INNER ELEMENTS (aus 92_main.css)
	============================================================ */


.cardbackground {
	background: var(--card-background-color);
}


.card {
	background-color: rgb(255, 255, 255);
	border: 0;	transition: all .2s;
	border-radius: var(--border-radius-3);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}


.c__lightgray .row:not(:first-child):not(.card-footer):nth-child(odd) {
  background-color: rgba(249, 249, 249, 0.557); 
}


.c__lightgray .row:not(:first-child):not(.nav):nth-child(even),
.c__lightgray .row:not(:first-child):not(.card-footer):nth-child(even) {
  background-color: var(--bg-white); 
}


.card-body.description {
  display: -webkit-box !important;
  -webkit-line-clamp: 8;           
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: var(--lh-relaxed);              
  max-height: calc(1.5em * 10);     
}


.header-filter .info-title,
.header-filter .info.info-horizontal .icon i,
.header-filter .card-pricing.card-plain ul li {
	color: var(--bg-white);
}


.card_konto_typ_1:has(.konto_typ_1) i.konto_typ_1 {
 color: red !important;
}


.card-blog .card-body h6 strong {
	width: 95%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.card-body .description ul li.vkalender {
	
}


.anzeigen .card.card-blog {}


.card.card-fashion:not(.card-background):before {
	display: none;
}


.card-pricing_definition .card-description {
	min-height: 150px;
}


.card ul,
.footer ul {
	list-style: none;
}


.anzeigen .card-image {
	border: 3px solid var(--bg-white);
}


.card-raised.card-form-horizontal.colorWith .form-check label {
	color: var(--bg-white) !important
}


.card-image {
	z-index: 0;
}


.card-collapse.card-header {
	padding: .75rem 0;
	position: relative;

}


.card-collapse .card-header:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1px;

}


.card-collapse .card-header a[data-toggle="collapse"][aria-expanded="true"] i,
.card-collapse .card-header a[data-toggle="collapse"].expanded i {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}


.card-collapse .card-header a[data-toggle="collapse"] i {
	float: right;
	position: relative;
	color: var(--body-main-btn-color);
	top: 1px;
	transition: all 300ms ease 0s;
}


.card-collapse .card-header i {
	margin-top: -29px;
}


	

td .card {
	width: auto;
	padding: .2rem;
}


.card .card-footer {
	background-color: transparent;
	width: 100%;
}


.card .rounded {
	border-radius: var(--border-radius-3) !important;
}


.card:not(.card-plain) .rounded {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}


.card a[data-toggle='collapse'] {
	text-decoration: none;
}


.card-collapse .card .card-header {

	position: relative;
}


.card-collapse .card .card-header:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1px;
}


.card-collapse .card .card-header a[data-toggle="collapse"] {
	display: block;
	color: var(--body-font-color);
}


.card-collapse .card .card-header a[data-toggle="collapse"][aria-expanded="true"] i,
.card-collapse .card .card-header a[data-toggle="collapse"].expanded i {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}


.card-collapse .card .card-header a[data-toggle="collapse"] i {
	float: right;
	 position: relative;
	 color: var(--body-main-btn-color);
	 margin-top: 0px;
	 transition: all 300ms ease 0s;
}


.card .card-footer div {
	display: inline-block;
}


.card .card-footer .stats.stats-right {
	float: right;
	line-height: 30px;
}


.card .card-footer .stats span:first-child {
	margin-right: 30px;
}


.card:not(.card-product) .card-footer .stats .now-ui-icons {
	position: relative;
	top: 3px;
	font-size: var(--text-md);
	margin-right: 5px;
}


.card:not(.card-product) .card-footer .stats i {
	color: #a2a2a2;
}


.card .author .avatar {
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: var(--border-radius-50);
	margin-right: 5px;
}


.card .author span {
	color: var(--body-font-color);
}


.card .info h4 {
	color: var(--body-font-color);
}


.card .info {
	padding: 20px;
	text-align: center;
	position: relative;
	z-index: 2;
	color: var(--body-font-color);
}


.card-background {
	background-position: center center;
	background-size: cover;
	text-align: center;
}


.card-background .card-body {
	position: relative;
	z-index: 2;
	min-height: 370px;
	max-width: 530px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 60px;
}


.card-background .stats {
	color: var(--bg-white);
}


.card-background .card-footer .stats-link>a {
	color: var(--bg-white);
	line-height: var(--lh-prose);
}


.card-background .category,
.card-background .card-description,
.card-background small {
	color: rgba(255, 255, 255, 0.8);
}


.card-background:not(.card-pricing) .btn {
	margin-bottom: 0;
}


.card-background:after {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	content: "";
	border-radius: var(--border-radius-3);
}


.card-blog .row .category {
	margin-bottom: 0;
}


.card-blog .card-image.category {
	margin-top: 20px;
}


.card-contact .header .title {
	margin: 10px 0 10px;
}


.card-fashion {
	min-height: 500px;
	border-radius: var(--border-radius-0);
	box-shadow: none;
	margin: 0;
	display: block;
}


.card-container .card-fashion {
	width: 50%;
	float: left;
}


.card-fashion:not(.card-background) .card-title {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 85%;
}


.card-fashion h4 {
	margin-top: 0;
}


.card-fashion.card-background::after {
	border-radius: var(--border-radius-0);
}


.card-fashion.card-background a {
	color: var(--bg-white) !important;
}


.card-fashion.card-background a:hover,
.card-fashion.card-background a:focus {
	border-color: var(--bg-white) !important;
}


.card-fashion:not(.card-background) .stats span,
.card-fashion .stats-link {
	color: initial;
}


.card-fashion .card-body {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 2rem 2rem 1.4rem;
	color: var(--bg-white);
	min-height: auto;
}


.card-fashion:not(.card-background):before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	z-index: 2;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: var(--bg-white);
	border-width: 10px;
	margin-top: -10px;
}


.card-fashion.arrow-left:not(.card-background):before {
	right: 100%;
	border-right-color: var(--bg-white);
	left: auto;
	border-left: none;
}


.card-plain.headerbox {
	background: rgba(0, 45, 56, 70%);
	padding: 10px 18px;
	border: 0px !important;
}


.card-plain .card-header:after {
	width: 100%;
	left: 0;
}


.card-pricing .card-description {
	min-height: 120px;
}


.card-pricing .icon i {
	line-height: var(--lh-relaxed);
	max-width: 80px;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: var(--border-radius-50);
	box-shadow: 0px 9px 35px -6px rgba(0,
			0,
			0,
			0.3);
	background-color: var(--bg-white);
	position: relative;
}


.card-pricing .icon.icon-info i {
	box-shadow: 0px 9px 30px -6px var(--brand-blue-light);
	color: var(--brand-blue-light);
}


.card-pricing .icon.icon-success i {
	color: var(--color-alert-success);
	box-shadow: 0px 9px 30px -6px rgba(22,
			199,
			13,
			0.85);
}


.card-pricing .icon.icon-warning i {
	box-shadow: 0px 9px 30px -6px var(--btn-warning-bg);
	color: var(--btn-warning-bg);
}


.card-pricing .icon.icon-danger i {
	box-shadow: 0px 9px 30px -6px var(--red-color);
	color: var(--red-color);
}


.card-pricing h1 small {
	font-size: var(--text-md);
}


.card-pricing h1 small:first-child {
	position: relative;
	top: -17px;
	font-size: var(--text-2xl);
}


.card-pricing ul {
	list-style: none;
	padding: 0;
	margin: 10px auto;
}


.card-pricing ul li {
	color: var(--card-grey-color);
	padding: 12px 0;
	border-bottom: 1px solid rgba(136,
			136,
			136,
			0.3);
}


.card-pricing ul li:last-child {
	border: 0;
}


.card-pricing ul li b {
	color: var(--body-font-color);
}


.card-pricing ul li i {
	top: 3px;
	right: 3px;
	position: relative;
	font-size: var(--text-lg);
}


.card-pricing.card-background ul li {
	color: var(--bg-white);
	border-color: rgba(255,
			255,
			255,
			0.3);
}


.card-pricing.card-background ul li b {
	color: var(--bg-white);
}


.card-pricing.card-background [class*="text-"] {
	color: var(--bg-white) !important;
}


.card-pricing.card-background .card-body {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}


.card-pricing.card-background:after {
	background-color: rgba(0,
			0,
			0,
			0.65);
}


.card .card-header,
.row.card-footer:hover,
.card-footer {
	 padding: .75rem 1.25rem;

	 border-top: 0px;
}


.card.card_home_youtube a,
.card.card_home_whatsapp a{color: var(--bg-white);}


.card.card_home_whatsapp{background-color: #128c7e;}


.input-group-append .btn.btn-primary.fileinput-button,
.card.card_home_youtube{background-color: #ff0000;}


/* ============================================================
	CARD-IMAGE – Carousel (aus 111_images.css)
	============================================================ */


.card-image .carousel,
.card-image .carousel-inner{
  height: 100%;
}


.card-image .carousel-inner{
  position: relative;
  width: 100%;
  overflow: hidden;
}


.card-image .carousel-item{
  position: relative;
  display: none;
  float: left;
  width: 100%;
  height: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out;
}


.card-image .carousel-item.active,
.card-image .carousel-item-next,
.card-image .carousel-item-prev{
  display: block;
}


.card-image .carousel-item-next:not(.carousel-item-left),
.card-image .active.carousel-item-right{
  transform: translateX(100%);
}


.card-image .carousel-item-prev:not(.carousel-item-right),
.card-image .active.carousel-item-left{
  transform: translateX(-100%);
}


.card-image .carousel-fade .carousel-item{
  opacity: 0;
  transform: none;
  transition-property: opacity;
}


.card-image .carousel-fade .carousel-item.active{
  opacity: 1;
  z-index: 1;
}


.card-image picture,
.card-image img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 6px;
}


.card-image .carousel-control-prev,
.card-image .carousel-control-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;

  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;

  border-radius:50%;
  background:var(--overlay-light);
  opacity:.9;
  z-index:20;

  transition:background .15s ease, opacity .15s ease;
}


.card-image .carousel-control-prev{ left:10px; }


.card-image .carousel-control-next{ right:10px; }


.card-image .carousel-control-prev:hover,
.card-image .carousel-control-next:hover{
  background:var(--overlay-medium);
}


.card-image .carousel-control-prev-icon,
.card-image .carousel-control-next-icon{
  background:none;
  width:100%;
  height:100%;
  position:relative;
}


.card-image .carousel-control-prev-icon::before,
.card-image .carousel-control-next-icon::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:10px;
  height:10px;
  transform:translate(-50%,-50%) rotate(45deg);
}


.card-image .carousel-control-prev-icon::before{
  border-left:3px solid var(--bg-white);
  border-bottom:3px solid var(--bg-white);
}


.card-image .carousel-control-next-icon::before{
  border-right:3px solid var(--bg-white);
  border-top:3px solid var(--bg-white);
}


.card-body{
  padding:1.2rem 1rem;
  color:var(--body-font-color);
}

/* ── Card Responsive (aus 111_images.css) ── */

@media (max-width:991.98px){
  .card-image{
	 height:var(--card-image-h-md);
  }
}

@media (max-width:575.98px){
  .card-image{
	 height:var(--card-image-h-sm);
  }

  .card{
	 backdrop-filter:var(--card-blur-mobile);
	 -webkit-backdrop-filter:var(--card-blur-mobile);
  }
}

/* ── Card Reduced Motion ── */

@media (prefers-reduced-motion: reduce){
  .card-image .carousel-item{
	 transition: none;
  }
}

/* template/css/107_tabs.css */

/* ============================================================
   107_tabs.css – Nav-Pills / Tabs miet-boot.de
   ──────────────────────────────────────────────────────────
   Farben + Tokens → 01_elemente.css
   (--tab-*, --card-border-color, --body-*)
   ============================================================ */

.nav-pills {
  display: flex;
  width: 100%;
  gap: var(--tab-gap);
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;

}

.nav-pills>.nav-item {
  display: flex;
  margin: 0 !important;
  padding: 0;
  list-style: none;
}

.nav-pills .nav-link {
  display: inline-flex;
  align-items: center;

  padding: var(--tab-padding-y) var(--tab-padding-x);
  font-weight: var(--fw-medium);

  background: var(--tab-bg-default);
  color: var(--tab-text-default);

  border-radius: 4px 4px 0 0;
  border-bottom: 3px solid var(--tab-border-default);
  border: 1px solid rgb(from var(--tab-border-active) r g b / 0.1);
  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease;
}

.nav-pills .nav-link:not(.active):hover .badge {
  background: var(--tab-bg-active);
  color: var(--tab-text-active);
}

.nav-pills .nav-link:not(.active):hover {
  background: var(--tab-bg-hover);
  color: var(--tab-text-hover);
  border-bottom-color: var(--tab-border-hover);
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active .badge {
  background: var(--tab-bg-active);
  color: var(--tab-text-active);
  border-bottom-color: var(--tab-border-active);
}

.nav-pills .nav-link .badge {
  font-size: var(--text-2xs);
  margin-right: .25rem;

}

.nav-pills .nav-link.active .badge {
  background: var(--tab-border-hover);
  border: 1px solid var(--tab-border-soft);
}

/* ==========================================================
   TABS ANBIETER HEADER (Spezielle Variante)
  ========================================================== */

.anbieterheader .nav-pills .nav-link {
  background: var(--tab-ANBIETER-bg-default);
  color: var(--tab-ANBIETER-text-default);
  border-bottom-color: var(--tab-ANBIETER-border-default);
}

.anbieterheader .nav-pills .nav-link:not(.active):hover {
  background: var(--tab-ANBIETER-bg-hover);
  color: var(--tab-ANBIETER-text-default);
  border-bottom-color: var(--tab-ANBIETER-border-hover);
}

.anbieterheader .nav-pills .nav-link:not(.active):hover .badge {
  background: var(--tab-ANBIETER-bg-active);
  color: var(--tab-ANBIETER-text-active);
}

.anbieterheader .nav-pills .nav-link.active,
.anbieterheader .nav-pills .nav-link.active .badge {
  background: var(--tab-ANBIETER-bg-active);
  color: var(--tab-ANBIETER-text-active);
  border-bottom-color: var(--tab-ANBIETER-border-active);
}

@media (max-width: 991.98px) {
  .nav-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: .25rem;
  }

  /* .anbieterheader .nav-pills {
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      padding-bottom: .25rem;
      position: absolute;
      margin-top: -42px;
      z-index: 9;
  } */

  .body_anbieter .suche-mobile.d-md-none.border-top {
    border-top: 1px solid #26608e !important;
  }

  .anbieterheader .nav-pills .nav-link {
    display: flex;
    flex-direction: inherit;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .anbieterheader .nav-link {
    display: block;
    padding: 0 11px !important;
  }

  .nav-pills::-webkit-scrollbar {
    display: none;
  }

  .nav-pills .nav-link {
    white-space: nowrap;
    flex-shrink: 0;
  }
}

.tab-pane:not(.active) {
  display: none;
}

.nav-pills-overflow-x {
  overflow-x: scroll;
  display: block;
  width: 100%;
  border-bottom: 3px solid var(--tab-border-active);
}

.nav-pills-overflow-x ul {
  width: max-content;
}

.anbieterheader .nav-pills-overflow-x {
  border-bottom: 0px solid var(--tab-border-active)
}


.wettertabelle .nav-pills .nav-link,
.tariftabelle .nav-pills .nav-link {
  display: flow;
}

.wettertabelle .nav {
  border-bottom: 1px solid var(--body-font-color);
}

section.tariftabelle#tariftabelle {
  background: var(--body-font-color);
  color: var(--bg-white)
}


.mb-anchor-bar {
  display: inline-flex;
  gap: 1.25rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--card-border-color);
  background: var(--body-bg);
  position: sticky;
  width: -webkit-fill-available;
  top: 0;
  z-index: 20;
}

/* Links mit H3 innerhalb von Card-Body */
.mb-anchor-bar a.mb-anchor-item {
  color: var(--body-linkcolor-primecolor);
}

.mb-anchor-bar a.mb-anchor-item:hover {
  color: var(--body-font-link-hover-color);
}

.mb-anchor-bar a.mb-anchor-item {
  color: inherit;
  /* erbt die Link-Farbe vom <a> */
}

.boot_eigenschaft {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  padding: 0;
  margin: 0;
  list-style: none;
}


.boot_eigenschaft li {
  display: flex;
  align-items: top;
  gap: 6px;

  font-size: var(--text-sm);
  line-height: var(--lh-tight);


  flex: 0 1 auto;
  white-space: nowrap;
}

.boot_eigenschaft li i {
  font-size: var(--text-sm);
  opacity: .8;
}


.boot_eigenschaft {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px 16px;
}

.boot_eigenschaft li {
  white-space: normal;
}


.share-icons .share-icon {
  font-size: var(--text-3xl);
  color: var(--card-grey-color);
  transition: all .2s ease;
}

.share-icons .share-icon:hover {
  color: var(--body-font-color);
  transform: translateY(-2px);
}

@media (max-width: 991px) {


  .nav-pills>* {
    overflow: visible;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
  }


  .nav-pills .nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .nav-pills .nav-link i {
    font-size: var(--text-lg);
    margin-bottom: 4px;
  }

  .nav-pills .nav-link span {
    margin-left: 0 !important;
    font-size: var(--text-xs);
  }

}
.nav-pills.flex-column {
  flex-direction: column;
}

.nav-pills.flex-column > .nav-item {
  width: 100%;
}

.nav-pills.flex-column .nav-link {
  width: 100%;
  justify-content: space-between;
  border-radius: 4px;
  border-bottom: 1px solid var(--tab-border-default);
}

.nav-pills.flex-column .nav-link.active {
  border-bottom-color: var(--tab-border-default);
  border-left: 3px solid var(--tab-border-active);
}

.nav-pills.flex-column .nav-link .badge {
  min-width: 2.5rem;
  justify-content: center;
  text-align: right;
  margin-left: auto;

  background: var(--tab-accent) !important;
  color: var(--tab-text-default);
  border: 1px solid var(--tab-border-soft);
}

.nav-pills.flex-column .nav-link:not(.active):hover .badge,
.nav-pills.flex-column .nav-link.active .badge {
  background: var(--tab-bg-active);
  color: var(--tab-bg-hover) !important;
  border-color: var(--tab-border-soft);
}

/* template/css/109_verwaltung.css */

/* ============================================================
   109_verwaltung.css – Verwaltungsansicht miet-boot.de
   ──────────────────────────────────────────────────────────
   Farben → 01_elemente.css
   ============================================================ */

.Rolle_Admin::after {
   content: "Admin";
   text-transform: uppercase;
   position: absolute;
   top: 0px;
   left: 263px;
   background: var(--red-color);
   color: var(--bg-white);
   
   font-size: var(--text-2xs);
   font-weight: var(--fw-semibold);
   padding: 2px 10px;
   border-radius: 0 0 6px 6px;
   
   box-shadow: var(--shadow-role);
   
   transform-origin: left top;
 }

 .Rolle_Anbieter::after {
   content: "Anbieter";
   text-transform: uppercase;
   position: absolute;
   top: -1px;
   left: 263px;
   background: var(--brand-blue-light);
   color: var(--bg-white);
   
   font-size: var(--text-2xs);
   font-weight: var(--fw-semibold);
   padding: 2px 10px;
   border-radius: 0 0 6px 6px;
   
   box-shadow: var(--shadow-role);
   
   transform-origin: left top;
 }

 .buchungen_verwalten {
   align-items: center;
   justify-content: center;

 }

 .template h4 {
   margin: 0;
   padding: 0;
   font-size: var(--text-base);
 }

 .template small {
   display: block;
   margin: 0;
   padding: 4px 0px;
   font-size: var(--text-sm);
 }

.gbestellungen_verwalten .btn,
.buchungen_verwalten_ansicht .btn{  margin-top: 5px;}

.gbestellungen_verwalten .btn i.icon-wrench,
.buchungen_verwalten_ansicht .btn i.icon-wrench{color: var(--btn-light-text) !important;
}

 [data-background-color="admin"] {
   background: var(--admin-gradient-color);
   color: var(--bg-white);
 }

 .alert.bell.bg-warning.js_bubble {
   top: 32px !important;
   left: 43px !important;
 }

 .template .js_bubble:empty {
   display: none !important;
 }

 .kpi-item.Boote.anzeigen_online_0 { 
 color: var(--color-alert-error);
 font-weight: var(--fw-normal);
 border: 1px solid var(--bs-input-border);
 padding: 3px;
 background: var(--background-color-alert-error);
 border-radius: 6px;
 }

 .kpi-item.Boote.anzeigen_online_1,
 .kpi-item.Boote.anzeigen_online_2,
 .kpi-item.Boote.anzeigen_online_3,
 .kpi-item.Boote.anzeigen_online_4,
 .kpi-item.Boote.anzeigen_online_5,
 .kpi-item.Boote.anzeigen_online_6,
 .kpi-item.Boote.anzeigen_online_7,
 .kpi-item.Boote.anzeigen_online_8,
 .kpi-item.Boote.anzeigen_online_9,
 .kpi-item.Boote.anzeigen_online_10 {
 color: var(--color-alert-info);
  font-weight: var(--fw-normal);
  border: 1px solid var(--bs-input-border);
  padding: 3px;
  background: var(--background-color-alert-info);
  border-radius: 6px;
 }

 .kpi-item.Boote.anzeigen_online_11,
 .kpi-item.Boote.anzeigen_online_12,
 .kpi-item.Boote.anzeigen_online_13,
 .kpi-item.Boote.anzeigen_online_14,
 .kpi-item.Boote.anzeigen_online_15,
 .kpi-item.Boote.anzeigen_online_16,
 .kpi-item.Boote.anzeigen_online_17,
 .kpi-item.Boote.anzeigen_online_18,
 .kpi-item.Boote.anzeigen_online_19,
 .kpi-item.Boote.anzeigen_online_20,
 .kpi-item.Boote.anzeigen_online_21,
 .kpi-item.Boote.anzeigen_online_22,
 .kpi-item.Boote.anzeigen_online_23,
 .kpi-item.Boote.anzeigen_online_24,
 .kpi-item.Boote.anzeigen_online_25,
 .kpi-item.Boote.anzeigen_online_26,
 .kpi-item.Boote.anzeigen_online_27,
 .kpi-item.Boote.anzeigen_online_28,
 .kpi-item.Boote.anzeigen_online_29,
 .kpi-item.Boote.anzeigen_online_30,
 .kpi-item.Boote.anzeigen_online_31,
 .kpi-item.Boote.anzeigen_online_32,
 .kpi-item.Boote.anzeigen_online_33,
 .kpi-item.Boote.anzeigen_online_34,
 .kpi-item.Boote.anzeigen_online_35,
 .kpi-item.Boote.anzeigen_online_36,
 .kpi-item.Boote.anzeigen_online_37,
 .kpi-item.Boote.anzeigen_online_38,
 .kpi-item.Boote.anzeigen_online_39,
 .kpi-item.Boote.anzeigen_online_40,
 .kpi-item.Boote.anzeigen_online_41,
 .kpi-item.Boote.anzeigen_online_42,
 .kpi-item.Boote.anzeigen_online_43,
 .kpi-item.Boote.anzeigen_online_44,
 .kpi-item.Boote.anzeigen_online_45,
 .kpi-item.Boote.anzeigen_online_46,
 .kpi-item.Boote.anzeigen_online_47,
 .kpi-item.Boote.anzeigen_online_48,
 .kpi-item.Boote.anzeigen_online_49,
 .kpi-item.Boote.anzeigen_online_50 {
  color: var(--color-alert-warning);
  font-weight: var(--fw-normal);
  border: 1px solid var(--bs-input-border);
  padding: 3px;
  background: var(--background-color-alert-warning);
  border-radius: 6px;
 }

 .kpi-item.Boote {
  color: var(--color-alert-success);
   font-weight: var(--fw-normal);
   border: 1px solid var(--bs-input-border);
   padding: 3px;
   background: var(--background-color-alert-success);
   border-radius: 6px;
 }

 
 .body_statistik .zugriff .badge {
   background: var(--background-color-alert-success);
   color: var(--color-alert-success);
 }

 
 .body_statistik .zugriff .zugriff_1,
 .body_statistik .zugriff .zugriff_2,
 .body_statistik .zugriff .zugriff_3,
 .body_statistik .zugriff .zugriff_4,
 .body_statistik .zugriff .zugriff_5 {
   background: var(--background-color-alert-info);
   color: var(--color-alert-info);
 }

 
 .body_statistik .zugriff .zugriff_6,
 .body_statistik .zugriff .zugriff_7,
 .body_statistik .zugriff .zugriff_8,
 .body_statistik .zugriff .zugriff_9,
 .body_statistik .zugriff .zugriff_10 {
   background: var(--background-color-alert-warning);
   color: var(--color-alert-warning);
 }

 
 .body_statistik .number_1,
 .body_statistik .number_2,
 .body_statistik .number_3,
 .body_statistik .number_4,
 .body_statistik .number_5 {
   color: var(--orang-color-alert-light);
 }

 
 .body_statistik .number_6,
 .body_statistik .number_7,
 .body_statistik .number_8,
 .body_statistik .number_9,
 .body_statistik .number_10 {
   color: var(--color-alert-warning);
 }

 
 .body_statistik b:not([.modal]) b,
 .body_statistik b {
   color: var(--color-alert-success);
 }
 .body_statistik .number_0 {
    color: var(--color-alert-info);
  }
 
 .body_statistik .zugriff .badge {
   font-size: var(--text-xs);
   border: 1px solid var(--shadow-border-soft);
 }

 .body_statistik .modal .modal-body ol {
   margin: 0;
   padding: 0;
   list-style: none;
 }

 .body_statistik .modal .modal-body ol li {
   border-bottom: 1px solid var(--bs-input-border);
   line-height: var(--lh-prose);
   font-weight: var(--fw-normal);
 }

 .body_statistik .modal .modal-body ol li:last-child {
   border-bottom: none;
 }

 @media screen and (min-width: 1200px) and (max-width: 1399px) {
   .container-fluid {
     width: 100% !important;
   }
 }
 .bestellung_history_tab,
 .bestellung_mail_tab,
 .buchung_mail_tab, 
 .buchung_history_tab {
   max-height: 450px;
   overflow-y: scroll;
   overflow-x: hidden;
   border-bottom: 1px solid var(--body-bg-200);
 }

  .buchung_mail_tab::after, 
  .bestellung_history_tab::after,
  .bestellung_mail_tab::after,
  .buchung_history_tab::after{
   content: "scrollen";
   position: sticky;
   bottom: 0;
   display: block;
   width: 100%;
   text-align: center;
   padding: 6px 0;
   font-size: var(--text-2xs);
   letter-spacing: .08em;
   text-transform: uppercase;
 
   color: var(--color-alert-info);
   background: linear-gradient(
     to top,
     var(--body-bg-200),
     var(--body-bg-200-fade)
   );
 
   pointer-events: none;
 }
 
 
 
 .section_save{
   padding: 4rem 3rem;
   margin-top: 3rem;
   border-top: 2px solid var(--bg-white);
   background: linear-gradient(to top, var(--body-bg-200), var(--body-bg-100));
 }
 
  .bestellung_mail_tab .gelesen_1,
  .bestellung_mail_tab .gelesen_2,
  .bestellung_mail_tab .gelesen_0,
  .bestellung_detail_tab .status_10,
  .bestellung_detail_tab .status_80,
  .bestellung_detail_tab .status_90,
  
  .bestellung_history_tab .andere,
  .bestellung_history_tab .anbieter,
  
  .bestellung_mail_tab .andere,
  .bestellung_mail_tab .anbieter,
  .buchung_detail_tab .status_1,
  .buchung_detail_tab .status_2,
  .buchung_detail_tab .status_20,
  .buchung_detail_tab .status_70,
  .buchung_detail_tab .status_90,
  .buchung_detail_tab .status_80,
  .buchung_detail_tab .status_28,
  .buchung_detail_tab .status_10,

  
  .buchung_mail_tab .gelesen_1,
  .buchung_mail_tab .gelesen_2,
  .buchung_mail_tab .gelesen_0,
  
  .buchung_history_tab .andere,
  .buchung_history_tab .anbieter{
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 12px;
    background: var(--card-bg);
     border:1px solid var(--card-border-color);
     border-radius: var(--card-radius);
     margin-top:.75rem;
     margin-bottom:.75rem;
     box-shadow: var(--card-shadow);
     transition: var(--card-transition);
   }
 
 
  .bestellung_mail_tab .gelesen_0,
 .buchung_mail_tab .gelesen_0,
 .buchung_detail_tab .andere{
    border-left: 3px solid var(--card-secound-color) !important;
   color: var(--color-alert-info);
  }
  .bestellung_mail_tab .gelesen_1,
 .buchung_mail_tab .gelesen_1,
 .buchung_history_tab .andere,
 .bestellung_history_tab .andere{
   border-left: 3px solid var(--card-secound-color) !important;
  color: var(--color-alert-info);
 }
 
 
 .bestellung_history_tab .anbieter,
 .buchung_history_tab .anbieter{
 border-left: 3px solid var(--card-main-color) !important;
  color: var(--color-alert-dark);
 }
 
 
 .bestellung_detail_tab .status_80,
 .buchung_detail_tab .status_80{
  border-left: 3px solid var(--color-alert-error) !important;
   color: var(--color-alert-dark);
  }
  
  .bestellung_detail_tab .status_90,
  .buchung_detail_tab .status_90{
  border-left: 3px solid var(--color-alert-success) !important;
   color: var(--color-alert-dark);
  }
  .buchung_detail_tab .status_20{
  border-left: 3px solid var(--color-alert-info) !important;
   color: var(--color-alert-info);
  }
  
  .buchung_detail_tab .status_2,
  .buchung_detail_tab .status_1,
  .bestellung_detail_tab .status_10,
  .buchung_detail_tab .status_10{
  border-left: 3px solid var(--border-color-alert-warning) !important;
   color: var(--color-alert-dark);
  }
  
  
  .buchung_detail_tab .status_20 .status_icons i,
  .buchung_detail_tab .status_28 .status_icons i,
  .buchung_detail_tab .status_1 .status_icons i,
  .buchung_detail_tab .status_2 .status_icons i,
  .buchung_detail_tab .status_10 .status_icons i,
  .buchung_detail_tab .status_80 .status_icons i,
  .buchung_detail_tab .status_90 .status_icons i{
    display: none;
  }
  
  .buchung_detail_tab .status_20 .status_icons .icon-calendar-frage{
    display: inline-block;
    color: var(--color-alert-info);
  }

  .buchung_detail_tab .status_2 .status_icons .icon-calendar-frage,
  .buchung_detail_tab .status_10 .status_icons .icon-calendar-frage{
    display: inline-block;
    color: var(--border-color-alert-warning);
  }
  
  .bestellung_detail_tab .status_80 .status_icons .icon-gutschein,
  .buchung_detail_tab .status_28 .status_icons .icon-calendar-storno,
  .buchung_detail_tab .status_80 .status_icons .icon-calendar-storno{
    display: inline-block;
    color: var(--color-alert-error);
  }
  .bestellung_detail_tab .status_90 .status_icons .icon-gutschein,
  .buchung_detail_tab .status_90 .status_icons .icon-calendar-check{
    display: inline-block;
    color: var(--color-alert-success);
  }
  .bestellung_detail_tab .status_1e0 .status_icons .icon-gutschein,
  .buchung_detail_tab .status_70 .status_icons .icon-calendar-frage{
    display: inline-block;
    color: var(--color-alert-warning);
  }
  .buchung_detail_tab .buchung_storno_details{
  border: 1px solid var(--color-alert-error);
  color: var(--body-linkcolor-withe);
  border-radius: 6px;
  background: var(--color-alert-error);

  }
  .body_buchungen_verwalten:has(.badge.rechnungen_status2) .buchung_detail_tab{background: red !important}
  .body_buchungen_verwalten:has(.badge.rechnungen_status0) .buchung_detail_tab .status_90{border-left: 3px solid var(--color-alert-warning) !important;}
  .body_buchungen_verwalten:has(.badge.rechnungen_status2) .status_icons .icon-calendar-check,
  .body_buchungen_verwalten:has(.badge.rechnungen_status0) .status_icons .icon-calendar-check{ color: var(--color-alert-dark) !important;}
  
  @media (max-width: 575.98px){
  
    .buchung_detail_tab .status_icons i{
      font-size: var(--text-2xl);
      line-height: var(--lh-none);
    }
  
  }
    

div[data-typ="bestellung"],
    div[data-typ="buchung"]{
      position: relative;
      cursor: pointer;
    }

    
   div[data-toggle="modal"]::after{
      content: "\e843";
      font-family: 'fontello';
      text-transform: uppercase;
      position: absolute;
      right: 12px;
      bottom: 10px;
      font-size: var(--text-md);
      font-weight: var(--fw-medium);
      padding: 3px 10px;
      border-radius: 12px;
      background: var(--background-color-alert-info);
      color: var(--color-alert-info);
      opacity: 0;
      transform: translateY(4px);
      pointer-events: none;
    
      transition: opacity .15s ease, transform .15s ease;
    }
    
    
    div[data-typ="bestellung"]:hover::after,
    div[data-typ="buchung"]:hover::after{
      opacity: 1;
      transform: translateY(0);
    }
  
  
  
    
    .modal .modal-body .row_info{background:var(--bg-light)}
    
    .modal .modal-body .row_summe{background:var(--bg-white)fff}
    
  .modal .modal-body .fade_scroll{
        max-height: 600px;
        overflow-y: scroll;
        overflow-x: hidden;
      }
  .modal .modal-body .fade_scroll::after{
       content: "";
        position: sticky;
        bottom: 0;
        display: block;
        width: 100%;
        text-align: center;
        padding: 50px 0;
        font-size: var(--text-2xs);
        letter-spacing: .08em;
        text-transform: uppercase;
      
        color: var(--color-alert-info);
        background: linear-gradient(
          to top,
          var(--bg-white)fff,
          var(--body-bg-200-fade)
        );
    
      }
      
.clock {
       position: absolute;
       width: 50px;
       height: 50px;
       border-radius: 50%;
       border: 2px solid currentColor;
       left: 50%;
       top: 40%;
       transform: translate(-50%, -50%);
       animation: breathe 2.4s ease-in-out infinite;
     }
     
     
 .clock::after {
       content: '';
       position: absolute;
       width: 0;
       height: 18px;
       border-left: 2px solid currentColor;
       left: 24px;
       top: 6px;
       transform-origin: bottom;
       animation: dial 1s linear infinite;
     }
   
 .loading-text::after {
      content: '…';
      animation: dots 1.5s steps(3, end) infinite;
    }.loading-wrap {
      padding: 32px 40px;
      border-radius: 14px;

    }
    
    .loading-text {
      color: var(--body-font-color);
      font-size: var(--text-base);
    }
    
    @keyframes dots {
      0% { content:''; }
      33% { content:'.'; }
      66% { content:'..'; }
      100% { content:'...'; }
    }
     
.clock::before {
       content: '';
       position: absolute;
       width: 0;
       height: 14px;
       border-left: 2px solid currentColor;
       left: 24px;
       top: 10px;
       transform-origin: bottom;
       animation: dial 60s linear infinite;
     }
     @keyframes breathe {
       0%, 100% { transform: translate(-50%, -50%) scale(1); }
       50%      { transform: translate(-50%, -50%) scale(1.1); }
     }
     @keyframes dial {
       from { transform: rotate(0deg); }
       to   { transform: rotate(360deg); }
     }
     
     
  body.Admin #news_canonical_zeile {
    display: block;
  }
  
  body:not(.Admin) #news_canonical_zeile {
    display: none;
  }
  
  .listingsTable_box:has(.js_option_checkbox:checked){
    background: rgb(245, 248, 255) !important;
  }

/* template/css/110_table.css */

/* ============================================================
   110_table.css – Listings Table miet-boot.de
   ──────────────────────────────────────────────────────────
   Farben → 01_elemente.css
   ============================================================ */

.listingsTable{
  width:100%;
}

.listingsTable .card-footer,
.listingsTable .card-header{
 margin-bottom:.5rem;
 padding-bottom:.75rem;
 padding-top:.75rem;
  background:transparent !important;

  font-weight: var(--fw-semibold);
  color:var(--brand-blue-dark);
}

.listingsTable_box,
.row.pt-3.pb-0.border.mb-0,
.listingsTable > .row.justify-content-end.border-bottom,
.listingsTable > .row.align-items-top,
.listingsTable > .row.border-bottom,
.listingsTable > .row.pt-3.pb-3,
.row.hover{
  background: var(--card-bg);
  border:1px solid var(--bs-input-border);
  border-radius: var(--card-radius);
  margin-top:.75rem;
  margin-bottom:.75rem;
  box-shadow: var(--card-shadow);
}

.row.hover,
.listingsTable_box,
.row.pt-3.pb-0.border.mb-0,
.listingsTable_box.row.border-bottom.pb-3, 
.listingsTable .row.pt-3.pb-0.border-bottom,
.row.listingsTable_box,
.listingsTable .row.align-items-top,
.listingsTable .row.pt-3.pb-3.border-bottom{border-left: 3px solid var(--bs-input-border);}

.listingsTable > .hover:hover,
.listingsTable > .row.pt-3.pb-0:hover,
.listingsTable > .row.pt-3.pb-3:hover{
  box-shadow: var(--card-shadow-hover);
}

.listingsTable > .row.border-bottom{
  border-bottom-color: transparent;
}

 .hover:hover,
.listingsTable_box:hover,
.listingsTable > .row.pt-3.pb-0.border-bottom.mb-0,
.listingsTable > .pt-3.pb-3.border-bottom,
.listingsTable > .row.Mietboot,
.listingsTable > .row.Kundenseite,
.listingsTable > .row.align-items-top{
 transition: background-color .25s ease, transform .25s ease;
}

.listingsTable > .row:has(.emptyspace) {
  pointer-events: none;
  transform: none !important;
  box-shadow: none !important;
}




.hover:hover,
.listingsTable > .row.pt-3.pb-0.border-bottom.mb-0:hover,
.listingsTable > .row.pt-3.pb-3.border-bottom:hover,
.listingsTable > .row.pt-3.pb-0.border.mb-0:hover,
.listingsTable > .row.pt-3.pb-0.border:hover,
.listingsTable > .pt-3.pb-3.border-bottom:hover,
.listingsTable > .row.Mietboot:hover,
.listingsTable > .row.Kundenseite:hover,
.listingsTable > .row.align-items-top:hover{
  background: var(--body-bg-200) !important;
  transform: translateY(-2px);
 -webkit-box-shadow: var(--shadow-brand);
 -moz-box-shadow: var(--shadow-brand);
 box-shadow: var(--shadow-brand);
}

.status_betrag_summe div,
.status_betrag_summe div b{   font-size: var(--text-xl); }
.listingsTable_box .status_betrag_offen[data-betrag^="-"]{
   background:var(--background-color-alert-error);
   color: var(--color-alert-error);
   font-size: var(--text-xl); padding: 22px !important;
  }
  .listingsTable_box .status_betrag_offen:not([data-betrag^="-"]):not([data-betrag="0"]):not([data-betrag="0.00"]),
.listingsTable_box .status_betrag_offen[data-betrag="0"],
.listingsTable_box .status_betrag_offen[data-betrag="0.00"]{
   background:#f6f6f6;
   border-top: 1px solid rgb(185, 185, 185);
   font-size: var(--text-xl); padding: 22px !important;
  }

.listingsTable_box .status_betrag,
  .listingsTable_box .status_betrag{
     font-size: var(--text-xl); padding: 22px !important;
     
    }

.listingsTable .firstletter,
.listingsTable picture:not(.modal-body picture):not(.body_buchen picture),
.listingsTable img:not(.modal-body img):not(.body_buchen img){
  width:100%;
  height:64px;
  display:block;
  object-fit:cover;
  border-radius:6px;
  line-height:78px;
  overflow:hidden;
}

.listingsTable .firstletter {
  font-size: 0;
  width: 100%;
  text-align: center;
  border: 1px solid var(--body-bg-100);
  color: var(--body-bg-100);
  text-transform: uppercase;
}

.listingsTable .firstletter:first-letter {
  font-size: var(--text-lg);
  line-height: 44px;
}

.aktion_btn_color a.btn{background-color:var(--body-bg-200)!important;}

@media (max-width: 575.98px){
  .listingsTable .dateID{
    padding-bottom: 15px;
  }
  
  .listingsTable .btn-group{width: inherit;}
}

.listingsTable .userTd h4{
  margin:0;
  font-size: var(--text-base);
}

.listingsTable small.d-block {
    font-weight: var(--fw-bold);
}

.listingsTable .bookingTd h4{
  font-size: var(--text-sm);
  margin:.25rem 0 0;
}

.listingsTable .bookingTd p{
  margin:0;
  font-size: var(--text-sm);
  opacity:.8;
}

.listingsTable .text-right{

  justify-content:flex-end;
  align-items:center;
}

@media (max-width:575.98px){
  .listingsTable > .row.pt-3.pb-3{
    padding:.75rem;
  }

  .listingsTable .text-right{
    justify-content:flex-start;
  }
.listingsTable .universal_menu{
    padding: 1rem 0;
  }
 section[data-background-color="black"] .container-fluid a.btn.univ
 {   width: auto !important}
 section[data-background-color="black"] .container-fluid a.btn span{
   display:none !important;

 }
.listingsTable .bookingTd,
.listingsTable .priceTd{
  border-top: 1px solid var(--bs-input-border);
  padding: 1rem;
  }
  a.btn.univ,

 .listingsTable .universal_menu a.btn span{

   width: 100% !important;

  }
  
}

@media (min-width: 768px){
 .table_menu a.btn span,
  .listingsTable .aktion_btn_color a.btn span,
  .listingsTable .universal_menu a.btn span{
    display:none !important;
  }

}

.session_line:has(span[data-original-title="/buchungen.html"]),

.Kundenseite{
  border-left: 3px solid var(--color-alert-error)!important;
}
.session_gruppe_id_1 .listingsTable_box,
.session_line:has(a.google_1),
.session_line.session_gruppe_id_1,
.Mietboot{
  border-left: 3px solid var(--color-alert-success) !important;
}

.tariftabelle .tab-pane.active .border-bottom{border-bottom: 1px solid var(--bs-input-border) !important;
  }}

/* template/css/111_images.css */

/* ============================================================
   111_images.css – Carousel / Images miet-boot.de
   ──────────────────────────────────────────────────────────
   Farben → 01_elemente.css
   ============================================================ */


.hero .carousel {
  position: relative;
  overflow: hidden;
}


.hero .carousel-inner {
  position: relative;
}


.hero .carousel-item {
  position: relative;
  width: 100%;
  display: none;
  transition: opacity .35s ease;
}


.hero .carousel-item.active {
  display: block;
}


.hero .carousel-item img,
.hero .carousel-item picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}


@media (max-width:575px) {
  .hero .carousel-item {
    aspect-ratio: 320 / 210;
  }
}


@media (min-width:576px) and (max-width:767px) {
  .hero .carousel-item {
    aspect-ratio: 358 / 210;
  }
}


@media (min-width:768px) and (max-width:1199px) {
  .hero .carousel-item {
    aspect-ratio: 960 / 617;
  }
}


@media (min-width:1200px) {
  .hero .carousel-item {
    aspect-ratio: 1200 / 840;
  }
}


.hero .carousel-control-prev,
.hero .carousel-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;

  width: 48px;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background: var(--overlay-dark);
  backdrop-filter: blur(6px);

  opacity: .9;
  transition: .2s;
}


.hero .carousel-control-prev {
  left: 12px;
}


.hero .carousel-control-next {
  right: 12px;
}


.hero .carousel-control-prev:hover,
.hero .carousel-control-next:hover {
  background: var(--overlay-darker);
  opacity: 1;
}


.hero .carousel-control-prev-icon,
.hero .carousel-control-next-icon {
  display: none !important;
}


.hero .carousel-control-prev::before,
.hero .carousel-control-next::before {
  font-family: 'fontello';
  font-size: var(--text-2xl);
  color: var(--bg-white);
  line-height: var(--lh-none);
}


.hero .carousel-control-prev::before {
  content: '\e905';
}


.hero .carousel-control-next::before {
  content: '\e906';
}


.hero .carousel-control-prev:hover::before,
.hero .carousel-control-next:hover::before {
  transform: scale(1.15);
  transition: .2s;
}


.hero #package-carousel .carousel-inner .carousel-item+.carousel-item~.carousel-control-prev,
.hero #package-carousel .carousel-inner .carousel-item+.carousel-item~.carousel-control-next {
  display: flex;
}


.list-grid {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .75rem;
}


.hero .haupttarif .badge {
  top: -12px;
}


.tarif-badge {
  position: absolute;
  top: -9px;
  right: 19px;
  font-size: var(--text-sm);
  z-index: 3;
}


.anzeige_header .haupttarif {
  position: relative;
}


.text-end {
  text-align: end !important;
}


.hero .haupttarif small {
  display: contents;
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Lato", sans-serif;
  font-weight: var(--fw-semibold);
  line-height: var(--lh-tight);
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: var(--text-lg);
}


.text-muted {
  color: var(--bs-input-placeholder) !important;
}

#package-carousel .carousel-control-prev,
#package-carousel .carousel-control-next {
  display: flex;
}


#package-carousel .carousel-inner:has(.item:only-child)~.carousel-control-prev,
#package-carousel .carousel-inner:has(.item:only-child)~.carousel-control-next {
  display: none !important;
  pointer-events: none;
}


#package-carousel .carousel-inner:has(.carousel-item:only-child)~.carousel-control-prev,
#package-carousel .carousel-inner:has(.carousel-item:only-child)~.carousel-control-next {
  display: none !important;
  pointer-events: none;
}


#package-carousel {
  position: relative;
}


#package-carousel::before {
  content: "\e8d3";
  font-family: "fontello";
  font-size: var(--text-sm);

  position: absolute;
  right: 14px;
  bottom: 12px;

  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background: var(--overlay-medium);
  color: var(--bg-white);

  backdrop-filter: blur(6px);
  opacity: 1;

  pointer-events: none;
  z-index: 30;
  transition: .25s ease;
}


#package-carousel::after {
  content: "Klick zum Vergrößern";
  font-size: var(--text-xs);
  letter-spacing: .3px;

  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);

  padding: 6px 12px;
  border-radius: 999px;

  background: var(--overlay-medium);
  color: var(--bg-white);

  backdrop-filter: blur(6px);
  white-space: nowrap;

  opacity: 0;
  pointer-events: none;
  z-index: 30;

  transition: .25s ease;
}


#package-carousel:hover::before {
  opacity: 0;
}


#package-carousel:hover::after {
  opacity: 1;
}

picture {
  display: block;
  overflow: hidden;
  background: url('../images/pages/load_images.png') center center no-repeat;
  background-size: 20%;
}

.hidden picture {
  background: none;
}



picture img {
  display: block;

  height: auto;
}

/* template/css/112_preistabelle.css */

/* ============================================================
   112_preistabelle.css – Preistabelle miet-boot.de
   ──────────────────────────────────────────────────────────
   Farben → 01_elemente.css
   Verwendet color-mix() für dynamische Transparenz
   ============================================================ */

.preisuebersicht {
  background: var(--card-background-color);
  color: var(--body-font-color);
}
 
.preisbox-head {
  background: var(--card-background-color);
  border: 1px solid color-mix(in srgb, var(--body-font-color) 14%, transparent);
  border-radius: var(--radius-lg);
  padding: 1rem 1.25rem;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--body-font-color) 12%, transparent);
}

.preisbox-boot {
  background: var(--admin-gradient-color);
  color: var(--body-linkcolor-withe);
  border-radius: var(--radius-lg);
  padding: 1rem 1.25rem;
}

.preisbox-boot__title {
  margin: 0;
  font-size: var(--text-md);
  font-weight: var(--fw-bold);
  line-height: var(--lh-normal);
  color: inherit;
}

.preisbox-boot__sub {
  margin-top: .2rem;
  font-size: var(--text-sm);
  line-height: var(--lh-relaxed);
  opacity: .95;
  color: inherit;
}

.preisbox-print {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .7rem 1rem;
  background: var(--card-background-color);
  border: 1px solid color-mix(in srgb, var(--body-font-color) 14%, transparent);
  border-radius: 10px;
  color: var(--body-font-color);
  font-weight: var(--fw-semibold);
  text-decoration: none;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.preisbox-print:hover {
  background: color-mix(in srgb, var(--card-background-color) 92%, var(--body-font-color) 8%);
  color: var(--body-font-link-hover-color);
  text-decoration: none;
}

.preistabelle-wrap {
  background: var(--card-background-color);
  border: 1px solid color-mix(in srgb, var(--body-font-color) 14%, transparent);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--body-font-color) 12%, transparent);
}

.preistabelle-scroll {
  position: relative;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

.preistabelle {
  width: max-content;
  min-width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--card-background-color);
  color: var(--body-font-color);
}

.preistabelle > thead > tr > th,
.preistabelle > tbody > tr > td {
  border-right: 1px solid color-mix(in srgb, var(--body-font-color) 10%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--body-font-color) 10%, transparent);
  vertical-align: middle;
}

.preistabelle > thead > tr > th:last-child,
.preistabelle > tbody > tr > td:last-child {
  width: auto;
  border-right: 0;
}

.preistabelle > tbody > tr:last-child > td {
  border-bottom: 0;
}

.preistabelle > thead > tr > th {
  padding: 0;
  background: color-mix(in srgb, var(--card-background-color) 94%, var(--body-font-color) 6%);
  color: var(--body-font-color);
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  border-bottom: 1px solid color-mix(in srgb, var(--body-font-color) 12%, transparent);
  vertical-align: top;
}

.preistabelle > thead > tr > th:first-child {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  padding: 1rem 1.1rem;
  text-align: center;
  vertical-align: middle;
  z-index: 7;
  background: color-mix(in srgb, var(--card-background-color) 94%, var(--body-font-color) 6%);
}

.preistabelle .tarif-head {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  white-space: normal;
}

.preistabelle .tarif-head__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: .6rem .9rem .5rem;
  text-align: left;
}

.preistabelle .tarif-head__title {
  display: block;
  width: 100%;
  margin: 0 0 .3rem 0;
  color: var(--body-font-color);
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  line-height: var(--lh-normal);
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  hyphens: auto;
}

.preistabelle .tarif-head__meta {
  margin: 0;
  color: color-mix(in srgb, var(--body-font-color) 72%, white 28%);
  font-size: var(--text-sm);
  line-height: var(--lh-normal);
}

.preistabelle .tarif-head__badge {
  display: inline-block;
  margin-top: .55rem;
  padding: .28rem .55rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--body-main-btn-color) 18%, var(--card-background-color) 82%);
  color: var(--body-font-color);
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  line-height: var(--lh-none);
}

.preistabelle .tarif-head__badge:empty {
  display: none;
}

.preistabelle > tbody > tr > td {
  padding: 0;
  background: var(--card-background-color);
  vertical-align: middle;
}

.preistabelle > tbody > tr > td:first-child {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  padding: 0;
  background: color-mix(in srgb, var(--card-background-color) 94%, var(--body-font-color) 6%);
  color: var(--body-font-color);
  font-size: var(--text-sm);
  line-height: var(--lh-relaxed);
  z-index: 4;
  box-shadow: 8px 0 14px -10px color-mix(in srgb, var(--body-font-color) 18%, transparent);
}

.preistabelle > tbody > tr > td:first-child > div {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  padding: 1rem 1.1rem;
  box-sizing: border-box;
}

.preistabelle > tbody > tr > td:first-child b {
  display: block;
  margin-bottom: .35rem;
  color: var(--body-font-color);
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  line-height: var(--lh-normal);
}

.preistabelle > tbody > tr > td:first-child,
.preistabelle > tbody > tr > td:first-child span {
  color: var(--body-font-color);
  font-size: var(--text-sm);
  line-height: var(--lh-relaxed);
  white-space: normal;
}

.preistabelle > tbody > tr > td:not(:first-child) {
  padding: 0;
  text-align: right;
  vertical-align: top;
  background: var(--card-background-color);
}

.preistabelle > tbody > tr > td:not(:first-child) > div {
  display: block;
  padding: .7rem .8rem .6rem;
  text-align: right;
}

.preistabelle > tbody > tr > td:not(:first-child) > div > :first-child:not(table) {
  display: block;
  margin-bottom: .3rem;
  color: var(--body-font-color);
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  line-height: var(--lh-normal);
  white-space: nowrap;
}

.preistabelle > tbody > tr > td:not(:first-child) > div > table {
  width: 100% !important;
  margin: .15rem 0 0 0;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  background: transparent;
}

.preistabelle > tbody > tr > td:not(:first-child) > div > table tbody,
.preistabelle > tbody > tr > td:not(:first-child) > div > table tr {
  background: transparent !important;
}

.preistabelle > tbody > tr > td:not(:first-child) > div > table td {
  padding: .15rem 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: var(--text-xs);
  line-height: var(--lh-snug);
  color: color-mix(in srgb, var(--body-font-color) 55%, white 45%);
  white-space: normal;
  vertical-align: top;
}

.preistabelle > tbody > tr > td:not(:first-child) > div > table td:first-child {
  text-align: left;
  padding-right: .45rem;
  color: color-mix(in srgb, var(--body-font-color) 55%, white 45%);
  white-space: normal;
}

.preistabelle > tbody > tr > td:not(:first-child) > div > table td:last-child {
  text-align: right;
  font-weight: var(--fw-medium);
  color: color-mix(in srgb, var(--body-font-color) 72%, white 28%);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.preistabelle > tbody > tr > td:not(:first-child) > div > table tr:last-child td {
  padding-top: .28rem;
  border-top: 1px dashed color-mix(in srgb, var(--body-font-color) 12%, transparent) !important;
  font-weight: var(--fw-semibold);
  color: var(--body-font-color);
}

.preistabelle > tbody > tr:hover > td:not(:first-child) > div > table,
.preistabelle > tbody > tr:hover > td:not(:first-child) > div > table td {
  background: transparent !important;
}

.preistabelle th.tarif-head.Haupttarif {
  background: color-mix(in srgb, var(--body-main-btn-color) 16%, var(--card-background-color) 84%);
}

.legend .Haupttarif {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: var(--body-font-color);
  font-size: var(--text-sm);
  line-height: var(--lh-relaxed);
  border-left: 6px solid var(--body-main-btn-color);
  padding-left: .5rem;
}

.preistabelle > tbody > tr:hover > td {
  background: var(--body-bg-200);
}

.preistabelle > tbody > tr > td:hover {
  background: var(--body-bg-200) !important;
}

.preistabelle > tbody > tr:hover > td:first-child {
  background: var(--body-bg-200);
}

.preistabelle > tbody > tr > td:first-child:hover {
  background: var(--body-bg-200) !important;
}

@media (min-width: 768px) {
  .preistabelle > thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 5;
  }

  .preistabelle > thead > tr > th:first-child,
  .preistabelle > tbody > tr > td:first-child {
    position: sticky;
    left: 0;
  }
}

@media (max-width: 991.98px) {
  .preisbox-boot__title {
    font-size: var(--text-base);
  }

  .preistabelle > thead > tr > th:first-child,
  .preistabelle > tbody > tr > td:first-child,
  .preistabelle > tbody > tr > td:first-child > div {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
  }

  .preistabelle .tarif-head {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
  }
}

@media (max-width: 767.98px) {
  .preisbox-head {
    padding: .9rem;
  }

  .preisbox-boot {
    padding: .9rem 1rem;
  }

  .preistabelle > thead > tr > th,
  .preistabelle > thead > tr > th:first-child,
  .preistabelle > tbody > tr > td:first-child {
    position: static;
    top: auto;
    left: auto;
  }

  .preistabelle > thead > tr > th:first-child,
  .preistabelle > tbody > tr > td:first-child,
  .preistabelle > tbody > tr > td:first-child > div {
    width: 260px;
    min-width: 260px;
    max-width: 260px;
  }

  .preistabelle > tbody > tr > td:first-child {
    box-shadow: none;
  }

  .preistabelle .tarif-head {
    width: 145px;
    min-width: 145px;
    max-width: 145px;
  }

  .preistabelle > tbody > tr > td:not(:first-child) > div > :first-child:not(table) {
    font-size: var(--text-base);
  }

  .preistabelle > tbody > tr > td:not(:first-child) > div > table td {
    font-size: var(--text-2xs);
  }
}

/* template/css/199_hero_neu-header.css */

/* ============================================================
   199_hero_neu-header.css – Hero Header miet-boot.de
   ──────────────────────────────────────────────────────────
   Farben + Tokens → 01_elemente.css
   (--hero-*, --glass-*, --overlay-*, --brand-*)
   ============================================================ */

/* HERO NEU Container */
.hero_neu {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  z-index: 1;
}

/* Hero Image */
.hero_neu .hero_images {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}
.hero_neu picture img{border-radius: 0px !important}
/* Hero Overlay */
.hero_neu .hero__overlay {
  position: absolute;
  inset: 0;
  background: var(--overlay-dark);
  z-index: 2;
}

/* Hero Content (Text mittig) */
.hero_neu .hero-content {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 0 var(--hero-content-padding-x);
}

.hero_neu h1 {
  font-weight: var(--fw-bold);
  margin-bottom: .75rem;
  color: var(--hero-text-strong);
}

.hero_neu p,
.hero_neu .h3 {
  color: var(--hero-text-light);
}

.hero_neu .btn {
  position: relative;
  z-index: 10;
}

/* Hero Responsive Heights */
.hero_neu-xs { min-height: var(--hero-height-xs); }

@media (min-width: 576px) {
  .hero_neu-sm { min-height: var(--hero-height-sm); }
}

@media (min-width: 768px) {
  .hero_neu-md { min-height: var(--hero-height-md); }
}

@media (min-width: 992px) {
  .hero_neu-lg { min-height: var(--hero-height-lg); }
}

@media (min-width: 1200px) {
  .hero_neu-xl { min-height: var(--hero-height-xl); }
}

/* Hero Grid */
.hero_neu-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--hero-grid-gap);
  margin-top: 1.5rem;
  max-width: var(--hero-grid-max-width);
  margin-inline: auto;
}

.hero_neu-grid-item {
  text-align: center;
  padding: 1rem;
  background: var(--glass-bg-light);
  border: 1px solid var(--glass-border-light);
  border-radius: var(--radius-md);
  backdrop-filter: var(--glass-blur);
  color: var(--hero-text-strong);
}

.hero_neu-grid-item i {
  font-size: var(--text-2xl);
  display: block;
  margin-bottom: .5rem;
  opacity: .9;
}

.hero_neu-grid-item span {
  display: block;
  font-size: var(--text-sm);
  opacity: .95;
}

/* Cat Plain Cards */
.hero_neu-cat-plain {
  background: var(--glass-bg-medium);
  backdrop-filter: var(--glass-blur);
  border: 1px solid var(--glass-border-light);
  padding: 1.2rem 1rem;
  border-radius: var(--radius-lg);
  text-align: center;
  color: var(--hero-text-strong);
  transition: all .25s ease;
  display: flex;
  flex-direction: column;
}

.hero_neu-cat-plain h3 {
  font-size: var(--text-md);
  font-weight: var(--fw-semibold);
  margin: 0;
  padding-bottom: 6px;
}

.hero_neu-cat-plain p {
  margin: 0;
  font-size: var(--text-sm);
  opacity: .85;
}

.hero_neu-cat-plain .btn {
  background: var(--glass-bg-light);
  margin-top: auto;
  color: var(--bg-white);
  border: 1px solid var(--glass-border-light) !important;
}

.hero_neu-cat-plain .btn:hover {
  background: var(--glass-bg-hover);
}

.hero_neu-cat-plain:hover {
  background: var(--glass-bg-hover);
  border-color: var(--glass-border-hover);
  transform: translateY(-3px);
  box-shadow: var(--shadow-hover);
}

/* Badges */
.cat-badge {
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 2; 
  font-size: var(--text-2xs);
  font-weight: var(--fw-semibold);
  padding: 3px 8px;
  border-radius: var(--radius-sm);
  backdrop-filter: var(--glass-blur-soft);
  box-shadow: var(--shadow-soft);
}

.cat-badge.primary {
  background: var(--hero-badge-primary-bg);
  color: var(--hero-badge-primary-text);
}

.cat-badge.secoundary {
  background: var(--hero-badge-secondary-bg);
  color: var(--hero-badge-secondary-text);
}
.cat-badge.warning {
  background: var(--hero-badge-warning-bg);
  color: var(--hero-badge-warning-text);
}
/* Ghost Button */
.btn-ghost {
  background: transparent;
  border: 0 !important;
  color: var(--hero-accent-orange) !important;
}

.btn-ghost:hover {
  background: var(--brand-orange-fade) !important;
  color: var(--hero-accent-orange) !important;
}

/* Cat Link */
.hero_neu-cat-link .h3 {
  line-height: var(--lh-loose);
  padding: 6px 0;
}

@media (min-width: 992px) {
  .hero_neu-cat-link .h3 {
    line-height: var(--lh-prose);
    padding: 0;
  }
}

/* Rating */
.rating-value,
.rating-label {
  font-size: larger;
  color: var(--bg-white);
}

/* ============================================
   LEGACY .hero (Falls noch im Einsatz)
   ============================================ */
.hero {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  z-index: 1;
}

.hero h1 { color: var(--bg-white); }

.hero-sm { min-height: 280px; }
.hero-md { min-height: 420px; }
.hero-lg { min-height: 580px; }
.hero-xl { min-height: 760px; }

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--overlay-dark);
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 5;
  text-align: center;
  padding: 0 1.5rem;
}

.hero > * {
  position: relative;
  z-index: 5;
}

.hero-title {
  font-size: var(--text-fluid-title);
  font-weight: var(--fw-bold);
  margin-bottom: 0.75rem;
  color: var(--bg-white);
}

.hero-subtitle {
  font-size: var(--text-fluid-subtitle);
  color: var(--hero-text-light);
  margin-bottom: 1.8rem;
}

.hero .btn {
  position: relative;
  z-index: 10;
}

.hero-info-box {
  background: var(--glass-bg-medium);
  backdrop-filter: blur(6px);
  padding: 0.75rem 1.25rem;
  border-radius: 10px;
  border: 1px solid var(--glass-border-light);
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--bg-white);
  margin: 1.5rem auto 2rem;
  font-size: var(--text-base);
  position: relative;
  z-index: 10;
}

/* Anzeige Header */
.anzeige_header.hero {
  position: relative;
  overflow: hidden;
  min-height: 540px;
  background: var(--brand-blue-dark);
  width: 100%;
}

.anzeige_header__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}

.anzeige_header__overlay {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 540px;
  background: linear-gradient(180deg, var(--overlay-light) 0%, var(--overlay-medium) 100%);
}

@media (max-width: 991.98px) {
  .anzeige_header.hero,
  .anzeige_header__overlay {
    min-height: auto;
  }
}

/* template/css/200_header.css */

/* ============================================================
   200_header.css – Header Navigation miet-boot.de
   ──────────────────────────────────────────────────────────
   Farben → 01_elemente.css
   ============================================================ */

header {
  position: sticky !important;
  top: 0;
  z-index: 1000;
  background: var(--card-main-color);
  color: var(--body-linkcolor-withe);
  box-shadow: 0 1px 3px var(--shadow-role);
}

html,
body {
  overflow: visible !important;
  margin: 0;
  padding: 0;
  background-color:  var(--body-bg-200);
}

header .header-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0.55rem 0rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

header .nav-toggle {
  display: none;
}

header .header-logo,
header .header-logo:hover {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}

header .logo-icon i {
  font-size: var(--text-xl);
  color: var(--body-linkcolor-withe);
}

header .logo-text,
header .logo-text:hover {
  font-weight: var(--fw-bold);
  font-size: var(--text-base);
  color: var(--body-linkcolor-withe);
  white-space: nowrap;
  text-decoration: none !important;
}

header .header-logo {
  width: 180px;
  
  height: 40px;
  
  background: url("../images/logo/miet-boot-white-slogan.png") no-repeat center center;
  background-size: contain;
  display: inline-block;
}

header .logo-icon,
header .logo-text {
  display: none !important;
}

header a {
  text-decoration: none;
  color: var(--body-linkcolor-withe);
  transition: color 0.2s ease, opacity 0.2s ease;
}

header .nav-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  margin-top: 9px;
  margin-right: 20px;
  height: 42px;
  border-radius: 999px;
  cursor: pointer;
  background: var(--overlay-light);
}

header .nav-toggle-btn i {
  font-size: var(--text-xl);
  color: var(--body-linkcolor-withe);
}

header .nav-backdrop {
  position: fixed;
  inset: 0;
  background: var(--overlay-dark);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.24s ease;
  z-index: -1 !important;
}

header .header-inner nav {
  position: fixed;
  inset: 0 auto 0 0;
  width:clamp(300px, 45vw, 45%);
  max-width:420px;
  height: 100vh;
  background: var(--bg-white);
  display: flex;
   
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform 0.24s ease;
  box-shadow: 0 0 40px var(--overlay-dark);
  z-index: 99999;

}
header .nav-panel-head nav.nav-scroll .nav-item:last-of-type{
  margin-bottom:100px;
  border-bottom: 20px solid var(--bg-white) !important;

}

header .nav-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.9rem 1.25rem;
  border-bottom: 1px solid var(--overlay-light);
  background: var(--card-main-color);
}

header .nav-title {
  font-weight: var(--fw-semibold);
  font-size: var(--text-base);
  color: var(--body-linkcolor-withe);
}

header .nav-close {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  cursor: pointer;
  background: var(--overlay-light);
}

header .nav-close i {
  font-size: var(--text-lg);
  line-height: 12px;
  color: var(--body-linkcolor-withe);
}

header .nav-scroll {
  flex: 1 1 auto;
  overflow-y: auto;
  background: var(--body-linkcolor-withe);
}

header .nav-footer {
  padding: 1rem 1.25rem 1.25rem;
  border-top: 1px solid var(--overlay-light);
  background: var(--body-linkcolor-withe);
}

header .nav-login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  max-width: 190px;
  padding: 0.55rem 1.1rem;
  border-radius: 999px;
  text-decoration: none;
  border: none;
  background: var(--body-main-btn-color);
  color: var(--body-linkcolor-withe);
  font-weight: var(--fw-semibold);
  font-size: var(--text-sm);
  box-shadow: 0 6px 12px var(--brand-orange-fade);
}

header .nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

header .nav-item {
  border-bottom: 1px solid var(--shadow-border-soft);
}
header .nav-item:last-child {
  border-bottom: 0px solid var(--shadow-border-soft);
}

header .nav-item>a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: .8rem;
}

header a:focus,
header a:hover {
  color: var(--body-linkcolor-primecolor) !important;
  opacity: 1;
}

header a:active,
header .active>a {
  color: var(--body-linkcolor-primecolor) !important;
}

header .nav-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  font-size: var(--text-base);
  text-decoration: none;
  color: var(--body-linkcolor-primecolor);
}

header .nav-link i {
  font-size: var(--text-md);
  color: var(--card-main-color);
}

header .nav-link:hover {
  background: var(--body-bg-200);
}

header .sub-toggle {
  display: none;
}

header .sub-label {
  cursor: pointer;
}

header .sub-arrow {
  margin-left: auto;
  width: 10px;
  height: 10px;
  margin-top: -3px;
  border-right: 2px solid var(--brand-blue);
  border-bottom: 2px solid var(--brand-blue);
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}

header .submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  background: var(--bg-light);
  transition: max-height 0.24s ease;
}

header .submenu li a {
  display: block;
  padding: 0.55rem 1.9rem;
  font-size: var(--text-sm);
  text-decoration: none;
  color: var(--body-linkcolor-primecolor);
}

header .sub-divider {
  padding: 0.65rem 1.9rem;
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  background: var(--card-main-color);
  color: var(--body-linkcolor-withe);
}

header .submenu li:has(> span) {
  background: var(--bg-light);
  border-top: 1px solid var(--shadow-border-soft);
  border-bottom: 1px solid var(--shadow-border-soft);
}

header .submenu li>span {
  display: block;
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--brand-blue);
  padding: 0.6rem 1.25rem;
  pointer-events: none;
}

header .sub-toggle:checked~.submenu {
  max-height: 1000px;
}

header .nav-toggle:checked~.header-inner nav {
  transform: translateX(0);
}

header .nav-toggle:checked~.nav-backdrop {
  opacity: 1;
  pointer-events: auto;
}

@media (min-width: 992px) {
  
  
  

  header .nav-item.has-sub:hover .sub-menu,
  header .nav-item.has-sub:focus-within .sub-menu {
 color: var(--bg-white) !important;
  opacity: 1;
  background: var(--glass-bg-light);
  }
  
  
  
  header .nav-item.has-sub span.sub-menu:hover,
  header .nav-item a:focus, 
  header .nav-item a:hover,
  header .nav-item a:active,
  header .active>a {
      color: var(--bg-white) !important;
      opacity: 1;
      background: var(--glass-bg-light);
      border-radius: 2px;

  }
  header .nav-item.has-sub span.sub-menu,
  header .nav-item>a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: .4rem .6rem;
  }

  header .nav-toggle-btn {
    display: none;
  }

  header .nav-backdrop {
    display: none;
  }

  header .nav-panel-head {
    display: none;
  }

  
  header .header-inner {
    justify-content: flex-start;
    
  }

  
  header .header-inner>nav {
    position: static;
    width: auto;
    
    height: auto;
    max-width: none;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
    margin-left: auto;
    
    transform: none;
    box-shadow: none;
    background: transparent;
  }

  header .nav-scroll {
    flex: 0 1 auto;
    overflow: visible;
    background: transparent;
  }

  header .nav-footer {
    padding: 0;
    border-top: 0;
    background: transparent;
  }

  header .nav-login {
    width: auto;
  }

  .nav-list {
    display: flex;
    align-items: center;
    gap: .50rem;
    padding: 0;
  }

  header .nav-item {
    border-bottom: 0;
    position: relative;
  }

  header .nav-link {
    padding: 0.25rem 0.1rem;
    font-size: var(--text-sm);
    color: var(--body-linkcolor-withe);
    background: transparent;
    border: none;
    opacity: 0.95;
   transition: opacity 0.01s ease;
  }

  header .nav-link i {
    color: var(--body-linkcolor-withe);
  }

  header .nav-link:hover {
    background: transparent;
    opacity: 1;
  }

  header .nav-item label {
      margin-bottom: -2px;
      height: 51px;
  }
 header .sub-label {
    padding-right: 1.25rem;
  }

  header .sub-arrow {
    border-color: var(--hero-text-light);
  }
  header .submenu li a:hover{color: var(--brand-blue)!important;   background: var(--glass-bg-hover);border-radius: 0;}
  header .submenu {
    margin-top: 2px;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 240px;
    max-height: none;
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
    box-shadow: 0 12px 28px var(--overlay-light);
    border-radius: 6px;
    background: var(--bg-white);
    transition: opacity 0.18s ease, transform 0.18s ease;
  }
  
  header .nav-item {
    position: relative;
  }
  
  header .nav-item:hover > .submenu,
  header .nav-item:focus-within > .submenu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  
  header .submenu a:focus,
  header .submenu  a:hover {
    color: var(--body-linkcolor-primecolor) !important;
    opacity: 1;
  }
  
  header .submenu a:active,
  header .submenu .active>a {
    color: var(--body-linkcolor-primecolor) !important;
  }

  header .submenu li a {
    border-radius:0;
    padding: 0.4rem 1.25rem;
  }

  header .nav-item:hover>.submenu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}

@media (max-width: 991.98px) {
  header .sub-toggle:checked+.sub-label .sub-arrow {
    transform: rotate(-135deg);
  }

  header .nav-item>a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.8rem 1.3rem;
    color: var(--brand-blue);
  }

  header .nav-item>a:hover {
    background: var(--body-bg-200);
  }

  header .nav-link i {
    font-size: var(--text-md);
    color: var(--brand-blue);
  }

  header .nav-login {
    margin: auto;
    text-align: center;
    left: unset;
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 359.98px) {
  header .header-inner {
    padding-inline: 0.9rem;
  }

  header .nav-panel-head,
  header .nav-link,
  header .submenu li a {
    padding-inline: 0.9rem;
  }
}

header .admin-nav__footer-links {
  list-style: none;
  margin: 0;
  padding: 0.75rem 0;

  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 1rem;
}

header .admin-nav__footer-links li {
  margin: 0;
}

header .admin-nav__footer-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;
  border-radius: 50%;

  text-decoration: none;
  color: var(--admin-muted);
  font-size: var(--text-lg);

  transition: background .15s ease, color .15s ease;
}

header .admin-nav__footer-links a:hover {
  background: var(--overlay-light);
  color: var(--admin-accent);
}

.body_passwort .card ,
.body_login .card {
    background: var(--glass-bg-medium);
    backdrop-filter: blur(6px);
    border: 1px solid var(--glass-border-light);
    padding: 1.2rem 1rem;
    border-radius: 12px;
    text-align: center;
    color: var(--bg-white);
    transition: all .25s ease;

}
  .body_login .card label{
    font-size: var(--text-md);
    color: var(--brand-blue);}
  
  .body_passwort h2,
  .body_passwort h3,
  .body_login h2,
  .body_login h3{ color:var(--bg-white);}
  
  .body_passwort.bg-100,
  .body_login.bg-100 {
      background: var(--overlay-light);
      background-image: url('https://cache.miet-boot.de/kategorien_gross/motorboot.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: fixed;
      min-height: 100vh;
  }

  
  
  
  .nav-user {
    position: relative;
    margin-left: auto;
  }
  
  .nav-user__trigger {
    display: flex;
    align-items: center;
    gap: .6rem;
    background: transparent;
    border: 0;
    color: var(--bg-white);
    cursor: pointer;
    padding: .4rem .75rem;
    border-radius: 8px;
  }
  
  .nav-user__trigger:hover {
    background: var(--glass-bg-light);
  }
  
  
  .nav-user__trigger .icon-user-circle {
    font-size: var(--text-2xl);
  }
  
  
  .nav-user__meta {
    display: flex;
    flex-direction: column;
    line-height: var(--lh-none);
    text-align: left;
  }
  
  .nav-user__name {
    font-weight: var(--fw-semibold);
    font-size: var(--text-sm);
  }
  
  .nav-user__role {
    font-size: var(--text-xs);
    opacity: .8;
  }
  
  
  .nav-user__caret {
    font-size: var(--text-sm);
    opacity: .7;
  }
  
  
  .nav-user__dropdown {
    position: absolute;
    right: 0;
    top: calc(100% + 0px);
    min-width: 200px;
    background: var(--bg-white);
    border-radius: 10px;
    box-shadow: 0 10px 30px var(--overlay-light);
    padding: .4rem 0;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .15s ease, transform .15s ease;
    transform: translateY(6px);
    z-index: 1000;
  }
  
  
  .nav-user:focus-within .nav-user__dropdown,
  .nav-user:hover .nav-user__dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  
  
  .nav-user__dropdown li a {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .55rem .9rem;
    text-decoration: none;
    color: var(--brand-blue);
    font-weight: var(--fw-semibold);
  }
  
  .nav-user__dropdown a:hover {
    background: var(--bg-light);
  }
  
  
  .nav-user__dropdown .divider {
    height: 1px;
    margin: .4rem 0;
    background: var(--bs-input-border);
  }
  
  
  .nav-user__dropdown .logout {
    color: var(--red-color);
  }
  
  
  @media (max-width: 768px) {
    .nav-user__meta {
      display: none;
    }
  }

 
  .page-header p,
  .page-header .h2,
  .page-header h2,
  .page-header h3,
  .page-header h4{color: var(--bg-white);}

/* template/css/300_buttons.css */

/* ============================================================
   300_buttons.css – Button-System miet-boot.de
   ──────────────────────────────────────────────────────────
   Farben → 01_elemente.css  (--btn-*, --link-*, --bs-input-*)
   ============================================================ */
.gap-1 { gap: 0.25rem; }
   .gap-2 { gap: 0.5rem; }
   .gap-3 { gap: 1rem; }
   .gap-4 { gap: 1.5rem; }
.btn{
  background-color: var(--btn-light-bg);
  border-color: var(--bs-input-border);
  color: var(--btn-light-text);
  border-radius: 0.35rem;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  font-weight: var(--fw-medium);
  padding: 0.45rem 0.9rem;
  text-decoration: none;
  cursor: pointer;
  transition:
   background-color 0.45s ease,
   color 0.45s ease,
   border-color 0.45s ease,
   transform 0.1s ease;
}
a,
.btn:hover,
.btn:focus,
a.btn:hover,
a.btn:focus {
  text-decoration: none;
  transition:
   background-color 0.45s ease,
   color 0.45s ease,
   border-color 0.45s ease,
   transform 0.1s ease;
}
.btn:hover,
.btn:focus
{
  text-decoration: none;
  transition:
   background-color 0.45s ease,
   color 0.45s ease,
   border-color 0.45s ease,
   transform 0.1s ease;
   background-color: var(--btn-light-hover);
   border-color: var(--btn-light-hover);
   color: var(--btn-light-text);
}

.btn:disabled,
.btn.disabled {
  opacity: 0.55;
  pointer-events: none;
}
a{
 color: var(--link-color);
  text-decoration: none;
  transition: color .2s ease, text-decoration-color .2s ease;
}

a:hover{

}

a:focus{
  outline: none;
}

a.link-primary{ color: var(--link-primary); }
a.link-primary:hover{ color: var(--link-primary-hover); }

a.link-secondary{ color: var(--link-secondary); }
a.link-secondary:hover{ color: var(--link-secondary-hover); }

a.link-success{ color: var(--link-success); }
a.link-success:hover{ color: var(--link-success-hover); }

a.link-danger{ color: var(--link-danger); }
a.link-danger:hover{ color: var(--link-danger-hover); }

a.link-warning{ color: var(--link-warning); }
a.link-warning:hover{ color: var(--link-warning-hover); }

a.link-info{ color: var(--link-info); }
a.link-info:hover{ color: var(--link-info-hover); }

a.link-dark{ color: var(--link-dark); }
a.link-dark:hover{ color: var(--link-dark-hover); }

a.link-light{ color: var(--link-light); }
a.link-light:hover{ color: var(--link-light-hover); }

.link,
a.link,
.text-link,
a.text-link {
  color: var(--link-color);
  font-weight: var(--fw-medium);
  text-decoration: none;
  text-underline-offset: 0px;
  transition:
    color 0.15s ease,
    text-decoration-color 0.15s ease;
}

.text-decoration-none:hover{  text-decoration: none;}

.link:hover,
a.link:hover,
.text-link:hover,
a.text-link:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
  text-decoration-color: var(--link-hover-color);
}

.link:active,
a.link:active,
.text-link:active,
a.text-link:active{
  color: var(--link-active-color);
}

.link:focus-visible,
a.link:focus-visible,
.text-link:focus-visible,
a.text-link:focus-visible {
  outline: 2px solid var(--link-hover-color);
  outline-offset: 3px;
}

.btn-sm {
  padding: 0.25rem 0.6rem !important;
  font-size: var(--text-sm);
  border-radius: 0.3rem;
}

.btn-lg {
  padding: 0.65rem 1.25rem !important;
  font-size: var(--text-md);
  border-radius: 0.4rem;
}

.btn-block {

  width: 100%;
}

   
   
   
   
   .btn-primary {
     background-color: var(--btn-primary-bg);
     border-color: var(--btn-primary-bg);
     color: var(--btn-primary-text);
   }
   .btn-primary:hover {
     background-color: var(--btn-primary-hover);
     border-color: var(--btn-primary-hover);
     color: var(--btn-primary-text);
   }
   
   
   .btn-secondary {
     background-color: var(--btn-secondary-bg);
     border-color: var(--btn-secondary-bg);
     color: var(--btn-secondary-text);
   }
   .btn-secondary:hover {
     background-color: var(--btn-secondary-hover);
     border-color: var(--btn-secondary-hover);
     color: var(--btn-secondary-text);
   }
   
   
   .btn-success {
     background-color: var(--btn-success-bg);
     border-color: var(--btn-success-bg);
     color: var(--btn-success-text);
   }
   .btn-success:hover {
     background-color: var(--btn-success-hover);
     border-color: var(--btn-success-hover);
     color: var(--btn-success-text);
   }
   
   
   .btn-danger {
     background-color: var(--btn-danger-bg);
     border-color: var(--btn-danger-bg);
     color: var(--btn-danger-text);
   }
   .btn-danger:hover {
     background-color: var(--btn-danger-hover);
     border-color: var(--btn-danger-hover);
     color: var(--btn-danger-text);
   }
   
   
   .btn-warning {
     background-color: var(--btn-warning-bg);
     border-color: var(--btn-warning-bg);
     color: var(--btn-warning-text);
   }
   .btn-warning:hover {
     background-color: var(--btn-warning-hover);
     border-color: var(--btn-warning-hover);
     color: var(--btn-warning-text);
   }
   
   
   .btn-info {
     background-color: var(--btn-info-bg);
     border-color: var(--btn-info-bg);
     color: var(--btn-info-text);
   }
   .btn-info:hover {
     background-color: var(--btn-info-hover);
     border-color: var(--btn-info-hover);
     color: var(--btn-info-text);
   }
   
   
   .btn-dark {
     background-color: var(--btn-dark-bg);
     border-color: var(--btn-dark-bg);
     color: var(--btn-dark-text);
   }
   .btn-dark:hover {
     background-color: var(--btn-dark-hover);
     border-color: var(--btn-dark-hover);
     color: var(--btn-dark-text);
   }
   
   
   .btn-light {
     background-color: var(--btn-light-bg);
     border-color: var(--btn-light-bg);
     color: var(--btn-light-text);
   }
   .btn-light:hover {
     background-color: var(--btn-light-hover);
     border-color: var(--btn-light-hover);
     color: var(--btn-light-text);
   }
   
   
   
   
   .btn-outline-primary {
     background-color: transparent;
     color: var(--btn-primary-bg);
     border-color: var(--btn-primary-bg);
   }
   .btn-outline-primary:hover {
     background-color: var(--btn-primary-bg);
     color: var(--btn-primary-text);
   }
   
   .btn-outline-secondary {
     background-color: transparent;
     color: var(--btn-secondary-bg);
     border-color: var(--btn-secondary-bg);
   }
   .btn-outline-secondary:hover {
     background-color: var(--btn-secondary-bg);
     color: var(--btn-secondary-text);
   }
   
   .btn-outline-success {
     background-color: transparent;
     color: var(--btn-success-bg);
     border-color: var(--btn-success-bg);
   }
   .btn-outline-success:hover {
     background-color: var(--btn-success-bg);
     color: var(--btn-success-text);
   }
   
   .btn-outline-danger {
     background-color: transparent;
     color: var(--btn-danger-bg);
     border-color: var(--btn-danger-bg);
   }
   .btn-outline-danger:hover {
     background-color: var(--btn-danger-bg);
     color: var(--btn-danger-text);
   }
   
   .btn-outline-dark {
     background-color: transparent;
     color: var(--btn-dark-bg);
     border-color: var(--btn-dark-bg);
   }
   .btn-outline-dark:hover {
     background-color: var(--btn-dark-bg);
     color: var(--btn-dark-text);
   }
   
   
   
   .btn-ghost {
     background-color: transparent;
     border-color: transparent;
     color: var(--btn-ghost-text);
   }
   .btn-ghost:hover {
     background-color: var(--btn-ghost-hover-bg);
     color: var(--btn-ghost-text);
   }

.btn i {
  display: inline-block;
  font-size: var(--text-md);
  line-height: var(--lh-none);
}

.btn-icon-left i {
  margin-right: 0.35rem;
}

.btn-icon-right i {
  margin-left: 0.35rem;
}

.btn-group {
  display: inline-flex;
  vertical-align: middle;
}

.btn-group .btn {
  border-radius: 0;
}

.btn-group .btn:first-child {
  border-top-left-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
}

.btn-group .btn:last-child {
  border-top-right-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
}

.btn-group .btn + .btn {
  margin-left: -1px;
}

.btn-group-vertical {
  display: inline-flex;
  flex-direction: column;
}

.btn-group-vertical .btn + .btn {
  margin-left: 0;
  margin-top: -1px;
}

.input-group .btn,
.input-group .input-group-text {
  height: var(--bs-input-height);
  padding: 0 var(--bs-input-padding-x);

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: var(--bs-input-font-size);
  line-height: var(--bs-input-line-height);

  background-color: var(--btn-light-bg);
  color: var(--btn-light-text);

  border: 1px solid var(--bs-input-border);
 border-top-left-radius: var(--ig-radius-left-top);
  border-bottom-left-radius: var(--ig-radius-left-bottom);
  border-top-right-radius: var(--ig-radius-right-top);
  border-bottom-right-radius: var(--ig-radius-right-bottom);

  box-shadow: none;
}

.input-group .btn {
  width: auto !important;
  cursor: pointer;
}

.input-group-text a,
.input-group .btn i {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.input-group > .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > :not(:first-child) {
  border-left: 0;
  border-top-right-radius: var(--bs-input-border-radius);
  border-bottom-right-radius: var(--bs-input-border-radius);
}

.btn-group .btn{}
.btn-group .btn.active{background: var(--bs-input-bg-disabled);border-bottom: 1px solid var(--btn-secondary-bg)}
.input-group .btn:hover,
.input-group .input-group-text:hover {
  background-color: var(--btn-light-hover);
}

.input-group:focus-within .form-control,
.input-group:focus-within .btn,
.input-group:focus-within .input-group-text {
  border-color: var(--bs-input-border-focus);
}

.input-group .btn:focus {
  outline: 0;
  box-shadow: none;
}

.col-4 .btn.dropdown-toggle.btn-light{width: 100% !important}
.btn.dropdown-toggle.btn-light::after {
    display: inline-block;
    margin-left: 7.255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
} 
.filter-option-inner-inner {
    overflow: hidden;

}

.dropdown.bootstrap-select.float-right.show .dropdown-menu.show {
    max-width: auto !important;
    min-width: 185px !important;
    display: block;
    width: 100%;
    overflow-x: initial !important;
    max-height: 320px;
    overflow-x: scroll;
    z-index: 80;
}

/* template/css/400_admin_menu.css */

/* =========================================================
   ADMIN NAV (Bottom Sticky) + Dropdown
   - Mobile: 1. Dropdown links, 2. Mitte, 3. rechts
   - Desktop: normal (zentriert unter dem Item)
========================================================= */

/* =========================================================
   0) VARIABLES
========================================================= */
:root {
  --admin-bg: #1c2938;
  --admin-accent: #f89944;
  --admin-text: rgba(255, 255, 255, 0.72);
  --admin-text-strong: rgba(255, 255, 255, 0.92);
  --admin-muted: #6c757d;
  --admin-border: rgba(255, 255, 255, 0.08);

  --bar-h: 74px;

  --panel-w-mobile: min(460px, 40vw);
  --panel-w-desktop: min(460px, 40vw);

  --drop-minw: 220px;
  --drop-gap: 10px; /* Abstand über der Footer-Bar */
  --safe-x: 8px; /* Abstand zum Viewport-Rand */
}

/* =========================================================
   1) BODY SPACING
========================================================= */
body.has-admin-nav {
  padding-bottom: var(--bar-h);
}

/* =========================================================
   2) BOTTOM BAR (ALWAYS)
========================================================= */
.admin-nav__bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--bar-h);
  background: rgba(28, 41, 56, 1);
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.12);
  z-index: 999;
}
/* Default (Mobile + Tablet) – bleibt wie gehabt */
.admin-nav__bar-list {
  height: 100%;
  margin: 0;
  padding: 0 0.5rem;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-around;
  overflow: visible;
}

/* Desktop */
@media (min-width: 992px) {
  .admin-nav__bar-list {
    width: 50%;
    max-width: 1280px; /* optional, aber sinnvoll */
    margin-left: auto;
    margin-right: auto;
  }
}

.admin-nav__bar-list > li {
  flex: 1 1 25%;
  text-align: center;
  border: 2px solid #141f2b;
  background: #1b2e41;
  border-radius: 6px 6px 0 0;

  /* Fade */
  transition: background-color 280ms ease, border-color 280ms ease;
}

.admin-nav__bar-list > li:hover {
  background: #19334b;
}

.admin-nav__user-meta {
    padding: 12px 16px;
    margin-top: -8px;
    border: 1px solid #e3e3e3;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #68778717;
    border-bottom: 1px solid var(--sidebar-border);
}
.nav-user__name{
  display:block;
  font-weight: var(--fw-semibold);
}

.nav-user__role{
  display:block;
  font-size: var(--text-sm);
  opacity:.7;
}
/* =========================================================
   3) BAR LINKS
========================================================= */
.admin-nav__bar-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  text-decoration: none;
  font-size: var(--text-2xs);
  color: var(--admin-text) !important;
  cursor: pointer;
  user-select: none;
  transition: transform .15s ease, color .15s ease;
  min-height: 48px;
}

.admin-nav__bar-link i {
  font-size: var(--text-xl);
  color: var(--admin-text);
  transition: transform 0.15s ease, color 0.15s ease;
}

.admin-nav__bar-link:hover,
.admin-nav__bar-link:focus {
 color: var(--admin-text);
  outline: none;
  text-decoration: none !important;
}

.admin-nav__bar-link i {
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.admin-nav__bar-link:hover i,
.admin-nav__bar-link:focus i {
  color: #fff;
  transform: scale(1.14);
}
.admin-nav__bar-link:focus-visible {
  outline: 2px solid var(--admin-accent);
  outline-offset: -2px;
  border-radius: 10px;
}

.admin-nav__bar-link--button {
  border: 0;
  background: transparent;
}

/* =========================================================
   4) OFFCANVAS TOGGLE + BACKDROP
========================================================= */
.admin-nav__toggle {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.admin-nav__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
  z-index: 1199;
}

.admin-nav__toggle:checked~.admin-nav__backdrop {
  opacity: 1;
  pointer-events: auto;
}

/* =========================================================
   5) OFFCANVAS PANEL
========================================================= */
.admin-nav__panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 50%;
  height: 100vh;
  background: #fff;
  transform: translateX(100%);
  transition: transform .25s ease;
  z-index: 1201;
  box-shadow: -10px 0 28px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.admin-nav__toggle:checked~.admin-nav__panel {
  transform: translateX(0);
}

/* Panel Header */
.admin-nav__panel-head {
  background: var(--admin-bg);
  color: #fff;
  padding: 1.1rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.admin-nav__panel-user small {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: .25rem;
}

.admin-nav__panel-user h3 {
  margin: 0;
  font-size: var(--text-md);
  font-weight: var(--fw-bold);
  color: #fff !important;
}

/* Close Button */
.admin-nav__close {
  cursor: pointer;
  padding: .25rem;
  color: var(--admin-text-strong);
  transition: color .15s ease;
}

.admin-nav__close i {
  font-size: var(--text-xl);
}

.admin-nav__close:hover {
  color: var(--admin-accent);
}

/* Panel Body */
.admin-nav__panel-body {
  overflow: auto;
  padding: .75rem 0 1rem;
  flex: 1;
  background: #fff;
}

/* Panel Footer */
.admin-nav__panel-foot {
  padding: 0rem 1.25rem;
  border-top: 1px solid #e9ecef;
  background: #f8f9fa;
}
.admin-nav__footer-links{
  list-style: none;
  margin: 0;
  padding: 0.75rem 0;

  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 1rem;
}

.admin-nav__footer-links li{
  margin: 0;
}

.admin-nav__footer-links a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
color: var(--link-color);
  width: 44px;
  height: 44px;
  border-radius: 50%;

  text-decoration: none;
  color: var(--admin-muted);
  font-size: var(--text-lg);

  transition: background .15s ease, color .15s ease;
}

.admin-nav__footer-links a:hover{
  background: rgba(0,0,0,0.06);
  color: var(--admin-accent);
  
}
/* =========================================================
   6) PANEL SECTIONS & LINKS
========================================================= */
.admin-nav__section-title {
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .75rem 1.25rem;
  font-weight: var(--fw-extrabold);
  font-size: var(--text-sm);
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--admin-bg);
  background: #f5f7fa;
}

.admin-nav__section-title i {
  font-size: var(--text-md);
  color: var(--admin-accent);
}

.admin-nav__section-text {
  padding: 0.5rem 1.25rem 0.25rem;
  font-size: var(--text-sm);
  color: #6c757d;
}

.admin-nav__links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.admin-nav__links a {
  display: block;
  padding: .7rem 1.25rem .7rem 2.75rem;
  text-decoration: none;
  color: #495057;
  font-weight: var(--fw-semibold);
  font-size: var(--text-sm);
  border-left: 3px solid transparent;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.admin-nav__links a:hover {
  background: #f8f9fa;
  color: var(--admin-accent);
  border-left-color: var(--admin-accent);
  
}

.admin-nav__links a:focus-visible {
  outline: 2px solid var(--admin-accent);
  outline-offset: -2px;
  background: #f8f9fa;
}

.admin-nav__section .admin-nav__links li,
.admin-nav__dropdown li {
  list-style: none;
  border-bottom: 1px solid rgb(227, 227, 227); /* Sicherheitsnetz */
}
.admin-nav__dropdown li a:hover{  text-decoration: none;color: #495057;}
.admin-nav__section .admin-nav__links li:last-child,
.admin-nav__dropdown li:last-child {
  border-bottom: none;
}

/* =========================================================
   7) DROPDOWN MENU - BASE
========================================================= */
.admin-nav__item {
  position: relative;
}

.admin-nav__dropdown {
  position: absolute;
  bottom: calc(var(--bar-h) + 0px); /* EIN Fixpunkt */
  left: 50%;
  transform: translateX(-50%);
  min-width: 220px;
  padding: 0.5rem 0; 
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px); 
  background: rgba(255, 255, 255, 0.90); 
  border-radius: 6px;
  box-shadow: 0 -8px 28px rgba(0, 0, 0, .18);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease;
  z-index: 1300;
  list-style: none; /* entfernt die Punkte */
  margin: 0; /* entfernt Browser-Default */
}

/* Dropdown standard bleibt zu */
.admin-nav__dropdown {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Öffnen: Desktop (Hover) ODER iPhone (Tap -> Focus) */
.admin-nav__item--has-dropdown:hover .admin-nav__dropdown,
.admin-nav__item--has-dropdown:focus-within .admin-nav__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (hover: hover) {
  .admin-nav__item--has-dropdown:hover .admin-nav__dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

@media (hover: hover) {
  .admin-nav__item--has-dropdown:hover .admin-nav__dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
  }
}

/* =========================================================
   8) DROPDOWN PFEIL
========================================================= */
/* ▼ Pfeil immer exakt über dem Menü-Item */
.admin-nav__item--has-dropdown::after {
  content: "";
  position: absolute;
  bottom: calc(var(--bar-h) + -8px); /* genau über der Footer-Bar */
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(255, 255, 255, 0.867);
  opacity: 0;
  pointer-events: none;
  transition: opacity .10s ease;
  z-index: 1301;
}

@media (hover: hover) {
  .admin-nav__item--has-dropdown:hover::after {
    opacity: 1;
  }
}

/* =========================================================
   9) DROPDOWN LINKS
========================================================= */
.admin-nav__dropdown a {
  display: flex;
  align-items: center;
  gap: .75rem;
  cursor: pointer;
  padding: .45rem 1.1rem;
  text-decoration: none;
  color: #2a4057;
  font-weight: var(--fw-bold);
  font-size: var(--text-sm);
  white-space: nowrap;
  transition: background .15s ease, color .15s ease;
  text-align: left;
}

.admin-nav__dropdown a i {
  font-size: var(--text-base);
  color: var(--admin-muted);
  transition: transform .15s ease, color .15s ease;
}

.admin-nav__dropdown a:hover {
  background: rgba(212, 233, 255, 0.553);
  color: #2a4057;
  transition: opacity 0.04s ease;
}

.admin-nav__dropdown a:hover i {
  color: var(--admin-accent);
  transform: scale(1.06);
}

.admin-nav__dropdown a:focus-visible {
  outline: 2px solid var(--admin-accent);
  outline-offset: -2px;
  background: #f8f9fa;
}

/* Dropdown Links – dynamische Umbrüche für Hafennamen */
.admin-nav__dropdown_hafenname a {
  white-space: normal !important; /* Umbruch erlauben */
  word-break: break-word !important; ; /* lange Wörter umbrechen */
  line-height: var(--lh-normal); /* ruhiger Zeilenabstand */
  text-align: left;
}

/* =========================================================
   10) DROPDOWN POSITIONING - SPEZIFISCHE ITEMS
========================================================= */
/* Item 1 -> Pfeil links */
.admin-nav__bar-list>li:nth-child(1) .admin-nav__dropdown::after {
  left: 28px;
  transform: translateX(0);
}

/* Item 3 -> Dropdown + Pfeil rechts */
.admin-nav__bar-list>li:nth-child(3) .admin-nav__dropdown::after {
  left: auto;
  right: 28px;
  transform: translateX(0);
}
/* =========================================================
 10A)  ANBIETER
========================================================= */
.admin-nav__bar-list>li:nth-child(2)>.admin-nav__dropdown {
  bottom: calc(var(--bar-h) + 1px);
}
.admin-nav__bar-list>li:nth-child(3)>.admin-nav__dropdown {
  bottom: calc(var(--bar-h) + 0px);
}

.admin-nav__dropdown > li.logout a i,
.admin-nav__dropdown li.recht_logout.logout{
  background: var(--border-color-alert-error);
  color: var(--color-alert-error) !important;
}

/* Hover */
.admin-nav__dropdown > li.logout a:hover i,
.admin-nav__dropdown > li.logout a:hover{
  background: var(--color-alert-error) !important;
  color: var(--border-color-alert-error) !important;
}


/* Mobile (Default): Dropdown rechts halten */
.admin-nav.anbieter_rolle .admin-nav__bar-list > li:nth-child(3) .admin-nav__dropdown {
  right: auto;
  left: 8px;
  right: var(--safe-x);
  transform: translateY(10px);
}


.admin-nav.anbieter_rolle .admin-nav__bar-list>li:nth-child(3)>.admin-nav__dropdown {
  bottom: calc(var(--bar-h) + 10px);
}

@media (min-width: 992px) {
.admin-nav.anbieter_rolle .admin-nav__bar-list > li:nth-child(3) .admin-nav__dropdown {
    left: -17%;
  }
  
}

@media (max-width:575.98px){
  .admin-nav.admin_rolle .admin-nav__bar-list>li:nth-child(2)>.admin-nav__dropdown {
    bottom: calc(var(--bar-h) + 1px);
    left: 110px;
  
  }
}

.admin-nav.anbieter_rolle .admin-nav__bar-list>li:nth-child(3) .admin-nav__drop[open] .admin-nav__dropdown {
  transform: translateX(0) translateY(0);
}


.admin-nav.anbieter_rolle .admin-nav__bar-list>li:nth-child(3) .admin-nav__drop[open] .admin-nav__dropdown {
  transform: translateX(0) translateY(0);
}




.admin-nav.gast_rolle .admin-nav__bar-list>li:nth-child(2) .admin-nav__drop[open] .admin-nav__dropdown {
  transform: translateX(0) translateY(0);
}

/* =========================================================
   11) PANEL WIDTH OVERRIDE
========================================================= */
.admin-nav__panel{
  width:clamp(300px, 45vw, 45%);
}

/* =========================================================
   12) TEXT LINK & LOGOUT BUTTON
========================================================= */
.admin-nav__text-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: var(--fw-semibold);
  font-size: var(--text-sm);
  color: var(--admin-accent);
  text-decoration: none;
}

.admin-nav__text-link:hover {
  text-decoration: underline;
}

/* Logout-Button */
.admin-nav__panel a.nav-logout,
.admin-nav__panel .logout a{
  display: flex;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  max-width: 190px;
  padding: 0.55rem 1.1rem;
  border-radius: 999px;
  text-decoration: none;
  border: none;
  margin: auto;
  background: #dc3545; /* Rot */
  color: #ffffff;
  font-weight: var(--fw-semibold);
  font-size: var(--text-sm);
  box-shadow: 0 6px 12px rgba(220, 53, 69, 0.45);
}
.admin-nav__panel a.nav-logout:hover,
.admin-nav__panel .logout a:hover {
  background: #c82333;
  color: #ffffff;
  box-shadow: 0 6px 14px rgba(220, 53, 69, 0.55);
}

/* =========================================================
   14) DESKTOP (min-width: 992px)
========================================================= */
@media (min-width: 992px) {
  /* "Mehr" im Footer ausblenden (ist nur Mobile nötig) */
  .admin-nav__bar-list>li.mehr {
    display: none;
  }

  /* Backdrop/Toggle/Close auf Desktop deaktivieren */
  .admin-nav__backdrop {
    display: none;
  }

  .admin-nav__toggle {
    display: none;
  }

  .admin-nav__close {
    display: none;
  }

  /* Body: Platz für Bar + dauerhaftes Panel darüber */
  body.has-admin-nav {
    padding-bottom: calc(var(--bar-h) + 260px);
  }

  .admin-nav__panel {
    position: fixed;
    left: 0;
    right: 0;
    top: auto;
    bottom: var(--bar-h);
    width: 100%;
    height: 260px;
    max-height: calc(100vh - var(--bar-h));
    transform: none !important;
    box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.18);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    z-index: 1198;
  }

  /* Panel-Header auf Desktop weg (spart Platz, alles bleibt sichtbar) */
  .admin-nav__panel-head {
    display: none;
  }

  /* Panel-Footer optional weg */
  .admin-nav__panel-foot {
    display: none;
  }

  /* Inhalt kompakt & in Spalten, damit "alles sichtbar" ist */
  .admin-nav__panel-body {
    padding: 0.75rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    align-content: start;
    overflow: auto;
  }

  .admin-nav__section {
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    overflow: hidden;
  }

  .admin-nav__section-title {
    padding: 0.6rem 0.8rem;
    font-size: var(--text-2xs);
  }

  .admin-nav__links a {
    padding: 0.55rem 0.8rem;
    font-size: var(--text-sm);
    border-left: none;
  }

  /* Offcanvas nur Mobile */
  .admin-nav__toggle,
  .admin-nav__backdrop,
  .admin-nav__panel {
    display: none;
  }

  /* Body braucht nur Platz für Footer-Bar */
  body.has-admin-nav {
    padding-bottom: var(--bar-h);
  }

  /* Mehr Items -> kleinere Breite pro Item */
  .admin-nav__bar-list>li {
    flex: 1 1 auto;
  }
}

/* =========================================================
   13) MOBILE VISIBILITY Gast (max-width: 991px)
========================================================= */
@media (max-width: 991px) {
  /* Items 1, 2, 7 ausblenden */
  .admin-nav.gast_rolle .admin-nav__bar-list>li:nth-child(1),
  .admin-nav.gast_rolle .admin-nav__bar-list>li:nth-child(2),
  .admin-nav.gast_rolle .admin-nav__bar-list>li:nth-child(6) {
    display: block !important;
  }

  /* "Mehr" Button (last-child) anzeigen */
  .admin-nav.gast_rolle .admin-nav__bar-list>li:last-child {
    display: block;
  }
}

/* =========================================================
   13) MOBILE VISIBILITY Anbieter (max-width: 991px)
========================================================= */
@media (max-width: 991px) {
  /* Items 1, 2, 7 ausblenden */
  .admin-nav.anbieter_rolle .admin-nav__bar-list>li:nth-child(1),
  .admin-nav.anbieter_rolle .admin-nav__bar-list>li:nth-child(2),
  .admin-nav.anbieter_rolle .admin-nav__bar-list>li:nth-child(7) {
    display: none;
  }

  /* "Mehr" Button (last-child) anzeigen */
  .admin-nav.anbieter_rolle .admin-nav__bar-list>li:last-child {
    display: block;
  }
}



/* =========================================================
   BELL SYSTEM MESSAGE (max-width: 991px)
========================================================= */
@media (max-width: 991px) {
  /* Items 1, 2, 7 ausblenden */
  .admin-nav.admin_rolle .admin-nav__bar-list>li:nth-child(1),
  .admin-nav.admin_rolle .admin-nav__bar-list>li:nth-child(6) {
    display: none;
  }

  /* "Mehr" Button (last-child) anzeigen */
  .admin-nav.admin_rolle .admin-nav__bar-list>li:last-child {
    display: block;
  }
}
li.mehr {
    margin-top: 7px;
}
 /* Anker: <a> im Menü */
li a{
  position: relative;
}

li a{
  position:relative;
}

.bg-warning{
  background-color:var(--admin-accent) !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus{
  background-color:var(--admin-accent) !important;
  color:#fff;
}

/* Basis für beide Bells */
.admin-nav__bar-link .alert.bell{
  position:absolute;
  top:-10px;
  right:-12px;
}

/* Erste Bell (vorn) */
.admin-nav__bar-link .alert.bell.bg-warning{
  z-index:1;
}

/* Zweite Bell (leicht versetzt dahinter) */
.admin-nav__bar-link .alert.bell.bg_re{
  top:-3px;          /* etwas nach unten */
  right:-9px;      /* etwas nach rechts */
  z-index:2;        /* hintere Ebene */
  opacity:.95;      /* minimal absetzen */
}
.bg_re,
.bg-danger{
  background-color:#dc3545 !important;
}

.alert.bell{
  position:absolute;
  top:-10px;
  right:-12px;
  width:26px;
  height:26px;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#fff;
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  box-shadow:0 8px 18px rgba(0,0,0,.35),0 2px 5px rgba(0,0,0,.25);
  z-index:99;
  pointer-events:none;
  animation:ios-badge-pop .22s ease-out;
}

.alert.bell i{
  font-size: var(--text-xs);
  line-height: var(--lh-none);
  color:#fff !important;
}

a:hover .alert.bell i,
a:focus .alert.bell i{
  color:#fff !important;
}

@keyframes ios-badge-pop{
  0%{transform:scale(0);opacity:0}
  70%{transform:scale(1.15);opacity:1}
  100%{transform:scale(1);opacity:1}
}

/* template/css/500_wm.css */

/* ============================================================
   wm2026.css — WM 2026 Landingpage
   miet-boot.de
   ──────────────────────────────────────────────────────────
   Alle Regeln gescoped auf .page-wm2026
   Greift NUR wenn das Hauptelement .page-wm2026 hat
   ============================================================ */

/* ============================================================
   TOKEN OVERRIDES
   ============================================================ */

.page-wm2026 {
  --brand-orange:               #2d9e4f;
  --brand-orange-hover:         #247d3f;
  --brand-orange-fade:          rgba(45,158,79,0.10);
  --brand-blue-light:           #2d9e4f;
  --btn-primary-bg:             #2d9e4f;
  --btn-primary-hover:          #247d3f;
  --btn-primary-text:           #ffffff;
  --btn-warning-bg:             #2d9e4f;
  --btn-warning-hover:          #247d3f;
  --btn-warning-text:           #ffffff;
  --btn-info-bg:                #2d9e4f;
  --btn-info-hover:             #247d3f;
  --btn-ghost-text:             #2d9e4f;
  --btn-ghost-hover-bg:         rgba(45,158,79,0.10);
  --hero-accent-orange:         #2d9e4f;
  --hero-badge-primary-bg:      #2d9e4f;
  --hero-badge-primary-text:    #ffffff;
  --link-primary:               #2d9e4f;
  --link-primary-hover:         #247d3f;
  --body-font-link-color:       #2d9e4f;
  --body-font-link-hover-color: #247d3f;
  --body-main-btn-color:        #2d9e4f;
  --card-main-color:            #2d9e4f;
  --card-orange-color:          #2d9e4f;
  --tab-accent:                 #2d9e4f;
  --bs-input-border-focus:      #2d9e4f;
  --select-border-focus:        #2d9e4f;
  --route-accent:               #2d9e4f;
}

/* ============================================================
   HERO SPLIT
   ============================================================ */

.page-wm2026 .hero-wm-split {
     background-color: #1a5c30;
     background-size: cover;
     background-position: right center;
     background-repeat: no-repeat;
     min-height: var(--hero-height-lg);
     display: flex;
     align-items: center;
     overflow: hidden;
     position: relative;
   }
   
   .page-wm2026 .hero-wm-split::after {
     content: '';
     position: absolute;
     inset: 0;
     background: radial-gradient(
       circle at 0% 0%,
       rgba(79, 246, 79, 0.38) 0%,
       transparent 45%
     );
     z-index: 1;
     pointer-events: none;
   }

.page-wm2026 .hero-wm-split::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    #1a5c30             0%,
    #1a5c30             28%,
    rgba(26,92,48,0.80) 40%,
    rgba(26,92,48,0.10) 55%,
    transparent         65%
  );
  z-index: 1;
  pointer-events: none;
}

.page-wm2026 .hero-wm-split .container-fluid {
  position: relative;
  z-index: 2;
}

@media (min-width: 1200px) {
  .page-wm2026 .hero-wm-split { min-height: var(--hero-height-xl); }
}

@media (max-width: 991px) {
  .page-wm2026 .hero-wm-split { background-image: none !important; }
}

.page-wm2026 .hero-wm-text {
  padding: 3rem 2rem 3rem 3rem;
  position: relative;
  z-index: 2;
}

.page-wm2026 .hero-wm-text h1 {
  font-size: var(--text-fluid-title);
  font-weight: var(--fw-extrabold);
  color: var(--hero-text-strong);
  line-height: var(--lh-tight);
  margin-bottom: 1.25rem;
}
.page-wm2026 p.h3,
.page-wm2026 .hero-wm-text h1 span {
  color:#ffd449 !important;
}

.page-wm2026 .hero-wm-text p {
  color: var(--hero-text-light);
  font-size: var(--text-md);
  line-height: var(--lh-prose);
}

.page-wm2026 .hero-wm-text .cat-badge {
  position: static;
  display: inline-block;
  margin-bottom: 1.25rem;
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  padding: .35rem 1rem;
  border-radius: var(--radius-sm);
}

@media (max-width: 991px) {
  .page-wm2026 .hero-wm-text {
    padding: 2.5rem 1.5rem;
    text-align: left;
  }
}

/* ============================================================
   STATS-BAND
   ============================================================ */

.page-wm2026 .stats-band {
  background: #1a5c30;
  padding: 1.5rem 0;
  border-top: 1px solid green;
}

.page-wm2026 .stat-item {
  text-align: center;
  padding: .75rem 1rem;
  border-right: 1px solid rgba(255,255,255,0.08);
}

.page-wm2026 .stat-item:last-child {
  border-right: none;
}

.page-wm2026 .stat-number {
  display: block;
  font-size: var(--text-3xl);
  font-weight: var(--fw-extrabold);
  color: var(--hero-accent-orange);
  line-height: var(--lh-none);
}

.page-wm2026 .stat-label {
  display: block;
  font-size: var(--text-xs);
  color: var(--hero-text-light);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: .3rem;
}

@media (max-width: 767px) {
  .page-wm2026 .stat-item {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }
  .page-wm2026 .stat-item:last-child {
    border-bottom: none;
  }
}

/* ============================================================
   SECTION LABEL
   ============================================================ */

.page-wm2026 .section-label {
  display: block;
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #2d9e4f;
  margin-bottom: .5rem;
}

/* ============================================================
   WHY-CARDS
   ============================================================ */

.page-wm2026 .why-card {
  background: var(--card-bg);
  border: 1px solid var(--card-border-color);
  border-radius: var(--card-radius);
  padding: 2rem 1.75rem;
  height: 100%;
  transition: var(--card-transition);
  box-shadow: var(--card-shadow);
}

.page-wm2026 .why-card:hover {
  box-shadow: var(--card-shadow-hover);
  transform: translateY(-4px);
}

.page-wm2026 .why-card .icon-wrap {
  width: 52px;
  height: 52px;
  background: var(--bg-lighter);
  border-radius: var(--border-radius-50);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-xl);
  margin-bottom: 1.25rem;
}

.page-wm2026 .why-card h3 {
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  color: var(--card-text-color);
  margin-bottom: .5rem;
}

.page-wm2026 .why-card p {
  font-size: var(--text-sm);
  color: var(--body-font-color);
  line-height: var(--lh-prose);
  margin-bottom: 0;
}

/* ============================================================
   STEPS
   ============================================================ */

.page-wm2026 .steps-bg {
  background: var(--body-bg-200);
}

.page-wm2026 .step-item {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  margin-bottom: 2rem;
}

.page-wm2026 .step-number {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  background: #2d9e4f;
  color: var(--bg-white);
  border-radius: var(--border-radius-50);
  font-size: var(--text-md);
  font-weight: var(--fw-extrabold);
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-wm2026 .step-content h4 {
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  color: var(--card-text-color);
  margin-bottom: .35rem;
}

.page-wm2026 .step-content p {
  font-size: var(--text-sm);
  color: var(--body-font-color);
  line-height: var(--lh-prose);
  margin-bottom: 0;
}

/* ============================================================
   VISUAL TEASER
   ============================================================ */

.page-wm2026 .visual-teaser {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-overlay);
  position: relative;
}

.page-wm2026 .visual-teaser img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  display: block;
}

.page-wm2026 .visual-teaser .overlay-badge {
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  background: var(--overlay-darker);
  color: var(--hero-text-strong);
  border-radius: var(--radius-sm);
  padding: .5rem 1rem;
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  backdrop-filter: var(--glass-blur-soft);
}

/* ============================================================
   FEATURE CHIPS / BADGES
   ============================================================ */

.page-wm2026 .feature-chip {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: var(--card-bg);
  border: 1px solid rgba(45,158,79,0.25);
  border-radius: var(--border-radius-50);
  padding: .4rem 1rem;
  font-size: var(--text-sm);
  color: var(--card-text-color);
  font-weight: var(--fw-medium);
  box-shadow: var(--shadow-card-sm);
}

/* ============================================================
   CTA SECTION
   ============================================================ */

.page-wm2026 .cta-section {
  background: linear-gradient(135deg, #1a5c30 0%, #2d9e4f 100%);
  color: var(--hero-text-strong);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.page-wm2026 .cta-section::before {
  content: '⚽';
  position: absolute;
  font-size: 18rem;
  opacity: .04;
  top: -3rem;
  right: -3rem;
  line-height: 1;
  pointer-events: none;
}

.page-wm2026 .cta-section h2 {
  font-size: var(--text-4xl);
  font-weight: var(--fw-extrabold);
  color: var(--hero-text-strong);
  line-height: var(--lh-tight);
  margin-bottom: 1rem;
}

.page-wm2026 .cta-section p {
  font-size: var(--text-md);
  color: var(--hero-text-light);
  max-width: 560px;
  margin: 0 auto 2rem;
  line-height: var(--lh-prose);
}

.page-wm2026 .cta-note {
  font-size: var(--text-xs);
  color: rgba(255,255,255,.5);
  margin-top: 1rem;
  margin-bottom: 0;
}

/* ============================================================
   FAQ
   ============================================================ */

.page-wm2026 .faq-item {
  border-bottom: 1px solid var(--card-border-color);
  padding: 1.5rem 0;
}

.page-wm2026 .faq-item:last-child {
  border-bottom: none;
}

.page-wm2026 .faq-item h4 {
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  color: var(--card-text-color);
  margin-bottom: .5rem;
}

.page-wm2026 .faq-item p {
  font-size: var(--text-sm);
  color: var(--body-font-color);
  line-height: var(--lh-prose);
  margin-bottom: 0;
}

/* ============================================================
   TEXT-SECTION MIT HERO-BG
   ============================================================ */

.page-wm2026 .section-text-bg {
  background-color: #1a5c30;
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  position: relative;
}

.page-wm2026 .section-text-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    #1a5c30             0%,
    #1a5c30             28%,
    rgba(26,92,48,0.80) 40%,
    rgba(26,92,48,0.10) 55%,
    transparent         65%
  );
  z-index: 0;
  pointer-events: none;
}

.page-wm2026 .section-text-bg .container-fluid {
  position: relative;
  z-index: 1;
}

.page-wm2026 .section-text-bg-content .cat-badge {
  position: static;
  display: inline-block;
  margin-bottom: 1.25rem;
}

.page-wm2026 .section-text-bg-content h2,
.page-wm2026 .section-text-bg-content h3 {
  color: var(--hero-text-strong);
}

.page-wm2026 .section-text-bg-content p,
.page-wm2026 .section-text-bg-content li {
  color: var(--hero-text-light);
}

.page-wm2026 .section-text-bg-content a {
  color: var(--hero-accent-orange);
}

.page-wm2026 .section-text-bg-content strong {
  color: var(--hero-text-strong);
}

/* ============================================================
   ANZEIGEN-SECTION
   ============================================================ */

.page-wm2026 .section-anzeigen {
  background-color: #1a5c30;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.page-wm2026 .section-anzeigen::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.62);
  z-index: 0;
  pointer-events: none;
}

.page-wm2026 .section-anzeigen .container-fluid {
  position: relative;
  z-index: 1;
}

.page-wm2026 .section-anzeigen h3,
.page-wm2026 .section-anzeigen .section-label {
  position: relative;
  z-index: 2;
}

.page-wm2026 .section-anzeigen .section-label {
  color: rgba(255,255,255,0.7);
}

/* ============================================================
   WM SECTION TITLE
   ============================================================ */

.page-wm2026 .wm-section-title {
  display: inline-block;
  background: #1a5c30;
  border: 2px solid var(--bg-white);
  border-radius: var(--border-radius-6);
  padding: .75rem 2rem;
}

.page-wm2026 .wm-section-title .section-label {
  color: rgba(255,255,255,0.75);
}

.page-wm2026 .wm-section-title h3 {
  color: var(--bg-white);
  margin-bottom: 0;
}

.page-wm2026 .wm-section-title h3 span {
  font-size: var(--text-sm);
  opacity: .75;
  color: rgb(241,193,49) !important;
}

/* ============================================================
   CARDS IM WM-LOOK
   ============================================================ */

.page-wm2026 .section-anzeigen .card {
  border: 2px solid #ffffff !important;
  border-radius: var(--radius-md) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.35) !important;
  transition: var(--card-transition);
}

.page-wm2026 .section-anzeigen .card:hover {
  border-color: #2d9e4f !important;
  box-shadow: 0 8px 30px rgba(255,243,82,0.317) !important;
  transform: translateY(-4px);
}

/* ============================================================
   FOOTER CTA BAR
   ============================================================ */

.page-wm2026 .footer-cta-bar {
  background: var(--bg-lighter);
  border-top: 1px solid rgba(45,158,79,0.2);
  padding: 2.5rem 0;
  text-align: center;
}

.page-wm2026 .footer-cta-bar p {
  color: var(--body-font-color);
  margin-bottom: 1rem;
  font-size: var(--text-base);
}