@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('fonts/montserrat-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-extralight-webfont.woff2') format('woff2'),
         url('fonts/montserrat-extralight-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-thin-webfont.woff2') format('woff2'),
         url('fonts/montserrat-thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
body {
	font-family: 'montserrat';
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0089e7+0,00b6c4+100 */
  background: #0089e7; /* Old browsers */
  background: -moz-linear-gradient(left, #0089e7 0%, #00b6c4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0089e7 0%,#00b6c4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0089e7 0%,#00b6c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089e7', endColorstr='#00b6c4',GradientType=1 ); /* IE6-9 */
  background-attachment: fixed;
  color: #3c3c3c;
}

h2 {
  font-size: 1.5em;
  text-align: center;
  line-height: 1.1em;
  font-weight: 300;
  padding-bottom: 1.2em;
}
h2 > strong {
  font-weight: 350;
}
h2 > b {
  font-weight: bold;
}
h2.color1 {
  color: #00b6c4;
}
h2 + p {
  padding-bottom: 2.5em;
}
section > h2 + p {
  font-size: 1.05em;
}

h3,
.likeh3 {
  font-size: 1.25em;
  font-weight: 400;
  text-align: inherit;
}
h2.likeh3 {
  padding-bottom: 0.75em;
}
h3 + p,
.likeh3 + p {
  line-height: 1.8em;
}
img + h3 {
  padding-top: 1.2em;
}
p {
  font-size: 0.9375em;
  font-weight: 300;
}
p > b {
  font-weight: 400;
}
p.moreLineHeight {
  line-height: 1.9em;
}
.fontXXL {
  font-size: 1.5em;
  font-weight: normal;
}
img + h3 + p {
  padding: 0 1em;
}
#slider p.big,
.bgGrad1 p.big {
  font-size: 0.8em;
}
p.big {
  padding-top: 2em;
  font-size: 1.1em;
}
@media (max-width: 59.9rem) {
  p.big {
    text-align: center;
  }
}
p.big > a,
#nkjsimplecontact-submit,
.nkForm button[type="submit"],
.nkForm input[type="submit"],
.bgm #nkjsimplecontact-submit,
button[type="submit"]  {
  display: block;
  padding: 0.75em 1.5em;
  overflow: hidden;
  font-weight: 500;
  font-size: 1em;
  background: #fff;
  color: #0089E7;
  border-radius: 1em;
  text-align: center;
  -webkit-box-shadow: 10px 10px 28px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow:    10px 10px 28px 0px rgba(50, 50, 50, 0.48);
  box-shadow:         10px 10px 28px 0px rgba(50, 50, 50, 0.48);
  transition: all ease 0.5s;
}
p.big > a:hover,
.bgm #nkjsimplecontact-submit:hover,
#gmaps p a:hover,
#component .dsgvoShowcase p a:hover,
.dsgvoShowcase p a:hover,
#nkjsimplecontact-submit:hover,
.nkForm button[type="submit"]:hover,
.nkForm input[type="submit"]:hover,
button[type="submit"]:hover,
#header1 a.button:hover,
#slider a.button:hover,
#slider a.transbutton:hover,
#component a.button:hover,
button.btn:hover,
.eventItem a:hover,
#nkjsimplecontact-submit:hover,
.nkForm button[type="submit"]:hover,
.nkForm input[type="submit"]:hover,
button[type="submit"]:hover   {
    background: #333;
		color: #fff;
}
p.big.inlineBlock > a {
  display: inline-block;
}
p.bluegrad > a,
#nkjsimplecontact-submit,
.nkForm button[type="submit"],
.nkForm input[type="submit"],
.bgm #nkjsimplecontact-submit,
button[type="submit"] {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0089e7+0,00b6c4+100 */
  background: #333; /* Old browsers */
  background: -moz-linear-gradient(left, #0089e7 0%, #00b6c4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0089e7 0%,#00b6c4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0089e7 0%,#00b6c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089e7', endColorstr='#00b6c4',GradientType=1 ); /* IE6-9 */
  color: #fff;
  display: inline-block;
  transition: all ease 0.5s;
}
p.big > a:hover,
#nkjsimplecontact-submit:hover {
  cursor: pointer;
}
@media (min-width: 60rem) {
	h2 {
    font-size: 2.2em;
	}
  h3,
  .likeh3 {
    font-size: 1.5em;
	}
  h2 + h3 {
    font-size: 1em;
    line-height: 1.2em;
  }
  p, label {
    font-size: 0.8em;
  }
}
#logoAndMenuContainer {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0089e7+0,00b6c4+100 */
  background: #0089e7; /* Old browsers */
  background: -moz-linear-gradient(left, #0089e7 0%, #00b6c4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0089e7 0%,#00b6c4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0089e7 0%,#00b6c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089e7', endColorstr='#00b6c4',GradientType=1 ); /* IE6-9 */
  background-attachment: fixed;
  z-index: 999;
}
@media (max-width: 29.99rem) {
  #logoAndMenu {
    flex-direction: column;
  }
}
.smallerImages img {
  max-width: 8em;
  display: block;
  margin-right: 0;
  margin-left: auto;
}
.circleImgAndH3.smallerImages .nkFlexBox > div:first-child img {
  max-width: 9em;
}
@media (max-width: 39.99rem) {
  .smallerImages img {
    max-height: 7em;
  }
  .smallerImages .nkFlexBox > div {
    padding-bottom: 1.5em;
  }
}

#logo {
	text-align: center;
}
#mainmenu {
	font-family: 'montserrat';
	font-weight: 500;
	font-size: 0.9em;
}

