/*@import url("uikit-base.css");
@import url("mmenu.css");
@import url("font-awesome.min.css");*/

/* noto-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v36-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-v36-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* balsamiq-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Balsamiq Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/balsamiq-sans-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/balsamiq-sans-v15-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* balsamiq-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Balsamiq Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/balsamiq-sans-v15-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/balsamiq-sans-v15-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}




:root {
    --blau: #00A4BC;
    --blau80: #33B6C9;
    --blau40: #99DBE4;
    --flieder: #D0BCD9;
    --lachs: #F49F9D;
    --grau: #F0F0ED;
    
}
* {
  margin: 0;
  padding: 0;
  outline: none !important;
  /*-webkit-appearance: none;
-moz-appearance: none;*/
}
*, *:before, *:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 21px;
}
body {
  height: 100%;
  font-family: 'Noto Sans', Helvetica, Arial, SansSerif, "sans-serif";
    line-height: 1.4;
    position: relative;
    z-index: 1;
  
}
::-moz-selection {
  background: var(--blau);
  color: #fff;
}
::selection {
  background: var(--blau);
  color: #fff;
}
a {
  text-decoration: none;
  color: inherit;
    -webkit-transition: all 0.5s;
transition: all 0.5s;
}
a img {
  border: none;
}
img {
  max-width: 100%;
  height: auto;
}
table {
  /*width: 100%;
table-layout:fixed;*/
}
figure.image {
  display: inline-block;
  border: 1px solid gray;
  margin: 0 2px 0 1px;
  background: #f5f2f0;
}
figure.align-left {
  float: left;
}
figure.align-right {
  float: right;
}
figure.image img {
  margin: 8px 8px 0 8px;
}
figure.image figcaption {
  margin: 6px 8px 6px 8px;
  text-align: center;
}
.noIcon span.uk-icon {
  display: none;
}

/*=================================
            Header
=================================*/

#header, #headerStart {
    -webkit-transition: all 0.5s 0.4s;
transition: all 0.5s 0.4s;
}

#header.bgWeiss, #headerStart.bgWeiss {
    -webkit-transition: all 0.5s;
transition: all 0.5s;
}

#header.uk-active, #headerStart.uk-active {
    padding-top: 15px;
    padding-bottom: 30px;
}

#header.uk-active .logo, #headerStart.uk-active .logo {
    width: 200px;
}


.headerbild {
	width: 100%;
	height: 31.25vw;
    min-height: 300px;
     font-family: 'Balsamiq Sans', Helvetica, Arial, SansSerif, "sans-serif";
    font-size: 4.1rem;
    color: #ffffff;
}

.overlayImage {
	background-color: #000000;
	opacity: 0.2;
	mix-blend-mode: multiply;
}

.secStart {
	min-height: calc(100vh + 70px);
}

/*=================================
            Navigation
=================================*/

#navi {
	
}

#navi ul {
	
}

#navi ul li {
    list-style: none;
    margin-right: 28px;
	
}

#navi ul li:last-child {
    margin-right: 0;
}


#navi ul li a {
    display: inline-block;
    position: relative;
    z-index: 1;	
}

#navi ul > li > a:after {
    content: '';
	background-color: transparent;
	position: absolute;
	display: block;
	top: -5px;
	left: -13px;
	right: -13px;
	bottom: -5px;
	z-index: -1;
	border-radius: 30px;
    -webkit-transition: all 0.5s;
transition: all 0.5s;
}
#navi ul > li:hover > a::after {
	background-color: var(--blau40);
  
}

#navi ul > li:hover > a {
	color: #000000;
}

#navi > ul > li.active a {
	color: var(--blau80);
}

#navi .subNavi {
    color: #000000; 
    
}

#navi .subNavi ul li {
    margin-bottom: 1.4rem;
   break-inside:avoid;
    -webkit-break-inside: avoid; 
}

#navi .subNavi  ul li a {
    font-size: 1.3333rem;
    font-weight: bold;
    line-height: 1.8;
    display: block;
    color: inherit;
}

#navi .subNavi ul li a:hover {
    color: var(--blau80);
}

#navi .subNavi ul li a:after {
    content: none;
}

#navi .subNavi ul ul li {
    margin-bottom:0; 
}

#navi .subNavi ul ul li a {
    font-size: 1rem;
    font-weight: normal;
}

#navi .subNavi ul li li.active a {
    color: var(--blau80);
}

/*=================================
            Formatierung
=================================*/

