:root {
	
	--color-bg-light: #FFFFFE; 
	--color-bg-accent: #A9DBD2; /*#A9DBD2*/
	--color-bg-accent-hover: #55E85F;
	--color-bg-accent-disabled: #C5dAC6;
	--color-header: #1a625c; /*#268D84 */

	--color-bg-accent-b: #E5C2C4; /*#FFF8DE;*/
	--color-bg-accent-c: #c2dce5;


	--color-text: #000000;
	--font-family-header: 'Work Sans', serif !important;
	--font-family-text: "Work Sans";
	--border-radius: 5px;
	
	
	/*
	#E5C2C4
	
	
	schrift:
	#D6A0A6
	#F05E9B
	#ED3C97
	
	#F05E9B
	
	untere pfeile
	#268D84
	#E5C2C4
	#115852
	*/
	
	
	
	/*
	#89B48C
	
	lottie:
	#c5dac6 deaktiv
	#55e85f	aktiv
	
	schrift spezial:
	#00a750
	
	schrift dunkel:
	#334334
	
	
	#ACE1AF
	#B0EBB4
	#BFF6C3
	#E0FBE2
	
	
	#F6E6D8
	#FADCD4
	#D8CCC3
	#F4E4E8
	#F3EEED
	*/
	
	
	/* var(--color-text); 
	
  --color-text: navy;
  --color-bg-light: #ffffff;
  
  --size: calc(100vw * 0.15);
  --gap: calc(var(--size) / 16);
  --duration: 80s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
  */
}


/* Base */
body {
	line-height: 1.7;
	color: var(--color-text);
	font-weight: 400;
	font-size: 1rem;
	font-family: var(--font-family-text);
}

a{
	text-decoration: none;
}

::-moz-selection {
	background: var(--color-bg-accent);
	color: #FFFFFE;
}

::selection {
	background: var(--color-bg-accent);
	color: #FFFFFE;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
	color: var(--color-header);
}

a {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}
a:hover {
	text-decoration: none; 
}

.site-wrap:before {
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	background: rgba(0, 0, 0, 0.6);
	content: "";
	position: absolute;
	z-index: 2000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
}

.site-section {
	padding: 3em 0; 
}
@media (min-width: 768px) {
    .site-section {
		padding: 4em 0;
	}
}
.site-section.site-section-sm {
	padding: 4em 0;
}

.site-footer {
	padding: 4em 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #000000;
	position: relative;
}
.site-footer .footer-heading {
	font-size: 20px;
}
.site-footer a {
	color: #000000;
}
.site-footer a:hover {
	color: #000000;
}
.site-footer ul li {
	margin-bottom: 10px;
}
.site-footer > .container{
	max-width: 720px !important;
}

.bg-image {
	background-size: cover;
	background-repeat: no-rpeeat;
	overflow: hidden;
	background-position: center center;
}
.bg-image.center {
	background-position: top center;
}
.bg-image.fixed {
	background-position: fixed !important;
}
.bg-image.overlay, .bg-image.overlay-primary, .bg-image.overlay-info, .bg-image.overlay-success, .bg-image.overlay-warning {
	position: relative;
}
.bg-image.overlay:before, .bg-image.overlay-primary:before, .bg-image.overlay-info:before, .bg-image.overlay-success:before, .bg-image.overlay-warning:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.bg-image.overlay:before {
	background: rgba(0, 0, 0, 0.4);
}
.bg-image.overlay-primary:before {
	background: rgba(135, 229, 218, 0.9);
}
.bg-image.overlay-info:before {
	background: rgba(135, 229, 218, 0.9);
}
.bg-image.overlay-success:before {
	background: rgba(40, 167, 69, 0.9);
}
.bg-image.overlay-success:before {
	background: rgba(238, 198, 10, 0.9);
}

