@font-face {
  font-family: "AzoSans-Bold";
  src: url('../fonts/AzoSans2-Bold.woff2') format('woff2'),
    url('../fonts/AzoSans2-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap; }


@font-face {
  font-family: "AzoSans-Regular";
  src: url('../fonts/AzoSans2-Regular.woff2') format('woff2'),
    url('../fonts/AzoSans2-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

body, html {
    font-family: "AzoSans-Regular";
}

strong {
    font-family: "AzoSans-Bold"; font-weight: normal !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "AzoSans-Regular"; font-weight: normal !important; color: #1A331D;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    color: #fff;
}

header .navDesktop li.submenu strong {
    display: flex;
}

header .navDesktop .level_2 a,
header .navDesktop .level_2 strong {
    font-size: 1.0rem !important;
    line-height: 1.7rem !important;
	padding-bottom: 0 !important;
}

.teaser {
    font-size: .85rem !important;
    line-height: 1.6rem !important;
}
footer a:hover { color: #C8D5CA; }
.btn_nav,
footer .footer-top ul li:first-child a, footer .footer-top ul li:first-child span, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
    font-family: "AzoSans-Bold"; font-weight: normal !important;
}
.additional_content.open .hide_more {
    color: #fff;
}
.custom-cols .headline.top h1, .custom-cols .headline.top h2, .custom-cols .headline.top h3, .custom-cols .headline.top h4, .custom-cols .headline.top h5, .custom-cols .headline.top h6 {
    font-family: "AzoSans-Regular";
}

.Extra-Bold {
    font-family: "AzoSans-Bold"; font-weight: normal !important;
}
.mod_breadcrumb ul li:first-child, .mod_breadcrumb ul li:first-child a {
    font-family: "AzoSans-Bold"; font-weight: normal !important;
}
.mod_breadcrumb ul li {
     color: #1A331D; 
     font-size: .7rem; 
     line-height: 1.7rem; 
}
.mod_breadcrumb ul li:after {
    top: 0px;
}
/* desktop_buttons_sidebar */
.desktop_buttons_sidebar                    				{ position: fixed; opacity: 0; right: -1000px; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);  
															  transition: all .5s ease; font-size: 16px; line-height: 21px; z-index: 1000; }
.desktop_buttons_sidebar  a                 				{ background: #C8D5CA; display: flex; align-items: center; color: #1A331D; line-height: 1rem; 
															  transition: all ease .5s; text-decoration: none; height: 70px; transition: right .4s ease; position: relative; border-bottom: 1px solid #1A331D; }
.desktop_buttons_sidebar .image_wrapper     				{ width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; }
.desktop_buttons_sidebar .image_wrapper svg 				{ width: 35px; height: auto; fill: #1A331D; transition: all ease .5s; }
.desktop_buttons_sidebar .bold                              { display: block; margin-top: 5px; }
.desktop_buttons_sidebar a:hover .image_wrapper svg 	    { fill: #fff; transition: all ease .5s; }
.desktop_buttons_sidebar a:hover,
.desktop_buttons_sidebar a.active           				{ background: #9c7d4a; transition: all ease .5s; color: #fff; }
.desktop_buttons_sidebar .text_wrapper      				{ flex: 1; padding-right: 30px; }
.desktop_buttons_sidebar a:last-child      					{ border: none; }
.desktop_buttons_sidebar.firekit .image_wrapper img 		{ max-width: 40px; }
.desktop_buttons_sidebar.firekit a:last-child .image_wrapper img { max-width: 35px; }

.go_Bewerbungsformular {
    background-color: #fff;
    padding: 12px 60px;
    transition: all ease .4s;
    font-weight: 400;
    border-radius: 30px;
    color: #1A331D;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 2px solid #968054;
    cursor: pointer;
    font-family: "AzoSans-Bold";
    font-style: italic;
    font-size: 1.2rem;
}
.go_Bewerbungsformular:hover {
    transition: all ease .4s;
    text-decoration: none;
    color: #fff;
    background-color: #968054;
    border: 2px solid #968054;
}

@media (max-width: 768px) {
    .desktop_buttons_sidebar a                                  { height: 45px; }
    .desktop_buttons_sidebar .image_wrapper     				{ width: 40px; height: 40px; }
    .desktop_buttons_sidebar .image_wrapper svg 				{ width: 25px; height: auto; }
    .desktop_buttons_sidebar                    				{ /*position: absolute;*/ }
}


/* Neuer Header */

.newHeader                              {  }
.newHeader .logo img                    { width: 100%; height: auto; }

header.newHeader .isSticky  .logo.right img {
     width: 240px; 
     height: auto; 
}

@media (min-width: 768px) and  (max-width: 992px) {
header.newHeader .isSticky  .logo.right img {
     width: 190px; 
     height: auto; 
}
}

.newHeader .searchBox form              { justify-content: end; }
.newHeader .searchBox form input {
    width: 200px;
    flex: 0;
    position: relative;
    height: 30px;
    right: 15px;
    top: 27px;
}
.newHeader .searchBox form button {
    position: relative;
    top: 27px;
    right: 15px;
}


.mobileMenuIcon                     { display: none; }
@media (max-width: 992px) {
    .mobileMenuIcon                 { display: block; }
    .navDesktop,
    .searchBox,
    .mod_breadcrumb { display: none; }
}


.sf-menu li.submenu {
    margin: 0 24px;
    position: inherit;
}
.sf-menu li.submenu ul li {
    margin-bottom: 5px;
}

/* ############################ MOBIL NAVIGATION ###################################*/

.mobileMenuActive 											{ overflow: hidden; }

.overlay_content_mobile 									{ position: absolute; width: 100%; height: 100%; top: 70px; left: 0; background: rgba(0, 0, 0, .4); z-index: 10; 
															  display: none; }

/*Mobiles Menu*/ 
.overlay                                            		{ position: fixed; width: 700px; z-index: 1; right: -1000px; display: none; border-bottom: 1px solid #eee;  
															  overflow: auto; padding: 30px 15px 150px 15px; background: #C8D5CA; transition: all ease .5s; z-index: 9999; 
														      height: 100%; }
.overlay.slideIn                                            { right: 0; }

.overlay ul                                        			{ list-style: none; margin:0; padding:0; }
.overlay li 												{ padding:0 20px; /*border-bottom:1px solid #fff;*/ background-color: #C8D5CA; }
.overlay li li 												{ margin:0; background-color: #cccccc; /*border-bottom:1px solid #fff;*/ } 
.overlay li li:first-child									{ /*border-top:1px solid #fff;*/ }
.overlay a,
.overlay li.active span,
.overlay li.trail span                             			{ text-decoration: none; padding: 8px 0 8px 0; display:inline-block; width:100%; transition:background ease .3s;  
														      color: #cccccc; letter-spacing: 2px; }
.overlay li:hover,
.overlay ul li.active 										{ background: #cccccc; transition:all ease .4s; }
.overlay li:hover > a,
.overlay li.active > a 										{ color: #fff; transition:all ease .4s; } 
.overlay li:hover > .btn_dropdown,
.overlay li.active > .btn_dropdown 							{ color: #fff; } 

.overlay ul ul a,
.overlay ul ul li.active span 								{ /*text-transform:none; font-weight: 100;*/ }
.overlay li li:last-child                                   { /*border: 0 !important;*/ }
.overlay li li a,
.overlay li li.active span,
.overlay li li.trail span                             		{ padding:9px 15px 8px 0px; } 
.overlay li.submenu 										{ position: relative; }
.overlay li.active li 										{ /*background-color: $lightgray;*/ }
.overlay li.active li:hover 								{ /*background: $gray;*/ }
.overlay ul li.trail li a 									{ text-decoration:none; }

.overlay ul.level_2 li                                      { padding: 0 20px 0 5px; margin-left: 0; }
.overlay ul.level_2                                         { margin-left: -20px; width: calc(100% + 40px); margin-bottom: 0; }
.overlay ul.level_2 > li                                    { padding-left: 25px; }
.overlay ul.level_3                                         { margin: 0 0 0 -25px; padding: 0; width: calc(100% + 45px); }
.overlay ul.level_3 li                                      { padding: 0; /*border-top: 1px solid #E5E5E5;*/ }
.overlay ul.level_3 a                                       { padding-left: 40px; padding-right: 30px; }
.overlay ul ul 												{ display: none; margin-bottom:0; }
.overlay ul ul li 											{ margin-bottom: 0; line-height:18px; margin-left: 12px; }
.overlay ul ul ul li 										{ margin-bottom: 0; line-height:18px; margin-left: 10px; border: 0; } 
.overlay ul ul li a,
.overlay ul ul li span,
.overlay ul ul li.active span								{ /*padding: 9px 15px 8px 0px; text-decoration:none; font-size: 1rem;*/ }


.overlay ul.level_2 li a,
.overlay ul.level_2 li span 								{ text-transform: none; letter-spacing: normal; letter-spacing: 0; }
.overlay ul.level_3 li a,
.overlay ul.level_3 li span 								{ text-transform: none; letter-spacing: normal; /*border-bottom:1px solid #d3b7a4;*/ }
.overlay ul.level_3 li:last-child a,
.overlay ul.level_3 li:last-child span 						{ border:0; }

.overlay ul.level_1 li span,
.overlay ul.level_2 li span,
.overlay ul.level_3 li span,
.overlay ul.level_1 li.trail:hover span,
.overlay ul.level_2 li.trail:hover span,
.overlay ul.level_3 li.trail:hover span,
.overlay ul.level_2 li.trail:hover span.trail 				{ /*color: $white !important;*/ }



.overlay ul.level_1 li.trail span,
.overlay ul.level_2 li.trail span,
.overlay ul.level_3 li.trail span,
.overlay ul.level_1 li.trail span.trail,
.overlay ul.level_2 li.trail span.trail,
.overlay ul.level_3 li.trail span.trail 					{ color: #cccccc; }

.overlay ul.level_3 li.active span  						{ /*color: $white; padding-left: 40px;*/ }
.overlay .ul.level_1 li:last-child a:after					{ content: ''; }

.overlay ul.level_4 li                                      { border: 0; }

.mobileMenuOpen 											{ margin-right: auto; border:none; }
.overlay ul.level_2 .fa-angle-down.fa,
.overlay ul.level_2 .fa-angle-up.fa                         { margin-right: 15px; }
.btn_dropdown 												{ position: absolute; right: 0; background: none; border: none; loat: right; 
  															  color:#cccccc; padding: 0 0 0 10px; outline: none; width: 70px; height: 50px; }

.level_1 .btn_dropdown 										{ top: 3px; outline: none; cursor: pointer; }
.level_2 .btn_dropdown 										{ top: 3px; right: 20px; outline: none; cursor: pointer; }
.level_3 .btn_dropdown 										{ top: 3px; right: 40px; outline: none; cursor: pointer; }
.level_4 .btn_dropdown 										{ top: 3px; right: 20px; outline: none; cursor: pointer; }

.fa-angle-down,
.fa-angle-up                                                { display: inline-block; margin-right: 15px; }
.overlay ul.level_2 .fa-angle-down,
.overlay ul.level_2 .fa-angle-up                            { margin: 0; }


.overlay .mod_customnav ul.level_1  						{ background: #fff; }
.overlay .mod_customnav ul.level_1 li:last-child  			{ /*background: #cbdae3;*/ }

/* Level 1 */
.overlay ul.level_1                                      	{  }
.overlay ul.level_1 a                                      	{ color: #1A331D; text-transform: uppercase; font-size: 14px; line-height: 23px; letter-spacing: 2px;
															  border-bottom: 1px solid #fff; }
.overlay ul.level_1 li                              		{ background: none; padding: 0; overflow: hidden; }
.overlay ul.level_1 li a:hover,
.overlay ul.level_1 li a.submenu:hover,
.overlay ul.level_1 li a.trail,
.overlay ul.level_1 li a.active 		 					{ color: #1A331D; }
.overlay ul.level_1 li a,
.overlay ul.level_1 li a.submenu 							{ background: #C8D5CA; padding: 20px 20px 16px 20px; }

/* Level 2 */
.overlay ul.level_2                                      	{  }
.overlay ul.level_2 li a:hover,
.overlay ul.level_2 li a.submenu:hover,
.overlay ul.level_2 li a.active,
.overlay ul.level_2 li a.trail,
.overlay ul.level_2 li a.submenu.trail,
.overlay ul.level_2 li a.submenu.active 		 				{ color: #1A331D; }
.overlay ul.level_2 li a,
.overlay ul.level_2 li a.submenu                            { color: #1A331D; text-transform: uppercase; font-size: 14px; line-height: 23px; letter-spacing: 2px;
															  background: #C8D5CA; padding: 15px 40px 11px 60px; }

/* Level 3 */
.overlay ul.level_3                                      	{ background: #C8D5CA; }
.overlay ul.level_3 li a:hover,
.overlay ul.level_3 li a.submenu:hover,
.overlay ul.level_3 li a.active,
.overlay ul.level_3 li a.trail 		 						{ color: #1A331D; }
.overlay ul.level_3 li a,
.overlay ul.level_3 li a.submenu 							{ color: #1A331D; text-transform: none; 
															  background: #C8D5CA; padding: 15px 20px 11px 0; margin-left: 100px; border-bottom: 1px solid #F2F2F2; }

/* Level 4 */
.overlay ul.level_4                                      	{ background: #C8D5CA; }
.overlay ul.level_4 li a,
.overlay ul.level_4 li span 								{ color: #cccccc; text-transform: none; 
															  background: #C8D5CA; padding: 15px 20px 11px 40px; margin-left: 100px; border: 0; }

.overlay ul.level_4 li span.active,
.overlay ul.level_4 li a:hover,
.overlay ul.level_4 li.active a 							{ color: #fff !important; background: #1A331D; }

.btn_dropdown.level_1.active svg							{ transform: rotate(180deg); } 
.btn_dropdown.level_2.active svg							{ transform: rotate(180deg); } 
.btn_dropdown.level_3.active svg							{ transform: rotate(180deg); }  


.overlay .navigationTeaserInner 							{ position: relative; right: auto; }
.overlay .navigationTeaserInner a							{ color: #1A331D; font-family: "AzoSans-Medium"; font-size: 16px; line-height: 23px; 
													  		  text-transform: uppercase; letter-spacing: 2px; border: 1px solid #1A331D; padding: 8px 15px; width: 100%;
    														  margin-top: 30px; text-align: center; transform: all ease .5s; }
.overlay .navigationTeaserInner a:hover						{ color: #fff; background: #1A331D; transform: all ease .5s; text-decoration: none; }

.mobileOverlayIcons  										{ display: flex; align-items: center; margin-top: 25px; }
.mobileOverlayIconsWrapper									{ display: flex; align-items: center; margin: 0 40px 0 0; } 
.mobileOverlayIcon 											{  } 
.mobileOverlayIcon svg										{ width: 20px; height: auto; margin-right: 10px; fill: #1A331D; }
.mobileOverlayIcon svg path,
.mobileOverlayIcon svg #Page-1 								{ fill: #1A331D; }
.mobileOverlayText											{}
.mobileOverlayText a										{ color: #ccc; padding: 0; position: relative; top: -3px; transition: all ease .5s; }
.mobileOverlayText a:hover									{ color: #1A331D; transition: all ease .5s; }

.mobileMenuIcon												{ width: 22px; margin-left: auto; position: relative; top: 21px; right: 18px; } 
.mobileIconOpen												{ cursor: pointer; position: relative; top: 4px; }
.mobileIconOpen #Group										{ stroke: #1A331D; transition: all ease .5s; }
.mobileIconOpen:hover #Group								{ stroke: #1A331D; transition: all ease .5s }
.mobileIconClose											{ cursor: pointer; width: 21px; height: auto; position: relative; top: 4px; left: 1px; }
.mobileIconClose svg										{ width: 21px; height: auto; }
.mobileIconClose polygon									{ fill: #1A331D; transition: all ease .5s; fill: #1A331D; }
.mobileIconClose:hover polygon								{ fill: #1A331D; transition: all ease .5s; }
.mobileIconHidden 											{ display: none; }

.news .news-inner .mod_newslist .layout_latest.single_posts h2 a { font-size: 1.1rem; line-height: 1.5rem; display: inline-block; color: #1A331D; }

.slideshow_news p.more a                                    { color: #968054; }
.teaser                                                     { font-size: .85rem !important; line-height: 1.3rem !important; }


@media (min-width: 1300px) {
.overlay                                            		{ display: none; right: -1000px; }
}

@media (min-width: 1200px) and  (max-width: 1300px) {
.overlay                                            		{ display: none; right: -1000px; }
}

@media (min-width: 992px) and  (max-width: 1200px) {
.overlay                                            		{ display: none; right: -1000px; }
}

@media (min-width: 768px) and  (max-width: 992px) {
.overlay                                            		{ display: block; width: 100%; }
}

@media (max-width: 767px) {
.overlay                                            		{ display: block; width: 100%;  }
.overlay ul.level_3 li a, .overlay ul.level_3 li a.submenu  { width: 70%; }
}

/* --------------------------- */


.mod_navigation .sf-mega { top: auto !important; }

.mm_dropdown .paddingLeft .nav-box { flex: 0 1 30%; margin-left: 269px; }
.home .mod_navigation li.mm_container .mm_dropdown, .home .sf-menu.level_2 {
    border-top: 0;
}

#toggleEvent {
    left: -134px;
    background: #9c7d4a;
    padding: 15px 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    transition: background  ease .4s, color ease .4s;
}
#toggleEvent:hover {
    background: #f1f4fe;
    color: #1A331D;
    transition: background  ease .4s, color ease .4s;
}
header .logo.right img {
    width: 70px;
    height: auto;
}

.downloadFlyerImage img { margin-right: 15px; }
.downloadFlyerLink  { color: #1A331D; font-weight: 500; }

.custom-cols .headline.top h1, .custom-cols .headline.top h2, .custom-cols .headline.top h3, .custom-cols .headline.top h4, .custom-cols .headline.top h5, .custom-cols .headline.top h6 {
    font-size: 2.4rem;
    line-height: 2.9rem;
    font-weight: 500;
}

.custom-cols .text blockquote { font-size: 1.7rem; line-height: 2.2rem; color: #9c7d4a; }
.video_wrapper { margin-bottom: 20px; }

.teaser.single.bg-grau { background-color: #C8D5CA; } 
.teaser.single.bg-grau {
    background-color: #C8D5CA;
    margin: 0;
    padding: 75px 0;
}
.teaser .link .arrow, .teaser .link a {
    color: #1A331D;
    display: inline-block;
    font-weight: 500;
}
.teaser-item a h3 { font-family: "AzoSans-Bold"; margin-top: 10px; } 

.teaser.single {
    background-color: #C8D5CA;
    color: #1A331D;
    margin: 0;
    padding: 20px 0 75px 0;
    margin-bottom: 75px; }
.teaser .link .arrow, .teaser .link a {
    color: #1A331D;
    display: inline-block;
    font-weight: 500;
}
.teaser.single.switched .headline.second h1, .teaser.single.switched .headline.second h2, .teaser.single.switched .headline.second h3, .teaser.single.switched .headline.second h4, .teaser.single.switched .headline.second h5, .teaser.single.switched .headline.second h6 {
    color: #1A331D;
}

.hecke.teaser { position: relative; top: 2px; }
/* Footer */
footer {
    padding: 0px 0 75px 0; 
    background-color: #1A331D;
    color: #fff;
}
footer img {
    width: auto; height: 25px;
}
footer a,
.additional_content .show_more {
    color: #fff;
}

footer .social a { background: #fff;
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 10px; }

footer .rechtliches { margin-bottom: 80px; }

.hecke.footer { position: relative; top: 2px; }

.gradient1,
.gradient2 {
    display: none;
}
footer .headline.top h1, footer .headline.top h2, footer .headline.top h3, footer .headline.top h4, footer .headline.top h5, footer .headline.top h6 {
    color: #fff;
}
footer .headline.bottom h1, footer .headline.bottom h2, footer .headline.bottom h3, footer .headline.bottom h4, footer .headline.bottom h5, footer .headline.bottom h6 {
    color: #fff;
}
footer .logo .ce_image {
    margin-bottom: 30px;
}

footer .mod_newslist .row { margin: 0;  }
footer .mod_newslist { padding-right: 25px; }
footer .mod_newslist a {
    display: inline-block;
    line-height: 21px;
}
footer .mod_customnav  {
    padding-left: 45px;
}
@media (min-width: 992px) and (max-width: 1200px) {
    .mm_dropdown .paddingLeft .nav-box { margin-left: 163px; }
}
@media (min-width: 768px) and (max-width: 992px) {
    .mm_dropdown .paddingLeft .nav-box { margin-left: 145px; }
    header .logo.right img {
        width: 50px;
        height: auto;
    }
}

@media (max-width: 768px) {
    footer .mod_customnav  {
    padding-left: 0;
}
    header {
    padding: 0 0 15px 0;
}
    header .logo.right img {
        width: 70px;
        height: auto;
    }
    .custom-cols .headline.top h1, .custom-cols .headline.top h2, .custom-cols .headline.top h3, .custom-cols .headline.top h4, .custom-cols .headline.top h5, .custom-cols .headline.top h6 {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    .custom-cols .text blockquote {
        font-size: 1.4rem;
        line-height: 1.9rem;
    }
}



/* Megamenu Navigation */
.sf-menu a, .sf-menu span {
    font-family: "AzoSans-Regular";
}
.sf-menu>li>a {
    font-weight: normal;
}
.align-items-center { position: relative; }

.mm_dropdown .nav-box-container .nav-box a.first {
    font-family: "AzoSans-Bold"; font-weight: normal !important;
}
.mm_dropdown .nav-box-container .nav-box a, .mm_dropdown .nav-box-container .nav-box span {

    font-family: "AzoSans-Regular"; font-weight: normal !important;
}
.mm_dropdown .nav-box-container .nav-box a, .mm_dropdown .nav-box-container .nav-box span {
    font-size: 1rem !important;
    line-height: 1.7rem !important;
}
@media (min-width: 768px) {
    .navDesktop { position: static; margin-top: 50px; } 
}
.navDesktop .mod_navigation {
    position: static;
    margin-top: -25px;
    padding-bottom: 48px;
}

header .navDesktop .mod_navigation ul.level_2 {
    position: absolute;
    border: 0;
    border-top: 0;
    background-color: #C8D5CA;
    list-style: none;
    margin: 0;
    padding: 30px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

header .navDesktop .submenu a,
header .navDesktop strong,
header .navDesktop li a { padding-bottom: 27px; font-size: 1.2rem; line-height: 1.9rem; }
header .navDesktop .sibling a { padding-bottom: 27px; font-size: 1.2rem; line-height: 1.9rem; }
.mm_dropdown .nav-box-container .nav-box a, 
.mm_dropdown .nav-box-container .nav-box span { font-size: 1.2rem; line-height: 1.9rem; }
.mod_navigation li.mm_container .mm_dropdown {
    background: #C8D5CA;
}

.stickyHeader header .navDesktop li a {
    padding-bottom: 27px;
    font-size: 1.0rem;
    line-height: 1.9rem;
}
@media (min-width: 1200px) {
    .stickyHeader header .sf-menu > li { margin: 0 10px; }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .stickyHeader header .sf-menu > li { margin: 0 5px !important; }
}

@media (min-width: 992px) and (max-width: 1200px) {
.sf-menu>li {
    margin: 0 13px !important;
}
}

@media (min-width: 768px) and (max-width: 992px) {
header .navDesktop .submenu a,
header .navDesktop .sibling a,
.mm_dropdown .nav-box-container .nav-box a, 
.mm_dropdown .nav-box-container .nav-box span { font-size: 1.0rem; line-height: 1.6rem; }
.sf-menu>li {
    margin: 0 8px !important;
}
}



