.fullscreen {
    display: none;
}
.mobile {
    display: block;
}

.no-scroll {
    overflow: hidden;
}
.overlay {
    background-color: #1d1d1d;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: .8;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 90;
}
.overlay.visible {
    visibility: visible;
}

.hg-content, .hg-top-menu {
    float:left;
    width: 100%;
}



/* Überschriften */

h1, .h1 {
    font-weight: 200;
    text-transform: uppercase;
    /*text-shadow: 0px 12px 25px var(--primaerfarbe),-10px -10px 25px var(--hellgrau),0px 0px 4px var(--box-shadow);*/
    margin: 15px 0 35px;
    text-align: center;
    /*font-size: 48px;*/
    font-size: 24px;
}
h2, .h2 {
    font-weight: 200;
    text-transform: uppercase;
    margin: 15px 0 25px;
    letter-spacing: 1px;
    text-align: center;
    /*   text-shadow: 
      -1ex 1ex 4px #eee, 
      1em -1ex 2px #ddd;*/
}
h3, .h3 {
    font-weight: 200;
    text-transform: uppercase;
    /*text-shadow: 0px 12px 25px var(--primaerfarbe),-10px -10px 25px var(--hellgrau),0px 0px 4px var(--box-shadow);*/
    margin: 35px 0 15px;
    letter-spacing: 1px;
    text-align: center;
    hyphens: auto;
}


h4, .h4 {
    font-weight: 200;
    text-transform: uppercase;
    margin: 10px 0 15px;
    letter-spacing: 1px;
    text-align: center;
}
h5, .h5 {
    font-weight: 300;
    text-transform: uppercase;
    margin: 10px 0 15px;
    letter-spacing: 1px;
    text-align: center;
}
h6, .h6 {
    font-weight: 600;
    text-transform: uppercase;
    margin: 10px 0 15px;
    letter-spacing: 1px;
    text-align: center;
    color: var(--hellgrau);
    border-bottom: 1px solid;
    font-size: 11px;
}



/* UL */

#default .blog .blog-items .blog-item ul,
#default .blog .blog-items .blog-item ol,
#default .com-content-article.item-page ul,
#default .com-content-article.item-page ol {
    max-width: 500px;
    margin: 0 auto 40px;
    text-align: left;
}

#default .blog .blog-items .blog-item ul li,
#default .blog .blog-items .blog-item ol li,
#default .com-content-article.item-page ul li,
#default .com-content-article.item-page ol li{
    margin: 10px;
}



/* HEADER switch clear and dark Header*/
#header {

    float: left;
    width: 100%;
    position: fixed;
    min-width: 100vw;
    height: auto;
    background: var(--weiss);
    z-index: 999;
}
#header p {
    margin:0;
    padding:0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo img {
    height:60px;
}


.hg-top.clearHeader{
    height: 105px;
    transition: 0.15s height ease-in-out;
    border-top: 5px solid var(--schwarz);
}



.hg-top.darkHeader {
    height: 80px;
    transition: 0.15s height ease-in-out;
    border-top: 5px solid var(--schwarz);
}
.clearHeader .logo img {
    height:100px;
    transition:0.15s all ease-in-out;

}

.darkHeader .logo img {
    height:75px;
    transition:0.15s all ease-in-out;
}

.clearHeader .hg-content.clearHeader {
    top: 105px;
}
.darkHeader .hg-content.darkHeader {
    top:75px;
}


.top-frame {
    position: relative;
}
.clearHeader .top_suche {
    position: fixed;
    right: 50px;
    top: 45px;
    transition: 0.15s all ease-in-out;
}
.darkHeader .top_suche {
    position: fixed;
    right: 50px;
    top: 30px;
    transition: 0.15s all ease-in-out;
}


.com-content-category-blog.blog.mr {
    /*        margin-bottom: 100vh;
            display: inline-block;*/
}

#trigger {
    position: relative;
    display: flex;
}

.hg-content {
    margin-top: 67px;
    margin-bottom: 100vh;
    height: auto;
    z-index: 2;
    position: relative;
    background: var(--weiss);
    margin-bottom:0;
}

.hg-content.clearHeader {

}
.hg-content.darkHeader {

}

.hg-top-menu.clearHeader {
    padding-top:105px;
}
.hg-top-menu.darkHeader {
    margin-top:75px;
}
.hg-top-menu {
    position: absolute;
    z-index: 990;
    background: var(--weiss);
}

