/* ============================================================================================
   harzspots.css - gemeinsames Stylesheet für Harzspots, Heidespots und Harzpartner
   (zusammen mit plugins.css). Enthält: Harzspots-Design (ehem. core.css), Trumbowyg-Zähler,
   Leaflet, Karten-Container (ehem. map.css). Harzjobs nutzt diese Datei NICHT (eigene harzjobs.css).
   ============================================================================================ */

/* ---- Harzspots-Design (ehem. core.css / core-min.css) ---- */
@charset "UTF-8";

body {
    overflow-x: hidden;
}

.row {
    align-content: flex-start;
}

/* default styles for extension "tx_stbase" */
textarea.f3-form-error {
    background-color: #ff9f9f;
    border: 1px #ff0000 solid;
}

input.f3-form-error {
    background-color: #ff9f9f;
    border: 1px #ff0000 solid;
}

.tx-st-base table {
    border-collapse: separate;
    /* border-spacing: 10px;*/
}

.tx-st-base table th {
    font-weight: bold;
}

.tx-st-base table td {
    vertical-align: top;
}

.typo3-messages .message-error {
    color: red;
}

.typo3-messages .message-ok {
    color: green;
}

/* Form style update */
.form-check-input:checked[type='radio'] {
    border-color: #62c462;
}

/* Custom style */
/*                      Att     Unt     Gas       S        D       K       E       V       Service BLOG
Grundfarben / Akzente   #009245 #8cc63f #f7931e #ed1c24 #93003c #ff00ff #662d91 #0000ff #00d2ff #c69c6d
Menü & Buttons          #80c9a2 #c6e39f #fbc98f #f68e92 #c97f9d #ff80ff #b396c8 #8080ff #9feeff #e3ceb6
Hintergrund             #d4ede0 #ecf5df #feedd9 #fcd9da #e9ccd8 #ffd4ff #e5dcec #d4d4ff #d1f7ff #f5eee6
*/

/*#region BASE*/
.footer {
    max-width: 112.5rem;
    margin: 0 auto;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-style: none !important;
}

.cssMainContent {
    margin: 3rem 0 2rem 0 !important;
}

.jumbotron {
    padding: 0 !important;
    margin: 0 0 1rem 0 !important;
}

#cookie-consent {
    font-family: sans-serif !important;
}

.cookie-consent-container {
    font-family: sans-serif !important;
}

.def-content {
    padding: 0 0 0 0.188rem;
    display: inline-block;
}

.equip-container {
    font-size: 3rem;
}

@media (min-width: 106.25rem) {
    .maxcontent {
        min-width: 104rem;
    }

    .le-big-container {
        min-width: 50rem;
    }
}

/*#endregion*/

/*#region partnerlogo vcard icon usw.*/
.spot-maintitle {
    height: 6rem;
    display: inline-block;
}

.spot-maintitle>h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 2rem;
}

.partnerlogo {
    height: 100%;
    max-height: 6rem;
    max-width: 400px;
    float: right;
    width: auto;
}

.vcard-icon {
    height: 3rem;
}

/*#endregion*/

/*#region btn config */
.btn-catcolor {
    border-color: transparent;
    color: #000000;
}

.btn-catcolor:hover {
    border-color: transparent;
}

/*#endregion*/

/*#region Category Filter Colors*/

.filter-catcolor-D-strong {
    filter: invert(12%) sepia(46%) saturate(6383%) hue-rotate(323deg) brightness(85%) contrast(111%);
}

.filter-catcolor-D {
    filter: invert(68%) sepia(35%) saturate(652%) hue-rotate(293deg) brightness(85%) contrast(82%);
}

.filter-catcolor-D-soft {
    filter: invert(97%) sepia(32%) saturate(1064%) hue-rotate(246deg) brightness(103%) contrast(82%);
}


.filter-catcolor-A-strong {
    filter: invert(27%) sepia(99%) saturate(3225%) hue-rotate(142deg) brightness(96%) contrast(101%);
}

.filter-catcolor-A {
    filter: invert(85%) sepia(12%) saturate(1038%) hue-rotate(93deg) brightness(87%) contrast(83%);
}

.filter-catcolor-A-soft {
    filter: invert(97%) sepia(5%) saturate(670%) hue-rotate(84deg) brightness(95%) contrast(95%);
}

.filter-catcolor-U-strong {
    filter: invert(71%) sepia(26%) saturate(1016%) hue-rotate(43deg) brightness(98%) contrast(82%);
}

.filter-catcolor-U {
    filter: invert(93%) sepia(18%) saturate(634%) hue-rotate(29deg) brightness(93%) contrast(91%);
}

.filter-catcolor-U-soft {
    filter: invert(96%) sepia(17%) saturate(213%) hue-rotate(26deg) brightness(99%) contrast(95%);
}

.filter-catcolor-G-strong {
    filter: invert(77%) sepia(27%) saturate(5897%) hue-rotate(344deg) brightness(98%) contrast(99%);
}

.filter-catcolor-G {
    filter: invert(100%) sepia(54%) saturate(5122%) hue-rotate(301deg) brightness(109%) contrast(97%);
}

