.elementor-1699 .elementor-element.elementor-element-49285d4,
.home-ankuendigung {
z-index: 9999;
}
.elementor-element-49285d4 {
pointer-events: none !important;
}
body {
font-size: var(--fs-m);
line-height: var(--lh-l);
}
.container.fullwidth.max2560 {max-width: calc(2560px - (var(--gap-default) * 2));}
#content {
margin-top: var(--header-height);
}
.post-content-col {
padding: var(--space-l) var(--space-m);
}
.post-thubmnail-col {
background-color: var(--c-lightest-gray);
position: relative;
clip-path: inset(0);
}
.ptc-inner {
padding: var(--space-l) var(--space-m);
position: fixed;
top: calc(50% + var(--header-height));
transform: translateY(calc(-50% - var(--header-height)));
width: 50vw;
height: calc(100svh - var(--header-height));
}
.ptc-inner img {
opacity: 0;
transform: translateY(25px);
transition: all 1s ease;
max-height: 100svh;
}
.ptc-inner .grid {
text-align:center;
font-size: var(--fs-l);
text-transform: uppercase;
opacity: 0;
transform: translateY(25px);
transition: all 1s ease;
}
.post-thubmnail-col.inView .ptc-inner .grid,
.post-thubmnail-col.inView .ptc-inner img {
opacity: 1;
transform: translateY(0px);
}
#post-gallery-swiper,
#post-gallery-swiper .swiper-wrapper {
height: 100%;
}
.ptc-inner .swiper-slide {
width: 100% !important;
height: 100% !important;
opacity: 0 !important;
}
.ptc-inner .swiper-slide.swiper-slide-active {
opacity: 1 !important;
}
.ptc-inner .swiper-autoheight .swiper-wrapper {
align-items: center;
height: 100% !important;
}
.banner-grafik {
transform: rotate(-10deg);
display: inline-flex;
width: clamp(10rem, 3.448rem + 8.600vw, 20rem);
height: clamp(10rem, 3.448rem + 8.600vw, 20rem);
border-radius: clamp(10rem, 3.448rem + 8.600vw, 20rem);
padding:clamp(1rem, -0.966rem + 2.600vw, 4rem); font-size: clamp(1rem, 0.476rem + 0.700vw, 1.8rem);
position: absolute;
z-index: 1040;
right: var(--space-m);
top: calc( var(--header-height) / 2 ); background-color: var(--c-primary);
color: #fff;
align-items:center;
justify-content: center;
text-align:center;
line-height: 1.2;
text-transform: uppercase;
font-weight: 700;
letter-spacing: var(--ls-l);
transition: var(--transition); }
a.banner-grafik {
color: #fff !important;
}
a.banner-grafik:hover { transform:scale(1.05) rotate(-12deg);
} @media (min-width: 1081px) {
.post-content-col {
min-height: calc(100svh - var(--header-height) - 100.6px) !important;
}
}
@media (max-width:1080px) {
.post-container.grid {
grid-template-columns: repeat(1, 1fr);
}
.post-content-col {
padding: var(--space-m) var(--gap-default);
grid-row: 2;
grid-column: 1 / -1;
}
.post-thubmnail-col {
grid-row: 1;
grid-column: 1 / -1;
text-align: center;
height: 40svh;
}
.ptc-inner {
padding: var(--space-m) var(--gap-default);
height: 40svh;
top: var(--header-height);
transform: none;
left: 0;
right: 0;
margin: auto;
width: 100vw;
}
.ptc-inner img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
}
@media (max-width:767px) {
.banner-grafik {
position: absolute;
right: var(--gap-default);
top: calc( var(--header-height) - 5px );
}
.ptc-inner {
position: static !important;
}
.post-thubmnail-col {
height: auto;
}
.ptc-inner {
height: auto;
}
}
.ptc-inner.single-img {
align-content: center;
}
#content .ptc-inner.single-img img {
height: auto !important;
width: 100%;
object-fit:contain;
}  .h1, .h2, .h3, .h4, .h5, .h6,.elementor-widget-heading h1.elementor-heading-title, h1,.elementor-widget-heading h2.elementor-heading-title, h2,.elementor-widget-heading h3.elementor-heading-title, h3,.elementor-widget-heading h4.elementor-heading-title, h4,.elementor-widget-heading h5.elementor-heading-title, h5,.elementor-widget-heading h6.elementor-heading-title, h6 {
font-weight: var(--fw-400);
text-transform: uppercase;
letter-spacing: var(--ls-m);
} .h1,.elementor-widget-heading.h1 h2.elementor-heading-title, .entry-content h2.h1, h2.h1,.elementor-widget-heading.h1 h3.elementor-heading-title, .entry-content h3.h1, h3.h1,.elementor-widget-heading.h1 h4.elementor-heading-title, .entry-content h4.h1, h4.h1,.elementor-widget-heading.h1 h5.elementor-heading-title, .entry-content h5.h1, h5.h1,.elementor-widget-heading.h1 h6.elementor-heading-title, .entry-content h6.h1, h6.h1,.elementor-widget-heading.h1 h1.elementor-heading-title, .entry-content h1, h1 {
font-size: clamp(2.2rem, 1.545rem + 0.900vw, 3.2rem);
} .h2,.elementor-widget-heading.h2 h1.elementor-heading-title, .entry-content h1.h2, h1.h2,.elementor-widget-heading.h2 h3.elementor-heading-title, .entry-content h3.h2, h3.h2,.elementor-widget-heading.h2 h4.elementor-heading-title, .entry-content h4.h2, h4.h2,.elementor-widget-heading.h2 h5.elementor-heading-title, .entry-content h5.h2, h5.h2,.elementor-widget-heading.h2 h6.elementor-heading-title, .entry-content h6.h2, h6.h2,.elementor-widget-heading.h2 h2.elementor-heading-title, .entry-content h2, h2 {
font-size: clamp(2rem, 1.345rem + 0.900vw, 2.8rem);
} .h3,.elementor-widget-heading.h3 h1.elementor-heading-title, .entry-content h1.h3, h1.h3,.elementor-widget-heading.h3 h2.elementor-heading-title, .entry-content h2.h3, h2.h3,.elementor-widget-heading.h3 h4.elementor-heading-title, .entry-content h4.h3, h4.h3,.elementor-widget-heading.h3 h5.elementor-heading-title, .entry-content h5.h3, h5.h3,.elementor-widget-heading.h3 h6.elementor-heading-title, .entry-content h6.h3, h6.h3,.elementor-widget-heading.h3 h3.elementor-heading-title, .entry-content h3, h3 {
font-size: clamp(1.9rem, 1.441rem + 0.600vw, 2.4rem);
} .h4,.elementor-widget-heading.h4 h1.elementor-heading-title, .entry-content h1.h4, h1.h4,.elementor-widget-heading.h4 h2.elementor-heading-title, .entry-content h2.h4, h2.h4,.elementor-widget-heading.h4 h3.elementor-heading-title, .entry-content h3.h4, h3.h4,.elementor-widget-heading.h4 h5.elementor-heading-title, .entry-content h5.h4, h5.h4,.elementor-widget-heading.h4 h6.elementor-heading-title, .entry-content h6.h4, h6.h4,.elementor-widget-heading h4.elementor-heading-title, .entry-content h4, h4 {
font-size: clamp(1.8rem, 1.407rem + 0.500vw, 2.2rem);
} .h5,.elementor-widget-heading.h5 h1.elementor-heading-title, .entry-content h1.h5, h1.h5,.elementor-widget-heading.h5 h2.elementor-heading-title, .entry-content h2.h5, h2.h5,.elementor-widget-heading.h5 h3.elementor-heading-title, .entry-content h3.h5, h3.h5,.elementor-widget-heading.h5 h4.elementor-heading-title, .entry-content h4.h5, h4.h5,.elementor-widget-heading.h5 h6.elementor-heading-title, .entry-content h6.h5, h6.h5,.elementor-widget-heading h5.elementor-heading-title, .entry-content h5, h5 {
font-size: clamp(1.7rem, 1.372rem + 0.400vw, 2.0rem);
letter-spacing: var(--ls-l);
} .h6,.elementor-widget-heading.h6 h1.elementor-heading-title, .entry-content h1.h6, h1.h6,.elementor-widget-heading.h6 h2.elementor-heading-title, .entry-content h2.h6, h2.h6,.elementor-widget-heading.h6 h3.elementor-heading-title, .entry-content h3.h6, h3.h6,.elementor-widget-heading.h6 h4.elementor-heading-title, .entry-content h4.h6, h4.h6,.elementor-widget-heading.h6 h5.elementor-heading-title, .entry-content h5.h6, h5.h6,.elementor-widget-heading h6.elementor-heading-title, .entry-content h6, h6 {
font-size: clamp(1.6rem, 1.338rem + 0.300vw, 1.8rem);
font-weight: 500;
letter-spacing: var(--ls-l);
} .wysiwyg ul li::before {
background-color: #ebd8c3;
} .elementor-editor-active header#main-header {
position: absolute !important;
}
header#main-header {
background-color: color-mix(in srgb, var(--c-primary) 20%, white);
box-shadow: none;
}
header#main-header .flex-row {
justify-content: flex-start;
}
header#main-header .flex-col {
flex: 0 0 auto !important;
width: auto;
}
.logo img, .logo svg {
height: 57px;
}
.mobile-menu-open .logo img, .mobile-menu-open .logo svg, .sticky-nav .logo img, .sticky-nav .logo svg {
height: 47px;
}
#main-menu {
margin-left: var(--space-s);
}
#main-menu li.current-page-ancestor > button, #main-menu li.current-menu-ancestor > button, #main-menu li.current-menu-item > button, #main-menu li button:hover, #main-menu li.current-page-ancestor > a, #main-menu li.current-menu-ancestor > a, #main-menu li.current-menu-item > a, #main-menu li a:hover {
color: var(--c-text);
}
#main-menu li a {
position: relative;
text-transform: uppercase;
letter-spacing: var(--ls-l);
font-size: var(--fs-s);
}
#main-menu li a::after {
content:"";
position: absolute;
height: 2px;
width: 0;
background-color: var(--c-text);
bottom: .8rem;
left:0;
right:0;
margin:auto;
transition: var(--transition);
}
#main-menu li.current-menu-item a::after {
background-color: #678fa9;
}
#main-menu li.current-page-ancestor > button::after, #main-menu li.current-menu-ancestor > button::after, #main-menu li.current-menu-item > button::after, #main-menu li button:hover::after, #main-menu li.current-page-ancestor > a::after, #main-menu li.current-menu-ancestor > a::after, #main-menu li.current-menu-item > a::after, #main-menu li a:hover::after {
width: calc(100% - 6rem);
}
#main-menu li.current-menu-item a{
color: #678fa9;
}
@media (max-width:1080px) {
.logo img, .logo svg {
height: 30px;
}
.mobile-menu-open .logo img, .mobile-menu-open .logo svg, .sticky-nav .logo img, .sticky-nav .logo svg {
height: 20px;
}
header#main-header .flex-row {
justify-content: space-between !important;
}
}
.accordion-title:hover h3 {
color: #6890aa;
} .wp-block-button__link, .elementor-widget-button .elementor-button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .button, button {
text-transform: uppercase;
font-size: var(--fs-m);
font-weight: var(--fw-500);
letter-spacing: var(--ls-l);
} .footer-middle,
.footer-bottom {
background-color: color-mix(in srgb, var(--c-primary) 40%, white);
}
#footer-menu {
text-align:right;
display: inline-flex;
grid-gap: var(--gap-default);
}
#footer-menu li {
width:auto;
margin: 0; }
#footer-menu li button, #footer-menu li a {
font-size: var(--fs-xs);
font-weight: 400;
text-transform: uppercase;
letter-spacing: var(--ls-m);
color: var(--c-text);
padding: 0;
margin: 0;
text-align:left;
}
.footer-cd-entry {
letter-spacing: var(--ls-m);
}
@media (max-width:1640px) {
.footer-middle > .container > .flex.h-space-between {
justify-content: center;
text-align:center;
}
}
@media (max-width:767px) {
.footer-cd-entry {
display: block;
width:100%;
margin-bottom: 5px;
}
.footer-cd-entry-separator {
display: none;
}
#footer-menu {
display: block;
text-align:left; }
#footer-menu li {
width:100%;
margin-bottom: 5px;
text-align:center;
}
} .animate {
transform: translateY(0);
} .nts_opening-hours-row {
letter-spacing: var(--ls-l);
text-transform: uppercase;
}
.nts_opening-hours-days {
display: inline-block;
min-width: 45px;
text-align: left;
} #main-menu li a.button {
--btn-bg: var(--c-primary, #2F6AFD);
--btn-border: var(--c-primary, #2F6AFD);
--btn-text: #FFFFFF;
--btn-bg-hover: color-mix(in srgb, var(--btn-bg, #2F6AFD) 80%, black);
display: inline-flex;
justify-content: center;
align-items: center;
grid-gap: var(--gap-half, 10px);
position: relative;
font-family: var(--ff-default, 'Helvetica, Arial, sans-serif');
font-size: var(--fs-s, clamp(1.4rem, 1.322rem + 0.200vw, 1.6rem));
line-height: var(--lh-s, 1.2);
text-align: center;
text-decoration: none !important;
user-select: none;
padding: 1.2rem calc(var(--gap-default, 20px) * 2);
border-radius: var(--border-radius, 2px);
border: 1px solid;
-webkit-appearance: none;
cursor: pointer;
margin-bottom: var(--gap-default, 20px);
transition: all var(--a-timing-default, 0.2s) var(--a-easing-default, ease), outline-width 0s linear 0s, outline-color 0s linear 0s;
background-color: var(--btn-bg);
border-color: var(--btn-border);
color: var(--btn-text);
opacity: 1 !important;
transform: translateY(0) !important;
}
#main-menu li a.button:hover {
--btn-bg: var(--c-primary-alt);
--btn-border: var(--c-primary-alt);
}
#main-menu li a.button::after {
display: none !important;
} .page-template-page-legal-pages h2,
.page-template-page-legal-pages h3,
.page-template-page-legal-pages h4,
.page-template-page-legal-pages h5,
.page-template-page-legal-pages h6 {
margin-top: var(--gap-half);
margin-bottom: var(--gap-half);
}