.hg_top_mobile_menu {
    display: flex;
    flex-flow: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    border-top: 7px solid var(--primaerfarbe);
    border-bottom: 1px solid var(--hellgrau);
}
.top_mobile_menu_item {
    width: 100%;
}
.top_mobile_menu_item.top_mobile_menu {
    width: 60px;
}

.top_mobile_menu_item.top_mobile_menu #mobilemenuck-122-wrap {
    width: 43px;
}
/************  SUCHE  ****************/

.top_mobile_menu_item.suche {
    width: 60px;
}

.top_mobile_menu_item.suche a {
    display: flex;
    width: 43px;
    height: 43px;
    justify-content: center;
    align-items: center;
}



/* SUCHE SEITE */

.top_suche ul li:nth-child(2),
.top_mobile_menu_item ul li:nth-child(2) {
    display: none;
}
#suche .top_suche ul li:nth-child(1),
#suche .top_mobile_menu_item ul li:nth-child(1){
    display: none;
}
#suche .top_suche ul li:nth-child(2),
#suche .top_mobile_menu_item ul li:nth-child(2) {
    display: block;
}


#suche .hg-content {
    padding: 15px 30px;


    min-height: 100vh;
}

.com-finder.finder {
    display: flex;
    align-items: center;
    position: relative;
    flex-flow: column;

}
div#search-form,
div#search-results {
    width: 100%;
    max-width: 600px;

    margin-top:50px;
}

#suche .input-group {
    display: flex;
    flex-flow: row;
    align-items: center;
}
label.me-2 {
    display: none;
}

#suche .awesomplete {
    width: 100%;
}

#suche input {
    width: 100%;
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    padding: 5px 35px 5px 5px;
    font-size: 28px;
    text-transform: uppercase;
}
#suche input::placeholder {
    content:"TEST";
    color: grey;
    font-size: 14px;
}
#suche input[placeholder] {

}

/*Beitragsbild*/
figure.suchergebnis_bild.result__image {

    overflow: hidden;
    border: 7px solid var(--primaerfarbe);

    margin: 15px 0;
    height: 300px;
    width: 450px;
    height: auto;
    width: 100%;
}
img.suchergebnis_bild {
    width: 100%;
    height: auto;
}
a img.suchergebnis_bild {
    opacity: 0.8;
    transition: 0.35s all ease-in-out;
}
a:hover img.suchergebnis_bild {
    opacity: 1;
    transition: 0.35s all ease-in-out;
}



/* Button */

#suche .btn {
    border: none;
    display: block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: var(--grau);
    background-color: var(--weiss);

    box-shadow: none;

    width: 24px;
    height: 24px;
    font-size: 0;
    padding: 0;
    margin: 0 5px 0 0;
    border-radius: 0;
    position: absolute;
    right: 0;

}

#suche .btn:after  {
    background: url(/images/icons/lupe.png);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 24px;
    width: 24px;
    font-size: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: none;
    transform: none;
}

/************  ENDE SUCHE ENDE  ****************/

/* Page */

#default .com-content-article.item-page {
    display: flex;
    flex-flow:column;
}
#default .com-content-article.item-page figure.left.item-image {
    width: 100%;
    max-height: calc(100vh - 80px);
    overflow: hidden;
    margin:0;
}
#default .com-content-article.item-page figure.left.item-image img {
    width:100%;
    height: auto;
}
#default .com-content-article.item-page .com-content-article__body {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    /*padding: 100px 50px;*/
    /*    text-align: center;*/
    /*text-transform: uppercase;*/
    padding: 25px 50px 50px; 
}

#default .com-content-article.item-page .page-header {
    display: flex;
    align-items: center;
    justify-content: center;
    
}
#default .com-content-article.item-page .page-header h1 {
    margin: 50px 100px 0;
}

/* BLOG */

#default .blog .blog-items  {
    display: flex;
    flex-flow:column;
}
#default .blog .blog-items .blog-item {
    display: flex;
    flex-flow:column;
}

#default .blog .blog-items .blog-item figure.left.item-image {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    margin:0;
}
#default .blog .blog-items .blog-item figure.left.item-image img {
    width:100%;
    height: auto;
}

#default .blog .blog-items .blog-item .item-content {
    width: 100%;
    margin: 0 auto;
    max-width: 700px;
    padding: 50px 50px 50px;
    text-align: center;
    text-transform: uppercase;
}

#default .blog .blog-items .blog-item .item-content h2 {
    /*    text-shadow: 
            -1ex 1ex 4px #eee, 
            1em -1ex 2px #ddd;*/


}

