nav#block-neubad-hauptnavigation ul.ul-parent li.li-item.li-item-main {
    width: 100%;
    border-top: 1px solid #0e0e0e
}

nav#block-neubad-hauptnavigation ul.ul-parent li.li-item.li-item-main:last-of-type {
    border-bottom: 1px solid #0e0e0e
}

nav#block-neubad-hauptnavigation ul.ul-parent {
    margin-bottom: 1rem
}

nav#block-neubad-hauptnavigation ul.ul-parent li.li-item.li-item-main a {
    padding: 4px 8px 4px 0;
    font-size: 1.3em;
}

nav#block-neubad-hauptnavigation ul.ul-parent li.li-item.li-item-main a:hover,
input#edit-submit.search-button-block:hover {
    background: none !important;
    color: gray !important
}

form#search-block-form {
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-right: 0 !important
}

.w3-search-block-form .form-type-search::before {
    content: none
}

.form-type-search input {
    text-indent: 0;
    border-top: 0px !important;
    border-left: 0px !important;
    font-family: 'Brown';
    box-shadow: none;
    padding-bottom: 0;
    border-right: 14px !important;
}

.w3css-content .form-type-search input {
    margin-top: 2rem;
}

input#edit-submit.search-button-block {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none
}

.w3-border {
    border: 1px solid #000 !important
}

.w3-search-block-form .form-actions {
    display: none
}

.w3-search-block-form .form-item {
    width: 100%
}

#block-neubad-neubadbistrooffnungszeitenundreservation div.w3-cell-row p,
#block-neubad-neubadbistrooffnungszeitenundreservation div.w3-row p {
    margin: 0 !important;
    padding: 0 !important;
}

.top-container-inner .first-top>div,
.top-container-inner .second-top>div,
.top-container-inner .third-top>div,
.main-container-inner .first-sidebar>div,
.main-container-inner .w3css-content>div,
.main-container-inner .second-sidebar>div,
.bottom-container-inner .first-bottom>div,
.bottom-container-inner .second-bottom>div,
.bottom-container-inner .third-bottom>div,
.bottom-container-inner .forth-bottom>div,
.footer-container-inner .first-footer>div,
.footer-container-inner .second-footer>div,
.footer-container-inner .third-footer>div {
    padding: 0 !important
}

section#block-neubad-neubadbistrooffnungszeitenundreservation h5 {
    text-align: center;
    background: #000;
    color: #fff;

}

section#block-neubad-neubadbistrooffnungszeitenundreservation h5:hover {
    text-align: center;
    background: gray;
    color: #fff;
    cursor: pointer
}

section#block-neubad-neubadbistrooffnungszeitenundreservation h5 {
    float: left;
    width: 100%;

}

section#block-neubad-neubadbistrooffnungszeitenundreservation h5 a {
    display: block;
    padding: 8px;

}

section#block-neubad-neubadbistrooffnungszeitenundreservation h5 a:hover {
    color: #fff;
    opacity: 1;
    padding: 8px;

}

.view-mittagsmenue div.views-row {
    padding: 0 !important;
    margin-top: 0 !important
}

.view-mittagsmenue div.views-row h3 {
    margin: 0 !important;
    font-size: 1em;
    font-weight: 700
}

.view-mittagsmenue div.views-row div {
    padding: 0 !important;
    margin: 0 !important
}

.view-mittagsmenue div.w3-panel.views-row p {
    margin: 0 !important
}

.view-mittagsmenue article div.w3-container div.field--name-body {
    margin: 0 !important
}

.w3css-content div.field p a,
.views-field-title span.field-content a,
.node__content div.w3-section li a,
footer p a,
.node__content h4 a,
span.file a {
    text-decoration: underline !important;
}

#bottom-full div.field p a:hover {
    color: white
}

div.w3-container div.field--type-image {
    padding: 0 !important;
    margin-bottom: 18px !important;
    margin-right: 0 !important
}

.path-view-news section.block-page-title-block,
.path-view-news h3.w3-margin-left.node__title,
.path-node div#main-container-inner .block-page-title-block,
.path-archiv section#block-neubad-page-title,
.path-veranstaltungen section#block-neubad-page-title {
    display: none
}

section#block-partner ul.w3-row.ul-0,
section#block-stiftungendonationen ul.w3-row.ul-0 {
    padding: 1rem !important
}

section#block-partner ul.w3-row.ul-0 li,
section#block-stiftungendonationen ul.w3-row.ul-0 li {
    list-style-type: none
}

section#block-partner ul.w3-row.ul-0 li img {
    max-height: 100px;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    padding: .33rem
}

.image-style-supporter-goenner {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    padding: .25rem 1rem;
    max-width: 280px;
    max-height: 120px
}

a:hover>img.w3-image {
    animation: none;
    opacity: .8
}

.view-goenner img.w3-image {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999
}

.view-goenner div.view-content div.w3-col {
    min-height: 80px;
    max-height: 80px;
    max-width: 108px;
    padding: 0 8px
}

.block-system-main-block div.view-content div.w3-panel {
    padding: 0 !important;
    margin-top: 0 !important
}

.view-id-goenner div.view-content {
    padding: 8px
}

section#block-views-block-goenner-block-1 div.w3-row div.view-id-goenner {
    margin-bottom: 4rem
}

#bottom-full h2 {
    margin-bottom: 0;
    padding-bottom: 0 !important;
    margin-top: 2rem
}

.page-node-type-page.large-screen h.block-page-title-block {
    display: none
}

.block-views-blockveranstaltungen-block-2 div.monat div.view-content div.cal {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
}

.block-views-blockveranstaltungen-block-2 div.monat div.view-content div.cal h3 {
    margin-top: 0;
}

@media (max-width: 992px) {
    #block-neubad-sozialenetzwerkerss {
        text-align: right;
        float: right;
        margin: 1rem 0;
    }

    .social-links {
        float: right;
    }

    #block-textgrossenanderung-2 {
        width: 49.99999%;
        float: right;
    }

    section#block-searchapipagesearchblockform {
        display: none;
    }


    .path-view-news section#block-neubad-content.w3-block.w3-block-wrapper.block-system.block-system-main-block {
        padding: 0px;
    }

    .third-footer div.field p a {
        float: left;
    }

    div#bottom-full,
    div#bottom-top

    /*,div.first-bottom,div.second-bottom,div.third-bottom */
        {
        padding: 0 16px !important
    }

    div.first-bottom {
        padding-left: 16px !important
    }

    div.third-bottom {
        padding-right: 16px !important
    }

    .first-sidebar,
    .second-sidebar {
        padding: 0 16px !important
    }

    #bottom-full,
    div#main-container-inner.w3-container.main-container-inner {
        padding-left: 0;
        padding-right: 0
    }

    .bottom-region.second-bottom,
    .bottom-region.third-bottom {
        padding: 0 8px
    }

    section#block-mainnavigation.block-superfish,
    #block-kioskkategorien.block-superfish {
        display: block
    }


    nav#block-mainnavigation-2,
    #block-neubad-newsletter,
    #search-block-form,
    .page-node-type-event div.second-sidebar,
    #block-kategorie,
    #block-kategorieneu,
    #block-zusatzmenukiosk {
        display: none !important
    }

    #block-mainnavigation {
        margin-top: 1rem
    }

    div.sf-accordion-toggle a {
        width: 100%;
        display: inline-block
    }

    section#block-mainnavigation div.sf-accordion-toggle {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 0;
        font-size: 1em;
    }

    ul.sf-menu.sf-accordion,
    ul.sf-menu.sf-accordion ul,
    ul.sf-menu.sf-accordion li {
        border-bottom: 1px solid #000
    }

    ul.sf-menu.sf-accordion li:last-of-type,
    ul.sf-menu.sf-accordion ul.sf-has-clone-parent {
        border-bottom: 0 !important
    }

    ul.sf-menu a,
    ul.sf-menu span.nolink {
        padding-left: 0;
        font-size: 1.2em;
        padding: .8rem 0;
    }

    ul.sf-menu.sf-accordion li a.is-active,
    ul.sf-menu.sf-accordion li.active-trail>a {
        opacity: .6;
        color: grey
    }

    div.w3-quarter.main-box.main-region.second-sidebar div.w3-sidebar-second.w3-mobile.w3-white {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    p.promo {
        text-align: center
    }

    p.promo a:nth-of-type(2) img {
        float: none !important;
    }

    div#footer-container-inner div.w3-section {
        padding-left: .5rem
    }

    div.w3-cell-row.reservation {
        max-width: 92%;
    }
}

@media (min-width: 993px) {

    #block-mainnavigation.block-superfish,
    #block-kioskkategorien.block-superfish {
        display: none
    }

    section#block-neubad-views-block-ausstellungen-block-1 h2.w3-padding.w3-block-title,
    .view-archiv header.view-header h2 {
        margin-top: 0px;
        padding-top: 0px !important
    }


    /* .block-views div.monat div.view-content div.w3-section {
       width:33.33333%;
       float: left;
       padding-right: 2rem;
  }
  */
    /*.block-views-blockveranstaltungen-block-2 div.monat div.view-content {
    column-count: 3; */
}

p.promo a:nth-of-type(2) img {
    float: right;
}

nav#block-neubad-hauptnavigation {
    display: block
}

div#footer-container-inner div.w3-third {
    padding-left: .5rem !important
}

div#bottom-container-inner div.first-bottom {
    padding-left: 0
}

div#bottom-container-inner div.third-bottom {
    padding-right: 0
}

/*.path-veranstaltungen div.monat div.view-content div.w3-section, .block-views div.monat div.view-content div.w3-section, .path-archiv div.monat div.view-content div.w3-section {
  float: left;
  width: 33.33333%;
} */
/*
  .page-node-type-events .block-views div.monat div.view-content div.w3-section {
    width: 100%;
  } */
/*
  .path-veranstaltungen div.monat div.view-content div.w3-section:nth-child(3n+1), .block-views div.monat div.view-content div.w3-section:nth-child(3n+1), .path-archiv div.monat div.view-content div.w3-section:nth-child(3n+1) {
    clear: both;
  }
  .path-veranstaltungen div.monat div.view-content div.w3-section:nth-child(3n+1),  .block-views div.monat div.view-content div.w3-section:nth-child(3n+1), .path-archiv div.monat div.view-content div.w3-section:nth-child(3n+1) {
    padding-right:.5rem;
    padding-left: 0;
  }
  .path-veranstaltungen div.monat div.view-content div.w3-section:nth-child(3n+2), .block-views div.monat div.view-content div.w3-section:nth-child(3n+2), .path-archiv div.monat div.view-content div.w3-section:nth-child(3n+2) {
    padding-right:.5rem;
    padding-left: .5rem;
  }
  .path-veranstaltungen div.monat div.view-content div.w3-section:nth-child(3n+3), .block-views div.monat div.view-content div.w3-section:nth-child(3n+3), .path-archiv div.monat div.view-content div.w3-section:nth-child(3n+3) {
    padding-right:0;
    padding-left: .5rem;
  }
}*/
@media (min-width: 600px) {
    div#footer-container-inner.w3-padding-large {
        padding: 1rem !important
    }

    .page-node-type-blog .field--name-field-datum-blog {
        text-align: left;
    }

    .social-links img {
        width: 36px;
        /* Einheitliche Breite */
        height: 36px;
        /* Einheitliche Höhe */
        object-fit: cover;
        /* Stellt sicher, dass das Bild den Bereich ausfüllt und das Seitenverhältnis beibehält */
    }

}

@media (min-width: 600px) and (max-width:992px) {

    div#footer-container-inner div.w3-section.field,
    div#footer-container-inner div.w3-third {
        padding-left: 0 !important
    }

    /* .block-views-blockveranstaltungen-block-2 div.monat div.view-content {
     column-count: 2;
   }*/
    /* .block-views div.monat div.view-content div.w3-section {
     width:50%;
     float: left;
     padding-right: 2rem;
   }
   .path-veranstaltungen div.monat div.view-content div.w3-section, .block-views div.monat div.view-content div.w3-section, .path-archiv div.monat div.view-content div.w3-section {
     float: left;
     width: 50%;
   }
   .path-veranstaltungen div.monat div.view-content div.w3-section:nth-child(2n+1), .block-views div.monat div.view-content div.w3-section:nth-child(2n+1), .path-archiv div.monat div.view-content div.w3-section:nth-child(2n+1) {
     clear: both;
   }
   .path-veranstaltungen div.monat div.view-content div.w3-section:nth-child(2n+1), .block-views div.monat div.view-content div.w3-section:nth-child(2n+1), .path-archiv div.monat div.view-content div.w3-section:nth-child(2n+1) {
     padding-right:.5rem;
     padding-left: 0;
   }
   .path-veranstaltungen div.monat div.view-content div.w3-section:nth-child(2n+2), .block-views div.monat div.view-content div.w3-section:nth-child(2n+2), .path-archiv div.monat div.view-content div.w3-section:nth-child(2n+2) {
     padding-right:0rem;
     padding-left: .5rem;
   }*/
}

.w3-flex-shrink-0 {
    flex-shrink: 0;
}

@media (max-width: 400px) {
    .w3-mobcut {
        /*  width: 100% !important;
        float: left;
        clear: left;*/

    }

    .w3-mobcut>div {
        margin-top: 1.25rem !important;
        margin-bottom: 0px !important;
    }

    .page-node-type-blog div.w3-flex.w3-border-top div.w3-border-right>div.w3-flex {
        flex-direction: column;
    }
}

