/* MySitePackage overrides for t3sbootstrap / Bootstrap */

@import url("https://use.typekit.net/mvl6ctf.css");

/* General */
a {
    text-decoration: none;
    color: #262626;
}
a:hover {
    color: #262626;    
}

.modal-content {
    color: #262626;
}
.modal-header h5 {
    font-size: 1.5rem;
    margin-bottom: 0rem;
}
.text-justify {
    text-align: justify;
}
.mb-0 p {
    margin-bottom: 0rem;
}
.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.social-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.social-menu li {
    float: left;
    margin-left: 15px;
    margin-right: 0;
}
.pull-right {
    float: right!important;
}

/* Navbar */
.navbar-toggler {
    font-size: 1.8rem;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(220,53,69,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler:hover {
    text-decoration: none;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar-expand-no {
    overflow-y:hidden !important;
}
.nav-link {
    font-size: 1.5rem;
}
.offcanvas-title {
    font-size: 1.5rem;
}


/* =========================================================
   T3SB / Bootstrap Offcanvas Navbar Overrides
   Ziel:
   - Alle Links im mobilen Offcanvas-Menü schwarz
   - 1px-Trennstreifen zwischen Header und Body
   ========================================================= */

#navbarToggler {
  --bs-nav-link-color: #000;
  --bs-nav-link-hover-color: #000;
  --bs-navbar-active-color: #000;
  --bs-navbar-brand-color: #000;
  --bs-navbar-brand-hover-color: #000;
}

/* Alle Links im Offcanvas */
#navbarToggler a,
#navbarToggler .nav-link,
#navbarToggler .navbar-brand {
  color: #000 !important;
}

/* Aktiver Menüpunkt */
#navbarToggler .nav-link.active,
#navbarToggler .nav-link.show {
  color: #000 !important;
}

/* Hover und Focus */
#navbarToggler a:hover,
#navbarToggler a:focus,
#navbarToggler .nav-link:hover,
#navbarToggler .nav-link:focus,
#navbarToggler .nav-link:focus-visible {
  color: #000 !important;
}

/* Offcanvas-Titel im Brand-Link überschreibt inline-style */
#navbarToggler .offcanvas-title {
  color: #000 !important;
}

/* Optional: Schließen-Button schwarz statt weiß */
#navbarToggler .btn-close,
#navbarToggler .btn-close-white {
  filter: none !important;
}

/* ---------------------------------------------------------
   1px-Trennstreifen zwischen Offcanvas-Header und Body
   --------------------------------------------------------- */
#navbarToggler .offcanvas-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}




/* Body */
body {
    font-family: hypatia-sans-pro, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.15rem;
    background-color: #ece8e9;
}

.portfolio-link a {
    text-decoration: none;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important;
}

/* Footer */
footer {
    background-color: #8c8c8c;
}
footer a {
    text-decoration: none;
    color: inherit;
}
footer a:hover {
    color: #ffffff;
}


/* Media Queries */
@media (max-width: 769px) {
    .social-menu-box .pull-right {
        float: left!important;
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 576px) {
    #page-1 {
       padding-top: 0px !important;
    }
    .mt_2 {
        margin-top: -2rem;
    }

    footer p {
        margin-bottom: 0rem;
    }

    footer {
        font-size: 1rem;
    }
}