#default .blog .blog-items .blog-item .item-content h2:before {
    /*    content:"::";
        letter-spacing: 5px;*/
}
#default .blog .blog-items .blog-item .item-content strong {
    text-shadow: 0 0px 10px var(--grau), 0 0 2px var(--box-shadow)
}



/* Override */

/* mrlayout_item.php */
.blog section .hg_image_override {

    position: relative;
    width: 100%;
    height: calc(100vh - 80px); /* Höhe des div auf die Höhe des Bildschirms setzen */
    background-size: cover; /* Bild deckt das gesamte div ab */
    background-position: center; /* Bild zentrieren */
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;

}

.blog section:first-child .hg_image_override{
    height: calc(100vh - 146px);
    height: calc(100vh - 67px);
}


/* Großes Bild im Hintergrund mit Weiterlesen darauf */


/* Beitrtagslayout: standard */

.standard .hg_image_override {

}

.standard .item-content {
    position: relative;
    z-index: 1;
    background:var(--hintergrund4);
    padding:25px 50px;
    margin: 0 auto 50px;
    max-width: 920px;
}


/* Beitrtagslayout: image_background */



.image_background .item-content {
    position: relative;
    z-index: 1;
    color: var(--weiss);
    margin: 0 auto 50px;
}

.image_background .item-content h2 {
    text-shadow:
        0px 12px 25px var(--box-shadow),
        -10px -10px 25px var(--button-shadow),
        0px 0px 4px var(--box-shadow);
    pointer-events: none;
    text-align: center;
    font-weight: 500;
}





/* BUTTONS*/


.btn,
a.weiter {
    border: none;
    display: block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: var(--grau);
    background-color: var(--weiss);
    padding: 17px 60px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.20);
    border-radius: 2px;
    width: fit-content;

}

.btn span,
a.weiter span {
    position: relative;
    z-index: 1;
}

.btn:after,
a.weiter:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 500px;
    width: 500px;
    background: var(--button-shadow);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
}


.btn:hover,
a.weiter:hover {
    color: var(--hellgrau);
    background-color: var(--schwarz);
    border-color: var(--hellgrau);
}

.btn:hover:after,
a.weiter:hover:after {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
}


/*********** MOBILE MENU ***********/

[data-id="mobilemenuck-122"] .mobilemenuck-topbar {
    position: relative;
    height: 60px;
    background: var(--weiss);
}

[data-id="mobilemenuck-122"] .mobilemenuck-bar-title {
    background: var(--transparent);
    color: var(--transparent);
}


[data-id="mobilemenuck-122"] .mobilemenuck-bar-button {
    background: var(--transparent);
    height: 43px;
    width: 43px;
    color: var(--primaerfarbe);
    padding-top: 11px;
    font-size: 1.8em;
}

[data-id="mobilemenuck-122"].mobilemenuck {
    background: var(--hintergrund4);
}
[data-id="mobilemenuck-122"] .mobilemenuck-title {
    font-size: 0;
    background: var(--transparent);
}
[data-id="mobilemenuck-122"] .mobilemenuck-title.mobilemenuck-backbutton {
    background: 60px;
}

[data-id="mobilemenuck-122"] .mobilemenuck-item > .level1 {
    background: var(--weiss);
    border-radius: 0;
}

[data-id="mobilemenuck-122"] .mobilemenuck-item > .level1 a {
    color: var(--primaerfarbe);

}