@media (max-width: 600px) {

    .page-node-type-blog article div.w3-container.node__content div.w3-border-top div.w3-flex-grow-1.w3-flex-center {
        width: 66px !important;
    }

    .like-form label {
        background-size: 33px !important;
        height: 33px !important;
        width: 33px !important;
    }

    #block-mainnavigation {
        width: 66%;
        float: right;
    }

    .w3-padding-16-small {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .page-node-type-blog .field--name-user-picture {
        max-width: 64px;
        max-height: 64px;
    }

    /* .path-view-vereinbar-blog div.attachment.attachment-after {
        margin-top: -2rem;
    }*/

    #main-container {
        margin-top: 1rem;
    }

    .prevnext {

        height: 48px !important;
    }

    .block-text-resize-block div.content {
        margin-top: -16px;
    }

    .social-links img {
        width: 30px;
        height: 30px;
        object-fit: cover;
    }

    div.logo-img a img {
        width: 95px !important;
    }

    #block-textgrossenanderung-2,
    section#block-kioskkategorien.block-superfish.block-superfishkioskkategorien {
        width: 66% !important;
    }

    div.w3-cell-row.reservation {
        max-width: 100%;
    }

    /*div.item-list.cal:nth-child(2n+2) {
    padding-left: 0rem !important;
  }
  div.item-list.cal:nth-child(2n+1) {
    padding-right: 0rem !important;
  }*/
    p {
        font-size: 1em;
    }

    /*.block-views div.monat div.view-content div.w3-section {
    width:100%;
    padding-right: 0rem;
  }
  .path-veranstaltungen div.monat div.view-content div.w3-section, .block-views div.monat div.view-content div.w3-section {
    float: left;
    width: 100%;
  }*/
    .bottom-region.first-bottom,
    .bottom-region.second-bottom,
    .bottom-region.third-bottom,
    div#bottom-full,
    div#bottom-top {
        padding: 0 !important
    }

    div#footer-container-inner.w3-padding-large {
        padding: 1rem 0 !important
    }

    div#footer-container-inner div.w3-third {
        padding: 0 1rem !important
    }

    div#bottom-container-inner {
        padding: 0 1rem !important
    }

    div#footer-container-inner div.w3-section {
        padding-left: 0 !important
    }
}

@media (max-width: 480px) {
    #Home>img:nth-child(1) {
        padding-right: 1rem;
    }

    div.logo-img a img {
        width: 80px !important;
    }
}

@media (min-width: 993px) {

    div#bottom-full.w3-col,
    div#bottom-top.w3-col {
        padding: 0 !important;
    }
}

div#bottom-container-inner .first-bottom div.w3-section iframe,
div#bottom-container-inner .second-bottom div.w3-section iframe,
div#bottom-container-inner .third-bottom div.w3-section iframe {
    max-width: 100%;
    border: 1px solid #fff
}

div#bottom-container-inner .first-bottom div.w3-section iframe html,
div#bottom-container-inner .second-bottom div.w3-section iframe html,
div#bottom-container-inner .third-bottom div.w3-section iframe html {
    margin: -17px !important
}

div#bottom-container-inner section h2.w3-padding.w3-block-title {
    padding-left: 0 !important
}

div#bottom-full section.w3-block div.w3-row.element-container-wrapper {
    margin-left: -8px;
    margin-right: -8px
}

div#bottom-full section#block-views-block-goenner-block-1 div.w3-row.element-container-wrapper {
    margin-left: -16px;
    margin-right: -16px
}

html body .embed-container .feed .feed-body .feed-card-container div.card {
    border: none;
    padding: 0 !important
}

div#footer-container-inner div.w3-section p,
div#footer-container-inner div.w3-section {
    margin: 0 !important
}

nav#block-mainnavigation-2 {
    display: inline-block
}

nav#block-mainnavigation-2 ul,
nav#block-kioskkategorien ul {
    /*  background: #FFF; */
    padding: 0
}

nav#block-mainnavigation-2 li,
nav#block-kioskkategorien li {
    width: 100%;
    position: relative;
    display: inline-block;
    border-top: 1px solid #0e0e0e
}

nav#block-mainnavigation-2>ul>li:last-of-type,
nav#block-kioskkategorien>ul>li:last-of-type {
    border-bottom: 1px solid #0e0e0e
}

nav#block-mainnavigation-2 a,
nav#block-kioskkategorien a {
    text-decoration: none;
    display: block;
    padding: .25rem 0;
    transition: .4s all linear;
    font-size: 1.3em;
}

nav#block-mainnavigation-2 ul li ul li a {
    font-size: 1em;
    padding: .25rem 0 .25rem 0rem;
}

nav#block-mainnavigation-2 a:hover,
nav#block-mainnavigation-2 a.is-active {
    color: gray;
    transition: .4s all linear;
    opacity: .6
}

nav#block-mainnavigation-2 li>ul,
nav#block-mainnavigation-2 li>ul>li>ul {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 1;
}

nav#block-mainnavigation-2 li.menu-item--active-trail>ul,
nav#block-mainnavigation-2 li.menu-item--active-trail>ul>li>ul {
    display: block;
    transition: .2s all linear;
    position: relative;
    z-index: 0;
}

/*nav#block-mainnavigation-2 li.menu-item--active-trail a.is-active + ul {
  display: none !important;
}*/

nav#block-mainnavigation-2 li.menu-item--active-trail:hover a.is-active+ul,
nav#block-mainnavigation-2 li.menu-item--active-trail a.is-active+ul {
    display: block !important;
    /* position: absolute;*/
    background-color: #fff;
    width: 100%;

}

#block-kioskkategorien {
    float: left;
    clear: left;
    width: 100%;
}

nav#block-mainnavigation-2>ul>li>ul>li:last-of-type,
nav#block-mainnavigation-2>ul>li>ul>li>ul>li:last-of-type,
ul#superfish-main-accordion li ul li:last-of-type,
ul#superfish-main-accordion li ul li ul li:last-of-type {
    box-shadow: 0px 16px 8px -8px rgba(0, 0, 0, 0.2);
}

nav#block-mainnavigation-2 li>ul li {
    display: block
}

nav#block-mainnavigation-2 li:hover>ul {
    display: block;
    transition: .2s all linear;
}

a:hover {
    opacity: .6;
    color: grey
}

#search-block-form {
    margin-top: 0.5rem;
}

div#main-container-inner div.w3-container div.w3-section ul {
    padding-left: 18px;
    list-style-type: none
}

div#main-container-inner div.w3-container div.w3-section ul li:before {
    content: '\2014';
    position: absolute;
    margin-left: -18px
}

div.w3-section h4.title {
    /*margin-bottom:-8px*/
}

.view-archiv-der-veranstaltungen div.view-content h3 {
    font-size: 1em;
    text-transform: uppercase;
    background: #000 none repeat scroll 0 0;
    color: #fff;
    margin: 6px 0;
    padding: 2px 0 1px 27px
}

.path-veranstaltungen .view-veranstaltungen div.view-content div.w3-section h3,
div.item-list.cal h3 {
    font-size: 1em !important;
    text-transform: uppercase;
    background: #000 none repeat scroll 0 0;
    color: #fff;
    margin: 6px 0;
    padding: 2px 0 1px 0px;
    padding-left: 3em;
}


.view.view-archiv div.view-content div.w3-section>div.w3-section>div.w3-section,
.view.view-archiv div.view-content div.w3-section div.w3-section div.w3-section div.item-list h3 {
    font-size: 1em;
    text-transform: uppercase;
    background: black;
    color: white;
    padding-left: 48px;
    margin-top: 4px !important;
}

.view.view-archiv div.view-content div.w3-section>div.w3-section>div.w3-section div.item-list {
    background: white;
    color: black;
    /*margin-top: -14px;*/
    margin-left: -48px;
    padding-left: 48px;
    padding-top: 4px;
    padding-bottom: 4px;

}

.view.view-archiv div.view-content div.w3-section>div.w3-section>div.w3-section div.item-list.w3-ul {
    margin-top: 12px;
}

/*.view-archiv.view-id-archiv div.view-content div.w3-section div.w3-section div.w3-section {
    padding-left: 0px;
}*/

.view.view-archiv div.item-list ul li {
    padding: 0px;
    margin: 2px 0px;
}

.eventtitle .views-field-field-datum {
    text-transform: uppercase
}

.view-archiv-der-veranstaltungen div.views-field.views-field-title {
    padding-left: 27px;
    text-decoration: underline;
    text-transform: uppercase
}

div.views-field.views-field-field-datum-2,
ul.liste .views-field-field-datum-1,
.views-field-field-datum-event-1 {
    display: inline-block;
    float: left;
    min-width: 52px;
    padding-right: 6px;
    position: absolute
}

li.monat div.views-field-title,
ul.liste .views-field-title {
    display: inline-block;
    padding-left: 3em;
    padding-right: .5rem;
}

.view-veranstaltungen>div.view-content>div.w3-section,
.view-eventsarchiv>div.view-content>div.w3-section {
    font-size: 1.3em;
    text-transform: uppercase;
}

.view.view-archiv div.view-content>div.w3-section {
    font-size: 1.15em;
    text-transform: uppercase;
}

.view-veranstaltungen-front div.view-content div.vorschau a,
.view-ausstellungen div.vorschau a {
    text-transform: uppercase;
}

.view-eventsarchiv>div.view-content>div.w3-section div {
    font-size: 1em;
}

.view-veranstaltungen>div.view-content>div.w3-section {
    margin-bottom: 0 !important;
}

.view-veranstaltungen>div.view-content>div.w3-section>div,
.view-veranstaltungsarchiv>div.view-content>div.w3-section>div {
    font-size: 1rem;
}

div.monat {
    margin-bottom: 4px
}

li.monat {
    margin: 0;
    padding: 0 0 .5rem
}

.item-list.cal {
    margin-bottom: 0.5rem
}

#bottom-full .item-list.cal {
    margin-bottom: 0.5rem
}

.view-veranstaltungen .item-list.cal {
    margin-bottom: 1.5rem
}

ul.liste {
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important
}

div.slick.blazy div img.media__element {
    width: 100%;
}

div#bottom-full section#block-views-block-veranstaltungen-block-1 div.w3-row {
    margin-left: 0 !important;
    margin-right: 0 !important
}

ul.liste li {
    list-style-type: none;
    margin: 0 0 4px !important;
    padding: 0 !important
}

section#block-views-block-veranstaltungen-block-1 div.w3-row div.month div.view-content div.w3-section {
    float: left;
    width: 32.4%;
    margin-right: 2rem
}

/*.view.view-veranstaltungen div.view-content div.w3-section {
  margin-bottom:1rem !important
} */
.w3-container

/*,.w3-panel,#main-container .views-element-container */
    {
    padding: .01em 8px !important
}

div#main-container-inner .w3css-content {
    padding: 0 16px !important
}

div#main-container-inner .w3css-content .field__items>.field__item {
    margin-right: 0
}

#footer-container a:hover {
    color: #fff
}

div.w3-container.node__content {
    padding: .01em 16px !important;
}

.news div.w3-container.node__content {
    padding: 0px !important;
}


.monat.w3-stretch {
    margin-left: 0px;
    margin-right: 0px;
}

.view-stiftungen-und-donatoren div.view-content div.w3-panel,
.view-partner div.view-content div.w3-panel {
    padding: .1rem .5rem !important;
}

.view-veranstaltungen div.fieldset-wrapper.w3-panel,
.view-veranstaltungen form fieldset,
div.monat div form,
div.monat div form fieldset {
    padding: 0 !important;
    margin: 0 !important;
}

.view-veranstaltungen div.view-filters.form-group form#views-exposed-form-veranstaltungen-page-1 {
    padding: 0 !important;
    margin: .75rem 0 !important;
}

form#views-exposed-form-veranstaltungen-page-1 input.form-radio,
div.monat div form fieldset input.form-radio,
.path-node-5038 article .field--name-field-display-title h2,
.path-search section#block-neubad-page-title,
.path-search .search-help-link {
    /*   display: none; */
}

.view-veranstaltungen div.fieldset-wrapper.w3-panel,
.view-veranstaltungen form fieldset label,
div.monat div form fieldset label {
    margin-left: 0 !important;
    margin-right: 1rem;
    font-size: 1.1em;
    cursor: pointer;
}

.view-veranstaltungen form fieldset input[type="radio"]:checked+label,
div.monat div form fieldset input[type="radio"]:checked+label {
    /*   color: #999; */
    border-bottom: 2px solid;
    padding-right: 0;
}

.view-veranstaltungen form fieldset label:hover,
input[type="radio"]:checked+label:hover {
    color: #999;
}

section#block-neubad-content .field--name-field-datum,
section#block-neubad-content .field--name-field-datum-event,
.field--name-field-enddatum {
    /* color: #999;*/
    text-transform: uppercase;
    margin: 0 !important;
}

section#block-neubad-content .field--name-field-datum-event {
    padding-top: 2rem;
    /*   display: flex;*/
}

.field--name-field-enddatum:before {
    content: 'bis  ';
}

