@charset "utf-8";
/* CSS Document */

/*
#sp-header {
  background-image: url("../../../images/template/Vergiss_1920px.jpg"); background-size: cover; background-repeat: no-repeat;
background-position: bottom; }


#sp-header {
  height: 200px;
  
}


@media screen and (max-width:600px){
    
 #sp-header {
  height: 100px;
  
}
    
    
@media screen and (max-width:380px){
    
 #sp-header {
  height: 80px;
  
}



*/

@font-face {
    font-family: 'Cookie-Regular';
    src:url( "../fonts/Cookie/Cookie-Regular.woff") format('woff'),
        url('../fonts/Cookie/Cookie-Regular.woff2') format('woff2'),
        url('../fonts/Cookie/Cookie-Regular.svg#Cookie-Regular') format('svg'),
        url('../fonts/Cookie/Cookie-Regular.eot'),
        url('../fonts/Cookie/Cookie-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Cookie/Cookie-Regular.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FiraSans-Medium';
    src:url('../fonts/FiraSans/FiraSans-Medium.woff') format('woff'),
        url('../fonts/FiraSans/FiraSans-Medium.woff2') format('woff2'),
        url('../fonts/FiraSans/FiraSans-Medium.svg#FiraSans-Medium') format('svg'),
        url('../fonts/FiraSans/FiraSans-Medium.eot'),
        url('../fonts/FiraSans/FiraSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans/FiraSans-Medium.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'FiraSans-Regular';
    src:url('../fonts/FiraSans/FiraSans-Regular.woff') format('woff'),
        url('../fonts/FiraSans/FiraSans-Regular.woff2') format('woff2'),
        url('../fonts/FiraSans/FiraSans-Regular.svg#FiraSans-Regular') format('svg'),
        url('../fonts/FiraSans/FiraSans-Regular.eot'),
        url('../fonts/FiraSansFiraSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans/FiraSans-Regular.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body {
  position: relative;
font-family: 'FiraSans-Regular'; 	
}

h1, h2, h3 {
 font-family: 'Cookie-Regular'; 
}

h1, h2, h3 {
 font-family: 'Cookie-Regular'; 
}

h1 {font-size: 48px;}
h2 {font-size: 44px;}
h3 {font-size: 20px;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-family: 'FiraSans-Medium', sans-serif;
  font-size: 18px;
  text-decoration: none;
}


.burger-icon > span {
  display: block;
  height: 2px;
  background-color: #4d62c7;
  margin: 5px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}



.impressum #modal-menu-toggler {display: none;}

#sp-header.header-with-modal-menu a {
  color: #32327b;
}

#sp-header.header-with-modal-menu a:hover {
  color: #687cf0;
}


.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #ffffff;
}


#megamenue .active {background-color: #32327b; color: white; }


.menu.footermenue {margin-bottom: 35px; font-size: 16px; }
    

.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li > a:focus, .sp-megamenu-parent > li.current-item.active > a:hover
{
  background-color: #32327b;
	color: white;
   }
   

  
   
 a {
    transition: 
  transition: color 400ms, background-color 400ms;
    transition-property: color, background-color;
    transition-duration: 400ms, 400ms;
    transition-timing-function: ease, ease;
    transition-delay: 0s, 0s;
    transition-behavior: normal, normal;
}


.sp-megamenu-parent > li:last-child > a {
  padding: 0px 15px;
}