[data-id="mobilemenuck-122"].mobilemenuck a {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

[data-id="mobilemenuck-122"] .mobilemenuck-button {
    display: flex;
    align-items: center;
    color:var(--primaerfarbe);
    font-weight: 100;

    min-height: 35px;
    height: 60px;
    width: 60px;
    font-size: 32px;
}
[data-id="mobilemenuck-122"] .mobilemenuck-togglericon:after {
    background: url(/images/icons/arrow_right.png);
    line-height: 40px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33%;
}
.mobilemenuck .open .mobilemenuck-togglericon:after {
    content:"";
}
img.mobile_picture {
    width: 100%;
    height: unset;
    border: 7px solid var(--primaerfarbe);
}

[data-id="mobilemenuck-122"] .mobilemenuck-title.mobilemenuck-backbutton {
    background: url("/images/icons/arrow_left.png");
    position: absolute;
    width: 60px;
    height: 60px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
}


/* Ebene 1 */

[data-id="mobilemenuck-122"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="mobilemenuck-122"] .mobilemenuck-item > .level1.open {
    background: var(--hellgrau);
}

/* Ebene 2*/
[data-id="mobilemenuck-122"] .mobilemenuck-item > .level2 {
    padding: 0 25px;
    border-radius: 0;
}
[data-id="mobilemenuck-122"] .mobilemenuck-item > .level2:not(.headingck):hover, [data-id="mobilemenuck-122"] .mobilemenuck-item > .level2.open {
    background: var(--weiss);
}
[data-id="mobilemenuck-122"] .mobilemenuck-item > .level2:not(.headingck):hover, [data-id="mobilemenuck-122"] .mobilemenuck-item > .level2.open {
    background: var(--hellgrau);
}


/* Ebene 3 */
[data-id="mobilemenuck-122"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div:not(.mobilemenuck-submenu) {
    border-radius: 0;
    background: var(--weiss);
    padding: 0 35px;
}
[data-id="mobilemenuck-122"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div:not(.mobilemenuck-submenu) a {
    color:var(--primaerfarbe);
}

[data-id="mobilemenuck-122"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div:not(.headingck):not(.mobilemenuck-submenu):hover, [data-id="mobilemenuck-122"] .mobilemenuck-item > .level2 + .mobilemenuck-submenu .mobilemenuck-item > div.open:not(.mobilemenuck-submenu) {
    background: var(--hellgrau);
}

/*********** END MOBILE MENU END ***********/


/***********  MEGA MENU  ***********/
#megamenucss ,
#megamenucss a,
#megamenucss span {
    font-family: 'Montserrat', 'Open Sans', sans-serif;
    
}

#megamenucss #js-mainnav.megamenu .js-megamenu, #megamenucss #js-mainnav.megamenu .js-megamenu .level1 .group, #megamenucss #js-mainnav.megamenu .js-megamenu ul.level1, #megamenucss #js-mainnav.megamenu .js-megamenu ul.level2, #megamenucss #js-mainnav.megamenu .js-megamenu ul.level3 {
    font-family: 'Montserrat', 'Open Sans', sans-serif;
    /*font-size: medium !important;*/
}


li#Home,
li#Laserzentrum,
li#Ästhetik,
li#OperativeDermatologie,
li#AllgemeineDermatologie,
li#MedicalKosmetikInstitute
{
    display: none !important;
}
li#Laserzentrum.open,
li#Ästhetik.open,
li#OperativeDermatologie.open,
li#AllgemeineDermatologie.open,
li#MedicalKosmetikInstitute.open {
    display: block !important;
}

/* einen Menüpunkt deaktivieren */
.level0 a {
    /*pointer-events: none;*/
    text-align: center;
    width:100%;
}
.level0 .adddropdown a {
    pointer-events: visible;
}



#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title,
#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li span.haschild.megacss span.menu-title,
#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title,
#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li span.haschild-over.megacss span.menu-title {
    /*display: none;*/
    text-align: center;
    background: 0;
    text-transform: uppercase;
/*    font-size:13px;*/
}
.js-megamenu.container {
    max-width:100%;
}
/*Rahmen*/
#megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss{
    border-top: 1px solid var(--hellgrau);
    padding-right:50px;
}
#megamenucss #js-mainnav .js-megamenu .dropdown-menu .childcontent-inner {
    border: none;
    padding:10px 50px 50px;
}

#megamenucss #js-mainnav.megamenu .group-content .js-moduletable, #megamenucss #js-mainnav.megamenu .group-content ul.megamenu {
    margin:0;
}



#megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss {
    /*    letter-spacing: initial;
        display: flex;
        flex-flow: column;
        height: 100%;*/
}

#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss:hover {
    /*letter-spacing: initial;*/
    /*background: var(--hellgrau);*/
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.image-title {
    padding: 0 5px;
}

#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss span {
    display: flex;
    margin: 5px 0;
    justify-content: left;
    text-align: left;
}

#megamenucss #js-mainnav.megamenu .group-title .menu-title,
.menu_bild_titel .image-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: inherit;
    letter-spacing: 1px;
}


#megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss:hover {
    /*background: var(--hellgrau);*/
}


#megamenucss #js-mainnav .js-megamenu .dropdown-menu .childcontent-inner {
    padding:0;
}

/* Bild im Menü braucht im 
Parameter JUX Mega Menu Extended 
die Additional class: menu_bild */


/* Medical Kosmetik Institute */

.menu_submenu_box ul.megamenu.level1 {
    display: flex;
    flex-flow: row;
}

.menu_submenu_box ul.megamenu li {
    /*width: 25%;*/
}