/* Navbar */
.site-navbar-top, .site-navbar {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.site-navbar {
	margin-bottom: 0px;
	width: 100%;
	border-bottom: none;
	background: transparent !important;
}
.site-navbar .site-logo {
	font-weight: 200;
}
.site-navbar .site-logo a {
	font-weight: 200;
	font-size: 26px;
}
.site-navbar .site-navigation .site-menu {
	margin-bottom: 0;
}
.site-navbar .site-navigation .site-menu a {
	text-decoration: none !important;
	display: inline-block;
}

.site-navbar .site-navigation .site-menu > li {
	display: inline-block;
	padding: 5px 1px;
}
.site-navbar .site-navigation .site-menu > li > a {
	padding: 10px 10px;
	color: rgba(0, 0, 0, 0.6);
	text-decoration: none !important;
}
.site-navbar .site-navigation .site-menu > li:last-child {
	/*padding-right: 0;*/
}
.site-navbar .site-navigation .site-menu > li:last-child > a {
	/*padding-right: 0;*/
}
.site-navbar .site-navigation .site-menu > li.active > a {
	color: #FFFFFE !important;
}
.site-navbar .site-navigation .site-menu .has-children {
	position: relative;
}
.site-navbar .site-navigation .site-menu .has-children > a {
	position: relative;
	padding-right: 20px;
}
.site-navbar .site-navigation .site-menu .has-children > a:before {
	position: absolute;
	content: "\e313";
	font-size: 16px;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'icomoon';
	padding-right: 10px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown {
	visibility: hidden;
	opacity: 0;
	top: 100%;
	position: absolute;
	text-align: left;
	-webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.5);
	margin-top: 20px;
	margin-left: 0px;
	background: #000;
	-webkit-transition: 0.2s 0s;
	-o-transition: 0.2s 0s;
	transition: 0.2s 0s;
	padding: 0px;
	border-bottom-right-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
	position: absolute;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
	bottom: 100%;
	left: 15%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: var(--color-bg-accent);
	border-width: 7px;
	margin-left: -7px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown a {
	letter-spacing: normal;
	-webkit-transition: 0s all;
	-o-transition: 0s all;
	transition: 0s all;
	color: #FFFFFE;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
	color: #87e5da !important;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
	list-style: none;
	padding: 0;
	margin: 0;
	min-width: 200px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
	display: block;
	border-radius: 0px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li:first-child > a {
	border-top-right-radius: var(--border-radius);
	border-top-left-radius: var(--border-radius);
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li:last-child > a {
	border-bottom-right-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
	color: #000000;
	background:  var(--color-bg-accent-hover);
	top: 0px;
	
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
	content: "\e315";
	right: 20px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
	left: 100%;
	top: 0;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
	color: #87e5da;
}
.site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
	color: #FFFFFE;
}
.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
	cursor: pointer;
}
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	margin-top: 0px;
	visibility: visible;
	opacity: 1;
	background: transparent;
}
.site-navbar-wrap {
	background: var(--color-bg-light);
	position: fixed;
	z-index: 99;
	width: 100%;
	padding: 0;
	margin-bottom: 113px;
	left: 0;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	border-bottom: solid 1px var(--color-bg-accent);
}
.site-navbar-wrap .site-menu-toggle span {
	color: #00000;
}
.site-navbar-wrap .site-navbar .site-logo a {
	color: #FFFFFE;
}
.site-navbar-wrap .site-navbar .site-navigation .site-menu > li > a {
	color: #ED3C97;
	font-size: 15px;
}
.site-navbar-wrap .site-navbar .site-navigation .site-menu > li > a:hover {
	color: var(--color-header);
	background: var(--color-bg-accent-b);
}
.site-navbar-wrap.scrolled {
	z-index: 99;
	padding: 0px 0;
	-webkit-box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.1);
	background: #FFFFFE !important;
}
.site-navbar-wrap.scrolled .site-menu-toggle span {
	color: #000;
}
.site-navbar-wrap.scrolled .site-logo a {
	color: #000;
}
.site-navbar-wrap.scrolled .site-navbar .site-navigation .site-menu > li > a {
	color: rgba(0, 0, 0, 0.6);
}
.site-navbar-wrap.scrolled .site-navbar .site-navigation .site-menu > li > a:hover {
	color: #000;
}
.site-navbar-wrap.scrolled .site-navbar .site-navigation .site-menu > li.active > a {
      color: #87e5da !important;
}

