/* Template1386 base */
html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
body{margin:0}
img{max-width:100%;height:auto}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease}


/* =========================================================
   Template1386 v1.1.3 – TNG-Hauptmenü
   Diese Datei überschreibt die ursprünglichen Template15-Regeln.
   ========================================================= */

body.t1386-body ul.tngdd .menulink,
body.t1386-body ul.tngdd .langmenu{
    min-height:42px !important;
    margin:3px 2px !important;
    padding:9px 15px 9px 22px !important;
    border:0 !important;
    border-radius:7px !important;
    background-color:transparent !important;
    background-image:url(../img/ArrowDown.gif) !important;
    background-position:6px center !important;
    background-repeat:no-repeat !important;
    color:#f4f7f5 !important;
    font-size:13px !important;
    font-weight:650 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
}

body.t1386-body ul.tngdd .menulink:hover,
body.t1386-body ul.tngdd .menuhover{
    border:0 !important;
    background-color:rgba(255,255,255,.14) !important;
    background-image:url(../img/arrowdown2.gif) !important;
    background-position:6px center !important;
    background-repeat:no-repeat !important;
    color:#ffffff !important;
}

body.t1386-body div.innercontainer,
body.t1386-body ul.tngdd .stubmenu{
    border:1px solid rgba(49,95,82,.18) !important;
    border-radius:8px !important;
    background:#fffdf8 !important;
    background-image:none !important;
    box-shadow:0 14px 34px rgba(21,39,33,.16) !important;
    overflow:hidden;
}

body.t1386-body ul.tngdd ul li a{
    padding:8px 12px !important;
    background:#fffdf8 !important;
    color:#2d4039 !important;
    font-size:.84rem !important;
    font-weight:500 !important;
}

body.t1386-body ul.tngdd ul li a:hover{
    background:#edf3f0 !important;
    color:#173c32 !important;
}

body.t1386-body ul.tngdd .sub{
    background:#fffdf8 url(../img/arrow.gif) 146px 7px no-repeat !important;
}

body.t1386-body ul.tngdd .topline{
    border-top:1px solid rgba(49,95,82,.13) !important;
}

@media(max-width:760px){
    body.t1386-body ul.tngdd .menulink,
    body.t1386-body ul.tngdd .langmenu{
        min-height:36px !important;
        margin:0 !important;
        padding:8px 9px 8px 18px !important;
        border-radius:0 !important;
        background-position:4px center !important;
        font-size:12px !important;
    }
}


/* =========================================================
   Template1386 v1.1.4 – modernes, kontrastreiches Hauptmenü
   ========================================================= */

body.t1386-body .t1386-nav{
    background:#f3f6f4 !important;
    border-top:1px solid rgba(49,95,82,.10) !important;
    border-bottom:1px solid rgba(49,95,82,.18) !important;
    box-shadow:0 5px 16px rgba(32,57,49,.06) !important;
}

body.t1386-body .t1386-nav ul.tngdd .menulink,
body.t1386-body .t1386-nav ul.tngdd .langmenu{
    min-height:42px !important;
    margin:4px 2px !important;
    padding:9px 15px 9px 22px !important;
    border:1px solid transparent !important;
    border-radius:8px !important;
    background-color:transparent !important;
    background-image:url(../img/ArrowDown.gif) !important;
    background-position:6px center !important;
    background-repeat:no-repeat !important;
    color:#243a32 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
}

body.t1386-body .t1386-nav ul.tngdd .menulink:hover,
body.t1386-body .t1386-nav ul.tngdd .menuhover{
    border-color:rgba(49,95,82,.18) !important;
    background-color:#e5eeea !important;
    background-image:url(../img/ArrowDown.gif) !important;
    color:#173d31 !important;
}

body.t1386-body .t1386-nav div.innercontainer,
body.t1386-body .t1386-nav ul.tngdd .stubmenu{
    border:1px solid rgba(49,95,82,.18) !important;
    border-radius:10px !important;
    background:#ffffff !important;
    background-image:none !important;
    box-shadow:0 16px 36px rgba(24,48,40,.14) !important;
    overflow:hidden !important;
}

body.t1386-body .t1386-nav ul.tngdd ul li a{
    padding:9px 13px !important;
    background:#ffffff !important;
    color:#2b3d37 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:.84rem !important;
    font-weight:600 !important;
    line-height:1.3 !important;
}

body.t1386-body .t1386-nav ul.tngdd ul li a:hover{
    background:#eaf2ee !important;
    color:#173d31 !important;
}

body.t1386-body .t1386-nav ul.tngdd .sub{
    background:#ffffff url(../img/arrow.gif) 146px 8px no-repeat !important;
}

body.t1386-body .t1386-nav ul.tngdd .topline{
    border-top:1px solid rgba(49,95,82,.12) !important;
}

@media(max-width:760px){
    body.t1386-body .t1386-nav{
        background:#f3f6f4 !important;
    }

    body.t1386-body .t1386-nav ul.tngdd .menulink,
    body.t1386-body .t1386-nav ul.tngdd .langmenu{
        min-height:36px !important;
        margin:0 !important;
        padding:8px 9px 8px 18px !important;
        border-radius:0 !important;
        background-position:4px center !important;
        color:#243a32 !important;
        font-size:12px !important;
        font-weight:700 !important;
    }
}


/* =========================================================
   Template1386 v1.1.5 – Dropdown-Funktion wiederherstellen
   ========================================================= */

/* TNG steuert die Dropdowns selbst. Diese Container dürfen nicht
   durch overflow:hidden oder starre Darstellungswerte blockiert werden. */
body.t1386-body .t1386-nav div.innercontainer,
body.t1386-body .t1386-nav ul.tngdd .stubmenu{
    overflow:visible !important;
    z-index:9999 !important;
}

/* Hauptmenüpunkte bleiben normal anklickbar. */
body.t1386-body .t1386-nav ul.tngdd > li{
    position:relative !important;
}

body.t1386-body .t1386-nav ul.tngdd > li > a.menulink,
body.t1386-body .t1386-nav ul.tngdd > li > a.langmenu{
    display:block !important;
    cursor:pointer !important;
    pointer-events:auto !important;
}

/* Untermenüs dürfen von TNG ein- und ausgeblendet werden. */
body.t1386-body .t1386-nav ul.tngdd ul,
body.t1386-body .t1386-nav ul.tngdd li ul,
body.t1386-body .t1386-nav .submenublock{
    position:absolute !important;
    z-index:10000 !important;
    overflow:visible !important;
}

/* Keine Layoutregel darf die TNG-eigene Sichtbarkeit überschreiben. */
body.t1386-body .t1386-nav ul.tngdd ul[style*="display: none"]{
    display:none !important;
}

body.t1386-body .t1386-nav ul.tngdd ul[style*="display: block"]{
    display:block !important;
}

/* Dropdown-Links wieder vollständig klickbar. */
body.t1386-body .t1386-nav ul.tngdd ul li,
body.t1386-body .t1386-nav ul.tngdd ul li a{
    position:relative !important;
    z-index:10001 !important;
    pointer-events:auto !important;
}

/* Mobile: TNG-Menüfunktion nicht durch Grid/Flex blockieren. */
@media(max-width:760px){
    body.t1386-body .t1386-nav ul.tngdd{
        overflow:visible !important;
    }

    body.t1386-body .t1386-nav ul.tngdd > li > a.menulink,
    body.t1386-body .t1386-nav ul.tngdd > li > a.langmenu{
        display:block !important;
    }
}
