.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: 1120px;
}
body {font-family: 'Open Sans';}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: 'Source Sans Pro';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.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_dropdown_buttonv2__trigger {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:16px;
 padding-right:16px;
 background-color:#374047;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 position:relative;
cursor: pointer;
}
.oxel_dropdown_buttonv2__trigger:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2__trigger.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2__trigger.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_dropdown_buttonv2 {
 background-color:#374047;
 position:relative;
 width:min-content ;
}
.oxel_dropdown_buttonv2:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_dropdown_buttonv2__submenu {
 position:absolute;
 left:0px;
 min-width:100%;
 padding-top:4px;
 width:200px;
 z-index:10;
 top:100%;
padding-inline-start: 0; margin-block-start: 0; margin-block-end: 0;
}
.oxel_dropdown_buttonv2__submenu--hidden {
 opacity:0;
pointer-events: none;
}
.oxel_dropdown_buttonv2__submenu--hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2__submenu--hidden.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2__submenu--hidden.ct-section .ct-section-inner-wrap{
display:none;
}
.oxel_dropdown_buttonv2__submenubutton:hover{
 background-color:#dee1e3;
}
.oxel_dropdown_buttonv2__submenubutton {
 text-align:left;
 background-color:#eceeef;
 min-width:100%;
 color:#374047;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
}
.oxel_dropdown_buttonv2__submenubutton:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2__submenubutton.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2__submenubutton.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.oxel_dropdown_buttonv2__submenulabel {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:16px;
 padding-right:16px;
 width:100%;
 color:#374047;
}
.oxel_dropdown_buttonv2__label {
 color:#f9f9fa;
white-space: nowrap;
}
.oxel_dropdown_buttonv2__symbol {
background-image: linear-gradient(135deg, rgba(0,0,0,0) 50%, #ffffff 50%);transform:rotate(45deg); width:8px;
 height:8px;
 margin-top:-4px;
 margin-left:16px;
min-width: 0 !important; min-height: 0 !important;
}
.oxel_accordion {
 border-top-color:#adb4b9;
 border-right-color:#adb4b9;
 border-bottom-color:#adb4b9;
 border-left-color:#adb4b9;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
.oxel_accordion__row {
 font-family:Open Sans;
 width:100%;
 padding-top:12px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:12px;
 text-align:justify;
 border-bottom-color:#eceeef;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-top-style:none;
 background-color:#f9f9fa;
 border-right-style:none;
 border-left-style:none;
 font-weight:600;
cursor: pointer;
}
.oxel_accordion__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row.oxy-easy-posts .oxy-posts,
.oxel_accordion__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
.oxel_accordion__icon {
color: #374047;}.oxel_accordion__icon 
>svg {width: 18px;height: 18px;}.oxel_accordion__icon {
 margin-right:8px;
 transition-duration:0.3s;
}
.oxel_accordion__row_left {
}
.oxel_accordion__row_left:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row_left.oxy-easy-posts .oxy-posts,
.oxel_accordion__row_left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_accordion__content {
 width:100%;
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 border-bottom-color:#98a1a8;
 border-bottom-width:2px;
 border-bottom-style:none;
 overflow:hidden;
 opacity:1;
 transition-duration:3s;
 border-top-style:none;
 border-right-style:none;
 border-left-style:none;
 transition-property:max-height;
 text-align:left;
 max-height:3000px;
 margin-top:0px;
}
.oxel_accordion__content:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content.oxy-easy-posts .oxy-posts,
.oxel_accordion__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.oxel_accordion__content__hidden {
 max-height:0px;
 padding-left:8px;
 padding-right:8px;
 padding-top:0px;
 z-index:-1;
 padding-bottom:0px;
 transition-duration:0s;
}
.oxel_accordion__content__hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content__hidden.oxy-easy-posts .oxy-posts,
.oxel_accordion__content__hidden.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_accordion__row__label {
}
.oxel_megamenu_parent:hover{
 background-color:#cfd3d7;
}
.oxel_megamenu_parent {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:32px;
 padding-right:32px;
 position:relative;
 background-color:#f9f9fa;
 transition-duration:0.3s;
}
.oxel_megamenu_parent__title {
 color:#374047;
}
.oxel_megamenu__wrapper {
transform:; padding-top:32px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:0px;
 opacity:1;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 position:relative;
 width:100%;
 z-index:1999;
}
.oxel_megamenu__wrapper:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__wrapper.oxy-easy-posts .oxy-posts,
.oxel_megamenu__wrapper.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.oxel_megamenu__wrapper--hidden {
transform:translateY(64px); opacity:0;
pointer-events: none;
}
.oxel_megamenu__close-icon {
color: #333333;}.oxel_megamenu__close-icon 
>svg {width: 32px;height: 32px;}.oxel_megamenu__close-icon {
 position:absolute;
 top:48px;
 right:16px;
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,
.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
}
@media (max-width: 991px) {
.oxel_megamenu__close-icon {
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,
.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.effect-wrapper {
 margin-left:auto;
 margin-right:auto;
}
@media (max-width: 1120px) {
.effect-wrapper {
 overflow:hidden;
}
}

.page-wrapper {
 margin-left:auto;
 margin-right:auto;
}
.nav-component {
}
.top-header {
}
.subnav-text {
}
.mail-link {
}
.header {
}
.nav-bg {
}
.frame-banner {
}
.main-nav-cotainer {
}
.main-nav-cotainer:not(.ct-section):not(.oxy-easy-posts),
.main-nav-cotainer.oxy-easy-posts .oxy-posts,
.main-nav-cotainer.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 991px) {
.main-nav-cotainer {
 text-align:justify;
}
.main-nav-cotainer:not(.ct-section):not(.oxy-easy-posts),
.main-nav-cotainer.oxy-easy-posts .oxy-posts,
.main-nav-cotainer.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
}

.brand {
}
@media (max-width: 991px) {
.brand {
 margin-right:auto;
}
}

.nav-logo-svg {
}
.nav-menu {
 z-index:999;
}
.nav-menu:not(.ct-section):not(.oxy-easy-posts),
.nav-menu.oxy-easy-posts .oxy-posts,
.nav-menu.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 991px) {
.nav-menu {
 padding-bottom:0px;
 margin-left:auto;
box-shadow: none!important;
}
}

.nav-links-wrapper {
}
@media (max-width: 991px) {
.nav-links-wrapper {
 padding-bottom:0px;
 margin-top:auto;
 margin-bottom:auto;
}
}

.nav-dropdown {
}
.moved-frame {
}
.right-side-nav-wrapper {
}
.right-side-nav-wrapper:not(.ct-section):not(.oxy-easy-posts),
.right-side-nav-wrapper.oxy-easy-posts .oxy-posts,
.right-side-nav-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 991px) {
.right-side-nav-wrapper {
}
.right-side-nav-wrapper:not(.ct-section):not(.oxy-easy-posts),
.right-side-nav-wrapper.oxy-easy-posts .oxy-posts,
.right-side-nav-wrapper.ct-section .ct-section-inner-wrap{
display:none;
}
}

.nav-social-icon {
}
@media (max-width: 1120px) {
.nav-social-icon {
}
.nav-social-icon:not(.ct-section):not(.oxy-easy-posts),
.nav-social-icon.oxy-easy-posts .oxy-posts,
.nav-social-icon.ct-section .ct-section-inner-wrap{
display:none;
}
}

.page-content {
}
.intro-grid {
 width:100%;
}
.grid {
}
.post-link {
}
.col-1 {
}
.col-2 {
}
.post-img {
}
.main-layout {
}
.main-layout:not(.ct-section):not(.oxy-easy-posts),
.main-layout.oxy-easy-posts .oxy-posts,
.main-layout.ct-section .ct-section-inner-wrap{
display:flex;
}
.collumn {
}
.margin-top-bottom {
 padding-top:0px;
}
.main-texts {
}
.secondary-font {
 text-align:left;
}
.upper {
}
.sfx--section {
}
.sfx--container {
}
.padding-vertical-medium {
}
.sfx-variant--feature-cards {
 gap:3rem;
}
.sfx-variant--feature-cards:not(.ct-section):not(.oxy-easy-posts),
.sfx-variant--feature-cards.oxy-easy-posts .oxy-posts,
.sfx-variant--feature-cards.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:3rem;
}
@media (max-width: 1120px) {
}

.sfx--card-wrapper-flex {
}
.sfx--rounded-image {
}
.margin-bottom-card {
}
.dienstleitung {
 font-family:Open Sans;
 font-size:18px;
 margin-bottom:2rem;
 text-align:center;
}
@media (max-width: 1120px) {
}

@media (max-width: 479px) {
.dienstleitung {
 font-size:16px;
}
}

.tagline {
 text-align:center;
}
@media (max-width: 1120px) {
}

.sticky-collumn {
}
.styleguide {
}
.non-stick {
}
.col-right {
}
.container-heading-style {
}
.container-heading-style:not(.ct-section):not(.oxy-easy-posts),
.container-heading-style.oxy-easy-posts .oxy-posts,
.container-heading-style.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.style-guide {
}
.title-blog-post {
}
.link {
}
.oxy-stock-content-styles {
}
.layout-grid {
}
.layout-grid:not(.ct-section):not(.oxy-easy-posts),
.layout-grid.oxy-easy-posts .oxy-posts,
.layout-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(4, minmax(0px, 1fr));grid-column-gap: 40px;grid-row-gap: 20px;}
.layout-grid:not(.ct-section):not(.oxy-easy-posts) > *,
.layout-grid.ct-section .ct-section-inner-wrap > *,
.layout-grid.oxy-easy-posts .oxy-posts > *{
grid-column: span 4;height: 100%;}
.layout-grid:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.layout-grid.ct-section .ct-section-inner-wrap > :last-child,
.layout-grid.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 1;}
.layout-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.layout-grid.ct-section .ct-section-inner-wrap > :nth-child(1),
.layout-grid.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 3;}
@media (max-width: 991px) {
.layout-grid {
}
.layout-grid:not(.ct-section):not(.oxy-easy-posts),
.layout-grid.oxy-easy-posts .oxy-posts,
.layout-grid.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;}
.layout-grid:not(.ct-section):not(.oxy-easy-posts) > *,
.layout-grid.ct-section .ct-section-inner-wrap > *,
.layout-grid.oxy-easy-posts .oxy-posts > *{
grid-column: span 4;height: 100%;}
.layout-grid:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.layout-grid.ct-section .ct-section-inner-wrap > :last-child,
.layout-grid.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 4;}
}

.social-wrap {
 margin-top:1rem;
 margin-bottom:1rem;
}
.social-wrap:not(.ct-section):not(.oxy-easy-posts),
.social-wrap.oxy-easy-posts .oxy-posts,
.social-wrap.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(5, minmax(0px, 1fr));grid-column-gap: 16px;grid-row-gap: 20px;}
.social-image {
}
.two-col-grid {
}
.two-col-grid:not(.ct-section):not(.oxy-easy-posts),
.two-col-grid.oxy-easy-posts .oxy-posts,
.two-col-grid.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.column {
}
.align-end {
}
.overflow-hidden {
}
.quote {
 height:auto;
}
.align-start {
}
.quote-logo {
 margin-bottom:1rem;
}
.left-title {
}
.align-center {
}
.is-quote {
 position:relative;
}
.is-author {
}
.social-link {
}
.social-links {
}
.align-left {
}
.by-category-section {
}
.location-image {
}
.auto-height {
}
.large-text {
}
.white-text {
}
.black {
}
.margin-top {
}
.slide-wrap {
}
@media (max-width: 991px) {
.slide-wrap {
}
.slide-wrap:not(.ct-section):not(.oxy-easy-posts),
.slide-wrap.oxy-easy-posts .oxy-posts,
.slide-wrap.ct-section .ct-section-inner-wrap{
display:flex;
}
}

