/*
        Theme Name: Hausverwaltung Heikenfeld
        Description: Theme for Hausverwaltung Heikenfeld
        Author: SAY Media Consulting
        Author URI: https://www.say-consulting.de
        Template: twentytwentyfive
        Version: 1.0
        Tags:
*/
:root{
    --transition: all .2s ease;
}
html {
    scroll-behavior: smooth;
}
.has_liquid_glass{
    backdrop-filter: blur(25px);
}
.count-up{
    display: none;
}
.is-style-text-subtitle{
    padding-left: 15px;
    position: relative;
}
.is-style-text-subtitle:before{
    content: '■';
    color: var(--wp--preset--color--accent-1);
    position: absolute;
    left: 0;
    bottom: 2px;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="submit"],
textarea, select
{
    border: none;
    border-radius: 30px;
    padding: .8em 1.2em;
    background: #000;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    font-size: var(--wp--preset--font-size--medium);
    font-family: var(--wp--preset--font-family--ubuntu);
    resize: none;
}
input[type="submit"], input[type="button"]{
    background: var(--wp--preset--color--accent-1);
    color: #fff;
    cursor: pointer;
}
textarea{
    resize: none;
    height: 8rem;
}
.contact-flex{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.wp-block-image a{
    line-height: 1 !important;
    display: block !important;
}
.slick-arrow{
    font-size: 0;
    background: none;
    border: none;
    position: absolute;
    cursor: pointer;
    width: 56px;
    height: 32px;
    bottom: 0;
    right: 0;
}
.slick-arrow.slick-prev{
    right: 64px;
}
.sld_reviews {
    padding-bottom: 32px;
}
.slick-arrow::before{
    font-family: var(--wp--preset--font-family--playfair-display);
    content: '→';
    font-size: 24px;
    color:  var(--wp--preset--color--accent-2);
    line-height: 15px;
    border: 1px solid var(--wp--preset--color--accent-2);
    border-radius: 30px;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 4px 10px 10px 10px;
    box-sizing: border-box;
}
.slick-arrow:hover:before{
    background-color:  var(--wp--preset--color--accent-1);
    color: #fff;
    border-color: #fff;
}
.slick-arrow.slick-prev::before{
    content: '←';
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{
    text-decoration: none !important;
    color:  var(--wp--preset--color--accent-1);
}
.smc_head{
    z-index: 20 !important;
}
.hover_leistungen figure{
    position: relative;
}
.hover_leistungen figure:before{
    content: '';
    width: 100%;
    height: 100%;
    background: var(--wp--preset--color--accent-1);
    position: absolute;
    transform: translate(.5em, -.5em);
    border-radius: 100%;
    opacity: 0;
    transition: var(--transition);
}
.hover_leistungen .wp-block-group:hover figure:before{
    opacity: 1;
}
.smc_head  .wp-block-navigation__responsive-container-open svg{
    width: 32px;
    height: 32px;
}
.wp-block-navigation__responsive-container-open{
    background: #000 !important;
    padding: .7em  !important;
    border-radius: 100%  !important;
}
@media (prefers-reduced-motion: no-preference) {
    .visually-hidden {
        clip:rect(0 0 0 0);
        clip-path:inset(50%);
        height:1px;
        overflow:hidden;
        position:absolute;
        white-space:nowrap;
        width:1px
    }
    .count-up {
        display:inline-block
    }
}
@media (max-width: 781px){
    .mobile-reversed
    {
        flex-direction: row-reverse !important;
    }
    .wp-block-navigation__responsive-container-open {
        display: block !important;
    }
    .wp-block-navigation__responsive-container:not(.has-modal-open){
        display: none !important;
    }
    .cols_reviews > .wp-block-column:nth-child(2){
        border-top: 1px var(--wp--preset--color--custom-color-1) solid;
        border-left-width: 0 !important;
    }
    .tablet_wrap{
        max-width: 450px !important;
    }
}
@media  (min-width: 600px) and (max-width: 1199px){
    .smc_ft_inner > .wp-block-group{
        flex-basis: calc(50% - 2rem);
    }
}
@media (max-width: 1199px){
    .smc_ft_inner{
        justify-content: center !important;
    }
    .desktop_only{
        display: none;
    }
}