/*
 Theme Name:   Twentytwenty-child
 Theme URI:    http://mijn.com/twenty-fifteen-child/
 Description:  Twenty Twenty Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-twenty
*/

@font-face {
    font-family: 'Soehne schmal extrafett kursiv';
    src: url('/content/themes/twentytwenty-child/fonts/soehne-schmal-extrafett-kursiv.woff2') format('woff2');
	font-display: swap;
}

@font-face {
    font-family: 'Soehne buch';
    src: url('/content/themes/twentytwenty-child/fonts/soehne-buch.woff2') format('woff2');
	font-display: swap;
}

@font-face {
    font-family: 'Soehne halbfett';
    src: url('/content/themes/twentytwenty-child/fonts/soehne-halbfett.woff2') format('woff2');
	font-display: swap;
}



/* Typografie */
html {
    font-size: 57%;
}
body {
    font-family: 'Soehne buch', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
    letter-spacing: -0.02em;
}

.entry-content h1,
h1,
.heading-size-1, h1.entry-title.heading-size-2, .capital-font {
    font-family: 'Soehne schmal extrafett kursiv', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal;
    text-transform: uppercase;
    line-height: 0.85;
    font-weight: normal;
}

.entry-content h2,
h2,
.heading-size-2 {
   font-family: 'Soehne halbfett', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
}

.capital-font {
	font-family: 'Soehne schmal extrafett kursiv', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
    letter-spacing: normal !important;
    text-transform: uppercase !important;
    line-height: 0.85 !important;
    font-weight: normal !important;
}

.entry-content h3,
h3,
.heading-size-3 {
    font-family: 'Soehne halbfett', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
}

.entry-content h4,
h4,
.heading-size-4 {
    font-family: 'Soehne halbfett', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
}

.entry-content h5,
h5,
.heading-size-5 {
    font-family: 'Soehne halbfett', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
}

.entry-content h6,
h6,
.heading-size-6 {
    font-family: 'Soehne halbfett', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
	text-transform: none;
}

input,
textarea {
    font-family: 'Soehne buch', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
}

button,
.button,
.faux-button,
.faux-button.more-link,
.wp-block-button__link,
.wp-block-file__button {
    font-family: 'Soehne halbfett', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b {
    font-family: inherit;
}



.entry-content {
    font-family: 'Soehne buch', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: inherit;
}

b,
strong {
    font-family: 'Soehne halbfett', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

.entry-content .has-small-font-size {
    font-size: 0.8em !important;
}

.entry-content .has-large-font-size {
    font-size: 1.2em !important;
}

@media (min-width: 100px) {
	h1,
	.heading-size-1 {
		font-size: 4.5rem;
	}
	.home h1 {
		font-size: 11vw;
	}
}
@media (min-width: 700px) {
.entry-content {
    font-size: 1.9rem;
}
	
/* TITLES */

	h1,
	.heading-size-1 {
		font-size: 6.3rem;
	}
	.home h1 {
	font-size: 8rem;
	}
	h2.capital-font {
		font-size: 4rem;
	}
	h2,
	.heading-size-2 {
		font-size: 3.9rem;
	}

	h3,
	.heading-size-3 {
		font-size: 3.3rem;
	}

	h4,
	.heading-size-4 {
		font-size: 2.8rem;
	}

	h5,
	.heading-size-5 {
		font-size: 2.3rem;
	}

	h6,
	.heading-size-6 {
		font-size: 1.8rem;
	}
	
}

@media (min-width: 1300px) {
h1, .heading-size-1 {
    font-size: 8.4rem;
}
.home h1 {
	font-size: 9.5rem;
}
h2.capital-font {
		font-size: 5.5rem;
	}
}

/* Stripe */
h3.has-line:before, h2.has-line:before  {
    content: "";
    position: absolute;
    height: 2px;
    width: 100vw;
    background: #bfea0c;
    right: calc(100% + 3rem);
        top: 2.1rem;
}
h3.has-line, h2.has-line {
    position: relative;
    max-width: 70rem;
    margin-left: 0;
}

.singular.has-post-thumbnail h1.entry-title.heading-size-2:before  {
    content: "";
    position: absolute;
    height: 2px;
    width: 100vw;
    background: #bfea0c;
    right: calc(100% + 3rem);
    top: 2.6rem;

}


.singular.has-post-thumbnail h1.entry-title {
    position: relative;
}


/* Rounded border */
.has-large-rounded-border {
    border-radius: 50px;
    overflow: hidden;
}


/* No margin */
.no-margin {
	margin-top: 0 !important; 
	margin-bottom: 0 !important; 
	overflow: hidden;
}
.no-margin-top {
	margin-top: 0 !important; 
}
.no-margin-bottom {
	margin-bottom: 0 !important; 
}
.no-padding {
	padding-top: 0 !important; 
	padding-bottom: 0 !important; 
    overflow: hidden;
}
.no-padding-top {
	padding-top: 0 !important; 
}
.no-padding-bottom {
	padding-bottom: 0 !important; 
}
/* Blocks */
/* quote */
blockquote.wp-block-quote p {
    font-size: 1.2em;
	line-height: 1.3;
}

blockquote {
    border-width: 0 0 0 2px;
}

.wp-block-media-text__content h6 {
    margin-bottom: 1.25rem;
    font-family: 'Soehne buch', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 0;
}

.wp-block-media-text__content h4 {
    margin: 1.25rem 0 1.75rem 0;
}
/* Cover */
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image.is-light .wp-block-cover__inner-container,
.wp-block-cover.is-light .wp-block-cover__inner-container {
    color: #fff;
}

/* Image */
.wp-block-image img {
	width: 100%;
}

/* Header  */
img.custom-logo {
    height: 4rem;
    pointer-events: none;

}
.header-titles-wrapper {
	margin-right: 0;
	max-width: 20rem;
    width: 100%;
}

#site-header {
    position: fixed;
    width: 100%;
    left: 0;
    transition: background ease .6s, color ease .6s, transform 0.3s, box-shadow ease .6s;
    border-bottom: 2px solid #005B52;
    background: #005B52;
    z-index: 100;
    box-shadow: 0 0 0 #005b52;
}

#site-header.nav-down {
    box-shadow: 0 0 30px #005b52;
}

#site-header.nav-up {
    transform: translateY(calc(-100% + 2px));
}

#site-header.headerscrolled {}

#site-header .primary-menu a {
    color: #fff;
}

#site-header ul.primary-menu li:last-of-type a {
    color: #00d6f9;
}
#site-header ul.primary-menu li.menu-item-has-children li:last-of-type a {
    color: #fff;
}

