.mainnav a{
    color: #eee;
}


/* Konfigmenu */
.konfigmenu {
    display: block;
    right: 20px;
    top: 0px;
    position: absolute;
    /*width: 200px;*/

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    z-index: 100;
    cursor: pointer;
    transition: transform 0.3s ease;
    color: #ca195a;


    background: linear-gradient(135deg, #5a5c6e 0%, #16181f 100%);
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.5);

    padding: 0;
}

.konfigmenu .header-nav .header-nav-top-link {
    width: 60px;
    height: 40px;
    line-height: 10px;
    padding: 0;
    padding: 5px 15px;
}


.kundemenu .header-nav .header-nav-top-link {
    position: relative;
    width: 300px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    /*padding: 5px 15px;*/
}


.farotate .rotatefa {
    transition: transform .7s ease-in-out;
    font-size: 1.5em;
    color: rgba(156, 150, 264, 1);
}
.farotate:hover .rotatefa,
.farotate:active .rotatefa {
    transform: rotate(180deg);
    color: #fff;
}


.header-nav {
    position:relative;
    float:left;
    margin:0 auto;
}
.header-nav ul {
    position:absolute;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
}
.header-nav ul li {
    position:relative;
    float:left;
    border-left:4px solid rgba(56, 50, 164, 1);
}
.header-nav ul li ul {
    margin-left:-4px;
}
.header-nav > ul {
    position:relative;

}

.untermenu{
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 1);
}


.konfigmenu .untermenu{
    box-shadow: -10px 10px 25px rgba(0, 0, 0, 1);
}


.header-nav > ul > li:last-child {
    border-right:4px solid rgba(56, 50, 164, 1);

}

.header-nav > ul > li > .header-nav-link + ul li {
    opacity:0;
    height:0;
    margin-top:-58px;

    border-bottom:2px solid rgba(56, 50, 164, 1);

}


.kundemenu .header-nav > ul > li > .header-nav-link + ul li {
    width:308px;
    margin-left: 0;
}
.konfigmenu .header-nav > ul > li > .header-nav-link + ul {
    width:250px;
    margin-left: -180px;
}
.konfigmenu .header-nav > ul > li > .header-nav-link + ul li {
    width:250px;
    /*margin-left: -180px;*/
}
.header-nav > ul > li:hover .header-nav-link + ul > li {
    opacity:1;
    height:auto;
    margin-top:0;
}
.header-nav .header-nav-link {
    float:left;
    text-decoration:none;
    color:#FFF;
    font-weight:300;
    padding:15px;
    width:100%;
}
.header-nav .header-nav-link:hover {
    background-color:rgba(56, 50, 164, 1) !important;

}

.header-nav ul li:hover .header-nav-link {
    background-color:#333;
}
.header-nav ul li:hover .header-nav-top-link {
    background-color:rgba(96, 90, 204, 1);

}

.header-nav > ul > li > .header-nav-top-link + ul {
    top:40px;
}
.header-nav > ul > li:hover .header-nav-sub-link {
    background-color:#333;
}

.header-logo > .header-logo-name {
    float:left;
    color:#FFF;
    font-size:30px;
    font-weight:bold;
    padding:14px 0;
}
.header-logo > .header-logo-name:hover {
    text-decoration:none;
}


.tophiddenfield{
    
}

.tophiddenfield .box-body{
    min-height: 300px;
}

.topcenter {
  float: left;
  display: block;
  position: absolute;
  top: 35px;
  left: 50%;
  font-size: 1.2em;
  color: #F5F5F5;
  font-weight: bold;
  text-shadow: #996666 2px 2px;
  background: #333;
  margin-left: -50px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 5px 15px;
  background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
}

.tmen{
  z-index: 9999999;
    
}