.filter-catcolor-G-soft {
    filter: invert(87%) sepia(4%) saturate(2124%) hue-rotate(326deg) brightness(112%) contrast(99%);
}

.filter-catcolor-S-strong {
    filter: invert(11%) sepia(89%) saturate(7003%) hue-rotate(354deg) brightness(112%) contrast(86%);
}

.filter-catcolor-S {
    filter: invert(68%) sepia(5%) saturate(3399%) hue-rotate(308deg) brightness(96%) contrast(101%);
}

.filter-catcolor-S-soft {
    filter: invert(74%) sepia(26%) saturate(379%) hue-rotate(309deg) brightness(119%) contrast(97%);
}

.filter-catcolor-K-strong {
    filter: invert(14%) sepia(97%) saturate(5360%) hue-rotate(299deg) brightness(122%) contrast(116%);
}

.filter-catcolor-K {
    filter: invert(70%) sepia(54%) saturate(2114%) hue-rotate(250deg) brightness(104%) contrast(102%);
}

.filter-catcolor-K-soft {
    filter: invert(94%) sepia(46%) saturate(2992%) hue-rotate(196deg) brightness(105%) contrast(104%);
}

.filter-catcolor-E-strong {
    filter: invert(20%) sepia(31%) saturate(4619%) hue-rotate(259deg) brightness(92%) contrast(91%);
}

.filter-catcolor-E {
    filter: invert(81%) sepia(5%) saturate(3185%) hue-rotate(218deg) brightness(78%) contrast(102%);
}

.filter-catcolor-E-soft {
    filter: invert(95%) sepia(12%) saturate(699%) hue-rotate(197deg) brightness(96%) contrast(92%);
}

.filter-catcolor-V-strong {
    filter: invert(9%) sepia(100%) saturate(6479%) hue-rotate(246deg) brightness(93%) contrast(145%);
}

.filter-catcolor-V {
    filter: invert(49%) sepia(90%) saturate(3016%) hue-rotate(219deg) brightness(109%) contrast(101%);
}

.filter-catcolor-V-soft {
    filter: invert(72%) sepia(6%) saturate(1579%) hue-rotate(202deg) brightness(114%) contrast(106%);
}

.filter-catcolor-BLOG-strong {
    filter: invert(64%) sepia(58%) saturate(277%) hue-rotate(351deg) brightness(91%) contrast(86%);
}

.filter-catcolor-BLOG {
    filter: invert(90%) sepia(15%) saturate(474%) hue-rotate(340deg) brightness(94%) contrast(89%);
}

.filter-catcolor-BLOG-soft {
    filter: invert(99%) sepia(60%) saturate(763%) hue-rotate(294deg) brightness(107%) contrast(92%);
}

.filter-catcolor-grey {
    filter: invert(100%) sepia(4%) saturate(221%) hue-rotate(186deg) brightness(112%) contrast(87%);
}

.filter-catcolor-white {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(5deg) brightness(102%) contrast(102%);
}

/*#endregion*/

/*#region Category Colors*/
.base-catcolor-A {
    background-color: #009245;
}

.btn-catcolor-A {
    background-color: #80c9a2;
}

.btn-catcolor-A:hover {
    background-color: #009245;
}

.bg-catcolor-A {
    background-color: #d4ede0;
}

.base-catcolor-U {
    background-color: #8cc63f;
}

.btn-catcolor-U {
    background-color: #c6e39f;
}

.btn-catcolor-U:hover {
    background-color: #8cc63f;
}

.bg-catcolor-U {
    background-color: #ecf5df;
}

.base-catcolor-G {
    background-color: #f7931e;
}

.btn-catcolor-G {
    background-color: #fbc98f;
}

.btn-catcolor-G:hover {
    background-color: #f7931e;
}

.bg-catcolor-G {
    background-color: #feedd9;
}

.base-catcolor-S {
    background-color: #ed1c24;
}

.btn-catcolor-S {
    background-color: #f68e92;
}

.btn-catcolor-S:hover {
    background-color: #ed1c24;
}

.bg-catcolor-S {
    background-color: #fcd9da;
}

.base-catcolor-D {
    background-color: #93003c;
}

.btn-catcolor-D {
    background-color: #c97f9d;
}

.btn-catcolor-D:hover {
    background-color: #93003c;
}

.bg-catcolor-D {
    background-color: #e9ccd8;
}

.base-catcolor-K {
    background-color: #ff00ff;
}

.btn-catcolor-K {
    background-color: #ff80ff;
}

.btn-catcolor-K:hover {
    background-color: #ff00ff;
}

.bg-catcolor-K {
    background-color: #ffd4ff;
}

.base-catcolor-E {
    background-color: #662d91;
}

.btn-catcolor-E {
    background-color: #b396c8;
}

.btn-catcolor-E:hover {
    background-color: #662d91;
}

.bg-catcolor-E {
    background-color: #e5dcec;
}

.base-catcolor-V {
    background-color: #0000ff;
}

.base-catcolor-V.list-filter-container {
    color: #fff;
}

.btn-catcolor-V {
    background-color: #8080ff;
}

.btn-catcolor-V:hover {
    background-color: #0000ff;
}

.bg-catcolor-V {
    background-color: #d4d4ff;
}