#site-header span.toggle-text {
    color: #00d6f9;
    text-decoration: none !important;
}
#site-header span.toggle-text {
    width: auto;
    display: flex;
    align-items: center;
    padding: 0.6em 1em 0.6em 1.2em;
}
#site-header span.toggle-text svg {
    display: block;
    position: relative;
    z-index: 1;
    height: 20px;
    width: 20px;
    padding: 0;
	margin-left: 1rem;
}
button.close-nav-toggle .toggle-text {
    margin-right: 1rem;
}
nav.primary-menu-wrapper ul.primary-menu {
    justify-content: center;
}
nav.primary-menu-wrapper ul.sub-menu {
    padding: 2rem;
    background: #044d45 !important;
}

nav.primary-menu-wrapper ul.sub-menu a {
    padding-left: 0;
    padding-right: 0;
}

nav.primary-menu-wrapper .menu-item-has-children span.icon {
    color: #fff !important;
}


body:not(.overlay-header) .primary-menu > li > ul:after {
    border-bottom-color: #044d45 !important;
}
.header-navigation-wrapper {
    width: 100%;
}

.primary-menu a {
	letter-spacing: normal;
    text-decoration: none !important;

}
.primary-menu > li {
    text-decoration: none !important;
}
.menu-item a {
    letter-spacing: normal;
}
ul.primary-menu li:first-of-type {
    margin-left: auto;
}

ul.primary-menu li:last-of-type {
    margin-left: auto;
}

.primary-menu-wrapper + .header-toggles {
    margin-left: 2rem;
}
button.toggle.nav-toggle.mobile-nav-toggle {
    padding: 0;
}

.menu-modal {
    z-index: 100;
}

.menu-modal-inner {
    background: #005b52;
}
.modal-menu .ancestor-wrapper {
       justify-content: flex-start;

    align-items: center;
}

.modal-menu > li > a,
.modal-menu > li > .ancestor-wrapper > a {
    font-family: 'Soehne schmal extrafett kursiv', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal;
    text-transform: uppercase;
    line-height: 0.95;
    font-weight: normal;
    font-size: 6rem;
    padding: 1rem 0;
}

button.close-nav-toggle {
    color: #fff !important;
}

.modal-menu .ancestor-wrapper a {
    color: #00d6f9;
    display: inline-block;
    width: auto;
}

.menu-bottom .social-menu svg * {
    fill: #00d6f9;
}
.menu-modal.active {
    background: rgb(0 0 0 / 50%);
}
/* submenu */
ul.sub-menu {
    z-index: 1000;
}
.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle {
   padding: 0;
    border: 2px solid;
    border-radius: 100px;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #00d6f9;
    color: #00d6f9;
    transition: .3s;
    margin-left: 2rem;
}
.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle:hover {
    color: #005b52;
    background: #00d6f9;
}
.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg {
    width: 12px;
}

.nav-toggle .toggle-icon,
.nav-toggle svg {
    display: none;
}

.toggle-inner .toggle-text {
    top: 0;
    position: relative;
    padding: 0.6em 1.5em;
    border: 2px solid;
    border-radius: 100px;
    font-weight: 500;
    font-size: 1.8rem;
}

.header-toggles .toggle {
    padding: 0 4rem 0 0;
}

.nav-toggle .toggle-inner {
    padding-top: 0;
    height: auto;
}

.desktop-nav-toggle span.toggle-text {
    position: relative;
    z-index: 2;
    transition: .3s ease;
}

.header-toggles .toggle {
    text-decoration: none !important;
}

.desktop-nav-toggle span.toggle-text:before {
    content: "";
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    transform: translateX(-100%);
    transition: transform .3s ease;
    z-index: -1;
    border-radius: 100px;
    background: #00d6f9;
}

.desktop-nav-toggle span.toggle-text:hover:before {
    transform: translateX(0px);
}

.desktop-nav-toggle span.toggle-text:hover {
    color: #005b52 !important;
    border-color: #00d6f9;
    text-decoration: none !important;
}

.nav-toggle .toggle-inner {
    overflow: hidden;
    border-radius: 100px;
    transform: translateZ(0)
}



button.toggle.close-nav-toggle.fill-children-current-color {
    padding: 0.6em 1em 0.6em 1.2em;
    border: 2px solid;
    border-radius: 100px;
    font-weight: 500;
    font-size: 1.8rem;
    width: auto;
    top: 2.8rem;
    overflow: hidden;
    border-radius: 100px;
    transform: translateZ(0);
    transition: .3s;
    text-decoration: none !important;
    color: #00d7f9 !important;
	min-height: 48px;
}

button.toggle.close-nav-toggle.fill-children-current-color:before {
    content: "";
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    transform: translateX(-100%);
    transition: transform .3s ease;
    z-index: -1;
    border-radius: 100px;
    background: #00d6f9;
}

button.toggle.close-nav-toggle.fill-children-current-color:hover:before {
    transform: translateX(0px);
}

button.toggle.close-nav-toggle.fill-children-current-color:hover {
    color: #005b52 !important;
    border-color: #00d6f9;
    text-decoration: none !important;
}


.header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before {
    display: none;
}

.menu-bottom .social-menu {
    justify-content: flex-end;
}



.menu-modal .menu-top {
    margin-top: 2rem;
}

button.toggle.close-nav-toggle {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 170px;
    right: 0;
}

.singular .entry-header {
    padding: calc(8rem + 90px) 0 8rem 0;
}


/* Custom page specific header  */
.has-page-specific-header .toggle-wrapper.nav-toggle-wrapper {
    display: none;
}

#indicator {
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    background-color: #00d6f9;
    z-index: 999;
}




/* links  */
.menu-item a {
    position: relative;
}

.menu-item a:hover {
    text-decoration: none !important;
}

.menu-item a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    display: block;
    margin-top: 2px;
    right: 0;
    background: currentColor;
    transition: width .3s ease;
    -webkit-transition: width .3s ease;
}
.menu-modal-inner.modal-inner .menu-item a:after {
	height: 2px;
}
ul.social-menu a:after {
    display: none;
}

.menu-item a:hover:after {
    width: 100%;
    left: 0;
    background: currentColor;
}

.current-menu-item a {
    text-decoration: none !important;
}

.current-menu-item > a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    display: block;
    margin-top: 2px;
    background: currentColor;
}
.menu-modal-inner.modal-inner .current-menu-item a:after {
	    height: 2px;
    width: 100%;
}

