/* Styling für das Branding-Block (optional, falls benötigt) */
#block-dootstrap-branding {
  max-height: 70px;
}

/* --- Basis Styling für alle Circle Buttons --- */
.circle-btn {
  width: 30px;
  height: 30px;
  line-height: 30px; /* Vertikale Zentrierung anpassen */
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: white !important; /* Sorgt dafür, dass Icons/Text weiß sind */
  margin: 0 3px; /* Standardabstand zwischen Buttons */
}

/* --- Farben --- */
.fb-color { background-color: #3b5998; }
.google-color { background-color: #dd4b39; }
.wa-color { background-color: #34af23; }
.ig-color { background-color: #e1306c; }

/* --- Icons mit Font Awesome PUA Codes --- */
.circle-btn.fb-color::before {
    font-family: "FontAwesome"; content: "\f09a";
}
.circle-btn.ig-color::before {
    font-family: "FontAwesome"; content: "\f16d";
}
.circle-btn.wa-color::before {
    font-family: "FontAwesome"; content: "\f232";
}
.circle-btn.google-color::before {
    font-family: "FontAwesome"; content: "\f0d5";
}

/* --- Layout Anpassungen: Obere Leiste (sub-bar) --- */

/* Minimale Höhe für die Leiste selbst */
.sub-bar {
    padding-top: 3px !important;   /* Minimaler Abstand oben */
    padding-bottom: 3px !important; /* Minimaler Abstand unten */
    line-height: 30px !important;   /* Definiert die Höhe basierend auf den Button-Größen */
}

/* Position der Social Links bündig an den rechten Rand bringen */
/* Selektiert die spezifische Bootstrap Spalte */
.col-sm-3.social-links {
    padding-right: 0 !important; /* Entfernt den Bootstrap Standard-Abstand rechts */
    text-align: right !important; /* Sorgt dafür, dass die Buttons ganz rechts ausgerichtet sind */
    /* Fügt den Buttons einen kleinen Abstand von oben, um sie perfekt zu zentrieren */
    /* Dies könnte je nach Browser variieren, starten Sie mit 0px, falls es nicht passt */
    padding-top: 5px; 
}

/* Die Spalte links daneben anpassen, um optische Lücken zu schließen */
.col-sm-9 {
    padding-left: 0 !important;
}

/* Breadcrumb-Navigation vertikal zentrieren */
#block-dootstrap-breadcrumbs {
    display: flex;
    align-items: center;
    height: 100%;
}

/* Den Hauptcontainer weiter nach rechts schieben */
.only-desktop.sub-bar .container {
    /* Standardmäßig haben Container links und rechts 15px padding. */
    /* Wir entfernen das rechte padding, um näher an den Rand zu kommen. */
    padding-right: 0 !important;
    
    /* Optional: Linken Abstand auch anpassen, falls die Gesamtbreite nicht mehr passt */
    /* padding-left: 0 !important; */
}



/* --- Layout Anpassungen: Fußzeile (Footer) --- */

footer .social-links, 
#footer .social-links { 
    position: static !important;
    transform: none !important;
    display: block !important;
    text-align: left !important;
    margin-top: 10px !important; 
    width: 100% !important;
    padding: 0 !important;
}

.footer-title {
    display: block !important;
    margin-bottom: 10px !important;
}