@font-face { font-family: poppins; src: url("fonts/poppins-bold-webfont.woff2") format("woff2"), url("fonts/poppins-bold-webfont.woff") format("woff"); font-weight: bold; font-style: normal; }
@font-face { font-family: poppins; src: url("fonts/poppins-light-webfont.woff2") format("woff2"), url("fonts/poppins-light-webfont.woff") format("woff"); font-weight: 200; font-style: normal; }
@font-face { font-family: poppins; src: url("fonts/poppins-medium-webfont.woff2") format("woff2"), url("fonts/poppins-medium-webfont.woff") format("woff"); font-weight: 400; font-style: normal; }
@font-face { font-family: poppins; src: url("fonts/poppins-regular-webfont.woff2") format("woff2"), url("fonts/poppins-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: poppins; src: url("fonts/poppins-semibold-webfont.woff2") format("woff2"), url("fonts/poppins-semibold-webfont.woff") format("woff"); font-weight: 600; font-style: normal; }
body { font-family: poppins, sans-serif; }
h1, h2 { text-align: center; font-size: 1.4em; line-height: 1.3em; padding-bottom: 1.2em; }
h2 { text-align: left; font-weight: 400; }
p { font-size: 1rem; }
#mainmenu { font-family: poppins, sans-serif; }
section { font-family: poppins, sans-serif; }
#footer { background: transparent; text-transform: uppercase; font-family: poppins, sans-serif; }
#header .logo img { max-height: 1.7em; transition: 0.25s; }
#logoAndMenuContainer { box-shadow: rgba(50, 50, 50, 0.22) 0px 11px 17px 0px; }
@media (min-width: 60rem) {
#logoAndMenuContainer.scrolledActive #mainmenu li, #logoAndMenuContainer.scrolledActive #logo { font-size: 1em; }
#logoAndMenuContainer.scrolledActive #mainmenu { padding: 0.25em 0em; }
#logoAndMenuContainer.scrolledActive #logo { padding: 0.25em 0px 0.25em 1.5em; transition: 0.25s; }
#logo:last-child { padding: 0.25em 0px 0.25em 1.5em; }
#logoAndMenuContainer.scrolledActive .logo img { max-height: 1.5em; }
}
@media (max-width: 59.99rem) {
#mainmenu.jsActivated > ul { position: absolute; left: -1px; background: rgb(255, 255, 255); border-right: 1px solid rgb(40, 40, 40); border-left: 1px solid rgb(40, 40, 40); border-bottom: 1px solid transparent; right: -1px; padding-left: 0.5em; transition: 1s; }
#mainmenu > ul { border-bottom: 1px solid transparent; }
}
#mainmenu > ul#hauptmenue { justify-content: flex-end; }
.linksLineBottom a { position: relative; }
.linksLineBottom a::before, #footer p.nkFlexBox.row.littleSpaces > a::before { content: ""; display: block; position: absolute; bottom: -2px; left: 50%; width: 0px; height: 1px; background-color: rgb(169, 199, 144); transition: 0.5s; }
.linksLineBottom a:hover::before, #footer p.nkFlexBox.row.littleSpaces > a:hover::before { left: 0%; width: 100%; }
.col1 { color: rgb(169, 199, 144); }
.bgGrad1 { background: linear-gradient(to right, rgb(0, 137, 231) 0%, rgb(0, 182, 196) 100%) fixed; color: rgb(255, 255, 255); }
.bgGrey { background: rgb(249, 249, 251); }
.bgCol1, #header1, #slider, .svgSocials.circles > div > a, footer, p.big > a, .bgm #nkjsimplecontact-submit, #gmaps p a, #component .dsgvoShowcase p a, .dsgvoShowcase p a, #nkjsimplecontact-submit, .nkForm button[type="submit"], .nkForm input[type="submit"], button[type="submit"], #header1 a.button, #header2 a.button, #slider a.button, #slider a.transbutton, #component a.button, button.btn, .nkSliderSetActiveButtons.multiStepNumbers a.jsActive, .nkSliderSetActiveButtons.multiStepNumbers a:hover, .eventItem a, .nkgmapsbox p a { background-color: rgb(169, 199, 144); color: rgb(255, 255, 255); }
#header1 { background: rgb(246, 247, 250); color: rgb(22, 22, 22); }
#header1 > * .contactDetails a > img, #header1 > * .contactDetails a > svg { fill: rgb(169, 199, 144); }
@media screen {
#header1 > * .contactDetails p > a, body.header1-dark #header1 a, #header1 li > a, .contacts a { transition: 0.5s; }
}
@media screen {
#header1 > * .contactDetails p > a:hover, body.header1-dark #header1 a:hover, #header1 li > a:hover, .contacts a:hover { color: rgb(169, 199, 144); }
}
body.sliderSepBottom #slider::after, .sepBottom::after { border-width: 0px 0px 3em 100vw; }
.sepTop::before { border-width: 3em 100vw 0px 0px; }
body.sliderSepBottom #slider::after { border-color: transparent transparent rgb(249, 249, 251); }
body.footerSep #superwrapper::after, .sepBottom.sepCol1::after { border-color: transparent transparent rgb(169, 199, 144); }
.sepBottom.sepCol2::after { border-color: transparent transparent rgb(249, 249, 251); }
.sepBottom.sepCol3::after { border-color: transparent transparent rgb(0, 0, 0); }

/* Structural separator helpers used by the migrated page content. */
.sepTop,
.sepTopRev,
.sepBottom,
.sepBottomRev {
  position: relative;
  overflow: hidden;
}

.sepTop::before,
.sepTopRev::before,
.sepBottom::after,
.sepBottomRev::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  pointer-events: none;
}

.sepTop::before,
.sepTopRev::before {
  top: 0;
  z-index: 50;
}

.sepBottom::after,
.sepBottomRev::after {
  bottom: 0;
  z-index: 100;
}

.sepTop::before {
  border-color: #fff transparent transparent;
}

.sepTopRev::before {
  border-width: 0 100vw 3em 0;
  border-color: transparent #fff transparent transparent;
}

.sepBottom::after {
  border-color: transparent transparent #fff;
}

.sepBottomRev::after {
  border-width: 3em 0 0 100vw;
  border-color: transparent transparent transparent #fff;
}

body { background: rgb(255, 255, 255); color: rgb(18, 17, 39); }
main p > a.underline, main p > b > a.underline, main p > a.underline:visited, main p > b > a.underline:visited, main p > a.underline:focus, main p > b > a.underline:focus, main p > a.underline:active, main p > b > a.underline:active { color: rgb(169, 199, 144); }
#logoAndMenuContainer { background: rgb(255, 255, 255); color: rgb(136, 136, 136); }
.svgSocials a svg path:nth-child(2n), .svgSocials.circles > div > a { transition: 0.5s; }
.svgSocials.circles.bgCol1 a svg path:nth-child(2n), .svgSocials.circles svg { fill: rgb(255, 255, 255); }
.svgSocials.circles > div > a:hover { background: rgb(57, 57, 56); }
.svgSocials a svg path:nth-child(2n), .svgSocials.circles svg { fill: rgb(169, 199, 144); }
.svgSocials a:hover svg path:nth-child(2n) { fill: rgb(57, 57, 56); }
.svgSocials.circles.bgCol1 > div > a { background: rgb(255, 255, 255); }
.svgSocials.circles.bgCol1 a:hover svg path:nth-child(2n) { fill: rgb(57, 57, 56); }
.svgSocials.circles.bgCol1 > div > a:hover { background: rgb(57, 57, 56); }
.svgSocials.circles svg { fill: rgb(169, 199, 144); transition: 0.5s; }
.svgSocials.circles a:hover svg { transition: 0.5s; }
.svgSocials.circles a:hover svg { transform: rotate(360deg) scale(1.3); }
@media (min-width: 60rem) {
#mainmenu > ul > li > a { color: rgb(39, 39, 39); }
#mainmenu > ul li a:hover, #mainmenu > ul li.active a, #mainmenu > ul li.current a, #mainmenu > ul li a.jsActive { color: rgb(169, 199, 144); }
#mainmenu > ul li.active a, #mainmenu > ul li.current a { font-weight: bold; }
}
p.big > a, .bgm #nkjsimplecontact-submit, #gmaps p a, #component .dsgvoShowcase p a, .dsgvoShowcase p a, #nkjsimplecontact-submit, .nkForm button[type="submit"], .nkForm input[type="submit"], button[type="submit"], #header1 a.button, #header2 a.button, #slider a.button, #slider a.transbutton, #component a.button, button.btn, .eventItem a, .nkForm input[type="text"], .nkForm input[type="email"], .nkForm input[type="tel"], .nkForm textarea, .nkForm button, #nkjsimplecontact.nkForm input[type="text"], #nkjsimplecontact.nkForm input[type="email"], #nkjsimplecontact.nkForm input[type="tel"], #nkjsimplecontact.nkForm textarea, .nkForm button[type="submit"], .nkgmapsbox p a { border-radius: 0.5em; }
a.rounded { background: rgb(87, 86, 86); color: rgb(255, 255, 255); border-radius: 0.25em; }
.bgCol1 p.big > a, .bgCol1 .bgm #nkjsimplecontact-submit, .bgCol1 #gmaps p a, #component .bgCol1 .dsgvoShowcase p a, .bgCol1 .dsgvoShowcase p a, .bgCol1 #nkjsimplecontact-submit, .bgCol1 .nkForm button[type="submit"], .bgCol1 .nkForm input[type="submit"], .bgCol1 button[type="submit"], #header1 .bgCol1 a.button, #header2 .bgCol1 a.button, #slider .bgCol1 a.button, #slider .bgCol1 a.transbutton, #component .bgCol1 a.button, .bgCol1 button.btn { background: rgb(255, 255, 255); color: rgb(169, 199, 144); transition: 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, #header2 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, .nkgmapsbox p a:hover { background: rgb(57, 57, 56); cursor: pointer; color: rgb(255, 255, 255); }
p.bluegrad > a { background: rgb(169, 199, 144); color: rgb(255, 255, 255); }
#footer { }
#copyright, #slider { color: rgb(255, 255, 255); }
#slider h1, #slider h2 { color: rgb(255, 255, 255); }
#slider .labels h1 > span, #slider .labels h2 > span, #slider p.label { color: rgb(169, 199, 144); display: inline-block; font-weight: 600; padding: 0.25em 1em; margin-bottom: 1rem; background: rgb(255, 255, 255); }
#slider .labels h1 > span:last-child, #slider .labels h2 > span:last-child { font-size: 0.7em; background: rgb(255, 255, 255); }
#slider p.label { background: rgb(255, 255, 255); color: rgb(169, 199, 144); }
#slider .labels.rounded h1 > span, #slider .labels.rounded h2 > span, #slider .labels.rounded p.label { border-radius: 0.25em; }
#slider .transPseudoBgCol1 { position: relative; z-index: 1; }
#slider .transPseudoBgCol1::before { content: ""; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.5); z-index: -1; }
#slider .transPseudoBgCol1 { }
#slider h1 + h2, #slider h2 + h3 { color: rgb(169, 199, 144); }
#slider h1 > b > span, #slider h2 > b > span { color: rgb(169, 199, 144); font-weight: 700; font-size: 0.8em; }
#slider .colBlack { color: rgb(60, 60, 60) !important; }
#component { background: rgb(255, 255, 255); }
#footer { background: transparent; color: rgb(255, 255, 255); }
#footer .bgWhite, footer .bgWhite a { color: rgb(60, 60, 60); }
footer a:hover { color: rgb(255, 255, 255); }
#bottomRightWhenScrolled > * { background: rgb(169, 199, 144); color: rgb(255, 255, 255); border: 0.25em solid transparent; }
#bottomRightWhenScrolled > :hover { background: rgb(60, 60, 60); color: rgb(255, 255, 255); }
.nkSliderSetActiveButtons a { border: 2px solid rgb(169, 199, 144); font-size: 1.3em; }
.nkSliderSetActiveButtons a.jsActive { border: 2px solid rgb(255, 255, 255); }
.nkSliderSetActiveButtons a.jsActive, .nkSliderSetActiveButtons a:hover, .nkSliderSetActiveButtons.multiStepNumbers::before { background: rgb(169, 199, 144); }
@media (min-width: 960px) {
.activeSlide > div:first-child { background-size: 100%; }
.inActiveSlide > div:first-child { background-size: 300%; transition: 1.5s; }
}
.nkgmapsbox p a { padding: 0.5em 2em; }
.nkSliderSetActiveButtons.multiStepNumbers a { border: 0.15em solid rgb(169, 199, 144); background: rgb(255, 255, 255); color: rgb(169, 199, 144); }
#nkjsimplecontact.nkForm input[type="text"], #nkjsimplecontact.nkForm input[type="email"], #nkjsimplecontact.nkForm input[type="tel"], #nkjsimplecontact.nkForm textarea { color: rgb(169, 199, 144); }
.nkForm .jsDdOpened [id^="jsAltDd-"][id$="-Current"]::before, .nkForm .jsDdOption:hover { background: rgb(169, 199, 144) !important; }
[id^="nkmsq-c"][id*="-opt"].isSelected { border-color: rgb(169, 199, 144); }
#nkbActualCalendarMonthBox caption a.isActive svg { fill: rgb(169, 199, 144); }
#nkbActualCalendarMonthBox caption a.isActive:hover svg { fill: rgb(51, 51, 51); }
.appInfo svg, .appInfo { color: rgb(169, 199, 144); fill: rgb(169, 199, 144); }
.nkbEventAndFormBox h2 { font-size: 1.5em; }
table.appInfo { font-size: 1.25em; }
.editBox h2 { text-align: left; }
.nkbEventAndFormBox h3 > span { font-size: 1.2rem; line-height: inherit; vertical-align: top; }
#nkbAdminBox .editBox h2 > a:hover, #nkbAdminBox .editBox h2 > a.activated { background: url("images/closed.png") right center / 1em no-repeat rgb(169, 199, 144); color: rgb(255, 255, 255); border-right: 0.5em solid rgb(169, 199, 144); }
#nkbAdminBox a.addEventLink:hover, #nkbAdminBox a.addEventLink.activated { color: rgb(169, 199, 144); }
#nkbActualCalendarMonthBox { font-size: 1.5em; }
#nkbActualCalendarMonthBox caption { border-bottom: 0.25em solid rgb(169, 199, 144); }
.eventExtraInfo { padding-top: 1em; font-size: 1em; font-weight: 500; }
.serviceInfoWithoutImg .nkbEventInfoBox .nkbServiceShortInfo img { display: none; }
.signUpFeedback .serviceInfoContainer { display: none; }
div.nkbCalenderBox table td.hasBookables, .nkBookingContainer a.button { background: rgb(169, 199, 144); }
.circleImgAndH3 .nkFlexBox h3 { color: rgb(169, 199, 144); }
.threeIconLinkBoxes a svg, .threeIconLinkBoxes .nkFlexBox > * svg { fill: rgb(169, 199, 144); }
.threeIconLinkBoxes a:hover svg { fill: rgb(62, 169, 224); }
.threeIconLinkBoxes a:hover svg { fill: rgb(62, 169, 224); }
.threeIconLinkBoxes a:hover span { color: rgb(62, 169, 224); }
.threeIconLinkBoxes.borders .nkFlexBox > * { border-color: rgb(169, 199, 144); }
.threeIconLinkBoxes.rounded .nkFlexBox > .bgCol1, .threeIconLinkBoxes.style2 .bgCol1 span.likeh3 + span, .threeIconLinkBoxes .bgCol1 ul li, .threeIconLinkBoxes .bgCol1 td { background: rgb(169, 199, 144); color: rgb(255, 255, 255); }
.threeIconLinkBoxes.rounded .nkFlexBox > .bgCol1 svg { fill: rgb(255, 255, 255); }
.threeIconLinkBoxes.borders .nkFlexBox > :hover { transform: scale(1.05); }
.pad1 { padding: 1em; }
.wrapperPaddingLeft, .nkSliderSetActiveButtons.bottomLeft { padding-left: 5%; }
.wrapperPaddingRight, .nkSliderSetActiveButtons.bottomRight { padding-right: 5%; }
@media (min-width: 60rem) {
#header1 > div, #logoAndMenu, .wrapperWidth, .nkFlexBox.wrapperWidth, section > * { max-width: 90%; width: 90%; }
.wrapperPaddingLeft, .nkSliderSetActiveButtons.bottomLeft { padding-left: 5%; }
.wrapperPaddingRight, .nkSliderSetActiveButtons.bottomRight { padding-right: 5%; }
}
@media (min-width: 75rem) {
#header1 > div, #logoAndMenu, .wrapperWidth, .nkFlexBox.wrapperWidth, section > * { width: 80%; max-width: 80%; }
.wrapperPaddingLeft, .nkSliderSetActiveButtons.bottomLeft { padding-left: 10%; }
.wrapperPaddingRight, .nkSliderSetActiveButtons.bottomRight { padding-right: 10%; }
}
@media (min-width: 105rem) {
#header1 > div, #logoAndMenu, .wrapperWidth, .nkFlexBox.wrapperWidth, section > * { width: 76%; max-width: 76%; }
.wrapperPaddingLeft, .nkSliderSetActiveButtons.bottomLeft { padding-left: 12%; }
.wrapperPaddingRight, .nkSliderSetActiveButtons.bottomRight { padding-right: 12%; }
}
#component section.jsInactive .secOpacity { opacity: 0; }
#component section.jsActive .secOpacity { opacity: 1; }
.jmodedit { display: none; }
[id^="tip-"][role^="tooltip"] { display: none; }
#slider { min-height: 0px; }
@media (min-width: 90rem) {
.sliderMinH { min-height: 50vh; }
.sliderMinH > div { align-self: center; }
}
body { font-weight: normal; }
@media (max-width: 40rem) {
body { padding-top: 0px; }
}
#header1 { overflow: hidden; padding: 0.75em 1em; }
@media (min-width: 60rem) {
#header1 { padding: 0.75em 0px; }
}
section { padding-top: 5em; padding-bottom: 5em; }
#slider h1, #slider h2 { font-size: 2.5em; font-weight: 800; display: block; margin: 0px; background: transparent; text-transform: none; padding: 0em 0.5em 0.4em !important; }
#slider h1 + h2, #slider h2 + h3 { font-size: 1.7em; font-weight: 800; display: inline-block; padding: 0.4em 0.47em; margin: 0px 0px 1em; background: transparent; }
#header1 .nkBookingContainer { font-size: 0.9em; }
@media (max-width: 59.99rem) {
.narrow { margin-right: 1em; }
}
@media (min-width: 60rem) {
.narrow { max-width: 90%; margin-right: auto; margin-left: auto; }
#header1 .nkBookingContainer { font-size: 1em; }
}
@media (min-width: 90rem) {
.narrow { max-width: 60rem; margin-right: auto; margin-left: auto; }
}
.narrow > h1, .narrow > h2 { display: inline-block; }
section > h2 { text-align: center; }
h1 > b, h2 > b { font-weight: bold; }
h2 > strong { font-weight: 600; }
h3, .likeH3 { font-size: 1em; line-height: 1.2em; font-weight: 300; padding-bottom: 0.75em; text-align: inherit; }
h3.likeImgH3Text { font-size: 1.05em; font-weight: bold; color: rgb(36, 37, 12); }
h2.color1 { color: rgb(0, 182, 196); }
h2.colWhite { color: rgb(255, 255, 255); }
.colGrey { color: rgba(18, 17, 39, 0.55); }
h2 + p.big, h2 + p.fontS { padding-top: 1.15em; padding-bottom: 0.5em; }
section > h2 + p { font-size: 1.05em; }
h3 + p, .likeh3 + p { line-height: 1.8em; }
img + h3 { padding-top: 1.2em; }
main ul li { position: relative; }
main ul li::before { content: " ●"; }
p, main li { font-size: 0.9375em; font-weight: 300; line-height: 2em; }
p > b { font-weight: 600; }
p.moreLineHeight { line-height: 1.9em; }
.fontXXL { font-size: 1.5em; font-weight: normal; }
img + h3 + p { padding: 0px 1em; }
#slider p.big, .bgGrad1 p.big { font-size: 0.8em; }
p.big { font-size: 1.1em; padding-bottom: 0px; }
p.big:last-child { padding-top: 2em; padding-bottom: 2em; }
@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; text-align: center; }
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"] { display: inline-block; }
p.big > a:hover, #nkjsimplecontact-submit:hover { cursor: pointer; }
@media (min-width: 60rem) {
#slider h1, #slider h2 { font-size: 2em; }
h1, h2 { font-size: 2.1em; padding-bottom: 0.25em; }
h3, .likeh3 { }
h2 + h3 { line-height: 1.2em; }
p, label, main li { font-size: 0.8em; }
}
@media (max-width: 59.9rem) {
#mainmenuContainer { display: flex; justify-content: center; flex-direction: column; }
#mainmenu { width: calc(100% - 1em); margin-right: 1em; }
#mainmenu li > a { padding: 0.5em; }
#mainmenu li > a.specialStyleButton { display: inline-block; padding: 0.5em 0.25em; }
}
#logo { text-align: center; }
#mainmenu { font-weight: 500; font-size: 0.9em; }
.logo p { font-size: 1.75em; color: rgb(255, 255, 255); letter-spacing: 0.07em; font-weight: 300; line-height: 1em; }
.logo p > a { color: rgb(255, 255, 255); line-height: 1em; display: block; }
section { padding-top: 3em; padding-bottom: 3em; }
@media (max-width: 59.9rem) {
#slider .alignRight { text-align: center; }
.maxW15rTil60r { max-width: 15rem; }
.allImgMaxW15rTil60r img { max-width: 15rem; }
}
@media (min-width: 30rem) {
#logoAndMenu { align-items: stretch; }
}
@media (min-width: 60rem) {
#mainmenuContainer:last-child #mainmenu > ul > li:last-child > a { }
#mainmenuContainer:last-child #mainmenu > ul > li { justify-content: space-between; text-align: center; flex: 0 0 auto; padding: 0px; margin-left: 1em; }
}
@media (min-width: 60rem) {
}
@media (min-width: 90rem) {
#mainmenu li > a { font-size: 1rem; }
}
@media (min-width: 60rem) {
#header1 > div, #logoAndMenu, .wrapperWidth, .nkFlexBox.wrapperWidth, section > * { margin-right: auto; margin-left: auto; }
#logoAndMenu { font-size: 1em; }
#logo { -webkit-box-flex: 0; flex: 0 0 auto; }
.logo p { font-size: 1em; }
#mainmenu { font-weight: 400; font-size: 1em; letter-spacing: normal; text-transform: none; }
#mainmenu > ul > li { }
#mainmenu li > a { }
#mainmenu > ul > li > a { font-size: 0.9rem; padding: 0.5em 0px; display: block; transition: 0.5s ease-in-out; }
#mainmenu > ul > li:first-child > a { }
#mainmenu > ul li a:hover, #mainmenu > ul li.active a, #mainmenu > ul li.current a { cursor: pointer; }
#mainmenu ul.nav-child { display: none; }
.custom.logo { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; }
.logo p > a { font-size: 1.2em; line-height: 1.66em; }
.logo a > span { font-weight: normal; }
#slider { }
section { padding-top: 4em; padding-bottom: 4em; }
}
@media (min-width: 75rem) {
#logo { -webkit-box-flex: 0; flex: 0 0 auto; }
#mainmenu > ul > li > a { padding-left: 1em; padding-right: 1em; font-size: 1rem; }
}
@media (min-width: 90rem) {
#mainmenu > ul > li > a { padding-left: 2em; padding-right: 2em; }
}
@media (min-width: 105rem) {
#logo { -webkit-box-flex: 0; flex: 0 0 auto; }
.logo p > a { font-size: 1.5em; line-height: 1.33em; }
}
#footer { background: transparent; text-transform: uppercase; }
#footer p { font-size: 1em; padding-top: 0.5em; }
#footer .logo a { max-width: 7em; display: block; margin: auto; }
#copyright { text-align: center; font-size: 0.6rem; }
#superwrapper { min-height: 100%; margin-bottom: 0px; height: auto !important; }
.mw10 { max-width: 10em; }
.allLeft h1, .allLeft h2, .allLeft h3, .allLeft h4, .allLeft h5, .allLeft h6 { text-align: left; }
#slider h1 { font-size: 2em; text-align: center; line-height: 1em; font-weight: 300; margin-bottom: 0em; padding-bottom: 0px !important; }
#slider h1.small { padding-bottom: 0px; font-size: 1.5em; margin-bottom: 0px; }
#slider h1.small > b { font-weight: normal; }
#slider h1.small ~ p { font-size: 0.8em; }
@media (min-width: 60rem) {
#slider h1 { font-size: 2.8em; }
#slider h1.alignCenter { text-align: center; }
}
#sliderBox > div > div { width: 100%; }
.circleImgAndH3 .nkFlexBox { padding-bottom: 2em; }
.circleImgAndH3 .nkFlexBox > div:first-child { text-align: center; padding: 2em; }
.circleImgAndH3 .nkFlexBox > div:last-child { -webkit-box-flex: 0; flex: 0 1 60%; }
.circleImgAndH3 .nkFlexBox > div:first-child img { max-width: 10em; }
@media (min-width: 60rem) {
.circleImgAndH3 .nkFlexBox > div:first-child { text-align: right; padding: 0px 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; }
}
[id^="toAnimate-"].nkjsObjOldClass { opacity: 0; transition: 1s ease-out; }
[id^="toAnimate-"].nkjsObjNewClass { opacity: 1; transition: 1s ease-out; }
.submitPositive { text-align: center; }
#nkbsignup textarea { margin-bottom: 1em; }
.nkbServiceShortInfo > img { max-height: 15rem; display: block; margin: 0px auto 1em; }
@media (max-width: 40rem) {
.nkbServiceShortInfo > img { max-height: 15rem; width: auto; float: none; margin: 0px 1em 1em auto; }
}
@media (min-width: 40rem) and (max-width: 90rem) {
.nkbServiceShortInfo > img { max-height: 15rem; width: auto; float: right; margin: 0px 1em 1em auto; }
}
.nkBookingContainer { font-size: 1em; }
.nkBookingContainer h3, .nkbSignupForm h2 { margin-bottom: 0px; padding-bottom: 0px; }
.serviceInfoContainer h3 { margin-bottom: 1em; }
.serviceInfoContainer h2, .nkbServiceShortInfo h2 { padding-bottom: 0px; text-align: left; }
div.nkbCalenderBox table td.hasBookables a:hover { cursor: pointer; }
.serviceInfoContainer img { float: none; max-width: 25rem; margin: 0px auto 2em; }
.serviceInfoContainer ul { float: none; clear: both; }
.login { text-align: center; margin: 1.5em auto; padding: 1.5em; }
.login > form { display: inline-block; }
h2.introtitle { text-align: center; padding-bottom: 0.75em; }
#nkjsimplecontact fieldset { padding-bottom: 1em; }
#nkjsimplecontact .inlineInsides > div { display: block; }
#nkjsimplecontact fieldset.inlineInsides > div > * { padding-right: 0px; }
#nkjsimplecontact fieldset:last-child { padding-top: 1em; }
h2.introtitle { text-align: center; padding-bottom: 0.75em; }
#nkjsimplecontact fieldset { padding-bottom: 0px; margin-bottom: 0px; }
#nkjsimplecontact fieldset:last-child { padding-top: 1em; }
.nkForm textarea { }
#nkjsimplecontactBox h2 { font-size: 1.8em; text-align: left; font-weight: 500; padding-bottom: 0px; }
#nkjsimplecontactBox p { padding-bottom: 1.5em; }
.nkbSignupForm h2 { text-align: left; font-weight: bold; }
#nkjsimplecontactBox.rounded { border-radius: 1em; }
#nkjsimplecontactBox.withShadow { box-shadow: rgba(0, 0, 0, 0.37) 5px 5px 34px -3px; }
@media (min-width: 60rem) {
#nkjsimplecontactBox.pullUp { position: relative; top: -7.5em; z-index: 99; margin-bottom: -6em; }
}
.nkForm input[type="text"], .nkForm input[type="email"], .nkForm input[type="tel"], .nkForm textarea, .nkForm button, #nkjsimplecontact.nkForm input[type="text"], #nkjsimplecontact.nkForm input[type="email"], #nkjsimplecontact.nkForm input[type="tel"], #nkjsimplecontact.nkForm textarea, .nkForm button[type="submit"] { font-family: inherit; font-size: inherit; font-weight: inherit; }
.nkForm button[type="submit"] { text-transform: uppercase; font-weight: normal; letter-spacing: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
#nkjsimplecontact-submit, .nkgmapsbox p a { font-size: 0.85em; font-weight: 500; color: rgb(255, 255, 255); text-align: center; display: inline-block; width: auto; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-transform: none; transition: 1s; }
#nkjsimplecontactBox.buttonFull #nkjsimplecontact-submit { width: 100%; }
#nkjsimplecontact-submit:hover, .nkForm button[type="submit"]:hover, .nkForm input[type="submit"]:hover, button[type="submit"]:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
#nkjsimplecontact.nkForm textarea { margin-bottom: 1em; }
p.big > a:hover, #nkjsimplecontact-submit:hover, .nkgmapsbox p a { cursor: pointer; color: rgb(255, 255, 255); }
.nkForm fieldset.labelsBottom label { -webkit-box-ordinal-group: 3; order: 2; position: relative; top: -0.5em; }
.nkForm label { font-weight: 600; color: rgb(0, 0, 0); display: block; padding: 0.5em 0px; text-transform: none; }
.nkForm .nkfCheckbox label { text-transform: none; font-size: 0.7em; }
.nkfCheckbox label { padding: 0px 0px 0px 1em; }
.nkForm fieldset > div > :last-child { margin-right: auto; }
[for*="nkjsimplecontact-privacyagreement"] { font-size: 0.8em; }
#nkmsq-c90-qs1-q1-opt1::before { content: ""; display: block; margin: 0px auto 1em; width: 10em; height: 10em; background: url("/images/online2.png") center center / contain no-repeat; }
#nkmsq-c90-qs1-q1-opt2::before { content: ""; display: block; margin: 0px auto 1em; width: 10em; height: 10em; background: url("/images/online1.png") center center / contain no-repeat; }
#nkmsq-c102 > div { -webkit-box-align: start; align-items: flex-start; }
.submitPositive { padding-top: 6em; text-align: left; }
[id^="nkmsq-c"][id*="-opt"].isSelected { border-color: rgb(0, 182, 196); }
.nkForm input[type="text"], .nkForm input[type="email"], .nkForm input[type="tel"], .nkForm textarea, .nkForm button, #nkjsimplecontact.nkForm input[type="text"], #nkjsimplecontact.nkForm input[type="email"], #nkjsimplecontact.nkForm input[type="tel"], #nkjsimplecontact.nkForm textarea { color: rgb(18, 17, 39); font-family: inherit; font-size: 1rem; font-weight: inherit; }
.nkfCheckbox label { padding-top: 0.35em; }
.nkForm [id^="jsAltDd-"][id$="-Current"] { background: rgb(255, 255, 255); border-radius: 0.5em; color: rgb(0, 0, 0); font-size: 0.9em; }
.basis30p #nkjsimplecontactBox h2 { text-align: left; }
.nkForm input[type="text"], .nkForm textarea, .nkForm input[type="email"], .nkForm input[type="url"], .nkForm input[type="password"], .nkForm input[type="search"], .nkForm input[type="number"], .nkForm input[type="tel"], .nkForm input[type="range"], .nkForm input[type="date"], .nkForm input[type="month"], .nkForm input[type="week"], .nkForm input[type="time"], .nkForm input[type="datetime"], .nkForm input[type="datetime-local"], .nkForm input[type="color"], .nkForm textarea { font-size: 1rem; font-weight: 300; padding: 1em 1.5em; background: rgb(255, 255, 255); border: 1px solid rgba(18, 18, 39, 0.18); }
@media (max-width: 959px) {
.bg1, .bg4 { min-height: 10em; background-position: center center; background-size: cover; }
}
#uebermich .posRel { overflow: hidden; }
.bg4 { background-size: cover; }
@media (min-width: 960px) {
.posRel > .bg4 { background-attachment: fixed; background-position: center top !important; background-size: auto 101vh !important; }
.posRel > .bg4 { position: absolute; inset: 0px; z-index: 0; transition: 5s; }
}
@media (min-width: 960px) {
.jsActive .posRel > .bg4 { background-size: auto 106vh !important; }
}
#bottomRightWhenScrolled > * { font-size: 0.9em; line-height: 1.1em; padding: 0.5em 0px; border-width: 0.25em medium 0.25em 0.25em; border-style: solid none solid solid; border-color: transparent currentcolor transparent transparent; border-image: none; transition: 1s; }
.nkMellowSlides > .sliderBox > div:first-child > div.bg5 { transition: none; }
div.icons { display: none; }
#main { overflow: visible; }
#header2 a.button { padding-right: 1em; margin-left: 1em; font-size: 1rem; }
@media (min-width: 60rem) {
#logo { padding: 0.75em 1em 0.75em 0px; }
}
@media (min-width: 60rem) {
#logoAndMenuContainer.scrolledActive #logo { padding: 0.5em 0px; }
}
.greyFont { font-size: 1rem; color: rgb(104, 104, 93); }
.hUpperpLower h2, .hUpperpLower h3 { text-transform: uppercase; }
.hUpperpLower p, .hUpperpLower a { text-transform: none; }
.imgH3Text h3 { font-size: 1.05em; font-weight: bold; color: rgb(36, 37, 12); }
.imgH3Text p > svg, .imgH3Text p > img { }
.imgH3Text p { font-size: 1rem; color: rgb(104, 104, 93); }
.imgH3Text p:last-child { padding-bottom: 2em; }
@media (min-width: 40rem) {
.imgH3Text .nkFlexBox.rowAt40r.littleSpaces > div { }
}
#component a.button[class*="icon-"] { padding: 0.5em 3em 0.5em 4em; margin-left: 0px; }
#component a.button[class*="icon-"]::before { background: rgb(169, 199, 144); }
#component a.button[class*="icon-"], .nkgmapsbox p a { border-radius: 0.5em; overflow: hidden; }
#component a.button[class*="icon-"]:hover::before { background: rgb(57, 57, 56) !important; }
#component a.button[class*="icon-"]::after { left: 2em; }
@media (max-width: 39.99rem) {
.vertBg1 { background: url("../../../images/vertBg1.jpg") center center / cover no-repeat rgb(255, 255, 255); }
.vertBg2 { background: url("../../../images/vertBg2.jpg") center center / cover no-repeat rgb(255, 255, 255); }
.vertBg3 { background: url("../../../images/vertBg3.jpg") center center / cover no-repeat rgb(255, 255, 255); }
.vertBg4 { background: url("../../../images/vertBg4.jpg") center center / cover no-repeat rgb(255, 255, 255); }
.vertBg5 { background: url("../../../images/vertBg5.jpg") center top / cover no-repeat rgb(255, 255, 255); }
.vertBg6 { background: url("../../../images/vertBg6.jpg") center center / cover no-repeat rgb(255, 255, 255); }
.vertBg7 { background: url("../../../images/vertBg7.jpg") center center / cover no-repeat rgb(255, 255, 255); }
}
@media (min-width: 40rem) {
.vertBg1 { background: url("../../../images/vertBg1_xxl.jpg") center center / cover no-repeat rgb(255, 255, 255); }
.vertBg2 { background: url("../../../images/vertBg2_xxl.jpg") center center / cover no-repeat rgb(255, 255, 255); }
.vertBg3 { background: url("../../../images/vertBg3_xxl.jpg") center center / cover no-repeat rgb(255, 255, 255); }
.vertBg4 { background: url("../../../images/vertBg4_xxl.jpg") center center / cover no-repeat rgb(255, 255, 255); }
.vertBg5 { background: url("../../../images/vertBg5_xxl.jpg") center top / cover no-repeat rgb(255, 255, 255); }
.vertBg6 { background: url("../../../images/vertBg6_xxl.jpg") center center / cover no-repeat rgb(255, 255, 255); }
.vertBg7 { background: url("../../../images/vertBg7_xxl.jpg") center center / cover no-repeat rgb(255, 255, 255); }
}
.rowAt40r > div[class*="vertBg"], .rowAt60r > div[class*="vertBg"] { background-color: rgb(237, 237, 237); background-size: cover; transition: 0.5s; margin-right: 4em; }
.rowAt40r.nkjsObjNewClass > div[class*="vertBg"], .rowAt60r.nkjsObjNewClass > div[class*="vertBg"] { background-size: cover; }
h3 [onclick*="window.location.href"]:hover { cursor: pointer; }
@media (min-width: 60rem) {
.bigPaddingOnScreen { padding-top: 5em; padding-bottom: 5em; }
.middlePaddingOnScreen { padding-top: 3em; padding-bottom: 3em; }
}
@media (max-width: 59.99rem) {
div[class*="vertBg"].minH20, .rowAt60r > div[class*="vertBg"] { min-height: 15em; margin-bottom: 1em; margin-right: 0px; background-size: cover; }
div[class*="vertBg"].minH20:last-child { margin-bottom: 0px; margin-top: 1em; }
.rowAt60r.nkjsObjNewClass > div[class*="vertBg"] { background-size: cover; }
}
@media (max-width: 39.99rem) {
div[class*="vertBg"].minH20, .rowAt40r > div[class*="vertBg"] { min-height: 20em; margin-bottom: 1em; margin-right: 0px; background-size: cover; }
div[class*="vertBg"].minH20:last-child { margin-bottom: 0px; margin-top: 1em; }
.rowAt40r.nkjsObjNewClass > div[class*="vertBg"] { background-size: cover; }
}
.imgSwitchRows > div { display: flex; flex-direction: column; width: auto; max-width: 100%; overflow: hidden; }
.imgSwitchRows > div:nth-child(2n) > div:first-child, .imgSwitchRows > div:nth-child(2n+1) > div:last-child { padding: 2em; }
.imgSwitchRows > div:nth-child(2n+1) > div:first-child, .imgSwitchRows > div:nth-child(2n) > div:last-child { min-height: 15em; }
.imgSwitchRows > div:nth-child(2n+1) > div:first-child, .imgSwitchRows > div:nth-child(2n) > div:last-child { min-height: 0px; }
.imgSwitchRows > div:nth-child(2n+1), .imgSwitchRows.bgReverse > div:nth-child(2n) { background: rgb(255, 255, 255); }
.imgSwitchRows > div:nth-child(2n), .imgSwitchRows.bgReverse > div:nth-child(2n+1) { background: rgb(249, 249, 251); }
@media (min-width: 40rem) {
.imgSwitchRows > div { flex-direction: row; }
.imgSwitchRows > div > div { flex: 1 0 50%; }
.imgSwitchRows > div:nth-child(2n+1) > div:first-child, .imgSwitchRows > div:nth-child(2n) > div:last-child { flex-basis: 25%; }
.imgSwitchRows > div:nth-child(2n) > div:first-child, .imgSwitchRows > div:nth-child(2n+1) > div:last-child { align-self: center; }
.imgSwitchRows > div:nth-child(2n) > div:first-child, .imgSwitchRows > div:nth-child(2n+1) > div:last-child { padding: 4em; }
.imgSwitchRows > div:nth-child(2n) > div:first-child { padding-left: 0px; }
.imgSwitchRows > div:nth-child(2n+1) > div:last-child { padding-right: 0px; }
.imgSwitchRows > div:nth-child(2n+1) > div:first-child, .imgSwitchRows > div:nth-child(2n) > div:last-child { flex-basis: 25%; }
.imgSwitchRows > div:nth-child(2n+1) { padding-right: 5%; }
.imgSwitchRows > div:nth-child(2n) { padding-right: 0px; }
.imgSwitchRows > div:nth-child(2n) { padding-left: 5%; }
.imgSwitchRows > div:nth-child(2n+1) { padding-left: 0px; }
.imgSwitchRows.reverse > div:nth-child(2n+1) { padding-left: 5%; }
.imgSwitchRows.reverse > div:nth-child(2n) { padding-left: 0px; }
.imgSwitchRows.reverse > div:nth-child(2n) { padding-right: 5%; }
.imgSwitchRows.reverse > div:nth-child(2n+1) { padding-right: 0px; }
}
@media (min-width: 60rem) {
.imgSwitchRows > div:nth-child(2n+1) > div:first-child, .imgSwitchRows > div:nth-child(2n) > div:last-child { flex-basis: 30%; }
.imgSwitchRows > div:nth-child(2n+1) { padding-right: 10%; }
.imgSwitchRows > div:nth-child(2n) { padding-right: 0px; }
.imgSwitchRows > div:nth-child(2n) { padding-left: 10%; }
.imgSwitchRows > div:nth-child(2n+1) { padding-left: 0px; }
.imgSwitchRows.reverse > div:nth-child(2n+1) { padding-left: 10%; }
.imgSwitchRows.reverse > div:nth-child(2n) { padding-left: 0px; }
.imgSwitchRows.reverse > div:nth-child(2n) { padding-right: 10%; }
.imgSwitchRows.reverse > div:nth-child(2n+1) { padding-right: 0px; }
}
@media (min-width: 105rem) {
.imgSwitchRows > div:nth-child(2n+1) { padding-right: 15%; }
.imgSwitchRows > div:nth-child(2n) { padding-right: 0px; }
.imgSwitchRows > div:nth-child(2n) { padding-left: 15%; }
.imgSwitchRows > div:nth-child(2n+1) { padding-left: 0px; }
}
.imgSwitchRows.reverse > div:nth-child(2n) > div:first-child, .imgSwitchRows.reverse > div:nth-child(2n+1) > div:last-child { min-height: 15em; }
.imgSwitchRows.reverse > div:nth-child(2n) > div:first-child, .imgSwitchRows.reverse > div:nth-child(2n+1) > div:last-child { min-height: 8em; }
@media (min-width: 40rem) {
.imgSwitchRows.reverse > div:nth-child(2n+1) > div:first-child, .imgSwitchRows.reverse > div:nth-child(2n) > div:last-child { align-self: center; }
.imgSwitchRows.reverse > div:nth-child(2n) > div:first-child, .imgSwitchRows.reverse > div:nth-child(2n+1) > div:last-child { align-self: stretch; }
.imgSwitchRows.reverse > div:nth-child(2n+1) > div:first-child, .imgSwitchRows.reverse > div:nth-child(2n) > div:last-child { padding: 4em; }
.imgSwitchRows.reverse > div:nth-child(2n+1) > div:first-child { padding-left: 0px; }
.imgSwitchRows.reverse > div:nth-child(2n) > div:last-child { padding-right: 0px; }
.imgSwitchRows.reverse > div:nth-child(2n) > div:first-child, .imgSwitchRows.reverse > div:nth-child(2n+1) > div:last-child { flex-basis: 25%; }
.imgSwitchRows.reverse > div:nth-child(2n+1) { padding-left: 5%; }
.imgSwitchRows.reverse > div:nth-child(2n) { padding-left: 0px; }
.imgSwitchRows.reverse > div:nth-child(2n) { padding-right: 2em; }
.imgSwitchRows.reverse > div:nth-child(2n+1) { padding-right: 0px; }
}
@media (min-width: 60rem) {
.imgSwitchRows.reverse > div:nth-child(2n) > div:first-child, .imgSwitchRows.reverse > div:nth-child(2n+1) > div:last-child { flex-basis: 30%; }
.imgSwitchRows.reverse > div:nth-child(2n+1) { padding-left: 10%; }
.imgSwitchRows.reverse > div:nth-child(2n) { padding-left: 0px; }
.imgSwitchRows.reverse > div:nth-child(2n) { padding-right: 10%; }
.imgSwitchRows.reverse > div:nth-child(2n+1) { padding-right: 0px; }
}
@media (min-width: 105rem) {
.imgSwitchRows.reverse > div:nth-child(2n+1) { padding-left: 15%; }
.imgSwitchRows.reverse > div:nth-child(2n) { padding-left: 0px; }
.imgSwitchRows.reverse > div:nth-child(2n) { padding-right: 15%; }
.imgSwitchRows.reverse > div:nth-child(2n+1) { padding-right: 0px; }
}
@media (max-width: 39.9rem) {
.imgSwitchRows > div > div { padding: 2em; min-height: 10em; }
.imgSwitchRows > div:nth-child(2n) > div:first-child { order: 2; }
}
.imgSwitchRows h2 { font-size: 2.2em; }
.imgSwitchRows h3 { color: rgb(169, 199, 144); }
ul.squares, .imgSwitchRows ul { list-style: none; padding: 0px; margin-bottom: 2em; }
ul.squares li, .imgSwitchRows ul li { padding-left: 3em; position: relative; }
ul.squares li::before, .imgSwitchRows ul li::before { content: ""; position: absolute; left: 1.5em; top: 1em; width: 0.5em; height: 0.5em; background: rgb(169, 199, 144); transform: translate(0px, -50%); border-radius: 10%; }
.imgSwitchRows h3 > b { text-decoration: underline; }
#main section.fullWidth > div { margin-left: 0px; margin-right: 0px; width: 100%; max-width: 100%; }
.sepTop.colGrey::before { border-color: rgb(249, 249, 251) transparent transparent; }
.borderedImages { display: flex; flex-flow: wrap; overflow: hidden; max-width: 100%; width: 100%; justify-content: center; }
.borderedImages > * { flex: 0 0 15%; }
.borderedImages > *, .borderedImage { border: 1px solid rgb(169, 199, 144); border-radius: 1em; padding: 1.5em; justify-content: center; box-sizing: border-box; background: rgb(255, 255, 255); }
.borderedImage.bgCol1 { border: 1px solid rgb(18, 17, 39); }
.borderedImages img, .borderedImage img { display: block; min-width: 5rem; padding-top: 0.5em; padding-bottom: 0.5em; margin-right: 1em; }
@media (min-width: 50rem) {
.borderedImages { flex-wrap: nowrap; justify-content: space-between; }
.borderedImages > * { flex: 0 0 18%; }
}
footer h2 { font-size: 1.5em; font-weight: 600; }
footer .bgGrey .lastOne { color: rgb(169, 199, 144); }
footer .bgGrey .lastOne p { padding-bottom: 0px; }
footer .alignCenter h2 { text-align: center; }
.tableAt40r > div > div { padding: 0.25em; }
@media (min-width: 60rem) {
.alignRightAt60r { text-align: right; }
.alignLeftAt60r { text-align: left; }
footer .alignRightAt60r h2 { text-align: right; }
footer .alignLeftAt60r h2 { text-align: left; }
.padRAt60r { padding-right: 3em; }
.tableAt40r { display: table; width: auto; }
.tableAt40r > div { display: table-row; }
.tableAt40r > div > div { display: table-cell; padding: 0.5em 0.5em 0.5em 0px; vertical-align: middle; }
.tableAt40r > div > div:first-child { padding-left: 0px; }
.tableAt40r.contacts > div > div:nth-child(2n) { padding-right: 2em; }
}
@media (max-width: 29.99rem) {
.noMobile { display: none; }
#logoAndMenu { max-width: 100%; width: 100%; }
#logoAndMenu > div { flex: 1 1 30%; }
#logo { min-width: 5em; }
#mainmenuContainer { }
#mainmenu { position: static; min-width: 0px; }
#mainmenu > ul > li:first-child a { padding-top: 2em; }
}
@media (max-width: 59.9rem) {
section.fullWidth { padding-left: 0px; padding-right: 0px; }
footer .borderedImage { max-width: 15em; margin: auto; }
.noTablet { display: none; }
.aloneCentered { text-align: center; flex-basis: 100%; }
#logoAndMenu > #mainmenuContainer { padding-left: 1em; }
}
@media (max-width: 39.99rem) {
.rowAt40r > .basis30p > img:first-child:last-child { margin-bottom: 1em; }
.sliderInitiated .padTB6 { padding-top: 2em; padding-bottom: 2em; }
}
@media (min-width: 40rem) {
.nkFlexBox > .minW { min-width: 25rem; }
.nkFlexBox > .maxW { max-width: 30rem; }
}
#closeLightBoxButton { position: absolute; top: 0.5em; right: 0.5em; }
.team { flex-wrap: wrap; justify-content: space-between; }
.team > div { background: rgb(255, 255, 255); flex: 0 0 48%; box-sizing: border-box; margin: 0px auto; }
.team > .team-item { margin-bottom: 2rem; }
@media (min-width: 60rem) {
.team > div { flex-wrap: nowrap; max-width: 25%; overflow: hidden; flex: 0 1 24%; transition: 0.1s; transform: scale(1); }
.team > div:hover { transform: scale(1.02); }
.team div.float { float: right; width: 30%; margin-left: 1.5em; }
.team div.float > img { display: block; }
}
.team > div h3, .team > div p, #component .team > div h3, #component .team > div p { padding-left: 1.5em; padding-right: 1.5em; padding-bottom: 1em; text-align: left; }
#component .team > div h3 { font-size: 1em; }
#component .team > div h3 { font-weight: normal; padding-bottom: 0.5em; }
#component .team > div img + h3 { font-weight: 600; padding-bottom: 1.5em; }
.team > div p, #component .team > div p { font-size: 0.8em; padding-left: 1.875em; padding-right: 1.875em; }
.team > div p:last-child { padding-bottom: 3.5em; }
#component .team div a.button { padding: 0.2em 10%; transition: 1s; text-transform: none; }
.jsActive1 > .team > div:nth-child(1) a.button, .jsActive2 > .team > div:nth-child(2) a.button, .jsActive3 > .team > div:nth-child(3) a.button { transform: scale(0); max-height: 0px; }
.openAllAtOnce.jsActive1 > .team > div:nth-child(1) a.button, .openAllAtOnce.jsActive1 > .team > div:nth-child(2) a.button, .openAllAtOnce.jsActive1 > .team > div:nth-child(3) a.button, .openAllAtOnce.jsActive2 > .team > div:nth-child(4) a.button, .openAllAtOnce.jsActive2 > .team > div:nth-child(5) a.button, .openAllAtOnce.jsActive2 > .team > div:nth-child(6) a.button, .openAllAtOnce.jsActive3 > .team > div:nth-child(7) a.button, .openAllAtOnce.jsActive3 > .team > div:nth-child(8) a.button, .openAllAtOnce.jsActive3 > .team > div:nth-child(9) a.button { transform: scale(0); max-height: 0px; }
.team .readmore { display: none; }
.team ul { font-size: 0.8em; font-weight: 300; list-style: none; padding-left: 1.875em; padding-right: 1.875em; margin-bottom: 1em; }
.team ul li { position: relative; padding: 0.3em 0px 0.3em 1.5em; line-height: 1.2em; }
.team ul li::before { position: absolute; top: 0.75em; left: 0em; content: ""; display: block; width: 0.4em; height: 0.4em; background: rgb(169, 199, 144); border-radius: 0.1em; overflow: hidden; }
.team-item { position: relative; padding-bottom: 3.5em; }
.team-item > * > p:last-child { position: absolute; bottom: 0px; left: 0px; }
body.splitpage .logo { margin: 2em auto; max-width: 10rem; }
body.splitpage #superwrapper { display: flex; background: url("/images/splitBG.jpg") center center / cover no-repeat rgb(255, 255, 255); padding: 2em; text-align: center; }
body.splitpage #superwrapper #main { align-self: center; width: 100%; }
@media (min-width: 90rem) {
body.splitpage #superwrapper { padding: 0px 6em; }
}
body.splitpage #superwrapper .nkFlexBox > * { margin-bottom: 2em; }
@media (min-width: 40rem) {
body.splitpage .logo { max-width: 20%; }
body.splitpage #superwrapper .nkFlexBox > * { flex: 0 0 40%; }
}
@media (min-width: 70rem) {
body.splitpage #superwrapper .nkFlexBox { max-width: 65rem; margin: 0px auto; }
}
body.splitpage #component { background-color: transparent; }
#component a.bgCol2 { background: rgb(237, 167, 0); }
#component a.button, #component a.button.small { padding: 0.5em 3em; margin-top: 1.5em; }
#slider h1 { }
#slider h1 img { display: block; margin: 0px auto; width: 30rem; max-width: 80%; }
#home h1 span { font-size: 2rem; }
#nkMellowSlide-141::after { content: ""; }
#footerBox { padding: 1em 0px; }
footer .mod-menu li { display: inline-block; margin: 0.1em 0.5em; }
footer { background: rgb(51, 51, 51); color: rgb(169, 199, 144); }
footer li, footer a, footer p { color: rgb(169, 199, 144); font-size: 1rem !important; }
#component a.button, #mainmenu .specialStyleButton, #component a.button.jsActive, #mainmenu .specialStyleButton.jsActive { background: rgb(169, 199, 144); color: rgb(255, 255, 255); border-radius: 0.125em; padding: 0.5em 2em; }
#component a.button.bgCol2, #mainmenu .specialStyleButton.bgCol2, .theColor2 #component a.button, .theColor2 #mainmenu .specialStyleButton { background: rgb(243, 167, 18); }
#mainmenu .specialStyleButton { padding: 1em 2em; }
#component a.button:hover, #mainmenu .specialStyleButton:hover, #component a.button.bgCol2 :hover, #mainmenu .specialStyleButton.bgCol2 :hover { background: rgb(100, 100, 100); color: rgb(255, 255, 255); }
#component a.button:hover::before, #component a.button[class*="icon-"]:hover::before { background-color: rgb(243, 167, 18); }
#component a.button[class*="icon-"]:hover { color: rgb(255, 255, 255); }
ul.withIcons > li.icon-home::before { background-image: url("data:image/svg+xml;utf8,<svg width=\"24\" height=\"24\" xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" fill=\"%23a9c790\" clip-rule=\"evenodd\"><path d=\"M6 23h-3v-10l8.991-8.005 9.009 8.005v10h-3v-9h-12v9zm1-2h10v2h-10v-2zm0-3h10v2h-10v-2zm10-3v2h-10v-2h10zm-5-14.029l12 10.661-1.328 1.493-10.672-9.481-10.672 9.481-1.328-1.493 12-10.661z\"/></svg>"); }
ul.withIcons > li.icon-phone::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"%23a9c790\" viewBox=\"0 0 24 24\"><path d=\"M20 2c0-1.105-.896-2-2-2h-12c-1.105 0-2 .896-2 2v20c0 1.104.895 2 2 2h12c1.104 0 2-.896 2-2v-20zm-9.501 0h3.001c.276 0 .5.224.5.5s-.224.5-.5.5h-3.001c-.275 0-.499-.224-.499-.5s.224-.5.499-.5zm1.501 20c-.553 0-1-.448-1-1s.447-1 1-1c.552 0 .999.448.999 1s-.447 1-.999 1zm6-3h-12v-14.024h12v14.024z\"/></svg>"); }
ul.withIcons > li.icon-mail::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"%23a9c790\" viewBox=\"0 0 24 24\"><path d=\"M12 12.713l-11.985-9.713h23.97l-11.985 9.713zm0 2.574l-12-9.725v15.438h24v-15.438l-12 9.725z\"/></svg>"); }
ul.withIcons.white > li.icon-home::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill-rule=\"evenodd\" fill=\"%23ffffff\" clip-rule=\"evenodd\"><path d=\"M6 23h-3v-10l8.991-8.005 9.009 8.005v10h-3v-9h-12v9zm1-2h10v2h-10v-2zm0-3h10v2h-10v-2zm10-3v2h-10v-2h10zm-5-14.029l12 10.661-1.328 1.493-10.672-9.481-10.672 9.481-1.328-1.493 12-10.661z\"/></svg>"); }
ul.withIcons.white > li.icon-phone::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"%23ffffff\" viewBox=\"0 0 24 24\"><path d=\"M20 2c0-1.105-.896-2-2-2h-12c-1.105 0-2 .896-2 2v20c0 1.104.895 2 2 2h12c1.104 0 2-.896 2-2v-20zm-9.501 0h3.001c.276 0 .5.224.5.5s-.224.5-.5.5h-3.001c-.275 0-.499-.224-.499-.5s.224-.5.499-.5zm1.501 20c-.553 0-1-.448-1-1s.447-1 1-1c.552 0 .999.448.999 1s-.447 1-.999 1zm6-3h-12v-14.024h12v14.024z\"/></svg>"); }
ul.withIcons.white > li.icon-mail::before { top: 0.8em; background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"%23ffffff\" viewBox=\"0 0 24 24\"><path d=\"M12 12.713l-11.985-9.713h23.97l-11.985 9.713zm0 2.574l-12-9.725v15.438h24v-15.438l-12 9.725z\"/></svg>"); }
.StepsWithSnakeLine .nkFlexBox:nth-child(2n+1), .StepsWithSnakeLine .nkFlexBox:nth-child(2n) { border-color: rgb(169, 199, 144); }
.imgLayer-bottom.minH18 { min-height: 12em; }
.imgLayer-bottom { }
.imgLayer-bottom > p { background: rgba(169, 199, 144, 0.75); border-top: 1px solid rgba(255, 255, 255, 0.75); }
.imgLayer-bottom + p { }
.stickyChildBot > div { display: flex; flex-direction: column; justify-content: space-between; }
.stickyChildBot > div > * { flex: 1 0 auto; }
.stickyChildBot > div > :first-child, .stickyChildBot > div > :last-child { flex: 0 0 auto; }
.stickyChildBot > div { background: rgb(249, 249, 251); margin-bottom: 1em; border-radius: 0.5em; overflow: hidden; }
span.lilRounded { font-size: 0.9rem; display: inline-block; border-radius: 0.5em; padding: 0.5em 1em; background-color: rgba(169, 199, 144, 0.3); color: rgb(0, 0, 0); margin-bottom: 1em; }
.posRel > [class^="bg"] { display: flex; flex-direction: column; justify-content: flex-end; min-height: 25em; }
.posRel > [class^="bg"] > blockquote { margin: auto 2em 3em; background: rgba(169, 199, 144, 0.95); color: rgb(255, 255, 255); font-size: 1.2rem; font-style: italic; }
@media (max-width: 59.99rem) {
.posRel > [class^="bg"] { display: flex; flex-direction: column; justify-content: flex-end; min-height: 25em; padding-bottom: 5em; }
.posRel > [class^="bg"] blockquote { font-size: 1rem; bottom: 0px; margin: auto 2em 0px; }
}
.posRel > [class^="bg"] blockquote::before { display: none; }
.nksimpletogglesContainer.theme-roundedThinBorders > div { border-width: 2px; }
.bigLogo img { display: block; margin-left: auto; margin-right: auto; width: 70%; }
@media (min-width: 60rem) {
.bigLogo img { width: 30rem; }
}