.menu-modal-inner.modal-inner .current-menu-item .sub-menu a:after {
    width: 0;
}

.menu-modal-inner.modal-inner .current-menu-item .sub-menu a:hover:after {
    width: 100%;
}


/* .current-menu-item .sub-menu a:after   {
	display: none;
} */
.sub-menu .ancestor-wrapper a {
    padding-left: 0;
    padding-right: 0;
    margin-left: 2rem;
    font-size: 2.5rem;
}

.modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
    text-decoration: none !important;
}

ul, ol {
    margin: 0 0 3rem 0;
}
li {
    margin: 0.5rem 0 0 2.2rem;
}

/* Color palette */
.has-dark-green-color {
    color: #005B52 !important;
}

.has-dark-green-background-color {
    background-color: #005B52 !important;
}

.has-neon-green-color {
    color: #BFEA0A !important;
}

.has-neon-green-background-color {
    background-color: #BFEA0A !important;
}

.has-bright-blue-color {
    color: #00D6F9 !important;
}

.has-bright-blue-background-color {
    background-color: #00D6F9 !important;
}

.has-light-blue-color {
    color: #DAE5EA !important;
}

.has-light-blue-background-color {
    background-color: #DAE5EA !important;
}

.has-white-color {
    color: #fff !important;
}

.has-white-background-color {
    background-color: #fff !important;
}

.has-light-grey-color {
    color: #f3f5f5 !important;
}

.has-light-grey-background-color {
    background-color: #f3f5f5 !important;
}

/* Buttons  */
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-transform: none;
	background: #005b52;
    letter-spacing: normal;
    border-radius: 100px;
    padding: 1.1em 2.1em;
}
.wp-block-button {
    display: inline-block;
}

.entry-content .wp-block-button__link {
    background-color: #005b52;
}

.is-style-outline .wp-block-button__link {
    padding: calc(1.1em - 2px) calc(2.1em - 2px);
	border: 2px solid;
}


/* hover states experiments */
/* Left to right */
.wp-block-button {
    overflow: hidden;
    border-radius: 100px;
    transform: translateZ(0)
}

a.wp-block-button__link:before {
    content: "";
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    transform: translateX(calc(-100% - 4px));
    transition: transform .3s ease;
    z-index: -1;
    border-radius: 100px;
}

a.wp-block-button__link {
    position: relative;
    z-index: 2;
    transition: .3s ease;
}

a.wp-block-button__link:hover {
    text-decoration: none !important;
}

a.wp-block-button__link:hover:before {
    transform: translateX(0px);
}
input[type="submit"]:hover {
    color: #005b52 !important;
    background: #00d7f9;
    text-decoration: none;
}
input[type="submit"] {
    transition: .3s;
}


/* button colors */
/* blauw */
.wp-block-button a.wp-block-button__link.has-bright-blue-background-color:hover {
    color: #005b52 !important;
    border-color: #BFEA0A;
}

.wp-block-button a.wp-block-button__link.has-bright-blue-background-color:before {
    background: #BFEA0A;
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-bright-blue-color:hover {
    color: #005b52 !important;
    border-color: #00D6F9;
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-bright-blue-color:before {
    background: #00D6F9;
}

/* geelgroen */
.wp-block-button a.wp-block-button__link.has-neon-green-background-color:hover {
    color: #005b52 !important;
    border-color: #00D6F9;
}

.wp-block-button a.wp-block-button__link.has-neon-green-background-color:before {
    background: #00D6F9;
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-neon-green-color:hover {
    color: #005b52 !important;
    border-color: #00D6F9;
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-neon-green-color:before {
    background: #00D6F9;
}

/* white */
.wp-block-button a.wp-block-button__link.has-white-background-color:hover {
    color: #005b52 !important;
    border-color: #BFEA0A;
}

.wp-block-button a.wp-block-button__link.has-white-background-color:before {
    background: #BFEA0A;
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-white-color:hover {
    color: #005b52 !important;
    border-color: #fff;
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-white-color:before {
    background: #fff;
}

/* dark green */
.wp-block-button a.wp-block-button__link:hover {
    color: #005b52 !important;
    border-color: #00d7f9;
}

.wp-block-button a.wp-block-button__link:before {
    background: #00d7f9;
}

.wp-block-button.is-style-outline a.wp-block-button__link:hover {
    color: #fff !important;
    border-color: #005b52;
}

.wp-block-button.is-style-outline a.wp-block-button__link:before {
    background: #005b52;
}


/* Circle  */
/* a.wp-block-button__link:before {
    content: "";
    width: 100%;
    min-height: 100%;
    aspect-ratio: 1 / 1;
    background: #00D6F9;
    position: absolute;
    transition: transform .3s ease;
    z-index: -1;
    border-radius: 300px;
    transform: scale(0);
}
.is-style-outline a.wp-block-button__link:before {
    background: #bfea0c;
}

a.wp-block-button__link {
    position: relative;
    z-index: 2;
    transition: .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp-block-button {
    overflow: hidden;
    border-radius: 100px;
}

a.wp-block-button__link:hover {
    color: #005b52 !important;
    border-color: #bfea0c;
    text-decoration: none !important;
}

a.wp-block-button__link:hover:before {
    transform: scale(1);
} */

/* Gutenberg blocks */
/* Cover */
.wp-block-cover__inner-container .wp-block-columns.alignwide {
    padding-left: 0;
    padding-right: 0;
}


/* FAQ Block */
.schema-faq-question:after {
    content: "";
    width: 30px;
    min-width: 30px;
    margin-left: 15px;
    transition: .3s;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23C2EA10'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4417 16.2623L19.3314 11.3726L21 13.0412L14.4417 19.5995L7.8833 13.0412L9.55196 11.3726L14.4417 16.2623Z' fill='%23005B52'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.schema-faq-question {
    display: flex;
    justify-content: space-between;
	cursor: pointer;
	font-size: 2.1rem;
}
.schema-faq-section {
    border-bottom: 2px solid #f4f5f5;
    padding: 2.5rem 0;
}
.schema-faq-answer {
    padding-top: 2rem;
	opacity: 0;
    transition: opacity .3s;
}
.schema-faq-section:last-of-type {
    border: none;
}
.faq-opened .schema-faq-answer {
    opacity: 1;
}

.faq-opened .schema-faq-question:after {
    transform: rotate(180deg);
}



@media (min-width: 700px) {
.schema-faq-question  {
    font-size: 2.3rem;
}
}
/* Columns */
.wp-block-group__inner-container .wp-block-columns.alignwide {
    padding-left: 0;
    padding-right: 0;
}
.wp-block-column {
    margin-bottom: 4rem;
}

/* Columns responsive */

@media (min-width: 782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 100%!important;
}
.wp-block-column {
    margin-bottom: 4rem;
}
}



@media (min-width: 600px) and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
    flex-basis: 100%!important;
}
}

@media (max-width: 599px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 100%!important;
}
}


@media (min-width: 782px) {
.wp-block-columns {
    flex-wrap: wrap;
}
}

@media (min-width: 782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
    margin-left: 0;
}
}

@media (min-width: 600px) and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
    margin-left: 0;
}
}