.logo p {
	font-size: 1.75em;
	color: #fff;
	letter-spacing: 0.07em;
	font-weight: 300;
  line-height: 1em;
}
.logo p > a {
	color: #fff;
  line-height: 1em;
  display: block;
}
section {
  padding-top: 3em;
  padding-bottom: 3em;
  font-family: 'montserrat';
}
@media (max-width: 59.9rem) {
  #slider .alignRight {
    text-align: center;
  }
  .maxW15rTil60r {
    max-width: 15rem;
  }
  .allImgMaxW15rTil60r img {
    max-width: 15rem;
  }
}

@media (min-width: 60rem) {
  #logoAndMenu,
  .wrapperWidth,
  .nkFlexBox.wrapperWidth,
  section > * {
    max-width: 58rem;
    margin-right: auto;
    margin-left: auto;
  }
  #logoAndMenu {
    font-size: 1em;
  }
	#logo {
		flex: 0 0 auto;
	}
  .logo p {
  	font-size: 1em;
  }

	#mainmenu {
		font-weight: 400;
		font-size: 1em;
	}
  #mainmenu > ul > li {

	}
  #mainmenu > ul > li > a {
    padding: 1.5em 2.5em;
    display: block;
    color: #fff;
    text-align: right;
    transition: all ease-in-out 0.5s;
	}
  #logoAndMenuContainer.scrolledActive #mainmenu {
    padding: 0em 0;
  }
  #logoAndMenuContainer.scrolledActive #mainmenu > ul > li > a {
    padding: 0.5em 2.5em;
  }
  #logoAndMenuContainer.scrolledActive #mainmenu > ul > li:last-child > a,
  #mainmenu > ul > li:last-child > a {
    padding-right: 0;
	}
	#mainmenu > ul li a:hover,
	#mainmenu > ul li.active a,
	#mainmenu > ul li.current a {
    color: #3c3c3c;
		cursor: pointer;
	}
	#mainmenu ul.nav-child {
		display: none;
	}
	.custom.logo {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.logo p > a {
		font-size: 1.2em;
    line-height: 1.66em;
	}
  .logo a > span {
		font-weight: 400;
	}
	section {
    padding-top: 5em;
    padding-bottom: 5em;
		font-family: 'montserrat';
	}
}
@media (min-width: 75rem) {
  #logoAndMenu,
  .wrapperWidth,
  .nkFlexBox.wrapperWidth,
  section > * {
    max-width: 70rem;
  }
	#logo {
		flex: 0 0 auto;
	}
}
@media (min-width: 90rem) {


}
@media (min-width: 105rem) {
  #logoAndMenu,
  .wrapperWidth,
  .nkFlexBox.wrapperWidth,
  section > * {
    max-width: 75rem;
  }
	#logo {
		flex: 0 0 auto;
	}
	.logo p > a {
		font-size: 1.5em;
    line-height: 1.33em;
    transition: all ease 0.5s;
	}
  #logoAndMenuContainer.scrolledActive .logo p > a {
    font-size: 1.4em;
  }
}
footer {
  background: transparent;
}
footer .bgWhite a {
  color: #3c3c3c;
}
footer a {
  color: #fff;
}
#footer {
	background: transparent;
	text-transform: uppercase;
	font-family: 'montserrat';
}
#footer p {
	font-size: 1em;
  padding-top: 0.5em;
}
#footer > div:last-child p:first-child > a {
	display: inline-block;
	padding: 1em 0;
  margin: 0 1.5em;
  width: 2.5em;
  height: 2.5em;
}
#copyright {
  text-align: center;
  color: #fff;
  font-size: 0.6rem;
}