/*section#block-neubad-content .field--name-field-datum {
  display:none;
}*/
section#block-neubad-content .field--name-field-kategorie-der-veranstaltun,
section#block-neubad-content .field--name-field-stil-genre,
.field--name-field-datum-,
.field--name-field-tags,
.field--name-field-ausstellung- {
    /*  color: #999;*/
    margin: 0 !important;
}

.field--name-field-stil-genre,
.field--name-field-veranstalter div p {
    margin: 0 !important;
}

.block-views-block-veranstaltungen-block-2 {
    margin: 2rem 0;
}

#block-views-block-veranstaltungen-block-2 header h2 {
    margin-bottom: 0 !important;
}

#block-views-block-veranstaltungen-block-2 div.monat div form {
    margin-bottom: 1rem !important;
}

.field--name-field-vorverkauf-2,
.field--name-field-ort,
.field--name-field-eintritt-1,
.field--name-field-showtime-neu,
.field--name-field-einlass,
.field--name-field-veranstalter-innen {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    /* color: #999;*/
}

.field--name-field-grafik {
    margin-top: 0px !important;
    color: #999;
}

.field--name-field-veranstalter-innen p,
.field--name-field-eintritt-1 p {
    margin: 0 !important;
    line-height: inherit;
}

.field--name-field-grafik a,
.field--name-field-veranstalter-innen a,
.field--name-field-vorverkauf-2 a {
    text-decoration: underline;
}

/*.node--type-events .field--name-field-flyer,
.node--type-events div.w3-container div.field--type-image {
    margin-bottom: 0px !important;
}
*/

.node--type-events .field--name-field-eintritt div.field__items div:nth-child(2) {
    margin-left: .3rem !important;
}

.node--type-events .field--name-field-eintritt div.field__items div:nth-child(2)::before {
    content: '/ ';
}

.field--name-field-datum- {
    float: left;
    padding-right: 1rem;
}

.path-view-news .field--name-field-display-title,
.path-view-news .field--name-field-display-title h2 {
    margin-bottom: 0 !important;
    padding-top: 1px;
}

.path-view-news .field--name-body {
    clear: left;
}

section#block-neubad-sozialenetzwerkerss p a:hover {
    opacity: .5 !important;
}

section#block-neubadangebot div.w3-section,
section#block-neubadangebot div.w3-section>p {
    margin-top: 0 !important;
}

section#block-views-block-mittagsmenue-block-1 {
    margin-bottom: 1rem;
    margin-top: -1rem;
}

#block-views-block-veranstaltungen-block-2,
#block-views-block-veranstaltungen-block-1-2 {
    margin: 2rem 0;
}

.vorschau .maske {
    display: none;
}

/* .vorschau:hover>.maske {
    display: block;

}*/

.maske {
    position: absolute;
    /* background: #fff;*/
    z-index: 1;
}

.maske a:hover>img.w3-image {
    opacity: 1;
}

ul.sf-menu.sf-accordion li.sf-expanded>ul {
    border-top: 1px solid #000;
}

section#block-mainnavigation li ul li a {
    padding: .75rem 0 .75rem 1.5rem;
}

div#main-container nav.w3-center.pager {
    clear: left;
    display: inherit;
    padding-bottom: 2rem;
    width: 100%;
}

.path-search form#search-form {
    padding: 0 !important;
    margin: 0 0 2rem 0 !important;
}

.path-search ol li.w3-panel {
    padding-left: 0px !important;
}

div.monat footer p {
    margin-top: 0;
}

.webform-submission-form fieldset,
.webform-submission-form fieldset>div {
    margin: 0;
    padding: 0 !important;
}

.webform-submission-form fieldset div div.w3-section:first-of-type {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

input.webform-button--submit.button {
    background: #777 !important;
    color: #fff !important;
    padding: .5rem 4rem;
}

input.webform-button--submit.button:hover,
form#comment-form .button:hover {
    background: #777 !important;
}

form#comment-form .button:hover {
    color: #fff !important;
}

.path-webform h1.page-title {
    font-size: 1.5em !important;
    margin-left: 0 !important;
}

form.webform-submission-form {
    padding-bottom: 2rem;
}

form.webform-submission-form>div>label,
form.webform-submission-form>fieldset>legend,
#edit-telefonnummer--wrapper>legend:nth-child(1),
form.webform-submission-form>fieldset>div>div>label,
form.webform-submission-form div.fieldset-wrapper.w3-panel fieldset div div label {
    color: #777;
}

form.webform-submission-form .form-type-datetime div.container-inline.w3-panel {
    width: 100%;
    padding: 0;
}

form.webform-submission-form .form-type-datetime div>div {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

form.webform-submission-form fieldset.radios--wrapper,
#edit-telefonnummer--wrapper {
    margin-bottom: 1rem !important;
}

form.webform-submission-form fieldset.js-webform-type-fieldset {
    padding: 1rem !important;
    margin-bottom: 1rem !important;
    border: 1px solid #e3e3e3 !important;
}

.webform-submission-form .form-actions {
    text-align: left;
}

.webform-submission-form .form-actions input {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    text-align: center !important;
    background: #000 !important;
}

form .form-type-date,
form .form-type-datetime,
form .form-type-webform-time {
    width: 100% !important;
    margin-top: 0 !important;
}

form .form-type-date>div>div>input,
/*form .form-type-datetime > div > div > input, */
form .form-type-webform-time>div>div>input {
    width: 50%;
}

/*
form .form-type-date input, form .form-type-datetime input, form .form-type-webform-time input {
  width: 50%;
}
 */

form.webform-submission-form .form-type-datetime div#edit-datum.container-inline.w3-panel {
    display: flex;
}

form.webform-submission-form .form-type-datetime div.container-inline.w3-panel div {
    width: 50% !important;
    max-width: 160px;
    padding-right: 2%;
}

form .form-type-date input,
form .form-type-datetime input,
form .form-type-webform-time input {
    width: 50%;
}

form .form-type-date div div input,
form .form-type-datetime div div input,
form .form-type-webform-time div div input {
    width: 100%;
}

div.node__content div.w3-section h2,
h2 {
    font-size: 1.75em;
    text-transform: uppercase;
}

.field--name-field-bildlegende {
    margin-top: -30px !important;
    padding-left: 8px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    float: left;
    width: 100%;
}

.block-field-blocknodepagefield-bildlegende,
.block-field-blocknodearticlefield-bildlegende {
    z-index: 10;
    position: relative;
}

.block-field-blocknodepagefield-pix {
    z-index: 2;
    position: relative;
}

.node .field--type-image {
    float: none !important;
}


.path-search form.search-form>.form-wrapper>.form-type-search label {
    display: none;
}

form#search-form div input.button {
    display: none;
}

ul.sf-menu.sf-accordion .sf-sub-indicator::after {
    content: "+";
}

.path-veranstaltungen div.monat div.view-content div.w3-section:nth-child(2n+3) {
    clear: left;
}

.field--name-field-eingebettete-medien {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.path-webform div#main-container {
    display: block;
    overflow: auto;
}

#footer-container,
#footer-container .first-footer>div,
#footer-container .second-footer>div,
#footer-container .third-footer>div {
    background: #000 !important;
}

div.vorschau div.maske a img.image-style-responsiv {
    max-width: 348px;
}

.node--view-mode-full .w3-container.node__content .field--name-body p {
    text-align: unset;
}


.view-veranstaltungen-front div.view-filters.form-group div.fieldset-wrapper.w3-panel {
    padding-left: 0 !important;
    margin-top: 0;
}

.view-veranstaltungen-front footer.view-footer,
.view-veranstaltungen-bock-startseite-bottom-page- footer.view-footer {
    clear: left;
    float: left;
}

div.monat.view-veranstaltungen-front div.view-content,
div.monat.view-ausstellungen div.view-content,
.view-veranstaltungen-bock-startseite-bottom-page- div.view-content {
    padding: 0 8px;
    margin-left: -16px;
    margin-right: -16px;
}

div.view-veranstaltungen-bock-startseite-bottom-page- footer.view-footer a {
    text-decoration: underline !important;
}

div.monat.view-veranstaltungen-front div.view-content div.item-list,
div.monat.view-ausstellungen div.view-content div.item-list,
.view-veranstaltungen-bock-startseite-bottom-page- div.view-content div.item-list {
    padding: 0 8px;
}

@media (min-width: 992px) {

    div.monat.view-veranstaltungen-front div.view-content div.item-list:nth-child(3n+1),
    .view-veranstaltungen-bock-startseite-bottom-page- div.view-content div.item-list:nth-child(3n+1) {
        clear: both;
    }

    .third-footer div.field p a {
        float: right;
    }
}

@media (min-width: 600px) and (max-width: 992px) {

    div.monat.view-veranstaltungen-front div.view-content div.item-list:nth-child(odd),
    .view-veranstaltungen-bock-startseite-bottom-page- div.view-content div.item-list:nth-child(odd) {
        clear: both;
    }
}

form .form-item label {
    padding-right: 0px;
}

section#block-neubadangebot {
    margin-top: -1rem;
}

#block-views-block-ausstellungen-block-1 {
    margin: 3rem 0;
}

div.w3-section blockquote {
    border-left: 1px solid #333;
}

section#block-neubad-neubadbistrooffnungszeitenundreservation table tbody tr,
tr {
    border-bottom: 0px !important;
}

/*
.view-id-mittagsmenue div.view-content div.w3-panel.views-row article.node--view-mode-full div.w3-container.node__content {
    margin-top: -24px !important;

}
*/
/* section#block-neubad-neubadbistrooffnungszeitenundreservation {
    margin-top: 48px;
} */

.node--type-menu-eintrag .field p {
    padding: 0 !important;
}

article.node--type-page div.w3-container.node__content div.w3-section.field.field--name-field-file.field--type-file div.field__item {
    width: 100%;
}

article div.w3-container .field--name-body {
    clear: left;
}

.page-node-type-events article .field-group-tabs-wrapper {
    float: left;
    border-top: 1px solid !important;
    margin-top: 1rem !important;
    width: 100%;
    padding-top: 1rem;
}

.field--name-field-barrierefreiheit div.taxonomy-term div.w3-row-padding div img.w3-image {
    margin-left: -1rem;
    padding-right: .5rem;
    margin-right: .5rem;
}


.field--name-field-barrierefreiheit div#taxonomy-term-453 div.w3-row-padding div img.w3-image {
    margin-left: -.8rem;
    padding-right: .5rem;
    margin-right: .5rem;
}


.path-frontpage .field--name-field-bildlegende {
    margin-top: -40px !important;
}

.view-veranstaltungen-front header.view-header,
.view-veranstaltungen header.view-header,
.view-eventsarchiv header.view-header {
    padding-left: 0px;
}

div.slick-track div.slick__slide.slide div.slide__caption {
    padding-bottom: 4px;
    padding-left: 6px;
}

div.slick-track div.slick__slide.slide div.slide__caption p,
div.slick-track div.slick__slide.slide div.slide__caption h2.slide__title,
h2.slide__title {
    margin-bottom: 0px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    font-size: 1em;
    text-transform: none;
}

.slick-arrow::before {
    color: #fff;
}

.slick-prev::before,
.slick-next::before {
    opacity: 1;
    font-family: inherit;
    font-size: 3em;
}

.slick-arrow:hover::before {
    color: grey;
}

.field--name-field-kategorie-der-veranstaltun div.w3-bar-item.field__item {
    padding-right: 1rem;
}

div.slick--field-image div.slide__caption {
    padding-top: 0;
    margin-top: -2rem;
    z-index: 10;
    position: relative;
    padding-left: 4px;
}

.w3-search-block-form .form-type-search input {
    font-family: 'Brown';
}

/* section#block-views-block-ausstellungen-block-1-2 div.monat.view-ausstellungen {
    padding: 0 16px;
}
*/

.view-archiv.view-id-archiv header.view-header {
    padding: 0px;
}

.view-archiv.view-id-archiv form#views-exposed-form-archiv-page-1 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.view-archiv.view-id-archiv.view-display-id-page_1 div.view-content div.w3-section>div.w3-section>div.w3-section>div.item-list {
    padding-left: 0px;
}

.view-archiv.view-id-archiv div.view-content div.w3-section div.w3-section div.w3-section div.item-list ul {
    padding-left: 48px;
}

.path-view-heute h3.w3-margin-left.node__title {
    display: none;
}

.path-view-heute div#main-container-inner.w3-container.main-container-inner.w3-width-1280 {
    max-width: 100% !important;
}

section#block-neubad-content div.w3-row.view.view-heute.view-id-heute {
    display: flex;
}

section#block-neubad-content div.w3-row.view.view-heute.view-id-heute>div {
    flex: min-content;
    padding-right: 4%;
}

.page-node-type-page section#block-neubad-content .node--view-mode-full div.w3-container.node__content .slick--field-pix--full div.slide__caption {
    margin-top: -3rem;
    position: relative;
    padding-left: .2rem;
    padding-bottom: 0px;
}


.field--name-field-vorverkauf-2 {
    float: left;
    background: black;
    color: white;
    cursor: pointer;
    margin-top: 2rem !important;
    text-align: center;
    width: 100%;
    max-width: 320px;

}

.field--name-field-vorverkauf-2 a {

    display: block;
    padding: .55rem 3rem;
    text-decoration: none;
    text-transform: uppercase;
}

