/* ==========================================================
   HELIX ULTIMATE - CUSTOM.CSS (FIXED)
========================================================== */

/* ----------------------------------------------------------
   MAIN BODY
---------------------------------------------------------- */

#sp-main-body {
    padding: 0;
    padding-top: 15px;
    border-top: 2px solid #ffffff;
}

/* Tabellen (Bootstrap 5 kompatibel) */
#sp-main-body .table {
    color: #F7CA18;
    font-size: 16px;
    --bs-table-striped-color: #F7CA18;
    --bs-table-hover-color: #ffffff;
}

/* ----------------------------------------------------------
   HEADER
---------------------------------------------------------- */

#sp-header {
    height: 140px;
    box-shadow: none;
}

#sp-header a {
    text-transform: none;
    font-weight: 600;
}

/* Menü Links */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    font-size: 16px;
}

/* ----------------------------------------------------------
   DROPDOWN MENU
---------------------------------------------------------- */

/* Dropdown Container */
.sp-megamenu-parent .sp-dropdown-inner {
    background: #6d6057;
    border-top: 3px solid #ffd51d;
    font-size: 16px;
}

/* Dropdown komplett einfärben */
.sp-megamenu-parent .sp-dropdown,
.sp-megamenu-parent .sp-dropdown-inner,
.sp-megamenu-parent .sp-dropdown-inner ul,
.sp-megamenu-parent .sp-dropdown-inner li,
.sp-megamenu-parent .sp-dropdown-inner li > a {
    background-color: #6d6057 !important;
}

/* Link Standard */
.sp-megamenu-parent .sp-dropdown-inner li > a {
    color: #ffffff !important;
    transition: color .2s ease, background .2s ease;
}

/* Hover Hintergrund */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: #6d6057 !important;
}

/* Hover Textfarbe */
.sp-megamenu-parent .sp-dropdown-inner li > a:hover {
    color: #ffd51d !important;
}

/* ----------------------------------------------------------
   OFFCANVAS
---------------------------------------------------------- */

#offcanvas-toggler {
    font-size: 30px;
}

#offcanvas-toggler > i {
    color: #ffffff;
    transition: color .2s ease;
}

#offcanvas-toggler > i:hover {
    color: #ffd51d;
}

/* ----------------------------------------------------------
   LOGO
---------------------------------------------------------- */

#sp-logo {
    padding: 0;
}

/* ----------------------------------------------------------
   TYPO / CONTENT
---------------------------------------------------------- */

.top_info {
    font-size: 16px;
}

.component {
    font-size: 15px;
}

.entry-header h2 {
    font-size: 32px;
    visibility: hidden;
}

.buttons {
    padding-top: 70px;
    padding-bottom: 60px;
}

.news {
    background-color: grey;
    padding: 15px;
}

/* ----------------------------------------------------------
   ZERTIFIKATE / SECTIONS
---------------------------------------------------------- */

.zertifikate {
    border-top: 2px solid #ffffff;
    padding-top: 40px;
    padding-bottom: 50px;
}

/* Sprungmarken */
.sprung {
    visibility: hidden;
    height: 0 !important;
    position: absolute;
    margin: -210px;
}

/* ----------------------------------------------------------
   CONTACT
---------------------------------------------------------- */

.contact-name {
    font-size: 28px;
    font-weight: bold;
}

.com-contact {
    font-size: 16px;
}

.com-contact__position {
    margin-top: 15px;
}

.contact-form {
    color: #000000;
    margin-top: 10px;
}

/* ----------------------------------------------------------
   TABLE SCROLLBAR
---------------------------------------------------------- */

.tableresp {
    width: 100%;
    overflow-y: auto;
    padding-bottom: 2px;
}

.tableresp::-webkit-scrollbar {
    width: 0;
    height: 9px;
}

.tableresp::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 5px;
}

.tableresp::-webkit-scrollbar-thumb {
    background: #b3b3b3;
    border-radius: 4px;
}

.tableresp::-webkit-scrollbar-thumb:hover {
    background: #7c93b8;
}

/* ----------------------------------------------------------
   IMAGE HOVER ZOOM
---------------------------------------------------------- */

.image,
div.image {
    overflow: hidden;
}

.image img,
div.image img {
    transform: scale(1);
    transition: all .3s linear;
}

.image img:hover,
div.image img:hover {
    transform: scale(1.1);
}

/* ----------------------------------------------------------
   UTILITY
---------------------------------------------------------- */

.top_info {
    font-size: 16px;
}