/* NordKreatur Ultimate / Joomla 6 compatibility --------------------------- */
#slider,
#slider > .nkSection,
#bottom > .nkSection {
  padding-top: 0;
  padding-bottom: 0;
}

#slider > .nkSection {
  width: 100%;
  max-width: none;
}

#slider .nkMellowSlidesBox {
  width: 100%;
  max-width: none;
}

#slider #home p.padB6 {
  padding-bottom: 0 !important;
  line-height: 2em;
}

#header #logo img {
  display: block;
  width: auto;
  max-height: 2em;
  border-radius: 0;
}

#logoAndMenuContainer.scrolledActive #logo img {
  max-height: 1.5em;
}

@media (min-width: 60rem) {
  #mainmenu > ul {
    display: flex;
    flex: 0 0 100%;
    flex-direction: row;
    align-items: stretch;
    max-width: 100%;
  }
}

/* Keep the desktop header change calm and make the CTA compact from the
   moment the navigation becomes sticky. */
#logoAndMenuContainer {
  transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
}

#logoAndMenuContainer #logo {
  transition: padding 0.5s ease-in-out;
}

#logoAndMenuContainer #logo img {
  transition: max-height 0.5s ease-in-out, fill 0.25s ease;
}

@media (min-width: 60rem) {
  #logoAndMenuContainer.scrolledActive #mainmenu .specialStyleButton {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}

/* Joomla 6 wraps custom modules in an additional 80%-wide element. These
   two visual stages must remain edge-to-edge like on the original site. */
#slider > .nkSection > .mod-custom,
#uebermich > .moduletable.w100p {
  width: 100%;
  max-width: none;
}

