header .row-margin30                                    { margin: 0 30px; }
header .row1                                            { justify-content: space-between; }

header .col-navi                                        { position: inherit; }
header #isSticky .col-navi .navDesktop                  { display: flex; justify-content: flex-end; align-items: center; }
header #isSticky .row1                                  { align-items: center; }


/*Logo*/
header .logo                                            { padding: 30px 0 20px 0; }
header  #isSticky .logo                                 { padding: 15px 0 15px 0; }
header .ce_image .image_container img                   { width: 100%; height: auto; }
header  #isSticky .ce_image .image_container img        { width: 190px; }


/* Stick Header */
header #noSticky                                        { position: relative; z-index: 7000; width: 100%; padding: 20px 0 0 0; }
header #isSticky                                        { position: fixed; right: 0; top: 0; z-index: 80000; transition: top .25s 
                                                          cubic-bezier(.25,.1,.25,1), opacity .25s cubic-bezier(.25,.1,.25,1);
		                                                  width: 100%; opacity: 0; background: #fff; padding: 0; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); display: block; }


.header_tel                                             { font-family: 'Cero Bold'; font-size: 1.167rem; color: var(--blau); margin-right: 40px; }

.top_navigation                                         { display: flex; justify-content: flex-end; align-items: center; margin-left: 30px; }



/* Mobile Menu */
.mobileMenuOpen                                         { text-align: right; display: none; }
#close_menu                                             { position: absolute; top: 15px; right: 15px; width: 17px; height: auto; z-index: 10; cursor: pointer; }
.mod_mmenu                                              { position: fixed !important; }



.sf-menu li                                            {  }
.sf-menu li.mm_container                               { position: inherit; }
/* Megamenu */



