@charset "UTF-8";
/* CSS Document */


body {
    background-color:rgba(255,255,255,1);
    font-family: ainslie-sans, sans-serif!important;
    font-style: normal;
    font-weight: 300;
    color:#749ba4;
}

#brand.brand-typo {
    font-family: revert;
}

#main_container {
  padding-left: 0;
  padding-right: 0;
}

#left {
  border-right: solid thin #749ba4;
}

article.myfront-page {
  border-bottom: solid thin #749ba4;
}

article.myfront-page::last-child(n) {
    border-bottom:none;
}

#closeIt {
    color:#749ba4;
}

p {
    font-family: LetteraMono;
    font-size:1.25rem;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
    margin-top:0;
    margin-bottom: .5rem;
    line-height: 1.2;
    color:#749ba4;
}

.h1, h1 {
    font-size: 2.5rem;
}

.h2, h2 {
    font-size: 2rem;
}

.h3, h3 {
    font-size: 1.75rem;
}

.h4, h4 {
    font-size: 1.5rem;
}

.h5, h5 {
    font-size: 1.25rem;
}

.h6, h6 {
    font-size: 1rem;
}
p{
    color:#749ba4;
}

fs-7 {
    font-size:0.8rem;
}

.text-verlauf-hell-dunkel {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(116,155,164,1) 100%);
  -webkit-background-clip: text;
}

.btn-black {
    background-image: url('https://lutz-lehmann.com/wp-content/uploads/2025/12/moon-stars-fill-dark.png');
    background-position: center center;
    background-size:14px auto;
    background-repeat: no-repeat;
    width:20px;
    height:20px;
    color: #749ba4;
    border: solid thin #749ba4;
}

.btn-black:hover {
    background-image: url('https://lutz-lehmann.com/wp-content/uploads/2025/12/moon-stars-fill-dark-hover.png');
    background-position: center center;
    background-size:20px auto;
    background-repeat: no-repeat;
    width:32px;
    height:32px;
    border: solid thin #FF3300;
}


.btn-white {
    background-image: url('https://lutz-lehmann.com/wp-content/uploads/2025/12/sun-fill-light.png');
    background-position: center center;
    background-size:20px auto;
    background-repeat: no-repeat;
    width:32px;
    height:32px;
    color:#FFFFFF;
    border:solid thin #FFF;
}
.btn-white:hover {
    background-image: url('https://lutz-lehmann.com/wp-content/uploads/2025/12/sun-fill-hover.png');
    background-position: center center;
    background-size:20px auto;
    background-repeat: no-repeat;
    width:32px;
    height:32px;
    color:#FFFFFF;
    border:solid thin #FF3300;
}

header {
    border-bottom: solid thin #749ba4;
}

#brand {
    color:#749ba4;
}

#brand-footer {
    color:#FFF;
}

#nav_lutz {
    background-color: rgba(255,255,255,1);
    color:rgba(116,155,164,1.00);
}


.btnScrollToTop { 
  position: fixed; 
  right: 20px; 
  bottom: 20px; 
  width: 50px; 
  width: 50px; 
  border: none; 
  z-index: 99; 
  opacity: 0;
  color:#FF3300;
}
.btnScrollToTop.active{  
  opacity: 1; 
}

.btnScrollToTop.active:hover{  
  opacity: 1;
  color:#b82905;
}

@media screen and (min-width: 480px) {
  .bi.bi-arrow-up-circle {
  font-size: 3rem;
  }
}

#footer_lutz {
    border-top: solid thin #FFF;
    background-color:#749ba4;
    padding-left: 0;
    padding-right: 0;
    color:#fff;
}

#footer_right {
    background-repeat: no-repeat;
    background-size: 300px 450px;
    margin-left: auto;
    margin-right:auto;
    height:450px;
    min-width:300px;
}
.footer-right {
    background-image:url("../images/img/footer-right-light.png");
}

a {
  color:#749ba4!important;
  text-decoration: none;
}

a:hover{
    color:#ff3300!important;
}

.link {
  color: #749ba4;
}

.link:hover {
  color:#ff3300!important;
}

.link-footer {
  color:#fff!important;
  transition: all;
  transition-duration: 1s;
}

.link-footer:hover {
  color:#ff3300!important;
  font-size: 2rem;
  font-weight:900;
}

.social-link.fw-bold.py-1.px-0 {
  color: #FFF!important;
}

#lutz_behance {
    color:#FFF!important;
    text-decoration: none;
}

#lutz_behance:hover {
    color: #f30!important;
    text-decoration: none;
}

#lutz_bluesky {
    color:#FFF!important;
    text-decoration: none;
}

#lutz_bluesky:hover {
    color: #f30!important;
    text-decoration: none;
}