h1, h2, h3, h4 {
	
}

h1, h2 {
	font-size: 1.95rem;
	margin-bottom: 1.4rem;
	display: inline;
	position: relative;
    line-height: 1.2;
    z-index: 2;
    background: linear-gradient(to bottom, transparent 48%,var(--blau40) 48%,var(--blau40) 90%, transparent 90%);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    -webkit-transition: all 1s;
transition: all 1s;
}


h1.viewport, h2.viewport {
    background-size: 100% 100%;
}

.subNavi h1, .subNavi h2 {
   background-size: 100% 100%;
}

h1:after, h2:after {
    content: '';
    display: block;
    margin-bottom: 1.4rem;
}

h2 {
	
}

h3 {
	font-size: 1.57rem;
    margin-bottom: 1.4rem;
    line-height: 1.2;
}

h4 {
	font-size: 1.3333rem;
    margin-bottom: 1.4rem;
}

h5 {
	
}

p {
	margin-bottom: 1.4rem;
}

section a {
	display: inline;
	position: relative;
    z-index: 2;
    background: linear-gradient(to bottom, transparent 48%,var(--blau40) 48%,var(--blau40) 90%, transparent 90%);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    -webkit-transition: background 1s;
transition: background 1s;
}

section a:hover {
    background: linear-gradient(to bottom, transparent 48%,var(--lachs) 48%,var(--lachs) 90%, transparent 90%);
}

section a.viewport {
    background-size: 100% 100%;
    -webkit-transition: all 0.5s;
transition: all 0.5s;
}

section a::after {
	content: '';
	display: inline-block;
	margin-bottom: 1.4rem;
}

section a:has(img) {
    background: none !important;
}

a svg path[fill="none"] {
    fill: transparent;
    -webkit-transition: all 0.5s;
transition: all 0.5s;
}

a:hover svg path[fill="none"] {
	fill: #ffffff;
}

hr {
	border: none;
	border-bottom: 2px solid #000000;
	margin: 0 0 30px 0;
}

section ul {
    margin-bottom: 1.4rem;
}

section ul li {
    list-style: url("../bilder/list.svg");
    line-height: 1.4;
    margin-bottom: 0.7rem;
    margin-left: 21px;
  padding-left: 7px;
    
}

ol li {
	margin-left: 22px;
	padding-left: 10px;
	margin-bottom: 1.4rem;
}

/*=================================
            Slider Startseite
=================================*/

.sliderStart .uk-slideshow-items {
    height: 50vw;
    max-height: 600px;
}

.sliderText {
    font-family: 'Balsamiq Sans', Helvetica, Arial, "sans-serif";
    color: #ffffff;
    font-size: 4.1rem;
    font-weight: bold;
    line-height: 1.2;
}

.uk-dotnav > * > * {
	display: block;
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: transparent;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: 2px solid #000000;
	transition: 0.2s ease-in-out;
	transition-property: background-color, border-color;
}

.uk-light .uk-dotnav > .uk-active > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > .uk-active > *, .uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > .uk-active > *, .uk-overlay-primary .uk-dotnav > .uk-active > *, .uk-offcanvas-bar .uk-dotnav > .uk-active > * {
	background-color: var(--blau40);
	border-color: #000000;
	border-width: 2px;
}

.uk-light .uk-dotnav > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-card-primary.uk-card-body .uk-dotnav > * > *, .uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > *, .uk-card-secondary.uk-card-body .uk-dotnav > * > *, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > *, .uk-overlay-primary .uk-dotnav > * > *, .uk-offcanvas-bar .uk-dotnav > * > * {
	background-color: transparent;
	border-color: #000000;
}



/*=================================
            Section
=================================*/

section.uk-sticky, section, #footer {
	margin-top: -70px !important;
	padding-top: 180px !important;
}

/*=================================
            Aktuelles
=================================*/

.datum {
    font-size: 0.71rem;
    font-weight: bold;
}

.btn-more {
    width: 200px !important;
	min-width: 150px;
	display: inline-block;
	margin: auto !important;
}

/*=================================
            Box weiß
=================================*/

.boxWeiss {
    position: relative;
}

.boxWeiss::before {
	content: '';
	position: absolute;
	height: 100%;
	background-color: #ffffff;
	width: calc((100vw - 1120px) / 2);
	top: 0;
	transform: translateX(-100%);
}