.field--name-field-vorverkauf-2:hover {
    background: #888;
}

.field--name-field-vorverkauf-2 a:hover {
    color: white;
    opacity: 1;
}

.page-node-type-events div.field--name-field-datum-event {
    clear: left;
}


article.node--type-events div.w3-container.node__content div.field--name-field-eingebettete-medien div.w3-bar-item.field__item {
    width: 100%;
    margin: 0 0 1rem;
}

.node--type-events .vocabulary-barrierefreiheit h2.w3-opacity.w3-margin-left {
    display: none;
}


/*.field--name-field-barrierefreiheit div.w3-bar-item {
    margin-left: -1.4rem;
}
*/
/*
.field--name-field-barrierefreiheit>div.w3-bar-item:nth-of-type(2) {
    width: 50%;
}


.field--name-field-barrierefreiheit div.w3-bar-item:nth-of-type(1) {
    width: 100%;
}

*/


.field--name-field-barrierefreiheit div.w3-bar-item {
    width: 100%;
}

.field--name-field-barrierefreiheit>div.w3-bar-item:nth-of-type(1),
.field--name-field-barrierefreiheit>div.w3-bar-item:nth-of-type(2) {
    margin-bottom: -1rem;
}

.field--name-field-barrierefreiheit div.w3-bar-item .vocabulary-barrierefreiheit div.content .field--type-image {
    float: left !important;
}

.field--name-field-barrierefreiheit div.w3-bar-item .vocabulary-barrierefreiheit div.content .field--type-image img {
    max-width: 60px;
}

.vocabulary-barrierefreiheit div div.w3-section.field.field--name-description,
.vocabulary-barrierefreiheit div div.w3-section.field.field--name-description p {
    margin-top: 0px !important;
}

.vocabulary-barrierefreiheit div.w3-row-padding.content {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.vocabulary-barrierefreiheit div div.w3-section.field.field--name-description {
    height: 70px;
    vertical-align: middle;
    display: table-cell;
}

div.shariff {
    clear: left;
    padding-top: 1rem;
    border-bottom: 1px solid #000;
}

div.shariff ul {
    padding: 0px;
    list-style: none;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

div.shariff ul li {
    width: 50%;
    min-width: 240px;
    margin-bottom: 1rem;

}


.fa-facebook-f::before,
.fa-facebook::before {
    background-image: url('/sites/default/files/icon_facebook.png') !important;
    background-size: 40px 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    content: "";
}


.fa-facebook-f::after,
.fa-facebook::after {
    content: "Auf Facebook teilen";
    margin-top: 0.3rem;
    margin-left: .6rem;
}

.fa-whatsapp::before {

    background-image: url('/sites/default/files/icon_whatsapp.png') !important;
    background-size: 40px 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    content: "";

}

.fa-whatsapp::after {
    content: "Auf Whatsapp teilen";
    margin-top: 0.3rem;
    margin-left: .6rem;
}

li.shariff-button:nth-child(1)>a:nth-child(1)>span:nth-child(2),
li.shariff-button:nth-child(2)>a:nth-child(1)>span:nth-child(2) {
    display: none;
}

div.shariff ul li a span {
    display: flex;
}

.page-node-type-events .field--name-field-grafik {
    margin-bottom: 1rem;
}

div.addtocal-container button {
    /*   background: white !important;*/
    border: none !important;
}

.addtocal-container .addtocal-menu {
    background: white;
    border: 1px solid;
    border-radius: 0px;
    padding: 0.5rem;
}

li.addtocal-link::before {
    content: "" !important;
}

.addtocal-container .addtocal-link a:hover {
    border-radius: 0px;
}

.addtocal-menu ul.addtocal-links {
    padding-left: 0px !important;
}

/*
div.addtocal-container button::before {
    background-image: url('/sites/default/files/icon_agenda.png') !important;
    background-size: 40px 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    content: "";

}
*/

div.addtocal-container button {
    background-image: url('/sites/default/files/icon_agenda.png') !important;
    background-size: 40px 40px !important;
    background-repeat: no-repeat !important;
    height: 40px !important;
    background-color: transparent !important;
}

.page-node-type-events section div.field--name-field-grafik div.w3-bar-item.field__item p {
    margin: 0px;
    /*  line-height: 1.5;*/
}

.page-node-type-events div.field--name-field-flyer.field--type-image {
    margin-bottom: 0px !important;
}

.addtocal-container {
    /*margin: -8px 8px 8px 0px !important;
    padding-left: 1rem;*/

}

/*.addtocal-container:hover {
    opacity: .6;
}*/

button.addtocal:hover {
    opacity: 0.6;
}

.addtocal-container .addtocal {
    padding: 0px 0px 0px 48px !important;
}

div.addtocal-container button:hover {
    color: grey;
}

.addtocal-container button {
    display: ruby;
}

@media (min-width: 1240px) {
    .addtocal-container {
        /* flex: 50%;*/
        min-width: 50%;
        /*   margin-left: 1.5rem;*/
        float: right;
    }
}

@media (max-width: 1239px) {
    .addtocal-container {
        min-width: 50%;
        margin-left: 1rem;
    }
}

/*
@media (max-width: 1219px) {
    .addtocal-container {
        flex: 59%;
    }
}

@media (max-width: 1199px) {
    .addtocal-container {
        flex: 60%;
    }
}


@media (max-width: 1179px) {
    .addtocal-container {
        flex: 61%;
    }
}

@media (max-width: 1159px) {
    .addtocal-container {
        flex: 61.5%;
    }
}

@media (max-width: 1139px) {
    .addtocal-container {
        flex: 62.5%;
    }
}
*/
@media (max-width: 1120px) {
    section#block-neubad-content .field--name-field-datum-event {
        padding-top: 3rem;
        display: block;
        margin-top: 2rem !important;
    }

    .addtocal-container {
        position: absolute;
        margin-top: -5rem !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
    }

    .field--name-field-enddatum {
        max-width: 100%;
    }
}

@media (min-width: 1121px) {
    .field--name-field-enddatum {
        max-width: 260px;
    }
}

.field--name-field-barrierefreiheit {
    float: left;
    border-top: 1px solid #000;
    margin-top: 2rem !important;
    margin-bottom: -1rem !important;
    width: 100%;
}

div.field-group-tabs-wrapper div.horizontal-tabs {
    border: 0px;
}

div.field-group-tabs-wrapper div.horizontal-tabs ul li.selected {
    display: none !important;

}

div.field-group-tabs-wrapper div.horizontal-tabs ul li.horizontal-tab-button {
    border: 0px;
    background: #000;
    color: #FFF;
    min-width: 2rem;
    margin-top: 20px;
}

div.field-group-tabs-wrapper div.horizontal-tabs ul li.horizontal-tab-button:hover {
    border: 0px;
    background: grey !important;
    color: #FFF !important;
}

div.field-group-tabs-wrapper div.horizontal-tabs ul li.horizontal-tab-button a:hover {
    color: #FFF !important;
    background: none;
    opacity: 1;
}


div.field-group-tabs-wrapper div.horizontal-tabs ul.horizontal-tabs-list {
    border: 0px !important;
    /*  background: #FFF !important; */
    display: block;
}

div.field-group-tabs-wrapper details {
    padding: 0px !important;
    clear: left;
    float: left;
    width: 100%;
}

article div.field-group-tabs-wrapper {
    margin-top: -24px !important;
}

.block-text-resize-block div.content {
    float: left;
}

a#text_resize_reset {
    /* background: url(/sites/default/files/resize2.png) no-repeat 0 0 !important; */
    background: none !important;
    text-indent: unset !important;
    font-size: 22px;
    width: 24px;
    margin-top: 12px;
}

a#text_resize_increase {
    background: none !important;
    text-indent: unset !important;
    font-size: 28px;
    width: 40px;
}

a#text_resize_decrease {
    background: none !important;
    text-indent: unset !important;
    font-size: 16px;
    width: 32px;
    margin-top: 18px;
}

@media (max-width: 600px) {
    #block-textgrossenanderung-2 div.content {
        margin-top: -.7em;
    }
}

#block-views-block-ausstellungen-block-1-2 {
    margin-bottom: 1rem;
}

section#block-views-block-ausstellungen-block-1-2 h2.w3-padding.w3-block-title {
    margin-top: 0px;
    padding-left: 0px !important;
}

/*
.w3-third.footer-box #block-neubadmitgliedschaft {
    display: none;
}*/

section#block-neubadmitgliedschaft h4 {
    color: black;
    text-align: center;
}

section#block-neubadmitgliedschaft h4:hover,
section#block-neubadmitgliedschaft h4 a:hover {
    color: black;
    text-align: center;
    opacity: .5;
}

.block-neubadmitgliedschaft-modal-close {
    font-size: 24px;
    padding: 0px 10px 2px 10px;
}

.path-product label.field__label {
    font-weight: bold;
}

.path-search form.search-form>.form-wrapper>.form-type-search {
    float: left;
    width: 100%;
    margin: 0 0 10px 0 !important;
}

form input.button--add-to-cart:hover {
    opacity: .5;
    background-color: #000 !important;
    color: #FFF !important;
}

form input.button--add-to-cart {
    background-color: #000 !important;
    color: #FFF !important;
}

div#commerce-product-add-to-cart-form form.commerce-order-item-add-to-cart-form {
    padding-left: 0px !important;
}

.field--name-field-vorverkauf-2 span {
    padding: .55rem 5rem;
    display: block;
}


.main-box iframe {
    width: 100%;
    max-height: 560px;

}

p.snippet {
    margin-bottom: 3rem;

}

form#search-api-page-block-form-suche {
    padding: 0px !important;

}

form#search-api-page-block-form-suche>div {
    width: 100%;
}

form#search-api-page-block-form-suche input {
    padding-left: 1.7rem;
    background: url('/themes/neubad/img/search.png');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 22px;
    padding-bottom: .2rem;

}

form#search-api-page-block-form-suche input#edit-submit.search-form__submit.button.w3-button {
    display: none;
}

section#block-searchapipagesearchblockform {
    float: left;
    margin-top: -1.5rem;
}

#block-kategorie,
#block-brand,
#block-browserbackbuttonblock,
#block-zusatzmenukiosk

/*,
#block-warenkorb */
    {
    float: left;
}

#block-kategorie {
    margin-top: 1rem;
}

#block-kategorie h2,
#block-brand h2,
#block-warenkorb h2 {
    padding-left: 0px !important;
    font-size: 1.25rem;
}

#block-zusatzmenukiosk a {
    text-decoration: none !important;
}

#block-zusatzmenukiosk {
    margin-top: 1.2rem;
}

#block-zusatzmenukiosk p {
    border-bottom: 1px solid;
    padding-bottom: 0.5rem;
    margin-bottom: 3rem;
}

div.facets-widget-links ul {
    padding-left: 0px !important;
    list-style-type: none;
    margin-top: 0px;
}

div.facets-widget-links ul li:last-child {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 0px;
    border-right: 0px;
    padding: 0.5rem 0;
}


div.facets-widget-links ul li {
    border-top: 1px solid black;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    padding: 0.5rem 0;
}


#block-browserbackbuttonblock h4 {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: .5rem 0;
    margin-top: 2rem;
}

#block-browserbackbuttonblock h4:hover {
    cursor: pointer;
    opacity: .6;
    color: grey;
}

li.facet-item a.is-active {
    opacity: .6;
    color: grey;
}

.path-view-produkte .w3-row .field-content div div.field--name-title,
.path-view-produkte div.views-field-title-2 {
    width: 66%;
    float: left;
    margin-top: 10px !important;
}

.path-view-produkte .w3-row .field-content div div.field--name-title h2,
.path-view-produkte div.views-field-title-2 {
    font-size: 1rem;
    text-transform: uppercase;
}

.path-view-produkte .w3-row .field-content div div.field--name-price {
    width: 33%;
    float: right;
    margin-top: 10px !important;
    text-align: right;
}

.slick__slider div.slick-list div.slick-track div.slick-slide div {
    display: grid;
}

.path-view-produkte section#block-neubad-content header.view-header {
    padding-left: 0px !important;
}

.path-view-produkte section#block-neubad-content {
    float: left;
    padding: 0px;
}

div#highlighted {
    border-bottom: 1px solid #000;
}

#block-warenkorb {
    float: left;
    background: black;
    color: white;
    margin-top: 1rem;
    padding: 0.5rem 1rem;
}

#block-warenkorb h2 {
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px !important;
}

.cart-block--contents.is-outside-horizontal {
    right: 16px;
}

.cart-block--contents {
    width: 400px;
    background: white;
    color: black;
    border: 1px solid;
    left: -16px;
    top: 36px;
}

section#block-warenkorb div.cart--cart-block {
    /*float: right;*/
    padding-right: 16px;
    position: relative;
}

.cart-block--contents__links {
    padding-top: 8px;
}

.cart-block--contents__links a {
    text-decoration: underline;
}

.cart-block .w3-table-all {
    border: 0px !important;
}

section#block-searchapipagesearchblockform form#search-api-page-block-form-suche div#edit-actions--2 {
    display: none;
}

#block-zuruckzumkiosk {
    float: left;
    margin-top: 1rem;
}

#block-zuruckzumkiosk h4 {
    border: 1px solid black;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: black;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: black;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: black;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: black;
    border-left: 0px;
    border-right: 0px;
    padding: 0.5rem 0;
}

