html,
body {
max-width: 100%;
overflow-x: hidden;
position: relative;
}
html {
scroll-behavior: smooth;
}
.site-main {
max-width: 100%;
overflow-x: hidden;
}
@supports (overflow: clip) {
html,
body,
.site-main {
overflow-x: clip;
}
}
:root {
--ks-night: #17315f;
--ks-night-deep: #101c43;
--ks-star: #ffd756;
--ks-sun: #ffb347;
--ks-coral: #F35E87;
--ks-coral-light: #f8c8d9;
--ks-blue: #3E85DB;
--ks-sky: #7fd4ff;
--ks-mint: #95e1c6;
--ks-blush: #f8ecf0;
--ks-cream: #fff8e7;
--ks-ink: #17315f;
--ks-header-height: 104px;
--ks-footer-wave-height: 86px;
--ks-hero-night-sky: linear-gradient(135deg, rgba(16, 28, 67, 0.98), rgba(23, 49, 95, 0.92) 55%, rgba(92, 71, 143, 0.88));
--bs-primary: #F35E87;
--bs-secondary: #3E85DB;
--bs-dark: #17315f;
--bs-light: #fff8e7;
}
.site-brand {
display: inline-block;
font-family: 'Fredoka', sans-serif;
font-weight: 700;
line-height: 1;
}
.navbar-brand {
align-items: center;
display: inline-flex;
line-height: 1;
padding-bottom: 0;
padding-top: 0;
}
.site-brand-lockup {
align-items: center;
display: inline-flex;
gap: 0.8rem;
line-height: 1;
}
.site-brand-text {
display: inline-flex;
flex-direction: column;
gap: 0.12rem;
line-height: 1;
}
.site-brand-subtitle {
color: var(--ks-night);
font-family: 'Kalam', cursive;
font-size: 0.94rem;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1;
opacity: 0.74;
text-transform: none;
}
.site-brand-main {
color: var(--ks-blue);
}
.site-brand-accent {
color: var(--ks-coral);
}
.custom-logo,
.site-header-logo {
display: block;
height: auto;
max-height: 60px;
width: auto;
}
.site-main .display-1,
.site-main .display-2,
.site-main .display-3,
.site-main .display-4,
.site-main .display-5,
.site-main .display-6 {
color: var(--ks-night);
}
.site-main .text-white,
.site-main .text-white.display-1,
.site-main .text-white.display-2,
.site-main .text-white.display-3,
.site-main .text-white.display-4,
.site-main .text-white.display-5,
.site-main .text-white.display-6 {
color: var(--bs-white) !important;
}
.site-main> :last-child {
padding-bottom: clamp(5.25rem, 7vw, 7rem) !important;
}
.kannerstaer-page-breadcrumb {
background: rgba(255, 255, 255, 0.94);
border: 1px solid rgba(255, 255, 255, 0.72);
border-radius: 999px;
box-shadow: 0 12px 28px rgba(16, 28, 67, 0.18);
display: inline-flex;
max-width: min(100%, 720px);
padding: 0.4rem 1.1rem;
}
.kannerstaer-page-breadcrumb .breadcrumb {
align-items: center;
}
.kannerstaer-page-breadcrumb .breadcrumb-item,
.kannerstaer-page-breadcrumb .breadcrumb-item a {
color: rgba(23, 49, 95, 0.68);
font-weight: 600;
}
.kannerstaer-page-breadcrumb .breadcrumb-item a:hover,
.kannerstaer-page-breadcrumb .breadcrumb-item a:focus {
color: var(--ks-night);
}
.kannerstaer-page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
color: rgba(23, 49, 95, 0.42);
}
.kannerstaer-page-breadcrumb .breadcrumb-item.is-current {
color: var(--bs-primary);
font-weight: 700;
}
.kannerstaer-section-kicker {
color: var(--bs-primary);
display: inline-flex;
font-size: 1.15rem;
font-weight: 700;
letter-spacing: 0;
margin-bottom: 0;
}
.btn.btn-primary {
--ks-button-bg: var(--ks-coral);
background: var(--ks-button-bg);
background-color: var(--ks-button-bg);
border-color: var(--ks-button-bg);
}
.btn.btn-secondary {
--ks-button-bg: var(--ks-blue);
background: var(--ks-button-bg);
background-color: var(--ks-button-bg);
border-color: var(--ks-button-bg);
}
.btn.btn-light {
--ks-button-bg: var(--ks-blush);
background: var(--ks-button-bg);
background-color: var(--ks-button-bg);
border-color: var(--ks-button-bg);
}
.btn.btn-border-radius {
transition: opacity 0.36s ease, border-radius 0.36s ease, box-shadow 0.36s ease;
}
.btn.btn-border-radius:hover,
.btn.btn-border-radius:focus-visible {
border-radius: 8px;
opacity: 0.94;
}
.btn.btn-border-radius.btn-primary:hover,
.btn.btn-border-radius.btn-primary:focus-visible {
background: var(--ks-button-bg);
background-color: var(--ks-button-bg);
border-color: var(--ks-button-bg);
color: var(--bs-white);
}
.btn.btn-border-radius.btn-secondary:hover,
.btn.btn-border-radius.btn-secondary:focus-visible {
background: var(--ks-button-bg);
background-color: var(--ks-button-bg);
border-color: var(--ks-button-bg);
}
.btn.btn-border-radius.btn-light:hover,
.btn.btn-border-radius.btn-light:focus-visible {
background: var(--ks-button-bg);
background-color: var(--ks-button-bg);
border-color: var(--ks-button-bg);
}
.site-header {
left: 0;
position: sticky;
right: 0;
top: 0;
z-index: 1040;
}
.site-header-shell {
background: #f8ecf0;
border-bottom: 1px solid rgba(23, 49, 95, 0.08);
border-bottom-color: rgba(23, 49, 95, 0.08);
box-shadow: 0 14px 34px rgba(23, 49, 95, 0.1);
}
.navbar .navbar-nav {
align-items: center;
}
.navbar .navbar-nav,
.navbar .navbar-nav ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.navbar .navbar-nav .nav-link {
background-image: linear-gradient(var(--ks-star), var(--ks-star));
background-origin: content-box;
background-clip: content-box;
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0 0.55em;
box-decoration-break: clone;
color: var(--ks-night) !important;
display: block;
position: relative;
transition: color 0.25s ease, background-size 1.15s cubic-bezier(0.28, 0.8, 0.18, 1);
-webkit-box-decoration-break: clone;
}
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .current-menu-item>.nav-link,
.navbar .navbar-nav .current_page_item>.nav-link,
.navbar .navbar-nav .current-menu-ancestor>.nav-link,
.navbar .navbar-nav .current_page_ancestor>.nav-link {
background-size: 100% 0.55em;
}
.navbar .navbar-nav .nav-link:hover {
color: var(--ks-night-deep) !important;
}
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .current-menu-item>.nav-link,
.navbar .navbar-nav .current_page_item>.nav-link,
.navbar .navbar-nav .current-menu-ancestor>.nav-link,
.navbar .navbar-nav .current_page_ancestor>.nav-link {
animation: kannerstaer-nav-marker 1.15s cubic-bezier(0.28, 0.8, 0.18, 1) both;
color: var(--ks-night-deep) !important;
}
.navbar .navbar-nav>li {
position: relative;
}
.navbar-toggler {
border: 0 !important;
box-shadow: none !important;
}
.navbar-toggler:focus {
box-shadow: none !important;
outline: 0;
}
.navbar-toggler:focus-visible {
outline: 2px solid rgba(255, 127, 164, 0.34);
outline-offset: 3px;
}
.kannerstaer-header-actions {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1rem;
}
.kannerstaer-header-actions .btn {
align-items: center;
display: inline-flex;
min-height: 3.25rem;
white-space: nowrap;
}
.kannerstaer-language-switcher {
margin-top: 1rem;
position: relative;
}
.kannerstaer-language-current {
align-items: center;
background: transparent;
border: 0;
border-radius: 999px;
color: var(--ks-night);
display: inline-flex;
font-size: 1rem;
font-weight: 600;
gap: 0.45rem;
height: 2.55rem;
justify-content: center;
min-width: 4rem;
padding: 0 0.2rem;
transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.kannerstaer-language-flag {
font-size: 0.95rem;
line-height: 1;
}
.kannerstaer-language-current .kannerstaer-language-flag {
margin-bottom: -2px;
font-size: 1.25rem;
}
.kannerstaer-language-current i {
color: var(--bs-primary);
font-size: 0.68rem;
transition: transform 0.2s ease;
}
.kannerstaer-language-current:hover,
.kannerstaer-language-current:focus-visible,
.kannerstaer-language-switcher.is-open .kannerstaer-language-current {
box-shadow: none;
color: var(--bs-primary);
outline: none;
}
.kannerstaer-language-switcher.is-open .kannerstaer-language-current i {
transform: rotate(180deg);
}
.kannerstaer-language-menu {
background: var(--bs-white);
border: 1px solid rgba(23, 49, 95, 0.1);
border-radius: 12px;
box-shadow: 0 18px 34px rgba(23, 49, 95, 0.14);
display: grid;
gap: 0.25rem;
opacity: 0;
padding: 0.35rem;
pointer-events: none;
position: absolute;
right: 0;
top: calc(100% + 0.45rem);
transform: translateY(-0.35rem);
transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s;
visibility: hidden;
width: max-content;
z-index: 1050;
}
.kannerstaer-language-switcher.is-open .kannerstaer-language-menu {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
transition-delay: 0s;
visibility: visible;
}
.kannerstaer-language-link {
align-items: center;
border-radius: 8px;
color: var(--ks-night);
display: flex;
font-size: 0.75rem;
font-weight: 800;
gap: 0.4rem;
height: 2.1rem;
justify-content: center;
min-width: 2.85rem;
padding: 0 0.75rem;
transition: background 0.2s ease, color 0.2s ease;
}
.kannerstaer-language-link:hover,
.kannerstaer-language-link.is-current {
background: var(--bs-primary);
color: var(--bs-white);
}
.hero-header {
min-height: calc(100vh - var(--ks-header-height));
min-height: calc(100svh - var(--ks-header-height));
}
.kannerstaer-starry-hero {
background: var(--ks-hero-night-sky) !important;
box-shadow: 0 12px 26px rgba(16, 28, 67, 0.16);
min-height: max(690px, calc(100vh - var(--ks-header-height)));
min-height: max(690px, calc(100svh - var(--ks-header-height)));
overflow: visible !important;
position: relative;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.1;
}
.kannerstaer-starry-hero::after {
background:
linear-gradient(to bottom, transparent 70%, rgba(255, 248, 231, 0.16)),
radial-gradient(circle at 50% 100%, rgba(255, 127, 164, 0.22), transparent 48%);
content: "";
inset: 0;
pointer-events: none;
position: absolute;
z-index: 1;
}
.kannerstaer-starry-hero .container {
position: relative;
z-index: 3;
}
.kannerstaer-hero-row {
min-height: calc(100vh - var(--ks-header-height) - 10rem);
min-height: calc(100svh - var(--ks-header-height) - 10rem);
}
.kannerstaer-hero-copy {
max-width: none;
}
.kannerstaer-starry-hero .display-1 {
max-width: 11.8ch;
}
.kannerstaer-hero-actions-shell {
max-width: 550px;
width: 100%;
}
.kannerstaer-hero-actions {
display: grid;
gap: 2rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
width: 100%;
}
.kannerstaer-hero-actions .btn {
align-items: center;
display: inline-flex;
justify-content: center;
min-height: 3.75rem;
text-align: center;
white-space: normal;
width: 100%;
}
.kannerstaer-hero-visual-col {
display: flex;
justify-content: start;
overflow: visible;
}
.kannerstaer-starry-hero .text-primary {
color: var(--ks-star) !important;
}
.kannerstaer-hero-subtitle {
color: rgba(255, 255, 255, 0.82) !important;
font-weight: 500;
line-height: 1.75;
max-width: 35rem;
}
.kannerstaer-night-sky,
.kannerstaer-starfield {
inset: 0;
pointer-events: none;
position: absolute;
}
.kannerstaer-night-sky {
overflow: hidden;
z-index: 0;
}
.kannerstaer-starfield {
background-repeat: repeat;
opacity: 0.72;
}
.kannerstaer-starfield-one {
animation: kannerstaer-drift-stars 55s linear infinite;
background-image:
radial-gradient(circle, rgba(255, 255, 255, 0.95) 0 1px, transparent 1.5px),
radial-gradient(circle, rgba(255, 215, 86, 0.75) 0 1.2px, transparent 1.8px);
background-position: 0 0, 48px 64px;
background-size: 128px 128px, 190px 190px;
}
.kannerstaer-starfield-two {
animation: kannerstaer-twinkle 4.5s ease-in-out infinite alternate;
background-image:
radial-gradient(circle, rgba(127, 212, 255, 0.7) 0 1.5px, transparent 2.2px),
radial-gradient(circle, rgba(255, 255, 255, 0.75) 0 1px, transparent 1.6px);
background-position: 20px 34px, 82px 12px;
background-size: 220px 220px, 164px 164px;
opacity: 0.5;
}
.kannerstaer-premium-stars {
inset: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: 2;
}
.kannerstaer-premium-star {
animation:
kannerstaer-premium-star-float 5.5s ease-in-out infinite,
kannerstaer-premium-star-pulse 5.5s ease-in-out infinite;
color: var(--ks-star);
height: var(--ks-premium-star-size, 1rem);
opacity: 0;
position: absolute;
transform-origin: center;
width: var(--ks-premium-star-size, 1rem);
}
.kannerstaer-premium-star::before {
background: currentColor;
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
content: "";
display: block;
height: 100%;
width: 100%;
}
.kannerstaer-premium-star-delay-0 {
animation-delay: 0s, 0s;
}
.kannerstaer-premium-star-delay-1 {
animation-delay: 1s, 1s;
}
.kannerstaer-premium-star-delay-2 {
animation-delay: 2s, 2s;
}
.kannerstaer-premium-star-delay-3 {
animation-delay: 3s, 3s;
}
.kannerstaer-premium-star-delay-4 {
animation-delay: 4s, 4s;
}
.kannerstaer-premium-star-delay-5 {
animation-delay: 5s, 5s;
}
.kannerstaer-premium-star-one {
--ks-premium-star-size: clamp(0.85rem, 1.25vw, 1.25rem);
left: 7%;
top: 22%;
}
.kannerstaer-premium-star-two {
--ks-premium-star-size: clamp(0.95rem, 1.45vw, 1.45rem);
left: 36%;
top: 16%;
}
.kannerstaer-premium-star-three {
--ks-premium-star-size: clamp(0.75rem, 1.05vw, 1.1rem);
left: 51%;
top: 28%;
}
.kannerstaer-premium-star-four {
--ks-premium-star-size: clamp(0.9rem, 1.25vw, 1.3rem);
right: 9%;
top: 19%;
}
.kannerstaer-premium-star-five {
--ks-premium-star-size: clamp(0.75rem, 1.05vw, 1.05rem);
bottom: 22%;
left: 14%;
}
.kannerstaer-premium-star-six {
--ks-premium-star-size: clamp(0.85rem, 1.25vw, 1.25rem);
bottom: 18%;
right: 28%;
}
.kannerstaer-hero-visual-wrap {
aspect-ratio: 1040 / 760;
isolation: isolate;
margin: auto;
max-width: min(700px, 105%);
min-height: 490px;
overflow: visible;
position: relative;
width: 105%;
}
.kannerstaer-hero-splash-svg {
display: block;
filter: none;
height: 100%;
overflow: visible;
width: 100%;
}
.kannerstaer-hero-shadow {
fill: #06122d;
pointer-events: none;
}
.kannerstaer-hero-outline-path {
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
}
.kannerstaer-hero-dashed-outline {
opacity: 0.74;
}
.kannerstaer-hero-dashed-outline .kannerstaer-hero-outline-path {
animation: kannerstaer-hero-dash-drift 76s linear infinite;
stroke: rgba(255, 255, 255, 0.84);
stroke-dasharray: 11 14;
stroke-dashoffset: 0;
stroke-width: 8px;
}
.kannerstaer-hero-splash-image {
pointer-events: none;
}
.kannerstaer-hero-solid-outline {
fill: none;
stroke: rgba(255, 255, 255, 0.98);
stroke-width: 10px;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
}
.kannerstaer-hero-sticker {
filter: drop-shadow(0 18px 24px rgba(16, 28, 67, 0.28));
opacity: 1;
pointer-events: none;
position: absolute;
z-index: 4;
}
.kannerstaer-hero-sticker-star {
animation: kannerstaer-float 7s ease-in-out infinite;
left: -5%;
top: 10%;
width: clamp(74px, 9vw, 132px);
}
.kannerstaer-hero-sticker-star-2 {
animation: kannerstaer-float 9s ease-in-out 0.8s infinite;
right: -3%;
top: -4%;
width: clamp(82px, 10vw, 150px);
}
.kannerstaer-hero-sticker-star-3 {
animation: kannerstaer-rocket-float 8.5s ease-in-out infinite;
bottom: -10%;
right: 6%;
transform: rotate(8deg);
width: clamp(92px, 12vw, 174px);
}
.kannerstaer-preinscription-notice {
background: var(--ks-coral);
box-shadow: 0 12px 24px rgba(23, 49, 95, 0.14);
color: #fff;
position: relative;
z-index: 4;
}
.kannerstaer-preinscription-notice-inner {
align-items: center;
display: flex;
gap: 1rem;
justify-content: center;
min-height: 3.25rem;
padding-bottom: 0.45rem;
padding-top: 0.45rem;
}
.kannerstaer-preinscription-notice-text {
display: inline;
font-weight: 700;
line-height: 1.25;
}
.kannerstaer-preinscription-notice-text i {
color: #fff;
font-size: 0.95rem;
margin-right: 0.45rem;
}
.kannerstaer-preinscription-notice-link {
border-bottom: 2px solid currentColor;
color: #fff;
flex: 0 0 auto;
font-weight: 800;
line-height: 1.15;
padding-bottom: 0.05rem;
}
.kannerstaer-preinscription-notice-link:hover,
.kannerstaer-preinscription-notice-link:focus-visible {
color: var(--ks-star);
}
.kannerstaer-marker-title {
border: 0 !important;
color: var(--ks-night) !important;
display: inline;
line-height: 1.16;
}
.no-js .kannerstaer-marker-title {
background-image: linear-gradient(var(--ks-star), var(--ks-star));
background-position: 0 92%;
background-repeat: no-repeat;
background-size: 100% 0.34em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.kannerstaer-marker-line {
background-image: linear-gradient(var(--ks-star), var(--ks-star));
background-position: 0 92%;
background-repeat: no-repeat;
background-size: 0 0.34em;
box-decoration-break: clone;
display: inline-block;
transition: background-size 1.15s cubic-bezier(0.28, 0.8, 0.18, 1);
-webkit-box-decoration-break: clone;
}
.kannerstaer-marker-title.is-visible .kannerstaer-marker-line,
.no-js .kannerstaer-marker-line {
background-size: 100% 0.34em;
}
.kannerstaer-marker-title.is-visible .kannerstaer-marker-line:nth-child(2) {
transition-delay: 0.24s;
}
.kannerstaer-marker-title.is-visible .kannerstaer-marker-line:nth-child(3) {
transition-delay: 0.48s;
}
.kannerstaer-marker-title.is-visible .kannerstaer-marker-line:nth-child(4) {
transition-delay: 0.72s;
}
.kannerstaer-banner-section {
--ks-banner-after-bg: var(--ks-cream);
--ks-banner-before-bg: var(--ks-cream);
background: transparent;
overflow: hidden;
padding: 0;
position: relative;
}
.kannerstaer-banner-section::before,
.kannerstaer-banner-section::after {
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: 0;
}
.kannerstaer-banner-section::before {
background: var(--ks-banner-before-bg);
bottom: 50%;
top: 0;
}
.kannerstaer-banner-section::after {
background: var(--ks-banner-after-bg);
bottom: 0;
top: 50%;
}
.kannerstaer-banner-section>* {
position: relative;
z-index: 1;
}
.kannerstaer-wave-card {
overflow: hidden;
padding: 6rem 0;
position: relative;
}
.kannerstaer-wave-card>* {
position: relative;
z-index: 2;
}
.kannerstaer-wave-card::before,
.kannerstaer-wave-card::after {
content: "";
height: 72px;
left: 0;
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
-webkit-mask-size: 960px 72px;
mask-size: 960px 72px;
pointer-events: none;
position: absolute;
right: 0;
z-index: 1;
}
.kannerstaer-wave-card::before {
background: var(--ks-banner-before-bg);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='960' height='72' viewBox='0 0 960 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M0 0h960v34C800 48 640 48 480 34S160 20 0 34z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='960' height='72' viewBox='0 0 960 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M0 0h960v34C800 48 640 48 480 34S160 20 0 34z'/%3E%3C/svg%3E");
top: -2px;
}
.kannerstaer-wave-card::after {
background: var(--ks-banner-after-bg);
bottom: -2px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='960' height='72' viewBox='0 0 960 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M0 72h960V38C800 24 640 24 480 38S160 52 0 38z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='960' height='72' viewBox='0 0 960 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M0 72h960V38C800 24 640 24 480 38S160 52 0 38z'/%3E%3C/svg%3E");
}
.kannerstaer-contact-banner-section {
--ks-banner-before-bg: #fff9fb;
--ks-banner-after-bg: var(--ks-cream);
overflow: visible;
z-index: 4;
}
.kannerstaer-pedagogy-contact-banner-section {
--ks-banner-before-bg: #ffe4ed;
}
.kannerstaer-contact-strip {
background: var(--ks-hero-night-sky);
overflow: visible;
padding-bottom: 7rem;
padding-top: 7rem;
position: relative;
}
.kannerstaer-contact-strip>.container {
position: relative;
z-index: 2;
}
.kannerstaer-scroll-star {
--ks-scroll-star-base: 0deg;
--ks-scroll-star-rotate: 0deg;
filter: drop-shadow(0 8px 10px rgba(16, 28, 67, 0.2));
opacity: 1;
pointer-events: none;
position: absolute;
transform: rotate(calc(var(--ks-scroll-star-base) + var(--ks-scroll-star-rotate)));
transform-origin: center;
width: clamp(72px, 9vw, 128px);
z-index: 3;
}
.kannerstaer-contact-scroll-star-left {
--ks-scroll-star-base: -16deg;
left: clamp(1.25rem, 7vw, 6rem);
top: -2.5rem;
}
.kannerstaer-contact-scroll-star-right {
--ks-scroll-star-base: 14deg;
right: clamp(1.25rem, 7vw, 6rem);
bottom: -2rem;
}
.kannerstaer-contact-strip-title {
font-family: 'Fredoka', sans-serif;
font-weight: 600;
}
.kannerstaer-contact-strip-subtitle {
color: rgba(255, 255, 255, 0.76);
font-weight: 500;
}
.kannerstaer-contact-strip-actions {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 1.75rem;
justify-content: center;
margin-top: 0.85rem;
}
.kannerstaer-contact-strip-actions .btn {
align-items: center;
display: inline-flex;
justify-content: center;
min-height: 3.5rem;
width: min(100%, 260px);
}
.kannerstaer-final-cta {
background: var(--ks-hero-night-sky) !important;
overflow: visible;
padding-bottom: 7rem;
padding-top: 7rem;
position: relative;
}
.kannerstaer-final-cta-section {
--ks-banner-before-bg: #ffe4ed;
--ks-banner-after-bg: var(--ks-cream);
overflow: visible;
z-index: 3;
}
.kannerstaer-final-cta .container {
position: relative;
z-index: 2;
}
.kannerstaer-final-scroll-star-left {
--ks-scroll-star-base: 15deg;
bottom: -2.25rem;
left: clamp(1.25rem, 7vw, 6rem);
}
.kannerstaer-final-scroll-star-right {
--ks-scroll-star-base: -16deg;
right: clamp(1.25rem, 7vw, 6rem);
top: -2.25rem;
}
.about,
.service,
.program,
.team,
.kannerstaer-home-context-section,
.kannerstaer-gallery-section,
.testimonial {
position: relative;
}
.kannerstaer-testimonial-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}
.kannerstaer-testimonial-grid .testimonial-item {
height: 100%;
}
.about {
background: var(--ks-cream) !important;
}
#home-intro {
box-shadow: 0 10px 24px rgba(23, 49, 95, 0.08);
scroll-margin-top: calc(var(--ks-header-height) + 1rem);
z-index: 2;
}
.kannerstaer-intro-visual-wrap {
aspect-ratio: 640 / 520;
isolation: isolate;
margin: auto;
max-width: min(540px, 100%);
min-height: 380px;
overflow: visible;
position: relative;
width: 100%;
}
.kannerstaer-intro-splash-svg {
display: block;
height: 100%;
overflow: visible;
width: 100%;
}
.kannerstaer-intro-shadow {
fill: rgba(23, 49, 95, 0.24);
filter: drop-shadow(0 22px 28px rgba(23, 49, 95, 0.18));
transform: translate(10px, 14px);
}
.kannerstaer-intro-dashed-outline {
opacity: 0.78;
}
.kannerstaer-intro-dashed-outline path {
animation: kannerstaer-hero-dash-drift 70s linear infinite;
fill: none;
stroke: rgba(255, 72, 128, 0.42);
stroke-dasharray: 10 13;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 6px;
vector-effect: non-scaling-stroke;
}
.kannerstaer-intro-splash-image {
pointer-events: none;
}
.kannerstaer-intro-solid-outline {
fill: none;
stroke: #fff;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 12px;
vector-effect: non-scaling-stroke;
}
.kannerstaer-intro-sticker {
filter: drop-shadow(0 14px 20px rgba(16, 28, 67, 0.22));
opacity: 1;
pointer-events: none;
position: absolute;
z-index: 4;
}
.kannerstaer-intro-sticker-star {
animation: kannerstaer-float 7.5s ease-in-out infinite;
left: -6%;
top: 10%;
width: clamp(48px, 7vw, 90px);
}
.kannerstaer-intro-sticker-star-2 {
animation: kannerstaer-intro-top-star-float 9s ease-in-out 0.7s infinite both;
right: -2%;
top: 2%;
transform: translate3d(0, 0, 0) rotate(12deg);
width: clamp(52px, 8vw, 100px);
}
.kannerstaer-intro-sticker-star-3 {
animation: kannerstaer-rocket-float 8.5s ease-in-out infinite;
bottom: -4%;
right: 8%;
width: clamp(52px, 9vw, 100px);
}
.service {
background:
linear-gradient(#fff9fb 0 3px, transparent 3px),
linear-gradient(#fff9fb, #ffe4ed) !important;
box-shadow: 0 10px 24px rgba(23, 49, 95, 0.08);
z-index: 2;
}
.kannerstaer-gallery-section {
background: #fff9fb;
}
.kannerstaer-foogallery-wrap {
margin-left: auto;
margin-right: auto;
max-width: min(100%, 1320px);
min-width: 0;
}
@media (min-width: 1400px) {
.kannerstaer-gallery-section .container {
max-width: 1440px;
}
.kannerstaer-foogallery-wrap {
max-width: 1360px;
}
}
.kannerstaer-gallery-admin-note {
background: #fff;
border: 1px dashed rgba(243, 94, 135, 0.55);
border-radius: 8px;
color: var(--ks-night);
margin-left: auto;
margin-right: auto;
max-width: 760px;
padding: 1.5rem;
text-align: center;
}
.kannerstaer-foogallery-wrap .foogallery {
--ks-fg-thumb-width: 450px;
--ks-fg-thumb-height: 300px;
--ks-fg-gap: clamp(0.85rem, 2vw, 1.35rem);
--ks-fg-control-size: 3.15rem;
--ks-fg-dot-size: 0.72rem;
min-width: 0 !important;
position: relative;
width: 100%;
overflow: visible;
}
.kannerstaer-foogallery-wrap .foogallery .fg-item {
margin-left: calc(var(--ks-fg-gap) / 2) !important;
margin-right: calc(var(--ks-fg-gap) / 2) !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-item-inner,
.kannerstaer-foogallery-wrap .foogallery .fg-thumb,
.kannerstaer-foogallery-wrap .foogallery .fg-image-wrap {
border-radius: 8px !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-item-inner,
.kannerstaer-foogallery-wrap .foogallery .fg-thumb {
display: block;
max-width: 100%;
width: var(--ks-fg-thumb-width) !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-thumb {
height: var(--ks-fg-thumb-height) !important;
overflow: hidden;
}
.kannerstaer-foogallery-wrap .foogallery .fg-image-wrap {
height: var(--ks-fg-thumb-height) !important;
max-width: 100%;
overflow: hidden;
width: var(--ks-fg-thumb-width) !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-image {
display: block;
height: 100% !important;
object-fit: cover;
width: 100% !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-bottom {
align-items: center;
display: flex !important;
gap: 0.55rem;
justify-content: center;
margin-top: clamp(2rem, 3.6vw, 3rem) !important;
position: relative !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-bullet {
align-items: center;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
display: inline-flex !important;
font-size: 0 !important;
height: 1.3rem !important;
justify-content: center;
line-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
width: 1.3rem !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-bullet::before {
background: rgba(243, 94, 135, 0.62);
border: 1px solid rgba(243, 94, 135, 0.72);
border-radius: 999px;
content: "";
display: block;
height: var(--ks-fg-dot-size);
transition: background 0.25s ease, box-shadow 0.25s ease, width 0.25s ease;
width: var(--ks-fg-dot-size);
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-bullet:hover::before,
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-bullet:focus-visible::before {
background: rgba(243, 94, 135, 0.78);
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-bullet.fg-bullet-active::before {
background: var(--ks-coral);
border-color: var(--ks-coral);
box-shadow: 0 0 0 0.22rem rgba(243, 94, 135, 0.14);
width: 1.6rem;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-bullet.fg-bullet-active {
width: 1.8rem !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-bullet:focus-visible {
outline: 2px solid rgba(62, 133, 219, 0.55) !important;
outline-offset: 3px;
}
.kannerstaer-foogallery-wrap .foogallery :is(.fg-paging-container, .fg-dots, .fg-page-dots, .fg-pagination, .owl-dots, .slick-dots, .swiper-pagination) {
align-items: center;
display: flex !important;
gap: 0.55rem;
justify-content: center;
margin-bottom: 0 !important;
margin-top: clamp(1.75rem, 3vw, 2.5rem) !important;
}
.kannerstaer-foogallery-wrap .foogallery :is(.fg-dot, .fg-page-dot, .owl-dot, .swiper-pagination-bullet),
.kannerstaer-foogallery-wrap .foogallery .slick-dots li,
.kannerstaer-foogallery-wrap .foogallery .slick-dots button {
align-items: center;
background: transparent !important;
border: 0 !important;
display: inline-flex !important;
font-size: 0 !important;
height: 1.25rem !important;
justify-content: center;
line-height: 0 !important;
margin: 0 !important;
overflow: hidden;
padding: 0 !important;
width: 1.25rem !important;
}
.kannerstaer-foogallery-wrap .foogallery :is(.fg-dot, .fg-page-dot, .owl-dot, .swiper-pagination-bullet)::before,
.kannerstaer-foogallery-wrap .foogallery .slick-dots button::before {
background: rgba(243, 94, 135, 0.32);
border: 1px solid rgba(243, 94, 135, 0.36);
border-radius: 999px;
content: "";
display: block;
height: var(--ks-fg-dot-size);
transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease, width 0.25s ease;
width: var(--ks-fg-dot-size);
}
.kannerstaer-foogallery-wrap .foogallery :is(.fg-dot.active, .fg-dot.current, .fg-dot.selected, .fg-dot.fg-selected, .fg-dot.fg-active, .fg-page-dot.active, .fg-page-dot.current, .fg-page-dot.selected, .fg-page-dot.fg-selected, .fg-page-dot.fg-active, .owl-dot.active, .swiper-pagination-bullet-active, [aria-current="true"])::before,
.kannerstaer-foogallery-wrap .foogallery .slick-dots li.slick-active button::before {
background: var(--ks-coral);
border-color: var(--ks-coral);
box-shadow: 0 0 0 0.22rem rgba(243, 94, 135, 0.14);
transform: scale(1);
width: 1.55rem;
}
.kannerstaer-foogallery-wrap .foogallery :is(.fg-prev, .fg-next, .fg-prev-button, .fg-next-button, .fg-carousel-prev, .fg-carousel-next, .owl-prev, .owl-next, .slick-prev, .slick-next, .swiper-button-prev, .swiper-button-next) {
align-items: center !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: var(--ks-night) !important;
display: inline-flex !important;
height: var(--ks-fg-control-size) !important;
justify-content: center !important;
opacity: 1 !important;
position: absolute !important;
top: calc(var(--ks-fg-thumb-height) / 2) !important;
transform: translateY(-50%) !important;
transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease !important;
width: var(--ks-fg-control-size) !important;
z-index: 30 !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-prev {
left: clamp(0rem, 0.7vw, 0.6rem) !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-next {
right: clamp(0rem, 0.7vw, 0.6rem) !important;
}
.kannerstaer-foogallery-wrap .foogallery :is(.fg-prev, .fg-next, .fg-prev-button, .fg-next-button, .fg-carousel-prev, .fg-carousel-next, .owl-prev, .owl-next, .slick-prev, .slick-next, .swiper-button-prev, .swiper-button-next):hover,
.kannerstaer-foogallery-wrap .foogallery :is(.fg-prev, .fg-next, .fg-prev-button, .fg-next-button, .fg-carousel-prev, .fg-carousel-next, .owl-prev, .owl-next, .slick-prev, .slick-next, .swiper-button-prev, .swiper-button-next):focus-visible {
background: transparent !important;
border-color: transparent !important;
color: var(--ks-coral) !important;
transform: translateY(-50%) scale(1.03) !important;
}
.kannerstaer-foogallery-wrap .foogallery :is(.fg-prev, .fg-next, .fg-prev-button, .fg-next-button, .fg-carousel-prev, .fg-carousel-next, .owl-prev, .owl-next, .slick-prev, .slick-next, .swiper-button-prev, .swiper-button-next):focus-visible {
outline: 2px solid rgba(62, 133, 219, 0.55) !important;
outline-offset: 3px;
}
.kannerstaer-foogallery-wrap .foogallery :is(.fg-prev, .fg-next, .fg-prev-button, .fg-next-button, .fg-carousel-prev, .fg-carousel-next, .owl-prev, .owl-next, .slick-prev, .slick-next, .swiper-button-prev, .swiper-button-next)::before,
.kannerstaer-foogallery-wrap .foogallery :is(.fg-prev, .fg-next, .fg-prev-button, .fg-next-button, .fg-carousel-prev, .fg-carousel-next, .owl-prev, .owl-next, .slick-prev, .slick-next, .swiper-button-prev, .swiper-button-next)::after {
color: currentColor !important;
}
.kannerstaer-foogallery-wrap .foogallery :is(.fg-carousel-prev, .fg-carousel-next) .fg-icon,
.kannerstaer-foogallery-wrap .foogallery :is(.fg-carousel-prev, .fg-carousel-next) .fg-icon path {
fill: currentColor !important;
stroke: currentColor !important;
}
.kannerstaer-foogallery-wrap .foogallery :is(.fg-carousel-prev, .fg-carousel-next) .fg-icon {
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 6px 16px rgba(23, 49, 95, 0.05);
box-sizing: content-box;
height: 1.5rem !important;
padding: 1rem;
border-radius: 1rem;
width: 1.5rem !important;
min-width: 1.5rem !important;
min-height: 1.5rem !important;
}
@media (max-width: 1199.98px) {
.kannerstaer-foogallery-wrap .foogallery {
--ks-fg-thumb-width: clamp(170px, 58vw, 260px);
--ks-fg-thumb-height: clamp(113px, 38.67vw, 173px);
--ks-fg-gap: 0.8rem;
--ks-fg-control-size: 2.7rem;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-inner {
display: block !important;
height: calc(var(--ks-fg-thumb-height) + 0.75rem) !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
position: relative !important;
width: 100% !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-center {
display: block !important;
height: var(--ks-fg-thumb-height) !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: var(--ks-fg-thumb-width) !important;
min-width: 0 !important;
width: var(--ks-fg-thumb-width) !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-item {
left: 50% !important;
margin-left: 0 !important;
margin-right: 0 !important;
max-width: var(--ks-fg-thumb-width) !important;
min-width: 0 !important;
opacity: 0 !important;
pointer-events: none;
position: absolute !important;
top: 0 !important;
transform: translate3d(-50%, 0, -28px) scale(0.84) !important;
transform-origin: center center !important;
visibility: hidden !important;
width: var(--ks-fg-thumb-width) !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-item-inner,
.kannerstaer-foogallery-wrap .foogallery .fg-thumb,
.kannerstaer-foogallery-wrap .foogallery .fg-image-wrap {
min-width: 0 !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-image {
max-width: 100% !important;
min-width: 0 !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-item-active {
opacity: 1 !important;
pointer-events: auto;
transform: translate3d(-50%, 0, 0) !important;
visibility: visible !important;
z-index: 12 !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-item:has(+ .fg-item-active) {
opacity: 1 !important;
pointer-events: auto;
transform: translate3d(-113%, 0, -18px) scale(0.9) !important;
visibility: visible !important;
z-index: 10 !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-inner:has(.fg-carousel-center + .fg-item.fg-item-active) .fg-item:last-child {
opacity: 1 !important;
pointer-events: auto;
transform: translate3d(-113%, 0, -18px) scale(0.9) !important;
visibility: visible !important;
z-index: 10 !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-item-active+.fg-item {
opacity: 1 !important;
pointer-events: auto;
transform: translate3d(23%, 0, -18px) scale(0.9) !important;
visibility: visible !important;
z-index: 10 !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-inner:has(.fg-item:last-child.fg-item-active) .fg-carousel-center+.fg-item {
opacity: 1 !important;
pointer-events: auto;
transform: translate3d(23%, 0, -18px) scale(0.9) !important;
visibility: visible !important;
z-index: 10 !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-prev {
left: 0 !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-next {
right: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.kannerstaer-foogallery-wrap .foogallery {
--ks-fg-thumb-width: clamp(300px, 40vw, 360px);
--ks-fg-thumb-height: clamp(200px, 26.67vw, 240px);
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.kannerstaer-foogallery-wrap .foogallery {
--ks-fg-thumb-width: clamp(360px, 37vw, 400px);
--ks-fg-thumb-height: clamp(240px, 24.67vw, 267px);
--ks-fg-control-size: 3.15rem;
}
}
@media (max-width: 575.98px) {
.kannerstaer-foogallery-wrap .foogallery {
--ks-fg-thumb-width: clamp(220px, 76vw, 300px);
--ks-fg-thumb-height: clamp(147px, 50.67vw, 200px);
--ks-fg-gap: 0.65rem;
--ks-fg-control-size: 2.45rem;
--ks-fg-dot-size: 0.62rem;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-bottom,
.kannerstaer-foogallery-wrap .foogallery :is(.fg-paging-container, .fg-dots, .fg-page-dots, .fg-pagination, .owl-dots, .slick-dots, .swiper-pagination) {
margin-top: 1.5rem !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-item:has(+ .fg-item-active) {
transform: translate3d(-102%, 0, -18px) scale(0.84) !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-inner:has(.fg-carousel-center + .fg-item.fg-item-active) .fg-item:last-child {
transform: translate3d(-102%, 0, -18px) scale(0.84) !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-item-active+.fg-item {
transform: translate3d(18%, 0, -18px) scale(0.84) !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-inner:has(.fg-item:last-child.fg-item-active) .fg-carousel-center+.fg-item {
transform: translate3d(18%, 0, -18px) scale(0.84) !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel,
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-inner {
min-width: 0 !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-inner {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (max-width: 420px) {
.kannerstaer-hero-actions .btn {
font-size: 0.9rem;
}
.kannerstaer-foogallery-wrap .foogallery {
--ks-fg-thumb-width: clamp(220px, 82vw, 300px);
--ks-fg-thumb-height: clamp(147px, 54.67vw, 200px);
--ks-fg-control-size: 2.25rem;
}
.kannerstaer-foogallery-wrap .foogallery .fg-item:has(+ .fg-item-active) {
transform: translate3d(-93%, 0, -18px) scale(0.78) !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-inner:has(.fg-carousel-center + .fg-item.fg-item-active) .fg-item:last-child {
transform: translate3d(-93%, 0, -18px) scale(0.78) !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-item-active+.fg-item {
transform: translate3d(15%, 0, -18px) scale(0.78) !important;
}
.kannerstaer-foogallery-wrap .foogallery .fg-carousel-inner:has(.fg-item:last-child.fg-item-active) .fg-carousel-center+.fg-item {
transform: translate3d(15%, 0, -18px) scale(0.78) !important;
}
}
.kannerstaer-home-context-section {
background: var(--ks-cream);
box-shadow: 0 10px 24px rgba(23, 49, 95, 0.08);
z-index: 3;
}
.kannerstaer-home-intro-copy,
.kannerstaer-home-context-copy p {
hyphens: auto;
text-align: justify;
text-align-last: left;
}
.kannerstaer-home-context-copy p:last-child {
margin-bottom: 0;
}
.kannerstaer-home-context-points {
margin-top: 1.5rem;
}
.kannerstaer-home-context-section .kannerstaer-context-card {
background: transparent;
border: 0;
box-shadow: none;
gap: 0.9rem;
padding: 0.15rem 0;
}
.kannerstaer-home-context-section .kannerstaer-context-card-icon {
background: rgba(62, 133, 219, 0.12);
color: var(--ks-blue);
flex-basis: 2.35rem;
font-size: 0.95rem;
height: 2.35rem;
width: 2.35rem;
}
.kannerstaer-home-context-section .kannerstaer-context-card h3 {
margin-bottom: 0.25rem !important;
}
.kannerstaer-topic-panel {
background: #fff;
border: 1px solid rgba(255, 72, 128, 0.24);
border-radius: 8px;
box-shadow: 0 16px 34px rgba(23, 49, 95, 0.1);
padding: clamp(1.5rem, 4vw, 3rem);
}
.kannerstaer-context-card {
align-items: flex-start;
background: #fff;
border: 1px solid rgba(23, 49, 95, 0.1);
border-radius: 12px;
box-shadow: 0 10px 20px rgba(23, 49, 95, 0.06);
color: var(--ks-night);
display: flex;
gap: 1rem;
height: 100%;
padding: 1.1rem;
}
.kannerstaer-context-card-icon {
align-items: center;
background: rgba(62, 133, 219, 0.12);
border-radius: 999px;
color: var(--ks-blue);
display: inline-flex;
flex: 0 0 2.55rem;
font-size: 1.15rem;
height: 2.55rem;
justify-content: center;
width: 2.55rem;
}
.kannerstaer-context-card h3,
.kannerstaer-axis-card h3 {
color: var(--ks-night);
}
.kannerstaer-room-card {
display: block;
}
.kannerstaer-room-card-heading {
align-items: center;
display: flex;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
.kannerstaer-room-card-heading h3 {
margin-bottom: 0 !important;
}
.kannerstaer-room-card-1 .kannerstaer-context-card-icon {
background: rgba(255, 193, 7, 0.18);
color: #c88600;
}
.kannerstaer-room-card-2 .kannerstaer-context-card-icon {
background: rgba(62, 133, 219, 0.14);
color: var(--ks-blue);
}
.kannerstaer-room-card-3 .kannerstaer-context-card-icon {
background: rgba(60, 153, 110, 0.14);
color: #2e8c61;
}
.kannerstaer-room-card-4 .kannerstaer-context-card-icon {
background: rgba(151, 107, 196, 0.15);
color: #8253b6;
}
.kannerstaer-context-card p,
.kannerstaer-axis-card p {
line-height: 1.6;
}
.kannerstaer-meals-intro-copy {
hyphens: auto;
text-align: justify;
text-align-last: left;
}
.kannerstaer-meals-checks p {
align-items: flex-start;
color: var(--ks-night);
display: flex;
font-weight: 500;
line-height: 1.55;
}
.kannerstaer-meals-checks i {
flex: 0 0 auto;
margin-top: 0.2rem;
}
.kannerstaer-meals-quality-section {
background: #fff9fb;
box-shadow: 0 10px 24px rgba(23, 49, 95, 0.08);
padding-top: clamp(3.5rem, 4vw, 5rem) !important;
position: relative;
z-index: 4;
}
.kannerstaer-meals-quality-section>.container {
padding-top: 0 !important;
}
.kannerstaer-meals-intro-section {
box-shadow: 0 10px 24px rgba(23, 49, 95, 0.08);
position: relative;
z-index: 3;
}
.kannerstaer-meals-reperes-section {
position: relative;
z-index: 1;
}
.kannerstaer-meals-quality-board {
background:
radial-gradient(circle at 50% 0%, rgba(127, 212, 255, 0.18), transparent 20rem),
radial-gradient(circle at 18% 100%, rgba(255, 215, 86, 0.14), transparent 14rem),
linear-gradient(135deg, var(--ks-night-deep), var(--ks-night) 54%, #5c478f);
border-radius: 18px;
box-shadow: 0 16px 34px rgba(23, 49, 95, 0.12);
overflow: hidden;
padding: clamp(2rem, 5vw, 4rem);
position: relative;
}
.kannerstaer-meals-quality-board .kannerstaer-night-sky {
opacity: 0.64;
}
.kannerstaer-meals-quality-content {
position: relative;
z-index: 1;
}
.kannerstaer-meals-quality-head {
max-width: none;
}
.kannerstaer-meals-quality-kicker {
color: var(--ks-star);
}
.kannerstaer-meals-quality-copy {
color: rgba(255, 255, 255, 0.82);
line-height: 1.7;
max-width: 48rem;
}
.kannerstaer-meals-quality-badge {
align-items: flex-start;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 215, 86, 0.36);
border-radius: 8px;
color: #fff;
display: inline-flex;
font-family: 'Fredoka', sans-serif;
font-size: 1.05rem;
font-weight: 700;
gap: 1.1rem;
max-width: min(100%, 32rem);
padding: 0.65rem 1rem;
}
.kannerstaer-meals-quality-lines {
padding-top: 1.25rem;
}
.kannerstaer-meals-quality-badge-text {
display: grid;
gap: 0.2rem;
text-align: left;
}
.kannerstaer-meals-quality-badge small {
color: rgba(255, 255, 255, 0.76);
display: block;
font-family: 'Nunito', sans-serif;
font-size: 0.92rem;
font-weight: 500;
line-height: 1.45;
}
.kannerstaer-meals-quality-badge-icon {
align-items: center;
background: rgba(255, 215, 86, 0.16);
border: 1px solid rgba(255, 215, 86, 0.34);
border-radius: 999px;
color: var(--ks-star);
display: inline-flex;
flex: 0 0 2.25rem;
height: 2.25rem;
justify-content: center;
width: 2.25rem;
}
.kannerstaer-meals-quality-point {
border-top: 1px solid rgba(255, 255, 255, 0.28);
color: rgba(255, 255, 255, 0.78);
height: 100%;
padding-top: 1.35rem;
position: relative;
}
.kannerstaer-meals-quality-point::before {
background: var(--ks-star);
border-radius: 999px;
box-shadow: 0 0 0 5px rgba(255, 215, 86, 0.16);
content: "";
height: 0.58rem;
left: 0;
position: absolute;
top: -0.3rem;
width: 0.58rem;
}
.kannerstaer-meals-learning-icon {
align-items: center;
background: rgba(62, 133, 219, 0.12);
border-radius: 999px;
color: var(--ks-blue);
display: inline-flex;
flex: 0 0 3rem;
font-size: 1.25rem;
height: 3rem;
justify-content: center;
width: 3rem;
}
.kannerstaer-meals-quality-point-icon {
color: var(--ks-star);
display: inline-flex;
font-size: 1.45rem;
margin-bottom: 0.85rem;
}
.kannerstaer-meals-quality-point h3 {
color: #fff;
}
.kannerstaer-meals-quality-point p {
line-height: 1.6;
}
.kannerstaer-meals-learning-card h3 {
color: var(--ks-night);
}
.kannerstaer-meals-learning-card p {
line-height: 1.65;
}
.kannerstaer-meals-learning-section {
background: var(--ks-cream);
}
.kannerstaer-meals-learning-subtitle {
max-width: 780px;
}
.kannerstaer-meals-learning-card {
background: #fff;
border: 1px solid rgba(23, 49, 95, 0.1);
border-radius: 8px;
box-shadow: 0 14px 28px rgba(23, 49, 95, 0.08);
height: 100%;
padding: 1.35rem;
}
.kannerstaer-meals-learning-icon {
background: rgba(243, 94, 135, 0.12);
color: var(--ks-coral);
margin-bottom: 1rem;
}
.kannerstaer-approach-copy>.text-dark,
.kannerstaer-approach-copy .entry-content p {
text-align: justify;
}
.kannerstaer-pedagogy-intro-section {
box-shadow: 0 10px 24px rgba(23, 49, 95, 0.08);
position: relative;
z-index: 3;
}
.kannerstaer-pedagogy-axes-section {
background: var(--ks-cream);
box-shadow: 0 10px 24px rgba(23, 49, 95, 0.08);
position: relative;
z-index: 2;
}
.kannerstaer-meals-contact-banner-section {
--ks-banner-before-bg: #ffe4ed;
--ks-banner-after-bg: var(--ks-cream);
}
.kannerstaer-csa-intro-copy {
hyphens: auto;
text-align: justify;
text-align-last: left;
}
.kannerstaer-csa-image-stack {
display: grid;
margin: 0 auto;
max-width: 520px;
min-height: 340px;
padding: 1rem 0.75rem 2rem;
position: relative;
}
.kannerstaer-csa-image-card {
background: #fff;
border: 8px solid #fff;
box-shadow: 0 20px 42px rgba(23, 49, 95, 0.16);
margin: 0;
overflow: hidden;
position: relative;
z-index: 2;
}
.kannerstaer-csa-stack-outline {
height: calc(100% - 6rem);
inset: 3rem 3rem;
overflow: visible;
pointer-events: none;
position: absolute;
width: calc(100% - 4rem);
z-index: 1;
}
.kannerstaer-csa-stack-outline path {
animation: kannerstaer-hero-dash-drift 70s linear infinite;
fill: none;
stroke: rgba(255, 72, 128, 0.46);
stroke-dasharray: 12 15;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 5px;
vector-effect: non-scaling-stroke;
}
.kannerstaer-csa-image-card img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.kannerstaer-csa-image-card-main {
aspect-ratio: 390 / 222;
border-radius: 18px;
justify-self: start;
width: min(90%, 440px);
}
.kannerstaer-csa-image-card-secondary {
align-self: end;
aspect-ratio: 425 / 222;
border-radius: 18px;
justify-self: end;
margin-top: -1.35rem;
width: min(82%, 395px);
}
.kannerstaer-csa-sticker {
z-index: 4;
}
.kannerstaer-csa-sticker-one {
left: -4%;
top: -2%;
width: clamp(48px, 7vw, 82px);
}
.kannerstaer-csa-sticker-two {
right: 0;
top: 0;
width: clamp(48px, 7vw, 88px);
}
.kannerstaer-csa-sticker-three {
bottom: 0.6rem;
right: 0%;
width: clamp(44px, 6vw, 78px);
}
.kannerstaer-csa-conditions-section {
background: #fff9fb;
box-shadow: 0 10px 24px rgba(23, 49, 95, 0.08);
position: relative;
z-index: 2;
}
.kannerstaer-csa-condition-panel {
background: #fff;
border: 1px solid rgba(23, 49, 95, 0.1);
border-radius: 8px;
box-shadow: 0 16px 34px rgba(23, 49, 95, 0.1);
display: flex;
flex-direction: column;
gap: 1.4rem;
overflow: hidden;
padding: clamp(1.4rem, 3vw, 2.25rem);
position: relative;
}
.kannerstaer-csa-condition-panel::before {
background: var(--ks-coral);
content: "";
height: 6px;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.kannerstaer-csa-condition-panel-non-residents::before {
background: var(--ks-blue);
}
.kannerstaer-csa-condition-heading {
align-items: center;
display: flex;
gap: 1rem;
}
.kannerstaer-csa-condition-heading h3 {
color: var(--ks-night);
}
.kannerstaer-csa-condition-icon {
align-items: center;
background: rgba(243, 94, 135, 0.12);
border-radius: 999px;
color: var(--ks-coral);
display: inline-flex;
flex: 0 0 3.25rem;
font-size: 1.3rem;
height: 3.25rem;
justify-content: center;
width: 3.25rem;
}
.kannerstaer-csa-condition-panel-non-residents .kannerstaer-csa-condition-icon {
background: rgba(62, 133, 219, 0.12);
color: var(--ks-blue);
}
.kannerstaer-csa-condition-list {
display: grid;
gap: 1.55rem;
list-style: none;
margin: 0;
padding: 0;
}
.kannerstaer-csa-condition-list li {
align-items: flex-start;
color: var(--ks-night);
display: flex;
gap: 0.75rem;
line-height: 1.6;
}
.kannerstaer-csa-condition-list i {
color: var(--ks-coral);
flex: 0 0 auto;
font-size: 1.35rem;
margin-top: 0.18rem;
}
.kannerstaer-csa-condition-panel-non-residents .kannerstaer-csa-condition-list i {
color: var(--ks-blue);
}
.kannerstaer-csa-steps-section {
background: var(--ks-cream);
}
.kannerstaer-csa-steps-heading {
max-width: 780px;
}
.kannerstaer-csa-steps-grid .kannerstaer-csa-step-card {
align-items: flex-start;
flex-direction: row;
text-align: left;
}
.kannerstaer-csa-step-card {
border-color: rgba(62, 133, 219, 0.16);
box-shadow: 0 12px 24px rgba(23, 49, 95, 0.07);
}
.kannerstaer-csa-link-banner-section {
--ks-banner-before-bg: var(--ks-cream);
--ks-banner-after-bg: #fff9fb;
margin-top: -1.75rem;
z-index: 4;
}
.kannerstaer-csa-link-strip {
padding-bottom: 5.75rem;
padding-top: 5.75rem;
}
.kannerstaer-csa-link-strip .kannerstaer-contact-strip-actions .btn {
max-width: 100%;
white-space: nowrap;
width: auto;
}
.kannerstaer-pedagogy-daily-section {
background: #fff9fb;
}
.kannerstaer-pedagogy-daily-section .kannerstaer-justified-copy {
text-align: justify;
}
.kannerstaer-axes-card-wrap {
max-width: 1040px;
}
.kannerstaer-axes-subtitle {
max-width: 780px;
}
.kannerstaer-axis-card {
background: #fff;
border: 1px solid rgba(23, 49, 95, 0.1);
border-left: 4px solid var(--ks-coral);
border-radius: 8px;
box-shadow: 0 14px 28px rgba(23, 49, 95, 0.08);
display: flex;
gap: 1rem;
height: 100%;
padding: 1.25rem;
}
.kannerstaer-axis-number {
color: var(--ks-coral);
flex: 0 0 auto;
font-family: 'Fredoka', sans-serif;
font-size: 1.3rem;
font-weight: 700;
line-height: 1;
padding-top: 0.2rem;
}
@media (min-width: 992px) {
.kannerstaer-pedagogy-daily-row {
--bs-gutter-x: 5.5rem;
}
}
.service .service-item,
.program .program-item,
.team .team-item,
.testimonial .testimonial-item {
box-shadow: 0 16px 36px rgba(23, 49, 95, 0.12);
}
.service .service-item {
--ks-service-card-shape: 50% 20% / 10% 40%;
background: transparent !important;
border: 0 !important;
border-radius: var(--ks-service-card-shape);
box-shadow: none;
isolation: isolate;
overflow: visible;
position: relative;
transform: translateY(0);
transition:
box-shadow 0.35s ease,
transform 0.35s ease;
}
.kannerstaer-essentials-grid {
--bs-gutter-x: 3.75rem;
}
.kannerstaer-service-border {
--ks-service-border-base: -4deg;
height: calc(100% + clamp(14px, 10%, 36px));
left: 50%;
overflow: visible;
pointer-events: none;
position: absolute;
top: 50%;
transform: translate(-50%, -50%) rotate(var(--ks-service-border-base));
transform-origin: center;
width: calc(100% + clamp(14px, 7%, 36px));
z-index: 0;
}
.kannerstaer-service-border-path {
animation: kannerstaer-service-dash-flow 90s linear infinite;
animation-play-state: paused;
fill: none;
stroke: rgba(255, 127, 164, 0.5);
stroke-dasharray: 14 14;
stroke-dashoffset: 0;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 5;
vector-effect: non-scaling-stroke;
}
.service .service-content {
background: #fff;
border: 2px solid var(--ks-coral-light);
border-radius: var(--ks-service-card-shape);
box-shadow:
inset 0 0 0 1px rgba(255, 127, 164, 0.18),
0 16px 36px rgba(23, 49, 95, 0.12);
position: relative;
z-index: 2;
}
.kannerstaer-essential-card {
align-items: flex-start;
display: flex;
gap: 1rem;
height: 100%;
text-align: left;
}
.kannerstaer-essential-card-icon {
align-items: center;
background: var(--ks-blush);
border-radius: 999px;
display: inline-flex;
flex-shrink: 0;
flex: 0 0 3.25rem;
font-size: 1.3rem;
height: 3.25rem;
justify-content: center;
margin-top: 0.15rem;
width: 3.25rem;
}
.service .service-content::after {
background: transparent !important;
content: none !important;
display: none !important;
opacity: 0 !important;
width: 0 !important;
}
.service .service-item:hover,
.service .service-item:focus-within {
transform: translateY(-8px);
}
.service .service-item:hover .service-content,
.service .service-item:focus-within .service-content {
box-shadow:
inset 0 0 0 1px rgba(255, 127, 164, 0.2),
0 16px 36px rgba(23, 49, 95, 0.12);
}
.service .service-item:hover .kannerstaer-service-border-path,
.service .service-item:focus-within .kannerstaer-service-border-path,
.team .team-item:hover .kannerstaer-service-border-path,
.team .team-item:focus-within .kannerstaer-service-border-path {
animation-play-state: running;
}
.service .service-item:hover .service-content::after,
.service .service-item:focus-within .service-content::after {
background: transparent !important;
content: none !important;
display: none !important;
opacity: 0 !important;
width: 0 !important;
}
.service .service-item:hover .service-content-inner p,
.service .service-item:focus-within .service-content-inner p {
color: #70747f !important;
}
.service .service-content-inner p:last-child {
margin-bottom: 0;
}
.service .service-content-inner h3,
.program .program-text-inner .h4 {
color: var(--ks-night);
}
.service .kannerstaer-card-icon,
.service .service-item:hover .kannerstaer-card-icon,
.service .service-item:focus-within .kannerstaer-card-icon {
opacity: 1 !important;
}
.service .kannerstaer-card-icon i,
.service .kannerstaer-card-icon i::before {
--bs-text-opacity: 1;
align-items: center;
background: transparent;
border: 0;
border-radius: 0;
color: var(--bs-primary) !important;
display: inline-flex;
filter: none !important;
height: auto;
justify-content: center;
opacity: 1 !important;
transition: none !important;
-webkit-text-fill-color: var(--bs-primary);
width: auto;
}
.service .service-item:hover .kannerstaer-card-icon i,
.service .service-item:hover .kannerstaer-card-icon i::before,
.service .service-item:focus-within .kannerstaer-card-icon i,
.service .service-item:focus-within .kannerstaer-card-icon i::before {
--bs-text-opacity: 1;
color: var(--bs-primary) !important;
filter: none !important;
opacity: 1 !important;
-webkit-text-fill-color: var(--bs-primary);
}
.program .program-item {
--ks-program-image-overlap: clamp(70px, 6vw, 112px);
border-radius: 32px;
box-shadow: none;
display: flex;
flex-direction: column;
overflow: visible;
}
.kannerstaer-program-card-link {
color: inherit;
text-decoration: none;
}
.kannerstaer-program-card-link:hover,
.kannerstaer-program-card-link:focus {
color: inherit;
text-decoration: none;
}
.kannerstaer-program-card-link:hover .program-text-inner .h4,
.kannerstaer-program-card-link:focus .program-text-inner .h4 {
color: var(--bs-primary);
}
.program {
background: var(--ks-cream) !important;
}
.program .program-img img {
aspect-ratio: 16 / 8;
object-fit: cover;
}
.program .program-img {
position: relative;
z-index: 2;
}
.kannerstaer-parent-links-section .program-img .img-border-radius {
border: 3px solid var(--ks-blush);
}
.program.kannerstaer-parent-links-section .program-item .program-text {
border-radius: 0 0 22px 22px;
}
.program .program-item .program-text {
border-radius: 0 0 32px 32px;
box-shadow: 0 18px 34px rgba(23, 49, 95, 0.12);
flex: 1 1 auto;
margin-top: calc(var(--ks-program-image-overlap) * -1) !important;
min-height: auto;
padding-top: calc(var(--ks-program-image-overlap) + 1.5rem) !important;
position: relative;
z-index: 1;
}
.team .team-item.kannerstaer-team-card {
background: transparent;
border: 0;
box-shadow: none;
isolation: isolate;
margin-left: auto;
margin-right: auto;
max-width: 300px;
overflow: visible;
position: relative;
transform: translateY(0);
transition: transform 0.35s ease;
}
.kannerstaer-team-grid {
--bs-gutter-x: 3.75rem;
}
.kannerstaer-team-heading {
margin-bottom: clamp(4rem, 6vw, 5.5rem);
}
.team .team-item.kannerstaer-team-card:hover,
.team .team-item.kannerstaer-team-card:focus-within {
transform: translateY(-8px);
}
.kannerstaer-team-border {
--ks-service-border-base: 10deg;
height: calc(100% + clamp(24px, 12%, 52px));
transform: translate(-50%, -50%) rotate(var(--ks-service-border-base));
width: calc(100% + clamp(24px, 9%, 52px));
}
.kannerstaer-team-border .kannerstaer-service-border-path {
stroke: rgba(255, 127, 164, 0.58);
stroke-width: 5.75;
}
.kannerstaer-team-card-inner {
background: #fff;
border: 2px solid var(--ks-coral-light);
box-shadow:
inset 0 0 0 1px rgba(255, 127, 164, 0.18),
0 16px 36px rgba(23, 49, 95, 0.12);
position: relative;
z-index: 2;
}
.team .team-item.kannerstaer-repere-card {
max-width: 300px;
}
.team .team-item.kannerstaer-repere-card .kannerstaer-team-card-inner {
display: flex;
overflow: hidden;
}
.team .team-item.kannerstaer-repere-card .team-content {
align-items: flex-start;
background: transparent !important;
display: flex;
justify-content: center;
min-height: 300px;
}
.team .team-item.kannerstaer-repere-card:hover .team-content,
.team .team-item.kannerstaer-repere-card:focus-within .team-content {
background: transparent !important;
}
.team .team-item.kannerstaer-repere-card .kannerstaer-card-icon {
min-height: 88px;
}
.team .team-item.kannerstaer-repere-card .kannerstaer-card-icon i {
font-size: 3.75em;
}
.team .team-item.kannerstaer-team-card .team-content,
.team .team-item.kannerstaer-team-card .team-content h3,
.team .team-item.kannerstaer-team-card .team-content p {
transition: color 0.35s ease;
}
.team .team-item.kannerstaer-team-card .team-content {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.team .team-item.kannerstaer-team-card .team-content h3 {
color: var(--ks-night) !important;
}
.kannerstaer-team-social {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: center;
margin-top: 0.95rem;
}
.kannerstaer-team-social-link {
align-items: center;
background: var(--ks-cream);
border: 1px solid rgba(255, 127, 164, 0.3);
border-radius: 999px;
color: var(--bs-primary);
display: inline-flex;
height: 2.15rem;
justify-content: center;
text-decoration: none;
transition:
background-color 0.25s ease,
border-color 0.25s ease,
color 0.25s ease,
transform 0.25s ease;
width: 2.15rem;
}
.kannerstaer-team-social-link:hover,
.kannerstaer-team-social-link:focus-visible {
background: var(--bs-primary);
border-color: var(--bs-primary);
color: #fff;
transform: translateY(-2px);
}
.team .team-item.kannerstaer-team-card:hover .team-content,
.team .team-item.kannerstaer-team-card:focus-within .team-content {
background: #fff !important;
border-radius: 0 !important;
}
.team .team-item.kannerstaer-team-card:hover .team-content h3,
.team .team-item.kannerstaer-team-card:focus-within .team-content h3 {
color: var(--bs-primary) !important;
}
.team .team-item.kannerstaer-team-card:hover .team-content p,
.team .team-item.kannerstaer-team-card:focus-within .team-content p {
color: #6c757d !important;
}
.team .team-item.kannerstaer-team-card img {
aspect-ratio: 4 / 3.35;
background: #fff;
display: block;
object-fit: cover;
object-position: center;
}
.kannerstaer-image-panel {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border: 10px solid #fff !important;
border-radius: 47% 53% 39% 61% / 58% 37% 63% 42%;
box-shadow: 0 20px 44px rgba(23, 49, 95, 0.14);
min-height: 420px;
overflow: hidden;
position: relative;
}
.kannerstaer-image-panel-img {
display: block;
height: 100%;
inset: 0;
object-fit: cover;
position: absolute;
width: 100%;
}
.page-header {
background: var(--ks-hero-night-sky) !important;
isolation: isolate;
overflow: hidden;
position: relative;
z-index: 2;
}
.page-header>.container {
position: relative;
z-index: 3;
}
.kannerstaer-page-header-media,
.kannerstaer-page-header-overlay {
inset: 0;
position: absolute;
}
.kannerstaer-page-header-media {
z-index: 0;
}
.kannerstaer-page-header-img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.kannerstaer-page-header-overlay {
background: linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.05));
z-index: 1;
}
.page-header::after {
background: linear-gradient(to bottom, rgba(16, 28, 67, 0), rgba(16, 28, 67, 0.24));
bottom: 0;
content: "";
height: clamp(3.5rem, 8vw, 6.5rem);
left: 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: 2;
}
.page-header+.container-fluid {
box-shadow: inset 0 18px 24px -24px rgba(16, 28, 67, 0.38);
}
.kannerstaer-404-section {
align-items: center;
background: #fff9fb;
display: flex;
min-height: clamp(520px, 64vh, 720px);
}
.kannerstaer-404-content {
max-width: 680px;
}
.kannerstaer-page-content {
margin-left: auto;
margin-right: auto;
max-width: 920px;
}
.kannerstaer-page-content img {
height: auto;
max-width: 100%;
}
.kannerstaer-page-content iframe {
max-width: 100%;
}
.kannerstaer-privacy-policy-section {
background: #fff9fb;
box-shadow: 0 10px 24px rgba(23, 49, 95, 0.08);
position: relative;
z-index: 3;
}
.kannerstaer-privacy-policy-heading {
max-width: 780px;
}
.kannerstaer-privacy-policy-copy .kannerstaer-page-content {
color: var(--ks-muted);
font-size: 1.02rem;
line-height: 1.76;
}
.kannerstaer-privacy-policy-copy .entry-content> :last-child {
margin-bottom: 0;
}
.kannerstaer-privacy-policy-copy .wp-block-heading {
align-items: center;
color: var(--ks-night);
display: flex;
font-size: clamp(1.35rem, 1.08rem + 0.8vw, 1.9rem);
gap: 0.85rem;
line-height: 1.18;
margin-bottom: 0.75rem;
margin-top: clamp(2rem, 4vw, 3rem);
}
.kannerstaer-privacy-policy-copy .wp-block-heading:first-child {
margin-top: 0;
}
.kannerstaer-privacy-policy-copy .wp-block-heading::before {
background: var(--ks-coral);
border-radius: 999px;
box-shadow: 0 0 0 0.36rem rgba(243, 94, 135, 0.12);
content: "";
flex: 0 0 0.72rem;
height: 0.72rem;
width: 0.72rem;
}
.kannerstaer-privacy-policy-copy a {
font-weight: 700;
}
.kannerstaer-card-icon {
min-height: 116px;
}
.kannerstaer-contact-form-section {
background: var(--ks-cream) !important;
box-shadow: 0 10px 24px rgba(23, 49, 95, 0.08);
position: relative;
z-index: 3;
}
.kannerstaer-form-shell.kannerstaer-contact-form-shell {
background: #fff;
border-color: var(--ks-coral-light);
box-shadow: 0 18px 38px rgba(23, 49, 95, 0.08);
}
.kannerstaer-form-shell.kannerstaer-contact-form-shell .kannerstaer-page-content {
max-width: none;
}
.kannerstaer-form-shell.kannerstaer-contact-form-shell .entry-content> :last-child {
margin-bottom: 0;
}
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field:has(> .forminator-description) {
align-items: baseline;
column-gap: 1rem;
display: flex;
flex-wrap: wrap;
}
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field:has(> .forminator-description) .forminator-label {
flex: 1 1 auto;
margin-bottom: 0.45rem;
order: 1;
}
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field:has(> .forminator-description) .forminator-description {
flex: 0 0 auto;
margin-left: auto;
margin-top: 0;
order: 2;
text-align: right;
}
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field:has(> .forminator-description) .forminator-input,
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field:has(> .forminator-description) .forminator-textarea,
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field:has(> .forminator-description) input,
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field:has(> .forminator-description) select,
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field:has(> .forminator-description) textarea {
flex: 0 0 100%;
order: 3;
}
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field:has(> .forminator-description) .forminator-error-message,
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field:has(> .forminator-description) label.error {
flex: 0 0 100%;
order: 4;
}
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-input,
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-textarea,
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-select,
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field input[type="text"],
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field input[type="email"],
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field input[type="url"],
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field input[type="number"],
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field input[type="date"],
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field select,
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-field textarea {
border-color: var(--ks-coral-light) !important;
}
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-button-submit {
background: var(--ks-coral) !important;
border: 0 !important;
border-radius: 25% 10% !important;
box-shadow: none !important;
color: var(--bs-white) !important;
min-height: 3.5rem;
min-width: 11.5rem !important;
padding: 1rem 1.5rem !important;
transition: opacity 0.36s ease, border-radius 0.36s ease, box-shadow 0.36s ease;
}
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-button-submit:hover,
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-button-submit:focus-visible {
background: var(--ks-coral) !important;
border-color: var(--ks-coral) !important;
border-radius: 8px !important;
box-shadow: none !important;
color: var(--bs-white) !important;
opacity: 0.94;
transform: none;
}
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-error-message,
.kannerstaer-form-shell.kannerstaer-contact-form-shell label.error,
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-response-message.forminator-error {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: var(--ks-coral) !important;
padding: 0 !important;
}
.kannerstaer-pre-subscription-intro {
color: #70747f;
line-height: 1.65;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-pagination-steps {
align-items: end;
gap: 0;
margin-bottom: 1.85rem;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-break {
background: var(--ks-coral-light) !important;
background-color: var(--ks-coral-light) !important;
border-color: var(--ks-coral-light) !important;
flex: 1 1 2rem;
height: 2px;
margin: 0 0.7rem 0.55rem;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-break::before,
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-break::after {
background: var(--ks-coral-light) !important;
background-color: var(--ks-coral-light) !important;
border-color: var(--ks-coral-light) !important;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-step {
align-items: center;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #70747f !important;
display: inline-flex;
flex-direction: column;
gap: 0.45rem;
min-height: 0;
min-width: 5.5rem;
padding: 0 !important;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-step-label {
color: inherit !important;
font-size: 0.88rem;
font-weight: 600;
line-height: 1.25;
text-align: center;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-step-dot {
background: var(--ks-coral-light) !important;
background-color: var(--ks-coral-light) !important;
border: 3px solid #fff;
border-radius: 999px;
box-shadow: 0 0 0 1px var(--ks-coral-light);
display: block;
height: 1rem;
width: 1rem;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-step.forminator-current {
color: var(--ks-coral) !important;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-step.forminator-current .forminator-step-dot {
background: var(--ks-coral) !important;
background-color: var(--ks-coral) !important;
box-shadow: 0 0 0 0.2rem rgba(243, 94, 135, 0.16) !important;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-button-submit,
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-button-next {
background: var(--ks-coral) !important;
border: 0 !important;
border-radius: 25% 10% !important;
box-shadow: none !important;
color: var(--bs-white) !important;
min-height: 3.5rem;
min-width: 11.5rem !important;
padding: 1rem 1.5rem !important;
transition: opacity 0.36s ease, border-radius 0.36s ease, box-shadow 0.36s ease;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-button-submit:hover,
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-button-submit:focus-visible,
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-button-next:hover,
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-button-next:focus-visible {
background: var(--ks-coral) !important;
border-color: var(--ks-coral) !important;
border-radius: 8px !important;
box-shadow: none !important;
color: var(--bs-white) !important;
opacity: 0.94;
transform: none;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-button-back {
background: var(--ks-blush) !important;
border-color: var(--ks-coral-light) !important;
border-radius: 25% 10% !important;
color: var(--ks-night) !important;
min-height: 3.5rem;
min-width: 11.5rem !important;
padding: 1rem 1.5rem !important;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-button-back:hover,
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-button-back:focus-visible {
background: var(--ks-blush) !important;
border-color: var(--ks-coral-light) !important;
border-radius: 8px !important;
box-shadow: none !important;
color: var(--ks-night) !important;
transform: none;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-input-with-icon [class*="forminator-icon-"] {
color: var(--ks-coral) !important;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-input-with-icon .forminator-input {
padding-left: 2.7rem !important;
}
.forminator-calendar--default {
background: #fff !important;
border: 1px solid var(--ks-coral-light) !important;
border-radius: 8px !important;
box-shadow: 0 18px 38px rgba(23, 49, 95, 0.14) !important;
color: var(--ks-night) !important;
font-family: inherit !important;
overflow: hidden;
}
.forminator-calendar--default::before {
background: #fff !important;
border-color: var(--ks-coral-light) !important;
}
.forminator-calendar--default .ui-datepicker-header {
background: var(--ks-blush) !important;
border: 0 !important;
border-bottom: 1px solid var(--ks-coral-light) !important;
color: var(--ks-night) !important;
}
.forminator-calendar--default .ui-datepicker-header .ui-corner-all,
.forminator-calendar--default .ui-datepicker-prev,
.forminator-calendar--default .ui-datepicker-next {
background: transparent !important;
border: 0 !important;
color: var(--ks-coral) !important;
}
.forminator-calendar--default .ui-datepicker-header .ui-corner-all:hover,
.forminator-calendar--default .ui-datepicker-header .ui-corner-all:focus,
.forminator-calendar--default .ui-datepicker-prev:hover,
.forminator-calendar--default .ui-datepicker-prev:focus,
.forminator-calendar--default .ui-datepicker-next:hover,
.forminator-calendar--default .ui-datepicker-next:focus {
background: rgba(243, 94, 135, 0.12) !important;
color: var(--ks-coral) !important;
}
.forminator-calendar--default .ui-datepicker-title,
.forminator-calendar--default .ui-datepicker-calendar thead th {
color: var(--ks-night) !important;
}
.forminator-calendar--default .ui-datepicker-header .ui-datepicker-title select {
background: #fff !important;
border: 1px solid var(--ks-coral-light) !important;
border-radius: 8px !important;
color: var(--ks-night) !important;
}
.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default,
.forminator-calendar--default .ui-datepicker-calendar tbody td.ui-state-disabled span {
background: #fff !important;
border-radius: 8px !important;
border-color: transparent !important;
color: #70747f !important;
}
.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default:hover,
.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default:focus,
.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-hover {
background: var(--ks-blush) !important;
border-color: transparent !important;
color: var(--ks-night) !important;
}
.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight {
background: rgba(243, 94, 135, 0.12) !important;
border-color: transparent !important;
color: var(--ks-coral) !important;
}
.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default:active,
.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-active,
.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight:active,
.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-active {
background: var(--ks-coral) !important;
border-color: transparent !important;
color: #fff !important;
}
.kannerstaer-contact-details-section {
background: #fff9fb;
}
.kannerstaer-contact-location-row {
margin-top: 0;
}
.kannerstaer-contact-info-panel {
background: #fff;
border: 1px solid var(--ks-coral-light);
border-radius: 8px;
box-shadow: 0 18px 38px rgba(23, 49, 95, 0.08);
height: 100%;
padding: 1.25rem;
}
.kannerstaer-contact-info-list {
display: grid;
list-style: none;
margin: 0;
padding: 0;
}
.kannerstaer-contact-info-point {
align-items: flex-start;
display: flex;
gap: 0.95rem;
}
.kannerstaer-contact-info-point+.kannerstaer-contact-info-point {
margin-top: 2rem;
}
.kannerstaer-contact-info-point>div {
min-width: 0;
}
.kannerstaer-contact-info-panel p,
.kannerstaer-contact-info-panel a {
color: #70747f;
overflow-wrap: anywhere;
}
.kannerstaer-contact-info-panel a {
font-weight: 400 !important;
}
.kannerstaer-contact-info-panel a:hover,
.kannerstaer-contact-info-panel a:focus {
color: var(--bs-primary);
}
.kannerstaer-contact-info-icon {
align-items: center;
background: var(--ks-blush);
border-radius: 999px;
color: var(--ks-coral);
display: inline-flex;
flex: 0 0 2.8rem;
font-size: 1.05rem;
height: 2.8rem;
justify-content: center;
width: 2.8rem;
}
.kannerstaer-contact-map-embed {
background: #fff;
border: 1px solid var(--ks-coral-light);
border-radius: 8px;
box-shadow: 0 18px 38px rgba(23, 49, 95, 0.08);
height: 430px;
min-height: 430px;
overflow: hidden;
position: relative;
}
.kannerstaer-contact-map-embed.leaflet-container {
font-family: var(--bs-font-sans-serif);
width: 100%;
}
.kannerstaer-contact-map-embed .leaflet-container {
font-family: var(--bs-font-sans-serif);
height: 100%;
width: 100%;
}
.kannerstaer-contact-map-embed .leaflet-control-attribution {
color: var(--ks-muted);
font-size: 0.75rem;
}
.kannerstaer-map-pin {
background: transparent;
border: 0;
}
.kannerstaer-map-pin-icon {
background: var(--ks-coral);
border: 3px solid #fff;
border-radius: 50% 50% 50% 0;
box-shadow: 0 10px 18px rgba(23, 49, 95, 0.22);
display: block;
height: 2.45rem;
transform: rotate(-45deg);
transform-origin: center;
width: 2.45rem;
}
.kannerstaer-map-pin-icon::after {
background: #fff;
border-radius: 999px;
content: "";
height: 0.7rem;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 0.7rem;
}
@media (min-width: 992px) {
.kannerstaer-form-shell.kannerstaer-contact-form-shell .forminator-button-submit {
min-width: 17rem !important;
padding-left: 2.25rem !important;
padding-right: 2.25rem !important;
}
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-button-submit,
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-button-next,
.kannerstaer-form-shell.kannerstaer-pre-subscription-form-shell .forminator-button-back {
min-width: 15rem !important;
padding-left: 2.25rem !important;
padding-right: 2.25rem !important;
}
.kannerstaer-contact-map-embed {
height: stretch;
}
.kannerstaer-contact-info-panel {
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: center;
padding: 1.75rem;
}
.kannerstaer-contact-info-point+.kannerstaer-contact-info-point {
margin-top: 3.5rem;
}
}
.service .kannerstaer-essential-card-icon {
align-self: flex-start;
height: 3.25rem;
max-height: 3.25rem;
min-height: 3.25rem;
padding: 0 !important;
width: 3.25rem;
}
@keyframes kannerstaer-service-dash-flow {
to {
stroke-dashoffset: -900;
}
}
@keyframes kannerstaer-hero-dash-drift {
to {
stroke-dashoffset: -500;
}
}
@media (prefers-reduced-motion: reduce) {
.service .service-item:hover .kannerstaer-service-border-path,
.service .service-item:focus-within .kannerstaer-service-border-path,
.team .team-item:hover .kannerstaer-service-border-path,
.team .team-item:focus-within .kannerstaer-service-border-path {
animation: none;
}
.kannerstaer-hero-dashed-outline .kannerstaer-hero-outline-path {
animation: none;
}
}
.kannerstaer-form-shell {
background: var(--bs-light);
border: 1px solid var(--bs-primary);
border-radius: 8px;
box-sizing: border-box;
padding: 2rem;
}
.kannerstaer-form-shell *,
.kannerstaer-form-shell *::before,
.kannerstaer-form-shell *::after {
box-sizing: border-box;
}
.kannerstaer-form-shell .forminator-ui {
color: #70747f;
font-family: inherit;
margin: 0;
max-width: 100%;
min-width: 0;
}
.kannerstaer-form-shell form,
.kannerstaer-form-shell .forminator-pagination,
.kannerstaer-form-shell .forminator-pagination--content,
.kannerstaer-form-shell .forminator-pagination-footer,
.kannerstaer-form-shell .forminator-row,
.kannerstaer-form-shell .forminator-col,
.kannerstaer-form-shell .forminator-field,
.kannerstaer-form-shell .forminator-input-with-icon,
.kannerstaer-form-shell .forminator-phone,
.kannerstaer-form-shell .iti {
max-width: 100%;
min-width: 0;
}
.kannerstaer-form-shell .forminator-row {
margin-bottom: 1.1rem !important;
}
.kannerstaer-form-shell .forminator-row:last-child {
margin-bottom: 0 !important;
}
.kannerstaer-form-shell .forminator-label {
color: var(--ks-night);
display: inline-block;
font-weight: 600;
line-height: 1.35;
margin-bottom: 0.45rem;
}
.kannerstaer-form-shell .forminator-required {
color: var(--bs-primary);
}
.kannerstaer-form-shell .forminator-description {
color: #70747f;
font-size: 0.925rem;
line-height: 1.55;
margin-top: 0.35rem;
}
.kannerstaer-form-shell .forminator-input,
.kannerstaer-form-shell .forminator-textarea,
.kannerstaer-form-shell .forminator-select,
.kannerstaer-form-shell .forminator-field input[type="text"],
.kannerstaer-form-shell .forminator-field input[type="email"],
.kannerstaer-form-shell .forminator-field input[type="tel"],
.kannerstaer-form-shell .forminator-field input[type="url"],
.kannerstaer-form-shell .forminator-field input[type="number"],
.kannerstaer-form-shell .forminator-field input[type="date"],
.kannerstaer-form-shell .forminator-field select,
.kannerstaer-form-shell .forminator-field textarea {
background: #fff !important;
border: 1px solid rgba(255, 72, 128, 0.55) !important;
border-radius: 8px !important;
box-sizing: border-box !important;
box-shadow: none !important;
color: var(--ks-night) !important;
font: inherit !important;
min-height: 3.35rem;
padding: 0.85rem 1rem !important;
transition: border-color 0.22s ease, box-shadow 0.22s ease;
width: 100%;
}
.kannerstaer-form-shell .forminator-textarea,
.kannerstaer-form-shell .forminator-field textarea {
min-height: 8.5rem;
resize: vertical;
}
.kannerstaer-form-shell .forminator-input:focus,
.kannerstaer-form-shell .forminator-textarea:focus,
.kannerstaer-form-shell .forminator-select:focus,
.kannerstaer-form-shell .forminator-field input:focus,
.kannerstaer-form-shell .forminator-field select:focus,
.kannerstaer-form-shell .forminator-field textarea:focus {
border-color: var(--bs-primary) !important;
box-shadow: 0 0 0 0.22rem rgba(255, 72, 128, 0.17) !important;
outline: 0;
}
.kannerstaer-form-shell .forminator-checkbox,
.kannerstaer-form-shell .forminator-radio {
align-items: flex-start;
display: flex;
gap: 0.65rem;
}
.kannerstaer-form-shell .forminator-checkbox input,
.kannerstaer-form-shell .forminator-radio input {
flex: 0 0 auto;
margin-top: 0.25rem;
}
.kannerstaer-form-shell .forminator-checkbox-label,
.kannerstaer-form-shell .forminator-radio-label {
color: #70747f;
line-height: 1.6;
}
.kannerstaer-form-shell .forminator-error-message {
color: #b42318;
display: block;
font-size: 0.9rem;
line-height: 1.45;
margin-top: 0.4rem;
}
.kannerstaer-form-shell .forminator-response-message {
background: #fff;
border: 1px solid rgba(255, 72, 128, 0.35);
border-radius: 8px;
color: var(--ks-night);
line-height: 1.6;
margin-bottom: 1.25rem;
padding: 1rem 1.1rem;
}
.kannerstaer-form-shell .forminator-response-message.forminator-success,
.kannerstaer-form-shell .forminator-response-message.forminator-show.forminator-success,
.kannerstaer-form-shell .forminator-response-message.forminator-success-message,
.kannerstaer-form-shell .forminator-response-message:has(.forminator-success) {
background: rgba(37, 211, 102, 0.1) !important;
border-color: rgba(37, 211, 102, 0.34) !important;
color: #166534 !important;
}
.kannerstaer-form-shell .forminator-pagination-steps {
display: flex;
flex-wrap: wrap;
gap: 0.7rem;
margin-bottom: 1.5rem;
}
.kannerstaer-form-shell .forminator-step,
.kannerstaer-form-shell .forminator-step-label {
color: var(--ks-night);
font-weight: 600;
}
.kannerstaer-form-shell .forminator-button,
.kannerstaer-form-shell .forminator-button-submit,
.kannerstaer-form-shell .forminator-button-next,
.kannerstaer-form-shell .forminator-button-back {
align-items: center;
border-radius: 999px !important;
box-sizing: border-box !important;
display: inline-flex;
font-weight: 600 !important;
justify-content: center;
min-height: 3.25rem;
padding: 0.8rem 1.45rem !important;
text-decoration: none;
transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, color 0.22s ease, transform 0.22s ease;
}
.kannerstaer-form-shell .forminator-button-submit,
.kannerstaer-form-shell .forminator-button-next {
background: var(--bs-primary) !important;
border: 1px solid var(--bs-primary) !important;
color: #fff !important;
}
.kannerstaer-form-shell .forminator-button-submit:hover,
.kannerstaer-form-shell .forminator-button-submit:focus-visible,
.kannerstaer-form-shell .forminator-button-next:hover,
.kannerstaer-form-shell .forminator-button-next:focus-visible {
background: var(--ks-night) !important;
border-color: var(--ks-night) !important;
box-shadow: 0 12px 24px rgba(23, 49, 95, 0.16) !important;
color: #fff !important;
transform: translateY(-1px);
}
.kannerstaer-form-shell .forminator-button-back {
background: #fff !important;
border: 1px solid rgba(255, 72, 128, 0.55) !important;
color: var(--ks-night) !important;
}
.kannerstaer-form-shell .forminator-button-back:hover,
.kannerstaer-form-shell .forminator-button-back:focus-visible {
background: var(--ks-cream) !important;
border-color: var(--bs-primary) !important;
color: var(--ks-night) !important;
}
@media (max-width: 575.98px) {
.kannerstaer-pre-subscription-form-section .container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.kannerstaer-pre-subscription-form-section .row {
--bs-gutter-x: 0;
margin-left: 0;
margin-right: 0;
}
.kannerstaer-pre-subscription-form-section .row>*,
.kannerstaer-pre-subscription-form-section .kannerstaer-form-shell {
max-width: 100%;
min-width: 0;
}
.kannerstaer-pre-subscription-form-section .display-5 {
font-size: 1.72rem;
line-height: 1.16;
}
.kannerstaer-pre-subscription-form-section .kannerstaer-marker-line {
white-space: normal;
}
.kannerstaer-form-shell {
padding: 1.35rem;
}
.kannerstaer-form-shell .forminator-button,
.kannerstaer-form-shell .forminator-button-submit,
.kannerstaer-form-shell .forminator-button-next,
.kannerstaer-form-shell .forminator-button-back {
width: 100%;
}
}
@keyframes kannerstaer-drift-stars {
from {
background-position: 0 0, 48px 64px;
}
to {
background-position: 256px 160px, 238px 254px;
}
}
@keyframes kannerstaer-twinkle {
from {
opacity: 0.32;
transform: scale(1);
}
to {
opacity: 0.74;
transform: scale(1.015);
}
}
@keyframes kannerstaer-premium-star-float {
0%,
16%,
82%,
100% {
opacity: 0;
transform: translate3d(0, 5px, 0) scale(0.58) rotate(-8deg);
}
24% {
opacity: 0.68;
transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
}
46% {
opacity: 0.68;
transform: translate3d(0, -4px, 0) scale(1.03) rotate(0deg);
}
64% {
opacity: 0.5;
transform: translate3d(0, -2px, 0) scale(0.98) rotate(0deg);
}
78% {
opacity: 0;
transform: translate3d(0, -5px, 0) scale(0.56) rotate(0deg);
}
}
@keyframes kannerstaer-premium-star-pulse {
0%,
14%,
100% {
filter: drop-shadow(0 0 0 rgba(255, 215, 86, 0));
}
34% {
filter: drop-shadow(0 0 10px rgba(255, 215, 86, 0.14));
}
50% {
filter: drop-shadow(0 0 16px rgba(255, 215, 86, 0.2));
}
72% {
filter: drop-shadow(0 0 0 rgba(255, 215, 86, 0));
}
}
@keyframes kannerstaer-nav-marker {
from {
background-size: 0 0.55em;
}
to {
background-size: 100% 0.55em;
}
}
@keyframes kannerstaer-float {
0%,
100% {
transform: translateY(0) rotate(-2deg);
}
50% {
transform: translateY(-14px) rotate(3deg);
}
}
@keyframes kannerstaer-footer-star-top-float {
0%,
100% {
transform: translateY(0) rotate(10deg);
}
50% {
transform: translateY(-12px) rotate(15deg);
}
}
@keyframes kannerstaer-footer-star-left-float {
0%,
100% {
transform: translateY(0) rotate(-9deg);
}
50% {
transform: translateY(-12px) rotate(-4deg);
}
}
@keyframes kannerstaer-intro-top-star-float {
0%,
100% {
transform: translate3d(0, 0, 0) rotate(12deg);
}
50% {
transform: translate3d(0, -14px, 0) rotate(17deg);
}
}
@keyframes kannerstaer-rocket-float {
0%,
100% {
transform: translate(0, 0) rotate(8deg);
}
50% {
transform: translate(12px, -18px) rotate(13deg);
}
}
.kannerstaer-footer {
--ks-footer-background:
linear-gradient(135deg, rgba(16, 28, 67, 0.99), rgba(23, 49, 95, 0.96) 58%, rgba(92, 71, 143, 0.92));
background: var(--ks-footer-background);
color: rgba(255, 255, 255, 0.78);
isolation: isolate;
overflow: visible;
padding: clamp(7.25rem, 10vw, 9rem) 0 0;
position: relative;
z-index: 3;
}
.kannerstaer-footer>.kannerstaer-night-sky {
z-index: 0;
}
.kannerstaer-footer::after {
content: "";
pointer-events: none;
position: absolute;
}
.kannerstaer-footer-wave {
color: var(--ks-footer-wave-bg, #fff);
display: block;
height: var(--ks-footer-wave-height);
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 3;
}
.kannerstaer-footer::after {
background:
linear-gradient(to bottom, transparent 64%, rgba(6, 18, 45, 0.24));
inset: 0;
z-index: 1;
}
.kannerstaer-footer-inner {
position: relative;
z-index: 4;
}
.kannerstaer-footer-sticker {
filter: drop-shadow(0 14px 20px rgba(6, 18, 45, 0.3));
opacity: 1;
pointer-events: none;
position: absolute;
z-index: 4;
}
.kannerstaer-footer-sticker-star-top {
animation: kannerstaer-footer-star-top-float 8s ease-in-out infinite;
right: clamp(1.5rem, 7vw, 6.5rem);
top: clamp(4.9rem, 7vw, 6.6rem);
transform: rotate(10deg);
width: clamp(70px, 7vw, 116px);
}
.kannerstaer-footer-sticker-star {
animation: kannerstaer-footer-star-left-float 9s ease-in-out 0.9s infinite;
bottom: clamp(5.2rem, 8vw, 7rem);
left: clamp(1.25rem, 5vw, 4rem);
transform: rotate(-9deg);
width: clamp(58px, 6vw, 96px);
}
.kannerstaer-footer-brand {
max-width: 31rem;
}
.kannerstaer-footer-brand-link {
color: inherit;
display: inline-flex;
margin-bottom: 1.35rem;
text-decoration: none;
}
.kannerstaer-footer-brand-link:hover,
.kannerstaer-footer-brand-link:focus {
color: inherit;
}
.kannerstaer-footer-lockup {
gap: 1rem;
}
.kannerstaer-footer-logo {
filter: drop-shadow(0 12px 18px rgba(6, 18, 45, 0.24));
max-height: 76px;
}
.kannerstaer-footer .site-brand {
font-size: clamp(2.1rem, 4vw, 2.85rem);
text-shadow: 0 5px 18px rgba(6, 18, 45, 0.22);
}
.kannerstaer-footer .site-brand-subtitle {
color: rgba(255, 255, 255, 0.78);
font-size: 1.02rem;
opacity: 1;
}
.kannerstaer-footer-copy {
color: rgba(255, 255, 255, 0.76);
line-height: 1.8;
}
.kannerstaer-footer-social {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-bottom: 1.75rem;
}
.kannerstaer-footer-social-link {
align-items: center;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 50%;
color: var(--bs-white);
display: inline-flex;
height: 2.95rem;
justify-content: center;
transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
width: 2.95rem;
}
.kannerstaer-footer-social-link:hover,
.kannerstaer-footer-social-link:focus-visible {
background: var(--ks-coral);
border-color: var(--ks-coral);
color: var(--bs-white);
transform: translateY(-2px);
}
.kannerstaer-footer-menu {
margin-top: 0.4rem;
}
.kannerstaer-footer-menu ul {
display: flex;
flex-wrap: wrap;
gap: 0.35rem 1rem;
}
.kannerstaer-footer-menu a {
color: rgba(255, 255, 255, 0.78);
display: inline-block;
font-weight: 600;
margin-bottom: 0.35rem;
}
.kannerstaer-footer-menu a:hover,
.kannerstaer-footer-menu a:focus {
color: var(--ks-star);
}
.kannerstaer-footer-panel {
padding-top: 0.6rem;
}
.kannerstaer-footer-title {
color: var(--bs-white);
font-size: 1.35rem;
margin-bottom: 1.45rem;
padding-bottom: 0.8rem;
position: relative;
}
.kannerstaer-footer-title::after {
background: var(--ks-star);
border-radius: 999px;
bottom: 0;
content: "";
height: 0.2rem;
left: 0;
position: absolute;
width: 3.5rem;
}
.kannerstaer-footer-contact-list,
.kannerstaer-footer-hours {
display: flex;
flex-direction: column;
gap: 1rem;
}
.kannerstaer-footer-contact-link {
align-items: center;
color: rgba(255, 255, 255, 0.8);
display: flex;
gap: 0.85rem;
line-height: 1.55;
}
.kannerstaer-footer-contact-link span:last-child {
min-width: 0;
overflow-wrap: anywhere;
}
.kannerstaer-footer-contact-link:hover,
.kannerstaer-footer-contact-link:focus {
color: var(--ks-star);
}
.kannerstaer-footer-contact-icon {
align-items: center;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 50%;
color: var(--ks-star);
display: inline-flex;
flex: 0 0 2.55rem;
height: 2.55rem;
justify-content: center;
width: 2.55rem;
}
.kannerstaer-footer-hours {
color: rgba(255, 255, 255, 0.8);
}
.kannerstaer-footer-hours p {
margin-bottom: 0;
}
.kannerstaer-footer-bottom {
align-items: center;
border-top: 1px solid rgba(255, 255, 255, 0.14);
color: rgba(255, 255, 255, 0.64);
display: flex;
flex-wrap: wrap;
font-size: 0.88rem;
gap: 1rem 1.5rem;
justify-content: space-between;
margin-top: clamp(3.5rem, 6vw, 5rem);
padding: 1.4rem 0;
}
.kannerstaer-footer-credits {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.55rem 1.1rem;
justify-content: flex-end;
}
.kannerstaer-footer-legal {
align-items: center;
display: inline-flex;
gap: 0.4rem 3rem;
}
.kannerstaer-footer-legal a {
font-weight: 400;
white-space: nowrap;
}
.kannerstaer-apporix-attribution {
align-items: center;
display: inline-flex;
gap: 0.4rem;
}
.kannerstaer-apporix-attribution i {
color: var(--ks-star);
font-size: 0.86rem;
}
.kannerstaer-footer-bottom a {
color: rgba(255, 255, 255, 0.82);
font-weight: 700;
}
.kannerstaer-footer-bottom a:hover,
.kannerstaer-footer-bottom a:focus {
color: var(--ks-star);
}
@media (max-width: 991.98px) {
.kannerstaer-footer-bottom,
.kannerstaer-footer-credits {
justify-content: center;
text-align: center;
}
.kannerstaer-footer-legal {
flex-basis: 100%;
flex-direction: column;
justify-content: center;
}
}
@media (max-width: 767.98px) {
:root {
--ks-footer-wave-height: 30px;
}
.kannerstaer-footer {
padding-top: 6.5rem;
}
.kannerstaer-footer-lockup {
align-items: center;
gap: 0.8rem;
}
.kannerstaer-footer-logo {
max-height: 62px;
}
.kannerstaer-footer .site-brand {
font-size: clamp(1.9rem, 11vw, 2.25rem);
}
.kannerstaer-footer .site-brand-subtitle {
font-size: 0.94rem;
}
.kannerstaer-footer-sticker-star-top {
right: 0.8rem;
top: 4.1rem;
width: 70px;
}
.kannerstaer-footer-sticker-star {
display: none;
}
}
.back-to-top {
bottom: 100px;
display: none;
opacity: 0;
pointer-events: none;
}
.back-to-top.is-visible {
opacity: 1;
pointer-events: auto;
}
.kannerstaer-floating-whatsapp {
align-items: center;
background: #25d366 !important;
border: 0;
bottom: 30px;
box-shadow: none;
color: #fff !important;
display: inline-flex;
height: 64px;
justify-content: center;
position: fixed;
right: 30px;
transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
width: 64px;
z-index: 100;
}
.kannerstaer-floating-whatsapp:hover,
.kannerstaer-floating-whatsapp:focus-visible {
background: #1ebe5d !important;
box-shadow: none;
color: #fff !important;
transform: translateY(-2px);
}
.kannerstaer-floating-whatsapp i {
font-size: 1.8rem;
}
@media (max-width: 1199.98px) {
.kannerstaer-floating-whatsapp {
bottom: 30px;
display: inline-flex;
right: 30px;
height: 56px;
width: 56px;
}
.kannerstaer-floating-whatsapp i {
font-size: 1.55rem;
}
.kannerstaer-preinscription-notice-inner {
flex-direction: column;
gap: 0.35rem;
padding-bottom: 0.7rem;
padding-top: 0.7rem;
text-align: center;
}
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
}
.skip-link:focus {
background: #fff;
border: 2px solid var(--bs-primary);
border-radius: 8px;
clip: auto;
color: var(--ks-night);
height: auto;
left: 1rem;
outline: none;
overflow: visible;
padding: 0.75rem 1rem;
position: fixed;
top: 1rem;
width: auto;
z-index: 2000;
}
@media (min-width: 992px) {
.kannerstaer-split-content-row {
--bs-gutter-x: clamp(4.5rem, 6vw, 6.5rem);
}
}
@media (min-width: 1200px) {
.kannerstaer-header-actions,
.kannerstaer-language-switcher {
margin-top: 0;
}
.kannerstaer-header-actions {
margin-left: 1rem;
}
.kannerstaer-header-actions .kannerstaer-language-switcher {
margin-left: 0.4rem;
}
}
@media (max-width: 1199.98px) {
.site-header-shell {
position: relative;
}
.navbar {
position: static;
}
.navbar-collapse {
background: #f8ecf0;
border-top: 1px solid rgba(23, 49, 95, 0.08);
box-shadow: 0 18px 34px rgba(23, 49, 95, 0.14);
display: block;
left: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
padding: 0 1rem;
pointer-events: none;
position: absolute;
right: 0;
top: 100%;
transform: translateY(-0.45rem);
transition:
max-height 0.32s ease,
opacity 0.24s ease,
padding 0.32s ease,
transform 0.32s ease,
visibility 0s linear 0.32s;
visibility: hidden;
z-index: 1041;
}
.navbar-collapse.collapse:not(.show) {
display: block;
}
.navbar-collapse.show {
max-height: calc(100vh - var(--ks-header-height));
max-height: calc(100svh - var(--ks-header-height));
opacity: 1;
overflow-y: auto;
padding-bottom: 1rem;
padding-top: 0.25rem;
pointer-events: auto;
transform: translateY(0);
transition-delay: 0s;
visibility: visible;
}
.navbar .navbar-nav {
align-items: flex-start;
margin-top: 1rem;
}
.kannerstaer-header-actions {
align-items: flex-start;
flex-direction: column;
}
.kannerstaer-header-actions .btn {
order: 1;
}
.kannerstaer-header-actions .kannerstaer-language-switcher {
order: 2;
}
.kannerstaer-header-actions .btn {
justify-content: center;
width: 100%;
}
.kannerstaer-language-switcher {
width: 100%;
}
.kannerstaer-language-current {
display: none;
}
.kannerstaer-language-menu {
background: transparent;
border: 0;
box-shadow: none;
grid-template-columns: repeat(4, minmax(0, 1fr));
opacity: 1;
padding: 0;
pointer-events: auto;
position: static;
transform: none;
transition: none;
visibility: visible;
width: 100%;
}
.kannerstaer-language-link {
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(23, 49, 95, 0.12);
height: 2.45rem;
min-width: 0;
padding: 0;
width: 100%;
}
.kannerstaer-starry-hero {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.kannerstaer-hero-visual-wrap {
margin: 4rem auto 0;
max-width: min(580px, 100%);
min-height: 420px;
transform: none;
width: 100%;
}
}
@media (max-width: 991.98px) {
.kannerstaer-csa-intro-section .kannerstaer-split-content-row {
--bs-gutter-y: 1.25rem;
}
.kannerstaer-csa-image-stack {
margin-top: 0;
min-height: 350px;
padding-bottom: 1rem;
padding-top: 0;
}
}
@media (max-width: 767.98px) {
.custom-logo,
.site-header-logo {
max-height: 52px;
}
.hero-header {
min-height: calc(100vh - 86px);
min-height: calc(100svh - 86px);
}
.kannerstaer-starry-hero {
min-height: calc(100vh - 86px);
min-height: calc(100svh - 86px);
padding-top: 4rem !important;
}
.kannerstaer-premium-stars {
display: none;
}
.kannerstaer-hero-row {
row-gap: 1rem;
min-height: auto;
}
.hero-header .display-1,
.page-header .display-2 {
font-size: 2.7rem;
}
.kannerstaer-starry-hero .display-1 {
text-wrap: balance;
}
.kannerstaer-hero-copy h1 {
font-size: 1.18rem;
}
.kannerstaer-hero-subtitle {
font-size: 1rem;
line-height: 1.65;
}
.kannerstaer-image-panel {
min-height: 320px;
}
.kannerstaer-intro-visual-wrap {
margin-top: 1rem;
min-height: 310px;
}
.kannerstaer-csa-intro-section .kannerstaer-split-content-row {
--bs-gutter-y: 1rem;
}
.kannerstaer-csa-image-stack {
min-height: 150px;
padding-left: 0;
padding-right: 0;
}
.kannerstaer-csa-image-card {
border-width: 6px;
}
.kannerstaer-csa-stack-outline {
height: calc(100% - 3rem);
inset: 1.5rem 1.5rem;
width: calc(100% - 1.5rem);
}
.kannerstaer-csa-stack-outline path {
stroke-width: 4px;
}
.kannerstaer-csa-image-card-secondary {
margin-top: -0.4rem;
width: 82%;
}
.kannerstaer-csa-sticker-one {
left: -3%;
top: -1%;
}
.kannerstaer-csa-sticker-two {
right: 6%;
top: 3%;
}
.kannerstaer-csa-sticker-three {
bottom: 0rem;
right: 0%;
}
.kannerstaer-intro-solid-outline {
stroke-width: 7px;
}
.kannerstaer-intro-button {
display: inline-flex;
justify-content: center;
width: 100%;
}
.kannerstaer-intro-sticker-star {
left: -1%;
top: 12%;
}
.kannerstaer-intro-sticker-star-2 {
right: 2%;
top: 6%;
}
.kannerstaer-intro-sticker-star-3 {
bottom: 0;
right: 9%;
}
.kannerstaer-contact-strip-actions {
align-items: stretch;
flex-direction: column;
}
.kannerstaer-contact-strip-actions .btn {
width: 100%;
}
.kannerstaer-final-cta .btn {
width: 100%;
}
.kannerstaer-contact-scroll-star {
opacity: 1;
width: clamp(58px, 17vw, 86px);
}
.kannerstaer-contact-scroll-star-left {
left: 1rem;
top: -0.75rem;
}
.kannerstaer-contact-scroll-star-right {
bottom: -0.75rem;
right: 1rem;
}
.kannerstaer-final-scroll-star-left {
bottom: -0.75rem;
left: 1rem;
}
.kannerstaer-final-scroll-star-right {
right: 1rem;
top: -0.75rem;
}
.kannerstaer-hero-sticker-star {
left: 0%;
top: 8%;
}
.kannerstaer-hero-sticker-star-2 {
right: 0%;
top: 5%;
}
.kannerstaer-hero-sticker-star-3 {
bottom: -5%;
right: 4%;
}
.kannerstaer-hero-visual-wrap {
margin: 1rem auto 0;
max-width: min(480px, 100%);
min-height: 350px;
transform: none;
width: 100%;
}
.kannerstaer-hero-visual-col {
justify-content: center;
}
.kannerstaer-hero-copy {
max-width: 100%;
}
.kannerstaer-hero-actions {
gap: 1rem;
}
.kannerstaer-hero-actions .btn {
min-height: 3.45rem;
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.kannerstaer-preinscription-notice-inner {
justify-content: center;
}
.kannerstaer-preinscription-notice-text,
.kannerstaer-preinscription-notice-link {
font-size: 0.84rem;
}
.kannerstaer-hero-dashed-outline .kannerstaer-hero-outline-path {
stroke-dasharray: 8 11;
stroke-width: 5px;
}
.kannerstaer-hero-solid-outline {
stroke-width: 6px;
}
.kannerstaer-wave-card {
padding: 5rem 0;
}
.kannerstaer-final-scroll-star {
width: clamp(58px, 17vw, 86px);
}
.kannerstaer-team-grid {
--bs-gutter-y: 4rem;
}
.kannerstaer-essentials-grid .service-item:hover,
.kannerstaer-essentials-grid .service-item:focus-within,
.team .team-item.kannerstaer-team-card:not(.kannerstaer-repere-card):hover,
.team .team-item.kannerstaer-team-card:not(.kannerstaer-repere-card):focus-within {
transform: translateY(0) !important;
}
.kannerstaer-essentials-grid .service-item,
.kannerstaer-essentials-grid .service-content,
.kannerstaer-essentials-grid .kannerstaer-service-border-path,
.team .team-item.kannerstaer-team-card:not(.kannerstaer-repere-card),
.team .team-item.kannerstaer-team-card:not(.kannerstaer-repere-card) .team-content,
.team .team-item.kannerstaer-team-card:not(.kannerstaer-repere-card) .team-content h3,
.team .team-item.kannerstaer-team-card:not(.kannerstaer-repere-card) .team-content p,
.team .team-item.kannerstaer-team-card:not(.kannerstaer-repere-card) .kannerstaer-service-border-path {
animation: none !important;
transition: none !important;
}
.kannerstaer-essentials-grid .service-item:hover .kannerstaer-service-border-path,
.kannerstaer-essentials-grid .service-item:focus-within .kannerstaer-service-border-path,
.team .team-item.kannerstaer-team-card:not(.kannerstaer-repere-card):hover .kannerstaer-service-border-path,
.team .team-item.kannerstaer-team-card:not(.kannerstaer-repere-card):focus-within .kannerstaer-service-border-path {
animation-play-state: paused;
}
.team .team-item.kannerstaer-team-card:not(.kannerstaer-repere-card):hover .team-content h3,
.team .team-item.kannerstaer-team-card:not(.kannerstaer-repere-card):focus-within .team-content h3 {
color: var(--ks-night) !important;
}
.team .team-item.kannerstaer-team-card:not(.kannerstaer-repere-card):hover .team-content p,
.team .team-item.kannerstaer-team-card:not(.kannerstaer-repere-card):focus-within .team-content p {
color: #6c757d !important;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
.kannerstaer-starfield,
.kannerstaer-premium-star,
.kannerstaer-hero-sticker,
.kannerstaer-intro-sticker,
.kannerstaer-scroll-star,
.kannerstaer-footer,
.kannerstaer-footer-sticker {
animation: none !important;
}
.kannerstaer-marker-title,
.kannerstaer-marker-line,
.kannerstaer-intro-dashed-outline path,
.navbar-collapse,
.navbar .navbar-nav .nav-link {
animation: none !important;
transition: none;
}
}