.boxWeiss::after {
	content: '';
	clip-path: polygon(0 50%, 100% 100%, 100% 0);
	background-color: var(--grau);
	position: absolute;
	right: 0;
	top: 20%;
	width: 26px;
	height: 50px;
}

/*=================================
            Akkordion
=================================*/

.uk-accordion {
    border-top: 1px solid #000000;
        /*border-bottom: 1px solid #000000;*/

}

.uk-accordion > div {
	border-bottom: 1px solid #000000;
	padding-bottom: 25px;
}

.uk-accordion-content {
	padding-left: 78px;
    margin-bottom: 20px;
}


.uk-accordion-title::before {
	content: none;
}

.uk-accordion-title {
    font-size: 1rem;
    line-height: inherit;
    overflow: visible;
    background: none !important;
}

.uk-accordion-title:after {
    content: none !important;
}

.uk-accordion .gecheckt {
    display: none;
}

.uk-accordion .uk-open .gecheckt {
    display: inline-block;
}

.uk-accordion .check {
    display: inline-block;
}

.uk-accordion .uk-open .check {
    display: none;
}

/*=================================
            Lightbox
=================================*/

.uk-lightbox-items img {
	border-radius: 35px;
}

/*=================================
            Buttons
=================================*/

.button {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	background: var(--blau40);
	line-height: 48px;
	border: 2px solid #000;
	border-radius: 50px;
    width: auto;
    padding: 0 25px;
}

.button:hover {
    background: var(--blau80);
}

.btPfeilRechts {
    position: relative;
   /* line-height: 48px;*/
    padding-left: 60px;
    display: inline-block;
    /*min-height: 48px;*/
   /* vertical-align: middle;*/
    margin-bottom: 8px;
    background: none !important;
}

.btPfeilRechts::before {
	content: '';
    background: url("../bilder/pf-rigth.svg") no-repeat center center;
	width: 48px;
	height: 48px;
	border: 2px solid #000000;
	display: inline-block !important;
	margin-right: 15px;
	text-align: center;
	border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
	
}

.btPfeilRechts::after {
	content: '';
	width: 48px;
	height: 48px;
	background: var(--blau40);
	display: inline-block;
	position: absolute;
	top: calc(50% + 5px);
	left: -4px;
    transform: translateY(-50%);
	border-radius: 50%;
	z-index: 1;
    -webkit-transition: all 0.5s;
transition: all 0.5s;
}

.btPfeilRechts:hover:after {
    top: 50%;
    left: 0;
    background-color: #ffffff;
}



.btPfeilLinks {
    position: relative;
    line-height: 48px;
    padding-left: 60px;
    display: inline-block;
    min-height: 48px;
    vertical-align: middle;
     background: none !important;
}

.btPfeilLinks::before {
	content: '';
    background: url("../bilder/pf-left.svg") no-repeat center center;
	width: 48px;
	height: 48px;
	border: 2px solid #000000;
	display: inline-block !important;
	margin-right: 15px;
	text-align: center;
	border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
	
}

.btPfeilLinks::after {
	content: '';
	width: 48px;
	height: 48px;
	background: var(--blau40);
	display: inline-block;
	position: absolute;
	top: -5px;
	left: 4px;
	border-radius: 50%;
	z-index: 1;
    -webkit-transition: all 0.5s;
transition: all 0.5s;
}

.btPfeilLinks:hover:after {
    top: 0;
    left: 0;
    background-color: #ffffff;
}


.btPlus {
    position: relative;
    line-height: 48px;
    padding-left: 60px;
    display: inline-block;
    min-height: 48px;
    vertical-align: middle;
     background: none !important;
}

.btPlus::before {
	content: '';
    background: url("../bilder/plus.svg") no-repeat center center;
	width: 48px;
	height: 48px;
	border: 2px solid #000000;
	display: inline-block !important;
	margin-right: 15px;
	text-align: center;
	border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
	
}

.btPlus::after {
	content: '';
	width: 48px;
	height: 48px;
	background: var(--blau40);
	display: inline-block;
	position: absolute;
	bottom: -5px;
	left: -4px;
	border-radius: 50%;
	z-index: 1;
    -webkit-transition: all 0.5s;
transition: all 0.5s;
}

.btPlus:hover:after {
    bottom: 0;
    left: 0;
    background-color: #ffffff;
}


.btMinus {
    position: relative;
    line-height: 48px;
    padding-left: 60px;
    display: inline-block;
    min-height: 48px;
    vertical-align: middle;
     background: none !important;
}