.path-kiosk .blazy--view li.grid {
    padding-bottom: 0px;
    margin-bottom: 2rem;
}

.w3-table td,
.w3-table th,
.w3-table-all td,
.w3-table-all th {
    vertical-align: top;
}

div.cart-block--summary a.cart-block--link__expand:hover {
    border-bottom: 2px solid white !important;
    width: fit-content;
    opacity: 1;
    color: white;
}

div.cart-block--summary a.cart-block--link__expand,
section#block-warenkorb h2 a {
    border-bottom: 2px solid black
}

section#block-warenkorb h2 a:hover {
    opacity: 1;
    color: white;
    border-bottom: 2px solid white !important;
}

.path-product .slick--field-bild--full .slick__slider.slick-dotted div.slick-list {
    margin-bottom: 0.5rem;
}

.messages--status {
    color: black;
    background-color: white;
    border-color: black;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid;
}

.messages--status a {
    border-bottom: 2px solid black;
}

table.w3-table-all .views-field-edit-quantity div.w3-section,
table.w3-table-all input.delete-order-item {
    margin-top: 0px !important;
}

.path-cart table.w3-table-all {
    border: 0px !important
}

.path-cart table.w3-table-all thead tr {
    /* border-top: 1px solid black;*/
    border-bottom: 1px solid black !important;
}

.path-cart table.w3-table-all tbody tr td.views-field.views-field-remove-button input {
    border: 1px solid black;
}

.order-total-line-value {
    width: 160px;
}

.view-commerce-cart-form div.view-content div.views-form form div#edit-actions input#edit-submit.button,
.view-commerce-cart-form div.view-content div.views-form form div#edit-actions input#edit-checkout.button,
input#edit-shipping-information-shipping-profile-edit-button,
#edit-actions-next {
    background-color: #000 !important;
    color: #FFF !important;
}

.view-commerce-cart-form div.view-content div.views-form form div#edit-actions input#edit-submit.w3-button:hover,
.view-commerce-cart-form div.view-content div.views-form form div#edit-actions input#edit-checkout.w3-button:hover,
input#edit-shipping-information-shipping-profile-edit-button:hover,
#edit-actions-next:hover {
    opacity: 0.6;
    background-color: #000;
    color: #FFF;
}

fieldset {
    border: 2px solid #c0c0c0;
}

/*#edit-shipping-information>legend:nth-child(1),
#edit-payment-information>legend:nth-child(1),
#edit-review-contact-information>legend:nth-child(1),
#edit-review-shipping-information>legend:nth-child(1),
#edit-review-payment-information>legend:nth-child(1) {
    font-size: 24px;
}*/

form#commerce-checkout-flow-multistep-default h3,
form#commerce-checkout-flow-multistep-default div div.layout-region.layout-region-checkout-secondary {
    border-bottom: 1px solid black;
}

div#edit-actions a.link--previous {
    border: 1px solid;
    padding: 0.5rem 1rem 0.7rem 1rem;
    margin-left: 1rem;
}

/* WEBFORMS!
div.page-wrapper {

    height: 100vh;
    display: flex;
    flex-direction: column;
}

div#main-container {
    flex-grow: 1;
}
*/
/*
div.w3-section.field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.path-product div#commerce-product-add-to-cart-form form {
    margin-top: 0px !important;
    padding-top: 0px !important;
}
*/

div#commerce-product-add-to-cart-form form div#edit-quantity-wrapper label,
div#commerce-product-add-to-cart-form form div label,
div#commerce-product-add-to-cart-form fieldset legend {
    font-weight: bold;
}

.form-required::after {
    color: #000;
}

.path-view-produkte .slick--field-bild nav.slick__arrow {
    display: none;
}

/* div#commerce-product-add-to-cart-form fieldset {
    padding: 0px !important;
}
*/

.path-product article .field.field--name-variations.field--type-entity-reference div.field__item {
    width: 100%;
}

#block-tokenblock {
    float: left;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    background: #e3e3e3;
}

.commerce-order-item-add-to-cart-form input.form-number {
    max-width: 80px;
}

div#commerce-product-add-to-cart-form form.w3-padding-large {
    padding: 0px !important;

}

.field--widget-commerce-product-variation-attributes .attribute-widgets {
    display: flex;
    margin-left: -8px;
    margin-right: -8px;

}

.field--widget-commerce-product-variation-attributes .attribute-widgets fieldset {
    width: 50%;
    padding: 0px 8px !important;
}

.field--widget-commerce-product-variation-attributes .attribute-widgets div.fieldset-wrapper {
    margin-top: 0px !important;
}


section#block-neubad-direktzuganganmeldeformular div.w3-section.field.field--name-body p,
section#block-kiosk-footer div.w3-section.field.field--name-body,
section#block-blogvereinbar div.w3-section p {
    display: flex;
    justify-content: space-between;

}

section#block-kiosk-footer div.w3-section.field.field--name-body {
    grid-gap: 2.5rem;
}

.path-node-7523 div#bottom-container,
.path-view-produkte div#bottom-container,
.path-product div#bottom-container,
.path-cart div#bottom-container,
.path-checkout div#bottom-container,
.path-view-labels-kiosk #bottom-container,
.path-node-7734 div#bottom-container,
.path-node-7731 div#bottom-container,
.path-kiosk div#bottom-container,
.path-view-produkte-neu div#bottom-container,
.path-kiosk-front div#bottom-container {
    /* background: black !important;
    color: white !important;*/
    border-top: 2px solid black !important;
    margin-top: 4rem;
    background: black !important;
}

input#edit-submit.button.w3-button {
    background: black !important;
    color: white !important;
}

.page-node-type-events .field--name-field-eintritt-1 div.w3-bar-item p {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.path-view-produkte div#bottom-container div#bottom-container-inner,
.path-product div#bottom-container div#bottom-container-inner,
.path-cart div#bottom-container div#bottom-container-inner,
.path-checkout div#bottom-container div#bottom-container-inner,
.path-kiosk div#bottom-container div#bottom-container-inner,
.path-view-produkte-neu div#bottom-container div#bottom-container-inner,
.path-kiosk-front div#bottom-container div#bottom-container-inner {
    background: black;
}

.path-view-produkte div#bottom-container div#bottom-container-inner #bottom-full,
.path-product div#bottom-container div#bottom-container-inner #bottom-full,
.path-cart div#bottom-container div#bottom-container-inner #bottom-full,
.path-checkout div#bottom-container div#bottom-container-inner #bottom-full,
.path-node-7523 div#bottom-container div#bottom-container-inner div#bottom-full,
.path-view-labels-kiosk div#bottom-container div#bottom-container-inner div#bottom-full,
.path-node-7734 div#bottom-full,
.path-node-7731 div#bottom-full,
.path-kiosk div#bottom-full,
.path-view-produkte-neu div#bottom-container div#bottom-container-inner div#bottom-full,
.path-kiosk-front div#bottom-container div#bottom-container-inner div#bottom-full {
    background: black !important;
}

.path-view-produkte div#bottom-container div#bottom-container-inner #bottom-full section,
.path-product div#bottom-container div#bottom-container-inner #bottom-full section,
.path-cart div#bottom-container div#bottom-container-inner #bottom-full section,
.path-checkout div#bottom-container div#bottom-container-inner #bottom-full section,
.path-node-7523 div#bottom-full section,
.path-view-labels-kiosk div#bottom-container div#bottom-container-inner #bottom-full section,
.path-node-7734 div#bottom-full section,
.path-node-7731 div#bottom-full section,
.path-kiosk div#bottom-full section,
.path-view-produkte-neu div#bottom-container div#bottom-container-inner div#bottom-full section,
.path-kiosk-front div#bottom-container div#bottom-container-inner div#bottom-full section {

    background: black;
    color: white;
}

div.field p a.w3-button,
p a.w3-button {
    background: black;
    color: white;
    text-decoration: none !important;
}

div.field p a.w3-button:hover,
p a.w3-button:hover {
    background: black !important;
    color: white !important;
    text-decoration: none !important;
    opacity: .6 !important;
}

#block-neubad-primary-local-tasks>nav>ul>li.is-active.w3-button {
    background: gray;
    color: white;
}

.path-checkout #shipping-information-wrapper,
.path-checkout #edit-review-shipping-information {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

#node-labels-kiosk-edit-form>div>div.layout-region.layout-region-node-secondary.w3-row.w3-padding,
.path-node.page-node-type-labels-kiosk- #block-neubad-primary-local-tasks>nav {
    display: none;
}

.path-user .view-labels-kiosk- div.view-content div.w3-panel.views-row div span a {
    background: black;
    color: white;
    padding: 0.5rem 1rem;
}

.user-logged-in.path-product section#block-neubad-content.w3-block.w3-block-wrapper.block-system.block-system-main-block form#commerce-product-default-edit-form.commerce-product-default-edit-form details#edit-author.product-form-author,
.user-logged-in.path-product section#block-neubad-content form#commerce-product-default-edit-form.commerce-product-default-edit-form.commerce-product-form div.layout-product-form div#edit-body-wrapper div#edit-body-0-format {
    display: none;
}

input#edit-actions-submit.button,
input#edit-actions-submit-continue.button,
form#comment-form .button {
    background: black;
    color: white;
}

section#block-produkteubersicht h2.w3-padding.w3-block-title {
    padding-left: 0px !important;
}

section#block-produkteubersicht ul {
    padding-left: 0px !important;
    margin-top: 0px !important;
}

section#block-produkteubersicht ul li {
    list-style-type: none;
}

section#block-produkteubersicht a span.js-facet-deactivate {
    display: none;
}

section#block-produkteubersicht ul li a {
    cursor: default;
    font-size: 1.75em;
    text-transform: uppercase;
}


section#block-produkteubersicht ul li a:hover {
    opacity: 1;
    color: black;
}

.path-view-labels-kiosk #block-zusatzmenukiosk>div>p:nth-child(1)>a,
.path-node-7523 #block-zusatzmenukiosk>div>p:nth-child(2)>a {
    opacity: .6;
    color: grey !important;
}

.path-view-labels-kiosk section#block-neubad-content header.view-header {
    padding-left: 0px;
}

.path-view-labels-kiosk div.view-content ul li div div span a {
    text-decoration: none !important;
    text-transform: uppercase;
}

#kioskkategorien-menu-link-content0c8d0039-923d-4b20-9903-fd595caf8b21-accordion {
    padding-top: 2rem;
}

.small-screen section#block-neubad-content .horizontal-tabs details summary {
    display: none;
}

section#block-kioskkategorien.block-superfish.block-superfishkioskkategorien {
    width: 50%;
    float: right;
    clear: right;
    margin-top: 1rem;
}

section#block-kioskkategorien.block-superfish.block-superfishkioskkategorien div.sf-accordion-toggle {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: .5rem 0;
    font-size: 1.2em;
}

.large-screen .view-labels-kiosk div.views-field.views-field-field-bilder-label-,
.medium-screen .view-labels-kiosk div.views-field.views-field-field-bilder-label-,
.large-screen div.w3-col.s12.l6.m6.left {
    padding-right: 0.5rem;
}

.large-screen .view-labels-kiosk div.views-field.views-field-body,
.medium-screen .view-labels-kiosk div.views-field.views-field-body,
.large-screen div.w3-col.s12.l6.m6.right {
    padding-left: 0.5rem;
}

.small-screen .view-labels-kiosk div.views-field.views-field-field-bilder-label- {
    padding-right: 0px;
}

.small-screen .view-labels-kiosk div.views-field.views-field-body {
    padding-left: 0px;
}

div.attachment.attachment-after .blazy--view.blazy--view--labels-kiosk div.views-field.views-field-variations-target-id span.field-content a div div.w3-section.field.field--name-price.field--type-commerce-price {
    /*   width: 50%;*/
    float: right;
    /*   margin-top: 10px !important;*/
    text-align: right;
}

div.attachment.attachment-after .blazy--view.blazy--view--labels-kiosk div.views-field.views-field-variations-target-id span.field-content a div.views-field-title-2 {
    margin-top: 10px !important;
}

div.attachment.attachment-after .blazy--view span.field-content a div div.slick--field-bild--katalog nav.slick__arrow,
.blazy--view.blazy--view--labels-kiosk.blazy--view--labels-kiosk--attachment-1 li a div.views-field-title-2,
.blazy--view--labels-kiosk--attachment-1 div.slick.slick--view--labels-kiosk-attachment-attachment-1 nav.slick__arrow {
    display: none;
}

.page-node-type-events .node__content .field--name-field-video-oder-flyer-zum-event,
.page-node-type-events .node__content .field--name-field-video-oder-flyer-zum-event div div.field--name-field-media-image {
    margin-bottom: 0px !important;
}

body div#footer-menu.w3-camo-dark-grey {
    background: #fff !important;
}

div#spb-block-errorama div.spb-popup-main-wrapper.spb_top_center {
    max-width: 90%;
}

/*
.view-content p {
    text-align: none;
}
*/
form#commerce-checkout-flow-multistep-default div#edit-order-summary div.checkout-order-summary table tbody tr td:nth-child(1) {
    vertical-align: text-top;
    padding-right: 0.5rem;
    float: left;
}

form#commerce-checkout-flow-multistep-default div#edit-order-summary div.checkout-order-summary table tbody tr>td:nth-child(2)>div:nth-child(1)>div:nth-child(1) {
    margin-top: 0px !important;
}


