@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&display=swap');

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
div,
label {
  font-family: 'Archivo Narrow', sans-serif !important;
}

#about-us.main-descr {
    max-width: 650px !important; /* Limits the width to a reader-friendly size */

    width: 100% !important;      /* Allows the container to become narrower on small screens */

    margin-left: 1 !important;   /* Maintains left-alignment */
    margin-right: auto !important;

.col-md-offset-1 {
    /* 1. Das künstliche Grid-Offset links auf 0 setzen */
    margin-left: auto !important; 
    margin-right: auto !important;
    
    /* 2. Sicherstellen, dass das Element sich wie ein Block zentrieren lässt */
    float: none !important;
    display: block !important;
    
    /* 3. Falls das Grid-System das Padding innen verzerrt, erzwingen wir die Gleichheit */
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* Hintergrund: Weiß mit ca. 30% Deckkraft */
    background-color: rgba(164, 174, 181, 0.3) !important; 
    
    /* Der Blur-Effekt für den Milchglas-Look */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Abstände und Ecken */
    padding: 30px !important;
    border-radius: 10px !important; /* Etwas kantiger für den Swiss-Style Look */

h2 {
    color: rgba(71, 213, 205, 1) !important; 
}

p {
    color: rgba(255, 255, 255, 1) !important; 
}

}