/* ===============================================
   HEADER / LOGO
   Nur Header-Optik, Positionierung und Schalterdarstellung
   Keine globale Inhalts-Skalierung hier
   =============================================== */
.video-table,
table.video-table,
table.video-table tr,
table.video-table td,
.logobackground,
td.logobackground {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

a.forum-logo-link,
a.forum-logo-link:hover,
a.forum-logo-link:active,
a.forum-logo-link:visited {
    display: inline-block !important;
    border: none !important;
    border-bottom: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

a.forum-logo-link img,
#forumLogo1 {
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    transition: transform 0.3s ease !important;
}

a.forum-logo-link img:hover,
#forumLogo1:hover {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    transform: scale(1.03) !important;
}

/* ===============================================
   HEADER CONTROLS
   =============================================== */
#translateHint,
#soundButton {
    display: block !important;
    text-align: right !important;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

#headerControlsWrap {
    position: absolute;
    top: 82px;
    right: 100px;
    width: 170px;
    text-align: right;
    white-space: nowrap;
    z-index: 20;
}

#headerControlsWrap,
#headerControlsWrap div,
#headerControlsWrap span,
#headerControlsWrap a,
#headerControlsWrap i {
    background-image: none !important;
    border-bottom: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

#soundButton {
    margin-bottom: 10px !important;
    cursor: pointer;
}

#headerControlsWrap #soundButton i,
#headerControlsWrap #soundIcon {
    font-size: 15px !important;
    line-height: 1 !important;
    color: #000 !important;
    margin-right: 0 !important;
    vertical-align: middle !important;
}

#fontSizeHeaderSwitch,
.fontSizeSwitchHeader {
    display: block !important;
    text-align: right !important;
    white-space: nowrap !important;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#headerControlsWrap .fontSizeSwitchHeader a,
#headerControlsWrap .fontSizeSwitchHeader a:link,
#headerControlsWrap .fontSizeSwitchHeader a:visited,
#headerControlsWrap .fontSizeSwitchHeader a:hover,
#headerControlsWrap .fontSizeSwitchHeader a:active {
    display: inline-block !important;
    min-width: 18px !important;
    text-align: center !important;
    line-height: 1 !important;
    color: #222 !important;
    text-decoration: none !important;
    border: none !important;
    border-bottom: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    padding: 2px 5px !important;
    margin: 0 1px !important;
    border-radius: 7px !important;
    transition: background-color 0.2s ease, transform 0.2s ease, color 0.2s ease !important;
    vertical-align: middle !important;
}

#headerControlsWrap .fontSizeSwitchHeader a:hover {
    text-decoration: none !important;
    background: #dcdcdc !important;
}

body.fs-small #headerControlsWrap .btnSmall,
body.fs-normal #headerControlsWrap .btnNormal,
body.fs-large #headerControlsWrap .btnLarge,
body.fs-xl #headerControlsWrap .btnXL,
body.fs-xxl #headerControlsWrap .btnXXL,
body.fs-xxxl #headerControlsWrap .btnXXXL,
#headerControlsWrap .fontSizeSwitchHeader a.active {
    color: #000 !important;
    background: #c3c3c3 !important;
    transform: scale(1.03) !important;
}

/* Desktop: drei A */
#headerControlsWrap .fontSizeSwitchDesktop .btnSmall i {
    font-size: 11px !important;
    margin-right: 0 !important;
    color: inherit !important;
    vertical-align: middle !important;
}

#headerControlsWrap .fontSizeSwitchDesktop .btnNormal i {
    font-size: 15px !important;
    margin-right: 0 !important;
    color: inherit !important;
    vertical-align: middle !important;
}

#headerControlsWrap .fontSizeSwitchDesktop .btnLarge i {
    font-size: 19px !important;
    margin-right: 0 !important;
    color: inherit !important;
    vertical-align: middle !important;
}

/* Mobile: analog Desktop drei A */
#headerControlsWrap .fontSizeSwitchMobile .btnXL i {
    font-size: 13px !important;
    margin-right: 0 !important;
    color: inherit !important;
    vertical-align: middle !important;
}

#headerControlsWrap .fontSizeSwitchMobile .btnXXL i {
    font-size: 17px !important;
    margin-right: 0 !important;
    color: inherit !important;
    vertical-align: middle !important;
}

#headerControlsWrap .fontSizeSwitchMobile .btnXXXL i {
    font-size: 22px !important;
    margin-right: 0 !important;
    color: inherit !important;
    vertical-align: middle !important;
}


/* ===============================================
   MOBILE / TABLET
   =============================================== */
@media only screen and (max-width: 768px) {
    #headerControlsWrap {
        top: 96px !important;
        right: 14px !important;
        width: 108px !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    #soundButton {
        text-align: right !important;
        margin-bottom: 20px !important;
    }

    #headerControlsWrap #soundButton i,
    #headerControlsWrap #soundIcon {
        font-size: 16px !important;
    }

    .fontSizeSwitchMobile {
        display: block !important;
        text-align: right !important;
        white-space: nowrap !important;
        margin-top: 0 !important;
    }

    .fontSizeSwitchMobile a,
    .fontSizeSwitchMobile a:link,
    .fontSizeSwitchMobile a:visited,
    .fontSizeSwitchMobile a:hover,
    .fontSizeSwitchMobile a:active {
        display: inline-block !important;
        min-width: 18px !important;
        padding: 2px 2px !important;
        margin: 0 0 0 6px !important;
        border: none !important;
        border-bottom: none !important;
        border-radius: 6px !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        text-decoration: none !important;
        line-height: 1 !important;
        vertical-align: middle !important;
    }

    #headerControlsWrap .fontSizeSwitchMobile .btnXL i   { font-size: 13px !important; }
    #headerControlsWrap .fontSizeSwitchMobile .btnXXL i  { font-size: 17px !important; }
    #headerControlsWrap .fontSizeSwitchMobile .btnXXXL i { font-size: 22px !important; }
}