:root {
    --theme--qui-btn-borderRadius: 2em;
}

@media screen and (max-width: 767px) {
    .badge.mjr-long-badge {
        white-space: normal;
        text-align: left;
        line-height: 1.3;
    }
}

@media screen and (min-width:767px) {
    .quiqqer-menu-megaMenu .quiqqer-menu-megaMenu-list-item a[title="Kontakt"] {
        display: none;
    }
}

li.quiqqer-slideoutAdvanced-nav-element a:hover {
    color: var(--qui-colors-primary-25);
}

.header-bar--scrolled .header-bar-container {
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.05);
    background-color: #ffffff88;
    backdrop-filter: blur(11px);
}

.mjr-textWithImage-rounded {
    border-radius: 1.5rem;
    overflow: hidden;
}

.rounded-corner .wallpaperText,
.quiqqer-textImage-image img {
    border-radius: 1.5rem;
    overflow: hidden;
}

/**
 * Startseite Hero
 */
.mjr-textWithImage-bgElement picture {
    position: relative;
}

/***
.mjr-textWithImage-bgElement picture:before {
    content: '';
    position: absolute;
    height: 70%;
    width: 100%;
    left: 0;
    bottom: 0;
    background: linear-gradient(105deg, var(--qui-colors-primary-300), var(--qui-colors-primary-600));
    border-radius: 1.5rem;
}
***/

.mjr-textWithImage-bgElement img {
    position: relative;
}

/**
 * CTA
 */
.mjr-cta {
    background-image: linear-gradient(45deg, var(--qui-colors-primary), transparent 80%);
    color: #fff;
    padding: 4rem;
    border-radius: 1.5rem;
    position: relative;
  //  background-image: radial-gradient(circle at 75% 90%, #53d47155, transparent 30%), linear-gradient(100deg, transparent 55%, #11111122 55%);
}

.mjr-cta .quiqqer-textImage-image {
    position: absolute;
    bottom: 0;
    right: -20px;
    height: 100%;
    text-align: center;
}

.mjr-cta .quiqqer-textImage-image img {
    display: block;
    height: 100%;
    width: auto !important;
    margin-inline: auto;
    object-fit: cover;
}

.mjr-cta .quiqqer-textImage-image picture {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .mjr-cta {
        padding: 2rem;
      
      // background-image: linear-gradient(45deg, var(--qui-colors-primary), transparent 100%);
      background-color: var(--qui-colors-primary-200);
    }
    
    .btn-lg {
        font-size: 1em !important;
    }
    
    .mjr-cta .quiqqer-textImage-image {
        position: relative;
        right: 0;
    }
    
  
    }
    
    .brick-container__mjr-stickyList .quiqqer-boxContent__entry {
    min-width: 100%;
}
}

/**
 * Simple contact fix
 */
button.quiqqer-simple-contact-button.quiqqer-simple-contact-button__hideOnNoScript {
    background: var(--qui-colors-primary);
    margin-top: 1rem;
    color: #fff;
    border-color: var(--qui-colors-primary);
    min-width: 200px;
}

/**
 * Accordion Fix
 */
.quiqqer-accordion-item-header {
    background: var(--qui-colors-primary);
    color: #fff;
    border-radius: 1rem;
    padding-inline: 1rem;
    border: none !important;
    font-size: 1rem;
}

.quiqqer-accordion-item {
    border: none !important;
    margin-bottom: 1rem;
}

.quiqqer-accordion-item-content {
    padding: 1rem;
}

/**
 * Float Nav
 * Die Reihnefolge ist wichtig, so werden die Farben gesetzt
 */
.quiqqer-floatedNavControl__design-iconsBar .quiqqer-floatedNav-entry-inner {
    border-radius: 0.75rem !important;
    font-size: 1.5rem !important;
}

.quiqqer-floatedNav-entry:nth-child(1) .quiqqer-floatedNav-entry-inner {
    background-color: #33e84c;
    border-color: #33e84c;
    color: #fff;
}

.quiqqer-floatedNav-entry:nth-child(2) .quiqqer-floatedNav-entry-inner {
    background-color: #0abb41;
    border-color: #0abb41;
    color: #fff;
}

.quiqqer-floatedNav-entry:nth-child(3) .quiqqer-floatedNav-entry-inner {
    background-color: #4ab1f0;
    border-color: #4ab1f0;
    color: #fff;
}

