/*
Theme Name: Mein Theme
Text Domain: mein-theme
Theme URI:
Author:
Author URI:
Description: Eigenes Theme
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mein-theme
Tags:
*/


html {
	scroll-behavior: smooth;
}

.wp-block-navigation__overlay-container p, .wp-block-navigation__overlay-container p a{font-size:var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation__responsive-container.disable-default-overlay{background-color:#fff6ee;}

.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close{background-color:#be0a0a;}

.carousel {
    overflow: hidden;overflow: visible;
}

.carousel .css-carousel {
    padding: 0 30px;
}

.carousel .css-carousel img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

/* Abstand zwischen Slides */
.carousel .slick-list {
    margin: 0 -30px;
}

.carousel .slick-track {
    display: flex;
}

.carousel .slick-slide {
    height: auto;
}
.slick-prev,
.slick-next {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: transparent;
    border: none;
position: absolute;
  top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 0;
    color: transparent;

    cursor: pointer;
    z-index: 10;
}

.slick-prev{left:-60px;}
.slick-next{right:-60px;}
/* Gemeinsame Animation */
.slick-prev::before,
.slick-next::before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    transition: transform .6s cubic-bezier(.4,0,.2,1);
}

/* Linker Chevron */
.slick-prev::before {
    border-left: 2px solid #be0a0a;
    border-bottom: 2px solid #be0a0a;
    transform: rotate(45deg);
}

/* Rechter Chevron */
.slick-next::before {
    border-right: 2px solid #be0a0a;
    border-top: 2px solid #be0a0a;
    transform: rotate(45deg);
}

/* Hover */
.slick-prev:hover::before {
    transform: rotate(-315deg);
}

.slick-next:hover::before {
    transform: rotate(405deg);
}

.col-with-animation{position:relative;}
.col-with-animation svg{position: absolute;
	bottom: -1px;}

  /* Google chrome */
      @-webkit-keyframes svg-text-anim {
       40% {
          stroke-dashoffset: 0;
          fill: transparent;
        }
        60% {
          stroke-dashoffset: 0;
          fill: #fff6ee;
        }
        100% {
          stroke-dashoffset: 0;
          fill: #fff6ee;
        }
        
    }
    /* Most browsers */
    @keyframes svg-text-anim {
       40% {
          stroke-dashoffset: 0;
          fill: transparent;
        }
        60% {
          stroke-dashoffset: 0;
          fill: #fff6ee;
        }
        100% {
          stroke-dashoffset: 0;
          fill: #fff6ee;
        }
        
    }



/* --- Stick footer to bottom --- */

.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.wp-site-blocks > footer {
	margin-block-start: 0px !important;
}

.wp-site-blocks > .wp-block-group {
	margin-bottom: auto !important;
}








/* --- Remove block gap on mobile --- */

@media (max-width: 781px) {
	:where(.wp-site-blocks) > * {
		margin-block-start: 0;
	}
}