#lutz_instagram {
    color:#FFF!important;
    text-decoration: none;
}

#lutz_instagram:hover {
    color: #f30!important;
    text-decoration: none;
}

#lutz_linkedin {
    color:#FFF!important;
    text-decoration: none;
}

#lutz_linkedin:hover {
    color: #f30!important;
    text-decoration: none;
}

#lutz_spotify {
    color:#FFF!important;
    text-decoration: none;
}

#lutz_spotify:hover {
    color: #f30!important;
    text-decoration: none;
}

.fade-over {
    padding-top: var(--spacing-nav);
    background: linear-gradient(0deg, rgba(116,155,164,1) 0%, rgba(255,255,255,1) 100%);
    border-top: solid thin #749ba4;
    margin-top: 1rem;
}

.nav-link {
    color: #749ba4!important;
}

.nav-link:hover {
    color: #FF3300!important;
    text-decoration: none;
}

/* Icon 1 */

i {
  font-size: 1.3rem;
  }

.animated-icon1,
.animated-icon2,
.animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #000000;
}

.animated-icon2 span {
background: #e3f2fd;
}

.animated-icon3 span {
background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

#myToggler {
    border: solid thin;
    color:#000;
}

.nav-item a {
  color: #749ba4!important;
}

.nav-item a:hover {
  color: #FF3300!important;
}

.navbar-toggler {
    border: solid thin #749ba4!important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(116, 155, 164, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-toggler:hover {
    border: solid thin #FF3300!important;
}

.navbar-toggler-icon:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 51, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

#offcanvasExample {
    background-color: #FFF;
    color:#749ba4;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  margin-top: 0px;
  font-size: var(--bs-dropdown-font-size);
  color: #749ba4;
  text-align: left;
  list-style: none;
  background-color: #FFF;
  background-clip: padding-box;
  border-left: solid thin #749ba4;
  border-bottom: solid thin #749ba4;
  border-right: solid thin #749ba4;
  border-radius: 0px;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #FF3300;
  background-color: #FFF;
}

.dropdown-menu-watch {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 0rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #000;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: none;
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: #000;
  --bs-dropdown-link-hover-color: #ff3300;
  --bs-dropdown-link-hover-bg: #FFF;
  --bs-dropdown-link-active-color: #000;
  --bs-dropdown-link-active-bg: #FFF;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #fff;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: #000;
  text-align: left;
  list-style: none;
  background-color: #FFF;
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  max-height: 0;
  min-width:0;
  display: block;
  overflow: hidden;
  opacity: 0;
}


 .dropdown:hover .dropdown-menu-watch {
    display: block!important;
    position:absolute;
    top:1.5rem;
    opacity: 1;
    min-height:40rem;
    margin-top:1rem!important;
    border-radius: 0;
    border-left:solid thin #749ba4;
    border-bottom:solid thin #749ba4;
    border-right:solid thin #749ba4;
}

.dropdown-menu-newsletter {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 0rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #000;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: none;
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: #000;
  --bs-dropdown-link-hover-color: #ff3300;
  --bs-dropdown-link-hover-bg: #FFF;
  --bs-dropdown-link-active-color: #000;
  --bs-dropdown-link-active-bg: #FFF;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #fff;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: #000;
  text-align: left;
  list-style: none;
  background-color: #FFF;
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  max-height: 0;
  min-width:0;
  display: block;
  overflow: hidden;
  opacity: 0;
}

.dropdown:hover .dropdown-menu-newsletter {
    display: block!important;
    position:absolute;
    top:1.5rem;
    opacity: 1;
    min-height:40rem;
    margin-top:1rem;
    border-radius: 0;
    border-left:solid thin #749ba4;
    border-bottom:solid thin #749ba4;
    border-right:solid thin #749ba4;
}



/* ===================== FORMS ===============================================*/

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
    background-color:rgba(230,225,225,1.00);
    color:rgb(116,155,164,1);
}

.wpcf7-form-control.wpcf7-textarea.form-control{
    background-color:rgba(230,225,225,1.00);
    color:rgb(116,155,164,1);
}

.wpcf7-form-control.wpcf7-quiz.form-control.wpcf7-form-control.wpcf7-quiz.form-control {
    background-color:rgba(230,225,225,1.00);
    color:rgb(116,155,164,1);
}
.wpcf7-form-control input [type=checkbox]{
    background-color:rgba(230,225,225,1.00);
    color:rgb(116,155,164,1);
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
    border: solid thin #749ba4;
    border-radius:8px;
    background-color: #FFF;
    color:rgb(116,155,164,1);
    padding:0.3rem;
}

.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    border: solid thin #749ba4;
    border-radius:8px;
    background-color: #ccc;
    color:#FF3300;
    padding:0.3rem;
}

