/* ---------------------------------------------------------------------------------------------------- */

     code { font-family: var(--wp--preset--font-family--suisseintl-regular) !important; }

     main { moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

     header { position: sticky !important; transition: transform .2s 0s ease-in-out; top: 25px; z-index: 999 !important; }
     .down header { transform: translate3d(0, -100px, 0); }

     .wp-block-site-logo img { width: 200px; }
     .wp-block-site-logo { transition: padding 1s ease, background-color 2s ease; }
     .background .wp-block-site-logo { background-color: #ecede8; padding : 8px; border-radius : 4px; }

     li.mega-menu-megamenu > ul.mega-sub-menu { top: 45px !important; } 
     .widget_media_image img { width : 75px !important; height: auto !important; }

     img.lazy-hidden { opacity: 0 !important; transition: opacity 1.5s ease-in-out !important; }
     img.lazy-loaded { opacity: 1 !important; transition: opacity 1.5s ease-in-out !important; }
     
     @media only screen and (max-width: 479px) {
     .myfooter .wp-block-column { text-align : center !important; }
     .myfooter .is-layout-flex { display: block; padding : 1rem 0; }
     .myfooter .is-layout-flex img { margin : 1rem 0; }
     }

     /*
     .logofooter img { width: 200px !important; }
     */

     @media only screen and (max-width: 479px) {
     .wp-block-cover { min-height: 30vh !important; }
     .wp-block-cover img { border-radius : 24px; }
     /*
     .wp-block-column + .wp-block-column { padding : 1.2rem; }
     */
     .mobilepaddingbuttom { padding-bottom : 1.2rem; }
     }
  
     @media only screen and (max-width: 479px) {
     .wp-block-buttons { width : 100% !important; }
     .wp-block-button { width : 100% !important; }
     .wp-block-button__link { width : 100% !important; }
     }

  /* ---------------------------------------------------------------------------------------------------- */


     @media only screen and (min-width: 480px) {
     .hero { overflow: hidden !important; }
     .wp-block-cover.homecover .wp-block-cover__image-background { left : 50% !important; }
}
     .wp-block-faq-block-for-gutenberg-faq { border-bottom : 2px solid var(--wp--preset--color--custom-dark-green-blue); padding-left : 0 !important; padding-right : 0 !important; margin : 0 !important; }
     .wp-block-faq-block-for-gutenberg-faq h4 { font-size: 1.875rem !important; }
     .wp-block-faq-block-for-gutenberg-faq .question { padding-left : 0 !important; padding-right : 0 !important; font-family: var(--wp--preset--font-family--suisseintl-medium) !important; }
     .wp-block-faq-block-for-gutenberg-faq .answer { font-family: var(--wp--preset--font-family--suisseintl-regular) !important; font-size: 1.375rem !important; line-height: 1.875rem; padding-left : 0 !important; }
     @media only screen and (min-width: 480px) {
     .wp-block-faq-block-for-gutenberg-faq .answer { max-width: 60%; }
     }

     @media only screen and (min-width: 768px) {
     .latest-blog-posts-grid { display: grid; grid-template-rows: auto auto; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; margin: 40px 0; }
     .blog-post { display: grid; grid-template-rows: subgrid; grid-row: span 2; margin-top: 50px !important; margin-right: 15% !important; }
     }
     @media only screen and (max-width: 767px) {
     .blog-post { margin: 10% 0 20% 0 !important; }
     }
     .post-line { border-bottom-width: 1px !important; }
     .post-image img { width: 100%; height: 200px; object-fit: cover; border-radius : 24px; }
     .post-date { margin : 16px 0; padding : 0; color : var(--wp--preset--color--custom-dark-green-blue); }
     .post-title { margin : 0; padding : 0; }
     .post-title a { font-weight : normal !important; }
     .post-title a:hover { }
     .post-excerpt { margin : 0; padding : 0; color : var(--wp--preset--color--custom-dark-green-blue); }
     .more-link { margin : 0; padding : 0; color : var(--wp--preset--color--custom-dark-green-blue); }
     .more-link a:hover { color : var(--wp--preset--color--custom-snot-green); }

     .hover-container { position: relative; display: inline-block; border-top-left-radius : 24px; border-top-right-radius : 24px; overflow: hidden; }
     .hover-container img { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom; }
     @media only screen and (min-width: 480px) {
     .hover-info { position: absolute; bottom: 95px; left: 0; right: 0; background: #f8f8f5; padding: 20px; opacity: 1; transition: opacity 1.0s, transform 0.6s; transform: translateY(100%); color: #185646; }
     .hover-container:hover .hover-info { opacity: 1; transform: translateY(95px); }
     }

     .wpcf7 { font-family: var(--wp--preset--font-family--suisseintl-regular) !important; }
     .wpcf7-list-item { margin-left: 0 !important; display : block; font-size: 1.38rem !important; }
     .wpcf7 label { margin: 1.5rem 0; font-size: 1.06rem; }
     .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 select, .wpcf7 textarea { margin: 0.25rem 0 0.25rem 0 !important; padding: 0.75rem 0.75rem 0.75rem 1rem !important; border: 1px solid var(--wp--preset--color--custom-dark-green-blue) !important; border-radius : 24px; font-size: 1.38rem !important; color: var(--wp--preset--color--custom-charcoal) !important; max-width : 90%; }
     .wpcf7 textarea { height: 10rem !important; width: 100% !important; max-width : 95%; }
     @media only screen and (max-width: 479px) { .wpcf7 label { display : block; margin: 0 !important; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 select, .wpcf7 textarea { max-width : 92%; } }
     .wpcf7 input[type="checkbox"] { margin-right: 0.5rem !important; font-size: 0.8rem !important; }
     .wpcf7 input:active[type="text"], .wpcf7 input:focus[type="text"], .wpcf7 select:active, .wpcf7 select:focus, .wpcf7 textarea:active, .wpcf7 textarea:focus { border: 1px solid var(--wp--preset--color--custom-snot-green) !important; }
     .wpcf7 input[type="submit"] { border-radius: 36px !important; border: solid 2px var(--wp--preset--color--custom-eggshell) !important; background-color: var(--wp--preset--color--custom-eggshell) !important; padding: 12px 64px 12px !important; color: var(--wp--preset--color--custom-dark-green-blue) !important; text-transform: uppercase !important; letter-spacing: 0.035rem !important; font-family: var(--wp--preset--font-family--suisseintl-medium); font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.185), 1.06rem); }
     .wpcf7 input:hover[type="submit"], .wpcf7 input:hover[type="file"] { background-color: var(--wp--preset--color--custom-off-white) !important; /* cursor : pointer; */ }
     .wpcf7 button:focus { outline: 0 !important; }

     h6 { margin-top : 10rem !important; }
     
     :focus { outline: 0 !important; }
     
/* ---------------------------------------------------------------------------------------------------- */
/*

     Version: 1.17

     E   F  =>  alle        F innerhalb E (Kind)
     E > F  =>  alle ersten F innerhalb E (Kind)
     E + F  =>       erstes F hinter    E (Nachbar)
     E ~ F  =>  alle ersten F hinter    E (Nachbar)
     https://www.toptal.com/designers/htmlarrows/arrows/

     @font-face { font-family: 'SuisseIntl-Regular-WebXL'; src: local('SuisseIntl-Regular-WebXL.woff2'), url('assets/fonts/SuisseIntl-Regular-WebXL.woff2') format('woff2'), url('assets/fonts/SuisseIntl-Regular-WebXL.woff2') format('woff'); font-style: normal; font-stretch: normal; font-display: swap; }
     @font-face { font-family: 'SuisseIntl-Regular-WebS'; src: local('SuisseIntl-Regular-WebS.woff2'), url('assets/fonts/SuisseIntl-Regular-WebS.woff2') format('woff2'), url('assets/fonts/SuisseIntl-Regular-WebS.woff2') format('woff'); font-style: normal; font-stretch: normal; font-display: swap; }
     @font-face { font-family: 'SuisseIntl-Regular-WebM'; src: local('SuisseIntl-Regular-WebM.woff2'), url('assets/fonts/SuisseIntl-Regular-WebM.woff2') format('woff2'), url('assets/fonts/SuisseIntl-Regular-WebM.woff2') format('woff'); font-style: normal; font-stretch: normal; font-display: swap; }
     @font-face { font-family: 'SuisseIntl-Medium-WebXL'; src: local('SuisseIntl-Medium-WebXL.woff2'), url('assets/fonts/SuisseIntl-Medium-WebXL.woff2') format('woff2'), url('assets/fonts/SuisseIntl-Medium-WebXL.woff2') format('woff'); font-style: normal; font-stretch: normal; font-display: swap; }
     @font-face { font-family: 'SuisseIntl-Medium-WebS'; src: local('SuisseIntl-Medium-WebS.woff2'), url('assets/fonts/SuisseIntl-Medium-WebS.woff2') format('woff2'), url('assets/fonts/SuisseIntl-Medium-WebS.woff2') format('woff'); font-style: normal; font-stretch: normal; font-display: swap; }
     @font-face { font-family: 'SuisseIntl-Medium-WebM'; src: local('SuisseIntl-Medium-WebM.woff2'), url('assets/fonts/SuisseIntl-Medium-WebM.woff2') format('woff2'), url('assets/fonts/SuisseIntl-Medium-WebM.woff2') format('woff'); font-style: normal; font-stretch: normal; font-display: swap; }
     @font-face { font-family: 'SuisseWorks-MediumItalic-WebXL'; src: local('SuisseWorks-MediumItalic-WebXL.woff2'), url('assets/fonts/SuisseWorks-MediumItalic-WebXL.woff2') format('woff2'), url('assets/fonts/SuisseWorks-MediumItalic-WebXL.woff2') format('woff'); font-style: normal; font-stretch: normal; font-display: swap; }
     @font-face { font-family: 'SuisseWorks-MediumItalic-WebS'; src: local('SuisseWorks-MediumItalic-WebS.woff2'), url('assets/fonts/SuisseWorks-MediumItalic-WebS.woff2') format('woff2'), url('assets/fonts/SuisseWorks-MediumItalic-WebS.woff2') format('woff'); font-style: normal; font-stretch: normal; font-display: swap; }

     header, main, footer { font-family : SuisseIntl-Medium-WebS !important; font-weight: 500 !important; }
     main a:hover { text-decoration: none !important; color : var(--wp--preset--color--custom-snot-green) !important; }
     main p { font-family : SuisseIntl-Regular-WebS !important; font-weight: 500 !important; }

     .background .wp-block-site-logo { background-color: #ffffff; border-radius: 99px; }
     .wp-block-site-logo img { width: 200px; margin-left: 40px; }

     .wp-block-navigation-item { font-family : SuisseIntl-Regular-WebS !important; font-weight: 500 !important; }
     .xxxwp-block-navigation-item a  { padding: 10px !important; font-size : 1.2rem !important; }
     .wp-block-navigation-item a:hover  { color : #ffffff !important; }

     main .wp-block-group.alignwide h1, main .wp-block-group.alignwide h2, main .wp-block-group.alignwide h3, main .wp-block-group.alignwide p:not(.has-text-align-center) { padding-right : 20% !important; }

     .yoast-breadcrumbs { margin-bottom: -10px !important; }

     .hero { margin-top: -79px !important; }

     footer.wp-block-template-part { margin-top: -20px !important; }

*/
/* ---------------------------------------------------------------------------------------------------- */