@media (min-width: 900px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
	margin-left: var(--wp--style--block-gap,2em);
}
}
@media (min-width: 900px) {
.wp-block-columns {
    flex-wrap: nowrap;
}
}

/* media text */
@media (max-width: 900px) {
.wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100%!important;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
	padding-left: 0;
    padding-right: 0;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 120rem;
}
}



/* alignwide */
@media (min-width: 1280px) {
.entry-content > .alignwide {
    max-width: 140rem;
    width: 140rem;
}
	.section-inner {
		  max-width: 140rem;
	}
}



/* Cover */
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 4rem);
}


/* Divider */
.entry-content hr,
hr.styled-separator {
    background: currentColor !important;
    height: 2px;
}

.entry-content hr::after,
hr.styled-separator::after {
    display: none;
}

.entry-content hr::before,
hr.styled-separator::before {
    display: none;
}



/* Featured Image New */


.featured-media-wrapper:before {
    content: "";
    width: 100vw;
    position: absolute;
    height: 50vw;
    max-height: 500px;
    background: #f3f5f5;
    top: 0;
    left: 00;
}


.featured-media-wrapper figure {
    position: relative;
    height: 0;
    padding-bottom: 40%;
    overflow: hidden;
    width: 100%;
	z-index: 1;
}

.featured-media-wrapper figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.singular .featured-media-wrapper .featured-media-inner {
    left: unset;
}

.featured-media-wrapper {
    padding-top: 90px;
   
}

.single-post .featured-media-wrapper {
    padding-top: 150px;
    max-width: 110rem;
    margin: auto;
}

.single-post .featured-media-wrapper figure {
	padding-bottom: 50%;
}

/* Singular */
.reduced-spacing.missing-post-thumbnail .post-inner {
    padding-top: 8rem;
}

.singular h1.entry-title {
    max-width: 90rem;
    text-align: left;
	    position: relative;
	
}

.singular.has-post-thumbnail .entry-header {
    padding: 10rem 0 0 0;
    background: #fff;
    color: #005b52;
}

.singular .entry-header {
    padding: calc(10rem + 90px) 0 8rem 0;
    background: #005b52;
    color: #00d6f9;
}



.singular .featured-media-inner {
    width: 100%;
    margin: 0;
    max-width: none;
}

.singular .featured-media img {
    width: 100%;
	
}

.featured-media .parallaxvisual {
    position: relative;
    z-index: 1;
}

.featured-media-inner {
    overflow: hidden;
}


/* Page template default */


.singular.page-template-default .entry-header-inner {
    display: grid;
    grid-template-columns: 1fr 80rem 1fr;
    grid-template-rows: auto 100px auto;
    text-align: left;
    grid-gap: 0 3rem;
}
.singular.page-template-default h1.entry-title {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 3;
    z-index: 1;
}
.singular.page-template-default .intro-text {
    margin-top: -2rem;
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 2;
    grid-column-end: 4;
}

.singular.page-template-default .intro-text p {
	max-width: 80rem;
	margin-bottom: 0;
}
.blog .intro-text p {
    max-width: 80rem;
    text-align: left;
}
.headerdotsline {
    position: relative;
    width: auto;
    height: 100%;
    background: linear-gradient(to top right, #005b52 calc(50% - 1px), #00d6f9, #005b52 calc(50% + 1px) );
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
}

.headerdotsline:before {
    content: "";
    display: block;
    width: 13vw;
    height: 13vw;
    position: absolute;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    left: 0;
    top: 0;
	background: #00d6f9;
    background-image: linear-gradient(to bottom left, #005b52, #00d6f9);
}

.headerdotsline:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    background: #00d6f9;
    border-radius: 100%;
    transform: translate(50%, 50%);
    right: 0;
    bottom: 0;
}

.singular.has-post-thumbnail .headerdotsline {
	 background: linear-gradient(to top right, #ffffff calc(50% - 1px), #bfea0c, #ffffff calc(50% + 1px) );
}

.singular.has-post-thumbnail .headerdotsline:before  {
	background: #bfea0c;
	background-image: linear-gradient(to bottom left, #fff, #bfea0c);
}

.singular.has-post-thumbnail .headerdotsline:after {
	background: #bfea0c;
}


.post-template-default .headerdotsline {
    display: none;
}


.featured-media figcaption {
    display: none;
}


.intro-text p {
    line-height: 1.3;
}

/* single post */
.post-template-default .featured-media img {
/* 	Comment out for full width */
    max-width: 140rem;
    padding-top: 200px;
}

.post-template-default .featured-media::before {
    background: #f3f5f5;
    height: calc(50% + 200px);
}

.post-template-default .featured-media img {
    max-height: 620px;
    object-fit: cover;
}

.post-template-default .entry-header-inner {
    display: block;
}


.post-template-default .post-meta-single-top {
    max-width: none;
}

.post-template-default .post-meta-single-top .post-meta {
    justify-content: flex-start;
}

.post-template-default h1.entry-title {
        max-width: 79rem;
    margin-left: 10rem;
}
.post-template-default .intro-text {
    display: grid;
    grid-template-columns: 1fr 80rem 1fr;
	    margin-top: 4rem;
	    text-align: left;
}
.post-template-default .intro-text p {
    max-width: 70rem;
    grid-column-start: 2;
    grid-column-end: 4;
	margin-bottom: 0;
	
}
.post-template-default .entry-categories {
    margin-left: 10rem;
}
.post-template-default .entry-header-inner {
    max-width: 140rem;
}



@media only screen and (max-width: 1300px) {
	ul.primary-menu li:last-of-type, ul.primary-menu li {
    margin-left: 1.5rem;;
}
nav.primary-menu-wrapper ul.primary-menu {
    justify-content: flex-end;
}
	.singular.has-post-thumbnail .entry-header {
    padding: 6rem 0 0 0;

}
    .post-template-default .featured-media img {
        padding-top: 90px;
        background: #005b52;
    }

    .featured-media-inner.section-inner {
        position: relative;
        height: 0;
        padding-bottom: calc(35% + 100px);
        overflow: hidden;
        width: 100%;
    }

    .featured-media-inner.section-inner img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
	.post-template-default .featured-media-inner.section-inner img{
/* 		 left: 50%; */
	}

}


/* Related Posts */
.related-posts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	    margin-bottom: 4rem;
}
.related-posts .item {
    width: calc(33% - 1.5rem);
}





/* Prev next navigation */

.pagination-single-inner {
    display: flex;
    gap: var(--wp--style--block-gap,2em);
    margin: 4rem auto 6rem auto;
}
.pagination-single a + a {
    margin: 0;
}
.pagination-single .entry-categories a {
    font-size: 1.8rem;
}

.pagination-single-inner .item {
    width: 50%;
}
.only-one .pagination-single-inner {
    justify-content: center !important;
}

.only-one .pagination-single-inner .item {
    max-width: 80rem;
    width: calc(100% - 4rem);
}

/* error page */
.error404 #site-content {
    padding-top: calc(90px + 8rem);
}
/* Footer */

.footer-top {
    display: grid;
    grid-template-columns: 1fr 50px 1fr;
}
.footer-top-bar {
    max-width: 140rem;
    margin: 0 auto 8rem auto;
}

.footer-top-bar hr.wp-block-separator {
    width: 100%;
	margin: 4rem 0 6rem 0;
}

.footer-nav-widgets-wrapper,
#site-footer {
    background-color: #DAE5EA;
}