[data-bs-theme="dark"] .btn-close {
  filter: none;
}

/* ===================== Dropdowns ===============================================*/





/* ===================== Newsletter forms ===============================================*/

div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
    display: block;
    margin: 1em auto;
    max-width: 500px;
    width: 100%;
}

div.tnp-profile {
    display: block;
    margin: 1em 0;
    max-width: 500px;
    /*width: 100%;*/
}

/* Generic field wrapper */
.tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
    margin-bottom: .7em;
    border: 0;
    padding: 0;
}

.tnp-subscription label,
.tnp-profile label
{
    display: block;
    color: #749ba4!important;
    font-weight: normal;
    line-height: normal;
    padding: 0;
    margin: 0;
    margin-bottom: .25em;
    font-size: 1.25rem!important;
}

.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
    display: inline-block;
}

.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile select,
.tnp-profile textarea
{
    width: 100%;
    padding: .375rem .75rem!important;
    display: block;
    border: 1px!important;
    color: #FF3300!important;
    border-color: rgba(230,225,225,1.00)!important;
    border-radius: .375rem!important;
    background-color: rgba(230,225,225,1.00)!important;
    background-image: none;
    text-shadow: none;
    font-size: 1rem!important;
    margin: 0;
    line-height: 1.5!important;
    box-sizing: border-box;
}

.tnp-subscription input.tnp-submit {
    width: 100%;
    padding: .375rem .75rem!important;
    display: block;
    border: solid thin #749ba4!important;
    color: #749ba4!important;
    border-color: #749ba4!important;
    border-radius: .375rem!important;
    background-color: #FFF!important;
    background-image: none;
    text-shadow: none;
    font-size: 1.1rem!important;
    margin: 0;
    line-height: 1.5!important;
    box-sizing: border-box;
  
}

input.tnp-submit:hover {
  border: solid thin #FF3300!important;
  color: #FF3300!important;
  
}

.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{
    /* Fixes some bad themes CSS */
    max-width: 1em;
    display: inline-block;
    margin-right: .5em;
}

/* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
.tnp-subscription select option,
.tnp-profile select option
{
    margin-right: .75em;
}

.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
    background-color: #444;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    display: inline-block;
}

@media all and (max-width: 480px) {
    .tnp-subscription input[type=submit],
    .tnp-profile input[type=submit] {
        width: 100%;
    }
}

.tnp-widget {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.tnp-widget .tnp-field {
    margin-bottom: 10px;
    border: 0;
    padding: 0;
}

.tnp-widget label {
    display: block;
    color: inherit;
    font-size: 14px;
}

.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
    width: 100%;
    padding: 10px;
    display: block;
    border: 1px solid #ddd ;
    border-color: #749ba4!important;
    background-color: #fff;
    background-image: none;
    text-shadow: none;
    color: #444;
    font-size: 1.1rem!important;
    line-height: normal;
    box-sizing: border-box;
    height: auto;
}

.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
    width: auto;
    display: inline-block;
}

/* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
.tnp-widget select option {
    margin-right: 10px;
}

.tnp-widget input.tnp-submit {
    background-color: #FFF!important;
    background-image: none;
    text-shadow: none;
    color: #749ba4!important;
    margin: 0;
}

.tnp-field input[type="submit"] {
    position: inherit;
}

.tnp-field label {

}

/* Newsletter Widget Minimal */

.tnp-widget-minimal {
    width: 100%;
}

.tnp-widget-minimal form {
    margin: 0;
    padding: 0;
    border: 0;
}

.tnp-widget-minimal input.tnp-email {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    color: #444;
    font-size: 14px;
}

.tnp-widget-minimal input.tnp-submit {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    display: inline-block;
    border: 1px;
    border-color: #ddd;
    background-color: #FFF!important;
    background-image: none;
    text-shadow: none;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    border-radius: 0px;
    height: auto;
    margin: 0;
}

/* The minimal form */

.tnp-subscription-minimal {
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
}

.tnp-subscription-minimal form {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    white-space: nowrap;
}

.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
    width: 70%;
    max-width: 300px;
    box-sizing: border-box;
    padding: 10px;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    color: #444;
    font-size: 14px;
    line-height: 20px;
    border-radius: 0px;
    margin-right: 10px;
}

.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
    width: 31%;
}

.tnp-subscription-minimal .tnp-privacy-field {
    margin-top: 10px;
}

/* Some of these styles are overridden by theme styles... */
.tnp-subscription-minimal input.tnp-submit {
    width: 29%;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    border: 1px;
    border-color: #ddd;
    background-color: #444;
    background-image: none;
    text-shadow: none;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    border-radius: 0px;
    margin: 0;
}