@media (min-width: 60rem) {
  #uebermich .nkFlexBox > div:first-child {
    flex: 0 0 68%;
    max-width: 68%;
  }

  #uebermich .nkFlexBox > div:last-child {
    flex: 0 0 32%;
    max-width: 32%;
  }
}

#uebermich .posRel > .bg4 > blockquote {
  position: relative;
  padding: 1.1em;
  border-radius: 0.8em;
  font-weight: 600;
}

#uebermich .posRel > .bg4 {
  background-attachment: scroll;
}

#uebermich .posRel > .bg4 > blockquote::before {
  content: "";
  position: absolute;
  top: -1.75em;
  left: 2em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.75em 0 0 1.75em;
  border-color: transparent transparent transparent #ddd;
}

/* The migrated content still uses this semantic background helper. */
.bgBrightGrey {
  background-color: rgb(249, 249, 251);
}

#nkMellowSlidesBox-177 .nkms-dot-controls button {
  width: 1.75rem;
  height: 1.75rem;
  border-width: 2px;
}

#nkMellowSlidesBox-177 .nkms-dot-controls button.is-active,
#nkMellowSlidesBox-177 .nkms-dot-controls button.jsActive {
  border-color: #fff;
}

/* Footer navigation */
footer #footer {
  padding-top: 1em;
  text-align: center;
}