#superwrapper {
    height: auto !important;
    min-height: 100%;
    margin-bottom: 0;
}

.mw10 {
  max-width: 10em;
}
.allLeft h1,
.allLeft h2,
.allLeft h3,
.allLeft h4,
.allLeft h5,
.allLeft h6 {
  text-align: left;
}
@media (max-width: 59.9rem) {
  .wrapperBox, .wrapperWidth, section {
    padding-left: 1em;
    padding-right: 1em;
  }
}
/* Nordkreatur Mellow Slides */
/* Not shown without javascript? */
body.loading #component {
	opacity: 0;
}
body.loading:after  {
	content: "LOADING";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
body.loading #component:after {

}
.nkMellowSlides {

}
.nkMellowSlides {
	display: block;
	position: relative;
	overflow: hidden;
  padding-bottom: 2em;
}
.nkMellowSlides > .sliderBox > * > div {
	width: 100%;
	-webkit-transition: left ease-in-out 1s 0s;
	-o-transition: left ease-in-out 1s 0s;
	-moz-transition: left ease-in-out 1s 0s;
	transition: left ease-in-out 0s 0s;
}
.nkMellowSlides.textCenter > .sliderBox .sliderInitiated > div {
	text-align: center;
}
@media (min-width:60rem) {
	.nkMellowSlides.textCenter > .sliderBox .sliderInitiated > div {
		text-align: left;
	}
}
.nkMellowSlides > .sliderBox {
	overflow: hidden;
}
.nkMellowSlides > .sliderBox > *:first-child {
	min-height: 0; /* No display, if javascript is deactivated or js error */
}
body.loading .nkMellowSlides > .sliderBox  {
	max-height: 0;
}
.nkMellowSlides > .sliderBox > .sliderInitiated  {
	display: block;
	position: relative; /* has ID, Javascript will give style="min-height: .."*/
	overflow: hidden;
}
/* SHow Overflows */
.nkMellowSlides.showOverflows > .sliderBox > .sliderInitiated {
	overflow: visible;
}
.nkMellowSlides > .sliderBox .sliderInitiated > div {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	-webkit-transition: left ease-in-out 1s 0s;
	-o-transition: left ease-in-out 1s 0s;
	-moz-transition: left ease-in-out 1s 0s;
	transition: left ease-in-out 1s 0s;
	z-index: 1;
}
.references .sliderBox > * > * > * > p:nth-child(2) {
  border-radius: 0.5em;
  max-width: 80%;
}
.references .sliderBox > * > * > * > p:last-child > a {
  text-decoration: underline;
}
.references .nkMellowSlides > .sliderBox .sliderInitiated > div  {
  transition: left ease-in-out 1s 0s, opacity ease 0.5s 0s;
}
.references .sliderBox .activeSlide {
  opacity: 1;
}
.references .sliderBox .inActiveSlide {
  opacity: 0;
}
.nkMellowSlides > .sliderBox .sliderInitiated > div.activeSlide {
	z-index: 2;
}
@media (min-width: 60rem) {
	.nkMellowSlides > .sliderBox .sliderInitiated > div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-box;
		display: flex;
	}
}