.btMinus::before {
	content: '';
    background: url("../bilder/minus.svg") no-repeat center center;
	width: 48px;
	height: 48px;
	border: 2px solid #000000;
	display: inline-block !important;
	margin-right: 15px;
	text-align: center;
	border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
	
}

.btMinus::after {
	content: '';
	width: 48px;
	height: 48px;
	background: var(--blau40);
	display: inline-block;
	position: absolute;
	bottom: -5px;
	left: -4px;
	border-radius: 50%;
	z-index: 1;
    -webkit-transition: all 0.5s;
transition: all 0.5s;
}

.btMinus:hover:after {
    bottom: 0;
    left: 0;
    background-color: #ffffff;
}


.btInfo {
    position: relative;
    line-height: 50px;
    padding-left: 60px;
    display: inline-block;
    min-height: 50px;
    vertical-align: middle;
}

.btInfo::before {
	content: '';
    background: url("../bilder/info.svg") no-repeat center center;
	width: 50px;
	height: 50px;
	display: inline-block !important;
	margin-right: 15px;
	text-align: center;
	
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
	
}

.btInfo::after {
	content: '';
	width: 50px;
	height: 50px;
	background: var(--blau40);
	display: inline-block;
	position: absolute;
	top: 5px;
	left: -4px;
	border-radius: 50%;
	z-index: 1;
    -webkit-transition: all 0.5s;
transition: all 0.5s;
}

.btInfo:hover:after {
    top: 0;
    left: 0;
    background-color: #ffffff;
}






.btGrossWeiss {
	width: 163px;
	height: 163px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 50%;
	color: #000000 !important;
	top: 0;
	right: 6%;
	transform: translateY(-50%);
    hyphens: none !important;
    -webkit-hyphens: none !important;
    padding: 5px;
    

}

.btGrossWeiss:after {
    content: url("../bilder/ic-pointer.svg");
    position: absolute;
    left: 50%;
    bottom: -33px;
     transform: translateX(-50%) scale(1);
    animation: scale-down 2s infinite;
    -webkit-animation: scale-down 2s infinite;
}

.btGrossWeiss:hover {
    background-color: rgba(255,255,255,1);
}


.btGrossBlau {
	width: 163px;
	height: 163px;
	background-color: var(--blau40);
	border-radius: 50%;
	color: #000000 !important;
    display: flex !important;
    
}

.btGrossBlau:after {
    content: url("../bilder/ic-pointer.svg");
    position: absolute;
    left: 50%;
    bottom: -33px;
    transform: translateX(-50%) scale(1);
    animation: scale-down 2s infinite;
    -webkit-animation: scale-down 2s infinite;
}

.btGrossBlau:hover {
    background-color: var(--blau80);
}