.base-catcolor-SERVICE {
    background-color: #00d2ff;
}

.btn-catcolor-SERVICE {
    background-color: #9feeff;
}

.btn-catcolor-SERVICE:hover {
    background-color: #00d2ff;
}

.bg-catcolor-SERVICE {
    background-color: #d1f7ff;
}

.base-catcolor-BLOG {
    background-color: #c69c6d;
}

.btn-catcolor-BLOG {
    background-color: #e3ceb6;
}

.btn-catcolor-BLOG:hover {
    background-color: #c69c6d;
}

.bg-catcolor-BLOG {
    background-color: #f5eee6;
}

.base-catcolor-PB {
    background-color: #999;
}

.btn-catcolor-PB {
    background-color: #999;
}

.btn-catcolor-PB:hover {
    background-color: #999;
}

.bg-catcolor-PB {
    background-color: #999;
}

/*#endregion*/

/*#region Font color Kategorie */

.font-catcolor-A-strong {
    color: #009245 !important;
}

.font-catcolor-A {
    color: #80c9a2 !important;
}

.font-catcolor-A:hover {
    color: #009245 !important;
}

.font-catcolor-A-soft {
    color: #d4ede0 !important;
}

.font-catcolor-U-strong {
    color: #8cc63f !important;
}

.font-catcolor-U {
    color: #c6e39f !important;
}

.font-catcolor-U:hover {
    color: #8cc63f !important;
}

.font-catcolor-U-soft {
    color: #ecf5df !important;
}

.font-catcolor-G-strong {
    color: #f7931e !important;
}

.font-catcolor-G {
    color: #fbc98f !important;
}

.font-catcolor-G:hover {
    color: #f7931e !important;
}

.font-catcolor-G-soft {
    color: #feedd9 !important;
}

.font-catcolor-S-strong {
    color: #ed1c24 !important;
}

.font-catcolor-S {
    color: #f68e92 !important;
}

.font-catcolor-S:hover {
    color: #ed1c24 !important;
}

.font-catcolor-S-soft {
    color: #fcd9da !important;
}

.font-catcolor-D-strong {
    color: #93003c !important;
}

.font-catcolor-D {
    color: #c97f9d !important;
}

.font-catcolor-D:hover {
    color: #93003c !important;
}

.font-catcolor-D-soft {
    color: #e9ccd8 !important;
}

.font-catcolor-K-strong {
    color: #ff00ff !important;
}

.font-catcolor-K {
    color: #ff80ff !important;
}

.font-catcolor-K:hover {
    color: #ff00ff !important;
}

.font-catcolor-K-soft {
    color: #ffd4ff !important;
}

.font-catcolor-E {
    color: #b396c8 !important;
}

.font-catcolor-E-strong {
    color: #662d91 !important;
}

.font-catcolor-E:hover {
    color: #662d91 !important;
}

.font-catcolor-E-soft {
    color: #e5dcec !important;
}

.font-catcolor-V-strong {
    color: #0000ff !important;
}

.font-catcolor-V {
    color: #8080ff !important;
}

.font-catcolor-V:hover {
    color: #0000ff !important;
}

.font-catcolor-V-soft {
    color: #d4d4ff !important;
}

.font-catcolor-SERVICE-strong {
    color: #00d2ff !important;
}

.font-catcolor-SERVICE {
    color: #9feeff !important;
}

.font-catcolor-SERVICE:hover {
    color: #00d2ff !important;
}

.font-catcolor-SERVICE-soft {
    color: #d1f7ff !important;
}

.font-catcolor-BLOG-strong {
    color: #c69c6d !important;
}

.font-catcolor-BLOG {
    color: #e3ceb6 !important;
}

.font-catcolor-BLOG:hover {
    color: #c69c6d !important;
}

.font-catcolor-BLOG-soft {
    color: #f5eee6 !important;
}

/*#endregion*/

/*#region Single Page titles mid content */
.timeset-title,
.kitchentype-title {
    font-weight: bold;
    padding-left: 0.188rem;
    display: inline-block;
}

.Kitchen-type-Items {
    display: block;
    margin-left: 0.5rem;
}

.agekitchentype-title {
    font-weight: bold;
    padding-left: 0.188rem;
    display: inline-block;
}

.address-container {
    margin: 1rem 0;
}

/*#endregion*/

/*#region Single Page titles left content */
.equip-title {
    font-weight: bold;
    font-size: 1.25rem;
    display: inline-block;
}

/*#endregion*/

/*#region Timeset */

.timeset-table {
    margin-left: 0.5rem;
    width: 21.875rem;
}

.timeset-table td {
    width: 6.25rem;
}

.timeset-table> :not(caption)>*>* {
    padding: 0 !important;
    background-color: none !important;
    border-bottom-width: 0px !important;
    box-shadow: none !important;
}

/*#endregion*/

/*#region Single Page right Content */

.custom-shadow {
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 75%);
}

.margin-bottom-2 {
    margin-bottom: 2rem;
    padding: 0;
}

/*#endregion*/

/*#region Single Page city*/
.city-headerimage {
    width: 100%;
    margin-bottom: 2rem;
    padding: 0;
}

/*#endregion*/