/* Children at End? */
.nkMellowSlides > .sliderBox > .sliderInitiated.childrenEnd > div  {
	-webkit-box-align: end;
			-ms-flex-align: end;
					-webkit-align-items: flex-end;
						 -moz-box-align: end;
					align-items: flex-end;
}
.nkMellowSlides > .sliderBox > .sliderInitiated.centerChildren > div  {
	align-items: center;
}
/* Controls Left/Right  */
.nkMellowSlides > .sliderBox > .nkSliderPrevNextButtons a {

}
.nkMellowSlides > .sliderBox > .nkSliderPrevNextButtons a svg {
	-webkit-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
	background: rgba(0,0,0,0.5);
	padding: 1em;
	width: 2em;
	height: 2em;
}
.kundenslider .nkMellowSlides .nkSliderPrevNextButtons a svg {
	background: rgba(255,255,255,0.5);
}
.nkMellowSlides > .sliderBox > .sliderInitiated.firstSlide ~ .nkSliderPrevNextButtons.slideBefore a {
	display: none; /* First/Last Slide - Button must disapper */
}
.nkMellowSlides > .sliderBox > .sliderInitiated.lastSlide ~ .nkSliderPrevNextButtons.slideNext a {
	display: none; /* " " */
}
@media (max-width: 59.99rem) {
  /* Controls ABSOLUTE LEFT AND RIGHT */
  .nkMellowSlides.controlsLR-outside {
  	padding-left: 2em;
  	padding-right: 2em;
  }
}
.nkMellowSlides.controlsLR-outside > .sliderBox > .nkSliderPrevNextButtons.slideBefore  {
	position: absolute;
	left: 3.5em;
	top: 0;
	bottom: 0;
	width: 2em; /* customizable */
	z-index: 3;
}
.nkMellowSlides.controlsLR-outside > .sliderBox > .nkSliderPrevNextButtons.slideNext {
	position: absolute;
	right: 3.5em;
	top: 0;
	bottom: 0;
	width: 2em; /* customizable */
	z-index: 3;
}
.nkMellowSlides.controlsLR-outside > .sliderBox > .nkSliderPrevNextButtons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;  /* for Vertical Center of child : button */
}
.nkMellowSlides.controlsLR-outside > .sliderBox > .nkSliderPrevNextButtons > * {
	margin: auto; /* " " */
}
.nkSliderPrevNextButtons a:hover {
	cursor: pointer;
}
/* SetActive Controls  */
.nkSliderSetActiveButtons {
	color: #fff;
	min-width: 10em;
 z-index: 998;
}
.nkSliderSetActiveButtons a {
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
					border-radius: 50%;
	margin-right: 0.25em;
	background: transparent;
	border: solid 1px #fff;
	-webkit-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.nkSliderSetActiveButtons.multiStepNumbers a {
  font-size: 0.8em;
  width: 1em;
	height: 1em;
  padding: 0.5em;
  border: solid 0.15em #00b6c4;
  background: #fff;
  color: #00b6c4;
  margin: 0;
  text-align: center;
}
.nkSliderSetActiveButtons.multiStepNumbers a.jsActive {
  background: #00b6c4;
  color: #fff;
}
.nkSliderSetActiveButtons.multiStepNumbers  {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position:relative;
  margin-bottom: 2.5em;
  padding: 0 1em;
  box-sizing: border-box;
}
.nkSliderSetActiveButtons.multiStepNumbers:before  {
  content: "";
  display: block;
  height: 0.15em;
  background: #00b6c4;
  position: absolute;
  top: 50%;
  left: 2em;
  right: 2em;
  transform: translateY(50%);
}
.nkSliderSetActiveButtons.multiStepNumbers a:hover {
	background: #00b6c4;
  color: #fff;
	cursor: pointer;
}
@media (min-width: 40rem) {
  .nkSliderSetActiveButtons.multiStepNumbers a {
    font-size: 1.5em;
  }
}
.nkSliderSetActiveButtons a.jsActive {
	background: #fff;
}
.nkSliderSetActiveButtons a:hover {
	background: #fff;
	cursor: pointer;
}
.nkSliderSetActiveButtons.bottomCenter {
	position: absolute;
  z-index: 50;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
					-moz-transform: translate(-50%, 0);
						-o-transform: translate(-50%, 0);
			 transform: translate(-50%, 0);
	bottom: 0;
	padding: 0 0.25em;
  width: 90%;
}
.nkSliderSetActiveButtons.bottomCenter a {
	width: 1rem;
	height: 1rem;
}
@media (min-width: 40rem) {
  .nkSliderSetActiveButtons.bottomCenter a {
  	width: 1.25rem;
  	height: 1.25rem;
  }
}


/* INDIVIDUAL STYLE */
.nkSliderPrevNextButtons a svg {
	fill: #fff;
	position: relative;
	top: -2em;
}
.nkSliderPrevNextButtons a:hover svg {
	fill: #fff;
}
.nkMellowSlides > .sliderBox > div {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
img.imgBlock {
	display: inline-block;
	height: auto;
	width: 100%;
	margin: auto;
	-webkit-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow:    4px 3px 5px 0px rgba(50, 50, 50, 0.29);
	box-shadow:         4px 3px 5px 0px rgba(50, 50, 50, 0.29);
	-webkit-transition: all ease-in-out 1s;
	-o-transition: all ease-in-out 1s;
	-moz-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s;
}
.activeSlide img.imgBlock {
	-webkit-box-shadow: 9px 8px 14px 0px rgba(50, 50, 50, 0.09);
	-moz-box-shadow:    9px 8px 14px 0px rgba(50, 50, 50, 0.09);
	box-shadow:         9px 8px 14px 0px rgba(50, 50, 50, 0.09);
}
@media (min-width: 53rem) {
	.nkMellowSlides.maxw45r  {
		font-size: 1rem;
		width: 45rem;
	}
	.nkMellowSlides.maxw45r  > .sliderBox > * > div {
		max-width: 15rem;
		margin-left: 15rem;
		margin-right: 15rem;
	}
	.nkMellowSlides.maxw45r img.imgBlock {
		display: block;
		height: 12rem;
		width: 12rem;
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}
	.nkMellowSlides.maxw45r .activeSlide img.imgBlock {
		-webkit-transform: scale(1.2);
			 -moz-transform: scale(1.2);
				-ms-transform: scale(1.2);
				 -o-transform: scale(1.2);
						transform: scale(1.2);
	}
}
#slider h1 {
	font-size: 2em;
	color: #fff;
	text-align: center;
	line-height: 1.2em;
  font-weight: 300;
  margin-bottom: 0.7em;
}
#slider p {
  text-align: center;
}
#slider h1 > b {
  font-weight: 400;
}
#slider h1.small {
  padding-bottom: 0;
  font-size: 1.5em;
  margin-bottom: 0;
}
#slider h1.small > b {
  font-weight: 400;
}
#slider h1.small ~ p {
  font-size: 0.8em;

}
@media (min-width: 60rem) {
  #slider h1 {
  	font-size: 2.3em;
  	text-align: left;
  }
  #slider p {
    text-align: left;
  }
  #slider h1.alignCenter {
  	text-align: center;
  }
}

