.buttonM {
    transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
    transform: scale(1); 
    filter: brightness(1); 
}

.buttonM:hover {
    transform: scale(1.1); 
    filter: brightness(1.1); 
}

.entry-title {
    display: none;
}

.justify-text {
    text-align: justify;
}

.site-name {
    display: none;
}

#menu-hauptmenue-1 > li > a {
    color: #262626;
}

#menu-hauptmenue-1 > li > a:hover {
    color: #00B0F0; 
}

#menu-hauptmenue-1 {
    display: flex; 
    justify-content: center; 
    list-style: none; 
    padding: 0; 
    margin: 0;
		background-color: #ffffff;
}

#menu-hauptmenue-1 > li {
    margin: 0 20px; 
}

.main-navigation > div > ul > li > .sub-menu {
    background-color: #00B0F0; 
    border: 3px solid #FFFFFF; 
    padding: 10px; 
    border-radius: 5px; 
}

.main-navigation > div > ul > li > .sub-menu {
    background-color: #00B0F0; 
}

.main-navigation > div > ul > li > .sub-menu li:not(.current-menu-item) > a {
    background-color: #00B0F0;
}

.main-navigation > div > ul > li.menu-item-has-children > a::after {
    content: none; 
		display: none;
}

@supports (-ms-ime-align: auto) {
    .main-navigation .sub-menu li {
        list-style: none !important;
    }
    .main-navigation .sub-menu li::before {
        content: none !important;
    }
}

:root {
    --wp--preset--color--primary: transparent !important; /* Dreieck Submenu */
}

.justify-text {
    text-align: justify;
}

/* Button 1 */
.custom-1 {
    background-color: #00AAE6; 
    color: #262626; 
    border: 3px solid #262626;
    border-radius: 5px;
    padding: 10px 20px; 
    font-weight: bold; 
    cursor: pointer; 
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover-Effekt für Button 1 */
.custom-1:hover {
    background-color: #85DFFF;
}

.wp-block-details.custom-1[open] {
    background-color: #ffffff !important; 
    color: #000000 !important;
    border-color: #00AAE6; 
    font-weight: normal !important; 
}

.custom-1A, .custom-1B, .custom-1C, .custom-1D {
    background-color: #00ABE9;
    color: #ffffff;
    border: 2px solid #005177;
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.custom-1A:hover,
.custom-1B:hover,
.custom-1C:hover,
.custom-1D:hover {
    background-color: #0094C8;
    color: #ffffff; 
}

.wp-block-details.custom-1A[open],
.wp-block-details.custom-1B[open],
.wp-block-details.custom-1C[open],
.wp-block-details.custom-1D[open] {
    background-color: #ffffff !important; 
    color: #000000 !important;
    border-color: #0073aa; 
    font-weight: normal !important; 
}


/* Button 2 */
.custom-2 {
  background-color: #33CCCC;
  color: #262626;
  border: 3px solid #262626; 
  border-radius: 5px;
  padding: 10px 20px;
  font-weight: bold;
  cursor: pointer;
}

.custom-2:hover {
  background-color: #69DCD9; 
}

.wp-block-details.custom-2[open] {
    background-color: #ffffff !important; 
    color: #000000 !important;
    border-color: #33CCCC; 
    font-weight: normal !important; 
}



/* Button 3 */
.custom-3 {
  background-color: #FF6699; 
  color: #262626;
  border: 3px solid #262626; 
  border-radius: 5px;
  padding: 10px 20px;
  font-weight: bold;
  cursor: pointer;
}

.custom-3:hover {
  background-color: #FF9BBC; 
}

.wp-block-details.custom-3[open] {
    background-color: #ffffff !important; 
    color: #000000 !important;
    border-color: #FF6699; 
    font-weight: normal !important; 
}



/* Button 4 */
.custom-4 {
  background-color: #ffffff;
  color: #262626; 
  border: 3px solid #262626; 
  border-radius: 5px;
  padding: 10px 20px;
  font-weight: bold;
  cursor: pointer;
}

.custom-4:hover {
  background-color: #ffffff;
}

.wp-block-details.custom-4[open] {
    background-color: #ffffff !important; 
    color: #000000 !important;
    border-color: #262626; 
    font-weight: normal !important; 
}



/* Button 5 */
.custom-5 {
  background-color: #004FEE; 
  color: #ffffff;
  border: 3px solid #262626; 
  border-radius: 5px;
  padding: 10px 20px;
  font-weight: bold;
  cursor: pointer;
}

.custom-5:hover {
  background-color: #003DB8; 
  color: #ffffff; 
}

.wp-block-details.custom-5[open] {
    background-color: #ffffff !important; 
    color: #000000 !important;
    border-color: #004FEE; 
    font-weight: normal !important; 
}