/*#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, 
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {
    border-bottom: 1px solid var(--hellgrau);
}
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.megacss, 
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss {
    border-bottom: none;
}*/

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {
    padding: 25px 15px 20px;
}
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.megacss,
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss {
    padding: 5px 15px;
    text-align: center;
}
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss.menu_bild_titel {
    border: 3px solid var(--primaerfarbe);
}

#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss img {
    opacity: 0.5;
    transition: 0.35s all ease-in-out;
}
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss.menu_bild img {
    opacity: 1;
    border: 7px solid var(--primaerfarbe);
}

#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss:hover img {
    opacity: 1;
    transition: 0.35s all ease-in-out;
}

#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss.menu_bild_titel span {
    justify-content: center;
    text-align: center;
}

/*********** END MEGA MENU END ***********/


/* START WEBSEITE OVERLAY */

.overlay_start {
    display: none;
}

body#intro {
    height:100vh;
    overflow: hidden;
}
#intro .com-content-category-blog {
    display: none;
}
#intro .overlay_start {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    transition: background 0.5s ease;
}
.overlay_start.clicked .logo {
    opacity: 0;
    transition: opacity 0.5s ease;
}
.overlay_start .logo {
    max-width: 50%;
    max-height: 50%;
}

/* ENDE Start Overlay ENDE */



/* Hover und Animation entfernen und andere important Overrides */

#megamenucss #js-mainnav.noJS ul.megamenu li.haschild>div.childcontent {
    visibility: visible;
}
#jux_memamenu114 ul.megamenu li.haschild.megacss:hover>div.childcontent.adddropdown, #jux_memamenu114 .childcontent.open>.dropdown-menu {
    animation: none;
}



#megamenucss #js-mainnav.megamenu .megacol {
    width: 100% !important;
}
#megamenucss #js-mainnav.megamenu ul.level0 {
    margin: 0 100px;
}
#megamenucss #js-mainnav.megamenu ul.megamenu.level1 {
    margin: 0 0 30px;
    display: flex;
    flex-flow: row;
    justify-content: center;
}
#megamenucss #js-mainnav.megamenu ul.megamenu.level1 li {
    width: 25%;
}

#megamenucss #js-mainnav.megamenu ul.megamenu.level1 ul {
    flex-flow: column;
}
#megamenucss #js-mainnav.megamenu ul.megamenu.level1 ul li {
    width: 100%;
}


#megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth>.childcontent, #megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth>.childcontent>.childcontent-inner-wrap, #megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth>.childcontent>.childcontent-inner-wrap>.childcontent-inner {
    position: relative;
}
#megamenucss #js-mainnav.megamenu .js-megamenu li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.haschild-over li.megacss .childcontent {
    position: relative;
}
#megamenucss #js-mainnav.megamenu .js-megamenu li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.haschild-over li.megacss .childcontent {
    left: 0;
}








/* mega menu Ebene 1 */
ul.megamenu {
    display: flex;
    flex-flow:row;
}
ul.megamenu li {
    width: 100%;
}
ul.megamenu li a {
    display: flex;
}
.megamenu ul li img {
    width:100%;
    height: auto;
    /*opacity: 0.5;*/
    /*max-width:250px;*/
}


/* MENU BILD (ONLY) */


ul.megamenu li.menu_bild {
    width: 100%;
    
}
ul.megamenu li.menu_bild a {
    margin: 0 !important;
    padding:0 !important;
    pointer-events: none;
}
.megamenu ul li.menu_bild img {
    width:100%;
    height: auto;
        
    /*max-width:250px;*/
}


/* mega menu Ebene 2 */
ul.megamenu ul {
    display: flex;
    flex-flow:row;
}

/* mega menu Ebene 3 */
ul.megamenu ul ul {
    display: flex;
    flex-flow:column;
}


/* GESTALTUNG BUTTONS MENÜ */
.mainmenu.ebene1 {
    display: flex;
    justify-content: center;
    height:40px;
    align-items: flex-end;
}

.no-scroll .mainmenu.ebene1 {
    left: -8.5px;
    position: relative;
    right: -8.5px;
}

.mainmenu.ebene1 button {
    background: var(--transparent);
    border: none;
    padding: 10px 15px;
    outline: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.mainmenu.ebene1 button.active {
    border-bottom: 3px solid var(--schwarz);
}


/* SCROLL UP */
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: var(--schriftfarbe1);
    color: var(--weiss);
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
}

.darkHeader #myBtn{
    display:block !important;
}