footer #footer .mod-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
}

/* Semantic replacement for the legacy contact table. */
.supervisionContactDetails {
  width: min(100%, 46rem);
  margin: 2em auto 0;
  text-align: left;
}

.supervisionContactRow {
  display: grid;
  grid-template-columns: 3em 7em minmax(0, 1fr);
  gap: 1em;
  align-items: center;
  padding: 1em 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.supervisionContactRow:last-child {
  border-bottom: 0;
}

.supervisionContactIcon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.supervisionContactIcon svg {
  display: block;
  width: 2em;
  height: 2em;
  fill: currentColor;
}

.supervisionContactLabel {
  font-weight: 500;
}

.supervisionContactRow a {
  color: inherit;
  overflow-wrap: anywhere;
}

/* NK Simple Contact: keep the native privacy checkbox and its text in one row.
   This duplicate of the extension-level correction also provides immediate
   cache busting through the template stylesheet version. */
.nkjsc-native-controls .nkjscNativeCheckbox {
  flex-wrap: nowrap;
}

.nkjsc-native-controls .nkjscNativeCheckbox > label {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  padding: 0;
}

@media (max-width: 39.99rem) {
  .supervisionContactRow {
    grid-template-columns: 2.5em minmax(0, 1fr);
    gap: 0.25em 0.75em;
  }

  .supervisionContactIcon {
    grid-row: 1 / span 2;
  }

  .supervisionContactRow a {
    grid-column: 2;
  }
}

body.splitpage #componentContainer {
  width: 100%;
  max-width: none;
}