#sliderBox > div > div {
	width: 100%;
}





/* NKSimpleContact */
h2.introtitle {
  text-align: center;
  padding-bottom: 0.75em;
}
.nkContactFormContainer {
  margin-left: auto;
  margin-right: auto;
  max-width: 50rem;
  border: solid 0.22em #00b6c4;
  padding: 2.5em;
  box-shadow: rgb(0, 0, 0) 0px 4px 20px -10px;
}
.nkContactFormContainer .introtitle {
  padding-top: 0.5em;
  padding-bottom: 0.75em;
}
.nkContactFormContainer #nkjsimplecontact-submit {
  margin-bottom: 0;
}
#nkjsimplecontactBox.multistepform fieldset:nth-child(even) {
  padding-bottom: 0;
}
#nkjsimplecontactBox .sliderBox > div > div > div {
  align-self: flex-start;
}
#nkjsimplecontactBox .sliderBox > div > div > div h3 {
  margin-bottom: 0.75em;
}
#nkjsimplecontact fieldset {
  padding-bottom: 1em;
}
#nkjsimplecontact .inlineInsides > div {
  display: block;
}
#nkjsimplecontact fieldset.inlineInsides > div > * {
  padding-right: 0;
}
#nkjsimplecontact fieldset:last-child {
  padding-top: 1em;
}