body:not(.enable-search-modal) .footer-inner .header-titles-wrapper {
    justify-content: center;
    max-width: none;
    width: 100%;
    margin-top: 4rem;
}


/* .footer-inner.section-inner {
    max-width: 168rem;
}

#site-footer .section-inner {
    max-width: 168rem;
} */
.footer-nav-widgets-wrapper .social-icons a svg * {
    fill: #005B52;
}

.footer-nav-widgets-wrapper .social-icons a {
    background: transparent;
}

.widget .widget-title {
    font-size: 2.1rem;
	margin-bottom: 1.5rem;
    text-transform: none;
    letter-spacing: inherit;
    line-height: normal;
}
.footer-widgets {
    margin-bottom: 4rem;
}
.widget-content p.heading-size-4 {
    margin-bottom: 1rem;
    line-height: 1.1;
}
.footer-widgets-wrapper .menu-item a {
    font-size: 1.8rem;
    font-weight: 500;
}

.footer-widgets-wrapper .menu-item a:after {
    margin-top: -2px;
}


.widget-content p {
    font-size: 1.8rem;
}

.footer-menu a {
    font-weight: 500;
    font-size: 1.8rem;
}

.footer-widgets.column-four a {
    text-decoration: none;
    border-bottom: 1px solid;
}
.widget_media_image img {
    height: 4.5rem;
    width: auto;
}


.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper,
.reduced-spacing.footer-top-hidden #site-footer {
    border-color: transparent;
}

.footer-widgets-outer-wrapper {
    padding: 0 0 8rem 0;
}

.footer-top {
    border: none;
}

.footer-copyright {
    font-weight: normal;
    margin-right: 3rem;
    font-size: 1.8rem;
}

.footer-widgets-outer-wrapper {
    border: none;
}

.footer-menu {
    margin: 0;
    font-size: 1.8rem;
}

.footer-menu li {
    margin: 0 3rem 0 0;
}

.hide-footer {
    display: none;
}

/* forms */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea {
    border: 2px solid #005b52;
    border-radius: 10px;
	font-size: inherit;
}

/* Hubspot Forms */
.hs-custom-style>div input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]), .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
	padding: 12px !important;
}

.hs-custom-style select.hs-input {
	 border: 2px solid #005b52 !important;
    border-radius: 10px;
	padding: 12px;
	background: transparent;
	   background-image: url(/content/uploads/2021/12/chevron.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center right 15px;
	-webkit-appearance: none;
   -moz-appearance: none;
	    font-family: inherit;
	color: inherit;
}

.hs-custom-style .hs-fieldtype-textarea {
	background: transparent;
}
.hs-error-msgs {
	margin: 0;
}
.hs-error-msgs li {
    list-style: none;
    margin: 1rem 0;
    color: inherit;
}

.hs-custom-style fieldset {
    margin-bottom: 2rem !important;
}

/* Footer email signup */
div#footer-hubspot-form {
    position: relative;
}

div#footer-hubspot-form input[type="email"] {
    background: transparent;
    border-radius: 100px;
    height: 55px;
    margin-bottom: 1rem;
}

div#footer-hubspot-form .legal-consent-container {
    font-size: 1.6rem;
}

div#footer-hubspot-form input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 100px 100px 0;
    height: 55px;
}

/* Contact form */
.contactusform {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3rem;
}

.contactusform .wpcf7-textarea {
    height: 143px;
}

.hs-custom-style>div input[type=select], select.wpcf7-select {
    padding: 1.5rem 1.8rem;
    width: 100%;
    border: 2px solid #005b52;
    border-radius: 10px;
	-webkit-appearance: none;
   -moz-appearance: none;
	    background-image: url(/content/uploads/2021/12/chevron.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center right 15px;
	    color: inherit;
}


.contact-form-columns {
    display: flex;
    gap: 2rem;
}

@media only screen and (max-width: 400px) {
.contact-form-columns {
    display: block;
}
}
/* mailchimp */
.wp-block-jetpack-mailchimp input {
    background: transparent;
    border-radius: 100px 0 0 100px;
    height: 100%;
    padding-left: 2.5rem;
    border: 2px solid;
    border-right: 0;
}

.wp-block-jetpack-mailchimp form {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.wp-block-jetpack-mailchimp .wp-block-jetpack-button {
    margin-top: 0;
}

.wp-block-jetpack-mailchimp .wp-block-jetpack-button button.wp-block-button__link {
    border-radius: 0 100px 100px 0;
    display: block;
    width: 100%;
    white-space: nowrap;
    padding: 1.1em 2.1em;
    font-size: 1.7rem;
    font-family: 'Soehne halbfett', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
}

.wp-block-jetpack-mailchimp .wp-block-jetpack-button {
    border-radius: 0;
}

.wp-block-jetpack-mailchimp .wp-block-jetpack-button button.wp-block-button__link:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-100%);
    transition: transform .3s ease;
    z-index: -1;
    border-radius: 0 100px 100px 0;
    background: #00d7f9;
}