.sf-menu                              { margin: 0; padding: 0; list-style: none; font-family: 'Cero Medium'; }
.sf-menu .sf-mega                     { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li                         { float: left; }

.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega        { display: block; }

.sf-menu > li > a                     { display: block; position: relative; z-index: 100; }

.sf-menu                              { display: flex; justify-content: flex-end; width: 100%; }
.sf-menu ul                           { margin: 0; padding: 0; z-index: 50; }
.sf-menu .sf-mega                     { width: 100%; }
.sf-menu li                           { list-style-type: none; }

.sf-menu > li > a,
.sf-menu > li > strong                { margin: 16px 15px; display: block; text-decoration: none; }

.sf-menu > li > a.last                { margin: 16px 0 16px 15px; }

.sf-menu ul                           { position: absolute; top: 100%;  }
.sf-menu ul a,  
.sf-menu strong                       {  }
.sf-menu .mm_container ul             { border: none !important; }
.sf-menu ul > li > a                  { display: block;  }

.sf-menu > li                         { transition: background .2s;}
/*.sf-menu > li:nth-child(1) a          { position: relative;}
.sf-menu > li:nth-child(1) a:hover    { background: #000; color: #fff; }
.sf-menu > li:nth-child(1) a:after    { display: none; content: ""; width: 20px; height: 20px; position: absolute; z-index: 120;  bottom: -10px; left: calc(50% - 10px); 
                                        transform: rotate(-45deg); background: red; }*/

.sf-menu > li:hover,
.sf-menu > li.sfHover                 { transition: none; }

.sf-menu a,
.sf-menu strong                       { color: var(--text_farbe); font-weight: 400; border-bottom: 2px solid #fff; }
.sf-menu strong,
.sf-menu a:hover                      { color: var(--hellblau); border-bottom: 2px solid var(--hellblau); }

.sf-menu .sf-mega a,
.sf-menu .sf-mega strong              { color: #000; font-family: 'Cero Regular'; }

.sf-mega                              { box-sizing: border-box; width: 100%; background: #ccc; }


.sf-menu .mm_dropdown                 { top: 100%; }
header #isSticky .sf-menu .mm_dropdown{ top: calc(100% + 15px); }
.sf-menu .mm_dropdown .inner          {  }

.sf-menu .mm_dropdown  ul             { display: block; position: initial; box-shadow: none; padding: 0; margin: 0; }
.sf-menu .mm_dropdowna                { padding: 0 0 10px; }
.sf-menu .mm_dropdowna:hover          { color: #ccc; }
.sf-menu .mm_dropdown strong          { padding: 0 0 10px; display: block; }

.mod_navigation li.mm_container .mm_dropdown > .inner { display: flex; flex-wrap: wrap; margin: 0; padding: 0 15px; }
.mod_navigation li.mm_container .mm_dropdown > .inner > nav { flex: 1; margin: 0 15px; }
.mod_navigation li.mm_container .mm_dropdown > .inner,
.sf-menu ul                           { background: var(--blau); padding: 60px 80px; border: none; z-index: 50; }

.sf-menu .sf-mega ul a           { color: #fff; border-bottom: 2px solid var(--blau); margin: 16px 15px 0 0; display: inline-block; }
.sf-menu .sf-mega ul a:hover          { color: var(--hellblau); border-bottom: 2px solid var(--hellblau); text-decoration: none; }
.sf-menu .sf-mega ul strong          { color: var(--hellblau); border-bottom: 2px solid var(--hellblau); text-decoration: none; display: inline-block; margin: 16px 15px 0 0; padding: 0; }


.mega-headline                        { border-bottom: 2px solid #fff; color: #fff; margin-top: 10px; padding: 0 0 5px 0; }


.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>a:after, .mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>strong:after, .mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>a:after, .mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>strong:after {
    display: none;
}

.sf-menu li.submenu ul.level_2                  { background: var(--blau); padding: 15px 75px 25px 35px; border: none; z-index: 50; margin-left: 15px; font-family: 'Cero Regular'; }
.sf-menu li.submenu ul.level_2 li                  { position: unset; }

.sf-menu li.submenu ul.level_2 a                { color: #fff; border-bottom: 2px solid var(--blau); margin: 16px 15px 0 0;     display: inline-block; }
.sf-menu li.submenu ul.level_2 a:hover                { color: var(--hellblau); border-bottom: 2px solid var(--hellblau); text-decoration: none; }

/* Mobiler Header */
.header_mobile                                              { position: fixed; z-index: 9000; width: 100%; background: #fff; 
                                                              -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); display: none; }
.header_mobile .header_mobile_inner                         { display: flex; justify-content: space-between; align-items: center; } 
.header_mobile .icons                                       { display: flex; align-items: center; }  
.header_mobile .icons a                                     { display: flex; align-items: center; }  
.header_mobile .icons svg                                   { height: 25px; width: auto; }
.header_mobile .termine                                     { font-family: 'Cero Medium'; margin-left: 15px; } 
.header_mobile .termine span                                { display: flex; } 
.header_mobile .termine svg                                 { height: 25px; width: auto; margin-right: 15px; } 
.header_mobile .termine a                                   { display: flex; align-items: center; font-size: 16px; color: var(--blau); }
.header_mobile .termine a:hover                             { text-decoration: none; } 
.header_mobile .icon                                        {  } 
.header_mobile .phone                                       {  } 

.header_mobile .phone a                                     { margin: 0 13px 0 5px; }
.header_mobile .map a                                       { margin: 0 13px 0 9px; }
.header_mobile .insta a                                     { margin: 0 6px 0 6px; }

.header_mobile .phone a:before                              { margin-right: 15px; }
.header_mobile .map a:before                                { margin-right: 17px; }
.header_mobile .insta a:before                              { margin-right: 12px; } 

.header_mobile .phone a:before,
.header_mobile .map a:before,
.header_mobile .insta a:before                              { content: ''; display: inline-block; width: 1px; height: 34px; background: var(--blau); } 
.header_mobile .map                                         {  } 
.header_mobile .insta                                       { margin-right: 5px; }
.header_mobile .mobile_menu                                 { height: 60px; width: 60px; display: flex; justify-content: center; align-items: center; background: var(--blau); }
.header_mobile .mobile_menu svg                             { height: auto; width: auto; position: relative; top: 3px; }
.header_mobile .mobile_menu .close svg                      { height: 27px; width: auto; fill: #fff; position: relative; top: 4px; }
.header_mobile .blueicon g,
.header_mobile .blueicon path                                         { stroke: #024674 !important; }

.mm-wrapper_opened .header_mobile .mobile_menu .open        { display: none; }
.mm-wrapper_opened .header_mobile .mobile_menu .close       { display: block; }

.header_mobile .mobile_menu .open                           { display: block; }
.header_mobile .mobile_menu .close                          { display: none; }

.navDesktop li.startseite { display: none; }

/* MM Menu */
.mm-navbar { background: #003051; color: #fff; font-family: 'Cero Bold';  font-size: 15px; min-height: 60px; }
.mm-navbar__title { justify-content: end; }
.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child { padding-right: 22px; }
.mm-listitem__text { white-space: normal; }
.mm-panel {
    background: #024674;
    color: #fff; font-size: 15px; font-family: 'Cero Bold';
}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
    color: #fff;
}
.mm-listitem__text { padding: 22px 20px 22px 20px; }

.mm-listitem__btn {
    border-color: #024674;
}
.mm-listitem:after { border-color: #fff; left: 20px; right: 20px; }

.mm-listitem_selected>.mm-listitem__text {
    background: none;
    color: var(--hellblau);
}
.mm-navbar__title>span {
    display: none;
}

#close_menu {
    height: 27px;
    width: auto;
    fill: #fff;
}
body.mm-wrapper_opening .header_mobile .mobile_menu { background: #fff; }

:root {
--mm-color-button: #fff;
}
/*#####################################################################################################################/
  RESPONSIVE STYLES ###################################################################################################/
######################################################################################################################*/

@media (min-width: 992px) and  (max-width: 1400px) {
    .nav_superfish ul 									{ left: auto; right: 0; }
}

@media (min-width: 992px) and  (max-width: 1200px) {
#isSticky .btn1                                         { padding: 6px 20px; font-size: 15px; }
.sf-menu > li > a, .sf-menu > li > strong               { font-size: 17px; }
header .row-margin30                                    { margin: 0; }
}

@media (min-width: 1200px) {

}

@media (max-width: 992px) {
   /* header .col-lg-18,
    header .navigation_wrapper .header_top_icons,
    header .navigation_wrapper { text-align: right;  }
    header .navigation_wrapper { width: 100%; }
    header .header_top_icons { width: 100%; justify-content: flex-end; }
    
    header 	#noSticky .navigation_wrapper              { padding-bottom: 0; }
    header 	#noSticky .row                             { align-items: center; justify-content: flex-end; }
    header .header_top_icons                           { margin-bottom: 0; }
    header 	#isSticky                                  {  }
    header #noSticky                                   { padding: 30px 0 30px 0; }*/
    
    header #isSticky                                   { display: none; }
    header #noSticky                                   { padding: 60px 0 5px 0; }
    header .row-margin30                               { margin: 0; }
	header .logo 									   { margin-left: -15px; }
    
    header .mod_navigation                             { display: none; }
    header .top_navigation                             { display: none; }
    .mobileMenuOpen                                    { display: block; }
    
    
    .icons_right .icon.menu.desktop.active                      { display: none; }
    .icons_right .icon.menu.mobile.active                       { display: flex; }
    .icons_right                                                { display: none; }
    .header_mobile                                              { display: block; }
    header .top_header                                          { display: none; }    
}



@media (min-width: 992px) and  (max-width: 1200px) {
}

@media (min-width: 768px) and  (max-width: 992px) {
}

@media (max-width: 767px) {    
    .hide_mobile                                                    { display: none !important; }
    header .ce_image .image_container img                           { width: 190px; }
}