#myBtn:hover {
    background-color: var(--grau);
}



/* FOOTER */
footer {


    background-color: var(--schwarz);

    z-index: 1;
    color: var(--weiss);

    margin: 0;

    padding-top: 50px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    float: left;

    position: fixed;
    height: calc(100vh - 75px);

    position:relative;
    height: auto;
    top:0;
        line-height: 1.1rem;


    min-height: calc(100vh - 67px);
}

.hg_footer {
    width:100%;
}



.hg_footer .logo img {
    width: 80px;
    height: auto;
}

.footer_box {
    display: flex;
    flex-flow: column;
    font-size: x-small;
    font-size:unset;
}
.footer_box_item {
    width:100%;
    padding: 25px 25px;


}
.footer_box_item a {
    display: flex;
    flex-flow: column;
    align-items: center;
}


.footer_box_item img {
    width: 100%;
    height: auto;
    max-width: 200px;
    padding: 5px;
}

.footer_box h3 {
    font-size: 17px;
}
.footer_box h3 a {
    color:var(--weiss);

}
.footer_box h3 a:hover {
    color:var(--hellgrau);

}
.footer_box_1 {

    display: flex;
    flex-flow: column;
}

.hg_footer .logo {
    display: flex;
    align-items: center;
    justify-content: center;
}



.footer_box_2 {

}
.footer_box_3 {

}

.footer_box_3 a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.35s all ease-in-out;
}
.footer_box_3 a:hover {
    background: var(--grau);
    transition: 0.35s all ease-in-out;
}


.footer_box ul {
    display: flex;
    flex-flow: column;
    margin: 0 auto;
}
.footer_box ul li {
    float: left;
    display: flex;
    width: 100%;
    flex-flow: column;
}
.footer_box ul li a {
    color: var(--weiss);
    padding: 10px 0;
}
.footer_box ul li a:hover,
.footer_box ul li.current a {
    color: var(--hellgrau);
    text-decoration: underline;
}
.footer_box ul ul {
    display: flex;
    flex-flow: wrap;
}
.footer_box ul ul li {
    float: left;
    display: flex;
    flex-flow: wrap;
    width: auto;

}

/* GENERAL MENU */

.hg_footer_menu {
    float: left;
    display: flex;
    flex-flow: row;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.footer_menu {
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer_menu ul {

}
.footer_menu ul li {
    display: flex;
    align-items: center;
}
.footer_menu ul li a {
    color: var(--hellgrau);
    padding: 10px;
}
.footer_menu ul li a:hover,
.footer_menu ul li.current a {
    text-decoration: underline;
    color: var(--hellgrau);
}




.hg-copyright {

    text-align: center;
    border-top: 1px solid var(--hintergrund3);
    padding: 10px 0 20px;
    font-size: x-small;
    margin: 0;
}
.hg-copyright .firma {
    padding: 0;
    display: flex;
    align-items: center;
}

.hg-copyright img {
    width: 100px;
        height: auto;
}

span.trennzeichen {
    padding: 0 10px;
}

.separator.trennlinie {
    margin: 0 5px;
}



/* TEAMS */

#teams .blog-items {
    display: flex;
    flex-flow: column;
    margin: 0;
}
#teams .blog-item {
    margin: 0 auto;
}


#teams .hg-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-align: center;
}

/* NEWS */

#news .blog-items {
    display: flex;
    flex-flow: wrap;
    width: 100%;
}
#news .blog-items .blog-item {
    width: 100%;
    height: 280px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
#news .blog-items .blog-item .item-content {
    position: absolute;
}


#news .blog-items .blog-item:hover {
    background: var(--schwarz);
    transition: 0.2s all ease-in-out;
}

#news .blog-items .blog-item:hover img {
    opacity: 0.7;
    transition: 0.2s all ease-in-out;
}

#news .blog-items .blog-item .item-content p {
    margin: 0;
    padding:0;
}

#news .blog-items .blog-item .item-content h2 {

    text-shadow: 0px 12px 25px var(--box-shadow), -10px -10px 25px var(--button-shadow), 0px 0px 4px var(--box-shadow);

    text-align: center;
    font-weight: 500;
    z-index: 999;
    position: relative;
    margin: 15px 0 25px;
    letter-spacing: 1px;
    /*text-shadow: -1ex 1ex 4px #eee, 1em -1ex 2px #ddd;*/
    color: var(--weiss);
    font-size: 2rem;
}

#news .blog-items .blog-item .item-image,
#news .blog-items .blog-item .item-image img {
    position: relative;


}