CSS
/*
Theme Name: Fastpage
Theme URI:
Author: Galli Web
Author URI:
Description: Fastpage FSE Theme
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fastpage
Tags:
*/
h1,
h2,
h3,
h4,
main,
footer {
margin-top: 0;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 72px;
}
*:focus:not(:focus-visible) {
outline: none;
}
*:focus-visible {
outline: 2px solid var(--wp--preset--color--rot);
outline-offset: 2px;
}
a,
.wp-block-site-logo a,
button {
border-radius: 4px;
}
header.wp-block-template-part {
position: sticky;
top: 0;
z-index: 100;
background: var(--wp--preset--color--bg-light);
}
header.wp-block-template-part.is-stuck {
padding-block: 0;
}
header.wp-block-template-part > .wp-block-group {
transition: all .2s ease-in-out;
}
header.wp-block-template-part.is-stuck > .wp-block-group {
padding-top: var(--wp--preset--spacing--x-small) !important;
padding-bottom: var(--wp--preset--spacing--x-small) !important;
}
header.wp-block-template-part .wp-block-site-logo img {
transition: all .2s ease-in-out;
}
header.wp-block-template-part.is-stuck .wp-block-site-logo img {
width: 120px;
}
/* Footer am Ende der Seite */
.wp-site-blocks {
min-height: 100dvh;
display: flex;
flex-direction: column;
}
.wp-site-blocks > main {
flex: 1;
}
/* Core Accordion Styles */
.wp-block-accordion > .wp-block-accordion-item {
margin-bottom: 8px !important;
}
.wp-block-accordion-item,
.wp-block-accordion-panel {
margin-top: 0 !important;
}
.is-open .wp-block-accordion-panel {
margin-bottom: 15px !important;
}
.wp-block-accordion-heading__toggle:focus-visible {
outline: 2px solid var(--wp--preset--color--rot) !important;
outline-offset: 4px !important;
}
.wp-block-accordion-heading__toggle {
padding-top: 0 !important;
padding-bottom: 0 !important;
border-radius: 4px;
}
.is-open .wp-block-accordion-heading__toggle {
margin-bottom: 6px !important;
}
.accordion-icon {
transition: opacity 0.3s, transform 0.3s;
}
.accordion-icon--open {
display: none;
}
/* Geöffnet */
[aria-expanded="true"] .accordion-icon--closed {
display: none;
}
[aria-expanded="true"] .accordion-icon--open {
display: inline-block;
}
/* Animation */
[aria-expanded="true"] .accordion-icon--open svg {
animation: rotate-in 0.3s ease forwards;
}
@keyframes rotate-in {
from {
transform: rotate(-90deg);
opacity: 0;
}
to {
transform: rotate(0deg);
opacity: 1;
}
}
a.wp-block-button__link.wp-element-button,
a.wp-block-button__link.wp-element-button::before {
transition: all 0.2s ease-in-out;
}
a.wp-block-button__link.wp-element-button:hover::before {
transform: translateX(3px);
}
ul.wp-block-list li::marker {
color: var(--wp--preset--color--rot) !important;
}
.wp-block-query .columns-3.wp-block-post-template {
grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr)) !important;
gap: clamp(1rem, 3vw, 3rem) !important;
}
.header-cta-icon {
display: none;
}
@media all and (max-width: 768px) {
.wp-block-site-logo img {
width: 100px !important;
}
.header-cta-icon {
display: flex;
}
.wp-block-navigation__responsive-container-close {
top: 16px !important;
}
header.wp-block-template-part.is-stuck > .wp-block-group {
padding-top: var(--wp--preset--spacing--small) !important;
padding-bottom: var(--wp--preset--spacing--small) !important;
}
}
/* responsive Navigation */
.wp-block-navigation__responsive-container-close {
right: 16px;
top: 16px;
}
/* Navigation zentriert */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
align-items: center;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: 7rem;
}
/* Logo und Icon über dem Overlay */
.wp-block-site-logo,
.header-cta-icon {
position: relative;
z-index: 100001;
/* WP Nav Overlay ist 100000 */
}