.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; } /* GLOBALS */ .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; } /* IMAGE */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic { justify-content: center; } /* TITLE */ .oxy-pricing-box .oxy-pricing-box-title-title { font-size: 48px; } .oxy-pricing-box .oxy-pricing-box-title-subtitle { font-size: 24px; } /* PRICE */ .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; } /* CONTENT */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content { font-size: 16px; color: rgba(0,0,0,0.5); } /* CTA */ .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 { display: flex; align-items: center; justify-content:center; gap: px; } .footer-grid-w:not(.ct-section):not(.oxy-easy-posts), .footer-grid-w.oxy-easy-posts .oxy-posts, .footer-grid-w.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } .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; } } /* @mixin transition($transition) { -moz-transition: all $transition ease-in-out; //ease; -o-transition: all $transition ease-in-out; -webkit-transition: all $transition ease-in-out; -ms-transition: all $transition ease-in-out; transition: all $transition ease-in-out; } */ @-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; } /* lato-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Lato"; font-style: normal; font-weight: 300; src: url("/assets/fonts/lato/lato-v23-latin-300.eot"); /* IE9 Compat Modes */ src: url("/assets/fonts/lato/lato-v23-latin-300.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lato/lato-v23-latin-300.woff2") format("woff2"), url("/assets/fonts/lato/lato-v23-latin-300.woff") format("woff"), url("/assets/fonts/lato/lato-v23-latin-300.ttf") format("truetype"), url("/assets/fonts/lato/lato-v23-latin-300.svg#Lato") format("svg"); /* Legacy iOS */ } /* lato-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Lato"; font-style: italic; font-weight: 300; src: url("/assets/fonts/lato/lato-v23-latin-300italic.eot"); /* IE9 Compat Modes */ src: url("/assets/fonts/lato/lato-v23-latin-300italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lato/lato-v23-latin-300italic.woff2") format("woff2"), url("/assets/fonts/lato/lato-v23-latin-300italic.woff") format("woff"), url("/assets/fonts/lato/lato-v23-latin-300italic.ttf") format("truetype"), url("/assets/fonts/lato/lato-v23-latin-300italic.svg#Lato") format("svg"); /* Legacy iOS */ } /* lato-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Lato"; font-style: normal; font-weight: 400; src: url("/assets/fonts/lato/lato-v23-latin-regular.eot"); /* IE9 Compat Modes */ src: url("/assets/fonts/lato/lato-v23-latin-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lato/lato-v23-latin-regular.woff2") format("woff2"), url("/assets/fonts/lato/lato-v23-latin-regular.woff") format("woff"), url("/assets/fonts/lato/lato-v23-latin-regular.ttf") format("truetype"), url("/assets/fonts/lato/lato-v23-latin-regular.svg#Lato") format("svg"); /* Legacy iOS */ } /* lato-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Lato"; font-style: italic; font-weight: 400; src: url("/assets/fonts/lato/lato-v23-latin-italic.eot"); /* IE9 Compat Modes */ src: url("/assets/fonts/lato/lato-v23-latin-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lato/lato-v23-latin-italic.woff2") format("woff2"), url("/assets/fonts/lato/lato-v23-latin-italic.woff") format("woff"), url("/assets/fonts/lato/lato-v23-latin-italic.ttf") format("truetype"), url("/assets/fonts/lato/lato-v23-latin-italic.svg#Lato") format("svg"); /* Legacy iOS */ } /* lato-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Lato"; font-style: normal; font-weight: 700; src: url("/assets/fonts/lato/lato-v23-latin-700.eot"); /* IE9 Compat Modes */ src: url("/assets/fonts/lato/lato-v23-latin-700.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lato/lato-v23-latin-700.woff2") format("woff2"), url("/assets/fonts/lato/lato-v23-latin-700.woff") format("woff"), url("/assets/fonts/lato/lato-v23-latin-700.ttf") format("truetype"), url("/assets/fonts/lato/lato-v23-latin-700.svg#Lato") format("svg"); /* Legacy iOS */ } /* lato-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Lato"; font-style: italic; font-weight: 700; src: url("/assets/fonts/lato/lato-v23-latin-700italic.eot"); /* IE9 Compat Modes */ src: url("/assets/fonts/lato/lato-v23-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lato/lato-v23-latin-700italic.woff2") format("woff2"), url("/assets/fonts/lato/lato-v23-latin-700italic.woff") format("woff"), url("/assets/fonts/lato/lato-v23-latin-700italic.ttf") format("truetype"), url("/assets/fonts/lato/lato-v23-latin-700italic.svg#Lato") format("svg"); /* Legacy iOS */ } /* lato-900 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Lato"; font-style: normal; font-weight: 900; src: url("/assets/fonts/lato/lato-v23-latin-900.eot"); /* IE9 Compat Modes */ src: url("/assets/fonts/lato/lato-v23-latin-900.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lato/lato-v23-latin-900.woff2") format("woff2"), url("/assets/fonts/lato/lato-v23-latin-900.woff") format("woff"), url("/assets/fonts/lato/lato-v23-latin-900.ttf") format("truetype"), url("/assets/fonts/lato/lato-v23-latin-900.svg#Lato") format("svg"); /* Legacy iOS */ } /* lato-900italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Lato"; font-style: italic; font-weight: 900; src: url("/assets/fonts/lato/lato-v23-latin-900italic.eot"); /* IE9 Compat Modes */ src: url("/assets/fonts/lato/lato-v23-latin-900italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lato/lato-v23-latin-900italic.woff2") format("woff2"), url("/assets/fonts/lato/lato-v23-latin-900italic.woff") format("woff"), url("/assets/fonts/lato/lato-v23-latin-900italic.ttf") format("truetype"), url("/assets/fonts/lato/lato-v23-latin-900italic.svg#Lato") format("svg"); /* Legacy iOS */ } /* satisfy-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Satisfy"; font-style: normal; font-weight: 400; src: url("/assets/fonts/satisfy/satisfy-v17-latin-regular.eot"); /* IE9 Compat Modes */ src: url("/assets/fonts/satisfy/satisfy-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/satisfy/satisfy-v17-latin-regular.woff2") format("woff2"), url("/assets/fonts/satisfy/satisfy-v17-latin-regular.woff") format("woff"), url("/assets/fonts/satisfy/satisfy-v17-latin-regular.ttf") format("truetype"), url("/assets/fonts/satisfy/satisfy-v17-latin-regular.svg#Satisfy") format("svg"); /* Legacy iOS */ } :root { /*--font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";*/ --font-sans: Lato, sans-serif; --font-deko: "Satisfy", serif; --font-mono: "SFMono-Regular",Consolas,Liberation Mono,Menlo,Courier,monospace; /* Min-Max-Value Interpolation (https://min-max-calculator.9elements.com/) */ /* Typography scales - Fluid between: 375-960px */ --text-base: clamp(0.875rem, 0.382vw + 0.799rem, 1.125rem); /* 14-20 */ --text-sm: clamp(1rem, 0.765vw + 0.847rem, 1.5rem); /* 16-24 */ --text-lg: clamp(1.125rem, 0.861vw + 0.953rem, 1.688rem); /* 18-27 */ --text-xl: clamp(1.5rem, 1.147vw + 1.271rem, 2.25rem); /* 24-36 */ --text-xxl: clamp(1.8rem, 2.876vw + 1.225rem, 3.68rem); /* 24-36 */ --text-desk-nav: clamp(1.1rem, 1.338vw + 0.458rem, 1.6rem); /* Clamp Calculator: https://geary.co/clamp-calculator/ */ } .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; } /* base 16px minsize, scalefrom + scale to width, maxsize) h1 36 h2 30 h3 24 h4 20 h5 18 h6 16 */ 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 { /*border:4px solid tomato;*/ } .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); /*@include fadeIn(1s);*/ } 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; }