/*
Theme Name: Twenty Twenty-Five customized
Template: twentytwentyfive
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team/ Bild.Element
Author URI: https://wordpress.org
Description: Twenty Twenty-Five but with a few interactive tweaks.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later - not applicable for the custom changes
License URI: (http://www.gnu.org/licenses/gpl-2.0.html) - not applicable for the custom changes 
Text Domain: twentytwentyfive-customized
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/


#canvas-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: -10;  /* Stellt sicher, dass es im Hintergrund bleibt */
}

#metaballsCanvas {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
}


/* Apply this to the header or any other top-level content element */
header, footer, .main-content, .navbar {
    position: relative; /* Stacking context for the content */
    z-index: 0; /* Higher value to push it in front of the canvas */
}


body {
    position: relative; /* Allow stacking context for children */
    z-index: 0; /* Content will be in front of the canvas */
}

/* Ensure other elements are placed above the canvas */
h1, h2, h3, p, .content {
    position: relative; /* Allow stacking context for text and other content */
    z-index: 0; /* Ensure text appears on top */
}

.single-post .content-area {
    max-width: 1200px; /* Adjust this value to the desired width */
    margin: 0 auto; /* Centers the content */
}

.single-post .site-content {
    padding: 0 20px; /* Adds space around the content */
}


.cover-link {
  display: block;
  text-decoration: none;
}

.cover-link .wp-block-cover {
  position: relative;
  cursor: pointer;
}

.cover-link .wp-block-cover__inner-container h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2rem;
}

.cover-link img {
  width: 100%;
  height: auto;
}