.btn-add {
    border: solid 1px #fff;
    background: transparent;
    color: white;
    position: relative;
}

.btn-add:hover {
    border: solid 1px #fff;
    background: rgb(55, 80, 131);
    color: white;
}

.btn-add:after {
    padding: 8px;
    content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style> .cls-1 { fill: %23000; stroke-width: 0px; } </style></defs><path class="cls-1" d="M18.46,2.46c0-1.36-1.1-2.46-2.46-2.46s-2.46,1.1-2.46,2.46v11.08H2.46c-1.36,0-2.46,1.1-2.46,2.46s1.1,2.46,2.46,2.46h11.08v11.08c0,1.36,1.1,2.46,2.46,2.46s2.46-1.1,2.46-2.46v-11.08h11.08c1.36,0,2.46-1.1,2.46-2.46s-1.1-2.46-2.46-2.46h-11.08V2.46Z"/></svg>');
    background: #d3ea38;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    aspect-ratio: 1/1;
}

.bg-custom {
    background-size: 100% 100%;
    background-position:
        0px 0px,
        0px 0px;
    background-image: radial-gradient(75% 75% at 19% 81%, #21385cff 0%, #47679500 100%),
        radial-gradient(75% 75% at 102% 8%, #1b2e4bff 0%, #628cc4ff 100%);
}



.hero-sidebar {
    background-image: linear-gradient(90deg, #143c6d, #2c5a95) !important;
}

.hero-sidebar-content {
    margin: 32px 50px 80px;
}

.hero-sidebar-content:before {
    content: '';
    background: #d3ea38;
    position: absolute;
    top: -25px;
    left: 0;
    height: 3px;
    width: 42px;
}

.nb-hero-col-1 {
    background-image: linear-gradient(90deg, #143c6d, #2c5a95);
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
}

@media (min-width:992px) {
    .nb-hero-col-1 {
    background-image: url(../img/Hero.jpg);
}
    .hero .intro {
    padding-top: 120px;
}
}



@media (min-width:768px) {
    .hero .intro {
    padding: 4% 20%;
}
}

.hero .intro p {
    color: #cbec00;
}

@media (min-width:768px) {
    .hero .intro h2 {
        font-size: 4rem;
        line-height: 4rem;
    }
}
.tile-items {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    grid-row-gap: 16px !important;
}

@media (min-width: 992px) {
    .tile-items {
    grid-template-columns: 1fr 1fr !important;
}
}

@media (min-width: 1400px) {
    .tile-items {
    grid-template-columns: 1fr 1fr 1fr !important;
}
}

.tile-items p {
    text-transform: uppercase;
    line-height: 1.8rem;
    margin-bottom: 0;
}

.tile-item {
    border-radius: 6px;
    background-image: linear-gradient(90deg, #143c6d, #2c5a95) !important;
    margin-top: 0 !important;
    aspect-ratio: 1 / 1;
    color: white !important;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nb-card-section {
    background: #133c6a;
    color: white;
}

.nb-card-section .accordion-item {
    background-color: transparent;
    color: white;
    border: none !important;
}

.nb-card-section .accordion-item button {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><defs><style> .cls-1 { fill: %23008dc9; stroke-width: 0px; } </style></defs><rect class="cls-1" width="150" height="150"/></svg>');
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    box-shadow: none;
}

.nb-card-section .accordion-item button.accordion-button.collapsed {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><defs><style> .cls-1 { fill: %232d5996; stroke-width: 0px; } </style></defs><rect class="cls-1" width="150" height="150"/></svg>');
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    box-shadow: none;
}



.nb-card-section .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448.15 256.05"><defs><style> .cls-1 { fill: %23fff; stroke-width: 0px; } </style></defs><path class="cls-1" d="M201.47,246.68c12.5,12.5,32.8,12.5,45.3,0L438.77,54.68c12.5-12.5,12.5-32.8,0-45.3s-32.8-12.5-45.3,0l-169.4,169.4L54.67,9.47C42.17-3.03,21.88-3.03,9.38,9.47s-12.5,32.8,0,45.3l192,192,.1-.1Z"/></svg>');
    transform: var(--bs-accordion-btn-icon-transform) scale(0.75) translateX(-5px);
    background-position: center right;
    transform-origin: center;
}

.nb-card-section .accordion-button::after {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448.15 256.05"><defs><style> .cls-1 { fill: %23fff; stroke-width: 0px; } </style></defs><path class="cls-1" d="M201.47,246.68c12.5,12.5,32.8,12.5,45.3,0L438.77,54.68c12.5-12.5,12.5-32.8,0-45.3s-32.8-12.5-45.3,0l-169.4,169.4L54.67,9.47C42.17-3.03,21.88-3.03,9.38,9.47s-12.5,32.8,0,45.3l192,192,.1-.1Z"/></svg>');
    background-position: center right;
    /*background-size: 16px;*/
    transform-origin: center;
    transform: scale(0.75) translateX(5px);
}

.nb-card-section .accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.nb-faq .accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.nb-faq .accordion-answer {
    width: 65%;
}

.nb-faq button.collapsed {
    1border-left: solid 6px #133c6a !important;
}

.nb-faq .accordion-item:has(.collapsed) {
    border-left: solid 6px #133c6a !important;
}

.nb-faq .accordion-item {
    border-left: solid 6px #cbec00 !important;
    border-radius: 6px;
}



.nb-faq button:after {
    content: url(https://unterstuetzungssysteme-dev.ninebrackets.com/assets/img/icon-minus.svg);
    padding: 0;
    width: auto;
    height: auto;
}

.nb-faq button.collapsed:after {
    content: url(https://unterstuetzungssysteme-dev.ninebrackets.com/assets/img/icon-plus.svg);
    padding: 0;
    width: auto;
    height: auto;
}

.nb-faq button {
    align-items: start !important;
    
}

.faq-tiles {
    /*background-size: 100% 100% !important;
    background-position: 0px 0px, 0px 0px, 0px 0px !important;
    background-image: radial-gradient(70% 53% at 36% 76%, #17466FFF 0%, #073AFF00 100%), radial-gradient(35% 56% at 91% 74%, #001528F5 9%, #073AFF00 100%), linear-gradient(125deg, #508abdFF 1%, #003b69FF 100%) !important;*/
    background: url(/assets/img/hintergrund-backend-2.jpg);
    background-size: cover;
}

.faq-tiles .card strong, .faq-tiles strong {
    color: #cbec00;
}

.faq-tiles h2 {
    color: white;
}

.faq-tiles .card {
    background: #133c6a;
    color: white;
}

.faq-tiles .card.empty {
    background: transparent;
    color: white;
    border: none;
}

.faq-tiles .card-img-top {
    padding: 32px 32px 0;
}

.faq-tiles .card-body {
    padding: 32px;
}