.wp-block-jetpack-mailchimp .wp-block-jetpack-button button.wp-block-button__link:hover {
    color: inherit;
    text-decoration: none;
}

.wp-block-jetpack-mailchimp .wp-block-jetpack-button button.wp-block-button__link:hover:before {
    transform: translateX(0);
}

.wp-block-jetpack-mailchimp .wp-block-jetpack-button button.wp-block-button__link {
    position: relative;
    z-index: 2;
    transition: .3s ease;
    display: flex;
    justify-content: center;
}

.wp-block-jetpack-mailchimp .wp-block-jetpack-button,
.wp-block-jetpack-mailchimp p {
    margin-bottom: 0 !important;
}

p#wp-block-jetpack-mailchimp_consent-text {
    grid-column-start: 1;
    grid-column-end: 3;
    text-align: center;
    margin-top: 1rem;
    font-size: 1.5rem;
}



/* fade effect */
/* Not visible */
/* Page template default */
body:not(.home) .entry-header .headerdotsline:before {
    transform: translate(-50%, -50%) scale(0.1);
	transition: 0.6s transform cubic-bezier(.25,.46,.45,.94);
    transition-delay: .2s;
}

body:not(.home).page-template-default .entry-header h1.entry-title {
    transform: translateY(3rem);
    opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94), 0.6s transform cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.4s;
}

body:not(.home).page-template-default .entry-header .intro-text {
	transform: translateY(3rem);
    opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94), 0.6s transform cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.6s;
}

body:not(.home).page-template-default .entry-header .headerdotsline {
    opacity: 0;
    transition: 1s opacity cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.4s;
}

body:not(.home) .featured-media img {
	opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94);
	transition-delay: .2s;
}

body:not(.home) .entry-content {
	transform: translateY(3rem);
    opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94), 0.6s transform cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.8s;
}

/* Homepage header */
.block-header-homepage {
	
}

.block-header-homepage h6 {
	transform: translateY(3rem);
    opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94), 0.6s transform cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.2s;
}

.block-header-homepage h1 {
	transform: translateY(3rem);
    opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94), 0.6s transform cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.2s;
}

.block-header-homepage .intro-text {
	transform: translateY(3rem);
    opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94), 0.6s transform cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.4s;
}

.block-header-homepage .wp-block-buttons {
	transform: translateY(3rem);
    opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94), 0.6s transform cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.6s;
}

.block-header-homepage .dotsline {
	 opacity: 0;
    transition: 1s opacity cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.8s;
}

.block-header-homepage .dotsline:after {
    transform: translate(50%, -50%) scale(0.1);
	transition: 0.6s transform cubic-bezier(.25,.46,.45,.94);
    transition-delay: 1s;
}


.block-header-homepage .entry-header-inner .homeheadervisual img {
	transform: translate(-120px, 40px) rotate(15deg);
	transition: transform 0.6s cubic-bezier(.25,.46,.45,.94), opacity 0.6s cubic-bezier(.25,.46,.45,.94);
	transition-delay: 1s;
    opacity: 0;
}

.block-header-homepage .scroll {
	opacity: 0;
    transition: transform 0.6s cubic-bezier(.25,.46,.45,.94), opacity 0.6s cubic-bezier(.25,.46,.45,.94);
	transition-delay: 1.2s;
}
.block-header-homepage .scroll svg {
	transition: .3s;
	transition-delay: 0;
}
.block-header-homepage .scroll:hover svg {
    transform: translateY(1rem);
}

.home-intro-text {
	transform: translateY(3rem);
    opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94), 0.6s transform cubic-bezier(.25,.46,.45,.94);
	transition-delay: 1.2s;
}


/* Post template default */
.post-template-default .entry-header h1.entry-title, .post-template-default .entry-header .entry-categories {
	transform: translateY(3rem);
    opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94), 0.6s transform cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.4s;
}

.post-template-default .entry-header .intro-text {
	transform: translateY(3rem);
    opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94), 0.6s transform cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.6s;
}


/* Blog */
.blog .entry-header h1.entry-title {
	transform: translateY(3rem);
    opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94), 0.6s transform cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.4s;
}

.blog .entry-header .archivedotsline:before {
    transform: translate(-50%, -50%) scale(0.1);
	transition: 0.6s transform cubic-bezier(.25,.46,.45,.94);
    transition-delay: .2s;
}

.blog .entry-header .archivedotsline {
    opacity: 0;
    transition: 1s opacity cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.4s;
}

ul.categoriesfilter {
	transform: translateY(3rem);
    opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94), 0.6s transform cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.6s;
}

.archivegrid {
	transform: translateY(3rem);
    opacity: 0;
    transition: 0.6s opacity cubic-bezier(.25,.46,.45,.94), 0.6s transform cubic-bezier(.25,.46,.45,.94);
	transition-delay: 0.8s;
}





/* Visible */
/* Page template default */
body:not(.home) .entry-header.visible .headerdotsline:before {
    transform: translate(-50%, -50%) scale(1);
}

body:not(.home).page-template-default .entry-header.visible h1.entry-title {
    transform: translateY(0);
    opacity: 1;
}

body:not(.home).page-template-default .entry-header.visible .intro-text {
    transform: translateY(0);
    opacity: 1;
}

body:not(.home).page-template-default .entry-header.visible .headerdotsline {
	opacity: 1;
}

body:not(.home) .featured-media.visible img{
	opacity: 1;
}

body:not(.home) .entry-content.visible {
    transform: translateY(0);
    opacity: 1;
}

/* Homepage header */
.block-header-homepage.visible {
	
}

.block-header-homepage.visible h6 {
	transform: translateY(0);
    opacity: 1;
}

.block-header-homepage.visible h1 {
	transform: translateY(0);
    opacity: 1;
}

.block-header-homepage.visible .intro-text {
	transform: translateY(0);
    opacity: 1;
}

.block-header-homepage.visible .wp-block-buttons {
	transform: translateY(0);
    opacity: 1;
}

.block-header-homepage.visible .entry-header-inner .homeheadervisual img {
    transform: translate(0, 0) rotate(0);
	opacity: 1;
}

.block-header-homepage.visible .dotsline {
	opacity: 1;
}

.block-header-homepage.visible .dotsline:after {
    transform: translate(50%, -50%) scale(1);
}

.block-header-homepage.visible .scroll {
	opacity: 1;
}

.home-intro-text.visible {
	transform: translateY(0);
    opacity: 1;
}


/* Post template default */
.post-template-default .entry-header.visible h1.entry-title, .post-template-default .entry-header.visible .entry-categories {
	  transform: translateY(0);
    opacity: 1;
}

