/*
Anpassungen des Homepage CSS für in die App eingebundene Seiten und Beiträge
 */

html {
    background-color: #F8F8F8;
}

/* Header wird zur kleinen Farbzeile am oberen Rand */

#top #header_main {
    top: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
 }

#top .container.av-logo-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px !important;
    border-radius: 0px !important;
    height: 4px !important;
    background: #567483;
    box-shadow: 20vw 0px inset #009a92, -10vw 0px inset #9DB0BB, -40vw 0px inset #F4EE89;
}

.responsive #top #main {
    margin-top: 4px;

}

/* Logo ausblenden */

.responsive #top .logo {
    display: none !important;
}

#top #wrap_all #main > .avia-section:first-of-type .container.av-section-cont-open {
    padding-top: initial;
}

#top.single #wrap_all #main > .container_wrap_first, #top.archive #wrap_all #main > .container_wrap_first {
    padding-top: initial;
}

/* Logo

.responsive #top .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 40px !important;
    width: auto;
    pointer-events: none;
}

.logo, .logo a {
    height: 40px !important;
}

.responsive .logo img, .responsive .logo svg {
    height: 100% !important;
}

/* Menü */

#top #header .main_menu, #top #header .avia-menu {
    display: none;
}

/* Seitenende */

#footer-page, #socket, #scroll-top-link {
    display: none;
}