.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;
}

body {
  color: #262626;
}

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

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

#toggle-menu.button,
.menu-toggle {
  background-color: #262626 !important; 
  color: #FFFFFF !important; 
  border: 2px solid #FFFFFF !important; 
}

#toggle-menu.button:hover,
.menu-toggle:hover {
  background-color: #00B0F0 !important;  
  color: #262626 !important;
}

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

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

.main-navigation > div > ul > li > .sub-menu {
    background-color: #00B0F0; 
    border: 3px solid #262626; 
    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 - Blau */
.custom-1 {
    background-color: #00ABE9; 
    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: #0094C8; 
}

.wp-block-details.custom-1[open] {
    background-color: #ffffff !important; 
    color: #000000 !important;
    border-color: #00ABE9; 
    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 - Gelb */
.custom-2 {
    background-color: #FFD166;
    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;
}

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

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

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

.custom-2A:hover,
.custom-2B:hover,
.custom-2C:hover,
.custom-2D:hover {
    background-color: #FFD166;
    color: #ffffff; 
}

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

@media (min-width: 560px){
  .main-navigation{
    width: 100%;
    float: none !important;
  }

  .main-navigation .menu-hauptmenu-container{
    display: flex;
    justify-content: center;
  }

  .main-navigation ul#menu-hauptmenu-1{
    display: flex;
    justify-content: center !important;
    align-items: center;
    padding-left: 0 !important;
    margin: 0 auto !important;
    list-style: none;
  }

  .main-navigation ul#menu-hauptmenu-1 > li{
    flex: 0 0 auto;
  }
}

.site-header .main-navigation{
  padding-left: 0 !important;
  padding-right: 0 !important;
}


.main-navigation #menu-hauptmenue-1 > li > a,
.main-navigation #menu-hauptmenue-1 > li > a:visited,
.main-navigation #menu-hauptmenue-1 > li > a:hover,
.main-navigation #menu-hauptmenue-1 > li > a:focus {
  text-decoration: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

.main-navigation #menu-hauptmenue-1 > li > a::after {
  content: none !important;
  display: none !important;
}