.bgm #nkjsimplecontact-submit:hover,
.bgm button:hover {
	background: #289b38;
}
.nkForm textarea {
    margin-bottom: 0em;
}



/* ------------------ Inividual Content Styles -------------------------------*/
.circleImgAndH3 .nkFlexBox {
  padding-bottom: 2em;
}
.circleImgAndH3 .nkFlexBox > div:first-child {
  text-align: center;
  padding: 2em;
}
.circleImgAndH3 .nkFlexBox > div:last-child {
  flex: 0 1 60%;
}
.circleImgAndH3 .nkFlexBox > div:first-child img {
  max-width: 10em;
}
.circleImgAndH3 .nkFlexBox h3 {
  color: #00b6c4;
}

@media(min-width: 60rem) {
  .circleImgAndH3 .nkFlexBox > div:first-child {
    text-align: right;
    padding: 0 2em;
  }
  .circleImgAndH3 .nkFlexBox > div:last-child {
    padding-left: 1.5em;
  }
  .circleImgAndH3.smallWidth .nkFlexBox h3 + p {
    max-width: 25em;
  }
}
.smallHeading h2 {
  font-size: 1.4em;
  font-weight: 500;
  padding-bottom: 0.7em;
}
@media(min-width: 60rem) {
  .smallHeading p {
    font-size: 0.75em;
    max-width: 30em;
    margin-right: auto;
    margin-left: auto;
  }
}
.bgGrad1 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0089e7+0,00b6c4+100 */
  background: #0089e7; /* Old browsers */
  background: -moz-linear-gradient(left, #0089e7 0%, #00b6c4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0089e7 0%,#00b6c4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0089e7 0%,#00b6c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089e7', endColorstr='#00b6c4',GradientType=1 ); /* IE6-9 */
  background-attachment: fixed;
  color: #fff;
}
#slider {
  color: #fff;
}
#component {
  background: #fff;
}
#footer {
  font-size: 0.8em;
  color: #fff;
}
#footer .bgWhite {
  color: #3c3c3c;
}
[id^="toAnimate-"].nkjsObjOldClass {
  opacity: 0;
  transition: all ease-out 1s;
}
[id^="toAnimate-"].nkjsObjNewClass {
  opacity: 1;
  transition: all ease-out 1s;
}
/* ----------------------------- DEAKTIVIERT -------------------->
#nkmsq-c90-qs1-q1-opt1:before {
  content: "";
  display: block;
  margin: 0 auto 1em auto;
  width: 10em;
  height: 10em;
  background: url('/images/online2.png') no-repeat center center;
  background-size: contain;
}
#nkmsq-c90-qs1-q1-opt2:before {
  content: "";
  display: block;
  margin: 0 auto 1em auto;
  width: 10em;
  height: 10em;
  background: url('/images/online1.png') no-repeat center center;
  background-size: contain;
}
#nkmsq-c102 > div  {
  align-items: flex-start;
}
*/
.submitPositive {
  text-align: center;
}
[id^="nkmsq-c"][id*="-opt"].isSelected {
	border-color: #00b6c4;
}
@media (max-width: 39.99rem) {
  #nkbActualCalendarMonthBox {
    font-size: 1.2em;
  }
}