body.splitpage #componentContainer,
body.splitpage #component {
  background: transparent;
}

/* Legacy content components used by the migrated Heike-Claassen pages. */
body.fullWidthComponent #componentContainer > div h2 {
  margin-bottom: 0;
  padding-bottom: 0.25em;
}

body.fullWidthComponent #component p,
body.fullWidthComponent #component li {
  line-height: 2em;
}

body.fullWidthComponent #component h3 + p,
body.fullWidthComponent #component .likeh3 + p {
  line-height: 1.8em;
}

#component .nkjsimplecontactBox button[type="submit"] {
  text-transform: none;
}

.marB025 {
  margin-bottom: 0.25em !important;
}

.fontS {
  font-size: 0.9em;
}

.StepsWithSnakeLine {
  max-width: 60rem;
  margin-right: auto;
  margin-left: auto;
}

.StepsWithSnakeLine .nkFlexBox {
  padding: 1em;
  max-width: 100%;
}

.StepsWithSnakeLine .nkFlexBox:nth-child(odd) {
  justify-content: flex-start;
  border-left: 0.8em solid #a9c790;
  border-bottom: 0.8em solid #a9c790;
  border-radius: 0 0 0 1em;
}

.StepsWithSnakeLine .nkFlexBox:nth-child(even) {
  justify-content: flex-end;
  border-right: 0.8em solid #a9c790;
  border-bottom: 0.8em solid #a9c790;
  border-radius: 0 0 1em;
}