form#commerce-checkout-flow-multistep-default div#edit-order-summary div.checkout-order-summary table tbody tr td:nth-child(3) {
    vertical-align: text-top;
    padding-left: 0.5rem;
    float: right;
}

.checkout-pane-order-summary div.order-total-line {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

/*div.order-total-line>span:nth-child(1) {
    float: left;
}*/

div.order-total-line>span:nth-child(2) {
    float: right;
}

.order-total-line-value {
    width: 140px;
}

.view-total-price-number-table-column,
.views-field-total-price__number {
    float: right;
}

form#commerce-product-default-add-form div#edit-body-wrapper div#edit-body-0-format {
    display: none;
}

.path-product section#block-neubad-local-actions li a.button.button-action {
    background: black;
    color: white;
}

form#commerce-product-variation-default-add-form div#edit-dimensions-wrapper fieldset#edit-dimensions-0 div.fieldset-wrapper.w3-panel {
    display: flex;
}

form#commerce-product-variation-default-add-form div#edit-dimensions-wrapper fieldset#edit-dimensions-0 div.fieldset-wrapper.w3-panel>div {
    padding-right: .5rem;
}

fieldset#edit-dimensions-0 .js-form-item-dimensions-0-unit {
    padding-top: 1.5rem;
}

div#edit-dimensions-wrapper span.field-suffix,
form#commerce-product-default-add-form.commerce-product-default-add-form.commerce-product-form div.layout-product-form.clearfix div.layout-region.layout-region-product-footer div.layout-region-product-footer__content div#edit-actions.form-actions.js-form-wrapper.form-wrapper input#edit-actions-submit.button.button--primary.js-form-submit.form-submit {
    display: none;
}

#block-tokenblock h2 {
    font-size: 1.2rem !important;
}

#block-tokenblock ul {
    list-style-type: none;
    padding: 0px;
}

#block-tokenblock ul a {
    text-decoration: underline;
}

.path-view-labels-kiosk-.user-logged-in #block-neubad-primary-local-tasks>nav>ul>li:nth-child(1),
.path-view-labels-kiosk-.user-logged-in #block-neubad-primary-local-tasks>nav>ul>li:nth-child(2),
.path-view-alleprodukte.user-logged-in #block-neubad-primary-local-tasks>nav>ul>li:nth-child(1),
.path-view-alleprodukte.user-logged-in #block-neubad-primary-local-tasks>nav>ul>li:nth-child(2) {
    display: none;
}

div.monat ul.liste li.zeile div.views-field-field-kategorie-der-veranstaltun {
    display: inline-block;
    padding-left: 3em;
    padding-right: .5rem;
    text-transform: none;

}

div.monat ul.liste li.zeile div.views-field.views-field-field-ort {
    text-transform: none;
    float: right;
}

ul.liste .views-field-title {
    width: 100%;
}

ul.liste .views-field-title .vorschau a {
    /* float: left;*/

    display: inline-block;
    width: 100%;
    background: url(/sites/default/files/eventarrow.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 28px;
    background-position-y: 90%;
    text-transform: uppercase;
}

ul.liste li.zeile {
    border-bottom: 1px solid;
    padding-bottom: .5rem !important;
    margin-bottom: .5rem !important;
}



ul.liste li.zeile a {
    text-decoration: none !important;
}

.vorschau span.kategorie {
    float: left;
    text-transform: none;
}

.vorschau span.ort {
    float: right;
    text-transform: none;
}

.vorschau span.title {
    float: left;
    padding-right: 2rem;
    clear: left;
}

.vorschau a:hover span.title {
    text-decoration: underline;
}

div.view-filters.form-group form div.w3-block fieldset {
    border: 0px !important;

}

div.view-filters.form-group form div.w3-block fieldset div.fieldset-wrapper.w3-panel {
    cursor: auto;
}

/*
div.view-filters.form-group form div.w3-block fieldset div.form-type-date input {
    width: 36px;
    border: 0px !important;
    box-shadow: none;
    margin-left: -.7rem !important;
    overflow: hidden;
    background: transparent;
}
*/
div.view-filters.form-group form div.w3-block fieldset div div.form-type-date::before {
    background: url(/sites/default/files/eventarrow.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 28px;
    background-position-y: 90%;
}

/*
div.view-filters.form-group form div.w3-block fieldset div div.form-type-date::after,
div.facets-widget-datepicker ul li::after {
    content: "Datum";
    color: black;
    font-size: 1.2rem;
}
*/

@media (max-width: 992px) {
    div.facets-widget-datepicker ul li::after {
        display: none;
    }

}


div.view-filters.form-group form div.w3-block fieldset div div.form-type-date:hover::after

/*,
div.facets-widget-datepicker ul li:hover::after*/
    {
    color: #999;

}

form#views-exposed-form-veranstaltungen-page-1 input.form-radio,
div.monat div form fieldset input.form-radio {
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;
}

input[type='radio'] {
    accent-color: #232323;
}


.view.view-labels-kiosk div.attachment.attachment-after {
    margin-top: 2rem;
}

input.facet-datepicker,
div.view-filters.form-group form div.w3-block fieldset div.form-type-date input,
input[type="date"]:before {

    color: transparent;
    border: 0px;
    box-shadow: none;
    background: url(/sites/default/files/date.svg);
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: top;
    background-repeat: repeat;
    background-size: auto;
    background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    border: 0px !important;
    padding: 0px;
    height: 24px;
    max-height: 24px;
    overflow: hidden;

}



input.facet-datepicker:hover,
div.view-filters.form-group form div.w3-block fieldset div.form-type-date input:hover {
    opacity: 0.6;
}


fieldset#edit-field-datum-event-value-1-wrapper div.fieldset-wrapper div.form-item-field-datum-event-value-1-date {
    width: auto !important;
}


/*
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-year-field,
input[type="date"]::-webkit-datetime-edit-text {
    color: transparent;
}

*/
div.view-filters input[type="date"] {
    position: relative;
    width: 24px;
}



/*
input#datum-min.facet-datepicker::after {
    content: " ";
}
*/

/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
div.view-filters input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

/* adjust increase/decrease button */
input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}

/* adjust clear button */
input[type="date"]::-webkit-clear-button {
    z-index: 1;
}

/*
input {
    position: absolute;
    opacity: 1;

    &::-webkit-calendar-picker-indicator {
        position: absolute;
        width: 100%;
    }
}
*/

fieldset.js-form-wrapper.form-wrapper div.fieldset-wrapper.w3-panel div.js-form-type-date.form-type-date {
    width: auto !important;
}

div.facets-widget-datepicker ul,
div.facets-widget-checkbox ul {
    list-style-type: none;
    padding-left: 0px;
    width: fit-content;
}

div.facets-widget-checkbox ul li {
    float: left;
    margin-right: 1.5rem;
    cursor: pointer;
}

div.facets-widget-checkbox ul li input {
    margin-top: .3rem;
    cursor: pointer;
    margin-right: 0.5rem;
}

div.facets-widget-checkbox ul li label {
    margin-left: 0rem;
    font-size: 1.2rem;
    cursor: pointer;
}

.path-view-veranstaltungen-indiziert- section#block-neubad-content {
    clear: both;
    margin-top: 1rem;
    float: left;
}

div.monat.w3-stretch.w3-row.view.view-veranstaltungen-indiziert- div.view-content.w3-row-padding.w3-stretch div.w3-section.w3-col.l6.m6.s12 {
    font-size: 1.3em;
    text-transform: uppercase;
}

div.monat.w3-stretch.w3-row.view.view-veranstaltungen-indiziert- div.view-content.w3-row-padding.w3-stretch div.w3-section.w3-col.l6.m6.s12 div {
    font-size: 1rem;
}

div.item-list.cal ul.liste li.zeile div.views-field-field-datum-event-3 {
    display: inline-block;
    float: left;
    min-width: 52px;
    padding-right: 6px;
    position: absolute;
}

.item-list.cal {
    margin-bottom: 1.5rem;
}

.path-view-veranstaltungen-indiziert- div.monat.w3-stretch.view-veranstaltungen-indiziert- div.view-content.w3-row-padding.w3-stretch {
    display: flex;
    flex-wrap: wrap;
}


/*
[type="checkbox"] {
    position: relative;
    left: 15px;
    top: -4px;
    z-index: 0;
    -webkit-appearance: none;
}

[type="checkbox"]+label::before {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 0px;
    border: 2px solid black;
    background-color: #fff;
    display: block;
    content: "";
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    z-index: 5;
    position: relative;
}


[type="checkbox"]:checked+label::before {
    box-shadow: inset 0px 0px 0px 3px #fff;
    background-color: #999;
    margin-right: 5px;
}

[type="checkbox"]:hover+label::before,
[type="checkbox"]:checked+label::before {
    border: 2px solid #999;
}
*/


input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: var(--form-background);
    /* Not removed via appearance */
    margin: 0;
    width: 1.15rem;
    height: 1.15rem;
    border: 0.15em solid black;
    border-radius: 0;
}

input[type="checkbox"]:hover {
    border: 0.15rem solid #999;
    box-shadow: inset 0px 0px 0px 3px #fff;
    background-color: #999;
}


input[type="checkbox"]:checked {
    border: 0.15em solid black;
    box-shadow: inset 0px 0px 0px 3px #fff;
    background-color: black;
}

div.facets-widget-checkbox ul li label:hover,
    {
    color: #999;
}

input[type="checkbox"]:hover+label {
    color: #999;
}

input[type="checkbox"]:checked+label {
    color: black;
    margin-left: -0.25rem;
}


#block-kategorieneu {
    float: left;
    margin-top: 2rem;
}

#block-kategorieneu h2 {
    font-size: 1.25rem;
    text-transform: none;
    padding-left: 0px !important;

}

div.views-field.views-field-variations div.field--name-title {
    text-transform: uppercase;
}

div.views-field.views-field-variations div.field--name-price {
    float: right;
}

.path-view-produkte-neu section#block-neubad-content.block-system-main-block {
    padding: 0px;
}

.view-produkte-neu header.view-header {
    padding-left: 0px;
}

#block-views-block-produkte-neu-block-1,
#block-views-block-produkte-neu-block-2 {
    margin-top: 3rem;
}

.path-checkout div#edit-shipping-information-shipments-0-shipping-method-wrapper fieldset#edit-shipping-information-shipments-0-shipping-method-0--wrapper {
    margin-left: 0px;
    padding-left: 0px !important;
    margin-top: 1rem;
}

.path-checkout fieldset#edit-payment-information fieldset#edit-payment-information-payment-method--wrapper {
    margin-left: 0px;
    padding-left: 0px !important;

}

.path-kiosk.kiosk-kategorie-neubad-plakat section#block-neubad-content header.view-header p {
    display: block;
}

.path-kiosk section#block-neubad-content header.view-header p {
    display: none;
}

div#edit-field-plakatnummer-wrapper input#edit-field-plakatnummer-0-value {
    max-width: 240px;
}

.user-logged-in.path-user section#block-neubad-content article div.w3-section.field.field--name-field-name-des-labels,
.user-logged-in.path-user section#block-neubad-content article div.w3-section.field.field--name-field-was-moechtest-du-verkaufen,
.user-logged-in.path-user section#block-neubad-content form#user-form div#edit-field-name-des-labels-wrapper,
.user-logged-in.path-user section#block-neubad-content form#user-form #edit-field-was-moechtest-du-verkaufen-wrapper {
    display: none;
}

.block-facet-blockeintritt {
    float: left;
}


.page-node-type-blog div#main-container-inner section#block-neubad-content .node--view-mode-full div.w3-container div.w3-bar-item.field__item {
    float: none;
}

.page-node-type-blog div#main-container-inner section#block-neubad-content .node--view-mode-full div.w3-container div.w3-bar-item.field__item {
    float: none;
    clear: left;
    margin-bottom: 0px !important;
}

.page-node-type-blog .node--view-mode-full div.w3-container.node__content h2 {
    margin-top: 0px;
}

.page-node-type-blog article div.w3-container.node__content .field--name-field-blog-image img.w3-image {
    width: 100%;
}

form#comment-form div.form-item-homepage {
    display: none;
}

.page-node-type-blog .field--name-field-bildlegende1 {
    color: #000;
    text-shadow: none;

}

@media (min-width: 993px) {

    .page-node-type-blog div.bg {
        background-image: url('/sites/default/files/blog/532.svg'), url('/sites/default/files/blog/444.svg');
        background-position: 23vw -5vh, 66vw 76vh;
        background-repeat: no-repeat, no-repeat;
        height: 100vh;
        width: 100vw;
        position: fixed;
    }


    .path-node-7881 div.bg {
        background-image: url('/sites/default/files/blog/183.svg');
        background-position-x: 58%;
        background-position-y: 470px;
        background-repeat: no-repeat;
        height: 100vh;
        width: 100vw;
        position: fixed;
    }

    .path-view-vereinbar-blog div.bg {
        background-image: url('/sites/default/files/blog/359.svg');
        background-position: 66vw 20vh;
        background-repeat: no-repeat;
        height: 100vh;
        width: 100vw;
        position: fixed;
    }

}

