/*----------------------------------------------*/
/* Responsive Überschriften */

h1,
h2 {
  font-size: clamp(38px, 5vw, 48px);
}

h3 {
  font-size: clamp(20px, 1.5vw, 24px);
}

/* Unverändert */

h4,
p {
  font-size: 18px;
}


/*----------------------------------------------*/
/*Flackern des Headers beim Scrollen verhindern */
/* 1. Desktop: Container von Anfang an einfärben */
.cd-navigation-bar-container {
    background-color: rgba(51, 51, 51, 1.0) !important;
}

/* 2. Mobil: Das störende "background: none !important" aus page.css aushebeln */
.cd-mobile-menu-bar-content,
.cd-mobile-menu-bar {
    background-color: rgba(51, 51, 51, 1.0) !important;
}


/*----------------------------------------------*/

/* Umrandung der ETHIK-CHARTA */

.cd-col.m6:has(#block_1000687) {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Rahmenbereich */
#block_1000687,
#block_1000688,
#block_1000689 {
    width: 95%;
    box-sizing: border-box;

    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;

}

#block_1000687 {
    border-top: 1px solid #d0d0d0;
    padding-top: 20px;
    border-radius: 10px 10px 0 0;
}

#block_1000689 {
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 20px;
    border-radius: 0 0 10px 10px;
}