/* FONTS      */  

@font-face { font-family: Rubik; src: url(/wp-includes/css/fonts/Rubik-Regular.woff);
		 font-display: swap;
}

@font-face { font-family: Patua-One; src: url(/wp-includes/css/fonts/PatuaOne-Regular.woff);
		 font-display: swap;
}
body {
	font-family: "Rubik";
	font-weight: 400;
	
}

.frontpage-headline {
	text-shadow: 2px 2px 10px black;	
}
.menu a, .so-widget-sow-button a, h1, h2, h3, h4, h5, h6 {
	font-family: "Patua-One";
	font-weight: 400;
}
.menu a {
	font-size: 18px;
}

/*---- Outlines -----*/

.sospro-outline-1 {
	border-radius: 36% 44% 24% 62% / 41% 50% 52% 36%;
  overflow:hidden;
  outline: 11px solid #ffd6b4;
  outline-offset: -15px;
  border: 5px solid #ffffff;
	border-style: dotted;
  width: 100%;
  border-spacing: 2px;
}
.sospro-outline-2 {
	border-radius: 74% 36% 34% 71% / 55% 50% 64% 75%;
  overflow:hidden;
  outline: 11px solid #ffd6b4;
  outline-offset: -15px;
  border: 5px solid #ffffff;
	border-style: dotted;
  width: 100%;
  border-spacing: 2px;
}
.sospro-outline-3 {
	border-radius: 36% 44% 24% 62% / 41% 50% 52% 36%;
  overflow:hidden;
  outline: 11px solid #ffd6b4;
  outline-offset: -15px;
  border: 5px solid #ffffff;
	border-style: dotted;
  width: 100%;
  border-spacing: 2px;
}

/* ----- Akkordeon ------*/

.sow-accordion-panel-header {
	border-radius: 15px;	
}
.site-header
{
box-shadow: 0 2px 2px rgba(0,0,0,.3) !important;
}

/*---- Scroll-animation ------------------------------*/


.mouse {
	width: 50px;
	height: 90px;
	border: 2px solid #ffffff;
	border-radius: 60px;
	position: relative;
}
.mouse::before {
		content: '';
		width: 8px;
		height: 8px;
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		background-color: #ffffff;
		border-radius: 50%;
		opacity: 1;
		animation: wheel 2s infinite;
		-webkit-animation: wheel 2s infinite;
	}

@keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

@-webkit-keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

/*-------------*/

.scroll {
	width: 60px;
	height: 60px;
	border: 3px solid #ffffff;
	border-radius: 50%;
	box-shadow: 2px 2px 5px black;
	position: relative;
	animation: down 3s infinite;
	-webkit-animation: down 3s infinite;
	&::before {
		content: '';
		position: absolute;
		top: 15px;
		left: 18px;
		width: 18px;
		height: 18px;
		border-left: 3px solid #ffffff;
  	border-bottom: 3px solid #ffffff;
		transform: rotate(-45deg);
	}
}

@keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}

@-webkit-keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}


/*-------------*/

.sow-slider-image-wrapper {
align-items: center;
}



/*---- MENU ----------------------------------------------------------------------------------*/

.masthead-sentinel {
	height: 0px !important;
  margin-bottom: 60px;  }

.site-header {
 height: 84px;
}


.site-branding {
max-height: 100px;
}		        	

.main-navigation {
		height:100%;
		padding: 0;
}
#mobile-menu-button {
		z-index: 99;
    display: none;
    line-height: 0;
    padding: px;
    position: absolute;
    color: #000000;
    right: 30px;
    top: 27px;

		}
#mobile-menu-button svg path {
    fill: black;
}		
		
.menu-hauptmenue-container {
		height:85px;
		width: 100%;
}


.custom-logo {
		max-height: 80px;
		max-width: 213px;
		
}
.main-navigation {
		height: 100%;

}


.main-navigation ul li{
		
		margin: 0 0 0 0;
	  padding: 30px 8px 30px 8px;
		border-radius: 0 0 5px 5px;
		min-width: 100px;
		
}

.menu-item a:hover {
  color: #ffffff;
	
}
.menu-item:nth-child(1) {
	 background-color: #921a99;
}
.menu-item:nth-child(2) {
  background-color: #FFB128;
}

.menu-item:nth-child(3) {
  background-color: #E30073;
}

.menu-item:nth-child(4) {
  background-color: #269982;
}

.menu-item:nth-child(5) {
  background-color: #FF6500;
}