.post-template-default .entry-header.visible .intro-text {
	transform: translateY(0);
    opacity: 1;
}


/* Blog */

.blog .entry-header.visible h1.entry-title {
	  transform: translateY(0);
    opacity: 1;
}

.blog .entry-header.visible .archivedotsline {
	opacity: 1;
}

.blog .entry-header.visible .archivedotsline:before {
   	transform: translate(-50%, -50%) scale(1);
}

.archivegrid.visible  {
	transform: translateY(0);
    opacity: 1;
}

ul.categoriesfilter.visible {
	transform: translateY(0);
    opacity: 1;
}




/* Knowledge center blog */
.entry-header-inner.no-intro-text {
    display: block;
}
.archivedotsline:before {
    content: "";
    display: block;
    width: 13vw;
    height: 13vw;
    position: absolute;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    left: 0;
    background: #00d6f9;
    background-image: linear-gradient(to bottom right, #00d6f9, #005b52);
    margin-top: auto;
    top: 100%;
}

.archivedotsline:after {
        content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    background: #00d6f9;
    border-radius: 100%;
    transform: translate(50%, -50%);
    right: 0;
    top: 0;
}

.archivedotsline {
    position: relative;
    width: auto;
	height: 13vw;
    background: linear-gradient(to bottom right, #005b52 calc(50% - 1px), #00d6f9, #005b52 calc(50% + 1px) );
    z-index: 0;
}

.archivegrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 6rem var(--wp--style--block-gap,2em);
}

.item figure {
    position: relative;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
    /* Not needed if it's a block element, like a div */
    width: 100%;
}

.item figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.entry-categories a:hover {
    text-decoration: underline;
}

.entry-categories a {
    text-transform: none;
    letter-spacing: inherit;
    font-size: inherit;
    font-weight: normal;
    border-bottom: none;
}

.entry-categories-inner {
    justify-content: flex-start;
}

ul.categoriesfilter {
    display: flex;
	margin: 8rem auto;
	flex-wrap: wrap;
}



ul.categoriesfilter a {
    padding: 1rem 2.3rem 1.1rem 2.3rem;
    border-radius: 100px;
    border: 2px solid;
    text-decoration: none;
    transition: .3s;
	display: block;
}

ul.categoriesfilter a:hover {
    background: #005b52;
    color: #fff;
    border-color: #005b52;
}

ul.categoriesfilter a.current-cat {
    background: #005b52;
    color: #fff;
    border-color: #005b52;
}

ul.categoriesfilter li {
    list-style: none;
    margin: 0 1rem 1rem 0;
}


/* Cta knowledge center */
.cta-personal-contact h2 {
  font-family: 'Soehne schmal extrafett kursiv', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal;
    text-transform: uppercase;
    line-height: 0.85;
    font-weight: normal;
	font-size: 3.5rem;
    padding-right: 2rem;
	max-width: 50rem;
}
/* .block-call-to-action-personal-contact {
    scroll-margin-top: 100px;
} */
@media (min-width: 700px) {
	.cta-personal-contact h2 {
		    font-size: 4.5rem;
	}
}

@media (min-width: 900px) {
	.cta-personal-contact h2 {
		    font-size: 5.5rem;
	}
}

.cta-personal-contact {
    padding: 4rem;
    border-radius: 10px;
    align-items: center;
}



.cta-personal-contact h2 {
     margin: 0 !IMPORTANT;
   
}

.cta-personal-contact-info {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 1rem;
    align-items: center;
}

.cta-personal-contact-info h5 {
    margin-top: 0 !important;
	 margin-bottom: 0.5rem !important;
}

.block-call-to-action-personal-contact .wp-block-column {
    margin: 0;
}


.cta-personal-contact .wp-block-button {
  
    margin: 2rem 0 0 0;
}



.cta-personal-contact figure {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    /* Not needed if it's a block element, like a div */
    width: 100%;
}


.cta-personal-contact figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	border-radius: 100%;
}




.cta-personal-contact-info p {
    margin: 0;
}



/* Has contact form */
.cta-personal-contact.has-contact-form figure {
    margin-left: 0;
}
.cta-personal-contact.has-contact-form .wp-block-column:first-of-type {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cta-personal-contact.has-contact-form .cta-personal-contact-info {
    display: flex;
    align-items: center;
}
.cta-personal-contact.has-contact-form input[type="text"], .cta-personal-contact.has-contact-form input[type="email"] {
    background: inherit;
}
.cta-personal-contact.has-contact-form .cta-personal-contact-info img {
    width: 85px;
    height: 85px;
    border-radius: 100%;
    object-fit: cover;
    margin-right: 1rem;
}
.cta-personal-contact.has-contact-form select.wpcf7-select {
    background-color: inherit;
}
p.cta-personal-contact-subtitle {
    margin-bottom: auto;
    margin-top: 2rem;
	padding-right: 2rem;
	max-width: 45rem;
}




/* Alignment */
.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 80rem;
    width: calc(100% - 4rem)
}

[class*="__inner-container"]>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 80rem;
    width: 100%
}




/* Responsive */
@media only screen and (max-width: 900px) {

.cta-personal-contact h2 {
    margin-bottom: 2.5rem !important;
}
.cta-personal-contact figure {
    width: 125px;
    padding-bottom: 125px;
    margin-left: auto;
}
	
.related-posts .item {
    width: 47%;
    margin-bottom: 4rem;
}
	
}

@media only screen and (max-width: 600px) {

	.cta-personal-contact  {
    padding: 2.5rem;
}
.cta-personal-contact figure {
    width: 75px;
    padding-bottom: 75px;
    margin-left: auto;
}
.cta-personal-contact-info {
    align-items: flex-start;
}
	
.related-posts .item {
    width: 100%;
}
}


@media only screen and (max-width: 360px) {

.cta-personal-contact-info {
    display: flex;
    flex-direction: column-reverse;
}

.cta-personal-contact figure {
    margin-left: 0;
    margin-bottom: 1.5rem;
}

}

/* News item */
.item a {
    text-decoration: none;
}

.item h5 {
      margin: 1rem 0 2rem 0;
	text-align: left;
}

.item .entry-categories {
    margin: 2rem 0 0 0;
}
.item figure img {
    transition: .5s ease;
}
.item figure:hover img {
    transform: scale(1.05);
}

/* archive cta */

a.ctadot svg {
    background: #bfea0c;
    width: 30px;
    height: 30px;
    padding: 8px;
    padding-left: 10px;
    border-radius: 100px;
    margin-right: 10px;
}

