/*
Theme Name: Webseo One
Theme URI: https://webseo.one/
Author: Webseo.one
Author URI: https://webseo.one/
Description: Individuelles WordPress-Theme für Webseo.one. Übernimmt das bestehende Design mit echten WordPress-Seiten, Partikelanimationen und Leistungsseiten.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: webseo-one
*/

/* The original design lives in css/. This file only supplies WordPress chrome. */
body.admin-bar .site-header { top: 44px; }
body.admin-bar .mobile-menu { top: calc(var(--header-height) + 52px); }
.webseo-document { min-height: 65vh; padding: 10rem var(--page-gutter, 6vw) 6rem; color: #07110f; background: #fff; }
.webseo-document > * { max-width: 74rem; margin-inline: auto; }
.webseo-document h1 { font-size: clamp(2.5rem, 7vw, 7rem); line-height: 1.02; letter-spacing: -.065em; margin-bottom: 2rem; }
.webseo-document p { max-width: 52rem; margin-bottom: 1.5rem; font-size: 1.125rem; line-height: 1.7; }
.webseo-document .webseo-document__links { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2.5rem; }
.webseo-document__content h2, .webseo-document__content h3 { margin-block: 2.5rem 1rem; }
.webseo-document__content ul, .webseo-document__content ol { padding-left: 1.5rem; margin-block: 1rem; }
.webseo-basic-header { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.5rem var(--page-gutter, 6vw); background: #07110f; color: #fff; }
.webseo-basic-header img { width: 194px; max-width: 40vw; height: auto; }
.webseo-basic-header nav { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.webseo-basic-header a, .webseo-basic-footer a { text-decoration: underline; text-underline-offset: .3em; }
.webseo-basic-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; padding: 2.5rem var(--page-gutter, 6vw); background: #07110f; color: #fff; }
@media (max-width: 782px) {
    body.admin-bar .site-header { top: 58px; }
    body.admin-bar .mobile-menu { top: calc(var(--header-height) + 66px); }
}
@media (max-width: 600px) {
    body.admin-bar #wpadminbar { position: fixed; }
    .webseo-basic-header { align-items: flex-start; }
    .webseo-basic-header nav { flex-direction: column; gap: .75rem; }
}