/* LANGUAGE SWITCHER */
.lang_dropdown {
  position: relative;
  display: inline-block;
}

.lang_dropdown_btn {
  background-color: #ccdae6;
  color: white;
  padding: 4px 10px;
  border: none;
  cursor: pointer;
}

.lang_dropdown_btn img{
    max-width: unset !important;
}

.lang_dropdown_btn:hover {
  background-color: #b9c6d0;
}
.lang_dropdown_btn:active {
  background-color: #b9c6d0;
}

.lang_dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
  list-style: none;
  padding: 0;
  margin: 0;
}

.lang_dropdown-menu li{
    font-size: 16px;
}

.lang_dropdown-menu .lang_dropdown-item {
  padding: 5px 10px;
  text-decoration: none;
  color: black;
  display: block;
}

.lang_dropdown-menu .lang_dropdown-item:hover {
  background-color: #ddd;
}

/* Show the menu when the dropdown button is clicked */
.lang_dropdown.show .lang_dropdown-menu {
  display: block;
}



.pathWrapper{
    position: absolute;
    bottom: -30px;
    z-index: 10;
    left: 0;
    font-size: 17px;
    width: 100%;
    padding-left: 10%;
    background: #f7f7f7;
}

article{
    margin-top: 25px;
}

/* White Border above and below the content */
@media (min-width: 920px) {
    #masthead::after {
        content: "";
        position: absolute;
        bottom: 0;
        border-left: 100vw solid transparent;
        border-bottom: 50px solid white;
    }

    #content {  
        margin-top: 25px;
    }

    #content::after {  
        content: "";
        position: absolute;
        border-left: 100vw solid white;
        border-bottom: 50px solid transparent;
    }
}



.entry-title{
    text-align: center;
}


/* Side PK */

#articleWrapper{
    display: flex;
}

#mainPost {
    flex: 3;
    margin-right: 20px;
}

#mainPost p{
    margin-bottom: 0;
}

#sidePost {
    height: fit-content;
    flex: 1;
    background-color: #f9f9f9;
    padding: 10px;
    padding-bottom: 0px;
    border: 1px solid #ccc;
}

#sidePostWrapper {
    flex: 1;
}

@media (max-width: 500px) {
    #articleWrapper{
        flex-direction: column;
    }
    #sidePost{
        width: 300px;
    }
}


.branchen-map-table > table,
.branchen-map-table > table * {
    border: none;
}

/* ANIMATION */

.home-img {
    opacity: 0; /* Start hidden */
    transform: translateY(50px); /* Start from 50px down */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Animation effects */
}

.home-img.visible {
    opacity: 1; /* Fade in */
    transform: translateY(0); /* Move to original position */
}


/* EDITOR STYLES */
.edit-buttons{
    direction: rtl;
}

.edit-button,
.cancel-button,
.submit-button{
    padding-top: 8px !important;
    padding-right: 15px !important;
    padding-bottom: 8px !important;
    padding-left: 15px !important;
    text-transform: capitalize !important;
  }

.mceu_buttons{
    background-color: transparent !important;
}

#editor-tmce, #editor-html{
    text-transform: capitalize;
}


.mce-toolbar-fixed {
    --top: 0px;
    position: fixed !important;
    top: var(--top) !important;
}

/* PERSONALVERLEIH TABLE */
/* SWITCH THE LAYOUT ON MOBILE */
@media (max-width: 720px){
    .personalverleih-table{
        display: block !important;
    }
}

/* LOGOUT */
.logout_button {
    background-color:#0197af;
    border-radius:24px;
    display:flex;
    font-family: 'Quicksand',sans-serif;
    font-size:10pt;
    font-weight:500;
    height:30px;
    justify-content:center;
    text-decoration:none;
    width:100px;
    margin-bottom: 1.75em !important;
}

.logout_button span {
    color:#ffffff;
    top:15%;
    margin: auto;
}

.logout_button:hover {
    background-color:#00afcb;
}