@media (max-width: 767px) {
.slide-wrap {
}
.slide-wrap:not(.ct-section):not(.oxy-easy-posts),
.slide-wrap.oxy-easy-posts .oxy-posts,
.slide-wrap.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.beitraege-flex {
}
.is-two {
}
.is-two:not(.ct-section):not(.oxy-easy-posts),
.is-two.oxy-easy-posts .oxy-posts,
.is-two.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 991px) {
.is-two {
}
.is-two:not(.ct-section):not(.oxy-easy-posts),
.is-two.oxy-easy-posts .oxy-posts,
.is-two.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

@media (max-width: 767px) {
.is-two {
}
.is-two:not(.ct-section):not(.oxy-easy-posts),
.is-two.oxy-easy-posts .oxy-posts,
.is-two.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.beitrags-karte {
}
.is-center {
}
.beitrag-image {
}
.image-mobile {
}
.is-big {
}
.submit-button {
}
.side {
}
.poll {
}
.is-see-all {
}
.submit-wrapper {
 margin-bottom:24px;
}
@media (max-width: 767px) {
.submit-wrapper {
}
}

.Footer {
}
.footer {
}
.footer-info {
 width:100%;
}
.footer-info:not(.ct-section):not(.oxy-easy-posts),
.footer-info.oxy-easy-posts .oxy-posts,
.footer-info.ct-section .ct-section-inner-wrap{
display:flex;
}
.footer-logo-wrapper {
}
.footer-links {
}
.hide-tablet {
}
.hide-tablet:not(.ct-section):not(.oxy-easy-posts),
.hide-tablet.oxy-easy-posts .oxy-posts,
.hide-tablet.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.footer-links-wrap {
 padding-bottom:0px;
}
.footer-links-wrap:not(.ct-section):not(.oxy-easy-posts),
.footer-links-wrap.oxy-easy-posts .oxy-posts,
.footer-links-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.footer-links-text {
}
.footer-bottom {
 width:100%;
}
.footer-flex {
}
.footer-flex:not(.ct-section):not(.oxy-easy-posts),
.footer-flex.oxy-easy-posts .oxy-posts,
.footer-flex.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 991px) {
.footer-flex {
}
.footer-flex:not(.ct-section):not(.oxy-easy-posts),
.footer-flex.oxy-easy-posts .oxy-posts,
.footer-flex.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.newsletter-footer-wrap {
 width:100%;
}
.white {
}
.newsletter-form {
}
@media (max-width: 991px) {
.newsletter-form {
 width:100%;
 margin-left:auto;
 margin-right:auto;
}
}

.contact-footer-wrap {
 width:100%;
}
.plog-post-description {
}
.modal-wrap {
 width:100vw;
 height:100vh;
}
.modal-wrap:not(.ct-section):not(.oxy-easy-posts),
.modal-wrap.oxy-easy-posts .oxy-posts,
.modal-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:center;
}
.page-title {
}
.post {
}
.blog-post-Image {
}
.blog-post-image {
 margin-top:1.5rem;
}
.shortcode-wrapper {
 height:100vh;
 width:100%;
 padding-top:7.5rem;
 background-color:rgba(89,163,207,0.25);
}
.shortcode-wrapper:not(.ct-section):not(.oxy-easy-posts),
.shortcode-wrapper.oxy-easy-posts .oxy-posts,
.shortcode-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:center;
}
@media (max-width: 1120px) {
.shortcode-wrapper {
 padding-top:7.5rem;
}
}

.oxy-close-modal {
 position:absolute;
 top:12rem;
 right:auto;
 background-color:#000000;
 left:auto;
}
.oxy-close-modal:not(.ct-section):not(.oxy-easy-posts),
.oxy-close-modal.oxy-easy-posts .oxy-posts,
.oxy-close-modal.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.is-black {
 color:#000000;
 text-align:left;
 text-decoration:none;
}
.bottom-footer {
}
.extra-footer {
 width:100%;
 text-align:justify;
 padding-right:1rem;
 padding-top:1rem;
 padding-bottom:1rem;
 padding-left:1rem;
 margin-bottom:3rem;
}
.extra-footer:not(.ct-section):not(.oxy-easy-posts),
.extra-footer.oxy-easy-posts .oxy-posts,
.extra-footer.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-around;
}
.footer-links-header {
 margin-top:1.5rem;
 margin-bottom:1.5rem;
}
.footer-links-header:not(.ct-section):not(.oxy-easy-posts),
.footer-links-header.oxy-easy-posts .oxy-posts,
.footer-links-header.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 767px) {
.footer-links-header {
 gap:20px;
}
.footer-links-header:not(.ct-section):not(.oxy-easy-posts),
.footer-links-header.oxy-easy-posts .oxy-posts,
.footer-links-header.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: 479px) {
.footer-links-header {
 text-align:center;
}
.footer-links-header:not(.ct-section):not(.oxy-easy-posts),
.footer-links-header.oxy-easy-posts .oxy-posts,
.footer-links-header.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.footer-grid {
 height:100%;
}
.footer-grid:not(.ct-section):not(.oxy-easy-posts),
.footer-grid.oxy-easy-posts .oxy-posts,
.footer-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(4, minmax(0px, 1fr));grid-column-gap: 0px;grid-row-gap: 20px;}
.footer-grid:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.footer-grid.ct-section .ct-section-inner-wrap > :last-child,
.footer-grid.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 2;}
@media (max-width: 991px) {
.footer-grid {
}
.footer-grid:not(.ct-section):not(.oxy-easy-posts),
.footer-grid.oxy-easy-posts .oxy-posts,
.footer-grid.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;}
.footer-grid:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.footer-grid.ct-section .ct-section-inner-wrap > :last-child,
.footer-grid.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 1;}
.footer-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.footer-grid.ct-section .ct-section-inner-wrap > :nth-child(1),
.footer-grid.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 2;}
.footer-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(2),
.footer-grid.ct-section .ct-section-inner-wrap > :nth-child(2),
.footer-grid.oxy-easy-posts .oxy-posts > :nth-child(2){
grid-column: span 1;}
}

@media (max-width: 767px) {
.footer-grid {
}
.footer-grid:not(.ct-section):not(.oxy-easy-posts),
.footer-grid.oxy-easy-posts .oxy-posts,
.footer-grid.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: 0px;}
.footer-grid:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.footer-grid.ct-section .ct-section-inner-wrap > :last-child,
.footer-grid.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 2;}
.footer-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.footer-grid.ct-section .ct-section-inner-wrap > :nth-child(1),
.footer-grid.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 2;}
.footer-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(2),
.footer-grid.ct-section .ct-section-inner-wrap > :nth-child(2),
.footer-grid.oxy-easy-posts .oxy-posts > :nth-child(2){
grid-column: span 2;}
}

@media (max-width: 479px) {
.footer-grid {
}
.footer-grid:not(.ct-section):not(.oxy-easy-posts),
.footer-grid.oxy-easy-posts .oxy-posts,
.footer-grid.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: 0px;grid-row-gap: 0px;}
}

.footer-3-col-grid {
}
.footer-wrapper {
 max-height:28.5rem;
}
.footer-col {
 background-color:#59a3cf;
 padding-top:40px;
 padding-bottom:40px;
 padding-left:20px;
 padding-right:20px;
 height:100%;
}
.footer-col:not(.ct-section):not(.oxy-easy-posts),
.footer-col.oxy-easy-posts .oxy-posts,
.footer-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:flex-start;
}
@media (max-width: 991px) {
.footer-col {
 width:100%;
}
}

.image-footer {
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-radius:0px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 border-top-color:#59a3cf;
 border-right-color:#59a3cf;
 border-bottom-color:#59a3cf;
 border-left-color:#59a3cf;
 margin-top:auto;
 margin-bottom:auto;
}
@media (max-width: 991px) {
.image-footer {
 width:100%;
}
}

.is--search {
}
@media (max-width: 1120px) {
.is--search {
}
.is--search:not(.ct-section):not(.oxy-easy-posts),
.is--search.oxy-easy-posts .oxy-posts,
.is--search.ct-section .ct-section-inner-wrap{
display:block;
}
}

.pro-menu {
}
.pro-menu .oxy-pro-menu-list .menu-item, .pro-menu .oxy-pro-menu-list .menu-item a{
font-family: 'Oswald';
font-size: 1rem;
}

.pro-menu .oxy-pro-menu-list .menu-item a{
padding-right:0.5rem;
padding-left:0.5rem;
}

.pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:0.5rem;
margin-left:0.5rem;
}

.pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a{
background-color:#ffffff;
padding-bottom:0.5rem;
padding-top:0.5rem;
}

:root {
    --black: black;
    --white: white;
    --blue: #59a3cf;
  }

/*#ct-builder [data-aos] {
    opacity: 1;
    transform: translate(0) scale(1);
}
*/

/* Feldnamen in Weiß */
.tnp label {
    color: white;
}

.tnp-submit:hover {
    border: 1px solid white !important;
    outline: 1px solid white !important;
    cursor: pointer;
}


.button.basic-vote-button {
  background: transparent !important;
}

/*
* {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
*/

.ct-section-inner-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  /*Vote Buttons checkboxes*/

.button{
  border: 1px #59A3CF solid!important;
  color: #59A3CF!important;
  border-radius: 20px!important;
  transition: background-color 0.4s ease-in, color 0.4s ease-in!important;
}

.button:hover {
  background-color: #59A3CF!important;
  filter: none!important;
  color: #fff!important;
}