#nkbActualCalendarMonthBox caption {
    border-bottom: solid 0.25em #00b6c4;
}
div.nkbCalenderBox table td.hasBookables {
    background: #00b6c4;
}
.nkBookingContainer a.button {
    background: #00b6c4;
}
#nkbsignup textarea {
    margin-bottom: 1em;
}
.serviceInfoContainer h2,
.nkbServiceShortInfo h2 {
  padding-bottom: 0;
  text-align: left;
}
div.nkbCalenderBox table td.hasBookables a:hover {
    cursor: pointer;
}
.nkForm .jsDdOpened [id^="jsAltDd-"][id$="-Current"]::before {
    background: #00b6c4 !important;
}
.nkForm .jsDdOption:hover {
    background: #00b6c4;
}
.login {
  text-align: center;
  margin: 1.5em auto;
  padding: 1.5em;
}
.login > form {
  display: inline-block;
}
.toggleBox > div {
  padding: 1em 0;
  padding-top: 1.5em;
  border: none;
  border-bottom: solid 2px #c8c8c8;
  margin-bottom: 0;
}
.toggleBox > div > div {
  padding-right: 1.5em;
}
h2 + .toggleBox > div:first-child {
  padding-top: 1em;
}
.toggleBox > div > a::before {
  left: 1.5em;
}
.toggleBox > div > a {
  color: #0089e7;
  padding-left: 3.5em;
  font-size: 0.9em;
  transition: color ease 0.5s;
}
.toggleBox > div > a:hover,
.toggleBox.jsInitiated > div.jsActive > a {
  color: #00b6c4;
}
.toggleBox.jsInitiated > div > div {
  -webkit-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.toggleBox.jsInitiated > div.jsInactive > a::before {
    content: url("data:image/svg+xml; utf8, <svg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 14.1;' xml:space='preserve'> <path fill='%230089e7' class='st0' d='M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z'/></svg>");
}
.toggleBox.jsInitiated > div.jsActive > div {
  padding-top: 0.5em;
  padding-bottom: 1em;
}
.toggleBox.jsInitiated > div.jsActive > a::before {
    content: url("data:image/svg+xml; utf8, <svg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 14.1;' xml:space='preserve'> <path fill='%2300b6c4' class='st0' d='M0 10h24v4h-24z'/></svg>");
}
#component .toggleBox > h2 {
  text-align: center;
  display: block;
}
#component .toggleBox > div ~ h2 {
  padding-top: 1.5em;
}
.mHeight {
    transition: padding-top ease 1s 0s, max-height ease 1s 0s;
}
.jsInactive.mHeight {
  max-height: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.jsActive.mHeight {
  max-height: 500em;
  overflow: hidden;
}
.jsInactive.mHeight.padT6 {
  padding-top: 0;
}
.jsActive.mHeight.padT6 {
  padding-top: 6em;
}
.withToggleButtons a.jsInactive.display {
  display: none !important;
}
.references {

}
/* Joomla Edit Buttons */
div.icons {
  display: none;
}

/* Special STyle Start */
.oiam div:first-child > h3 {
  color: #eb5e57;
}
.oiam div:nth-child(2) > h3 {
  color: #61dbbb;
}
.oiam div:nth-child(3) > h3 {
  color: #445f87;
}
.oiam div:nth-child(4) > h3 {
  color: #fbbb34;
}
.oiam div:nth-child(5) > h3 {
  color: #a4b7c6;
}
.oiam div:nth-child(6) > h3 {
  color: #46bfdf;
}
.oiam p:last-child {
  padding-bottom: 1.4em;
}
.oiam div:last-child > p:last-child {
  padding-bottom: 0;
}
#section-011f5632d590 > div > div {
  padding: 2em !important;
}
@media (max-width: 59.99rem) {
  #mainmenu.jsActivated > ul {
    border-right: solid 0px #282828;
    border-left: solid 0px #282828;
    -webkit-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
  }
}
.fontS {
  font-size: 0.9em;
}
#footer .banner img {
  max-height: 7em;
}
#footer .banner .nkFlexBox > div:nth-child(2) img {
  max-height: none;
}
@media (max-width: 39.99rem) {
  .noMobile {
    display: none;
  }
  #slider div > img {
    max-height: 15em;
    margin-bottom: 1em;
  }
  #slider p.big.alignLeft {
    text-align: center !important;
  }
  .circleImgAndH3 img {
    max-height: 7em;
  }
}
@media (max-width: 900px) {
  .content-wrapper form {
    padding-right: 2em;
    padding-left: 2em;
    width: 80% !important;
    overflow: hidden;
  }
}
/* TO DO --------------------------------------------------------------> */
#cookiePopup {

}
blockquote,
.quote {
  position: relative;
}
blockquote::before,
.quote::before {
  border-color: transparent transparent transparent #fff;
}
blockquote::before,
.quote::before {
  content: "";
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 1.8em 0 0 1.8em;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: -1.75em;
  right: 30%;
}
@media (max-width: 29.99rem) {
  #animiertesRad.nkjsObjOldClass {
    transform: translateX(0);
  }
}