@media (max-width: 992px) {

    .page-node-type-blog div.bg {
        background-image: url('/sites/default/files/blog/532.svg'), url('/sites/default/files/blog/444.svg');
        background-position: 3vw 5vh, 66vw 60vh;
        background-repeat: no-repeat, no-repeat;
        height: 100vh;
        width: 100vw;
        position: fixed;
    }

    .path-node-7881 section#block-neubad-content div.w3-container.w3-stretch.node__content {
        background-image: none;
    }

    .path-node-7881 div.bg {
        background-image: url('/sites/default/files/blog/183.svg');
        background-position-x: 110%;
        background-position-y: 500px;
        background-repeat: no-repeat;
        height: 100vh;
        width: 100vw;
        position: fixed;
    }


    .path-view-vereinbar-blog div.bg {
        background-image: url('/sites/default/files/blog/359.svg');
        background-position: 46vw 15vh;
        background-repeat: no-repeat;
        height: 100vh;
        width: 100vw;
        position: fixed;
    }
}

div.bg {
    z-index: -1;
}


.w3-white,
.w3-hover-white:hover {
    background-color: transparent !important;
}

.page-node-type-blog article div.paragraph.paragraph--type--bild-er- {
    float: left;
}

.page-node-type-blog article .field--name-field-bildlegende1 {
    padding-left: 0px;
    color: gray;
    margin-top: -16px !important;
}

.field--name-comment-node-blog h2.comment-form__title {
    background: black !important;
    opacity: 1;
    color: white;
    font-size: 1.33rem;
    padding-left: .5rem;
}

.field--name-comment-node-blog h2.title {
    font-size: 1rem;
}

.comment__content {
    padding: 0px;
    border: 0px;
}

.comment__content::before {
    border: 0px;
}

.field--name-comment-node-blog article {
    padding-left: 0px !important
}

div.comment__content div.field--name-field-kommentar-body {
    margin-top: 0px !important;
}

div.comment__content span {
    color: grey;
}

.field--name-field-video-youtube-vimeo- {
    padding-top: 1px;
}

div.paragraph.paragraph--type--video-youtube-vimeo- .field--name-field-bildlegende1 {
    margin-top: -16px !important;
}

div.paragraph.paragraph--type--bild-er-,
div.paragraph.paragraph--type--bild-er- div div.field__item,
div.paragraph.paragraph--type--bild-er- div div.field__item img {
    width: 100%
}

.page-node-type-blog div.w3-container.node__content div.panel,
.comm2 #comment-form,
.page-node-type-blog div.comm2 h2.comment-form__title,
div.panel .field--name-comment-node-blog h2.title.comment-form__title,
div.panel .field--name-comment-node-blog article.comment,
div.panel section.field--name-comment-node-blog h2.title.w3-margin-left {
    display: none;
}

.page-node-type-blog .field--name-user-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-node-type-blog .field--name-user-picture {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    margin-right: 1rem;
}

button.accordion {
    width: 100%;
    background: black;
    color: white;
    border: 0px;
    text-align: left;
    text-transform: uppercase;
    padding: 0.4rem 1.4rem;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position-y: 12px !important;
    background-image: url(/sites/default/files/blog/arrowdd.png);
    background-position: 98%;
}

button.accordion:hover {
    opacity: .6;
    cursor: pointer;
}

button.accordion.active {
    background-image: url(/sites/default/files/blog/arrowd.png);
    background-position-y: 0px !important;
}


.panel div.shariff {
    border-bottom: 0px;
}

.accordion.second {
    margin-top: 2rem;
}

div.w3-m4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.w3-p15 {
    padding-top: 1.5rem;
}


.w3-p06 {
    padding-top: 0.6rem;
}

.page-node-type-blog div.w3-section.field.field--name-field-fotos label.field__label {
    margin-left: 0px;
    width: 100%;
}

.page-node-type-blog div.w3-section.field.field--name-field-fotos label.field__label::after {
    content: none;
}

/*
.page-node-type-blog div.w3-section.field.field--name-field-fotos,
.page-node-type-blog div.w3-section.field.field--name-field-fotos div.w3-bar-item,
.w3-third.w3-p06 {
    float: right;
}
*/
#prevnext-previous {
    width: 50%;
    float: left;
    padding: 0.5rem;
    margin-bottom: 4rem;
}

#prevnext-next {
    width: 50%;
    float: right;

    padding: 0.5rem;
    margin-bottom: 4rem;
}

.prevnext {
    border-top: 1px solid;
    border-bottom: 1px solid;
    height: 54px;
}

#prevnext-next a {
    float: right;
}

.comm2 {
    margin-top: 2rem;
}

div.w3-cell-row.w3-m4 div.w3-cell div.field--name-field-fotos div.w3-bar-item.field__item {
    float: left;
}

div.w3-cell-row.w3-m4 div.w3-cell div.field--name-field-fotos {
    margin-top: 0px !important;
    margin-bottom: 32px !important;
    display: flex;
}

div.paragraph.paragraph--type--bildgalerie.paragraph--view-mode--default div.slick nav.slick__arrow button {
    background: none;
    border: 0px;
    cursor: pointer;
}


div.paragraph.paragraph--type--bildgalerie.paragraph--view-mode--default div.slick nav.slick__arrow button.slick-next {
    float: right
}

.page-node-type-blog article div.paragraph.paragraph--type--bildgalerie {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.path-view-vereinbar-blog .view-header {
    padding: 0px !important;
    padding-bottom: 16px !important;
}

form select#edit-thema,
form select#edit-thema--2 {
    color: white;
    text-transform: uppercase;
    padding-left: 32px;
    background: url(/sites/default/files/blog/arrowblack.png) no-repeat right;
    background-size: auto;
    background-color: black;
    background-size: contain;
}

#block-hervorgehobenesformularvereinbar-blogpage-1 {
    padding: 0 16px;
}

.view-vereinbar-blog div.view-filters.form-group {
    margin-bottom: 32px;
}

.view-vereinbar-blog .views-field.views-field-title h2,
.view-vereinbar-blog div.views-field.views-field-title-1 span.field-content a {
    font-size: 1.25rem;
}

.view-vereinbar-blog h2 a {
    text-decoration: none !important;
}

.view-vereinbar-blog h2 a:hover {
    text-decoration: underline !important;
}

.view-vereinbar-blog header.view-header h5,
section#block-bloginklusionskompass h5 {
    text-transform: uppercase;
}

li div.views-field.views-field-field-blog-image div.field-content a.d8-has-image img.w3-image.image-style-blogvorschau {
    width: inherit;
}



.view-vereinbar-blog li.grid:nth-child(2) {
    margin-top: 280px;
}

.view-vereinbar-blog li.grid:nth-child(2n+3) {
    margin-top: -160px;
}

.view-vereinbar-blog li.grid:nth-child(2n+4) {
    margin-top: 180px;
}

/*
.blog .view-vereinbar-blog div.view-content {
    min-width: 800px;
    overflow: scroll;
}
*/

.blog select,
.vereinbar-blog select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}

section#block-bloginklusionskompass div.field--name-body {
    margin-top: -16px !important;
}


@media (min-width: 600px) {
    .view-vereinbar-blog div.attachment.attachment-after div.views-element-container {
        margin-top: 2rem;
    }
}

.path-vereinbar-blog div.attachment.attachment-after header.view-header p,
.vereinbar-blog-Inklusionskompass div.attachment.attachment-after header.view-header p {
    text-transform: uppercase;
    float: left;
    border-bottom: 1px solid;
    padding-left: 1rem;
    margin-left: -1rem;
    margin-bottom: 1reM
}

.path-blog form#views-exposed-form-vereinbar-blog-page-1 {
    margin-bottom: 2rem;
}

@media (max-width: 992px) {
    .page-node-type-blog article div.w3-container div.field--name-field-blog-image {
        margin-left: -32px;
    }

    /*
    .page-node-type-blog div#main-container section#block-neubad-content,
    .path-view-vereinbar-blog div#main-container-inner .w3css-content {
        padding: 0px !important;
    }
        */
}

.path-view-vereinbar-blog-archiv header.view-header {
    padding: 0px;
}

.path-view-vereinbar-blog-archiv header.view-header h2 {
    padding-bottom: 1.5rem;
}

.path-view-vereinbar-blog-archiv div.view-content div.item-list h3 {
    font-size: 1.15rem;
    text-transform: uppercase;
}

.path-view-vereinbar-blog-archiv div.view-content div.item-list h2 {
    font-size: 1.15rem;
    margin-top: 0px;
    margin-bottom: 0px;
}

.path-view-vereinbar-blog-archiv div.view-content div.item-list ul li {
    margin-left: 1rem;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    list-style-type: '–';
}

.path-view-vereinbar-blog-archiv div.view-content div.item-list ul {
    margin-left: 0.5rem;
}

.path-view-vereinbar-blog-archiv div.view-content div.item-list {
    margin-bottom: 2rem;
}

.path-view-vereinbar-blog-archiv .w3-panel::before {
    content: none;
}

.blog-archiv div.page-wrapper {
    background-image: url('/sites/default/files/blog/620.svg'), url('/sites/default/files/blog/444.svg');
    background-position: 13vw 40vh;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.vereinbar-blog.path-vereinbar-blog div#main-container div#main-container-inner section#block-neubad-content div.views-element-container {
    width: 120%;
    max-width: 870px;
}


.vereinbar-blog.path-vereinbar-blog div#main-container div#main-container-inner section#block-neubad-content {
    overflow: scroll;
}

.page-node-type-blog div.w3-row.w3-m4 div.w3-third>div {
    padding-top: 0rem;
}

.page-node-type-blog div.w3-row.w3-m4 div.w3-third>div>div {
    /* margin-top: 0px !important; */
}

div.w3-section.field.field--name-field-fotos div.w3-bar-item.field__item p {
    margin-top: 0px;
    padding-top: 0px !important;
}

.filter-guidelines,
.form-wrapper.filter-wrapper {
    display: none;
}

span.title {
    line-height: 1.5;
}

input[type="date"] {
    position: relative;
}

/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */


/* change color of symbol on hover */


/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

/* adjust increase/decrease button */
input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}

/* adjust clear button */
input[type="date"]::-webkit-clear-button {
    z-index: 1;
}

section#block-views-block-newspreview-block-1 .views-field-title span.field-content a {
    text-decoration: none !important;
    text-transform: uppercase;
    padding-right: 2rem;

}

section#block-views-block-newspreview-block-1 .views-field-title span.field-content {
    display: inline-block;
    width: 100%;
    background: url(/sites/default/files/whitearrow.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: center;
    background-position-y: center;
    background-size: 28px;
    background-position-y: 90%;
}

section#block-views-block-newspreview-block-1 ul.blazy {
    min-width: 1040px;
    display: flex !important;
    flex-wrap: wrap;
}

section#block-views-block-newspreview-block-1 ul.blazy li {
    flex: 25%;
}

section#block-views-block-newspreview-block-1 ul.blazy li>div {
    height: 100%;
    background: black;
    color: white;
    padding: 12px;
}

section#block-views-block-newspreview-block-1 .views-field-title span.field-content a:hover {
    color: white;
}

section#block-views-block-newspreview-block-1 div.item-list.item-list--blazy {
    overflow: scroll;
}

.path-view-meine-blogbeitraege.user-logged-in.path-user nav#block-mainnavigation-2,
.path-view-meine-blogbeitraege.user-logged-in section#block-neubad-primary-local-tasks li.w3-button:nth-child(2),
.path-view-meine-blogbeitraege.user-logged-in section#block-neubad-primary-local-tasks li.w3-button:nth-child(3),
.path-view-meine-blogbeitraege.user-logged-in section#block-neubad-primary-local-tasks li.w3-button:nth-child(4),
.path-view-meine-blogbeitraege div#footer-container,
.path-view-meine-blogbeitraege section#block-neubad-primary-local-tasks nav ul {
    display: none;
}

.path-view-meine-blogbeitraege section#block-neubad-content div.w3-row.view.view-meine-blogbeitraege header.view-header a {
    color: white;
    background: black;
    padding: .5rem;
}



.path-view-meine-blogbeitraege section#block-neubad-content div.w3-row.view.view-meine-blogbeitraege header.view-header {
    padding: 0px;
    margin: 1rem 0 2rem;

}


section#block-tokenblock-2 {
    float: left;
    background: #F0F0F4;
    margin-top: 2rem;
}

section#block-tokenblock-2 a {
    background: black;
    color: white;
    padding: 0.5rem;
    margin: 0 0.5rem;
}

.path-view-meine-blogbeitraege section#block-neubad-content div.view-content div.w3-responsive table tbody tr td.views-field.views-field-edit-node a {
    background: black;
    color: white;
    padding: 0.25rem 0.5rem;
}

section#block-views-block-newspreview-block-1 ul.blazy.b-column--md-3 {
    columns: 3 auto !important;
}

.path-kiosk-front section#block-kategorieneu div.facets-widget-links ul li.facet-item.facets-reset,
.user-logged-in.path-user nav#block-mainnavigation-2,
.path-node-7529.user-logged-in section#block-kategorieneu,
.user-logged-in.path-user section#block-zusatzmenukiosk {
    display: none;
}

table>tbody>tr>td.views-field.views-field-edit-commerce-product>a,
.views-field-edit-node span.w3-button a {
    background: black;
    color: white;
    text-decoration: none !important;
    padding: 0.5rem;

}