.site-mobile-menu {
	width: 300px;
	position: fixed;
	right: 0;
	z-index: 2000;
	padding-top: 20px;
	background: #FFFFFE;
	height: calc(100vh);
	-webkit-transform: translateX(110%);
	-ms-transform: translateX(110%);
	transform: translateX(110%);
	-webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
	box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.offcanvas-menu .site-mobile-menu {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.site-mobile-menu .site-mobile-menu-header {
	width: 100%;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
	float: right;
	margin-top: 8px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
	font-size: 30px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 0px;
	line-height: 1;
	cursor: pointer;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
	color: #25262a;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
	float: left;
	margin-top: 10px;
	margin-left: 0px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
	display: inline-block;
	text-transform: uppercase;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
	max-width: 70px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
	text-decoration: none;
}
.site-mobile-menu .site-mobile-menu-body {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	position: relative;
	padding: 20px;
	height: calc(100vh - 52px);
	padding-bottom: 150px;
}
.site-mobile-menu .site-nav-wrap {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
.site-mobile-menu .site-nav-wrap a {
	padding: 10px 20px;
	display: block;
	position: relative;
	color: #212529;
}
.site-mobile-menu .site-nav-wrap a:hover {
	color: #87e5da;
}
.site-mobile-menu .site-nav-wrap li {
	position: relative;
	display: block;
}
.site-mobile-menu .site-nav-wrap li.active > a {
	color: #87e5da;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse {
	position: absolute;
	right: 0px;
	top: 10px;
	z-index: 20;
	width: 36px;
	height: 36px;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
	background: #f8f9fa;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
	font-size: 12px;
	z-index: 20;
	font-family: "icomoon";
	content: "\f078";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-180deg);
	-ms-transform: translate(-50%, -50%) rotate(-180deg);
	transform: translate(-50%, -50%) rotate(-180deg);
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.site-mobile-menu .site-nav-wrap > li {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.site-mobile-menu .site-nav-wrap > li > a {
	padding-left: 20px;
	font-size: 20px;
}
.site-mobile-menu .site-nav-wrap > li > ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.site-mobile-menu .site-nav-wrap > li > ul > li {
	display: block;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > a {
	padding-left: 40px;
	font-size: 16px;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul {
	padding: 0;
	margin: 0;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
	display: block;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
	font-size: 16px;
	padding-left: 60px;
}

/* Blocks */
.site-block-pager ul, .site-block-pager ul li {
	padding: 0;
	margin: 0;
}
.site-block-pager ul li {
	display: inline-block;
	margin-bottom: 4px;
}
.site-block-pager ul li a, .site-block-pager ul li span {
	text-align: center;
	display: inline-block;
	/*width: 40px;*/
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	/*border-radius: 50%;*/
	border: 1px solid #ccc;
}
.site-block-pager ul li.active a, .site-block-pager ul li.active span {
	background: #87e5da;
	color: #FFFFFE;
	border: 1px solid transparent;
}
.img-border-sm{
	padding: 2rem;
}
.img-border, .img-border-sm {
	position: relative;
}
.img-border img, .img-border-sm img {
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}
.media-with-text .heading {
	font-size: 25px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.media-with-text .heading a {
	color: #000;
}
.focus-item .focus-item-header h2{
	font-size: 2.5rem;
}

.focus-item .focus-item-header span{
	font-size: 23px;
}
.focus-item .focus-item-desc p{
	border-bottom: 1px solid rgba(0,0,0,0.5);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.flex-duo{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.post-date {
	font-size: 25px;
	color: rgba(0, 0, 0, 0.4);
	text-align: center;
}
.nowrap {
	white-space: nowrap;
}

.site-logo {
	min-width: 50px;
	max-width: 50px;
	margin-left: 15px;
}
/*
@media (min-width: 992px) {
	.d-lg-none {
		display: inline-block !important;
	}
}
.d-none {
	display: none!important;
}
*/
.site-mobile-menu .site-mobile-menu-body {
	overflow-y: hidden;
}
.item-element {
	border: none;
	padding-left: 0px;
	padding-right: 0px;
}
.item-element > .col-text {
	padding-top: 15px;
}
.item-element a {
	color: rgba(0, 0, 0, 0.5);
}
.site-navigation > div {
	padding-right: 0px;
}
.item-title {
	max-width: 80%;
	display: block;
}
.social a {
	font-size: 2rem;
	padding: 15px;
}
.back {
	position: absolute;
	top: 15px;
	left: 10px;
	color: black;
}
.flex {
	display: flex;
}
.right{
	float: right;
}

.mfp-iframe-scaler iframe {
	min-height: 910px;
}
.mfp-iframe-holder {
	padding-top: 10vh;
}

/* colors */
.bg-light {
	background-color: var(--color-bg-light) !important;
}


.site-block-pager ul li a, .site-block-pager ul li span {
	border: none;
	color: var(--color-bg-accent);
	cursor: pointer;
}
.site-block-pager ul li a:hover, .site-block-pager ul li span:hover {
	border: none;
	color: #FFFFFE;
	background: var(--color-bg-accent);
}
.item-element .site-block-pager ul li a, .item-element .site-block-pager ul li span {
	border: none;
	color: var(--color-bg-accent);
	background: var(--color-bg-light); 
}
.item-element .site-block-pager ul li a:hover, .item-element .site-block-pager ul li span:hover {
	border: none;
	color: #FFFFFE;
	background: var(--color-bg-accent);
}


.site-block-pager ul li.active a, .site-block-pager ul li.active span {
    background: var(--color-bg-accent);
    color: var(--color-bg-light); 
    border: none;
}
.item-element {
	
}
.btn,
.btn-primary{
	border-radius: var(--border-radius);
	padding: 12px 25px 12px 25px;
}
.btn-primary {
    color: #FFFFFF;
    background-color: var(--color-header);
    border-color: var(--color-header);
}
.btn-primary:active,
.btn-primary:hover {
    color: #000000 !important;
    background-color: var(--color-bg-accent-hover) !important;
    border-color: var(--color-bg-accent-hover) !important;
}
.btn-primary:disabled{
    background-color: var(--color-bg-accent-disabled) !important;
    border-color: var(--color-bg-accent-disabled) !important;	
}

html,
.site-footer {
	background: var(--color-bg-accent);
}
.form-control {
	background-color: #FFFFFE;
	border: 1px solid var(--color-bg-accent);
	color: var(--color-bg-accent);
	border-radius: var(--border-radius);
}
.form-control:hover {
	border: 1px solid var(--color-bg-accent);
}
.form-control:focus {
	box-shadow: 0 0 0 .25rem var(--color-bg-accent-hover);
}


/*fonts*/
body {
	font-family: var(--font-family-text);
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-family-header);
}

.form-group{
	position: relative;
}
.form-group span.tooltiptext{
	visibility: hidden;
	width: 100%;
	background-color: #17252a;
	color: #fff;
	text-align: center;
	padding: 2px 0;
	border-radius: 6px;
	position: relative;
	z-index: 1;			
	display: block;
	margin-top: 10px;
}
.form-group span.tooltiptext.tooltiptext-active{
	visibility: visible;
}		
.form-group .tooltiptext::after {
	content: " ";
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #17252a transparent;
}
@media (min-width:768px){
	.form-group span.tooltiptext{
		top: 5px;
		left: 105%;
		width: 150px;
		position: absolute;
		margin-top: 0px;
	}
	.form-group .tooltiptext::after {
		left: -10%;
		top: 50%;
		right: 100%;
		margin-top: -5px;
		margin-left: 0px;
		border-color: transparent #17252a transparent transparent;
	}
}

@media (min-width: 1200px){
	.h2, h2 {
	  font-size: 3rem;
	}
}

.header-img{
			max-width: 550px;
		}
		.header-text{
			/*color: var(--color-bg-accent);*/
			color: #EDEEF3;
			font-size: 4rem;
			padding-bottom: 2rem;
			padding-top: 7rem;
			/*text-shadow: #FFFFFF 0px 0 10px;*/
			text-align: right;
			
		}
		
		.site-blocks-cover{
			background-image: url(../images/header.png);
			background-position: 50% 50%;
			background-size: contain;
			padding-top: 40px;
			min-height: 750px;
			background-repeat: no-repeat;
			background-position: bottom left;
			position: relative;
			z-index: 2;
			max-width: 1100px;
			margin: 0 auto;
			
		}
		.site-blocks-cover .row{
			flex-flow: row-reverse;
		}
		
		.site-navbar button.icon{
			font-size: 1.75rem;
			border: none;
			background: none;
		
		}
		dialog{
			border: solid black 1px;
			width: 380px;
			max-width: 380px;
			overflow: hidden;
		}
		dialog .icon-close2{
			background: none;
			border: none;
			position: absolute;
			right: 5px;		
			top: 5px;
			padding: 8px;
		}
		dialog .btn{
			width: 100%;
		}
		
		#erfolg,
		#fehler{
			display: none;
		}
		
		
		
		.form-group{
			position: relative;
		}
		.form-group span.tooltiptext{
			visibility: hidden;
			width: 100%;
			background-color: #17252a;
			color: #fff;
			text-align: center;
			padding: 2px 0;
			border-radius: 6px;
			position: relative;
			z-index: 1;			
			display: block;
			margin-top: 10px;
		}
		.form-group span.tooltiptext.tooltiptext-active{
			visibility: visible;
		}		
		.form-group .tooltiptext::after {
			content: " ";
			position: absolute;
			top: -10px;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: transparent transparent #17252a transparent;
		}
		@media (min-width:768px){
			.form-group span.tooltiptext{
				top: 5px;
				left: 105%;
				width: 150px;
				position: absolute;
				margin-top: 0px;
			}
			.form-group .tooltiptext::after {
				left: -10%;
				top: 50%;
				right: 100%;
				margin-top: -5px;
				margin-left: 0px;
				border-color: transparent #17252a transparent transparent;
			}
		}
		
.site-navbar-social{
	font-size: 3rem;
}
.site-navbar-social a{
	color: black;
}
.site-footer .site-navbar-social a{
	position: inherit;
}

.site-blocks-cover-small,
.site-blocks-cover-small img{
	max-height: 300px;
}
.anzahl{
	background: var(--color-bg-accent);
	color: var(--color-bg-light); 
	border: none;
	-webkit-appearance: none;
	-moz-appearance:textfield;
	padding: 4px;
	height: 40px;
	width: 45px;
	text-align: center;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}

#warenkorbButton{
	position: relative;
}
#warenkorbButton span{
	position: absolute;
	left: 0.7rem;
	color: white;
	font-size: 0.8rem;
	top: 0rem;
	background: black;
	border-radius: 100px;
	width: 1rem;
	height: 1rem;
	text-align: center;
	padding-top: 1px;
}
.zahlungsdetails{
	position: sticky;
	top: 100px;
}
.zahlungsdetails a,
.zahlungsdetails button,
.zahlungsdetails table{
	width: 100%;
}
.zahlungsdetails table td:nth-child(2){
	text-align: right;
}
.zahlungsdetails table tr:last-child{
	border-top: solid black 1px;
	color: black !important;
	font-size: 1.1rem;
}
.zahlungsdetails table tr{
	line-height: 2.5rem;
}


.wave-container {
  position: relative;
  background: var(--color-bg-light) !important;
  height: 180px;
}

.wave {
  position: absolute;
  height: 180px;
  width: 100%;
  background: var(--color-bg-light) !important;
  bottom: 0;
}

.wave::before, .wave::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
}

.wave::before {
  width: 55%;
  height: 109%;
  background-color: var(--color-bg-accent);
  right: -1.5%;
  top: 60%;
}
.wave::after {
  width: 55%;
  height: 100%;
  background-color: var(--color-bg-light) !important;
  left: -1.5%;
  top: 40%;
}

.wave-container-2{
	height: 0px;
	background: var(--color-bg-accent) !important;
}
.wave-container-2 > div{
	background: var(--color-bg-accent) !important;
}
.wave-container-2 .wave::before {
	background-color: var(--color-bg-light) !important;
}
.wave-container-2 .wave::after {
	background-color: var(--color-bg-accent) !important;
}

.site-footer {
	background: transparent;
}
.site-wrap{
	background: var(--color-bg-accent);
}
.site-footer ul li {
	display: inline-block;
	padding: 0 10px;
}

.site-navbar .site-navigation .site-menu > li a {
	border-radius: var(--border-radius);
	padding: 12px 25px 12px 25px;
	background: var(--color-bg-accent);
	position: relative;
	top: 0;
	transition: top ease 0.5s;
	text-transform: uppercase;
}
.site-navbar .site-navigation .site-menu > li.has-children a {
	padding: 12px 30px 12px 25px;
}
/*
@media (max-width: 1199.98px) {
	.site-navbar .site-navigation .site-menu > li a {
		padding: 12px 25px 12px 25px;
	}
}
*/
/*
.site-mobile-menu-body .site-nav-wrap > li:nth-child(2) a,
.site-navbar .site-navigation .site-menu > li:nth-child(2) a {
	background: #817780;
}
.site-mobile-menu-body .site-nav-wrap > li:nth-child(3) a,
.site-navbar .site-navigation .site-menu > li:nth-child(3) a {
	background: #766369;
}
.site-mobile-menu-body .site-nav-wrap > li:nth-child(4) a,
.site-navbar .site-navigation .site-menu > li:nth-child(4) a {
	background: #91947F;
}
.site-mobile-menu-body .site-nav-wrap > li:nth-child(5) a,
.site-navbar .site-navigation .site-menu > li:nth-child(5) a {
	background: #99887E;
}
.site-mobile-menu-body .site-nav-wrap > li:nth-child(6) a,
.site-navbar .site-navigation .site-menu > li:nth-child(6) a {
	background: #C0917D;
}
*/

.site-navbar .site-navigation .site-menu > li a:hover {
	top: -3px;
}
p{
	white-space: pre-line;
}
.uvp{
	text-decoration: line-through;
	font-size: 1rem !important;
	padding-right: 10px;
}

.site-mobile-menu-body{
	padding-right: 0px !important;
}
.site-mobile-menu .site-nav-wrap > li {
	margin-bottom: 15px;
}
.site-mobile-menu-body .site-nav-wrap > li a{
	padding: 12px 38px 12px 20px;
	background: var(--color-bg-accent);
	position: relative;
	top: 0;
	transition: top ease 0.5s;
	color: #FFFFFE;
}
.h2, h2 {
  font-size: 2.5rem;
}
.header-logo img{
	max-width: 50px;
	display: inline-block;
	vertical-align: middle;
}
.header-logo span{
	vertical-align: middle;
	font-size: 1.3rem;
	text-transform: uppercase;	
}

.header-logo{
	
}
.header-logo-s{
	display: none;
}
@media (max-width: 991.98px) {
	.header-logo-l{
		display: none;
	}
	.header-logo-s{
		display: block;
		
		left: calc(50vw - 40px);
	}
	#warenkorbButton{
		position: absolute;
		top: 20px;
		right: 15px;	
	}
}
.site-navbar-wrap {
	height: 70px;
}
.site-wrap{
	overflow: hidden;
}

/*cap*/
.wis_cap canvas{
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-bottom: none;
	display: block;
	width: 250px;
	height: 125px;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
}
.wis_cap input{
	width: 250px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-bottom: 15px;
	border-bottom-left-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}
#submit{
	min-width: 250px;
}

@media (max-width: 991.98px) {
	.row-mobile-reverse{
		flex-direction: column-reverse;
	}
}