/**
 * Sticky list brick
 */
.mjr-stickyList .quiqqer-boxContent__entry {
    background: #f8f8f8;
    border-radius: 0 1rem 1rem 0;
    border-left: 0.5rem solid;
    padding: 2rem;
}

.mjr-stickyList .quiqqer-boxContent__entry:nth-child(1) {
    border-color: var(--qui-colors-primary-200);
}

.mjr-stickyList .quiqqer-boxContent__entry:nth-child(2) {
    border-color: var(--qui-colors-warning-300);
}

.mjr-stickyList .quiqqer-boxContent__entry:nth-child(3) {
    border-color: var(--qui-colors-success-200);
}

.mjr-stickyList .quiqqer-boxContent__entry:nth-child(4) {
    border-color: var(--qui-colors-info-200);
}

.mjr-stickyList .quiqqer-boxContent__entry:nth-child(5) {
    border-color: #e3cfe9;
}


@media screen and (min-width: 768px) {
    .mjr-stickyList.quiqqer-boxContent {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
        position: relative;
        align-items: start;
    }

    .mjr-stickyList .control-content {
        position: sticky;
        top: 30vh;
    }

    .mjr-stickyList .quiqqer-boxContent__entries {
        display: grid;
        gap: 5rem;
    }
}


/*** HEADER ***/

.brick-container__quiqqer-hero img {
    display: block;
}



@media screen and (max-width: 767px) {
    .brick-container__quiqqer-hero .quiqqer-textImage {
        flex-direction: column-reverse !important;
    }
    
    .brick-container__quiqqer-hero img {
    display: block;
    height: 250px;
    width: auto !important;
    }
    
    .brick-container__quiqqer-hero .quiqqer-textImage-image {
        margin-bottom: 0;
    }
    
    .btn-container.mt-5 {
        margin-bottom: 2rem;
    }
    
    .tax-consultant-section .wallpaperText-container {
        padding: 3rem !important;
    }

}

.small-container {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
}

.brick-container__quiqqer-hero {
        background-image: radial-gradient(circle at 10% 20%,
 color-mix(in srgb, var(--qui-colors-primary), transparent 80%), transparent 50%), radial-gradient(circle at 70% 80%,
 color-mix(in srgb, var(--qui-colors-warning), transparent 90%), transparent 30%);
    background-color: #fafafa;
  
}


/*** Steuerberatung mit Weitblick***/

.tax-consultant-section .wallpaperText__imageWrapper {
    filter: brightness(0.4);
}

.tax-consultant-section .wallpaperText-container {
    padding: 4rem 0;
}

.tax-consultant-section .wallpaperText-container-content {
    text-align: center;
}


/*** So arbeiten wir ***/

.newspaper {
    --newspaper-col: 2;
    --newspaper-gap: 2rem;
}
.newspaper {
    column-count: var(--newspaper-col);
    column-gap: var(--newspaper-gap);
    margin-top: 3rem;
}

/*** Warum Lichtbild ***/

.brick-container__lichtblick-boxen {
    background-image: radial-gradient(circle at 10% 20%, color-mix(in srgb, var(--qui-colors-primary), transparent 80%), transparent 50%), radial-gradient(circle at 90% 80%, color-mix(in srgb, var(--qui-colors-warning), transparent 80%), transparent 30%);
}

.brick-container__lichtblick-boxen .quiqqer-boxContentAdvanced-entry-img {
    margin-bottom: 0;
}

/*** Faire & transparente Honorare ***/