.basic-yop-poll-container {
  border-color: #59A3CF!important
}


  #wpgdprc {
      margin: 10px!important;
      width: 40px!important;
  }
  
  .wp-caption {
      width: 100%!important;
  }
  
  .sub-menu {
      margin-top: 0!important;
      border: 1px solid #59a3cf;
      min-width: 100%;
  }
  
  .w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .w-form-formradioinput--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 12px;
    height: 12px;
  }
  
  .w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
  }
  
  .w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-width: 4px;
    border-color: #3898ec;
  }
  
  body {
    color: var(--black);
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  
  h1 {
    letter-spacing: .03em;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: Oswald, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.25;
  }
  
  h2 {
    letter-spacing: .03em;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: Oswald, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
  }
  
  h3 {
    letter-spacing: .03em;
    margin-top: 20px;
    margin-bottom: 2rem;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
  }
  
  h4 {
    letter-spacing: .03em;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Oswald, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
  }
  
  h5 {
    letter-spacing: .03em;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Oswald, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
  }
  
  h6 {
    letter-spacing: .03em;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Oswald, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
  }
  
  p {
    margin-bottom: 2rem;
    font-size: 18px;
    line-height: 1.5;
  }
  
  a {
    color: var(--black);
    font-size: 1em;
    text-decoration: underline;
  }
  
  ul {
    margin-top: 20px;
    margin-bottom: 2rem;
    padding-left: 40px;
  }
  
  ol {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 40px;
  }
  
  li {
    font-size: 18px;
    line-height: 1.5;
  }
  
  img {
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: inline-block;
  }
  
  figcaption {
    text-align: center;
    margin-top: 5px;
  }
  
  .page-wrapper {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: relative;
  }
  
  .page-wrapper.full-screen {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    overflow: hidden;
  }
  
  .medium {
    font-weight: 500;
  }
  
  .bg-secondary {
    background-color: var(--white);
    line-height: 1.2;
  }
  
  .bg-secondary.square-box {
    width: 100%;
  }
  
  .black {
    font-weight: 800;
  }
  
  .container-heading-style {
    text-decoration: none;
  }
  
  .container-heading-style.style-guide {
    border: 1px #000;
    margin-bottom: 1.5rem;
    padding: 10px 0 0;
    position: relative;
  }
  
  .info-heading {
    color: var(--black);
    margin-top: 20px;
    margin-bottom: 0;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    font-weight: 400;
  }
  
  .main-texts {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
  }
  
  .main-texts.secondary-font.upper {
    text-transform: uppercase;
  }
  
  .col-right {
    border-top: 1px #e5e5e5;
    margin-top: 20px;
    margin-left: 0;
  }
  
  .bold {
    font-weight: 700;
  }
  
  .container-info-color {
    margin-top: 20px;
  }
  
  .style-text {
    color: #000;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    font-weight: 500;
    position: static;
    top: 9%;
    bottom: auto;
    left: 0%;
    right: auto;
  }
  
  .style-text.static {
    color: #000;
    text-align: left;
    letter-spacing: -.03em;
    margin-top: 5px;
    font-weight: 400;
    position: static;
  }
  
  .col-left {
    margin-top: 0;
    margin-bottom: 60px;
    margin-right: 40px;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
    top: 38px;
    bottom: auto;
  }
  
  .italic {
    font-style: italic;
  }
  
  .brand {
    max-width: 70px;
    max-height: 90px;
    position: relative;
  }
  
  .brand.w--current {
    z-index: 100;
    max-width: 50px;
  }
  
  .search {
    color: #161616;
    cursor: pointer;
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 0;
    display: flex;
  }
  
  .link-text {
    letter-spacing: .06em;
    margin-top: 20px;
    font-size: 18px;
  }
  
  .link-text.uppercase.secondary-font {
    transition: letter-spacing .4s ease-in-out;
    display: block;
  }
  
  .link-text.uppercase.secondary-font:hover {
    letter-spacing: .1em;
  }
  
  .search-button {
    display: none;
  }
  
  .search-button.show {
    color: var(--black);
    background-color: rgba(0, 0, 0, 0);
    font-size: 24px;
    display: block;
  }
  
  .search-button.show.secondary-font.uppercase {
    padding-right: 0;
    font-weight: 700;
  }
  
  .nav-logo-svg {
    object-fit: contain;
    width: 90px;
  }
  
  .main-link {
    color: #000;
    width: auto;
    margin-right: auto;
    text-decoration: none;
    display: block;
    position: relative;
  }
  
  .main-link.nav {
    perspective: 1471px;
    margin-right: 15px;
    transform: perspective(1353px);
  }
  
  .main-link.nav.align-center {
    padding-left: 15px;
    font-size: 12px;
  }
  
  .nav-menu {
    flex: 1;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    display: flex;
  }
  
  .right-side-nav-wrapper {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .nav-links-wrapper {
    display: flex;
  }
  
  .main-nav-cotainer {
    z-index: 1;
    background-color: var(--white);
    border-bottom: 2px #000;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 5px;
    display: flex;
    position: relative;
  }
  
  .search-input {
    color: #161616;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #000;
    border-radius: 20px;
    margin-bottom: 0;
    display: none;
  }
  
  .header {
    z-index: 999;
    background-color: var(--white);
    border: 1px #000;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: 20px 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
  }
  
  .nav-social-icon {
    width: 20px;
    margin-left: 0;
    margin-right: 5px;
    padding-left: 0;
    transition: transform .4s ease-in-out;
  }
  
  .nav-social-icon:hover {
    transform: scale(1.3);
  }
  
  .location-address {
    text-align: center;
    font-family: Oswald, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
  }
  
  .location-heading {
    color: #000;
    margin-bottom: 10px;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
  }
  
  .footer-logo-wrapper {
    width: 90px;
  }
  
  .footer-links {
    color: #c44f4f;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 30px;
    margin-bottom: 50px;
    text-decoration: none;
    display: flex;
    position: relative;
  }
  
  .bg-primary {
    background-color: var(--black);
  }
  
  .bg-primary.square-box {
    width: 100%;
  }
  
  .social-link {
    color: #020202;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: letter-spacing .4s ease-in-out;
  }
  
  .social-link:hover {
    letter-spacing: .06em;
  }
  
  .newsletter-footer-wrap {
    border-right: 2px #000;
    width: 33%;
    padding: 0 20px 20px 0;
  }
  
  .follow-us-footer-wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }
  
  .address {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-style: normal;
    display: flex;
  }
  
  .text-field {
    color: #000;
    text-transform: uppercase;
    border: 1px solid #000;
    min-height: 58px;
    margin-bottom: 20px;
    font-family: Oswald, sans-serif;
  }
  
  .text-field:focus {
    border-style: solid;
    border-color: #000;
  }
  
  .mail {
    color: #000;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
    font-family: Oswald, sans-serif;
    font-size: 24px;
    line-height: 1;
    display: block;
  }
  
  .footer-links-text {
    opacity: 1;
    color: #000;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-color: rgba(0, 0, 0, 0);
    background-clip: border-box;
    outline-style: none;
    outline-color: #e5e5e5;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Oswald, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    transition: transform .4s ease-in-out;
  }
  
  .footer-links-text:hover {
    text-transform: uppercase;
    transform: scale(1.1);
  }
  
  .highlighted-title {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #d45a29;
    width: 100%;
    padding: 11px 5px;
    font-family: Oswald, sans-serif;
    font-size: 18px;
  }
  
  .highlighted-title.margin-top-large {
    background-color: #d45a29;
  }
  
  .highlighted-title.margin-top-large.hover {
    border: 1px solid var(--white);
  }
  
  .highlighted-title.margin-top-large.hover:hover {
    filter: invert();
  }
  
  .newsletter-form {
    margin-top: 20px;
    margin-bottom: 0;
  }
  
  .footer-links-wrap {
    text-transform: uppercase;
    border-top: 1px #000;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    text-decoration: none;
  }
  
  .footer-links-wrap.flex-left {
    display: flex;
  }
  
  .submit-button {
    text-transform: uppercase;
    background-color: #000;
    width: 100%;
    min-height: 58px;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    line-height: 1;
  }
  
  .submit-button.side {
    border: 1px solid var(--white);
    min-height: 30px;
    transition: filter .4s ease-in-out;
  }
  
  .submit-button.side:hover {
    filter: invert();
  }
  
  
  .tnp-submit {
    width: 100%!important;
    border-color: var(--blue)!important;
    background-color: var(--white)!important;
    border: 1px solid var(--blue)!important;
    color: var(--blue)!important;
    -webkit-text-stroke-color: var(--blue)!important;
    border-radius: 20px!important;
    transition: background-color .4s, color .4s!important;
  }
  
  .tnp-submit:hover {
    border-color: var(--blue)!important;
    background-color: var(--blue)!important;
    filter: none!important;
    color: #fff!important;
  }
  
  
  .submit-button.side.poll {
    border-color: var(--blue);
    background-color: var(--white);
    color: var(--blue);
    -webkit-text-stroke-color: var(--blue);
    border-radius: 20px;
    transition: background-color .4s, color .4s;
  }
  
  .submit-button.side.poll:hover {
    border-color: var(--blue);
    background-color: var(--blue);
    filter: none;
    color: #fff;
  }
  
  .submit-button.side.poll.is-see-all {
    justify-content: center;
    align-items: center;
    width: 260px;
    margin-left: auto;
    margin-right: auto;
    transition: color .4s, background-color .4s;
    display: inline-flex;
  }
  
  .submit-button.side.poll.is-see-all:hover {
    filter: none;
    color: #fff;
  }
  
  .submit-button.password {
    border: 1px solid var(--white);
    width: auto;
    min-height: 40px;
    margin-left: auto;
    padding-left: 50px;
    padding-right: 50px;
    transition: filter .4s ease-in-out;
  }
  
  .submit-button.password:hover {
    filter: invert();
  }
  
  .locations {
    grid-column-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 0;
    padding-top: 10px;
    text-decoration: none;
  }
  
  .credits-text {
    color: #000;
    margin-left: auto;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 1;
  }
  
  .credits-text.second {
    margin-left: 5px;
    margin-right: 5px;
    transition: transform .4s;
  }
  
  .credits-text.second:hover {
    transform: scale(1.1);
  }
  
  .credits-text.auto {
    margin-left: 0;
  }
  
  .footer {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 60px;
  }
  
  .footer-flex {
    z-index: 10;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-top: 2px #000;
    border-bottom: 2px #000;
    grid-template: "."
    / .5fr .5fr 1fr;
    width: 100%;
    padding-bottom: 20px;
    text-decoration: none;
    display: flex;
    position: relative;
  }
  
  .footer-info {
    border-bottom: 2px #000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 25px;
    display: flex;
  }
  
  .credits {
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    display: flex;
    position: relative;
  }
  
  .social-links {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px;
    display: flex;
  }
  
  .contact-footer-wrap {
    border-left: 2px #000;
    width: 66%;
    padding-left: 20px;
    text-decoration: none;
  }
  
  .error-message {
    color: var(--blue);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
  }
  
  .text-style-bold {
    font-size: 18px;
    font-weight: 700;
  }
  
  .text-style-italic {
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
  }
  
  .success-message {
    background-color: rgba(0, 0, 0, 0);
  }
  
  .square-box {
    width: 100px;
    height: 100px;
  }
  
  .main-border {
    border: 1px solid var(--black);
  }
  
  .secondary-font {
    letter-spacing: .06em;
    transform-style: preserve-3d;
    font-family: Oswald, sans-serif;
  }
  
  .secondary-font:hover {
    transform: scale3d(1none, 1none, 1none);
  }
  
  .quote {
    text-align: left;
    letter-spacing: .115em;
    padding: 60px 221px;
    line-height: 96%;
    position: relative;
  }
  
  .block-quote {
    z-index: 2;
    border-left-style: none;
    font-size: 36px;
    font-weight: 500;
    line-height: 96%;
    position: relative;
  }
  
  .block-quote.main-paragraph.secondary-font.quote-wrap {
    width: 427px;
  }
  
  .block-quote.main-paragraph.secondary-font.quote-wrap.uppercase {
    padding-right: 0;
    font-weight: 400;
  }
  
  .separator {
    background-color: #000;
    width: 100%;
    min-height: 2px;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .hero-subtitle {
    text-transform: none;
    margin-bottom: 31px;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    display: block;
  }
  
  .blog-post-card {
    border-right: 1px solid #e5e5e5;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    padding-left: 0;
    padding-right: 20px;
    display: flex;
  }
  
  .blog-post-card:last-child {
    border-right-style: none;
    padding-right: 0;
  }
  
  .post-text {
    font-size: 16px;
  }
  
  .post-text.margin {
    margin-left: 5px;
    margin-right: 5px;
  }
  
  .post-text.uppercase.secondary-font.lignt {
    margin-top: 10px;
    font-weight: 300;
  }
  
  .grid-4-columns {
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr .93fr;
    grid-auto-columns: 1fr;
    align-self: stretch;
    display: grid;
  }
  
  .grid-4-columns.gap {
    grid-column-gap: 20px;
  }
  
  .grid-5-columns {
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .grid-5-columns.medium-gap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 65px;
    padding-right: 65px;
  }
  
  .card-paragraph {
    margin-top: 15px;
  }
  
  .card-blog-v2 {
    position: relative;
  }
  
  .main-layout {
    grid-column-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 3fr 1fr;
    width: 100%;
    display: block;
  }
  
  .main-layout.grid {
    grid-row-gap: 20px;
    grid-column-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 3fr 1fr;
  }
  
  .row-post {
    font-size: 18px;
    display: flex;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .post {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 36px;
    font-weight: 400;
  }
  
  .card-blog-hero-home {
    color: #000;
    text-align: left;
    border: 1px #000;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding-bottom: 0;
    text-decoration: none;
    display: flex;
  }
  
  .primary-button {
    border: 1px solid var(--white);
    text-align: center;
    text-transform: uppercase;
    background-color: #000;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 35px;
    padding-right: 35px;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    transition: filter .4s ease-in-out;
  }
  
  .primary-button:hover {
    filter: invert();
  }
  
  .primary-button.right {
    border-color: var(--white);
    margin-top: 30px;
    margin-right: 0;
  }
  
  .primary-button.right:hover {
    filter: invert();
  }
  
  .main-paragraph {
    font-size: 24px;
    line-height: 1.1;
  }
  
  .main-paragraph.secondary-font {
    margin-bottom: 10px;
  }
  
  .post-image-sidebar {
    height: 320px;
  }
  
  .location-text {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Oswald, sans-serif;
    font-size: 24px;
    line-height: 1;
  }
  
  .about-paragraph {
    margin-bottom: 25px;
  }
  
  .beitrags-karte {
    overflow: hidden;
    cursor: pointer;
    border: 1.5px solid #000000;
    border-radius: 5px;
    flex-flow: column;
    justify-content: flex-start;
    align-self: auto;
    height: 100%;
    display: flex;
  }
  
  .beitrags-karte.is-center {
    border-style: none;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 50%;
  }
  
  .beitrag-image {
    width: 100%;
    height: 230px;
  }
  
  
  .beitrag-image.image-mobile.is-big {
    aspect-ratio: 1;
    object-fit: cover;
    height: 100%;
  }
  
  .large-text {
    font-size: 18px;
    line-height: 1.2;
  }
  
  .large-text.white-text.secondary-font {
    margin-top: 0;
  }
  
  .large-text.white-text.secondary-font.uppercase.margin {
    margin-left: 5px;
  }
  
  .large-text.white-text.secondary-font.black {
    color: var(--black);
    margin-bottom: 10px;
  }
  
  .large-text.secondary-font.margin-bottom-small {
    margin-bottom: 19px;
  }
  
  .author-name {
    color: #000;
    text-align: left;
    text-transform: uppercase;
    margin-top: 0;
    font-family: Oswald, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
  }
  
  .overflow-image {
    width: 100%;
    display: flex;
    overflow: hidden;
  }
  
  .top-author-card {
    border-bottom: 1px solid #000;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }
  
  .author-image {
    width: 100px;
  }
  
  .info-author-wrap {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }
  
  .card-popular-post {
    width: 100%;
    margin-bottom: 20px;
  }
  
  .image-popular-post {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-size: cover;
    height: 189px;
    margin-bottom: 0;
  }
  
  .heading-popular-post {
    margin-top: 5px;
    font-size: 18px;
    line-height: 1.3;
  }
  
  .heading-popular-post.uppercase {
    font-weight: 400;
  }
  
  .date-categories-text {
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  
  .date-categories-text.secondary-font {
    font-weight: 500;
  }
  
  .link {
    font-size: 14px;
  }
  
  .link.secondary-font {
    color: #59a3cf;
    -webkit-text-stroke-color: var(--blue);
    transition: letter-spacing .4s ease-in-out;
  }
  
  .link.secondary-font:hover {
    letter-spacing: .1em;
  }
  
  .read-more-div {
    align-self: flex-end;
    margin-top: auto;
  }
  
  .read-more-div.inside-card {
    align-self: flex-start;
    margin-top: auto;
    margin-bottom: 20px;
    margin-left: 20px;
    text-decoration: none;
  }
  
  .plog-post-description {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.2;
  }
  
  .title-blog-post {
    margin-bottom: .25rem;
    font-size: 24px;
    line-height: 1;
  }
  
  .title-blog-post.secondary-font.margin-top {
    font-weight: 500;
  }
  
  .blog-page-grid {
    grid-column-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2.5fr 1fr;
    margin-bottom: 100px;
  }
  
  .card-blog-post {
    color: #000;
    text-align: left;
    border-bottom: 1px solid #000;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding-bottom: 30px;
    text-decoration: none;
    display: flex;
  }
  
  .card-blog-post:last-child {
    border-bottom-style: none;
  }
  
  .image-blog-post-page {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 285px;
    display: flex;
    position: relative;
  }
  
  .related-card {
    align-self: auto;
    width: 100%;
  }
  
  .related-image {
    object-fit: cover;
    width: 100%;
    height: 260px;
    min-height: auto;
  }
  
  .post-title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 1;
  }
  
  .row-related-card {
    justify-content: space-between;
    display: flex;
  }
  
  .medium-text {
    font-size: 16px;
  }
  
  .text-exhibition-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    padding-left: 60px;
    display: flex;
  }
  
  .avatar {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    flex: none;
    width: 75px;
    height: 75px;
    margin-right: 10px;
  }
  
  .avatar.is-nav-image {
    background-image: url('../images/Inspiration-Illustration.svg');
    margin-bottom: 10px;
    margin-right: 0;
  }
  
  .avatar._1 {
    background-image: url('../images/Bildschirmfoto-2023-12-18-um-12.59.42.png');
    flex: none;
  }
  
  .avatar._2 {
    background-image: url('../images/IMG_3338.jpeg');
  }
  
  .card-title {
    color: #000;
    text-align: left;
    margin-top: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
  }
  
  .category-post-card {
    align-self: auto;
    padding: 20px;
  }
  
  .category-post-card.border {
    height: 100%;
    transition: transform .4s ease-in-out, box-shadow .4s ease-in-out;
  }
  
  .category-post-card.border:hover {
    height: 100%;
    transform: scale(1.02);
    box-shadow: 1px 1px 7px 2px rgba(148, 145, 145, .52);
  }
  
  .border {
    border: 1px solid var(--black);
  }
  
  .category-post-image {
    height: 330px;
  }
  
  .uppercase {
    text-transform: uppercase;
  }
  
  .white-text {
    color: var(--white);
  }
  
  .author-link {
    justify-content: space-between;
    display: flex;
  }
  
  .relative {
    position: relative;
  }
  
  .absolute {
    position: absolute;
  }
  
  .larger-text {
    letter-spacing: .155em;
  }
  
  .normal {
    font-weight: 400;
  }
  
  .social-icon {
    width: 18px;
  }
  
  .social-icon.margin-right {
    margin-right: 5px;
    transition: transform .4s ease-in-out;
  }
  
  .social-icon.margin-right:hover {
    transform: scale(1.3);
  }
  
  .text-link.uppercase.secondary-font {
    font-size: 14px;
  }
  
  .text-link {
    font-size: 18px;
  }
  
  .text-link.uppercase.secondary-font {
    font-size: 12px;
    transition: transform .4s ease-in-out;
  }
  
  .text-link.uppercase.secondary-font:hover {
    transform: scale(1.1);
  }
  
  .align-center {
    text-align: center;
  }
  
  .hide-tablet {
    display: block;
  }
  
  .show-tablet {
    display: none;
  }
  
  .margin-bottom-large {
    margin-bottom: 90px;
  }
  
  .margin-bottom-medium {
    margin-bottom: 60px;
  }
  
  .margin-bottom-small {
    margin-bottom: 50px;
  }
  
  .collection-list-wrapper-blog-post {
    width: 100%;
    height: auto;
  }
  
  .collection-list-blog-post {
    width: 100%;
  }
  
  .location-image {
    background-image: none;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 325px;
  }
  
  .location-image.auto-height {
    height: auto;
  }
  
  .title-banner {
    background-color: #d45a29;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    margin-top: 25px;
    margin-bottom: 25px;
    display: flex;
  }
  
  .title-banner.no-margin-top {
    margin-top: 0;
    margin-bottom: 20px;
  }
  
  .title-banner.align-left {
    background-color: #d45a29;
    padding-left: 20px;
  }
  
  .title-banner.align-left.no-margin-top {
    color: var(--white);
    background-color: #59a3cf;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }
  
  .title-banner.hover {
    border: 1px solid var(--white);
    transition: filter .4s ease-in-out;
  }
  
  .title-banner.hover:hover {
    filter: invert();
  }
  
  .instagram-image {
    background-image: url('../images/28.jpg');
    background-position: 50%;
    background-size: cover;
    width: 100%;
    max-width: 85px;
    height: 85px;
    transition: filter .4s ease-in-out, transform .4s ease-in-out;
  }
  
  .instagram-image:hover {
    filter: grayscale();
    transform: scale(.85);
  }
  
  .instagram-image.first {
    background-image: url('../images/28.jpg');
  }
  
  .sticky-collumn {
    margin-top: auto;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
  }
  
  .sticky-collumn.styleguide.non-stick {
    margin-top: 0;
    position: relative;
    top: 0;
    bottom: auto;
  }
  
  .location-image {
    margin-bottom: 10px;
  }
  
  .location-image.second {
    height: 231px;
  }
  
  .category-card {
    border-bottom: 1px solid #000;
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  
  .social-wrap {
    justify-content: center;
    display: flex;
  }
  
  .social-wrap.grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }
  
  .image {
    height: auto;
  }
  
  .image.hide-desktop {
    display: none;
  }
  
  .empty-state {
    background-color: var(--black);
    color: var(--white);
    font-size: 16px;
  }
  
  .error-text {
    color: var(--blue);
  }
  
  .image-quote {
    width: 100px;
    height: auto;
  }
  
  .image-quote.absolute {
    top: 9%;
    bottom: auto;
    left: 14%;
    right: auto;
  }
  
  .image-quote.absolute.author {
    top: -57%;
    bottom: auto;
    left: 0%;
    right: auto;
  }
  
  .image-quote.absolute.blog {
    top: 13%;
    left: 7%;
  }

/*
  .beitraege-flex {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 100%;
    margin: 10px 0 50px;
    display: grid;
  }
*/
  /*
  .beitraege-flex.is-two {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }
  */
  .page-title {
    border-top: 1px #000;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 96px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
  }
  
  .page-title.post {
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: Open Sans, sans-serif;
    font-size: 48px;
  }
  
  .background-video {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  
  .podcast-section {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
  }
  
  .by-category-section {
    padding-top: 20px;
  }
  
  .gallery-image {
    width: 100%;
    height: auto;
  }
  
  .page-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none;
    display: flex;
  }
  
  .column {
    border-right: 1px solid #000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 60px;
    display: flex;
  }
  
  .column.align-start {
    border-right-style: none;
  }
  
  .column.align-start.overflow-hidden {
    align-self: flex-start;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  }
  
  .column.align-end {
    align-items: flex-end;
  }
  
  .column.align-end.overflow-hidden {
    position: relative;
  }
  
  .column.align-end.overflow-hidden.quote {
    border-right-style: none;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 0 0;
    overflow: visible;
  }
  
  .column.main-layout {
    border-right-style: none;
    align-items: stretch;
    width: auto;
    padding: 0;
  }
  
  .contact-section {
    width: 100%;
  }
  
  .left-title {
    color: #000;
    letter-spacing: .06em;
    max-width: 400px;
    font-family: Oswald, sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 1.2;
  }
  
  .left-title.align-center {
    font-size: 50px;
  }
  
  .left-title.align-center.is-quote {
    margin-bottom: 1rem;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
  }
  
  .left-title.align-center.is-author {
    text-align: right;
    margin-bottom: 0;
    margin-left: auto;
    font-family: Great Vibes, cursive;
    font-size: 16px;
  }
  
  .two-col-grid {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }
  
  .margin-top {
    margin-top: 20px;
  }
  
  .margin-top-large {
    margin-top: 40px;
  }
  
  .grid-col {
    column-count: 2;
    column-gap: 20px;
    position: relative;
  }
  
  .post-infos {
    color: var(--white);
    align-items: flex-end;
    display: flex;
  }
  
  .post-infos.is-small {
    color: var(--black);
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }
  
  .heading-post {
    color: #000;
    text-transform: uppercase;
    font-size: 96px;
    font-weight: 400;
  }
  
  .grid-3-columns {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }
  
  .large {
    width: 100%;
  }
  
  .filter-collection-list-wrapper {
    flex: 1;
  }
  
  .filter-collection-list {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }
  
  .filter-collection-item {
    flex: 1;
    width: auto;
    margin-right: 20px;
  }
  
  .filter-collection-item:last-child {
    margin-right: 0;
  }
  
  .row-filters {
    width: 100%;
    display: flex;
  }
  
  .images-grid-protected-page {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: nowrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    justify-items: stretch;
    width: 100%;
    height: 167px;
    margin-top: 0;
    display: grid;
    overflow: hidden;
  }
  
  .square-images-box {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 170px;
    transition: transform .4s ease-in-out, filter .4s ease-in-out;
  }
  
  .square-images-box:hover {
    filter: grayscale();
    transform: scale(.9);
  }
  
  .collection-list-post-page {
    grid-column-gap: 16px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .form {
    padding-bottom: 0;
  }
  
  .form.blog-page {
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
  }
  
  .collection-list-wrapper-popular-post {
    margin-bottom: 30px;
  }
  
  .about-us-title-text {
    color: #fff;
    font-family: Oswald, sans-serif;
    font-size: 18px;
  }
  
  .form-block {
    margin-top: 20px;
    margin-bottom: 0;
  }
  
  .text-field-blog {
    color: #000;
    border: 1px solid #000;
    min-height: 58px;
    margin-bottom: 20px;
    font-family: Oswald, sans-serif;
  }
  
  .text-field-blog:focus {
    border-style: solid;
    border-color: #000;
  }
  
  .text-field-blog.height {
    min-height: 40px;
    margin-bottom: 15px;
  }
  
  .text-block {
    font-size: 18px;
  }
  
  .vertical-separator {
    background-color: #000;
    width: 2px;
    height: 100%;
  }
  
  .align-left {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .blog-post-image {
    height: 741px;
    margin-bottom: 20px;
  }
  
  .border-bottom {
    border-bottom: 1px solid #000;
  }
  
  .quote-row {
    display: flex;
  }
  
  .quote-image {
    object-fit: contain;
    width: 50%;
    height: 780px;
  }
  
  .wrap-quote-text {
    flex-direction: column;
    justify-content: center;
    width: 50%;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }
  
  .block-quote-post-page {
    border-left-style: none;
    font-size: 24px;
  }
  
  .block-quote-post-page.margin-bottom-small.secondary-font.uppercase {
    line-height: 1.1;
  }
  
  .block-quote-post-page.margin-bottom-small.secondary-font.uppercase.hide-tablet {
    z-index: 1;
    position: relative;
  }
  
  .image-author {
    object-fit: contain;
    height: 300px;
  }
  
  .button-small {
    border: 1px solid var(--white);
    text-align: center;
    text-transform: uppercase;
    background-color: #000;
    width: 25%;
    height: 40px;
    margin-left: auto;
    margin-right: 20px;
    padding-left: 35px;
    padding-right: 35px;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    transition: filter .4s ease-in-out;
  }
  
  .button-small:hover {
    filter: invert();
  }
  
  .image-author-page {
    height: 420px;
  }
  
  .rich-text-block-second {
    column-count: 2;
    column-rule-style: solid;
    column-rule-width: 1px;
    column-gap: 120px;
    font-size: 16px;
  }
  
  .row-author {
    justify-content: space-between;
    display: flex;
  }
  
  .full-screen {
    height: 100vh;
  }
  
  .coming-soon-image {
    height: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .coming-soon {
    text-align: center;
    background-color: rgba(255, 255, 255, .62);
    width: 100%;
    max-width: 750px;
    padding-top: 78px;
    padding-bottom: 140px;
    position: absolute;
  }
  
  .brand-image {
    width: 84px;
  }
  
  .coming-soon-heading {
    font-size: 64px;
    font-weight: 400;
  }
  
  .utility-page-wrap {
    border: 1px #000;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    height: auto;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 60px 0;
    display: flex;
  }
  
  .utility-page-content {
    text-align: center;
    flex-direction: column;
    width: 520px;
    display: flex;
  }
  
  .utility-page-form {
    text-align: left;
    flex-direction: column;
    align-items: stretch;
    font-weight: 400;
    display: flex;
  }
  
  .image-box {
    background-image: url('../images/27.jpg');
    background-position: 50%;
    background-size: cover;
    width: 650px;
    height: 435px;
    margin-right: 20px;
  }
  
  .protect-heading {
    font-size: 48px;
    font-weight: 400;
  }
  
  .password-field {
    border: 1px #000;
    border-bottom-style: solid;
  }
  
  .password-field.secondary-font {
    background-color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0;
  }
  
  .body {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }
  
  .columns-404 {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    height: 633px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .columns-404.overflow-hidden.second {
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
  }
  
  .heading-404 {
    color: #000;
    font-size: 144px;
    font-weight: 400;
  }
  
  .text-404 {
    width: 100%;
    max-width: 418px;
    font-size: 24px;
    line-height: 1.1;
  }
  
  .utility-page-wrap-404 {
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: flex;
  }
  
  .grid-404 {
    grid-column-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 245px 1fr 245px;
  }
  
  .page-not-found-heading {
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
  }
  
  .utility-page-content-404 {
    text-align: center;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 520px;
    display: flex;
  }
  
  .bg-image {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-size: cover;
    height: 200px;
  }
  
  .container {
    border-bottom: 2px solid #000;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: static;
  }
  
  .container.no-border {
    border-bottom-style: none;
  }
  
  .button {
    border: 1px solid var(--white);
    text-transform: uppercase;
    background-color: #000;
    height: 40px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 35px;
    padding-right: 35px;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    transition: filter .4s ease-in-out;
  }
  
  .button:hover {
    filter: invert();
  }
  
  .image-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 16px;
    margin-bottom: 0;
  }
  
  .effect-wrapper {
    background-color: var(--white);
    margin-bottom: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .search-wrapper {
    background-color: var(--white);
    cursor: pointer;
    border: 1px solid #000;
    width: 100%;
    max-width: 1200px;
    padding-top: 25px;
    padding-bottom: 23px;
    display: none;
    position: fixed;
    top: 112px;
  }
  
  .main-search {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }
  
  .main-search-imput {
    color: var(--black);
    border: 1px #000;
    border-bottom-width: 2px;
    height: auto;
    margin-bottom: 0;
    padding: 0;
    font-family: Oswald, sans-serif;
    font-size: 96px;
    line-height: 1;
  }
  
  .hide-button {
    display: none;
  }
  
  .wrap-heading-404 {
    display: flex;
  }
  
  .container-info-card {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .link-span-footerr {
    font-size: 14px;
  }
  
  .social-image {
    width: 35px;
    height: 35px;
  }
  
  .link-block {
    width: 100%;
  }
  
  .footer {
    padding-bottom: 0;
  }
  
  .burger-menu {
    z-index: 1002;
    padding: 8px 9px;
    position: static;
    top: 3.5%;
    bottom: auto;
    left: auto;
    right: 33px;
  }
  
  .line-burger-menu {
    opacity: 1;
    background-color: #000;
    width: 25px;
    height: 2px;
    margin-top: 2.5px;
    margin-bottom: 2.5px;
  }
  
  .line-burger-menu._2 {
    height: 2px;
    margin-top: 0;
    margin-bottom: 5px;
  }
  
  .search-page {
    border-bottom: 2px solid #000;
    display: flex;
  }
  
  .search-input-search-page {
    border: 1px #000;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 18px;
    font-weight: 300;
  }
  
  .search-result-list {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .image-search-result {
    height: 300px;
  }
  
  .search-result-item {
    border: 1px solid #000;
    padding: 20px;
  }
  
  .link-search {
    font-size: 36px;
  }
  
  .link-search-result {
    font-size: 16px;
  }
  
  .credits-wrap {
    margin-left: auto;
    display: flex;
  }
  
  .move-image-first {
    flex: 0 auto;
    height: 100%;
    margin-top: 0;
  }
  
  .container-effect {
    flex-direction: column;
    justify-content: flex-start;
    height: 600px;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .container-effect.second {
    justify-content: flex-end;
  }
  
  .post-link {
    color: var(--white);
    border-radius: .63rem;
    grid-row-start: auto;
    justify-content: center;
    align-items: flex-end;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .sfx--card-wrapper-flex {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 15rem;
    margin-left: .1875rem;
    margin-right: .1875rem;
    display: flex;
  }
  
  .sfx--section {
    width: 100%;
    padding-top: 0;
    padding-bottom: 40px;
  }
  
  .sfx--container {
    width: 100%;
    max-width: 73.75rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .sfx--rounded-image {
    width: 100%;
    max-width: 11.25rem;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .sfx--rounded-image.margin-bottom-card {
    border: 1px #000;
    border-radius: 100px;
    min-height: 11.25rem;
    max-height: 11.25rem;
    margin-bottom: 1.875rem;
  }
  
  .sfx-variant--feature-cards {
    grid-row-gap: 3rem;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: minmax(200px, 15rem) minmax(200px, 15rem) minmax(200px, 15rem) minmax(200px, 15rem);
    grid-auto-columns: 1fr;
    grid-auto-flow: row dense;
    justify-content: center;
    align-items: flex-start;
    justify-items: center;
    max-width: 73.75rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    display: flex;
  }
  
  .post-info {
    z-index: 10;
    color: var(--white);
    position: relative;
  }
  
  .post-info.is-grid {
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .post-img {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .overlay {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, hsla(0, 0.00%, 0.00%, 0.80), hsla(0, 0.00%, 100.00%, 0.00) 79%);
  }
  
  .nav-component {
    width: 100%;
  }
  
  .logo-banner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 10px;
    padding-bottom: 20px;
    display: grid;
  }
  
  .banner {
    max-height: 90px;
  }
  
  .grid-img {
    cursor: pointer;
    margin-bottom: 20px;
    position: relative;
  }
  
  .subnav-text {
    font-size: 14px;
    line-height: 1.2;
  }
  
  .antwort-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: grid;
  }
  
  .dropdown {
    top: 10px;
    left: 0;
  }
  
  .dropdown.w--open {
    z-index: 999;
    background-color: var(--white);
    border: 1px solid #000;
    border-radius: 5px;
    justify-content: space-around;
    align-items: stretch;
    margin-top: .5em;
    padding-top: 10px;
    padding-bottom: 20px;
    display: flex;
    top: 14px;
    bottom: auto;
    left: 0;
    right: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  }
  
  .dropdown-toggle {
    letter-spacing: .06em;
    margin-right: 0;
    padding: 0 20px 5px;
    font-family: Oswald, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
  }
  
  .dropdown-toggle.w--open {
    padding-bottom: 5px;
  }
  
  .nav-dropdown {
    text-transform: uppercase;
    margin-right: 0;
    font-size: 16px;
    line-height: 1.1;
    position: static;
  }
  
  .dp-icon {
    margin-right: 5px;
    top: -3px;
  }
  
  .bottom-footer {
    background-color: var(--black);
    color: var(--white);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 40px;
    margin-top: 25px;
    margin-bottom: 0;
    padding-left: 20px;
    display: flex;
  }
  
  .bottom-footer.invert {
    background-color: var(--white);
    color: var(--black);
  }
  
  .lega-links {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: 1rem;
    display: grid;
  }
  
  .bottom-footer-link {
    text-transform: none;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: 1.2;
  }
  
  .submit-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }
  
  .cat-link {
    display: block;
  }
  
  .nav-link {
    border-bottom: 1px solid #000;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-top: 0;
    padding: 20px 10px;
    display: flex;
  }
  
  .nav-link:last-child {
    border-bottom-style: none;
  }
  
  .nav-link.border-bottom {
    color: var(--white);
    border-bottom-style: solid;
    padding-bottom: 10px;
    text-decoration: none;
  }
  
  .nav-link.border-bottom.is-black {
    color: var(--black);
    border-bottom-style: none;
  }
  
  .nav-post-info {
    color: var(--white);
    align-items: flex-end;
    display: flex;
  }
  
  .nav-post-info.is-small {
    color: var(--black);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  
  .frame-banner {
    border: 1px solid #59a3cf;
    width: 100%;
    padding: 10px 20px 20px;
    position: relative;
  }
  
  .frame-banner.margin-top-bottom {
    border-bottom-color: var(--blue);
    margin-top: 25px;
    margin-bottom: 25px;
  }
  
  .frame-banner.margin-top-bottom.large {
    margin-top: 60px;
  }
  
  .frame-banner.white {
    border-color: var(--white);
  }
  
  .moved-frame {
    border-style: solid;
    border-width: 1px;
    border-color: #59a3cf #59a3cf var(--blue);
    width: 100%;
    height: 106%;
    position: absolute;
    top: -12px;
    bottom: 0%;
    left: auto;
    right: -12px;
  }
  
  .moved-frame.quote {
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    top: -12px;
    bottom: auto;
    left: auto;
    right: -12px;
  }
  
  .moved-frame.white {
    border-color: var(--white);
  }
  
  .nav-bg {
    background-color: var(--white);
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: absolute;
    top: -20px;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .quote-logo {
    object-fit: contain;
    width: 5.75rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .meta-flex {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }
  
  .mail-link {
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
  }
  
  
  .slide-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }
  
  .blog37_date-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
  }
  
  .blog37_component {
    flex-direction: column;
    align-items: center;
  }
  
  .blog37_author-image-wrapper {
    margin-right: 1rem;
  }
  
  .blog37_author-image {
    object-fit: cover;
    border-radius: 100%;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
  }
  
  .text-size-small {
    font-size: .875rem;
  }
  
  .blog37_author-wrapper {
    align-items: center;
    margin-top: 1.5rem;
    display: flex;
  }
  
  .blog37_list {
    grid-column-gap: 2rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    display: flex;
  }
  
  .text-weight-semibold {
    font-weight: 600;
  }
  
  .padding-author {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  
  .top-header {
    color: var(--white);
    background-color: #59a3cf;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    display: flex;
  }
  
  .nav-main-link {
    perspective: 1471px;
    color: #000;
    text-align: center;
    width: auto;
    margin-right: 15px;
    padding-left: 15px;
    font-size: 12px;
    text-decoration: none;
    display: block;
    position: relative;
    transform: perspective(1353px);
  }
  
  .post-card-content {
    color: var(--white);
    border-bottom: 1px solid #000;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-top: 0;
    padding: 20px 10px 10px;
    text-decoration: none;
    display: flex;
  }
  
  .post-card-content:last-child {
    border-bottom-style: none;
  }
  
  .col-1 {
    grid-area: auto / auto / span 2 / span 7;
  }
  
  .col-2 {
    grid-area: auto / auto / span 1 / span 5;
  }
  
  .grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: minmax(300px, 1fr);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .intro-grid {
    margin-bottom: 40px;
  }
  
  .post-card-sidebar-right {
    color: var(--black);
    border-bottom: 1px #000;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-top: 0;
    padding: 20px 10px 10px;
    text-decoration: none;
    display: flex;
  }
  
  .post-card-sidebar-right:last-child {
    border-bottom-style: none;
  }
  
  .umfarge-formular {
    border-bottom: 1px #000;
    padding-bottom: 20px;
  }
  
  .post-card-content-wrapper {
    z-index: 10;
    color: var(--white);
    border-bottom: 1px solid #000;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-top: 0;
    padding: 20px;
    text-decoration: none;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .post-card-content-wrapper:last-child {
    border-bottom-style: none;
  }
  
  .footer-bottom {
    background-color: var(--blue);
    padding: 40px 20px;
  }
  
  
  
  @media screen and (max-width: 991px) {
  
    .beitrag-image {
      height: 100%;
      }
      
        .intro-grid .post-link {
          grid-column: span 12 !important; /* Span full width for all posts */
      }
      .intro-grid .post-link:nth-of-type(1) {
          grid-row: span 2 !important; /* First post spans 2 rows */
      }
      .intro-grid .post-link:nth-of-type(n+2) {
          grid-row: span 1 !important; /* Second and third posts span 1 row */
      }
      
      
    .page-wrapper {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .main-texts {
      font-size: 18px;
    }
  
    .main-texts.secondary-font {
      font-size: 26px;
    }
  
    .main-texts.secondary-font.upper {
      font-size: 24px;
    }
  
    .brand {
      margin-right: auto;
      padding-left: 10px;
      position: static;
    }
  
    .brand.w--current {
      margin-left: 0;
      margin-right: auto;
    }
  
    .search {
      display: none;
    }
  
    .nav-logo-svg {
      width: 40px;
    }
  
    .main-link.nav {
      text-align: left;
      width: 100%;
    }
  
    .main-link.nav.w--current {
      background-color: var(--black);
      color: var(--white);
    }
  
    .nav-menu {
      background-color: var(--white);
      padding-top: 0;
      padding-bottom: 40px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    }
  
    .right-side-nav-wrapper {
      margin-top: 40px;
      padding-left: 10px;
    }
  
    .nav-links-wrapper {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .main-nav-cotainer {
      z-index: 999;
      border-top: 2px #000;
      align-items: center;
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .newsletter-footer-wrap {
      border: 1px #000;
      width: 100%;
      margin-bottom: 40px;
      padding-right: 0;
    }
  
    .follow-us-footer-wrap {
      padding-left: 0;
      padding-right: 0;
    }
  
    .footer-links-wrap.flex-left.absolute.hide-tablet {
      display: none;
    }
  
    .footer-flex {
      flex-flow: column;
      grid-template-columns: 1fr;
    }
  
    .footer-info {
      border-bottom-style: none;
    }
  
    .social-links.align-left {
      justify-content: center;
      align-items: flex-start;
    }
  
    .contact-footer-wrap {
      border: 1px #000;
      width: 100%;
      padding-left: 0;
    }
  
    .quote {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .block-quote {
      padding-left: 0;
      padding-right: 0;
    }
  
    .blog-post-card {
      flex-direction: row-reverse;
      padding-right: 0;
    }
  
    .grid-4-columns {
      grid-template-columns: 1fr;
    }
  
    .grid-5-columns {
      grid-row-gap: 40px;
      column-count: 2;
      grid-template-columns: 1fr;
    }
  
    .card-blog-v2 {
      margin-bottom: 20px;
      display: flex;
    }
  
    .main-layout, .main-layout.grid {
      grid-template-rows: auto auto;
      grid-template-columns: 1fr;
    }
  
    .row-post.margin-top.margin-bottom-small.border-bottom {
      margin-bottom: 20px;
    }
  
    .overflow-hidden {
      width: auto;
    }
  
    .primary-button.right {
      margin-right: auto;
    }
  
    .beitrags-karte {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      flex-flow: row;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
      position: relative;
    }
  
    .beitrags-karte.is-center {
        margin: 0 auto;
        flex-flow: column;
        width: 70%;
        display: flex;
    }
  
    .beitrag-image.image-mobile {
      width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    }
  
    .large-text, .large-text.white-text {
      font-size: 24px;
    }
  
    .large-text.margin-top-large {
      margin-top: 10px;
      font-size: 18px;
    }
  
    .read-more-div.inside-card {
      display:none;
      margin-left: 0;
      margin-right: 10px;
    }
  
    .blog-page-grid {
      flex-direction: column-reverse;
      display: flex;
    }
  
    .related-card {
      display: flex;
    }
  
    .post-title.secondary-font {
      margin-top: 0;
    }
  
    .medium-text.uppercase.secondary-font {
      font-size: 23px;
    }
  
    .avatar {
      width: 43px;
      height: 43px;
    }
  
    .text-link.uppercase.secondary-font {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
    }
  
    .text-link.uppercase.secondary-font:hover {
      transform: none;
    }
  
    .hide-tablet {
      display: none;
    }
  
    .show-tablet {
      display: block;
    }
  
    .collection-list-wrapper-blog-post, .post-slide {
      height: 100%;
    }
  
    .instagram-image {
      max-width: none;
      height: 150px;
    }
  
    .instagram-image.first {
      max-width: none;
    }
  
    .sticky-collumn, .sticky-collumn.hide-tablet {
      position: static;
    }
  
    .image.hide-desktop {
      display: block;
    }
  
    .image-quote.absolute {
      left: 0%;
    }

    /*
    .beitraege-flex {
      grid-row-gap: 16px;
      grid-column-gap: 16px;
      flex-flow: column;
      grid-template-columns: 1fr;
      grid-auto-columns: 1fr;
    }
  
    .beitraege-flex.is-two {
      flex-flow: row;
      margin-bottom: 10px;
      display: flex;
    }
  */
    .page-title {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      font-size: 63px;
    }
  
    .page-title.post {
      text-align: left;
      font-size: 36px;
    }
  
    .by-category-section {
      padding-top: 0;
    }
  
    .page-content {
      align-items: flex-start;
    }
  
    .page-content.align-left {
      align-items: center;
    }
  
    .column.align-start {
      width: 100%;
      padding: 0;
    }
  
    .column.align-end {
      border: 1px #000;
      align-items: flex-start;
      width: 100%;
      padding: 0;
    }
  
    .left-title {
      font-size: 24px;
    }
  
    .left-title.align-center {
      align-self: center;
    }
  
    .left-title.align-center.is-quote {
      margin-left: auto;
      margin-right: auto;
    }
  
    .two-col-grid {
      flex-direction: column;
      margin-top: 0;
      margin-bottom: 0;
    }
  
    .grid-3-columns {
      grid-column-gap: 19px;
      grid-template-columns: 1fr 1fr;
    }
  
    .images-grid-protected-page {
      flex-wrap: wrap;
      justify-content: space-between;
    }
  
    .vertical-separator {
      display: none;
    }
  
    .blog-post-image {
      object-fit: contain;
      height: auto;
    }
  
    .quote-row.margin-top {
      flex-direction: column;
    }
  
    .quote-image {
      width: 100%;
    }
  
    .wrap-quote-text {
      width: 100%;
      padding-top: 20px;
      padding-left: 0;
      padding-right: 0;
    }
  
    .block-quote-post-page.margin-bottom-small.secondary-font.uppercase.show-tablet {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    .columns-404.overflow-hidden {
      width: 100%;
    }
  
    .grid-404 {
      grid-template-columns: 1fr;
    }
  
    .effect-wrapper {
      padding-left: 0;
      padding-right: 0;
    }
  
    .container-info-card {
      flex-direction: column;
      flex: none;
      justify-content: center;
      width: 100%;
      padding-left: 10px;
      display: flex;
    }
  
    .image-mobile {
      width: 40%;
    }
  
    .mobile-image-post {
      width: 215px;
      height: 215px;
    }
  
    .menu-button {
      background-color: rgba(0, 0, 0, 0);
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 10px;
    }
  
    .menu-button.w--open {
      background-color: rgba(0, 0, 0, 0);
      padding-right: 10px;
    }
  
    .burger-menu {
      padding-right: 0;
    }
  
    .search-result-list {
      grid-template-columns: 1fr 1fr;
    }
  
    .sfx--card-wrapper-flex {
      margin-bottom: 1.5rem;
    }
  
    .sfx--container {
      max-width: 45rem;
    }
  
    .sfx-variant--feature-cards {
      grid-template-columns: minmax(200px, 15rem) minmax(200px, 15rem);
      align-items: flex-start;
      max-width: 40rem;
    }
  
    .nav-component {
      position: relative;
    }
  
    .logo-banner {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
      margin-left: auto;
      margin-right: auto;
      padding-top: 10px;
      padding-bottom: 0;
    }
  
    .dropdown {
      position: relative;
    }
  
    .dropdown-toggle {
      margin-left: 0;
      margin-right: auto;
    }
  
    .nav-dropdown {
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      margin-left: 0;
      margin-right: 15px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
      display: flex;
    }
  
    .frame-banner {
      border-width: 1px;
      padding-top: 0;
      padding-bottom: 15px;
    }
  
    .frame-banner.margin-top-bottom {
      padding-top: 10px;
      padding-bottom: 15px;
    }
  
    .moved-frame {
      border-width: 1px;
      height: 100%;
      top: -7px;
      bottom: auto;
      left: auto;
      right: -7px;
    }
  
    .quote-logo {
      width: 7rem;
    }
  
    .blog37_list {
      grid-template-columns: 1fr 1fr;
    }
  
    .padding-author {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
  
    .nav-main-link {
      text-align: left;
      width: 100%;
    }
  
    .nav-main-link.w--current {
      background-color: var(--black);
      color: var(--white);
    }
  }
  
  @media screen and (max-width: 767px) {
    .page-wrapper, .container-heading-style.style-guide {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .main-texts.secondary-font {
      font-size: 18px;
    }
  
    .col-right {
      margin-left: 0;
    }
  
    .col-left {
      margin-bottom: 20px;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }
  
    .nav-logo-svg {
      width: 40px;
      display: block;
    }
  
    .main-nav-cotainer {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .footer-logo-wrapper {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      display: flex;
    }
  
    .footer-links-wrap.flex-left.absolute.hide-tablet {
      display: none;
      bottom: auto;
    }
  
    .locations {
      grid-template-columns: 1fr;
    }
  
    .block-quote {
      font-size: 22px;
    }
  
    .hero-subtitle {
      text-align: left;
      font-size: 14px;
    }
  
    .grid-5-columns.medium-gap {
      border: 1px #000;
      padding-left: 0;
      padding-right: 1px;
    }
  
    .overflow-hidden {
      width: auto;
    }
  
    .primary-button.large {
      margin-bottom: 10px;
    }
  
    .main-paragraph.uppercase.secondary-font {
      font-size: 18px;
    }
  
    .beitrags-karte.is-center {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .beitrag-image.image-mobile {
      height: 100%;
    }
  
    .large-text.white-text {
      font-size: 18px;
    }
  
    .large-text.margin-top-large {
      margin-top: 0;
      font-size: 13px;
    }
  
    .large-text.secondary-font {
      font-size: 22px;
    }
  
    .large-text.secondary-font.margin-bottom-small.show-tablet.absolute {
      top: auto;
      bottom: 0%;
      left: 0%;
      right: 0%;
    }
  
    .large-text.secondary-font.show-tablet {
      font-size: 18px;
    }
  
    .medium-text.uppercase.secondary-font {
      font-size: 13px;
    }
  
    .card-title.secondary-font.margin-top {
      font-size: 18px;
    }
  
    .collection-list-wrapper-blog-post, .post-slide {
      height: 100%;
    }
  
    .beitraege-flex.is-two {
      flex-flow: column;
    }
  
    .page-title {
      margin-top: 20px;
      margin-bottom: 10px;
      font-size: 40px;
    }
  
    .page-content {
      align-items: center;
    }
  
    .left-title {
      max-width: 210px;
      margin-top: 10px;
      margin-bottom: 20px;
    }
  
    .left-title.align-center {
      max-width: none;
    }
  
    .grid-3-columns {
      grid-template-columns: 1fr;
    }
  
    .filter-collection-list {
      flex-direction: column;
    }
  
    .filter-collection-item {
      margin-right: 0;
    }
  
    .row-filters.margin-bottom-medium {
      flex-direction: column;
      margin-bottom: 40px;
    }
  
    .button-small.full {
      width: 100%;
      margin-bottom: 10px;
    }
  
    .coming-soon-image {
      height: 200px;
    }
  
    .coming-soon {
      width: auto;
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .coming-soon-heading {
      font-size: 50px;
    }
  
    .utility-page-wrap {
      flex-direction: column;
      justify-content: flex-start;
      height: 100vh;
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
    }
  
    .utility-page-content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .image-box {
      max-width: 100%;
      height: 350px;
      margin-right: 0;
    }
  
    .utility-page-wrap-404 {
      overflow: hidden;
    }
  
    .mobile-image-post {
      width: 150px;
      height: 150px;
    }
  
    .container-search {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .sfx--card-wrapper-flex {
      flex-wrap: wrap;
      align-items: center;
      width: 45%;
      margin-left: .62rem;
      margin-right: .62rem;
    }
  
    .sfx--container {
      max-width: 33.75rem;
    }
  
    .sfx--rounded-image {
      max-width: 9rem;
    }
  
    .sfx--rounded-image.margin-bottom-card {
      max-width: 9rem;
      min-height: 9rem;
      max-height: 9rem;
    }
  
    .sfx-variant--feature-cards {
      flex-flow: wrap;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      grid-auto-flow: row dense;
      align-content: flex-start;
      justify-items: center;
      width: 100%;
      max-width: none;
      margin-left: auto;
      margin-right: auto;
    }
  
    .logo-banner {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    }
  
    .subnav-text {
      text-align: center;
      font-size: 14px;
    }
  
    .quote-logo {
      width: 7rem;
      display: block;
    }
  
    .blog37_list {
      grid-row-gap: 3rem;
      grid-template-columns: 1fr;
    }
  
    .padding-author {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
  
    .beitrag-image {
      height: 100%;
    }
  }
  
  @media screen and (max-width: 479px) {
    p {
      font-size: 16px;
    }
  
    ul {
      padding-left: 20px;
    }
  
    li {
      font-size: 16px;
    }
  
    .page-wrapper {
      padding-left: 15px;
      padding-right: 15px;
    }
  
    .container-heading-style.style-guide {
      padding-left: 0;
      padding-right: 0;
    }
  
    .main-texts.secondary-font {
      font-size: 13px;
    }
  
    .main-texts.secondary-font.upper {
      font-size: 22px;
      line-height: 1.2;
    }
  
    .brand, .brand.w--current {
      padding-left: 0;
    }
  
    .main-nav-cotainer {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .mail {
      margin-bottom: 20px;
    }
  
    .footer-links-wrap.flex-left.absolute {
      position: static;
    }
  
    .footer-links-wrap.flex-left.absolute.hide-tablet {
      display: none;
    }
  
    .credits-text {
      margin-top: 10px;
      margin-left: 0;
    }
  
    .credits {
      flex-direction: column;
      align-items: center;
    }
  
    .quote {
      padding-top: 30px;
      padding-bottom: 30px;
    }
  
    .block-quote {
      margin-bottom: 0;
      font-size: 18px;
    }
  
    .hero-subtitle {
      margin-bottom: 10px;
      font-size: 12px;
    }
  
    .post-text.margin {
      font-size: 13px;
    }
  
    .grid-4-columns {
      grid-row-gap: 22px;
    }
  
    .overflow-hidden {
      width: auto;
    }
  
    .primary-button.right {
      font-size: 13px;
    }
  
    .primary-button.large {
      margin-bottom: 10px;
      margin-right: 0;
      font-size: 13px;
    }
  
    .beitrags-karte {
      flex-flow: column;
      display: flex;
    }
  
    .beitrags-karte.is-center {
      width: 100%;
    }
  
  
   
    .beitrag-image.image-mobile {
      height: 100px;
    }
  
    .beitrag-image {
      height: 100%;
    }
  
    .large-text.white-text {
      font-size: 14px;
    }
  
    .large-text.margin-top-large {
      margin-top: 10px;
    }
  
    .large-text.margin-top {
      margin-top: 10px;
      font-size: 13px;
    }
  
    .large-text.normal {
      font-size: 18px;
    }
  
    .large-text.secondary-font {
      font-size: 14px;
    }
  
    .large-text.secondary-font.show-tablet {
      font-size: 15px;
    }
  
    .date-categories-text.secondary-font {
      font-size: 12px;
      line-height: 1.5;
    }
  
    .link.secondary-font {
      font-size: 12px;
    }
  
    .read-more-div.inside-card {
      margin-left: auto;
    }
  
    .plog-post-description {
      font-size: 12px;
    }
  
    .title-blog-post.secondary-font {
      font-size: 18px;
    }
  
    .title-blog-post.secondary-font.margin-top {
      font-size: 18px;
      line-height: 1.2;
    }
  
    .related-card {
      flex-direction: row;
    }
  
    .post-title.uppercase.normal {
      margin-bottom: 0;
      font-size: 18px;
    }
  
    .post-title.secondary-font {
      font-size: 24px;
    }
  
    .row-related-card {
      flex-direction: column;
      justify-content: center;
      padding-left: 0;
    }
  
    .medium-text.uppercase.secondary-font {
      font-size: 14px;
    }
  
    .text-exhibition-wrap {
      width: 100%;
      padding-top: 10px;
      padding-left: 0;
    }
  
    .avatar {
      width: 30px;
      height: 30px;
      display: none;
    }
  
    .card-title.secondary-font.margin-top {
      margin-top: 0;
    }
  
    .larger-text.uppercase {
      font-size: 13px;
    }
  
    .title-banner.align-left {
      justify-content: center;
      align-items: center;
      padding-left: 0;
    }
  
    .title-banner.align-left.no-margin-top {
      padding-left: 10px;
      padding-right: 10px;
    }
  
    .instagram-image {
      height: 80px;
    }
  
    .social-wrap.grid {
      display: flex;
    }
  
    .beitraege-flex.is-two {
      flex-flow: column;
    }
  
    .page-title, .page-title.post {
      font-size: 24px;
    }
  
    .background-video {
      height: 213px;
    }
  
    .gallery-image {
      margin-bottom: 10px;
    }
  
    .column.align-start.overflow-hidden {
      padding-left: 0;
      padding-right: 0;
    }
  
    .left-title {
      max-width: 185px;
      font-size: 18px;
    }
  
    .left-title.align-center {
      font-size: 32px;
    }
  
    .grid-col {
      flex-flow: column;
      column-gap: 10px;
      display: flex;
    }
  
    .heading-post.margin-bottom-large {
      margin-bottom: 20px;
      font-size: 24px;
    }
  
    .grid-3-columns {
      grid-template-columns: 1fr;
    }
  
    .filter-collection-list {
      flex-direction: column;
    }
  
    .filter-collection-item {
      margin-bottom: 0;
      margin-right: 0;
    }
  
    .row-filters.margin-bottom-medium {
      flex-direction: column;
      margin-bottom: 20px;
    }
  
    .images-grid-protected-page {
      grid-template-columns: 1fr 1fr 1fr;
      height: auto;
    }
  
    .square-images-box {
      height: 80px;
    }
  
    .blog-post-image {
      height: 250px;
    }
  
    .quote-image {
      height: 200px;
    }
  
    .button-small {
      width: 100%;
      margin-bottom: 10px;
      font-size: 13px;
    }
  
    .coming-soon-heading {
      font-size: 24px;
    }
  
    .columns-404.overflow-hidden {
      border: 1px #000;
      padding-bottom: 0;
    }
  
    .heading-404 {
      font-size: 72px;
    }
  
    .text-404 {
      max-width: none;
      font-size: 14px;
    }
  
    .page-not-found-heading {
      font-size: 18px;
    }
  
    .utility-page-content-404 {
      width: auto;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .container-info-card {
      flex-direction: column;
      justify-content: center;
      padding-left: 20px;
      display: flex;
    }
  
    .social-image {
      width: 25px;
      height: 25px;
    }
  
    .mobile-image-post {
      width: 100px;
      height: 100px;
    }
  
    .menu-button, .burger-menu {
      padding-right: 0;
    }
  
    .search-result-list {
      grid-template-columns: 1fr;
    }
  
    .credits-wrap {
      margin-left: 0;
    }
  
    .container-search {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .sfx--card-wrapper-flex {
      width: 8rem;
      margin-bottom: 0;
      margin-left: .2rem;
      margin-right: .2rem;
    }
  
    .sfx--rounded-image {
      max-width: 6.125rem;
      margin-left: auto;
      margin-right: auto;
    }
  
    .sfx--rounded-image.margin-bottom-card {
      max-width: 6.125rem;
      min-height: 6.125rem;
      max-height: 6.125rem;
    }
  
    .sfx-variant--feature-cards {
      grid-row-gap: 1.5rem;
      flex-wrap: wrap;
      grid-auto-flow: row dense;
      width: 100%;
      max-width: 25.5rem;
    }
  
    .overlay {
      background-image: linear-gradient(0deg, #000, rgba(255, 255, 255, 0));
    }
  
    .subnav-text {
      text-align: center;
      font-size: 10px;
    }
  
    .bottom-footer-link {
      font-size: 10px;
    }
  
    .nav-link.border-bottom {
      padding-left: 0;
      padding-right: 0;
    }
  
  
    .mail-link {
      font-size: 10px;
    }
  
    .slide-wrap {
      flex-flow: column;
      display: block;
    }
  
    .top-header {
      justify-content: center;
      align-items: center;
      padding-left: 10px;
      padding-right: 10px;
    }
  
    .post-card-content, .post-card-sidebar-right {
      padding-left: 0;
      padding-right: 0;
    }
  
    .post-card-content-wrapper {
      height: 100%;
      padding: 5px;
    }
  
    .list {
      padding-left: 20px;
    }
  }
  
  #w-node-_0916d6bf-7c86-9ea6-79b8-f849b3601c81-f6db825d, #w-node-_177612a5-2122-365e-2176-581673ee9343-f6db825d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  #w-node-_74a1cda9-4e74-8872-ced1-20bec6b68245-f6db825d {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }
  
  #w-node-_74a1cda9-4e74-8872-ced1-20bec6b6824e-f6db825d {
    align-self: end;
  }
  
  #w-node-fe8ba430-f78f-0dc9-3237-de3d9ac427e2-f6db825e {
    grid-area: span 2 / span 7 / span 2 / span 7;
  }
  
  #w-node-_04e6d1f7-dd25-49cc-ecc8-d74ff54317b8-f6db825e, #w-node-fcbdf033-b29a-11a5-b5fa-25d556b2c8a5-f6db825e {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }
  
  #w-node-_64746af0-bee5-1f69-3a44-0dc40a6011c9-f6db825e {
    align-self: start;
  }
  
  #w-node-_57185b3a-5c34-8352-9eaa-7d71255ef147-f6db825e {
    align-self: center;
  }
  
  #w-node-_0382f093-5971-f526-5de2-6d98a4cbd02c-f6db825e, #w-node-_5eeaeb50-571f-5487-1309-935bbae1b1d3-f6db825e {
    align-self: stretch;
  }
  
  #w-node-_5eeaeb50-571f-5487-1309-935bbae1b1f3-f6db825e {
    align-self: auto;
  }
  
  #w-node-fa745b42-5e43-fe76-e0ea-bb421acc18c5-f6db825e {
    align-self: stretch;
  }
  
  #w-node-fa745b42-5e43-fe76-e0ea-bb421acc18e5-f6db825e {
    align-self: auto;
  }
  
  #w-node-abd30da2-250a-66cc-2145-955abafec039-f6db825e {
    align-self: stretch;
  }
  
  #w-node-abd30da2-250a-66cc-2145-955abafec059-f6db825e {
    align-self: auto;
  }
  
  #w-node-ae0c4713-9516-b1a9-80d5-7b19d02ffbf5-f6db825e {
    align-self: stretch;
  }
  
  #w-node-ae0c4713-9516-b1a9-80d5-7b19d02ffc15-f6db825e {
    align-self: auto;
  }
  
  #w-node-_6d017f32-6256-d4ef-5e42-ebe15f65b674-f6db825e {
    align-self: auto;
    justify-self: stretch;
  }
  
  #w-node-_6d017f32-6256-d4ef-5e42-ebe15f65b685-f6db825e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  
  #w-node-_70d5e79d-e2c1-4745-da53-0b4e2ae811af-f6db8261 {
    align-self: start;
  }
  
  #w-node-_1a310b1e-1a49-e9c9-26c2-46c28abf9d69-f6db8263 {
    grid-area: 1 / 1 / 4 / 2;
    align-self: start;
  }
  
  #w-node-e002d5a0-b2e7-3ec4-3bde-21107f3aade5-f6db8263 {
    grid-area: 1 / 2 / 4 / 3;
    align-self: start;
  }
  
  #w-node-_4e08f51f-2684-401d-b95e-6611dc832feb-f6db8263 {
    grid-area: 1 / 3 / 4 / 4;
    align-self: start;
  }
  
  #w-node-_74449af7-5e95-db4c-8d57-524bc7d5d88d-f6db8263 {
    grid-area: 1 / 4 / 4 / 5;
    align-self: start;
  }
  
  #w-node-_90f74ab2-44d9-0f40-97f0-279839b8665a-f6db8263 {
    grid-area: 1 / 5 / 4 / 6;
    align-self: start;
  }
  
  #w-node-b213fede-848a-7aa6-61a0-6943172563d5-f6db8266 {
    justify-self: stretch;
  }
  
  #w-node-_4e45041d-0afb-6247-cbdd-0f8abccae7fc-f6db8267 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  #w-node-_91c531c5-627c-ee0d-1d98-857d69862f76-69862f64 {
    align-self: auto;
    justify-self: stretch;
  }
  
  #w-node-_91c531c5-627c-ee0d-1d98-857d69862f92-69862f64 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  
  #w-node-_4fc84d6d-a13a-67db-16b5-74c929f23b7c-f6db8268, #w-node-d4d8ee72-49b8-9a02-9b31-7cf7f02bf7c0-f6db8268 {
    align-self: start;
  }
  
  #w-node-d4d8ee72-49b8-9a02-9b31-7cf7f02bf81d-f6db8268 {
    justify-self: stretch;
  }
  
  #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f2a08-daf476f8 {
    align-self: stretch;
  }
  
  #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f2a28-daf476f8 {
    align-self: auto;
  }
  
  #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f2ae9-daf476f8 {
    align-self: auto;
    justify-self: stretch;
  }
  
  #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f2af9-daf476f8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  
  #w-node-_6642e010-419c-755a-793c-9ab663a9aab3-fb81da06 {
    grid-area: 1 / 6 / 2 / 13;
  }
  
  #w-node-_64746af0-bee5-1f69-3a44-0dc40a6011c9-fb81da06 {
    align-self: start;
  }
  
  @media screen and (min-width: 1440px) {
    #w-node-_6d017f32-6256-d4ef-5e42-ebe15f65b685-f6db825e, #w-node-_91c531c5-627c-ee0d-1d98-857d69862f92-69862f64, #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f2af9-daf476f8 {
      grid-area: span 1 / span 2 / span 1 / span 2;
    }
  }


  
  @media screen and (max-width: 991px) {
    #w-node-_5dca82c1-1a8b-16f2-0e50-5357b05b1479-f6db825e {
      grid-area: span 1 / span 12 / span 1 / span 12;
      justify-self: center;
    }

     .layout-grid:not(.ct-section):not(.oxy-easy-posts), 
    .layout-grid.oxy-easy-posts .oxy-posts, 
    .layout-grid.ct-section .ct-section-inner-wrap {
        display: flex !important;
    }
  
    #w-node-_57185b3a-5c34-8352-9eaa-7d71255ef148-f6db825e, #w-node-_0382f093-5971-f526-5de2-6d98a4cbd02d-f6db825e, #w-node-_5eeaeb50-571f-5487-1309-935bbae1b1d4-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-_5eeaeb50-571f-5487-1309-935bbae1b1da-f6db825e {
      justify-self: end;
    }
  
    #w-node-_5eeaeb50-571f-5487-1309-935bbae1b1de-f6db825e, #w-node-_5eeaeb50-571f-5487-1309-935bbae1b1e8-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-_5eeaeb50-571f-5487-1309-935bbae1b1f0-f6db825e {
      justify-self: end;
    }
  
    #w-node-_5eeaeb50-571f-5487-1309-935bbae1b1f4-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-_5eeaeb50-571f-5487-1309-935bbae1b1fa-f6db825e {
      justify-self: end;
    }
  
    #w-node-fa745b42-5e43-fe76-e0ea-bb421acc18c6-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-fa745b42-5e43-fe76-e0ea-bb421acc18cc-f6db825e {
      justify-self: end;
    }
  
    #w-node-fa745b42-5e43-fe76-e0ea-bb421acc18d0-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-fa745b42-5e43-fe76-e0ea-bb421acc18d6-f6db825e {
      grid-area: span 1 / span 1 / span 1 / span 1;
      justify-self: end;
    }
  
    #w-node-fa745b42-5e43-fe76-e0ea-bb421acc18da-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-fa745b42-5e43-fe76-e0ea-bb421acc18e2-f6db825e {
      justify-self: end;
    }
  
    #w-node-fa745b42-5e43-fe76-e0ea-bb421acc18e6-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-fa745b42-5e43-fe76-e0ea-bb421acc18ec-f6db825e {
      justify-self: end;
    }
  
    #w-node-abd30da2-250a-66cc-2145-955abafec03a-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-abd30da2-250a-66cc-2145-955abafec040-f6db825e {
      justify-self: end;
    }
  
    #w-node-abd30da2-250a-66cc-2145-955abafec044-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-abd30da2-250a-66cc-2145-955abafec04a-f6db825e {
      grid-area: span 1 / span 1 / span 1 / span 1;
      justify-self: end;
    }
  
    #w-node-abd30da2-250a-66cc-2145-955abafec04e-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-abd30da2-250a-66cc-2145-955abafec056-f6db825e {
      justify-self: end;
    }
  
    #w-node-abd30da2-250a-66cc-2145-955abafec05a-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-abd30da2-250a-66cc-2145-955abafec060-f6db825e {
      justify-self: end;
    }
  
    #w-node-ae0c4713-9516-b1a9-80d5-7b19d02ffbf6-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-ae0c4713-9516-b1a9-80d5-7b19d02ffbfc-f6db825e {
      justify-self: end;
    }
  
    #w-node-ae0c4713-9516-b1a9-80d5-7b19d02ffc00-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-ae0c4713-9516-b1a9-80d5-7b19d02ffc06-f6db825e {
      grid-area: span 1 / span 1 / span 1 / span 1;
      justify-self: end;
    }
  
    #w-node-ae0c4713-9516-b1a9-80d5-7b19d02ffc0a-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-ae0c4713-9516-b1a9-80d5-7b19d02ffc12-f6db825e {
      justify-self: end;
    }
  
    #w-node-ae0c4713-9516-b1a9-80d5-7b19d02ffc16-f6db825e {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-ae0c4713-9516-b1a9-80d5-7b19d02ffc1c-f6db825e {
      justify-self: end;
    }
  
    #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f27f0-daf476f8 {
      grid-area: span 1 / span 12 / span 1 / span 12;
      justify-self: center;
    }
  
    #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f2a09-daf476f8 {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f2a0f-daf476f8 {
      justify-self: end;
    }
  
    #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f2a13-daf476f8, #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f2a1d-daf476f8 {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f2a25-daf476f8 {
      justify-self: end;
    }
  
    #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f2a29-daf476f8 {
      grid-area: span 2 / span 1 / span 2 / span 1;
    }
  
    #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f2a2f-daf476f8 {
      justify-self: end;
    }
  }
  
  @media screen and (max-width: 767px) {
    #w-node-_5dca82c1-1a8b-16f2-0e50-5357b05b1479-f6db825e {
      grid-area: 1 / 1 / 2 / 5;
      justify-self: center;
    }
  
    #w-node-fe8ba430-f78f-0dc9-3237-de3d9ac427e2-f6db825e {
      grid-area: span 1 / span 12 / span 1 / span 12;
    }
  
    #w-node-_04e6d1f7-dd25-49cc-ecc8-d74ff54317b8-f6db825e, #w-node-fcbdf033-b29a-11a5-b5fa-25d556b2c8a5-f6db825e {
      grid-column: span 6 / span 6;
    }
  
    #w-node-_06b9a1df-2f7b-3aff-74a5-27c6e32f27f0-daf476f8 {
      grid-area: 1 / 1 / 2 / 5;
      justify-self: center;
    }
  
    #w-node-_5dca82c1-1a8b-16f2-0e50-5357b05b1479-fb81da06 {
      grid-area: 1 / 1 / 2 / 2;
    }
  
    #w-node-_6642e010-419c-755a-793c-9ab663a9aab3-fb81da06 {
      grid-column: 2 / 5;
    }
  }
  
  @media screen and (max-width: 479px) {
    #w-node-_04e6d1f7-dd25-49cc-ecc8-d74ff54317b8-f6db825e, #w-node-fcbdf033-b29a-11a5-b5fa-25d556b2c8a5-f6db825e {
      grid-column: span 12 / span 12;
    }
  }