/*#region LIST View */
@media (min-width: 576px) {
    .listcard .card {
        height: 12.5rem;
    }

    .listcard .card-body {
        height: 4.688rem;
    }

    .listcard .card-title {
        font-size: 1rem;
    }

    .imglink {
        color: #000000;
        text-decoration: none;
    }

    .imglink:hover {
        color: #000000;
    }

    .listcontent {
        max-height: 18.75rem;
    }
}

/*#endregion*/

/*#region Icon Btn*/
.btn-icon {
    margin-right: 0.2rem;
}

.btn-icon-left {
    margin-left: 0.2rem;
}

/*#endregion*/

/*#region Icon list */
.iconlist li,
.iconlist_selected li {
    display: inline-block;
    margin-right: 1rem;
    width: 4rem;
    height: 4rem;
}

.iconlist li {
    cursor: pointer;
}

.iconlist li span,
.iconlist_selected li span {
    margin: 0 auto;
    display: block;
    width: 3rem;
}

.iconlist,
.iconlist_selected {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/*#endregion*/

/*#region Navbar */

.start-navlink a {
    color: rgba(255, 255, 255, 0.55);
}

.start-navlink a:hover {
    color: #fff;
}

@media screen and (max-width: 87rem) {
    .start-navlink {
        display: none;
    }
}

.navbar-brand>img {
    height: 5rem !important;
    max-width: none !important;
    margin-left: 0.5rem;
}

/*
@media screen and (max-width: 87rem) {
    .navbar-brand > img {
        width: 9rem !important;
        height: auto !important;
    }

    #page-wrapper .jumbotron {
        padding-top: 0 !important;
    }
}
*/

.navbar-brand>img {
    width: 9rem !important;
    height: auto !important;
}

#page-wrapper .jumbotron {
    padding-top: 0 !important;
}

.dropdown-menu {
    padding: 0 !important;
}

.dropdown-item {
    color: #000 !important;
}

.dropdown-item:hover,
.dropdown-item.active {
    color: #fff !important;
}

.blogSlider .MS-controls button {
    color: #aaa !important;
}

.navbar-brand {
    border-right: 0px !important;
    padding-left: 0;
    padding-right: 0;
}

/*#endregion*/

/*#region List Items */
.list-item-container {
    width: 19.5rem;
    height: 13rem;
    position: relative;
    display: inline-block;
    margin: 0 1rem 1rem 0;
    overflow: hidden;
}

.list-item-container-fix {
    margin: 0 0.75rem 1rem 0;
}

.list-item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.list-item-image img {
    height: 100% !important;
}

