/*
 * FTM Survey Theme – TUM Corporate Design
 *
 * TUM Blue:        #3070B3  (Primärfarbe)
 * TUM Dark Blue:   #003069  (Akzent / Hover)
 * TUM Light Blue:  #64A0C8  (Sekundär)
 * White:           #FFFFFF
 * Light Gray:      #F2F2F2
 */

/* ============================================================
   NAVBAR – TUM Dark Blue Hintergrund, weiße Schrift
   ============================================================ */
#survey-nav,
#survey-nav.navbar {
    background-color: #003069 !important;
    border-bottom: 3px solid #3070B3 !important;
}

#survey-nav .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5);
}

#survey-nav .navbar-toggler-icon {
    filter: invert(1);
}

#survey-nav .nav-link,
#survey-nav .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

#survey-nav .nav-link:hover {
    color: #ffffff !important;
}

/* ============================================================
   DUAL-LOGO LAYOUT (TUM links | Trennlinie | FTM rechts)
   ============================================================ */
.ftm-dual-logo {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 6px 0;
}

.ftm-dual-logo .tum-logo {
    height: 46px;
    width: auto;
    max-width: 130px;
    object-fit: contain;
}

.ftm-dual-logo .ftm-logo {
    height: 38px;
    width: auto;
    max-width: 150px;
    object-fit: contain;
    background-color: #ffffff;
    padding: 3px 6px;
    border-radius: 3px;
}

.logo-separator {
    display: inline-block;
    width: 1px;
    height: 38px;
    background-color: rgba(255, 255, 255, 0.4);
    flex-shrink: 0;
}

/* ============================================================
   SCHALTFLÄCHEN – TUM Blue
   ============================================================ */
.btn-primary,
.btn-default {
    background-color: #3070B3 !important;
    border-color: #3070B3 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-default:hover,
.btn-primary:active,
.btn-default:active {
    background-color: #003069 !important;
    border-color: #003069 !important;
    color: #ffffff !important;
}

.btn-primary:focus,
.btn-default:focus {
    box-shadow: 0 0 0 0.2rem rgba(48, 112, 179, 0.4) !important;
}

/* ============================================================
   FORTSCHRITTSBALKEN
   ============================================================ */
.progress-bar {
    background-color: #3070B3 !important;
}

/* ============================================================
   LINKS
   ============================================================ */
a {
    color: #3070B3;
}

a:hover {
    color: #003069;
}

/* ============================================================
   ACTIVE STATES / NAVIGATION
   ============================================================ */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #3070B3 !important;
}

/* ============================================================
   ABSTAND UNTERHALB NAVBAR (wegen fixed-top)
   ============================================================ */
body .top-container {
    margin-top: 82px;
}

/* Fix: Keine Wort-Trennungen auf Mobilgeräten */
#outerframeContainer,
#outerframeContainer * {
    word-break: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
}

/* Fix: Titel-Schriftgröße auf Mobilgeräten */
@media (max-width: 768px) {
    .large-heading {
        font-size: 1.6rem !important;
        line-height: 1.3 !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        -moz-hyphens: none !important;
    }
}