#edit-field-kategorie-wrapper {
    margin-top: 2rem;
}

.uppercase {
    text-transform: uppercase;
}

.path-vocabulary-vereinbar-blogkategorie .view-taxonomy-term.view-id-taxonomy_term header.view-header {
    padding-left: 0px;
}

.path-vocabulary-vereinbar-blogkategorie .view-taxonomy-term.view-id-taxonomy_term header.view-header h2 {
    margin-left: 0px !important;
    color: black;
    opacity: 1;
}

.path-vocabulary-vereinbar-blogkategorie .view-taxonomy-term.view-id-taxonomy_term header.view-header h2 a:hover {
    opacity: 1;
    color: black;
}

section#block-views-block-newspreview-block-1 {
    margin-bottom: 3rem !important;
}

.path-node-7881 article div div.field--name-field-display-title {
    display: none
}

.view .node--view-mode-teaser .field--type-text p,
.view .node--view-mode-teaser .field--type-text-with-summary p {
    text-align: inherit;
}


.page-node-type-events div.w3-container.w3-stretch.node__content h2+.blazy,
.page-node-type-events div.w3-container.w3-stretch.node__content h2+.blazy+.field--name-field-grafik,
.page-node-type-events div.w3-container.w3-stretch.node__content h2+div.field--name-field-video-oder-flyer-zum-event,
.page-node-type-events div.w3-container.w3-stretch.node__content h2+div.field--name-field-video-oder-flyer-zum-event+.field--name-field-grafik,
.page-node-type-page div.w3-container.w3-stretch.node__content h2+.slick--field-pix,
.page-node-type-page div.w3-container.w3-stretch.node__content h2+.slick--field-pix+.field--name-field-bildlegende {
    display: none;
}

.link-container {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    /* Optional: Abstand zwischen den Links */
}

.social-links {
    display: flex;

    gap: 0.5rem;
}



.newsletter-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    /* Abstand zwischen Icon und Text */
    text-decoration: none;
}

.newsletter-link img {
    height: 17px;
}

section#block-neubad-newsletter div.w3-section.field {
    margin-top: 16px !important;
    float: left;

}

/* Versteckt Menü oder Submenüs */
.is-hidden {
    display: none !important;
}

/* Optional: Style für aufgeklappte Menüpunkte */
li.menuparent>a::after {
    content: " ▾";
    font-size: 0.8em;
}

/* Aktiver Zustand (optional visuell hervorheben) */

section#block-mainnavigation h2.w3-padding.w3-block-title {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: .25rem 0 !important;
    padding-left: 0px;
    font-size: 1.2rem;
    text-transform: none;
    padding-left: 0px !important;
    cursor: pointer;

}


section#block-mainnavigation li.menuparent>a::after {
    content: "+";
    font-size: 1em;
    float: right;
    padding-right: 0;
}

h2.w3-block-title,
div.field--name-title h2,
div.w3-container h2 {
    line-height: 1.3;
}



.page-node-type-article div#main-container div.field.field--name-title,
.page-node-type-page div#main-container div.field.field--name-title {
    margin-top: 1.5rem !important;
}

.w3-text-theme,
.w3-text-theme:hover,
#header,
#highlighted,
#main-container,
#bottom-container,
#main-container .main-box>div,
#bottom-container .first-bottom>div,
#bottom-container .second-bottom>div,
#bottom-container .third-bottom>div {
    background-color: transparent !important;
}

#main-container,
#bottom-container .first-bottom>div,
#bottom-container .second-bottom>div,
#bottom-container .third-bottom>div {
    color: black;
}

#footer-container,
#footer-container .first-footer>div,
#footer-container .second-footer>div,
#footer-container .third-footer>div {
    color: white;
}

#footer-container {
    margin-top: 4rem;
}

.path-node-7881 section.w3-block.w3-block-wrapper.block-layout-builder.block-field-blocknodepagetitle {
    display: none;
}

.path-node-7881 p.w3-center img {
    display: initial;
}

section#block-neubad-views-block-mittagsmenue-block-1 div.field--name-title h2 {
    font-size: 1rem;
    font-weight: normal;
}

.is-horizontal .tabs--primary::after,
.is-horizontal .tabs--secondary::after,
.horizontal-tabs ul.horizontal-tabs-list::after {
    border-block-end: none !important;
}

.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a {
    color: white !important;
    padding: .5rem 2rem !important;
}

.horizontal-tabs-pane div.w3-section.field.field--name-body ul li a {
    color: black !important;
    padding: 0px !important;
}

label,
.field__label {
    font-weight: normal;
}

div.w3-quarter.main-box.second-sidebar,
div.w3-quarter.main-box.first-sidebar {
    margin-top: -4px;
}

#block-neubad-views-block-veranstaltungen {
    margin-top: 4rem;
}

#block-neubad-views-block-ausstellungen-block-1-2 {
    margin-top: 2rem;
}

a.newsletter-link {
    text-decoration: underline;
}

div#highlighted {
    border: 0px;
}

#block-neubad-views-block-partner-block-1,
#block-neubad-views-block-stiftungen-und-donatoren-block-1,
#block-neubad-views-block-goenner-block-1 {
    margin-bottom: 4rem;
}

section#block-neubad-poster div.w3-section.field.field--name-body p iframe {
    max-width: 600px;
}


.node--type-page .field--name-field-bildlegende {
    z-index: 1;
    position: relative;
}

div#main-container-inner .node--type-page div.w3-container.w3-stretch.node__content h2.page-title,
.page-node-type-page div.w3-container h2.page-title {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.page-node-type-events div.w3-container h2.page-title {
    margin-top: 2rem;
    margin-bottom: 0px;
}

.page-node-type-events div.shariff {
    padding-top: 0.1rem;
}


.page-node-type-article div.w3-container.node__content div.field--name-title h2,
.path-view-news div.w3-container.node__content div.field--name-title h2 {
    margin-top: 1.5rem;
}


.path-node-7881 div.w3-container.w3-stretch.node__content h2.page-title {
    display: none;
}

.path-suche section#block-neubad-content h3 {
    line-height: 1.3;
}

.path-webform section#block-neubad-pagetitle h1 {
    text-transform: uppercase;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px 40px 10px 10px;
    font-size: 16px;
    background: url(/sites/default/files/blog/arrowblack.png) no-repeat right;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    cursor: pointer;
}

.view-vereinbar-blog.view-display-id-attachment_1>div:nth-child(2)>div:nth-child(1) {
    background: url(/sites/default/files/visual_disturb.svg) no-repeat right;
    background-position: top;
    background-position-x: 75%;

}


@media (max-width: 992px) {
    .view-vereinbar-blog div.view-content>div.item-list {
        background: url(/sites/default/files/visual_disturb.svg) no-repeat right;
        background-position: top;
        background-position-x: 80% !important;
        background-size: 120px !important;
    }
}


@media (max-width: 600px) {
    .view-vereinbar-blog div.view-content>div.item-list {
        background-position-x: 85% !important;
        background-size: 120px !important;
    }
}

.w3-border-bottom {
    border-bottom: 1px solid black !important;
}

.w3-border-top {
    border-top: 1px solid black !important;
}

.page-node-type-blog article div.w3-container.node__content div.w3-col.w3-border-top.w3-border-bottom.w3-margin-top {
    display: block;
}

.field--name-field-blogkategorie div div.w3-bar-item.field__item a {
    text-decoration: underline;
}

.page-node-type-blog div.w3-container.node__content div.w3-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    margin-left: auto;
}

.page-node-type-blog div.w3-container.node__content div.w3-row.w3-border-top {
    display: flex;
    align-items: stretch;
}

.padding-right {
    padding-right: .5rem;
}

.like-form label {
    background-image: url('/sites/default/files/herz_leer.svg');
}

.like-form label:has(input:checked),
.like-form label:hover {
    background-image: url('/sites/default/files/herz_voll.svg');
}


i.fa-solid.fa-heart {
    display: none;
}

.like-form label {
    background-repeat: no-repeat;
    background-size: 60px;
    height: 60px;
    display: inline-block;
    position: inherit;
    z-index: 10;
    width: 60px;
}

label span.like-txt {
    color: white;
    z-index: -2;
    position: relative;
    max-height: 80px;
    display: flex;
}

.like-form span.like-num {
    clear: left;
    display: block;
}

.page-node-type-blog .field.field--name-field-blogkategorie.field--type-entity-reference {
    width: fit-content;
    float: left;
}

div.like {
    text-align: center;
    /* padding-top: 1rem;*/
}

.page-node-type-blog article .node--type-blog div.w3-container.node__content div.w3-row div.w3-rest.w3-green div.w3-row div.w3-col.w3-half {
    display: flex;
}

div.like div.field--name-likes {
    margin-top: 0px !important;
}

.page-node-type-blog article.node--type-blog div.w3-container.node__content div.w3-row div.w3-rest {
    border-right: 1px solid black;
}

.page-node-type-blog article.node--type-blog div.w3-container.node__content div.w3-row div.w3-rest div.w3-row {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

div.blogautor.w3-section div,
.field--name-field-fotos.field--type-text.field--label-inline {
    line-height: 1.5;
}

div.blogautor,
.field--name-field-fotos {
    display: inline-block;
    padding-right: 1rem;
}

.w3-grey-text,
.field--name-field-fotos.field--type-text label.field__label,
span.like-num {
    color: grey;
}

.page-node-type-blog div.w3-container.node__content div.w3-row.w3-border-top {
    margin-top: 1rem;
}

.like-num {
    position: relative;
}

.like-num::before,
.like-num::after {
    content: none;
}

/* Optional: nur die Klammern entfernen */
.like-num::before {
    content: '';
}

.like-num::after {
    content: 'Likes';
    margin-left: -40px;
}

/* Und das ursprüngliche Text „(“ und „) Likes“ entfernen */
.like-num {
    visibility: hidden;
}

.like-num span {
    visibility: visible;
    position: relative;
}

/* Dann den neuen Text sichtbar machen */
.like-num::after {
    visibility: visible;
    position: relative;
}

.like-num {
    display: none !important;
}

#prevnext-next a,
#prevnext-previous a {

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
}

#block-neubad-veranstaltungmthilfsmitteln {
    float: left;
    clear: left;
}

.page-node-type-blog div.w3-container.node__content {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.w3-flex {
    display: flex;
}

.w3-flex-grow-8 {
    flex-grow: 8;
}

.w3-flex-grow-1 {
    flex-grow: 1;
}

.w3-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
}

form.like-form {
    margin-top: 0px !important;
}

.w3-border-right {
    border-right: 1px solid #000 !important;
}

div.sf-accordion-toggle.sf-style-white a {
    background: transparent;
    border: 0px;
}

div.sf-accordion-toggle.sf-style-white a.sf-expanded,
ul.sf-menu.sf-style-white.sf-accordion li.sf-expanded,
ul.sf-menu.sf-style-white li:hover,
ul.sf-menu.sf-style-white li.sfHover,
ul.sf-menu.sf-style-white a.is-active,
ul.sf-menu.sf-style-white a:focus,
ul.sf-menu.sf-style-white a:hover,
ul.sf-menu.sf-style-white span.nolink:hover,
ul.sf-menu.sf-style-white li,
ul.sf-menu.sf-style-white.sf-navbar {
    background: transparent;
}

ul.sf-menu.sf-style-white a,
ul.sf-menu.sf-style-white a:visited,
ul.sf-menu.sf-style-white span.nolink {
    color: black;
}

div.sf-accordion-toggle.sf-style-white a.sf-expanded,
ul.sf-menu.sf-style-white.sf-accordion li.sf-expanded>a,
ul.sf-menu.sf-style-white.sf-accordion li.sf-expanded>span.nolink {
    font-weight: normal;
}

ul.sf-menu.sf-style-white li li,
ul.sf-menu.sf-style-white.sf-navbar>li>ul,
ul.sf-menu.sf-style-white li li li {
    background: transparent;
}

ul.sf-menu.sf-style-white a,
ul.sf-menu.sf-style-white a:visited,
ul.sf-menu.sf-style-white span.nolink {
    padding: 0.65em 0;
}

#superfish-main-toggle::before {
    content: "Menü";
    position: absolute;
    left: 0;
    top: 60%;
    transform: translateY(-50%);
    font-family: Brown;
    font-size: 1.15em;
    font-weight: normal;
    color: #000;
}

div.sf-accordion-toggle.sf-style-white>a::after {
    speak: none;

    color: #000;
    font-family: Brown;
    font-weight: normal;
    background-image: linear-gradient(#000 1px, transparent 1px),
        linear-gradient(#000 1px, transparent 1px),
        linear-gradient(#000 1px, transparent 1px);
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: top,
        center,
        bottom;
    content: "";
    position: absolute;
    top: 65%;
    right: 0px;
    transform: translateY(-50%);
    width: 36px;
    height: 26px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

ul.sf-menu.sf-style-white a,
ul.sf-menu.sf-style-white a:visited,
ul.sf-menu.sf-style-white span.nolink {
    border: 0 none;
    padding: 0.65em 0em;
}

a.button {
    background: black;
    color: white;
    text-decoration: none !important;
    padding: 0.5rem 1rem;
    width: 100%;
    display: block;
    text-align: center;
}

form input.button.form-submit:hover {
    animation: none !important;
}