#section-850-63 > .ct-section-inner-wrap{padding-top:75px;padding-bottom:75px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:40px}#section-850-63{display:block}#section-850-63{text-align:justify;background-color:#f3f5f0}@media (max-width:767px){#section-850-63 > .ct-section-inner-wrap{display:flex;flex-direction:column}#section-850-63{display:block}#section-850-63{text-align:justify}}#div_block-853-63{gap:20px;justify-content:flex-end}#div_block-45-417{width:100%;flex-direction:row;display:flex;gap:10px;align-items:center;justify-content:center}#div_block-912-63{width:100%;text-align:left;align-items:center;justify-content:center}@media (max-width:767px){#div_block-851-63{margin-bottom:1rem}}#text_block-21-417{font-size:14px}#text_block-24-417{font-size:14px;text-align:left}#text_block-41-417{font-size:14px;text-align:left}#text_block-42-417{font-size:14px;font-weight:500;text-align:center}#div_block-27-417{text-align:left;flex-direction:row;display:flex;gap:10px;align-items:center}#link-39-417{text-align:left;flex-direction:row;display:flex;gap:10px;align-items:center}#image-852-63{width:150px}#image-51-417{width:48px}#image-54-417{width:48px}#image-56-417{width:48px}@media (max-width:767px){#image-852-63{width:120px}}#fancy_icon-36-417{color:#27348b}#fancy_icon-36-417>svg{width:16px;height:16px}#fancy_icon-40-417{color:#27348b}#fancy_icon-40-417>svg{width:16px;height:16px}#section-12-30 > .ct-section-inner-wrap{padding-top:15px;padding-bottom:15px;align-items:center;justify-content:space-between}#section-12-30{background-image:url(https://willis-erlebnishof.de/wp-content/uploads/willis-header-bg-long-white.webp);background-size:cover;text-align:justify;background-repeat:repeat-x;z-index:100!important}#toggle{display:none}#mobile-menu{display:none}@media (max-width:1280px){#toggle{display:none}}@media (max-width:991px){#mobile-menu{display:none}}@media (max-width:767px){#toggle{display:flex}}#image-11-30{width:160px;max-width:210px}#image-17-798{width:30px;height:30px}#image-20-798{width:30px;height:30px}#image-22-798{width:30px;height:30px}#image-25-798{width:30px;height:30px}#image-27-798{width:30px;height:30px}#image-29-798{width:30px;height:30px}@media (max-width:991px){#image-11-30{width:100px}}@media (max-width:991px){#image-17-798{width:20px}}@media (max-width:991px){#image-20-798{width:20px}}@media (max-width:991px){#image-22-798{width:20px}}@media (max-width:991px){#image-25-798{width:20px}}@media (max-width:991px){#image-27-798{width:20px}}@media (max-width:991px){#image-29-798{width:20px}}@media (max-width:767px){#image-25-798{width:30px}}@media (max-width:767px){#image-27-798{width:30px}}@media (max-width:767px){#image-29-798{width:30px}}@media (max-width:479px){#image-11-30{width:120px}}#code_block-19-30{display:none}#section-182-628{background-image:url(https://willis-erlebnishof.de/wp-content/uploads/Header-1.webp);background-color:#f5f5f5}#section-6-568 > .ct-section-inner-wrap{padding-bottom:0;display:flex;flex-direction:column;align-items:center}#section-6-568{display:block}#section-6-568{text-align:left;background-color:#f5f5f5}#section-188-628 > .ct-section-inner-wrap{padding-top:0;padding-bottom:75px}#section-137-568 > .ct-section-inner-wrap{display:flex;flex-direction:column;align-items:center}#section-137-568{display:block}#section-137-568{text-align:left}#div_block-183-628{flex-direction:row;display:flex;justify-content:center;width:100%;text-align:right}#div_block-184-628{text-align:left;align-items:center;justify-content:center}#div_block-147-568{justify-items:center;align-items:center;grid-template-columns:repeat(1,minmax(200px,1fr));grid-column-gap:20px;grid-row-gap:20px;width:100%;display:grid;text-align:left;align-items:center;justify-content:center;margin-top:45px}#div_block-148-568{align-items:stretch;grid-template-columns:repeat(1,minmax(200px,1fr));grid-column-gap:20px;grid-row-gap:20px;display:grid;max-width:920px}#div_block-149-568{flex-direction:column;display:flex;text-align:left;justify-content:center;align-items:center}#headline-185-628{color:#ffffff}#headline-150-568{text-align:center}#headline-178-628{text-align:center}#text_block-151-568{text-align:center}#image-144-568{border-radius:1rem}#image-176-628{transform:rotate(-2deg)}.oxy_shape_divider{position:absolute;left:0;right:0;bottom:-1px;pointer-events:none}.oxy_shape_divider > svg{min-width:100%;position:absolute;bottom:0;left:0;z-index:0;transform-origin:bottom center}.oxy_shape_divider_top{top:-1px;bottom:initial}.oxy_shape_divider_flipped{transform:scaleX(-1)}#-shape-divider-187-628 .oxy_shape_divider{color:#f5f5f5}#-shape-divider-187-628 .oxy_shape_divider svg{height:80px}#-shape-divider-187-628{margin-top:50px}#-shape-divider-189-628 .oxy_shape_divider{color:#f5f5f5}#-shape-divider-189-628 .oxy_shape_divider svg{height:150px}#-shape-divider-189-628{margin-top:60px}#-shape-divider-167-568 .oxy_shape_divider{color:#ffffff}#-shape-divider-167-568 .oxy_shape_divider svg{height:150px}#-shape-divider-167-568{margin-top:60px}.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ct-div-block,
.oxy-post-content,
.ct-text-block,
.ct-headline,
.oxy-rich-text,
.ct-link-text { max-width: 100%; }
img { flex-shrink: 0; }
body * { min-height: 1px; }
}            .oxy-testimonial {
flex-direction: row;
align-items: center;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
order: 1;
}
.oxy-testimonial .oxy-testimonial-photo {
width: 125px;                height: 125px;                margin-right: 20px;
}
.oxy-testimonial .oxy-testimonial-photo-wrap, 
.oxy-testimonial .oxy-testimonial-author-wrap, 
.oxy-testimonial .oxy-testimonial-content-wrap {
align-items: flex-start;                text-align: left;            }
.oxy-testimonial .oxy-testimonial-text {
margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author {
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author-info {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-icon-box {
text-align: left;                flex-direction: column;            }
.oxy-icon-box .oxy-icon-box-icon {
margin-bottom: 12px;
align-self: flex-start;            }
.oxy-icon-box .oxy-icon-box-heading {
font-size: 21px;
margin-bottom: 12px;            }
.oxy-icon-box .oxy-icon-box-text {
font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
.oxy-icon-box .oxy-icon-box-link {
margin-top: 20px;                            } .oxy-pricing-box .oxy-pricing-box-section {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
justify-content: center;            } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center;            } .oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
} .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
flex-direction: row;                                            }
.oxy-pricing-box .oxy-pricing-box-currency {
font-size: 28px;
}
.oxy-pricing-box .oxy-pricing-box-amount-main {
font-size: 80px;
line-height: 0.7;
}
.oxy-pricing-box .oxy-pricing-box-amount-decimal {
font-size: 13px;
}
.oxy-pricing-box .oxy-pricing-box-term {
font-size: 16px;
}
.oxy-pricing-box .oxy-pricing-box-sale-price {
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 20px;            } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
} .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
justify-content: center;            }
.oxy-progress-bar .oxy-progress-bar-background {
background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
.oxy-progress-bar .oxy-progress-bar-progress-wrap {
width: 85%;        }
.oxy-progress-bar .oxy-progress-bar-progress {
background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
}
.oxy-progress-bar .oxy-progress-bar-overlay-text {
font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-progress-bar .oxy-progress-bar-overlay-percent {
font-size: 12px;
}
.ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
padding: 0px;			}
.oxy-superbox .oxy-superbox-secondary, 
.oxy-superbox .oxy-superbox-primary {
transition-duration: 0.5s;            }
.oxy-shape-divider {
width: 0px;
height: 0px;
}
.oxy_shape_divider svg {
width: 100%;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}
.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
flex-direction: row;
}
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
align-items: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
top: 0;
bottom: 0;
right: auto;
left: 0;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}
.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}
.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
--oxynav-animation-name: none; 
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
background-color: var(--oxynav-brand-color);
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
border: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
background: transparent;
border: 1px solid currentColor;
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
filter: invert(0) !important;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
background-color: var(--oxynav-activehover-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
color: var(--oxynav-neutral-color);   
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
color: var(--oxynav-brand-color);   
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
color: var(--oxynav-brand-color);   
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.ct-section-inner-wrap, .oxy-header-container{
max-width: 1280px;
}
body {font-family: Arial, Helvetica, sans-serif;}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;font-size: 36px;font-weight: 700;line-height: 1;}h2, h3, h4, h5, h6{font-size: 30px;line-height: 1;}h3, h4, h5, h6{font-size: 24px;line-height: 1;}h4, h5, h6{font-size: 20px;line-height: 1;}h5, h6{font-size: 18px;line-height: 1;}h6{font-size: 16px;line-height: 1;}a {color: #004e64;text-decoration: none;}a:hover {color: #27348b;text-decoration: underline;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
.ct-columns-inner-wrap {
display: block !important;
}
.ct-columns-inner-wrap:after {
display: table;
clear: both;
content: "";
}
.ct-column {
width: 100% !important;
margin: 0 !important;
}
.ct-columns-inner-wrap {
margin: 0 !important;
}
}
.oxel_dynamicslider {
width:100%;
}
.swiper-container {
}
.oxel_dynamicslider__container {
height:400px;
}
.swiper-wrapper {
}
.swiper-slide {
}
.heading-teaser {
width:100%;
max-width:720px;
text-align:center;
}
.heading-teaser:not(.ct-section):not(.oxy-easy-posts),
.heading-teaser.oxy-easy-posts .oxy-posts,
.heading-teaser.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.mb2 {
margin-top:0px;
padding-bottom:0px;
margin-bottom:0px;
}
@media (max-width: 767px) {
.mb2 {
}
}
@media (max-width: 479px) {
.mb2 {
}
}
.font-deko {
margin-bottom:0px;
}
@media (max-width: 1280px) {
.font-deko {
}
}
@media (max-width: 767px) {
.font-deko {
}
}
.text-sm {
}
.center {
}
.center:not(.ct-section):not(.oxy-easy-posts),
.center.oxy-easy-posts .oxy-posts,
.center.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.autogrid {
width:100%;
}
.jcc {
}
.gap-l {
}
.subheading {
text-transform:uppercase;
letter-spacing:1.2px;
margin-bottom:5px;
color:#3ea536;
text-align:left;
}
.mb1 {
text-align:left;
}
.none {
}
.oxel_horizontal_divider {
margin-top:16px;
margin-bottom:16px;
width:100%;
}
.oxel_horizontal_divider:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:center;
}
.oxel_horizontal_divider__line {
height:2px;
background-color:#3ea536;
}
.oxel_horizontal_divider__icon {
color: #3ea536;}.oxel_horizontal_divider__icon 
>svg {width: 16px;height: 16px;}.oxel_horizontal_divider__icon {
flex-shrink: 0;
}
.oxel_horizontal_divider__icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider__icon.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider__icon.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_icon_button__container:hover{
background-color:color(43);
}
.oxel_icon_button__container {
background-color:color(22);
padding-top:8px;
padding-left:16px;
padding-right:16px;
padding-bottom:8px;
transition-duration:0.3s;
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),
.oxel_icon_button__container.oxy-easy-posts .oxy-posts,
.oxel_icon_button__container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_icon_button_text {
color:color(25);
}
.oxel_icon_button_icon {
color: color(44);}.oxel_icon_button_icon 
>svg {width: 18px;height: 18px;}.oxel_icon_button_icon {
margin-right:8px;
}
.oxel-breadcrumb-wrapper {
width:100%;
}
.oxel-breadcrumb-code {
width:100%;
}
.oxel_flipbox {
width:100%;
position:relative;
}
.oxel_flipbox__front {
width:100%;
text-align:center;
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
color:#212121;
background-color:#e0e0e0;
}
.oxel_flipbox__front:not(.ct-section):not(.oxy-easy-posts),
.oxel_flipbox__front.oxy-easy-posts .oxy-posts,
.oxel_flipbox__front.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel_flipbox__back {
background-size: cover;transform:rotateY(180deg); width:100%;
text-align:center;
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
background-color:#3ea536;
background-position:50% 50%;
}
.oxel_flipbox__back:not(.ct-section):not(.oxy-easy-posts),
.oxel_flipbox__back.oxy-easy-posts .oxy-posts,
.oxel_flipbox__back.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel_iconlist {
max-width:100%;
}
.oxel_iconlist__row {
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
width:100%;
margin-top:0px;
}
.oxel_iconlist__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_iconlist__row.oxy-easy-posts .oxy-posts,
.oxel_iconlist__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_iconlist__row__icon {
color: color(23);}.oxel_iconlist__row__icon 
>svg {width: 18px;height: 18px;}.oxel_iconlist__row__icon {
margin-left:32px;
margin-right:32px;
}
.oxel_iconlist__row__label {
}
.oxel_iconlist__row--dark {
background-color:color(22);
}
.footer-menu {
text-align:right;
}
.footer-menu:not(.ct-section):not(.oxy-easy-posts),
.footer-menu.oxy-easy-posts .oxy-posts,
.footer-menu.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-start;
}
@media (max-width: 767px) {
}
.footer-menu-links {
}
.mobile-nav {
}
.mobile-nav:not(.ct-section):not(.oxy-easy-posts),
.mobile-nav.oxy-easy-posts .oxy-posts,
.mobile-nav.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 991px) {
.mobile-nav {
}
.mobile-nav:not(.ct-section):not(.oxy-easy-posts),
.mobile-nav.oxy-easy-posts .oxy-posts,
.mobile-nav.ct-section .ct-section-inner-wrap{
display:none;
}
}
@media (max-width: 767px) {
.mobile-nav {
background-image:url(https://willis-erlebnishof.de/wp-content/uploads/willis-header-bg-mobile.webp); overflow:hidden;
position:fixed;
top:100px;
left:0px;
z-index:99;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
transition-duration:.2s;
transition-timing-function:easi-in-out;
width:100vw;
background-color:#1f160b;
box-shadow:0px 20px 26px 0px rgba(7,7,7,0.33);
}
.mobile-nav:not(.ct-section):not(.oxy-easy-posts),
.mobile-nav.oxy-easy-posts .oxy-posts,
.mobile-nav.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-content:center;
justify-content:space-between;
}
}
@media (max-width: 479px) {
.mobile-nav {
}
}
.mobile-menu-wrapper {
}
@media (max-width: 767px) {
.mobile-menu-wrapper {
padding-top:10px;
padding-bottom:40px;
width:100%;
text-align:right;
position:relative;
}
.mobile-menu-wrapper:not(.ct-section):not(.oxy-easy-posts),
.mobile-menu-wrapper.oxy-easy-posts .oxy-posts,
.mobile-menu-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
}
.header {
background-color:#1f160b;
position:fixed;
top:0px;
left:0px;
}
.header--logo {
z-index:135;
}
.header--logo:not(.ct-section):not(.oxy-easy-posts),
.header--logo.oxy-easy-posts .oxy-posts,
.header--logo.ct-section .ct-section-inner-wrap{
align-items:center;
justify-content:flex-start;
}
@media (max-width: 991px) {
.header--logo {
}
}
@media (max-width: 767px) {
.header--logo {
z-index:135;
}
}
.logo--image {
width:120px;
}
.header--nav {
}
.desktop-nav {
text-align:right;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
position:relative;
}
.desktop-nav:not(.ct-section):not(.oxy-easy-posts),
.desktop-nav.oxy-easy-posts .oxy-posts,
.desktop-nav.ct-section .ct-section-inner-wrap{
justify-content:center;
}
@media (max-width: 1280px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
.desktop-nav {
}
.desktop-nav:not(.ct-section):not(.oxy-easy-posts),
.desktop-nav.oxy-easy-posts .oxy-posts,
.desktop-nav.ct-section .ct-section-inner-wrap{
display:none;
}
}
.btn {
background-color :#1e73be;
border: 1px solid #1e73be;
color: #ffffff;
}.btn {
font-size:2rem;
}
.lh1 {
}
.lh12 {
}
.hyphen {
}
.primary {
}
.secondary {
}
.text-lg {
font-weight:600;
}
.text-xl {
}
.cards {
}
.card {
}
.card-title {
font-size:1.4rem;
}
.card-text {
}
.card-readmore {
}
.more {
}
.cnt {
}
.text-base {
}
.cards-zickzack {
}
.card-zz {
width:100%;
}
.card-zz:not(.ct-section):not(.oxy-easy-posts),
.card-zz.oxy-easy-posts .oxy-posts,
.card-zz.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(10, minmax(0px, 1fr));grid-column-gap: 0px;grid-row-gap: 20px;}
.card-zz:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.card-zz.ct-section .ct-section-inner-wrap > :last-child,
.card-zz.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 7/-1;grid-row: span 10/10;height: 100%;}
.card-zz:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.card-zz.ct-section .ct-section-inner-wrap > :nth-child(1),
.card-zz.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 5/6;grid-row: span 2/6;height: 100%;}
@media (max-width: 767px) {
.card-zz {
}
.card-zz:not(.ct-section):not(.oxy-easy-posts),
.card-zz.oxy-easy-posts .oxy-posts,
.card-zz.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 0px;}
.card-zz:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.card-zz.ct-section .ct-section-inner-wrap > :last-child,
.card-zz.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 1;grid-row: span 1;}
.card-zz:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.card-zz.ct-section .ct-section-inner-wrap > :nth-child(1),
.card-zz.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 1;grid-row: span 1;}
}
.card-zz-img {
background-image:url(https://willis-erlebnishof.de/wp-content/uploads/jock_wick_chapter_1.jpeg);background-size: cover; background-repeat:no-repeat;
}
@media (max-width: 767px) {
.card-zz-img {
background-size: cover; background-position:50% 50%;
order:-1
}
}
.card-zz-cnt {
background-color:#ffffff;
padding-top:2rem;
padding-right:2rem;
padding-bottom:2rem;
padding-left:2rem;
z-index:2;
box-shadow:5px 5px 51px -10px rgba(0,0,0,0.47);
}
.card-zz-title {
margin-bottom:20px;
}
.card-zz-text {
margin-bottom:20px;
}
.card-zz-section {
gap:120px;
}
.card-zz-section:not(.ct-section):not(.oxy-easy-posts),
.card-zz-section.oxy-easy-posts .oxy-posts,
.card-zz-section.ct-section .ct-section-inner-wrap{
gap:120px;
}
@media (max-width: 1280px) {
.card-zz-section {
gap:80px;
}
.card-zz-section:not(.ct-section):not(.oxy-easy-posts),
.card-zz-section.oxy-easy-posts .oxy-posts,
.card-zz-section.ct-section .ct-section-inner-wrap{
gap:80px;
}
}
@media (max-width: 991px) {
.card-zz-section {
gap:40px;
}
.card-zz-section:not(.ct-section):not(.oxy-easy-posts),
.card-zz-section.oxy-easy-posts .oxy-posts,
.card-zz-section.ct-section .ct-section-inner-wrap{
gap:40px;
}
}
@media (max-width: 767px) {
.card-zz-section {
}
}
.wiggle {
}
.img {
}
.btn-more {
}
.hero-a {
background-image:url(https://willis-erlebnishof.de/wp-content/uploads/Header-3.webp);background-size: cover; background-repeat:no-repeat;
height:650px;
border-bottom-style:none;
text-align:center;
border-top-style:none;
border-right-style:none;
border-left-style:none;
background-position:50% 50%;
}
.hero-a .ct-section-inner-wrap {
padding-top: 74px;
}
.hero-a:not(.ct-section):not(.oxy-easy-posts),
.hero-a.oxy-easy-posts .oxy-posts,
.hero-a.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
@media (max-width: 1280px) {
.hero-a {
height:450px;
}
}
@media (max-width: 767px) {
.hero-a {
height:450px;
}
}
@media (max-width: 479px) {
.hero-a {
height:210px;
}
}
.hero-a-wrapper {
max-width:850px;
width:100%;
text-align:center;
}
.hero-a-wrapper:not(.ct-section):not(.oxy-easy-posts),
.hero-a-wrapper.oxy-easy-posts .oxy-posts,
.hero-a-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
@media (max-width: 767px) {
.hero-a-wrapper {
text-align:left;
}
.hero-a-wrapper:not(.ct-section):not(.oxy-easy-posts),
.hero-a-wrapper.oxy-easy-posts .oxy-posts,
.hero-a-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
}
}
.hero-a-title {
text-align:left;
}
@media (max-width: 767px) {
.hero-a-title {
text-align:left;
}
}
.hero-a-subtitle {
color:#ffffff;
text-align:left;
}
.grid {
}
.column {
}
@media (max-width: 767px) {
.column {
width:100%;
}
}
.card-cnt {
}
.hero-b-movie {
height:650px;
margin-top:-90px;
}
.hero-b-movie:not(.ct-section):not(.oxy-easy-posts),
.hero-b-movie.oxy-easy-posts .oxy-posts,
.hero-b-movie.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
@media (max-width: 1280px) {
.hero-b-movie {
height:350px;
}
}
@media (max-width: 991px) {
.hero-b-movie {
height:350px;
}
}
@media (max-width: 767px) {
.hero-b-movie {
height:350px;
}
}
@media (max-width: 479px) {
.hero-b-movie {
height:250px;
}
}
.hero-b-movie-wrapper {
}
.hero-b-movie-wrapper:not(.ct-section):not(.oxy-easy-posts),
.hero-b-movie-wrapper.oxy-easy-posts .oxy-posts,
.hero-b-movie-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.grid-2 {
width:100%;
}
@media (max-width: 991px) {
.grid-2 {
}
}
.wrapper {
margin-top:75px;
margin-right:75px;
margin-bottom:75px;
margin-left:75px;
}
@media (max-width: 1280px) {
.wrapper {
margin-left:20px;
margin-right:20px;
}
}
.reverse {
}
.text-m {
}
.base {
}
.footer {
background-color:#27348b;
}
.footer:not(.ct-section):not(.oxy-easy-posts),
.footer.oxy-easy-posts .oxy-posts,
.footer.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.togglactive {
}
.active {
}
@media (max-width: 767px) {
.active {
background-size: contain; background-repeat:repeat;
}
}
.section-full {
width:100%;
}
.footer-h {
color:color(27);
}
.footer-text {
color:#bdbdbd;
}
.logonav {
}
.adress {
}
.contact {
}
.footer-grid {
}
.scale {
}
.kunden-logo {
width:95px;
}
.kunden-logo-img {
}
.logo-wrap {
}
@media (max-width: 1280px) {
}
@media (max-width: 479px) {
}
.logo-img {
}
@media (max-width: 767px) {
.logo-img {
}
}
.logo-grid {
gap:10px;
width:100%;
}
.logo-grid:not(.ct-section):not(.oxy-easy-posts),
.logo-grid.oxy-easy-posts .oxy-posts,
.logo-grid.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
justify-content:space-around;
gap:10px;
}
@media (max-width: 479px) {
.logo-grid {
gap:0px;
}
.logo-grid:not(.ct-section):not(.oxy-easy-posts),
.logo-grid.oxy-easy-posts .oxy-posts,
.logo-grid.ct-section .ct-section-inner-wrap{
gap:0px;
}
}
.box {
width:100%;
border-top-width:3px;
border-right-width:3px;
border-bottom-width:3px;
border-left-width:3px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
margin-bottom:3rem;
background-color:color(26);
border-top-color:color(27);
border-right-color:color(27);
border-bottom-color:color(27);
border-left-color:color(27);
box-shadow:0px 0px 16px rgba(0,0,0,0.1);
}
.box-img {
}
.box-title {
margin-bottom:1rem;
text-align:left;
}
.box-cnt {
padding-top:1rem;
padding-right:1rem;
padding-bottom:1rem;
padding-left:1rem;
width:100%;
}
.article-grid {
}
.article-cnt {
}
.article-sidebar {
}
.card-img {
}
.ico-text {
gap:10px;
text-align:justify;
}
.ico-text:not(.ct-section):not(.oxy-easy-posts),
.ico-text.oxy-easy-posts .oxy-posts,
.ico-text.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:10px;
}
@media (max-width: 767px) {
.ico-text {
gap:4px;
}
.ico-text:not(.ct-section):not(.oxy-easy-posts),
.ico-text.oxy-easy-posts .oxy-posts,
.ico-text.ct-section .ct-section-inner-wrap{
gap:4px;
}
}
.icon-text-ico {
color: #333333;}.icon-text-ico 
>svg {width: 28px;height: 28px;}.icon-text-ico {
}
@media (max-width: 991px) {
.icon-text-ico {
}.icon-text-ico 
>svg {width: 20px;height: 20px;}.icon-text-ico {
}
}
@media (max-width: 767px) {
.icon-text-ico {
}.icon-text-ico 
>svg {width: 18px;height: 18px;}.icon-text-ico {
}
}
.icon-text-txt {
font-size:22px;
color:#27348b;
font-weight:600;
}
@media (max-width: 991px) {
.icon-text-txt {
font-size:18px;
}
}
@media (max-width: 767px) {
.icon-text-txt {
font-size:14px;
}
}
.hover {
}
.ico {
}
.mh {
}
.ico-text-listing {
gap:20px;
}
.ico-text-listing:not(.ct-section):not(.oxy-easy-posts),
.ico-text-listing.oxy-easy-posts .oxy-posts,
.ico-text-listing.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:20px;
}
@media (max-width: 767px) {
.ico-text-listing {
gap:10px;
}
.ico-text-listing:not(.ct-section):not(.oxy-easy-posts),
.ico-text-listing.oxy-easy-posts .oxy-posts,
.ico-text-listing.ct-section .ct-section-inner-wrap{
gap:10px;
}
}
.tools-wrapper {
}
.tools-wrapper:not(.ct-section):not(.oxy-easy-posts),
.tools-wrapper.oxy-easy-posts .oxy-posts,
.tools-wrapper.ct-section .ct-section-inner-wrap{
display:grid;
flex-wrap:wrap;
display: grid !important;align-items: stretch;grid-template-columns: repeat(4, minmax(0px, 1fr));grid-column-gap: 0px;grid-row-gap: 20px;}
@media (max-width: 991px) {
.tools-wrapper {
}
.tools-wrapper:not(.ct-section):not(.oxy-easy-posts),
.tools-wrapper.oxy-easy-posts .oxy-posts,
.tools-wrapper.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(3, minmax(200px, 1fr));grid-column-gap: 0px;grid-row-gap: 0px;}
.tools-wrapper:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.tools-wrapper.ct-section .ct-section-inner-wrap > :last-child,
.tools-wrapper.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 1/3;}
}
@media (max-width: 767px) {
.tools-wrapper {
}
.tools-wrapper:not(.ct-section):not(.oxy-easy-posts),
.tools-wrapper.oxy-easy-posts .oxy-posts,
.tools-wrapper.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 0px;grid-row-gap: 0px;}
}
@media (max-width: 479px) {
.tools-wrapper {
}
.tools-wrapper:not(.ct-section):not(.oxy-easy-posts),
.tools-wrapper.oxy-easy-posts .oxy-posts,
.tools-wrapper.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(0px, 1fr));grid-column-gap: 0px;grid-row-gap: 0px;}
}
.tools-logo {
}
@media (max-width: 479px) {
.tools-logo {
width:160px;
}
}
.tools-logo-wrap {
}
@media (max-width: 479px) {
.tools-logo-wrap {
}
}
.bf-img {
width:90px;
margin-bottom:15px;
}
.bfh {
color:#212121;
font-weight:600;
font-size:20px;
}
.bft {
font-size:14px;
font-weight:500;
line-height:1.3;
}
.bf-img-back {
width:28px;
margin-bottom:10px;
}
.bnt-more {
}
.job-form {
width:100%;
}
.box-rich {
width:100%;
}
.history {
}
.grid-dokumente {
width:100%;
}
.grid-dokumente:not(.ct-section):not(.oxy-easy-posts),
.grid-dokumente.oxy-easy-posts .oxy-posts,
.grid-dokumente.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(0px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 991px) {
.grid-dokumente {
}
.grid-dokumente:not(.ct-section):not(.oxy-easy-posts),
.grid-dokumente.oxy-easy-posts .oxy-posts,
.grid-dokumente.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
.dokumente-entry {
width:100%;
background-color:#ffffff;
box-shadow:2px 2px 12px rgba(0,0,0,0.28);
}
.dokumente-entry:not(.ct-section):not(.oxy-easy-posts),
.dokumente-entry.oxy-easy-posts .oxy-posts,
.dokumente-entry.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(7, minmax(0px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.dokumente-entry:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.dokumente-entry.ct-section .ct-section-inner-wrap > :last-child,
.dokumente-entry.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 5;}
.dokumente-entry:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.dokumente-entry.ct-section .ct-section-inner-wrap > :nth-child(1),
.dokumente-entry.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 2;}
@media (max-width: 767px) {
.dokumente-entry {
}
.dokumente-entry:not(.ct-section):not(.oxy-easy-posts),
.dokumente-entry.oxy-easy-posts .oxy-posts,
.dokumente-entry.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(10, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 10px;}
}
.dokumente-entry-img {
}
@media (max-width: 767px) {
.dokumente-entry-img {
}
}
.dokumente-entry-txt {
text-align:left;
height:100%;
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.dokumente-entry-txt:not(.ct-section):not(.oxy-easy-posts),
.dokumente-entry-txt.oxy-easy-posts .oxy-posts,
.dokumente-entry-txt.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:space-between;
}
.dimg {
}
@media (max-width: 767px) {
.dimg {
}
}
.dok-entry {
}
.dok-img {
}
.dok-txt {
}
.btn-more-sm {
}
.cards-3 {
}
.turncate {
}
.cbox {
gap:20px;
margin-bottom:1rem;
}
.cbox:not(.ct-section):not(.oxy-easy-posts),
.cbox.oxy-easy-posts .oxy-posts,
.cbox.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:20px;
}
.cicon:hover{
}
.cicon {
color: #27348b;}.cicon 
>svg {width: 36px;height: 36px;}.cicon {
}
.ctext {
}
.divider {
width:120px;
background-color:#3ea536;
height:5px;
}
.pimg {
width:150px;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
.pimg {
width:100px;
}
}
@media (max-width: 479px) {
}
.phead {
text-align:left;
margin-bottom:1rem;
}
.pcnt {
text-align:center;
}
.pcnt:not(.ct-section):not(.oxy-easy-posts),
.pcnt.oxy-easy-posts .oxy-posts,
.pcnt.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 479px) {
.pcnt {
width:282px;
}
}
.ptxt {
text-align:left;
}
@media (max-width: 479px) {
.ptxt {
width:100%;
}
}
.pqrcode {
}
.pwrap {
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
gap:20px;
}
.pwrap:not(.ct-section):not(.oxy-easy-posts),
.pwrap.oxy-easy-posts .oxy-posts,
.pwrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:20px;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
.pwrap {
}
.pwrap:not(.ct-section):not(.oxy-easy-posts),
.pwrap.oxy-easy-posts .oxy-posts,
.pwrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}
.psubhead {
font-size:12px;
font-weight:600;
}
.pqrcode-img:hover{
transform:scale(1.037654,1.037654);}
.pqrcode-img {
transition-duration:.2s;
transition-timing-function:ease-in-out;
}
.pico {
width:18px;
}
.pdata {
gap:10px;
}
.pdata:not(.ct-section):not(.oxy-easy-posts),
.pdata.oxy-easy-posts .oxy-posts,
.pdata.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:10px;
}
.pvalue {
font-weight:600;
}
.qrcode-ico {
width:18px;
}
@media (max-width: 1280px) {
.qrcode-ico {
}
}
.footer-copy {
background-color:#1f2a6f;
color:#525da2;
}
.social-icon:hover{
color: #ffffff;}.social-icon:hover{
}
.social-icon {
color: #525da2;}.social-icon 
>svg {width: 34px;height: 34px;}.social-icon {
transition-duration:.4s;
transition-timing-function:easi-in-out;
}
.inverted {
}
.cg1 {
}
.oxy-close-modal {
}
.oxy-stock-content-styles {
}
.p2 {
padding-top:1.5rem;
padding-right:1.5rem;
padding-bottom:1.5rem;
padding-left:1.5rem;
}
.grid-tools {
}
.logolink-fx:hover{
transform:scale(1.09,1.09);}
.logolink-fx {
transition-duration:.4s;
transition-timing-function:ease-in-out;
}
.text-xxl {
}
.ul-check {
}
.dp-video {
}
.video-wrapper:hover{
transform:scale(1.02,1.02);}
.video-wrapper {
position:relative;
transition-duration:.4s;
transition-timing-function:ease-in-out;
::hover
}
.video-icon {
color: #3ea536;}.video-icon 
>svg {width: 96px;height: 96px;}.video-icon {
position:absolute;
z-index:10;
}
.video-text {
position:absolute;
left:10px;
bottom:10px;
color:#1f2a6f;
font-weight:700;
}
.tall {
background-size: cover; background-color:#1f2a6f;
position:relative;
}
.overlay {
}
.overlay-dp {
background-color:#1f2a6f;
}
.icobox {
gap:10px;
}
.icobox:not(.ct-section):not(.oxy-easy-posts),
.icobox.oxy-easy-posts .oxy-posts,
.icobox.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:10px;
}
.icobox-icon {
color: #3ea536;}.icobox-icon 
>svg {width: 55px;height: 55px;}.icobox-icon {
}
@media (max-width: 767px) {
.icobox-icon {
}.icobox-icon 
>svg {width: 28px;height: 28px;}.icobox-icon {
}
}
@media (max-width: 479px) {
.icobox-icon {
}.icobox-icon 
>svg {width: 18px;height: 18px;}.icobox-icon {
}
}
.icobox-txt {
font-size:1.3rem;
font-weight:900;
color:#e1a13f;
}
@media (max-width: 767px) {
.icobox-txt {
font-size:1.2rem;
}
}
@media (max-width: 479px) {
.icobox-txt {
font-size:1rem;
}
}
.icobox-small {
gap:8px;
text-align:justify;
}
.icobox-small:not(.ct-section):not(.oxy-easy-posts),
.icobox-small.oxy-easy-posts .oxy-posts,
.icobox-small.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:8px;
}
.ico-small-txt {
color:#616161;
}
.icohead {
gap:10px;
}
.icohead:not(.ct-section):not(.oxy-easy-posts),
.icohead.oxy-easy-posts .oxy-posts,
.icohead.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:10px;
}
.ico-small-ico {
color: color(36);}.ico-small-ico 
>svg {width: 16px;height: 16px;}.ico-small-ico {
}
.pricebox {
background-color:#161006;
padding-top:1rem;
padding-right:1rem;
padding-bottom:1rem;
padding-left:1rem;
border-radius:1.2rem;
width:100%;
gap:20px;
}
.pricebox:not(.ct-section):not(.oxy-easy-posts),
.pricebox.oxy-easy-posts .oxy-posts,
.pricebox.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:20px;
}
@media (max-width: 767px) {
.pricebox {
text-align:center;
}
.pricebox:not(.ct-section):not(.oxy-easy-posts),
.pricebox.oxy-easy-posts .oxy-posts,
.pricebox.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
}
.bewertung {
testimonial_text_typography_font-size:16px;
}
.bewertung {
flex-direction: row;
align-items: center;
}
.bewertung .oxy-testimonial-text {
font-size: 16px;
}
@media (max-width: 767px) {
.bewertung{
flex-direction: column !important;
}   
.bewertung .oxy-testimonial-photo {
margin: 0;
margin-bottom:20px                }
.bewertung .oxy-testimonial-photo-wrap, 
.bewertung .oxy-testimonial-author-wrap, 
.bewertung .oxy-testimonial-content-wrap {
align-items: center;                    text-align: center;                }
}
@media (max-width: 767px) {
.bewertung {
}
}
@media (max-width: 479px) {
.bewertung {
}
.bewertung {
flex-direction: row;
align-items: center;
}
.bewertung .oxy-testimonial-photo-wrap, 
.bewertung .oxy-testimonial-author-wrap, 
.bewertung .oxy-testimonial-content-wrap {
align-items: flex-start;                text-align: left;            }
}
.overflow-x-hidden {
}
.hs1 {
}
.h1 {
}
.h2 {
}
.h3 {
}
.h4 {
}
.h5 {
}
.h6 {
}
.th1 {
}
.pp {
}
.text-abse {
}
.pall {
}
.pxall {
}
.hero-height {
}
.hero-height:not(.ct-section):not(.oxy-easy-posts),
.hero-height.oxy-easy-posts .oxy-posts,
.hero-height.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
.card-one {
background-color:#ffffff;
}
.card-one--image {
}
.card-one---heading {
font-size:1.6rem;
}
.card-one--subheading {
font-weight:900;
}
.card-one--cnt {
padding-top:1rem;
padding-right:1rem;
padding-bottom:1rem;
padding-left:1rem;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}
.w640 {
max-width:720px;
}
.w720 {
max-width:720px;
}
.w720:not(.ct-section):not(.oxy-easy-posts),
.w720.oxy-easy-posts .oxy-posts,
.w720.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.card-icon {
padding-bottom:20px;
}
.card-small {
background-color:#ffffff;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
box-shadow:4px 4px 0px #84cc16;
}
.card-small:not(.ct-section):not(.oxy-easy-posts),
.card-small.oxy-easy-posts .oxy-posts,
.card-small.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
.card-small-heading {
text-align:left;
}
.cards-historie {
gap:20px;
}
.cards-historie:not(.ct-section):not(.oxy-easy-posts),
.cards-historie.oxy-easy-posts .oxy-posts,
.cards-historie.ct-section .ct-section-inner-wrap{
display:grid;
gap:20px;
display: grid !important;align-items: stretch;grid-template-columns: repeat(4, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 991px) {
.cards-historie {
}
.cards-historie:not(.ct-section):not(.oxy-easy-posts),
.cards-historie.oxy-easy-posts .oxy-posts,
.cards-historie.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
@media (max-width: 479px) {
.cards-historie {
}
.cards-historie:not(.ct-section):not(.oxy-easy-posts),
.cards-historie.oxy-easy-posts .oxy-posts,
.cards-historie.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
.card-historie {
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
background-color:#f3f5f0;
}
.card-jahr {
}
.card-image {
padding-bottom:1rem;
}
.card-txt {
}
.standort {
background-color:#27348b;
}
.standort .ct-section-inner-wrap {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.standort-kontakt {
padding-top:1rem;
padding-right:1rem;
padding-bottom:1rem;
padding-left:1rem;
text-align:right;
}
.standort-kontakt:not(.ct-section):not(.oxy-easy-posts),
.standort-kontakt.oxy-easy-posts .oxy-posts,
.standort-kontakt.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.maps-wrapper {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}
.berry-card {
background-color:#f3f5f0;
padding-top:1rem;
padding-right:1rem;
padding-bottom:1rem;
padding-left:1rem;
}
.berry-card:not(.ct-section):not(.oxy-easy-posts),
.berry-card.oxy-easy-posts .oxy-posts,
.berry-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.berry-card--image {
width:210px;
margin-bottom:1.2rem;
height:auto;
}
@media (max-width: 479px) {
.berry-card--image {
width:95px;
}
}
.berry-card--heading {
font-size:1.4rem;
}
@media (max-width: 767px) {
.berry-card--heading {
font-size:1rem;
}
}
@media (max-width: 479px) {
.berry-card--heading {
font-size:1.3rem;
}
}
.w-grid {
width:100%;
}
.w-grid:not(.ct-section):not(.oxy-easy-posts),
.w-grid.oxy-easy-posts .oxy-posts,
.w-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;justify-items: center;align-items: center;grid-template-columns: repeat(2, minmax(0px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.wh-header-a {
background-image:url(https://willis-erlebnishof.de/wp-content/uploads/wood_seamless2.webp);background-size: contain; background-color:#e7e9e4;
background-repeat:repeat-x;
}
.wh-header-a:not(.ct-section):not(.oxy-easy-posts),
.wh-header-a.oxy-easy-posts .oxy-posts,
.wh-header-a.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.wh-header-a {
}
}
.wh-hero-a--title {
color:#ffffff;
}
.btn-xl {
}
.img-round {
border-radius:50%;
width:150px;
height:150px;
}
.card-pet {
}
.card-title-pet {
line-height:1;
font-size:18px;
margin-top:15px;
}
.btn-pet {
border-top-color:#27348b;
border-right-color:#27348b;
border-bottom-color:#27348b;
border-left-color:#27348b;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-radius:9px;
padding-top:8px;
padding-right:10px;
padding-bottom:2px;
padding-left:10px;
}
.btn-pet:not(.ct-section):not(.oxy-easy-posts),
.btn-pet.oxy-easy-posts .oxy-posts,
.btn-pet.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.pet-link {
}
.cards-pet {
}
.pet-image {
}
.pet-title {
}
.text-deko {
}
.card-fx {
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
border-top-width:3px;
border-right-width:3px;
border-bottom-width:3px;
border-left-width:3px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-radius:1rem;
border-top-color:#3ea536;
border-right-color:#3ea536;
border-bottom-color:#3ea536;
border-left-color:#3ea536;
color:#3ea536;
background-color:#f5f5f5;
}
.card-fx:not(.ct-section):not(.oxy-easy-posts),
.card-fx.oxy-easy-posts .oxy-posts,
.card-fx.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.card-fx-heading {
line-height:1;
margin-bottom:0px;
}
.toggle {
}
.round {
}
.shadow {
}
.info-heading {
color:#3ea536;
}
.short-info {
}
.short-info-box {
border-radius:10px;
padding-top:1rem;
padding-right:1rem;
padding-bottom:1rem;
padding-left:1rem;
background-color:#32842b;
}
.short-info-box:not(.ct-section):not(.oxy-easy-posts),
.short-info-box.oxy-easy-posts .oxy-posts,
.short-info-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 767px) {
.short-info-box {
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
}
}
.short-info-box-text {
color:#ffffff;
font-weight:800;
}
@media (max-width: 767px) {
.short-info-box-text {
font-size:14px;
}
}
@media (max-width: 479px) {
.short-info-box-text {
}
}
.short-info-box-icon {
margin-bottom:8px;
}
.info-box-subheading {
text-align:center;
}
@media (max-width: 479px) {
.info-box-subheading {
color:#ffffff;
font-weight:800;
}
}
.w980 {
max-width:980px;
width:100%;
margin-top:0px;
padding-right:0px;
text-align:center;
margin-right:auto;
}
.w980:not(.ct-section):not(.oxy-easy-posts),
.w980.oxy-easy-posts .oxy-posts,
.w980.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:center;
}
.grid-wide {
}
.rev {
}
.logo {
}
.addy {
}
.con {
}
.nav {
}
.footer-grid-w {
}
.hbgimg {
position:absolute;
width:100%;
top:-320px;
left:0px;
}
@media (max-width: 1280px) {
.hbgimg {
top:-76px;
}
}
@media (max-width: 767px) {
.hbgimg {
top:-10px;
}
}
@media (max-width: 479px) {
.hbgimg {
top:20px;
}
}
.subheadline {
}
.top-100 {
}
.social-icons-header {
position:absolute;
top:-48px;
right:0px;
gap:20px;
}
.social-icons-header:not(.ct-section):not(.oxy-easy-posts),
.social-icons-header.oxy-easy-posts .oxy-posts,
.social-icons-header.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:20px;
}
@media (max-width: 991px) {
.social-icons-header {
top:-38px;
}
}
.social-icons-mobile {
}
@media (max-width: 767px) {
.social-icons-mobile {
position:absolute;
bottom:0px;
gap:20px;
}
.social-icons-mobile:not(.ct-section):not(.oxy-easy-posts),
.social-icons-mobile.oxy-easy-posts .oxy-posts,
.social-icons-mobile.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:20px;
}
}
.job-listing {
}
.job-entry {
background-color:#f5f5f5;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
text-align:center;
}
.job-entry:not(.ct-section):not(.oxy-easy-posts),
.job-entry.oxy-easy-posts .oxy-posts,
.job-entry.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.cdenter {
}
.bgw {
}
@media (max-width: 767px) {
.bgw {
background-image:url(https://willis-erlebnishof.de/wp-content/uploads/willis-header-bg-mobile-white.webp); background-color:#efebc9;
}
}
.toggle-dark {
}
.mb-2 {
}
.hero-text-mit-bg {
color:#27348b;
background-color:rgba(238,238,238,0.58);
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
border-radius:2rem;
}
.w100 {
width:100%;
}
.n-datum {
font-size:12px;
margin-top:-10px;
font-weight:600;
margin-bottom:5px;
}
.post-entry {
width:100%;
max-width:800px;
}
.post-entry:not(.ct-section):not(.oxy-easy-posts),
.post-entry.oxy-easy-posts .oxy-posts,
.post-entry.ct-section .ct-section-inner-wrap{
display:flex;
}
.post-heading {
margin-bottom:2rem;
}
.post-text {
}
.card-slider {
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
}
.card-slider:not(.ct-section):not(.oxy-easy-posts),
.card-slider.oxy-easy-posts .oxy-posts,
.card-slider.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 767px) {
.card-slider {
}
.card-slider:not(.ct-section):not(.oxy-easy-posts),
.card-slider.oxy-easy-posts .oxy-posts,
.card-slider.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
} @-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
:root {
--primary: #27348B;
--secondary: #3EA536;
--primary-light: #525DA2;
--primary-dark: #232F7D;
--primary-darker: #1F2A6F;
--secondary-light: #65B75E;
--secondary-dark: #32842B;
--text-color-dark: #212529;
--text-color-light: #F3F5F0;
--red: #DC1F28;
--yellow: #FDE047;
--blue: #27348b;
--green: #3fa535;
--green-dark: #0f3a0c;
--indigo: #6366F1;
--teal: #5EEAD4;
--purple: #D946EF;
--black: #000;
--white: #fff;
--bg-01: #F3F5F0;
--bg-02: #E7E9E4;
--grey-0: #ffffff;
--grey-1: #fdfdfc;
--grey-2: #fafbfa;
--grey-3: #f8f8f7;
--grey-4: #f5f6f4;
--grey-5: #f3f4f2;
--grey-6: #f1f2ef;
--grey-7: #eef0ec;
--grey-8: #ecede9;
--grey-9: #e9ebe7;
--grey-10: #e7e9e4;
--grey-11: #d0d2cd;
--grey-12: #b9bab6;
--grey-13: #a2a3a0;
--grey-14: #8b8c89;
--grey-15: #747572;
--grey-16: #5c5d5b;
--grey-17: #454644;
--grey-18: #2e2f2e;
--grey-19: #171717;
} @font-face {
font-display: swap; font-family: "Lato";
font-style: normal;
font-weight: 300;
src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-300.eot); src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-300.eot?#iefix) format("embedded-opentype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-300.woff2) format("woff2"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-300.woff) format("woff"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-300.ttf) format("truetype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-300.svg#Lato) format("svg"); } @font-face {
font-display: swap; font-family: "Lato";
font-style: italic;
font-weight: 300;
src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-300italic.eot); src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-300italic.eot?#iefix) format("embedded-opentype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-300italic.woff2) format("woff2"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-300italic.woff) format("woff"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-300italic.ttf) format("truetype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-300italic.svg#Lato) format("svg"); } @font-face {
font-display: swap; font-family: "Lato";
font-style: normal;
font-weight: 400;
src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-regular.eot); src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-regular.eot?#iefix) format("embedded-opentype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-regular.woff2) format("woff2"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-regular.woff) format("woff"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-regular.ttf) format("truetype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-regular.svg#Lato) format("svg"); } @font-face {
font-display: swap; font-family: "Lato";
font-style: italic;
font-weight: 400;
src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-italic.eot); src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-italic.eot?#iefix) format("embedded-opentype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-italic.woff2) format("woff2"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-italic.woff) format("woff"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-italic.ttf) format("truetype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-italic.svg#Lato) format("svg"); } @font-face {
font-display: swap; font-family: "Lato";
font-style: normal;
font-weight: 700;
src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-700.eot); src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-700.eot?#iefix) format("embedded-opentype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-700.woff2) format("woff2"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-700.woff) format("woff"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-700.ttf) format("truetype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-700.svg#Lato) format("svg"); } @font-face {
font-display: swap; font-family: "Lato";
font-style: italic;
font-weight: 700;
src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-700italic.eot); src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-700italic.eot?#iefix) format("embedded-opentype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-700italic.woff2) format("woff2"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-700italic.woff) format("woff"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-700italic.ttf) format("truetype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-700italic.svg#Lato) format("svg"); } @font-face {
font-display: swap; font-family: "Lato";
font-style: normal;
font-weight: 900;
src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-900.eot); src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-900.eot?#iefix) format("embedded-opentype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-900.woff2) format("woff2"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-900.woff) format("woff"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-900.ttf) format("truetype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-900.svg#Lato) format("svg"); } @font-face {
font-display: swap; font-family: "Lato";
font-style: italic;
font-weight: 900;
src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-900italic.eot); src: url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-900italic.eot?#iefix) format("embedded-opentype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-900italic.woff2) format("woff2"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-900italic.woff) format("woff"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-900italic.ttf) format("truetype"), url(//willis-erlebnishof.de/assets/fonts/lato/lato-v23-latin-900italic.svg#Lato) format("svg"); } @font-face {
font-display: swap; font-family: "Satisfy";
font-style: normal;
font-weight: 400;
src: url(//willis-erlebnishof.de/assets/fonts/satisfy/satisfy-v17-latin-regular.eot); src: url(//willis-erlebnishof.de/assets/fonts/satisfy/satisfy-v17-latin-regular.eot?#iefix) format("embedded-opentype"), url(//willis-erlebnishof.de/assets/fonts/satisfy/satisfy-v17-latin-regular.woff2) format("woff2"), url(//willis-erlebnishof.de/assets/fonts/satisfy/satisfy-v17-latin-regular.woff) format("woff"), url(//willis-erlebnishof.de/assets/fonts/satisfy/satisfy-v17-latin-regular.ttf) format("truetype"), url(//willis-erlebnishof.de/assets/fonts/satisfy/satisfy-v17-latin-regular.svg#Satisfy) format("svg"); }
:root { --font-sans: Lato, sans-serif;
--font-deko: "Satisfy", serif;
--font-mono: "SFMono-Regular",Consolas,Liberation Mono,Menlo,Courier,monospace;  --text-base: clamp(0.875rem, 0.382vw + 0.799rem, 1.125rem); --text-sm: clamp(1rem, 0.765vw + 0.847rem, 1.5rem); --text-lg: clamp(1.125rem, 0.861vw + 0.953rem, 1.688rem); --text-xl: clamp(1.5rem, 1.147vw + 1.271rem, 2.25rem); --text-xxl: clamp(1.8rem, 2.876vw + 1.225rem, 3.68rem); --text-desk-nav: clamp(1.1rem, 1.338vw + 0.458rem, 1.6rem); }
.text-base {
font-size: var(--text-base);
}
.text-sm {
font-size: var(--text-sm);
}
.text-lg {
font-size: var(--text-lg);
}
.text-xl {
font-size: var(--text-xl);
}
.text-xxl {
font-size: var(--text-xxl);
}
.font-sans {
font-family: var(--font-sans);
}
.font-deko {
font-family: var(--font-deko);
}
.font-deko span {
font-family: var(--font-deko);
}
.font-mono {
font-family: var(--font-mono);
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: 700;
line-height: 1.2;
color: inherit;
} h1 {
font-size: clamp(1.5rem, 2.677vw + 0.965rem, 3.25rem);
}
h2 {
font-size: clamp(1.3rem, 1.989vw + 0.902rem, 2.6rem);
}
h3 {
font-size: clamp(1.2rem, 1.606vw + 0.879rem, 2.25rem);
}
h4 {
font-size: clamp(1.1rem, 1.377vw + 0.825rem, 2rem);
}
h5 {
font-size: clamp(1rem, 0.765vw + 0.847rem, 1.5rem);
}
h6 {
font-size: clamp(1rem, 0.153vw + 0.969rem, 1.1rem);
}
h2 {
word-wrap: break-word;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphenate-limit-chars: 6 3 3;
hyphenate-limit-lines: 2;
hyphenate-limit-last: always;
hyphenate-limit-zone: 8%;
}
.lh1 {
line-height: 1;
}
.lh12 {
line-height: 1.2;
}
.hyphen {
word-wrap: break-word;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphenate-limit-chars: 6 3 3;
hyphenate-limit-lines: 2;
hyphenate-limit-last: always;
hyphenate-limit-zone: 8%;
}
.center {
text-align: center;
}
.autogrid {
--gutter: 1rem;
--min: 230px;
display: grid;
grid-gap: var(--gutter);
grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
grid-auto-flow: dense;
}
.autogrid.gap-l {
--gutter: 3rem;
}
.jcc {
align-content: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.reverse {
order: -1;
}
}
.grid {
--gutter: 2rem;
display: grid;
grid-gap: var(--gutter);
grid-template-columns: 1fr;
}
@media only screen and (min-width: 767px) {
.grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 992px) {
.grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
.grid-2 {
--gutter: 2rem;
display: grid;
grid-gap: var(--gutter);
grid-template-columns: 1fr;
}
@media only screen and (min-width: 675px) {
.grid-2 {
grid-template-columns: 1fr 1fr;
}
}
.grid-tools {
--gutter: 2rem;
display: grid;
grid-gap: var(--gutter);
grid-template-columns: 1fr;
}
@media only screen and (min-width: 767px) {
.grid-tools {
grid-template-columns: 1fr 1fr;
}
}
.grid-tools.jcc {
align-content: center;
align-items: center;
}
.grid-wide {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "img" "cnt";
gap: 3rem;
}
@media only screen and (min-width: 767px) {
.grid-wide {
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: "cnt cnt img";
gap: 3rem;
}
}
@media only screen and (min-width: 767px) {
.grid-wide.rev {
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: "img cnt cnt";
}
}
.grid-wide .cnt {
grid-area: cnt;
}
.grid-wide .img {
grid-area: img;
}
:root {
--mheight: 380px;
--mheightxl: 450px;
--mtopmargin: 90px;
--mtopmarginxl: 0;
--toggle-color: var(--white);
--link-color: var(--white);
--link-color-hover: var(--secondary);
--link-color-active: var(--secondary);
--link-b: #27348b;
--text-desk-nav: 1rem;
--menu-breakpoint: 767px;
}
@media only screen and (min-width: 991px) {
:root {
--text-desk-nav: 1.3rem;
}
}
.header > .ct-section-inner-wrap {
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr;
grid-template-areas: "logo toggle";
gap: 20px;
align-items: center;
}
@media only screen and (min-width: 767px) {
.header > .ct-section-inner-wrap {
gap: 30px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-areas: "logo desktop desktop desktop desktop desktop desktop";
}
}
.desktop-nav {
grid-area: desktop;
display: flex;
align-items: flex-end;
}
.header--logo {
grid-area: logo;
justify-self: start;
z-index: 131 !important;
}
#toggle {
grid-area: toggle;
justify-self: end;
cursor: pointer;
position: relative;
z-index: 131;
width: 40px;
height: 40px;
}
#toggle::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 50%;
background: var(--toggle-color);
height: 5px;
transform: translateY(-6px);
}
#toggle::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 50%;
background: var(--toggle-color);
height: 5px;
transform: translateY(6px);
}
#toggle.toggle-dark::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 50%;
background: #27348b;
height: 5px;
transform: translateY(-6px);
}
#toggle.toggle-dark::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 50%;
background: #27348b;
height: 5px;
transform: translateY(6px);
}
#toggle::before,
#toggle::after {
transition: transform 0.2s;
}
#toggle.active::before {
transform: translateY(0) rotate(45deg);
}
#toggle.active::after {
transform: translateY(0) rotate(-45deg);
}
#mobile-menu {
display: block;
height: 0px !important;
transition: all 0.3s ease-in-out;
overflow: hidden;
}
#mobile-menu.active {
height: var(--mheight) !important;
display: block;
}
.desktop-nav {
z-index: 122;
}
@media screen and (min-width: 767px) {
#mobile-menu.active {
height: 0;
display: none !important;
}
}
#mobile-menu_block {
width: 100%;
padding: 0 20px;
}
.mobile-nav_list {
list-style: none;
margin: 0;
padding: 0;
column-gap: 10px;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
.mobile-nav_item {
font-size: 1.3rem;
width: 100%;
text-align: left;
}
.mobile-nav_item a {
display: block;
padding: 8px;
width: 100%;
text-decoration: none;
font-weight: 400;
color: var(--link-color);
transition: all 0.4s ease-in-out;
}
.mobile-nav_item a:hover {
text-decoration: none;
font-weight: 400;
color: var(--link-color-hover);
}
.mobile-nav_item__active a {
text-decoration: none;
color: var(--link-color-active);
}
.mobile-nav_item.lb a {
color: var(--link-b);
}
.mobile-nav_item.lb a:hover {
color: var(--link-color-hover);
}
.mobile-nav_item__active.lb a {
color: var(--link-color-hover);
}
#desktop-menu_block { }
.desktop-nav_list {
list-style: none;
margin: 0;
padding: 0;
column-gap: 0;
columns: 5;
-webkit-columns: 5;
-moz-columns: 5;
}
.desktop-nav_list .desktop-nav_item {
font-size: var(--text-desk-nav);
width: 100%;
text-align: center;
}
.desktop-nav_list .desktop-nav_item a {
display: block;
white-space: nowrap;
padding: 2px 10px 2px 0;
text-decoration: none;
font-weight: 400;
color: var(--link-color);
transition: all 0.4s ease-in-out;
}
.desktop-nav_list .desktop-nav_item a:hover {
text-decoration: none;
font-weight: 400;
color: var(--link-color-hover);
}
.desktop-nav_list .desktop-nav_item__active a {
text-decoration: none;
color: var(--link-color-active);
}
.desktop-nav_list .desktop-nav_item.lb a {
color: var(--link-b);
}
.desktop-nav_list .desktop-nav_item.lb a:hover {
color: var(--link-color-hover);
}
.desktop-nav_list .desktop-nav_item__active.lb a {
color: var(--link-color-hover);
}
.desktop-nav_list--small {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
gap: 2px;
}
.desktop-nav_list--small .desktop-nav_item {
font-size: 18px;
width: 100%;
text-align: center;
}
@media only screen and (max-width: 1060px) {
.desktop-nav_list--small .desktop-nav_item {
font-size: 13px;
}
}
.desktop-nav_list--small .desktop-nav_item a {
display: block;
white-space: nowrap;
padding: 2px 10px 2px 0;
text-decoration: none;
font-weight: 400;
color: var(--link-color);
transition: all 0.4s ease-in-out;
}
.desktop-nav_list--small .desktop-nav_item a:hover {
text-decoration: none;
font-weight: 400;
color: var(--link-color-hover);
}
.desktop-nav_list--small .desktop-nav_item__active a {
text-decoration: underline;
color: var(--link-color-active);
}
.desktop-nav_list--small.bgc .desktop-nav_item a {
color: var(--white);
}
.desktop-nav_list--small.bgc .desktop-nav_item a:hover {
color: var(--secondary);
text-decoration: none;
}
.desktop-nav_list--small.bgc .desktop-nav_item__active a {
color: var(--secondary);
text-decoration: none;
}
.desktop-nav_list--small.bgc .desktop-nav_item.lb a {
color: var(--link-b);
}
.desktop-nav_list--small.bgc .desktop-nav_item.lb a:hover {
color: var(--link-color-hover);
}
.desktop-nav_list--small.bgc .desktop-nav_item__active.lb a {
color: var(--link-color-hover);
}
.footer-grid-w {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: "logo logo logo" "nav nav nav" "addy addy addy" "con con con";
gap: 20px;
}
@media only screen and (min-width: 870px) {
.footer-grid-w {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-areas: "logo addy addy con con nav nav";
}
}
.footer-grid-w .logo {
grid-area: logo;
display: flex;
align-items: center;
}
.footer-grid-w .addy {
grid-area: addy;
display: flex;
align-items: center;
}
.footer-grid-w .addy p {
margin: 0;
padding: 0;
text-align: center;
}
.footer-grid-w .con {
grid-area: con;
display: flex;
align-items: center;
}
.footer-grid-w .nav {
grid-area: nav;
display: flex;
align-items: center;
}
.footer-nav_list {
list-style: none;
margin: 0;
padding: 0;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.footer-nav_item {
font-size: 1rem;
width: 100%;
}
.footer-nav_item a {
display: block;
white-space: nowrap;
text-decoration: none;
font-weight: 700;
color: var(--primary);
transition: all 0.4s ease-in-out;
}
.footer-nav_item a:hover {
text-decoration: underline;
font-weight: 700;
opacity: 0.8;
color: var(--primary);
}
.footer-nav_item__active a {
text-decoration: underline;
color: var(--primary);
}
.cards {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
justify-content: space-between;
}
@media only screen and (min-width: 568px) {
.cards {
grid-template-columns: 1fr 1fr;
}
}
.cards-3 {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
justify-content: space-between;
}
@media only screen and (min-width: 768px) {
.cards-3 {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 992px) {
.cards-3 {
grid-template-columns: 1fr 1fr 1fr;
}
}
.card {
align-self: stretch;
background: var(--white);
border-bottom: 4px solid var(--secondary);
border-radius: 8px;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
.card.hover {
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.card.hover:hover {
transform: scale(1.037654);
}
.card.active {
border: 4px solid var(--white);
background: var(--grey-2);
}
.card .img {
margin-bottom: 1rem;
width: 100%;
display: block;
overflow: hidden;
position: relative;
}
.card .img img {
object-fit: cover;
}
.card .ico {
padding: 20px 0 0 20px;
}
.card .cnt {
margin: 0 0 1rem 0;
padding: 20px;
}
.card .cnt .card-title {
margin-bottom: 1rem;
}
.card .more a {
font-weight: 600;
}
.wiggle {
animation: Wiggle 4s infinite;
}
@keyframes Wiggle {
5%, 50% {
transform: scale(1);
}
10% {
transform: scale(0.9);
}
15% {
transform: scale(1.05);
}
20% {
transform: scale(1.05) rotate(-3.5deg);
}
23% {
transform: scale(1.05) rotate(3.5deg);
}
26% {
transform: scale(1.05) rotate(-2.5deg);
}
30% {
transform: scale(1.05) rotate(2.5deg);
}
35% {
transform: scale(1.05) rotate(0);
}
}
.cg1 {
color: #e8e8e8;
background-image: -webkit-radial-gradient(circle, #e8e8e8 0%, #bbb9c9 59%, #cac1d9 50%);
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
}
.btn {
display: inline-block;
padding: 10px 16px;
border: 2px solid var(--secondary);
border-radius: 8px;
color: var(--white);
background: var(--secondary-dark);
font-weight: bolder;
font-size: 1rem;
text-decoration: none;
text-align: center;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.btn:hover {
background: transparent;
color: var(--secondary-dark);
text-decoration: none;
transform: scale(1.1);
}
.btn.inverted {
border-color: var(--secondary-light);
color: var(--secondary-light);
background: transparent;
}
.btn.inverted:hover {
background: var(--secondary-light);
color: var(--primary);
}
.btn.primary {
background: var(--primary);
color: var(--white);
border-color: var(--primary);
}
.btn.primary:hover {
opacity: 0.8;
scale: 0.9898;
}
.btn.secondary {
background: var(--secondary);
color: var(--white);
border-color: var(--secondary);
}
.btn.secondary:hover {
opacity: 0.8;
scale: 0.9898;
}
.btn-more {
display: inline-block;
color: var(--black);
text-decoration: none;
font-size: 1.1rem;
font-weight: 700;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.btn-more:after {
content: "";
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
position: static;
display: inline-block;
margin-bottom: -2px;
margin-left: 4px;
width: 16px;
height: 16px;
background-size: cover;
background-position: center center;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ5Mi4wMDQgNDkyLjAwNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDkyLjAwNCA0OTIuMDA0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZD0iTTM4Mi42NzgsMjI2LjgwNEwxNjMuNzMsNy44NkMxNTguNjY2LDIuNzkyLDE1MS45MDYsMCwxNDQuNjk4LDBzLTEzLjk2OCwyLjc5Mi0xOS4wMzIsNy44NmwtMTYuMTI0LDE2LjEyDQoJCQljLTEwLjQ5MiwxMC41MDQtMTAuNDkyLDI3LjU3NiwwLDM4LjA2NEwyOTMuMzk4LDI0NS45bC0xODQuMDYsMTg0LjA2Yy01LjA2NCw1LjA2OC03Ljg2LDExLjgyNC03Ljg2LDE5LjAyOA0KCQkJYzAsNy4yMTIsMi43OTYsMTMuOTY4LDcuODYsMTkuMDRsMTYuMTI0LDE2LjExNmM1LjA2OCw1LjA2OCwxMS44MjQsNy44NiwxOS4wMzIsNy44NnMxMy45NjgtMi43OTIsMTkuMDMyLTcuODZMMzgyLjY3OCwyNjUNCgkJCWM1LjA3Ni01LjA4NCw3Ljg2NC0xMS44NzIsNy44NDgtMTkuMDg4QzM5MC41NDIsMjM4LjY2OCwzODcuNzU0LDIzMS44ODQsMzgyLjY3OCwyMjYuODA0eiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
}
.btn-more:hover {
color: var(--primary);
}
.btn-more:hover:after {
margin-left: 10px;
}
.btn-more-sm {
font-size: 14px;
}
.btn-more-sm:after {
width: 12px;
height: 12px;
margin-left: 3px;
margin-bottom: -2px;
}
.btn-more-sm:hover:after {
margin-left: 6px;
}
.video-box {
max-width: 100%;
border: 5px solid var(--secondary-darker);
background: var(--secondary-darker);
margin: 0;
padding: 0;
display: block;
box-sizing: border-box;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
.video-box video {
border: none;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.footer {
font-size: 14px;
color: #e0e2ec;
}
.footer a {
color: var(--grey-3);
}
.footer a:hover {
color: var(--white);
}
.footer-grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
grid-template-areas: "nav" "contact" "adress";
}
@media only screen and (min-width: 590px) {
.footer-grid {
grid-template-columns: 1fr 1fr;
grid-template-areas: "nav contact" "adress adress";
gap: 20px;
}
}
@media only screen and (min-width: 590px) {
.footer-grid {
grid-template-columns: 1fr 1fr;
grid-template-areas: "nav adress contact";
gap: 30px;
}
}
.footer-grid .logonav {
grid-area: nav;
}
.footer-grid .adress {
grid-area: adress;
}
.footer-grid .contact {
grid-area: contact;
}
#menu-footer-menu {
display: block !important;
width: 100%;
columns: 2;
column-gap: 40px;
-webkit-columns: 2;
-moz-columns: 2;
column-rule: 1px solid var(--primary-dark);
}
#menu-footer-menu li a {
color: var(--white);
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#menu-footer-menu li:hover a {
color: var(--primary-light) !important;
}
#menu-footer-menu li.current_page_item a {
color: var(--primary-light) !important;
text-decoration: underline;
}
.footer-copy a {
color: var(--primary-light);
text-decoration: none;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footer-copy a:hover {
color: var(--white);
text-decoration: none;
}
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
input[type=week],
input:not([type]),
textarea,
select {
-webkit-appearance: none;
background-color: var(--grey-10);
border: none;
border: 2px solid var(--grey-9);
border-radius: 5px;
box-shadow: none;
box-sizing: inherit;
min-height: 2.8rem;
padding: 8px 12px 8px;
width: 100%;
font-size: 1rem;
color: var(--grey-18);
}
textarea {
resize: vertical;
min-height: 3rem;
height: 150px;
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
input[type=week]:focus,
input:not([type]):focus,
textarea:focus,
select:focus {
background: var(--grey-9);
outline: 0;
}
::placeholder {
color: var(--grey-12);
}
label,
legend {
display: block;
font-size: 1rem;
font-weight: normal;
margin-bottom: 1rem;
}
fieldset {
border-width: 0;
padding: 0;
}
input[type=checkbox],
input[type=radio] {
display: inline;
}
form p {
margin: 0;
padding: 0;
}
.g2 {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
@media only screen and (min-width: 767px) {
.g2 {
grid-template-columns: 1fr 1fr;
}
}
.g2 .c {
width: 100%;
}
.contact-form-wplx p, .wplx-form p {
margin: 0;
padding: 0;
}
.contact-form-wplx small, .wplx-form small {
display: inline-block;
margin-bottom: 1rem;
}
.contact-form-wplx small a, .wplx-form small a {
color: var(--grey-7);
}
.contact-form-wplx small a:hover, .wplx-form small a:hover {
color: var(--grey-9);
}
.wpcf7-not-valid-tip {
color: #ef233c;
line-height: 1;
margin-top: 5px;
}
.wpcf7-response-output {
background: transparent !important;
border: 2px solid var(--secondary) !important;
border-color: var(--secondary) !important;
font-weight: 600;
color: var(--secondary-dark);
line-height: 1;
margin: 1rem 0 !important;
padding: 1rem !important;
}
.wpcf7-submit {
padding: 10px 16px;
border: 2px solid var(--secondary);
border-radius: 8px;
color: var(--white);
background: var(--secondary-dark);
font-weight: 500;
font-size: 1rem;
border-radius: 0;
text-decoration: none;
text-align: center;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.wpcf7-submit:hover {
background: transparent;
color: var(--secondary);
cursor: pointer;
}
.article-grid {
display: grid;
gap: 45px;
grid-template-columns: 1fr;
grid-template-areas: "cnt" "sidebar";
}
@media only screen and (min-width: 767px) {
.article-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-areas: "cnt cnt cnt sidebar sidebar";
gap: 60px;
}
}
@media only screen and (min-width: 992px) {
.article-grid {
gap: 90px;
}
}
.article-grid .article-cnt {
grid-area: cnt;
}
.article-grid .article-sidebar {
grid-area: sidebar;
}
.oxel_flipbox__front,
.oxel_flipbox__back {
transition: 0.7s all ease-in-out;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
min-height: 250px;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.oxel_flipbox__front {
transform: rotateY(0deg);
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
body.ng-scope .oxel_flipbox__back {
transform: rotateY(0deg);
position: static;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
body:not(.ng-scope) .oxel_flipbox:hover .oxel_flipbox__front {
transform: rotateY(-180deg);
}
body:not(.ng-scope) .oxel_flipbox:hover .oxel_flipbox__back {
transform: rotateY(0deg);
}
.oxel_flipbox__front *,
.oxel_flipbox__back * {
transform: translateZ(60px);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.basicLightbox {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.8);
opacity: 0.01;
transition: opacity 0.4s ease;
z-index: 1000;
will-change: opacity;
}
.basicLightbox--visible {
opacity: 1;
}
.basicLightbox__placeholder {
max-width: 100%;
-webkit-transform: scale(0.9);
transform: scale(0.9);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
z-index: 1;
will-change: transform;
}
.basicLightbox__placeholder > iframe:first-child:last-child, .basicLightbox__placeholder > img:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 95%;
max-height: 95%;
}
.basicLightbox__placeholder > iframe:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child {
pointer-events: auto;
}
.basicLightbox__placeholder > img:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child {
width: auto;
height: auto;
}
.basicLightbox--iframe .basicLightbox__placeholder, .basicLightbox--img .basicLightbox__placeholder, .basicLightbox--video .basicLightbox__placeholder {
width: 100%;
height: 100%;
pointer-events: none;
}
.basicLightbox--visible .basicLightbox__placeholder {
-webkit-transform: scale(1);
transform: scale(1);
}
.breadcrumb {
font-size: 0.85rem;
color: var(--grey-8);
}
.breadcrumb a {
color: var(--primary);
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.breadcrumb a:hover {
color: var(--primary-dark);
}
.bewertung .oxy-testimonial-text {
font-size: 1rem;
text-align: center;
}
@media only screen and (min-width: 768px) {
.bewertung .oxy-testimonial-text {
text-align: left;
}
}
.bewertung .oxy-testimonial-content-wrap {
text-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) {
.bewertung .oxy-testimonial-content-wrap {
text-align: left;
align-items: flex-start;
}
}
.bewertung .oxy-testimonial-author-wrap {
text-align: center;
align-items: center !important;
}
@media only screen and (min-width: 768px) {
.bewertung .oxy-testimonial-author-wrap {
text-align: left;
}
}
.noptin-form-header {
padding: 0;
margin: 0;
z-index: 2;
}
.noptin-form-header .noptin-form-header-text .noptin-form-heading {
font-size: 22px !important;
font-weight: 900 !important;
color: var(--secondary-light) !important;
line-height: 1 !important;
padding: 0 !important;
margin: 0 0 10px 0 !important;
}
.noptin-form-header .noptin-form-header-text .noptin-form-description {
font-size: 18px !important;
color: var(--secondary-light) !important;
opacity: 0.8;
padding: 0 !important;
margin: 0 !important;
}
.noptin-optin-form-wrapper {
background: transparent !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.noptin-gdpr-checkbox-wrapper {
margin: 0 !important;
padding: 0 !important;
color: var(--grey-3) !important;
}
.noptin-form-field {
border: 2px solid #091223 !important;
background: #3C4A66 !important;
border-radius: 7px !important;
color: var(--white) !important;
transition: all 0.4s ease-in-out;
}
.noptin-form-field ::placeholder {
color: var(--primary) !important;
}
.noptin-form-field:focus {
border: 2px solid #091223 !important;
background: #7D8A9E !important;
outline: 0;
color: var(--primary) !important;
}
.noptin-form-submit {
background: transparent !important;
border: 2px solid var(--secondary-light) !important;
color: var(--secondary-light) !important;
transition: all 0.4s ease-in-out;
}
.noptin-form-submit:hover {
border: 2px solid var(--secondary) !important;
color: var(--secondary) !important;
cursor: pointer;
}
.noptin-gdpr-checkbox-wrapper {
margin: 10px 0 0 0 !important;
}
.noptin-gdpr-checkbox-wrapper label, .noptin-gdpr-checkbox-wrapper label > span {
font-size: 12px;
font-family: sans-serif;
}
.noptin-big {
color: var(--secondary-light) !important;
}
.cards-pet {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}
@media only screen and (min-width: 768px) {
.cards-pet {
grid-gap: 30px;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
}
.card-pet {
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
border: 2px solid var(--grey-4);
padding: 8px;
border-radius: 1rem;
background: var(--white);
filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.13));
margin-bottom: 50px;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.card-pet .pet-image {
margin-top: -50px;
border-radius: 50%;
object-fit: cover;
aspect-ratio: 1/1;
border: 2px solid var(--primary);
}
.card-pet .pet-title {
font-size: 1rem;
}
.card-pet:hover {
background-color: var(--white);
transform: scale(1.065);
color: var(--secondary);
}
.card-pet:hover .pet-image {
border: 4px solid var(--secondary);
}
.hero-a, .wh-header-a, .top-100 {
margin-top: 100px;
}
.short-info-box {
text-decoration: none;
}
.short-info-box:hover {
text-decoration: none;
}
.short-info-box .info-box-subheading {
color: var(--white) !important;
font-size: 1.2rem;
}
.round {
border-radius: 1rem;
}
.scale {
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.scale:hover {
transform: scale(1.082345);
}
.shadow {
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
#div_block-464-438 {
line-height: 0;
margin: 0;
padding: 0;
}
.standort {
margin: 75px 0 0 0;
}
.gmaps_image {
width: 100%;
margin-bottom: -10px;
}
.gmaps_image img {
width: 100%;
height: auto;
margin: 0;
padding: 0;
object-fit: cover;
}
.card-historie .card-txt {
word-wrap: break-word;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphenate-limit-chars: 6 3 3;
hyphenate-limit-lines: 2;
hyphenate-limit-last: always;
hyphenate-limit-zone: 8%;
}
.hero-height {
height: clamp(13.125rem, 31.549vw + 6.815rem, 33.75rem);
}
.pxall {
padding-top: clamp(2rem, 4.111vw + 1.178rem, 4.6875rem);
padding-bottom: clamp(2rem, 4.111vw + 1.178rem, 4.6875rem);
padding-left: clamp(0.8rem, 0.688vw + 0.662rem, 1.25rem);
padding-right: clamp(0.8rem, 0.688vw + 0.662rem, 1.25rem);
}
.overflow-x-hidden {
overflow-x: hidden !important;
}
.copy {
color: var(--text-color-dark);
font-size: 14px;
text-align: center;
opacity: 0.7;
}
.copy a {
color: var(--text-color-dark);
}
.copy a:hover {
color: var(--text-color-dark);
}
.maps {
display: block;
aspect-ratio: 1/1;
border-radius: 50%;
overflow: hidden;
border: 5px solid var(--secondary);
transition: all 0.4s ease-in-out;
width: 150px;
height: auto;
}
.maps:hover {
border: 5px solid var(--primary);
transform: scale(1.037654);
}
.maps .mround {
margin: 10px;
background: transparent;
}
.maps img {
clip-path: circle(50% at center);
aspect-ratio: 1/1;
object-fit: cover;
}
@media only screen and (min-width: 481px) {
.maps {
width: 100%;
max-width: 210px;
align-self: end;
}
}
.contact-big-wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
margin: 0;
padding: 0;
}
@media only screen and (min-width: 650px) {
.contact-big-wrap {
flex-direction: row;
gap: 30px;
}
}
.contact-big-wrap .icohead__big {
display: flex;
flex-direction: row;
align-items: center !important;
justify-content: start !important;
gap: 10px;
margin: 0;
padding: 0;
text-decoration: none;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
color: var(--primary-darker);
}
.contact-big-wrap .icohead__big .cico__big {
display: inline-flex;
color: var(--primary-darker);
}
.contact-big-wrap .icohead__big .cico__big svg {
display: block;
padding: 0;
margin: 0;
width: 26px;
height: 26px;
fill: var(--primary-darker);
}
.contact-big-wrap .icohead__big .ctext__big {
margin: 0;
padding: 0;
align-self: center !important;
font-size: 26px;
}
.contact-big-wrap .icohead__big:hover {
color: var(--primary-dark);
}
.contact-big-wrap .icohead__big:hover .cico__big svg {
fill: var(--primary-dark);
}
.contact-ico-wrap {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 30px;
margin: 0;
padding: 0;
}
.contact-ico-wrap .icohead {
display: flex;
flex-direction: row;
align-items: center !important;
justify-content: start !important;
gap: 10px;
margin: 0;
padding: 0;
text-decoration: none;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
color: var(--secondary-light);
}
.contact-ico-wrap .icohead .cico {
display: inline-flex;
color: var(--secondary-light);
}
.contact-ico-wrap .icohead .cico svg {
display: block;
padding: 0;
margin: 0;
width: 16px;
height: 16px;
fill: var(--secondary-light);
}
.contact-ico-wrap .icohead .ctext {
margin: 0;
padding: 0;
align-self: center !important;
font-size: 16px;
}
.contact-ico-wrap .icohead:hover {
color: var(--secondary);
}
.contact-ico-wrap .icohead:hover .cico svg {
fill: var(--secondary);
}
.oxy-gallery-item-sizer {
overflow: hidden;
border-radius: 8px !important;
}
.none {
display: none !important;
}
.tall .overlay-dp {
mix-blend-mode: screen;
transition: background-color 1s;
transition: all 0.6s ease;
}
.tall:hover .overlay-dp {
background-color: transparent;
mix-blend-mode: normal;
}
*, html {
font-family: var(--font-sans);
}
html {
scroll-behavior: smooth;
}
body {
background: var(--white);
color: var(--black);
font-size: 16px;
font-family: var(--font-sans); }
body.preload * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
}
p, ul, li, span, h1, h2, h3, h4, h5, h6 {
font-family: var(--font-sans);
}
.cbox:hover .cicon svg {
fill: var(--secondary);
}
.mb1 {
margin-bottom: 1rem;
}
.mb2 {
margin-bottom: 2rem;
}
.www {
background: tomato;
}
.turncate {
width: 100%;
overflow: hidden;
max-height: 8rem;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
overflow: hidden !important;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
}
@media (min-width:769px) {
.card-zz-section .card-zz:nth-child(even) .card-zz-cnt {
grid-column: span 5/-1;
grid-row: span 4/7;
}
.card-zz-section .card-zz:nth-child(even) .card-zz-img {
grid-column: span 8/9;
grid-row: span 10/10;
}
}
@media (max-width:768px) {
.card-zz-img {
height:210px!important;
}
}
.preload * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
}.noevent {
pointer-events: none;
}