#ElasticSearch .elastic-categories > label {
    width: 33.3333%;
    background-color: #00438B;
    color: white;
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
    cursor: pointer;
}

#ElasticSearch .elastic-categories > label.active {
    background-color: #EE7F00;
}

#ElasticSearch .elastic-categories input[type=radio] {
    opacity: 0;
    width: 0;
}

#ElasticSearch .search-box .form-control {
    margin-right: 10px;
}

#ElasticSearch .btn.btn-primary {
    border-color: #00438B;
    background-color: #00438B;
    border-radius: 0;
    transition: 0.5s;
}

#ElasticSearch .btn.btn-primary:hover {
    background-color: #EE7F00;
    border-color: #EE7F00;
}

#ElasticSearch .card {
    border: none!important;
    background-color: unset;
}

.site-btn-search-box input.form-control {
    border-radius: 0;
}

#ElasticSearch .elastic-search-filter {
    margin-top: 20px;
}

#ElasticSearch h4 {
    font-size: 26px;
}

#ElasticSearch .elastic-headline {
    background-color: #00438B;
    padding: 10px 20px;
    color: white;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

#ElasticSearch .open .elastic-headline:before {
    transform: rotate(180deg);
    top: 6px;
}

#ElasticSearch .elastic-headline:before {
    content: '';
    position: absolute;
    right: 20px;
    top: 16px;
    background-image: url(/fileadmin/images/Logo/akkordeon_pfeil_white.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    transform: rotate(0deg);
    transition: 0.5s;
}

#ElasticSearch .open .filter-area-row {
    display: block;
}

#ElasticSearch .filter-area-row {
    display: none;
    transition: 0.5s;
}

#ElasticSearch .filter-area-row {
    padding: 10px;
    border: 1px solid #ccc;
    border-top: 0;
}

#ElasticSearch thead th {
    white-space: nowrap;
    cursor: pointer;
    text-align: left;
}
#ElasticSearch .sortable {
    position: relative;
}
#ElasticSearch .sort-icons {
    position: relative; /* Ermöglicht die Verwendung von top */
    top: -5px; /* Verschiebt die Icons nach oben */
    display: inline-flex;
    flex-direction: column; /* Pfeile übereinander anordnen */
    align-items: center;
    margin-left: 5px;
}
#ElasticSearch .sort-icon {
    fill: #ccc; /* Standardfarbe für inaktive Pfeile */
    width: 14px;
    height: 14px;
    padding: 2px;
}
#ElasticSearch .sort-icon .active {
    fill: #00438B; /* Farbe für aktive Pfeile */
}
#ElasticSearch .elastic-search-output {
    min-height: 900px;
}
#ElasticSearch .elastic-search-output {
    min-height: 900px;
}
#ElasticSearch .filter-reset-svg {
    margin: -4px 4px 0px 0px;
}
#ElasticSearch .filter-reset-text {
    margin: 0px 0px 0px 0px;    
}

@media(max-width: 1199px) {
    #ElasticSearch .elastic-search-output {
        order: 2;
    }

    #ElasticSearch .elastic-search-filter {
        order: 1;
        margin-top: 1rem;
    }
}

@media(min-width: 768px) {
    #ElasticSearch .elastic-categories {
        gap: 1rem;
    }
}

@media(max-width: 767px) {
    .elastic-categories {
        display: flex;
        flex-direction: column;
    }

    #ElasticSearch .elastic-categories > label {
        width: 100%;
        margin: 0!important;
        margin-bottom: 10px!important;
    }

    #c489 .breadscrumb.container {
        margin-top: 70px;
    }

    #c219 .col-12.col-lg-4.two-col-right {
        margin-top: 25px;
    }
}

/* Responsive Tabelle */

form#ElasticSearch tbody a {
    color: #00438b;
}

form#ElasticSearch tbody a:hover {
    color: #00438b;
}

#ElasticSearch tbody tr.odd {
    background-color: #F6F8F9;
}

form#ElasticSearch .open-table li b {
    margin-right: 10px;
}

@media(min-width: 1200px) {
    #ElasticSearch .elastic-search-filter {
        height: 0;
        margin-top: 52px;
    }
}