.list-item-title {
    position: absolute;
    bottom: 0rem;
    left: 0;
    width: 100%;
    line-height: 2rem;
    padding: 0 0 0 0.8rem;
    height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-item-title-double-height {
    height: 4rem;
}

.list-item-container:hover .list-item-title {
    color: #fff;
}

.show-more-btn-container {
    display: flex;
}

/* Small View  */
.list-item-container-small {
    width: 8.75rem;
    height: 6.5rem;
    position: relative;
    display: inline-block;
    margin: 0 1rem 1rem 0;
    overflow: hidden;
}

.list-item-image-small {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.list-item-image-small img {
    height: 100% !important;
}

.list-item-title-small {
    position: absolute;
    bottom: 0rem;
    left: 0;
    width: 100%;
    line-height: 2rem;
    padding: 0 0 0 0.8rem;
    height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-item-container-small:hover .list-item-title-small {
    color: #fff;
}

/*#endregion*/

/*#region list-filter */

.list-filter-container {
    margin-top: 4rem;
    margin-bottom: 1rem;
    /*padding: 1.5rem 0 1rem 0;*/
    padding: 0rem;
    font-weight: 400;
    display: none;
    background-color: #3a3f44;
    color: #808080;
    position: relative;
}

.list-filter-container .spotfilter-touched {
    background-color: #272b30;
    padding: 0 0 0 0.6rem;
    position: relative;
    margin-top: 1rem;
}

.list-filter-container input,
.list-filter-container select {
    border-radius: 0;
}

.list-filter-container input[type='button'] {
    border-radius: 1.5rem;
    color: #808080 !important;
}

.list-filter-container input[type='button']:hover {
    background-color: #000000 !important;
    background-image: none !important;
}

.list-filter-container .spotfilter-touched label {
    margin: 0 !important;
    vertical-align: sub;
    height: 1.8rem;
}

.list-filter-container .spotfilter-touched input {
    position: absolute;
    right: 0rem;
    top: 0rem;
    height: 100%;
    border-radius: 0;
}

.list-filter-container .spotfilter-touched input[type='checkbox'] {
    width: 2rem;
    top: -0.25rem;
    cursor: pointer;
}

.list-filter-container .spotfilter-counter input {
    width: 6rem;
    text-align: center;
    font-size: 1.2rem;
    padding: 0 !important;
    min-height: 0rem;
    font-weight: 600;
}

.list-filter-container input,
.list-filter-container select {
    background-color: #272b30;
}

.list-filter-container .list-filter-item {
    margin: 0 0.75rem 1rem 0;
    padding: 0.8rem;
    width: 19rem;
    height: 13rem;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.list-filter-container .list-filter-item-gross {
    margin: 0 0.75rem 1rem 0;
    padding: 0.8rem;
    width: 22rem;
    height: 13rem;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/*Attraktionen*/
.list-filter-container.base-catcolor-A {
    border: 6px double #009245;
}

.list-filter-container.base-catcolor-A input,
.list-filter-container.base-catcolor-A select,
.border-base-catcolor-A {
    color: #009245;
    border: 1px solid #009245;
    background-image: none;
}

.list-filter-container.base-catcolor-A .form-imgbutton:hover label,
.list-filter-container.base-catcolor-A .form-imgbutton.active label {
    color: #009245;
}

.partnersiegel-pos-premium-plus {
    top: 15px;
    left: 15px;
}

.partnersiegel-pos-1 {
    top: 15px;
    left: 73px;
}

.partnersiegel-pos-2 {
    top: 15px;
    left: 131px;
}

.partnersiegel-pos-3 {
    top: 15px;
    left: 189px;
}

.partnersiegel-pos-4 {
    top: 15px;
    left: 247px;
}

.partnersiegel-pos-5 {
    top: 73px;
    left: 15px;
}

.partnersiegel-pos-6 {
    top: 73px;
    left: 247px;
}

.partnersiegel-pos-7 {
    top: 73px;
    left: 73px;
}

.partnersiegel-pos-8 {
    top: 73px;
    left: 189px;
}

.partnersiegel-pos-9 {
    top: 73px;
    left: 131px;
}

/*Gastro*/
.list-filter-container.base-catcolor-G {
    border: 6px double #f7931e;
}

.list-filter-container.base-catcolor-G input,
.list-filter-container.base-catcolor-G select,
.border-base-catcolor-G {
    color: #f7931e;
    border: 1px solid #f7931e;
    background-image: none;
}

.list-filter-container.base-catcolor-G .form-imgbutton:hover label,
.list-filter-container.base-catcolor-G .form-imgbutton.active label {
    color: #f7931e;
}

/*Unterkünfte*/
.list-filter-container.base-catcolor-U {
    border: 6px double #8cc63f;
}

.list-filter-container.base-catcolor-U input,
.list-filter-container.base-catcolor-U select,
.border-base-catcolor-U {
    color: #8cc63f;
    border: 1px solid #8cc63f;
    background-image: none;
}

.list-filter-container.base-catcolor-U .form-imgbutton:hover label,
.list-filter-container.base-catcolor-U .form-imgbutton.active label {
    color: #8cc63f;
}

/*Shopping*/
.list-filter-container.base-catcolor-S {
    border: 6px double #ed1c24;
}

.list-filter-container.base-catcolor-S input,
.list-filter-container.base-catcolor-S select,
.border-base-catcolor-S {
    color: #ed1c24;
    border: 1px solid #ed1c24;
    background-image: none;
}

.list-filter-container.base-catcolor-S .form-imgbutton:hover label,
.list-filter-container.base-catcolor-S .form-imgbutton.active label {
    color: #ed1c24;
}

/*Dienstleistung*/
.list-filter-container.base-catcolor-D {
    border: 6px double #93003c;
}

.list-filter-container.base-catcolor-D input,
.list-filter-container.base-catcolor-D select,
.border-base-catcolor-D {
    color: #93003c;
    border: 1px solid #93003c;
    background-image: none;
}

.list-filter-container.base-catcolor-D .form-imgbutton:hover label,
.list-filter-container.base-catcolor-D .form-imgbutton.active label {
    color: #93003c;
}

/*Erkunden*/
.list-filter-container.base-catcolor-E {
    border: 6px double #662d91;
}

.list-filter-container.base-catcolor-E input,
.list-filter-container.base-catcolor-E select,
.border-base-catcolor-E {
    color: #662d91;
    border: 1px solid #662d91;
    background-image: none;
}

.list-filter-container.base-catcolor-E .form-imgbutton:hover label,
.list-filter-container.base-catcolor-E .form-imgbutton.active label {
    color: #662d91;
}

/*Kultur*/
.list-filter-container.base-catcolor-K {
    border: 6px double #ff00ff;
}

.list-filter-container.base-catcolor-K input,
.list-filter-container.base-catcolor-K select,
.border-base-catcolor-K {
    color: #ff00ff;
    border: 1px solid #ff00ff;
    background-image: none;
}

.list-filter-container.base-catcolor-K .form-imgbutton:hover label,
.list-filter-container.base-catcolor-K .form-imgbutton.active label {
    color: #ff00ff;
}

/*Events*/
.list-filter-container.base-catcolor-V {
    border: 6px double #8080ff;
    padding: 1rem;
}

.list-filter-container.base-catcolor-V input,
.list-filter-container.base-catcolor-V select,
.border-base-catcolor-V {
    color: #8080ff;
    border: 1px solid #8080ff;
    background-image: none;
}

.list-filter-container.base-catcolor-V .form-imgbutton:hover label,
.list-filter-container.base-catcolor-V .form-imgbutton.active label {
    color: #8080ff;
}

.list-filter-label {
    margin-right: 1rem;
    vertical-align: top;
}

/* Filter hide on select*/

.hide-by-kitchen,
.hide-by-search,
.hide-by-isopen,
.hide-by-equipment,
.hide-by-district,
.hide-by-sterneDTV,
.hide-by-sterneDEHOGA,
.hide-by-city,
.hide-by-daterange,
.hide-by-auszeichnungen-Harzwert,
.hide-by-auszeichnungen-Highlights,
.hide-by-auszeichnungen-TypischHarz,
.hide-by-auszeichnungen-BettBike,
.hide-by-auszeichnungen-GreenSign,
.hide-by-auszeichnungen-TourCert,
.hide-by-auszeichnungen-NationalparkHarz,
.hide-by-auszeichnungen-Harzcard {
    display: none !important;
}

.form-imgbutton {
    position: relative;
    display: inline-block;
    width: 5rem;
    height: 5rem;
    cursor: pointer;
    margin: 0 0 1.8rem 0;
}

.form-imgbutton img {
    display: block;
    margin: 0 auto;
}

.form-imgbutton label {
    display: block;
    font-size: 0.8rem;
    margin: 0.3rem 0 0;
    width: 100%;
    text-align: center;
}

/*#endregion*/

/*#region Other */

#provenexpert_circle_widget_bxzxz {
    margin: 0 auto;
}

.progress-bar {
    color: #000;
}

/*#endregion*/

/*#region Extended Editor */
.note-editable {
    background-color: rgb(232, 240, 254);
    color: #000000;
}

.note-toolbar {
    border: 2px solid #c0c0c0;
}

.note-editor {
    margin-top: -2rem;
}

/*#endregion*/

/*#region for MOBILE */
@media screen and (max-width: 62rem) {
    .MS-controls {
        display: none;
    }
}

/*#endregion */

.le-image-gallery>div>a {
    margin-bottom: 1.2rem;
}

/* Password Form */
.hidepw>.eye-slash {
    display: none;
}

.showpw>.eye {
    display: none;
}


/* Main content */

.main-content {
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

/* Google Review Style */

#map-plug {
    display: none;
}

#google-reviews {
    display: flex;
    flex-wrap: wrap;
    /*display: grid;
  grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));*/
}

.review-item {
    border-bottom: solid 1px rgba(190, 190, 190, 0.35);
    margin: 0 auto;
    padding: 1em;
    flex: 1 1 20%;
}

@media (max-width: 1200px) {
    .review-item {
        flex: 1 1 40%;
    }
}

@media (max-width: 450px) {
    .review-item {
        flex: 1 1 90%;
    }
}

.review-meta,
.review-stars {
    text-align: center;
    font-size: 115%;
}

.review-author {
    text-transform: capitalize;
    font-weight: bold;
}

.review-date {
    opacity: 0.6;
    display: block;
}

.review-text {
    line-height: 1.55;
    text-align: left;
    max-width: 32em;
    margin: auto;
}

.review-stars ul {
    display: inline-block;
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.review-stars ul li {
    float: left;
    list-style: none !important;
    margin-right: 1px;
    line-height: 1;
}

.review-stars ul li i {
    color: #e4b248;
    font-size: 1.4em;
    font-style: normal;
}

.review-stars ul li i.inactive {
    color: #c6c6c6;
}

.star:after {
    content: '\2605';
}

/* Element Subpages */
.frame-type-menu_pages ul,
.frame-type-menu_subpages ul {
    flex-direction: column !important;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.frame-type-menu_pages ul li a,
.frame-type-menu_subpages ul li a {
    display: block;
    padding: 0.5rem 1rem;
    color: #fff;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

/* Embeded images */
.image-embed-item {
    max-width: 100%;
    height: auto;
}

/* H2 */
h2 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

/* Forms */
.btn-group,
.form-group {
    margin-top: 1rem;
}

/* form to text */

.form-to-text {
    color: #fff;
    background: transparent;
    border: 0;
}

.stform-formelement {
    padding: 0.3rem;
}

.is-invalid {
    border-width: 3px;
}

.is-valid {
    border-width: 3px;
}

/* Accordion */
.accordion-body {
    padding-left: 0;
    padding-right: 0;
}

/* Lightbox */

@media (min-width: 2415px) {
    .lightbox-caption {
        position: relative;
        margin: -10vh 0 10vh 0 !important
    }
}

/* Harz Card Btn */
.btn-harzcard {
    background-image: linear-gradient(#f39525, #85013a);
    filter: none;
    color: #fff;
}

.modal.lightbox .btn-close {
    background-color: #777777 !important;
    border-radius: 50%;
    /* margin-top: -60px; */
    /* margin-right: -30px; */
    opacity: 1;
}

/* City Container*/

.city-video-container>div {
    width: 23.2rem;
}

@media (min-width: 1700px) {
    .city-video-container>div {
        width: 28.6rem;
    }
}

/* Audio element*/
.audio {
    margin: 0.4rem 1rem 0.4rem 1rem !important;
    width: 28rem;
}

@media (max-width: 980px) {
    .audio {
        max-width: 80%;
        padding-left: 3.5rem;
    }
}

.audio audio {
    width: 100%;
}

.footprint-container {
    position: relative;
    overflow: hidden;
}


.footprint {
    position: absolute;
    width: 3rem;
    height: auto;
    aspect-ratio: 1 / 2;
    /* Für Safari */
    opacity: 1;
    transform-origin: 50% 20%;
    /* Fußspitze als Drehpunkt */
    transition: opacity 1.2s linear, transform 0.1s linear;
    pointer-events: none;
}

/* YouTube Placeholder */
.yt-placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    text-align: center;
}

/* Tabbellen */

.tablestyle01 tr:first-child {
    background: linear-gradient(90deg, #a22460 10%, #feb536 90%);
    font-weight: bold;
}

.tablestyle01 tr td {
    color: #ffffff;
}

.tablestyle02 thead tr {
    background: linear-gradient(90deg, #a22460 10%, #feb536 90%);
    font-weight: bold;
    color: #ffffff;
}

.tablestyle02 tr td {
    color: #ffffff;
}


/* #region Responsive table */
@media (width < 52em) {

    /* Variante mit Header, wenn die erste Zeile der Tabelle Header-Zellen enthält */
    .table-responsive table,
    .table-responsive thead,
    .table-responsive tbody,
    .table-responsive th,
    .table-responsive td,
    .table-responsive tr {
        display: block;
    }

    .table-responsive tr {
        border-top: 1px solid grey;
    }

    .table-responsive thead {
        display: none;
    }

    .table-responsive td {
        display: flex;
        justify-content: start;
        padding-left: 30%;
        position: relative;
    }

    .table-responsive td::before {
        content: attr(data-label);
        font-weight: bold;
        position: absolute;
        left: 1rem;
    }

    /* Variante ohne Header, wenn die erste Zeile der Tabelle keine Header-Zellen enthält */
    .table-responsive-noheader table,
    .table-responsive-noheader tbody,
    .table-responsive-noheader th,
    .table-responsive-noheader td,
    .table-responsive-noheader tr {
        display: block;
    }

    .table-responsive-noheader tr {
        border-top: 1px solid grey;
    }

    .table-responsive-noheader tr:first-child {
        display: none;
    }

    .table-responsive-noheader tr:not(:first-child) td {
        display: flex;
        justify-content: start;
        padding-left: 30%;
        position: relative;
    }

    .table-responsive-noheader tr:not(:first-child) td::before {
        content: attr(data-label);
        font-weight: bold;
        position: absolute;
        left: 1rem;
    }

    /* Optional: Stil für die erste Spalte, wenn kein Header vorhanden ist */
    .tablestyle01 .table-responsive td:first-child,
    .tablestyle02 .table-responsive td:first-child,
    .tablestyle02 .table-responsive-noheader td:first-child,
    .tablestyle01 .table-responsive-noheader td:first-child,
    .tablestyle01.table-responsive td:first-child,
    .tablestyle02.table-responsive td:first-child,
    .tablestyle02.table-responsive-noheader td:first-child,
    .tablestyle01.table-responsive-noheader td:first-child {
        background: linear-gradient(90deg, #a22460 10%, #feb536 90%);
        font-weight: bold;
    }
}

/* #endregion */


/* #region Content Lang Picture */

.content-lang-pic-page-title {
    position: absolute;
    top: 60%;
    left: 7.4%;
    color: #fff;
    z-index: 2;
    font-size: 2.5vw;
}

.content-lang-pic-page-title.font-fam-a {
    font-family: "Gloss And Bloom";
}

.content-lang-pic-page-title.font-fam-b {
    font-family: "Comforter Brush";
}

.content-lang-pic-page-title.font-fam-c {
    font-family: sans-serif;
}

html:lang(uk) .content-lang-pic-page-title,
html:lang(ru) .content-lang-pic-page-title {
    font-size: 4rem;
}


.content-lang-pic-subpage-title {
    position: absolute;
    top: 71.1%;
    left: 7.55%;
    color: #fff !important;
    z-index: 2;
    font-size: 1.8vw;
}

.content-lang-pic-subpage-title.font-fam-a {
    font-family: "Raleway";
}

.content-lang-pic-subpage-title.font-fam-b {
    font-family: "Raleway";
}

.content-lang-pic-subpage-title.font-fam-c {
    font-family: "Raleway";
}

@media screen and (min-width: 1950px) {
    .content-lang-pic-page-title {
        top: 22.6rem;
        left: 9rem;
        font-size: 3rem;
    }

    .content-lang-pic-subpage-title {
        top: 26.4rem;
        left: 9rem;
        font-size: 2.3rem;
    }
}

/* #endregion */

/* #region Content Lang Picture Filter */


/* Base/Mobile style - bis 64 rem (1024px) */
.caticoncontainer-icon>img {
    height: 6rem;
    width: 6rem;
}

.caticoncontainer-icon-small>img {
    height: 5.4rem;
    width: 5.4rem;
}

.caticoncontainer-child-container {
    /* display: flex; */
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding-left: 1.4rem;
}

.caticoncontainer-icon-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    width: 26rem;
    margin-top: 0rem;
}

.caticoncontainer-icon {
    cursor: pointer;
    display: inline-block;
    height: 6rem;
    width: 6rem;
}

.caticoncontainer-parent-icon {
    margin: 0.6rem;
    padding: 0;
}

.caticoncontainer-icon-small {
    margin: 0.2rem;
    height: 5.4rem;
    width: 5.4rem;
}

.caticoncontainer-icon-title {
    position: relative;
    font-size: 0.75rem;
}

.caticoncontainer-child-container .caticoncontainer-icon-title {
    font-size: 0.58rem;
}

.caticoncontainer-icon-title p {
    position: absolute;
    bottom: 0.4rem;
    right: 0.8rem;
    margin: 0;
    color: #fff;
    text-align: right;
}


/* Tablet style - bis 100 rem (1600px) */
@media screen and (min-width: 64rem) {
    .caticoncontainer-icon>img {
        height: 8rem;
        width: 8rem;
    }

    .caticoncontainer-icon-small>img {
        height: 6.7rem;
        width: 6.7rem;
    }


    .caticoncontainer-child-container {
        padding-left: 0rem;
    }

    .caticoncontainer-icon-container {
        width: 30rem;
        top: 26rem !important;
    }

    .caticoncontainer-parent-icon {
        margin: 0.7rem;
    }

    .caticoncontainer-icon {
        margin: 0.3rem;
        height: 8rem;
        width: 8rem;
    }

    .caticoncontainer-icon-small {
        height: 6.7rem;
        width: 6.7rem;
    }

    .caticoncontainer-icon-title {
        font-size: 1rem;
    }

    .caticoncontainer-child-container .caticoncontainer-icon-title {
        font-size: 0.7rem;
    }
}

/* Desktop style - ab 100 rem (>1600px) */
@media screen and (min-width: 100rem) {
    .caticoncontainer-icon>img {
        height: 10.7rem;
        width: 10.7rem;
    }

    .caticoncontainer-icon-small>img {
        height: 9rem;
        width: 9rem;
    }


    .caticoncontainer-icon-container {
        width: 40rem;
        top: 43rem !important;
    }

    .caticoncontainer-parent-icon {
        margin: 0.3rem;
    }

    .caticoncontainer-icon {
        height: 10.7rem;
        width: 10.7rem;
    }

    .caticoncontainer-icon-small {
        margin: 0.3rem;
        height: 9rem;
        width: 9rem;
    }

    .caticoncontainer-icon-title {
        font-size: 1.4rem;
    }

    .caticoncontainer-child-container .caticoncontainer-icon-title {
        font-size: 1rem;
    }
}

/* Desktop style - ab 150 rem (>2400px) */
@media screen and (min-width: 150rem) {

    .caticoncontainer-icon-container {
        width: 40rem;
        top: 70rem !important;
    }

}


/* CITY Filter special*/
.city-caticoncontainer .caticoncontainer-icon-container {
    width: 100%;
    margin-top: 0;
}

.city-caticoncontainer .caticoncontainer-icon {
    margin: 0.2rem;
}

.city-caticoncontainer .caticoncontainer-icon-title {
    font-size: .66rem;
}

@media screen and (min-width: 64rem) {
    .city-caticoncontainer .caticoncontainer-icon {
        margin: 0.8rem;
    }

    .city-caticoncontainer .caticoncontainer-icon-title {
        font-size: 0.9rem;
    }
}

@media screen and (min-width: 100rem) {
    .city-caticoncontainer .caticoncontainer-icon-title {
        font-size: 1.1rem;
    }
}

/* #endregion */


/* Header image H1 und H2 to p*/

p.h1,
p.h2 {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

/* ---- Trumbowyg-Zähler (ehem. trumbowyg-counter.css) ---- */
/* $light-color: #dee2e6 !default;
$dark-color: #222 !default;

$modal-submit-color: #2ecc71 !default;
$modal-reset-color: #EEE !default;

$transition-duration: 150ms !default;
$slow-transition-duration: 300ms !default; */

.trumbowyg-counter {
    background: #dee2e6;
    padding: 9px 5px;
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;

    &.trumbowyg-counter-left {
        text-align: left;

        .chars-counter {
            padding-left: 10px;
        }
    }

    &.trumbowyg-counter-right {
        text-align: right;

        .words-counter {
            padding-right: 10px;
        }
    }

    &.trumbowyg-counter-center {
        text-align: center;

        .chars-counter {
            padding-left: 10px;
        }
    }
}

/* ---- Leaflet (ehem. leaflet.css) ---- */
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}


/* ---- Karten-Container (ehem. map.css) ---- */
#MapApp {
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
    border: 1px solid #808080;
    overflow: hidden;
}

#OpenMapContainer {
    background: rgba(51, 51, 51, 0.5);
    width: 100%;
    height: 200px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #ffffff;
    text-align: center;
    padding-top: 85px;
    cursor: pointer;
}

#MapContainer {
    display: block;
    position: relative;
    width: 100%;
    min-height: 200px;
    border: 1px solid #808080;
    background: url('/fileadmin/images/karten/1000.jpg');
    background-size: 100% auto;
    overflow: hidden;
}

#MapContainerPanel {
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
    overflow-y: auto;
    border: 1px solid #808080;
    background-color: #808080;
    color: #ffffff;
    padding: 1rem;
    font-size: 0.82rem;
}

#MapContainer img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    display: none;
}