:root{--yellow:#e0fc70;}

.brx-body {
    min-height: 100vh;
}

.brxe-accordion .accordion-content-wrapper a,
.brxe-icon-box .content-wrapper a,
.brxe-list a,
.brxe-post-content a:not(.bricks-button),
.brxe-posts .dynamic p a,
.brxe-shortcode a,
.brxe-tabs .tab-content a,
.brxe-team-members .description a,
.brxe-testimonials .testimonial-content-wrapper a,
.brxe-text a,
a.brxe-text,
.brxe-text-basic a,
a.brxe-text-basic,
a {
    transition-duration: 0.4s !important;
}

/* Farben */

.text--yellow {
    color:var(--yellow);
}

/*Markieren*/
::-moz-selection {
    background: var(--primary);
    color: var(--shade-white);
}
::selection {
    background: var(--primary);
    color: var(--shade-white);
}

/* Überschriften Hero Section */
.hero-heading-above {
    font-family: "Bettersignature";
    font-weight:400;
    font-size:calc(var(--h1)*1);
}
.hero-heading-below {
    font-family: "Kostania";
    line-height:0.8;
    font-size:calc(var(--h1)*3);
}
.hero-heading-below-n{
    position:relative;
}
.hero-heading-below-n::after {
  content: url("/wp-content/uploads/2023/05/ynp_stern_pink.svg");
  display: inline-block;
  position:absolute;
  top:10px;
  width: 60px; 
  height: 60px;
}
.hero-subheading{
    max-width:var(--width-l);
    display:block;
    margin-top:-30px;
    font-weight:500;
    font-size:var(--h2);
    text-transform: uppercase;
}
 @media (max-width: 600px) {
.hero-heading-below{ 
    font-size:calc(var(--h1)*2.8);
}
.hero-heading-below-n::after {

  top:10px;
  width: 40px; 
  height: 40px;}}
  
  /* Überschriften Sections */
  .section-heading-above{
    font-family: "Bettersignature";
    font-weight:400;
    transform: rotateZ(-10deg);
    font-size:calc(var(--h1)*1);
  }
  .section-heading-below{
    font-family: "Kostania";
    line-height:1;
    font-size:calc(var(--h1)*2); 
  }
  
  
  /* Kalender / Buchungsform */

.ui-datepicker {
    background-color: var(--base) !important;
    border-color: var(--primary) !important;
    box-shadow: none !important;
}
.ea-bootstrap a {
    color: var(--primary) !important;
}

.ui-datepicker .ui-datepicker-current-day {
    background-color: var(--white) !important;
}

.ea-bootstrap .well {
    background-color: var(--base) !important;
    border: 1px solid var(--base-light) !important;
    box-shadow: none !important;
}

.ea-bootstrap .time-value {
    background-color: var(--base) !important;
    border: 1px dotted var(--base-light) !important;
}
.ea-bootstrap.ea-bootstrap .selected-time,
.ea-bootstrap.ea-bootstrap .selected-time:hover {
    color: var(--black) !important;
}

.row-location,
.row-service,
.row-worker,
.row-price {
    display: none !important;
}

.ea-bootstrap {
    border: none !important;
}
.ea-bootstrap .btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.ea-bootstrap .form-control:focus {
    border-color: var(--primary) !important;
    box-shadow: none !important;
}

.ea-bootstrap label.error {
    color: #f29a9a !important;
}

.ea-bootstrap small, .ea-bootstrap .small{
    display:none!important;
}


/* Fluent Forms */

.fluentform .ff_t_c {font-size:var(--text-s)!important}
.btn--white.brxe-button:hover,
.btn--primary:hover,
.bricks-button.btn--primary:hover,
.btn--black.brxe-button:hover,
.fluentform .ff_btn_style:hover,
.bricks-button.btn--primary:hover,
.btn--primary.btn--outline:hover,
.bricks-button.btn--primary.btn--outline:hover {
    transform: translateY(-5px);
    box-shadow: 0px 7px 25px -10px rgb(0 0 0 / 50%);
    opacity: 1 !important;
}
.fluentform .ff_btn_style:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.fluentform .ff_btn_style {
    transition: 0.4s !important;
    background-color: var(--primary) !important;
    color: var(--black) !important;
    cursor: pointer;
    border-style: solid !important;
    border-color: var(--primary) !important;
    padding: 0.75em 1.25em !important;
    border-width: 0.25rem !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    min-width: 30rem !important;
    line-height: 1 !important;
    font-size: var(--text-l) !important;
}

.brxe-button {
    transition-duration: 0.4s !important;
    box-shadow: 0px 10px 20px -15px rgb(0 0 0 / 50%) !important;
}
.brxe-button:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0px 7px 25px -10px rgb(0 0 0 / 50%) !important;
}
.fluentform_wrapper_3 .ff-el-input--content input:focus, .fluentform_wrapper_3 .ff-el-input--content textarea:focus, .fluentform_wrapper_3 .ff-el-input--content select:focus{
    border-color:var(--secondary)!important;
}