.tnp-subscription-posts {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 2rem;
}

.tnp-subscription-posts .tnp-subscription {
    max-width: auto;
    margin: 0;
}

@media all and (max-width: 525px) {
    .tnp-subscription-minimal.with-name input.tnp-email,
    .tnp-subscription-minimal.with-name input.tnp-name,
    .tnp-subscription-minimal input.tnp-submit
    {
        width: 100%;
        max-width: 100%;
        margin: 0;
        display: block;
        margin-bottom: .5rem;
    }
}

/* Single button forms */
.tnp-button-form button.tnp-submit {
    box-sizing: border-box;
    padding: 10px;
    display: inline-block;
    border: 1px;
    border-color: #ddd;
    background-color: #444;
    background-image: none;
    text-shadow: none;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    border-radius: 0px;
    height: auto;
    margin: 0;
}

/* Comments Extension */
.tnp-comments {
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
}

.tnp-comments label {
    display: block;
}

.tnp-comments input[type=checkbox] {
    display: inline-block;
    width: auto!important;
}


/* Locked Content Extension */
.tnp-lock {
    clear: both;
    display: block;
    box-sizing: border-box;
    box-shadow: none;
    margin: 20px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.tnp-nl-checkout {
    margin-bottom: 1em;
}


/*
/ Accordion Basic styles
/
*/

.accordion {
    background-color:#FFF!important;
    color:#749ba4!important;
  
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--#{$prefix}accordion-btn-padding-y) var(--#{$prefix}accordion-btn-padding-x);
  @include font-size($font-size-base);
  color: #749ba4;
  text-align: left; // Reset button style
  background-color: #FFF!important; 
  border: 0;
  @include border-radius(0);
  overflow-anchor: none;
  @include transition(var(--#{$prefix}accordion-transition));

  &:not(.collapsed) {
    color: #749ba4;
    background-color: #FFF;
    box-shadow: inset 0 calc(-1 * var(--#{$prefix}accordion-border-width)) 0 var(--#{$prefix}accordion-border-color); // stylelint-disable-line function-disallowed-list

    &::after {
      background-image: var(--#{$prefix}accordion-btn-active-icon);
      transform: var(--#{$prefix}accordion-btn-icon-transform);
    }
  }

  // Accordion icon
  &::after {
    flex-shrink: 0;
    width: var(--#{$prefix}accordion-btn-icon-width);
    height: var(--#{$prefix}accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--#{$prefix}accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--#{$prefix}accordion-btn-icon-width);
    @include transition(var(--#{$prefix}accordion-btn-icon-transition));
  }

  &:hover {
    z-index: 2;
  }

  &:focus {
    z-index: 3;
    outline: 0;
    box-shadow: var(--#{$prefix}accordion-btn-focus-box-shadow);
  }
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: #749ba4;
  background-color:#FFF;
  border: var(--#{$prefix}accordion-border-width) solid var(--#{$prefix}accordion-border-color);

  &:first-of-type {
    @include border-top-radius(var(--#{$prefix}accordion-border-radius));

    > .accordion-header .accordion-button {
      @include border-top-radius(var(--#{$prefix}accordion-inner-border-radius));
    }
  }

  &:not(:first-of-type) {
    border-top: 0;
  }

  // Only set a border-radius on the last item if the accordion is collapsed
  &:last-of-type {
    @include border-bottom-radius(var(--#{$prefix}accordion-border-radius));

    > .accordion-header .accordion-button {
      &.collapsed {
        @include border-bottom-radius(var(--#{$prefix}accordion-inner-border-radius));
      }
    }

    > .accordion-collapse {
      @include border-bottom-radius(var(--#{$prefix}accordion-border-radius));
    }
  }
}

.accordion-body {
  padding: var(--#{$prefix}accordion-body-padding-y) var(--#{$prefix}accordion-body-padding-x);
}


// Flush accordion items
//
// Remove borders and border-radius to keep accordion items edge-to-edge.

.accordion-flush {
  > .accordion-item {
    border-right: 0;
    border-left: 0;
    @include border-radius(0);

    &:first-child { border-top: 0; }
    &:last-child { border-bottom: 0; }

    // stylelint-disable selector-max-class
    > .accordion-header .accordion-button {
      &,
      &.collapsed {
        @include border-radius(0);
      }
    }
    // stylelint-enable selector-max-class

    > .accordion-collapse {
      @include border-radius(0);
    }
  }
}

@if $enable-dark-mode {
  @include color-mode(dark) {
    .accordion-button::after {
      --#{$prefix}accordion-btn-icon: #{escape-svg($accordion-button-icon-dark)};
      --#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon-dark)};
    }
  }
}