.consultant-section .wallpaperText {
    background-color: transparent;
    background-image: linear-gradient(44deg, #02836473 30%, #02836466 30%, #5faf9c 60%, #1c8f748f 60%), linear-gradient(324deg, #4aa58fc4 30%, #02836494 30%, #2e947b6b 60%, #128b6e6e 60%);
}


/*** Startseite Kontakt ***/

.contact-spalte {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.contact-text {
    width: 50%;
}


.wallpaperText--rounded a {
    color: #fff;
}

.wallpaperText--rounded  .btn-primary-outline {
    border-color: #fff !important;
}
.wallpaperText--rounded .btn-primary-outline:hover {
    border-color: var(--border-color--hover) !important;
}


/*** Honorar Section ***/


.brick-container__honorar-section .quiqqer-boxContentAdvanced-entry-img img {
    max-width: 200px;
}

.brick-container__honorar-section .quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-img,
.about-us-section .quiqqer-boxContentAdvanced-entry-img {
    margin-bottom: 0 !important;
}

/*** About Us ***/


.brick-container__about-us-section {
--qui-tpl-brick-backgroundColor: #f8f8f8;
margin-bottom: 4rem;
}

.about-us-section .quiqqer-boxContentAdvanced-entry-img img,
.lichtblick-boxen .quiqqer-boxContentAdvanced-entry-img img {
    max-width: 220px;
}




/*** About us 2 tabs ***/

li.quiqqer-tabsAdvanced-nav-item.navTabStyle__imgLeft.quiqqer-tab-nav-item>a {
    border-radius: 1rem 1rem 0 0 ;
}

.brick-container__aboutUs-ourStorySlider .quiqqer-tabsAdvanced-content {
   --qui-tpl-brick-backgroundColor: #f6fefa;
   background-color: var(--qui-tpl-brick-backgroundColor);
   border-bottom-left-radius: 1rem;
   border-bottom-right-radius: 1rem;
   margin-top: 0;
   padding: 2rem;
}

.active>.quiqqer-tabsAdvanced-nav-link {
    --qui-tpl-brick-backgroundColor: #f6fefa;
    background-color: var(--qui-tpl-brick-backgroundColor);
    color: var(--qui-colors-primary);
}

.brick-container__aboutUs-ourStorySlider .quiqqer-tabsAdvanced-control {
    gap: 0;
}

.brick-container__aboutUs-ourStorySlider ul {
    margin-bottom: 0;
}

ul.quiqqer-tabsAdvanced-nav-inner.quiqqer-tab-nav {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.quiqqer-tabsAdvanced-progress {
    display: none;
}

ul.quiqqer-tabsAdvanced-nav-inner.quiqqer-tab-nav {
    width: 100%;
}


.brick-container__aboutUs-ourStorySlider .quiqqer-tabsAdvanced-content-image-inner img {
    border-radius: 1rem;
}


/*** FOOTER ***/

.page-footer a:not(.btn) {
    color: inherit !important;
}

.page-footer a:not(.btn):is(:hover) {
    color: var(--qui-colors-primary) !important;
}

.page-footer {
    background-image: radial-gradient(circle at 10% 80%, color-mix(in srgb, var(--qui-colors-warning), transparent 90%), transparent 30%), 
    radial-gradient(circle at 90% 80%, color-mix(in srgb, var(--qui-colors-primary), transparent 80%), transparent 50%);
}

.page-footer .fa {
    color: #028364;
    margin-right: 0.5em;
}

.office-hours tbody, .office-hours td, .office-hours tfoot, .office-hours th, .office-hours thead, .office-hours tr {
    border: none;
    padding: 0 0 0.5em 0;
}

.office-hours {
    margin-bottom: var(--qui-row-spacing--small);
}


.page-footer__copyright {
    text-align: center;
}



.qui-button-active, .qui-button:active, .qui-button:hover {
    background-color: var(--qui-btn-primary-bg--hover) !important;
    color: var(--qui-btn-primary-color--hover) !important;
}


/**
 * Search / 404
 */
.qui-search-result .form-field-search {
    border-radius: 2rem;
}

/**
 * Missing buttons styling
 */
.qui-window-popup-buttons button,
.quiqqer-simple-contact-button,
.qui-search-result input[type="submit"] {
    --qui-btn-bgColor: var(--qui-btn-primary-bg);
    --qui-btn-color: var(--qui-btn-primary-color);
    --qui-btn-borderColor: var(--qui-btn-primary-borderColor);
    
    background-color: var(--qui-btn-primary-bg);
    color: var(--qui-btn-primary-color);
    border-color: var(--qui-btn-primary-borderColor);
}

.qui-window-popup-buttons button:hover,
.quiqqer-simple-contact-button:hover,
.qui-search-result input[type="submit"]:hover {
    --qui-btn-bgColor--hover: var(--qui-btn-primary-bg);
    --qui-btn-color--hover: var(--qui-btn-primary-color);
    --qui-btn-borderColor--hover: var(--qui-btn-primary-borderColor);
    
    background-color: var(--qui-btn-primary-bg--hover);
    color: var(--qui-btn-primary-color--hover);
    border-color: var(--qui-btn-primary-borderColor--hover);
}

/**
 * QUI Window
*/
.qui-window-popup-buttons.box {
    height: auto !important;
}