@-webkit-keyframes scale-down {
  30% {
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
  50% {
    -webkit-transform: translateX(-50%) scale(0.9);
            transform: translateX(-50%) scale(0.9);
  }
    
    75% {
    -webkit-transform: translateX(-50%) scale(0.9);
            transform: translateX(-50%) scale(0.9);
  }
    
     100% {
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
}
@keyframes scale-down {
  30% {
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
  50% {
    -webkit-transform: translateX(-50%) scale(0.9);
            transform: translateX(-50%) scale(0.9);
  }
    
    75% {
    -webkit-transform: translateX(-50%) scale(0.9);
            transform: translateX(-50%) scale(0.9);
  }
    
     100% {
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
}



/*=================================
            Footer
=================================*/

#footer {
    color: #000000;
}

#footer * {
	margin-bottom: 0;
}

#footer h2:after {
    content: none;
}

/*=================================
            KLASSEN
=================================*/

.mid {
	width: 90%;
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
    position: relative;
}

.bgBlau {
    background-color: var(--blau80);
    color: #ffffff;
}

.bgBlau40 {
    background-color: var(--blau40) !important;
}

.bgGrau {
    background-color: var(--grau);
}

.bgFlieder {
    background-color: var(--flieder);
}

.bgLachs {
    background-color: var(--lachs);
}

.bgWeiss {
    background-color: #ffffff;
    color: #000000;
}

  .bgWeiss p {
	hyphens: auto;
}

.radiusBottom70 {
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
}

.radius35 {
    border-radius: 35px;
}

.radiusRight12 {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

.shadow {
    box-shadow: rgba(0,0,0,0.2) 7px 7px 16px;
}

.lastMarginRemove *:last-child {
    margin-bottom: 0;
}

.lastMarginRemove .btPfeilRechts {
	margin-bottom: 20px !important;
}

.bgKreise {
    background: url("../bilder/kreise.svg") bottom 40px right 40px no-repeat;
}


/*=================================
            Responsive
=================================*/

@media (orientation: portrait) {
	
    .secStart {
	min-height: auto !important;
       /* min-height: 75vh !important;*/
}

}

@media (orientation: portrait) and (max-width: 960px) {
	
    .sliderImageWrap {
	/*position: relative;*/
	height: 75vw;
}
    
    .sliderTextWrap {
	position: relative !important;
}
    
    .sliderStart .uk-slideshow-items > * {
	/*position: relative;*/
}
    
    .sliderStart .uk-slideshow-items {
	height: calc(90vh - 210px);
	 max-height: none; 
	border-bottom-right-radius: 35px;
	border-bottom-left-radius: 35px;
}
    
    section.uk-sticky, section, #footer {
	margin-top: -70px !important;
	padding-top: 120px !important;
}

}



@media (max-width: 1240px) {
    
    .boxWeiss::before {
	width: 5vw;
}
    
     body {
        hyphens: auto;
         -webkit-hyphens: auto;
    }

}

@media (max-width: 960px) {
    
       html {
	font-size: 18px;
}
    
   
    
   /* .sliderStart .uk-slideshow-items {
	height: auto;
	max-height: none;
}
    
    .sliderStart .uk-slideshow-items > * {
	position: relative;
}
    
    .sliderStart [uk-cover]:where(img, video), .sliderStart [data-uk-cover]:where(img, video) {
	position: relative;
	
}
    
    .sliderStart .sliderTextWrap {
        position: relative !important;
    }
*/
    
    .sliderText {
	font-size: 7.5vw;
}

.btGrossWeiss {
	width: 100px;
	height: 100px;
	font-size: 0.8em;
	top: 13px;
}
    
    .radiusBottom70 {
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
}
    
    .headerbild {
	font-size: 3.1rem;
}
    
    
}

@media (max-width: 640px) {
    
    html {
	font-size: 18px;
}
    
   

}

/*=================================
            Responsive Menue
=================================*/

#page {
	background-color: #ffffff;
	
}

.mheader {
display: none;
}

.logoMobile {
	width: 170px;
}

@media (max-width: 960px) {

	.mheader {
display: block;
}


	
.mheader,
.mfooter {
	background: var(--blau80);
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	/*line-height: 40px;*/

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 75px;
	padding: 10px 5vw;
	/*text-align:center;*/
}
.mheader.fixed {
	position: fixed;
	top: 0;
	left: 0;
}
.mfooter.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
}
.mheader a.ham {
	display: block;
	width: 34px;
	/* padding: 30px 5vw 19px 0; */
	position: absolute;
	bottom: 14px;
	right: 5vw;
}
.mheader a.ham:before,
.mheader a.ham:after {
	content: '';
	display: block;
	background: #fff;
	height: 3px;
	border-radius: 3px;
	 -webkit-transition: all 0.5s;
transition: all 0.5s;
}
.mheader a.ham span {
	background: #fff;
	display: block;
	height: 3px;
	margin: 9px 0;
	border-radius: 3px;
	 -webkit-transition: all 0.5s;
transition: all 0.5s;
}

.mm-wrapper_opening .mheader a:before {
	transform: rotate(45deg);
    transform-origin: left;
}

.mm-wrapper_opening .mheader a:after {
	transform: rotate(-45deg);
    transform-origin: left;
}

.mm-wrapper_opening .mheader a span {
	opacity: 0;
}

}

.mm-navbar__breadcrumbs {
	padding: 0 0 0 20px;
	font-size: 16px;
}


.mm-menu_theme-dark {
	--mm-color-border: rgba( 255,255,255, 0.3 );
	--mm-color-button: rgba( 255,255,255, 1 );
	--mm-color-text: rgba( 255,255,255, 1 );
	--mm-color-text-dimmed: rgba( 255,255,255, 0.7 );
	--mm-color-background: var(--blau);
	--mm-color-background-highlight: rgba( 255,255,255, 0.08 );
	--mm-color-background-emphasis: rgba( 0,0,0, 0.1 );
	--mm-shadow: 0 0 20px rgba( 0,0,0, 0.5 );
}

.mm-listitem__btn, .mm-listitem__text {
	padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 1.5);
}