.StepsWithSnakeLine .nkFlexBox > div:first-child {
  flex: 0 0 auto;
  max-width: 20%;
}

.StepsWithSnakeLine .nkFlexBox > div:last-child {
  flex: 0 0 auto;
  width: 35rem;
  max-width: 80%;
  text-align: left;
}

.StepsWithSnakeLine .nkFlexBox:nth-child(odd) > div:first-child {
  padding-right: 2em;
  text-align: left;
}

.StepsWithSnakeLine .nkFlexBox:nth-child(even) > div:first-child {
  order: 2;
  padding-left: 2em;
  text-align: right;
}

#nkMellowSlidesBox-177 {
  width: 100%;
  max-width: none;
  color: #a9c790;
}

.kundenbild {
  padding: 1em;
}

.kundenbild img {
  display: inline-block;
  max-width: 5rem;
  max-height: 5rem;
  margin: 0 1rem 0 0;
  border: 2px solid #fff;
  border-radius: 50%;
  vertical-align: middle;
}

.kundenbild img + i {
  display: inline-block;
  padding: 1rem 0;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: left;
  vertical-align: middle;
}

@media (min-width: 60rem) {
  .kundenbild {
    text-align: center;
  }
}

@media (max-width: 39.99rem) {
  .StepsWithSnakeLine {
    max-width: 100%;
  }

  .StepsWithSnakeLine .nkFlexBox {
    padding: 1em 0.5em;
  }

  .StepsWithSnakeLine .nkFlexBox:nth-child(odd) {
    border-left-width: 2px;
    border-bottom-width: 2px;
  }

  .StepsWithSnakeLine .nkFlexBox:nth-child(even) {
    border-right-width: 2px;
    border-bottom-width: 2px;
  }

  .StepsWithSnakeLine .nkFlexBox > div:first-child > img {
    max-width: 3em;
  }

  .StepsWithSnakeLine .nkFlexBox:nth-child(odd) > div:first-child,
  .StepsWithSnakeLine .nkFlexBox:nth-child(even) > div:first-child {
    padding-right: 1em;
    padding-left: 1em;
  }

  .StepsWithSnakeLine .nkFlexBox:nth-child(even) > div:first-child {
    order: 1;
  }
}