@media(max-width: 767px) {
    form#ElasticSearch thead tr th:last-child, tbody tr td:last-child {
        display: none;
    }

    .tx-powermail tbody tr td:last-child {
        display: block;
    }

    form#ElasticSearch tbody tr td:first-child {
        vertical-align:middle;
        position:relative;
    }

    form#ElasticSearch tbody tr td:first-child:before {
        top: 8px;
        left: 4px;
        height: 16px;
        width: 16px;
        display: block;
        color: white;
        border: 2px solid white;
        border-radius: 16px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        text-align: left;
        font-family: 'Courier New', Courier, monospace;
        text-indent: 4px;
        line-height: 16px;
        content: '+';
        background-color: #00438b;
        text-indent: 3px;
        margin-bottom: 5px;
    }

    form#ElasticSearch tbody tr.show td:first-child:before {
        content: '-';
    }

    /*tbody tr.show td:last-child {
        display: block;
    }*/

    form#ElasticSearch tbody {
        position:relative;
    }

    form#ElasticSearch tbody tr.show td {
        height: auto;
    }

    form#ElasticSearch tbody .open-table {
        width: 100%;
        height: 60px;
    }

    form#ElasticSearch tbody .open-table .text {
        width: 100%;
        position: absolute;
    }

    form#ElasticSearch tbody .open-table li {
        list-style-type: none;
        position: relative;
        padding-left: 30px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    form#ElasticSearch tbody .open-table li:after {
        content: '';
        background-image: url(/fileadmin/images/Logo/Gastfreunde/asterisk-solid.svg);
        width: 20px;
        height: 29px;
        position: absolute;
        background-size: 9px;
        background-repeat: no-repeat;
        left: 0;
        pointer-events: none;
        top: 12px;
    }
}

@media(max-width: 700px) {
    form#ElasticSearch thead tr th:nth-child(4), tbody tr td:nth-child(4) {
        display: none;
    }

    form#ElasticSearch tbody .open-table {
        width: 100%;
        height: 100px;
    }
}

@media(max-width: 600px) {
    form#ElasticSearch thead tr th:nth-child(3), tbody tr td:nth-child(3) {
        display: none;
    }

    form#ElasticSearch tbody .open-table {
        width: 100%;
        height: 140px;
    }
}

@media(max-width: 500px) {
    form#ElasticSearch tbody .open-table {
        width: 100%;
        height: 160px;
    }
}

@media(max-width: 400px) {
    form#ElasticSearch tbody .open-table {
        width: 100%;
        height: 200px;
    }
}

.document-icon {
    padding-left: 150px;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    min-height: 100px;
}

p.document-icon:before {
    content: '';
    background-image: url(/fileadmin/images/Logo/SVGs/icon_servicecenter_weiss.svg);
    width: 160px;
    height: 360px;
    position: absolute;
    background-size: 160px;
    background-repeat: no-repeat;
    left: 0px;
    pointer-events: none;
    top: -20px;
    z-index: -1;
}

@media(max-width: 767px) {
    .document-icon {
        padding-left: 60px;
        margin-top: 30px;
        min-height: 60px;
        margin-bottom: 0px;
    }

    p.document-icon:before {
        content: '';
        background-image: url(/fileadmin/images/Logo/SVGs/icon_servicecenter_weiss.svg);
        width: 60px;
        height: 240px;
        position: absolute;
        background-size: 60px;
        top: 0;
        z-index: -1;
    }
}

.dehoga-container p.heart-icon {
    margin-top: -25px;
}

.dehoga-container .heart-icon {
    text-align: right;
}

.dehoga-container .heart-icon a {
    position: relative;
    margin: 0;
    background-color: #00438b;
    color: white;
    padding: 10px 20px 10px 50px;
}

.dehoga-container .heart-icon a:after {
    content: '';
    background-image: url(/fileadmin/images/Logo/SVGs/heart.svg);
    width: 30px;
    height: 40px;
    position: absolute;
    background-size: 30px;
    background-repeat: no-repeat;
    left: 10px;
    pointer-events: none;
    top: 8px;
    transform: rotate(0);
    transition: 0.5s;
}

.dehoga-container .heart-icon a:hover {
    background-color: #EE7F00;
    color: white;
}

.download-document {
    text-align: right;
}

a.pdf-document {
    background-color: #00438b;
    color: white !important;
    padding: 10px 10px;
    text-align: center !important;
    padding-right: 30px;
    padding-left: 50px;
    transition: 0.5s;
}

a.pdf-document:hover {
    background-color: #EE7F00;
}

.dehoga-container p.download-document a.pdf-document:after {
    background-image: url(/fileadmin/images/Logo/SVGs/icon_servicecenter_weiss_w.svg);
    left: 9px;
    top: 5px;
    background-size: 36px;
}

div#c845 .breadscrumb, div#c489 .breadscrumb,div#c846 .breadscrumb {
    display: none;
}

.elastic-search-output > .container {
    border-bottom: 1px solid #00438b;
}

.tx-nn-dehoga-servicecenter p.download-document {
    /* float: right; */
    margin-top: -25px;
    margin-left: -25px;
}

div#c255 .tx_nndehogaap_partner form, div#c102 .tx_nndehogaap_partner form {
    padding: 0;
    width: 90%;
}

div#c255 .tx_nndehogaap_partner input[type="text"], div#c102 .tx_nndehogaap_partner input[type="text"] {
    width: 70%;
}

div#c255 .tx_nndehogaap_partner form, div#c102 .tx_nndehogaap_partner form {
    display: flex;
    justify-content: space-between;
}

div#c255 .tx_nndehogaap_partner form > div:first-child, div#c102 .tx_nndehogaap_partner form > div:first-child {
    display: none;
}