@charset "UTF-8";
/*
Theme Name: Gebäudemanagement BS
Theme URI: https://gebaeudemanagement-bs.de/
Author: OpenAI Codex
Author URI: https://openai.com/
Description: Ein elegantes WordPress-Theme fuer Gebaeudemanagement BS UG mit CTA-Startseite, Logo-Farbverl?ufen und integrierter Angebotsanfrage.
Version: 1.9.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: gbs-theme
Tags: custom-background, custom-logo, featured-images, footer-widgets, left-sidebar, right-sidebar, theme-options, wide-blocks, block-styles, editor-style, grid-layout, translation-ready
*/

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	background: #f5f9ff;
	color: #163253;
}
/* Fix: Social Icons auf mobilen Geraeten erzwingen */
@media (max-width: 991px) {
    .site-topbar,
    .site-topbar__line,
    .site-topbar__actions {
        display: flex !important;
    }
    
    .site-topbar__actions {
        justify-content: center;
        gap: 15px;
        margin-top: 10px;
        width: 100%;
    }
    
    .site-topbar__line {
        flex-direction: column;
        align-items: center;
    }
}
/* Fix: Teilen-Menue Hintergrund, Lesbarkeit und Sichtbarkeit */
.site-share-menu {
    position: relative;
}

.site-share-menu__panel {
    position: absolute;
    top: 100%;
    right: 50%;
    transform: translateX(50%); /* Zentriert das Menue unterm Button */
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15) !important;
    z-index: 99999 !important; /* Bringt das Menue komplett in den Vordergrund */
    padding: 15px !important;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 8px;
    margin-top: 10px;
}

/* Schrift im Menue formatieren */
.site-share-menu__panel a,
.site-share-menu__panel button {
    color: #163253 !important; /* Deine dunkle Theme-Farbe */
    font-size: 16px !important;
    font-family: inherit;
    text-align: center;
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer;
    text-decoration: none;
    display: block;
    width: 100%;
}

.site-share-menu__panel a:hover,
.site-share-menu__panel button:hover {
    color: #0056b3 !important; /* Leichter blauer Hover-Effekt */
}
/* Fix: Header in den absoluten Vordergrund holen, damit nichts verdeckt wird */
.site-header,
.site-topbar,
.site-topbar__actions {
    position: relative !important;
    z-index: 999999 !important;
    overflow: visible !important;
}

/* Fix: Menue-Position auf dem Handy korrigieren, damit es nicht abgeschnitten wird */
.site-share-menu__panel {
    right: 0 !important; /* Zwingt das Menue an den rechten Rand des Buttons */
    transform: none !important; /* Hebt die alte Verschiebung auf */
    min-width: 200px !important; /* Macht es etwas kompakter */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important; /* Staerkerer Schatten fuer bessere Sichtbarkeit */
}