.beitraege-flex {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 100%;
    margin: 10px 0 50px;
    display: grid;
}

.card-title {
    font-size: 1.6em; /* Größere Schriftgröße */
    line-height: 1.2em; /* Zeilenhöhe */
    height: 3.6em; /* Drei Zeilen */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Drei Zeilen */
    -webkit-box-orient: vertical;
}

.comment-count {
    font-weight: 300; /* Leichtere Schriftstärke */
    font-size: 0.9em; /* Etwas kleiner als der Titel */
    margin-top: 10px; /* 10px Margin-Top */
}

.beitrags-karte {
    position: relative;
    border: 2px solid #59A3CF; /* Add border with specific color */
    overflow: hidden; /* Ensure no overlap issues */
    text-decoration: none; /* Remove text decoration */
    color: inherit; /* Inherit text color */
    display: flex; /* Flexbox layout */
    flex-direction: column; /* Column direction */
    justify-content: space-between; /* Space between elements */
    padding: 0;
    box-sizing: border-box; /* Include padding in total width and height */
}

.container-info-card {
    flex: 1 1 auto; /* Allow the container to grow */
}

.read-more-div {
    margin-top: 10px; /* Adjust the margin as needed */
    flex-shrink: 0; /* Prevent shrinking */
    align-self: flex-end; /* Align to the bottom */
}


.beitrags-karte img {
    display: block;
    width: 100%;
    flex-shrink: 0; /* Prevent image from shrinking */
}

@media (max-width: 767px) {
    .beitraege-flex {
        grid-template-columns: 1fr;  /* Single column for mobile */
    }

    .beitrags-karte {
        flex-direction: row !important; /* Change to row direction on mobile */
    }
    
    .beitrag-image {
        width: 50% !important; /* Adjust the width as needed */
        margin-right: 0 !important; /* Space between image and text */
    }
    
    .container-info-card {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
    
    .card-title {
        height: auto !important; /* Allow title to take necessary height */
    }
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce
 *    specificity and defer to the .w-button selector
 */
button,
html input[type="button"],
input[type="reset"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input
 * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed
 *    (similar to normalize.css >=4.0.0)
 */
input[type='search'] {
  -webkit-appearance: none;
  /* 1 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}