a.ctadot {
    display: flex;
    align-items: center;
    line-height: 1.1;
    text-decoration: none;
    position: relative;
    font-size: 1.7rem;
    letter-spacing: normal;
    font-family: 'Soehne halbfett', "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
}

a.ctadot span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    display: block;
    margin-top: 2px;
    right: 0;
    background: currentColor;
    transition: width .3s ease;
    -webkit-transition: width .3s ease;
}


a.ctadot:hover span:after {
    width: 100%;
    left: 0;
    background: currentColor;
}

a.ctadot span {
    position: relative;
}

/* Sustainability report */
@media (max-width: 600px) {
.sustainability-graph-grid, .emission-chart-grid {
    grid-template-columns: 1fr !important;
    gap: 6rem;
}
}


/* cookie */
.widget_eu_cookie_law_widget {
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

#eu-cookie-law {
    border: none !important;
    background: #dbe5ea  !important;
    color: inherit !important;
}

.widget_eu_cookie_law_widget #eu-cookie-law .accept {
    border-radius: 100px;
    background: #01d6f9;
}

/* Recaptcha */
.grecaptcha-badge { 
    visibility: hidden;
}

/* Responsive */
@media (min-width: 1220px) {
.footer-widgets {
    margin-left: 4rem;
}
}

@media only screen and (max-width: 1000px) {

.footer-top {
    display: flex;
    flex-direction: column-reverse;
}

.has-footer-menu .footer-social-wrapper {
    margin: 0;
    width: 100%;
}

.has-footer-menu .footer-social {
    justify-content: flex-start;
    width: 100%;
}

.bcorp {
    height: 70px;
    margin: 4rem 0;
}

.footer-widgets-outer-wrapper {
    padding: 0 0 1rem 0;
}
	
.archivegrid {
    grid-template-columns: 1fr 1fr;
}
ul.categoriesfilter a {
    padding: 0.4rem 1.5rem 0.5rem 1.5rem;
}	
	
.post-template-default .entry-categories {
    margin-left: 0;
}

.post-template-default h1.entry-title {
    margin-left: 0;
}

.post-template-default .intro-text p {
    margin-left: 0;
}
.post-template-default .featured-media::before {
    height: auto;
}
	
img.custom-logo {
    height: 3rem;
}

.header-inner {
    padding: 2rem 0;
}

.singular .entry-header {
    padding: calc(8rem + 70px) 0 8rem 0;
}
.featured-media-wrapper {
    padding-top: 60px;
}
.single-post .featured-media-wrapper {
    padding-top: 60px;
}
	
.featured-media-wrapper figure {
    padding-bottom: 50%;
}

#site-header span.toggle-text svg {
    margin: 0;
}
#site-header span.toggle-text {
    padding: 0;
    width: 45px;
    height: 45px;
    justify-content: center;
}
	
}


@media only screen and (max-width: 900px) {

h3.has-line {
  
    max-width: 100%;
}
	
h3.has-line:before {
    right: calc(100% + 1rem);
}
	
	
/* buttons mobile */
a.wp-block-button__link:before {
    display: none !important;
}
	
/* button colors */
/* blauw */
.wp-block-button a.wp-block-button__link.has-bright-blue-background-color:hover {
    color: #005b52 !important;
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-bright-blue-color:hover {
    color: #00D6F9 !important;
}



/* geelgroen */
.wp-block-button a.wp-block-button__link.has-neon-green-background-color:hover {
    color: #005b52 !important;
}
.wp-block-button.is-style-outline a.wp-block-button__link.has-neon-green-color:hover {
    color: #BFEA0A !important;
}


/* white */
.wp-block-button a.wp-block-button__link.has-white-background-color:hover {
    color: #005b52 !important;
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-white-color:hover {
    color: #fff !important;
}


/* dark green */
.wp-block-button a.wp-block-button__link:hover {
    color: #fff !important;
}

.wp-block-button.is-style-outline a.wp-block-button__link:hover {
    color: #005b52 !important;
}


.wp-block-jetpack-mailchimp .wp-block-jetpack-button button.wp-block-button__link:before {
    display: none;
}

.wp-block-jetpack-button button {
    color: #fff !important;
}
	
button.toggle.close-nav-toggle.fill-children-current-color:before {
    display: none;
}

button.toggle.close-nav-toggle.fill-children-current-color:hover {
    color: #00d7f9 !important;
}

	

/* headers */
.singular.page-template-default .entry-header-inner {
    grid-template-columns: 3rem 1fr auto;
    grid-template-rows: auto 6rem auto;
    grid-gap: 0 2rem;
}
.headerdotsline:before {
    width: 80px;
    height: 80px;
}
.singular.has-post-thumbnail .entry-header {
    padding: 5rem 0 0 0;
}
.post-template-default .intro-text {
    margin-top: 2rem;
	display: block;
}
	
/* alignwide */
.section-inner {
    width: calc(100% - 5rem);
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    width: calc(100% - 5rem);
}
.alignwide {
    width: calc(100% - 5rem);
}
	
}


@media only screen and (max-width: 700px) {
	
.archivegrid {
    grid-template-columns: 1fr;
}
.pagination-single-inner .item {
    width: 100%;
}
	
.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
    font-size: 4rem;
}
	

.modal-menu {
    width: 100%;
    left: 0;
}

.modal-menu .ancestor-wrapper a {
    display: block;
    width: 100%;
}

.menu-item a:after {
    display: none;
}
button.toggle.close-nav-toggle {
    position: relative;
    margin-left: auto;
}	
.menu-bottom .social-menu {
    justify-content: center;
    margin-top: 3rem;

}
.menu-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
}	

.menu-modal .menu-top {
    margin-top: 6rem;
    margin-bottom: auto;
}
	
.singular.page-template-default .intro-text {
    margin-top: -1.3rem;
}
	
ul.categoriesfilter {
    margin: 3rem auto;
}

.contactusform {
    display: block;
}
	
.wp-block-group.has-background {
    padding: 6rem 2rem;
}



}

@media (min-width: 700px) {
.footer-widgets-wrapper {
    display: block;
}
}

@media (min-width: 1000px) {
.footer-widgets-wrapper {
    display: flex;
    justify-content: space-between;
    margin-left: -4rem;
    width: calc(100% + 4rem);
}
.menu-modal-inner {
    width: 65vw;
        max-width: 100rem;
}
.footer-widgets {
    margin-bottom: 0;
}
}

@media (min-width: 1800px) {
	.featured-media-wrapper figure {
		padding-bottom: 25%;
	}
}