/*
 Theme Name:   Boldest Template
 Theme URI:    https://boldest.nl
 Description:  Boldest Template
 Author:       Jasper Plender
 Author URI:   https://boldest.nl
 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
*/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


/* Fonts */
@font-face {
    font-family: 'BebasNeueHagens';
    src: url('fonts/BebasNeue-Bold.otf') format('opentype');
	font-weight: 500;
}

@font-face {
    font-family: 'BebasNeueHagens';
    src: url('fonts/BebasNeue-Regular.otf') format('opentype');
	font-weight: 400;
}

@font-face {
    font-family: 'BebasNeueHagens';
    src: url('fonts/BebasNeue-Book.otf') format('opentype');
	font-weight: 300;
}




/* Typography */
/* Type Styles */
h1, .entry-content h1 {
	 font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: normal;
	font-weight: 500;
	line-height: 0.85;
}

h2, .entry-content h2, h3, .entry-content h3 {
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: normal;
	    line-height: 0.95;
	font-weight: 500;

}

h4, .entry-content h4, h5, .entry-content h5{
    font-family: Georgia, Times, Times New Roman, serif; 
	letter-spacing: normal;
	font-weight: 500;
}

h6, .entry-content h6 {
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 0.03125em;
	font-weight: 400;
	    color: #543bd5;

}

.entry-categories a {
    border: none;
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 0.03125em;
    font-size: 2.3rem;
    font-weight: 400;
    text-decoration: none !important;
}

.entry-content cite, .entry-content figcaption,  .entry-content .wp-caption-text {
      font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
   
    line-height: 0.95;
    letter-spacing: 0.03125em;
font-weight: 400;
    font-size: 2.3rem;
}


body, .entry-content {
    font-family: Georgia, Times, Times New Roman, serif; 
	letter-spacing: normal;
	line-height: 1.5;
}

.entry-content p, .entry-content li {
    color: #7C7979;
		line-height: 1.5;
}

.entry-content p.has-large-font-size, .entry-content p.has-larger-font-size {
    color: #241f20;
}

b, strong {
    font-weight: 500;
}

a {
    text-decoration: underline;
}

/* Typescale Mobile */
h1, .heading-size-1 {
	font-size: 3.6rem;
}

h2, .heading-size-2 {
	font-size: 3.2rem;
}

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

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

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

h6, .heading-size-6 {
	font-size: 2.1rem;
	letter-spacing: 0.03125em;
	text-transform: uppercase;
}

.entry-content .has-larger-font-size {
	font-size: 2.4rem !Important;
}

.entry-content .has-large-font-size {
	font-size: 2.1rem !Important;
		line-height: 1.5;
}

.entry-content {
	font-size: 2rem !Important;
		line-height: 1.5;
}

.entry-content .has-small-font-size {
	font-size: 1.7rem !Important;
		line-height: 1.6;
}

button, .button, .faux-button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"] {
	font-size: 2rem;
}


/* Typescale Desktop */

@media ( min-width: 700px ) {

	h1,
	.heading-size-1 {
		font-size: 6.4rem;
	}

	h2,
	.heading-size-2 {
		font-size: 4.8rem;
	}

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

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

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

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

	.entry-content .has-larger-font-size {
		font-size: 3.1rem !Important;
	}

	.entry-content .has-large-font-size {
		font-size: 2.5rem !Important;
	}

	.entry-content {
		font-size: 2.1rem !Important;
	}

	.entry-content .has-small-font-size {
		font-size: 1.7rem !Important;
	}

	button,
	.button,
	.faux-button,
	.wp-block-button__link,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		font-size: 2.1rem;
	}
}

/* Typescale Desktop Large */
@media ( min-width: 1220px ) {
	h1,
	.heading-size-1 {
		font-size: 10rem;
	}
}


/* Extra large heading */
h2.alignwide.has-text-align-center {
    font-size: 20rem;
    line-height: 0.9;
	width: calc(100% + 140px);
	max-width: 100vw;
}
.wp-block-group__inner-container h2.alignwide.has-text-align-center {
    margin-left: -80px;
}


/* Buttons */
.entry-content .wp-block-button__link, .entry-content .wp-block-file .wp-block-file__button, .entry-content input[type="button"], .entry-content input[type="reset"], .entry-content input[type="submit"] {
    padding: 1.5rem 2rem 1.1rem 3rem;
    text-transform: none;
    transition: opacity 0.15s linear;
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: 0.03125em;
	background: #E0F391;
	color: #241F20 !important;
	text-decoration: none !important;
	font-weight: 500;
	border-radius: 0 !important;
}
.entry-content .wp-block-button__link:hover {
	background: #543bd5 !important;
	color: #E0F391 !important;
}
.wp-block-button__link:hover:after {
    width: 3rem;
    opacity: 1;
    transform: translateX(10px);
}
.wp-block-button__link {
    display: inline-flex;
    transition: .3s !important;
}
.wp-block-button__link:after {
    content: "";
    background: url(https://hagenspr.com/wp-content/uploads/2022/03/chevron-hover.svg);
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1rem;
    height: 20px;
    display: inline-flex;
    transform: translateX(-5px);
    opacity: 0;
    transition: .3s;
}

.wp-block-button.is-style-outline>.wp-block-button__link, .wp-block-button .wp-block-button__link.is-style-outline {
    border: 2px solid;
    padding: calc(1.5rem - 2px) calc(2rem - 2px) calc(1.1rem - 2px) calc(3rem - 2px);
}

.wp-block-button.is-style-outline:hover a {
    border-color: #543bd5;
}

/* download button */
.wp-block-button.file-download a:after {
    display: none;
}
.wp-block-button.file-download svg {
	margin-left: 10px;
	margin-top: -3px;
	transition: .3s;
}

.wp-block-button.file-download:hover svg * {
    stroke: #e0f391;
}

.wp-block-button.file-download:hover svg {
    transform: rotate(-90deg);
    margin-left: 20px;
}

/* Link with icon */
a.has-icon {
    display: flex;
    margin: 1rem 0;
    text-decoration: none;
}

a.has-icon:hover {
    text-decoration: underline;
}

a.has-icon svg {
    width: 25px;
    margin-right: 1rem;
}



/* Color palette */
.has-limoengras-color {
    color: #E0F391 !important;
}

.has-limoengras-background-color {
    background-color: #E0F391 !important;
}

.has-paars-color {
    color: #543BD5 !important;
}

.has-paars-background-color {
    background-color: #543BD5 !important;
}

.has-zwart-color {
    color: #241F20 !important;
}

.has-zwart-background-color {
    background-color: #241F20 !important;
}

.has-lightgrijs-color {
    color: #D2C8BC !important;
}

.has-lichtgrijs-color {
    background-color: #D2C8BC !important;
}

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

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

.has-donkergrijs-color {
    color: #7C7979 !important;
}

.has-donkergrijs-background-color {
    background-color: #7C7979 !important;
}



/* Header */
#site-header {
    position: fixed;
    width: 100%;
    background: transparent;
	z-index: 100;
    top: 0;
}
.admin-bar #site-header{
	 top: 30px;
}

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

	
.logo-h, .site-logo {
	transition: transform .6s ease, padding .3s ease;
}
.headerscrolled .logo-h, .headerscrolled .site-logo {
    transform: translateY(-100%);
}
.header-titles-wrapper {
    display: block;
}

#site-header {
    width: 100%;
}
.header-inner {
    display: flex;
    flex-direction: initial;
}

}



.header-inner {
    padding: 0;
    max-width: none;
    width: 100%;
}

.site-logo img {
    max-height: 140px;
}
.nav-toggle .toggle-icon, .nav-toggle svg {
    width: 60px;
    height: 60px;
	padding: 40px;
    box-sizing: content-box;
	    transition: .3s;
}
.header-inner .toggle {
    padding-left: 0;
}
.header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before {
	display: none;
}
.primary-menu-wrapper + .header-toggles {
    margin-left: 0;
}

/* Menu */
.showing-modal .header-inner .toggle svg {
    transform: rotate(45deg);
}
.showing-modal .header-inner .toggle svg path {
	stroke: #e0f391;
}
.menu-modal-inner {
    width: 100%;
    text-align: center;
    background: #543BD5;
    transform: translateX(0);
}
.menu-wrapper.section-inner {
    padding-top: 140px;
}
ul.primary-menu {
    opacity: 0;
    pointer-events: none;
	    transition: .3s;
	    z-index: 100;
    position: relative;
}

.showing-modal .primary-menu {
    opacity: 1;
    pointer-events: auto;
}

.menu-item {
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal;
}

.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
    font-size: 15vw;
    line-height: 0.85;
    padding: 0;
}


.modal-menu li {
    border: none;
}

.modal-menu .current-menu-item a {
    color: #e0f391;
}

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

.modal-menu a:hover {
    color: #e0f391;
}
.primary-menu li {
    margin-left: 15px;
}
.primary-menu li.lang-item a {
    font-size: 3rem;
    color: #e0f391 !important;
    opacity: .5;
	text-decoration: none;
}

.primary-menu li.current-lang a {
    opacity: 1;
}
.primary-menu li.lang-item a:hover {
    opacity: 1;
}

/* Header home */
.hagensheader {
  width: 100%;
  background: #E0F391;
  z-index: 9;
  position: fixed;
  width: 100%;
}
.hagenslogo {
  position: fixed;
  padding: 40px;
  box-sizing: border-box;
    width: 100%;
  left: 0;
  top: 0;
}
.admin-bar .hagenslogo {
	 top: 30px;
}
.hagenslogo .logo-h svg {
    min-width: 60px;
    min-height: 60px;
  max-width: 15vw;
  max-height: 15vw;
  transition: .2s ease-out;

}
.hagenslogo svg {
  width: calc(100vw - 100px);
  height: 15vw;
  overflow: visible;
  position: absolute;
}
.hagenslogo path {
  transition: .2s ease-out;
}
.logo-agens {
    z-index: 10;
    position: relative;
  transition: .2s ease-out;

}
.logo-agens svg {
	
}
.logo-h {
    width: 140px;
    background: blue;
    height: 140px;
    left: 0;
    top: 0;
    position: absolute;
    padding: 40px;
	background: #E0F391;
}
.home .site-logo img {
    opacity: 0;
	transition: .3s;
}
.home.showing-modal .site-logo img {
    opacity: 1;
}
.home .header-toggles {
    transition: .3s;
	opacity: 0;
}
.showing-modal.home .header-toggles {
    opacity: 1 !important;
}
.home .intro-text p {
/*     font-size: 3rem !important; */
	
}
/* Home menu */
.home-menu {
    position: fixed;
    bottom: 40px;
    left: 40px;
    z-index: 7;
}

.home-menu li {
    list-style: none;
    margin: 0;
    font-weight: 400;
    margin-bottom: 0.25rem;
	
}

ul.home-language-menu {
    display: flex;
}

ul.home-language-menu li:first-of-type {
    margin-right: 10px;
}

.home-menu li a {
    font-size: 2.3rem;
    text-decoration: none;
    line-height: 1;
	    letter-spacing: 0.03125em;
}

.home-menu li a:hover {
    color: #543bd5;
}
ul.home-language-menu li:hover {
    opacity: 1;
}
.home-menu li.current-menu-item a {
    color: #543bd5;
}

.home-menu ul {
    margin: 2rem 0 0 0;
}

ul.home-language-menu li.current-lang {
    opacity: 1;
}

ul.home-language-menu li {
    opacity: .5;
}


/* Template contact */
.page-template-template-contact article {
    padding: 25px 0 0 0;
    background: #e0f391;
}
.page-template-template-contact .entry-content p {
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 0.03125em;
	    line-height: 1.2;
}

.page-template-template-contact  .entry-content  a {
    text-decoration: none;
}

.page-template-template-contact .entry-content a:hover {
    color: #543bd5;
}
.page-template-template-contact h5.heading-size-1 {
    font-weight: 400;
}
.page-template-template-contact .entry-header {
    padding: 0 !Important;
    position: relative;
	    margin-top: -75px;
}
.page-template-template-contact .entry-header:after {
    content: "";
    position: absolute;
    height: 100PX;
    width: 100vw;
    left: 0;
    bottom: 0;
    background: #FFF;
}


/* Team */
#post-134 .entry-header, #post-591 .entry-header {
    padding: 140px 0 70px 0 !important;
}

/* Contact form */
.contact-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}
.contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=text], .contact-form input[type=url], textarea {
    width: 100% !important;
    margin-bottom: 0 !important;
}
.contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=text], .contact-form input[type=url], .contact-form textarea {
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
    letter-spacing: 0.03125em;
    padding: 10px 20px 7px 20px !Important;
    margin-bottom: 20px !important;
    height: 45px;
	font-size: 2rem;
}

textarea, input[type="text"], input[type="password"], input[type="email"], input[type="url"] input[type="number"], input[type="search"], input[type="tel"] {
	 font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
    letter-spacing: 0.03125em;
    padding: 10px 20px 7px 20px !Important;
	font-size: 2rem;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #d1c8bb;
    opacity: 1;
    /* Firefox */
}

span.wpcf7-list-item {
    margin: 0;
    display: block;
}

span.wpcf7-form-control.wpcf7-acceptance {
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
    letter-spacing: 0.03125em;
}

.contact-form label span {
    font-size: 100%;
}

.contact-form br {
    display: none;
}

span.wpcf7-form-control-wrap.acceptatie {
    margin-bottom: 15px !important;
    display: block;
}

.contact-form textarea {
    height: 240px !Important;
}

.entry-content input[type="submit"]:hover {
    background: #543bd5;
    color: #dff291 !important;
}
.entry-content input[type="submit"] {
    transition: .3s;
    padding: 1.4rem 3rem 1.1rem 3rem;
}
span.wpcf7-not-valid-tip {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    margin-top: -10px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #e0f291;
}
.wpcf7 form .wpcf7-response-output {
    padding: 1.5rem 2rem;
    border: 2px solid #e0f391;
    border-color: #e0f391 !important;
}




/* Singular */
.entry-header-inner.full-width-header {
    max-width: none;
    width: 100%;
}
.full-width-header h1.entry-title {
    transform: scale(1.035);
    margin: 25px 0 0 0;
    transform-origin: top;
}
.singular .entry-header {
    padding: 140px 0;
    background: #e0f391;
	    overflow: hidden;
}

.singular .intro-text {
    text-align: left;
	max-width: 85rem;
	margin-top: 0;
}
.singular .intro-text p {
    max-width: 65rem;
}
.intro-text p {
    line-height: 1.4;
	    letter-spacing: -0.005em;
font-size: 2.5rem;
	margin-bottom: 0;
}
.entry-header a {
    color: #543bd5 !important;
	text-decoration: none;
	    white-space: nowrap;
}
.entry-header a:hover {
    text-decoration: underline;
}
.singular .featured-media::before {
    background: #e0f391;
}

.featured-media-inner-inner {
    position: relative;
    height: 0;
    padding-bottom: 60%;
    overflow: hidden;
    width: 100%;
}

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


/* Homepage */

.home h1.entry-title {
    display: none !important;
}
.home.singular .entry-header {
    padding: calc(15vw + 140px) 0 140px 0;
}


/* News */
.news-archive-wrapper {
    position: relative;
}

.news-archive-wrapper:before {
    content: "";
    width: 100%;
    height: 10rem;
    background: #e0f391;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.news-archive {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14rem 4rem;
    margin-top: 0 !important;
}
.news-archive .news-item:nth-of-type(1) h5, .news-archive .news-item:nth-of-type(2) h5 {
    height: 100px;
}
.news-archive .news-item:nth-of-type(2), .news-archive .news-item:nth-of-type(6) {
    margin-top: auto;
    margin-left: auto;
    max-width: 40rem;
}

.news-archive .news-item:nth-of-type(3), .news-archive .news-item:nth-of-type(7) {
    margin-right: auto;
    max-width: 40rem;
}



.cases-archive.news-archive .news-item {
    margin-top: 0;
	    max-width: none;
}
.categoriesfilter {
    margin-top: 4rem;
}
.alignwide.categoriesfilter {
	max-width: 85rem;
}

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

.categoriesfilter a.current-cat {
    color: #543bd5 !important;
}
.categoriesfilter a {
    color: #241F20!important;
}

.categoriesfilter a:hover {
    color: #543bd5 !important;
    text-decoration: none;
}

.news-item figure {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    width: 100%;
}

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

.news-item .entry-categories-inner {
    margin: 0;
    justify-content: flex-start;
}

.news-item .entry-categories a {
    margin: 1rem 2rem 0 0;
}

.news-item .entry-categories {
    margin: 1rem 0;
}

.news-item h5 {
    margin-top: 2rem;
    margin-bottom: 0;
	font-weight: 400;
}
.news-item a {
    text-decoration: none;
}

.pagination-single-inner .news-item {
    max-width: 40rem;
}
.next-post .entry-categories-inner {
    direction: rtl;
}
.news-item .entry-categories a {
    margin: 2rem 0 0 0;
}


.nav-links {
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 0.03125em;
    font-size: 2.3rem;
    font-weight: 400;
}

span.page-numbers.current {
	color: #543bd5;
	font-weight: 400;
}

.pagination a:hover {
    color: #543bd5;
    text-decoration: none;
}
.pagination .nav-links {
    margin: auto;
    justify-content: center;
}
.pagination a {
    text-decoration: none;
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 0.03125em;
    font-size: 2.3rem;
    font-weight: 400;
}
.pagination a.next svg {
    margin-left: 10px;
    margin-right: 0;
}
a.prev.page-numbers > span:not(.nav-prev-text) {
	background: #e0f391;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    margin-right: 10px;
}
.pagination svg {
    background: #e0f391;
    width: 40px;
    padding: 10px;
    display: inline-flex;
    margin-bottom: -12px;
    margin-right: 10px;
}

/* Single post */

.single-post .entry-header-inner {
    max-width: 85rem;
    text-align: left;
}

.single-post h1.entry-title.heading-size-2 {
    font-family: Georgia, Times, Times New Roman, serif;
    line-height: normal;
    margin-bottom: 3rem;
}
.single-post .entry-categories-inner {
	align-items: center;
	justify-content: flex-start;
}

.single-post span.entry-date {
    margin-left: 15px;
    margin-top: 7px;
}
.single-post .intro-text {
    margin-left: 0;
}

.relevant-news {
    margin-top: 8rem !important;
}
.single-post h1.entry-title {
    margin-bottom: 2rem;
}
.singular.single-post .entry-header {
    padding: 140px 0 60px 0;
}
/* Single jobs */
.singular.single-jobs .entry-header {
    padding: 140px 0 60px 0;
}
.single-jobs .entry-header-inner {
    max-width: 85rem;
    text-align: left;
}
.single-jobs h1.entry-title {
    margin-bottom: 2rem;
}


/* Cases  */

.cases-archive {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8rem 4rem;
}

.block-cases:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 30rem;
    background: #e0f391;
    left: 0;
	top: 0;
}

.case-item {
    background: #fff;
    box-shadow: 0 0 23px rgb(84 59 213 / 55%);
    border-radius: 20px;
    overflow: hidden;
}
.cases-carousel .case-item {
    margin: 0 2rem;
}
.case-item-content {
    padding: 3rem;
    position: relative;
    height: 30rem;
    display: flex;
    flex-direction: column;
}
.case-item a {
    text-decoration: none;
}

.case-item h6 {
    margin: 0;
}

.case-item h3 {
    margin-top: auto;
    margin-bottom: 0;
    transition: .3s;
margin-left: 0;
}
.case-item:hover h3 {
    transform: translateY(-75px);
}

.case-item:hover .wp-block-button {
    bottom: 3rem;
    opacity: 1;
}

.case-item .wp-block-button {
    margin: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: .3s;
}


.case-item-content {
    padding: 3rem;
}

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

.case-item figure {
    position: relative;
    height: 0;
    padding-bottom: 30rem;
    overflow: hidden;
    width: 100%;
    border-radius: 20px 20px 0 0;
transition: .3s;
	
}

/* Case single */
.case-header-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 30rem 30rem auto;
    max-width: 120rem;
    margin: auto;
}

.case-header figure {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    z-index: 1;
	    width: 35rem;
    margin-left: auto;
}
.case-header figure img {
    height: 100%;
    object-fit: cover;
	border-radius: 20px;
}


header.case-header {
    background: #e0f391;
    padding: 140px 0 0 0;
}

.case-header .intro-text {
	position: relative;
	grid-row-start: 2;
	grid-row-end: 4;
    padding-top: 4rem;
	    margin-top: 0 !important;
}

.case-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.case-title h1 {
    margin-bottom: 3rem;
}

.case-title h6 {
    margin-left: 0;
	    color: inherit;
}

.case-header .intro-text:before {
    content: "";
    background: #fff;
    width: 300vw;
    height: 100%;
    position: absolute;
    left: -100vw;
	top: 0;
}

.case-header .intro-text p {
    z-index: 1;
    position: relative;
}
.case-header .intro-text .sharedaddy {
    position: relative;
	margin-top: 4rem;
}
.whatwedid li {
    text-align: right;
    list-style: none;
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 0.95;
    letter-spacing: 0.03125em;
    margin-bottom: 1rem;
	font-size: 2.3rem;
}

.whatwedid {
    position: relative;
    margin-top: 4rem;
}

.cases-archive.relevant-cases {
    margin-bottom: 4rem;
}


/* Share */
.sharebuttons {
	margin: auto;
    max-width: 85rem;
    width: calc(100% - 140px);
}
.sharebuttons .sharedaddy {
    max-width: 120rem;
    margin: 6rem auto 6rem auto;
}
h3.sd-title {
	display: none !important;
}
.sharedaddy.sd-sharing-enabled .sd-social-icon .sd-content ul li[class*=share-] a.sd-button {
    background: #e0f391 !important;
    border-radius: 0;
    color: #543bd5 !important;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
}
.sd-content ul li:hover {
    transform: scale(1.1);
}

.sd-content ul li {
    transition: transform .3s;
}
.sd-content ul li a.sd-button:before {
    font: normal 25px/1 social-logos !important;
}

.sd-sharing {
    display: flex;
    align-items: center;
}
.entry-content .sd-sharing {
    justify-content: center;
}

p.share-customize-link {
    display: none;
}

#sharing_email {
    border: none !important;
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 0.95;
    letter-spacing: 0.03125em;
}

#sharing_email input[type=email] {
    padding: 7px !Important;
}
#sharing_email form .sharing_send {
    background: #dff291 !IMPORTANT;
    color: #241f20 !important;
    border: none !important;
    padding: 8px 15px 5px 15px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
    letter-spacing: 0.03125em;
    font-weight: 500;
}
#sharing_email * {
    font-size: 1.5rem !IMPORTANT;
    font-weight: 500;
    text-decoration: none;
}
#sharing_email .response:nth-of-type(2) {
    display: none;
}
#sharing_email .response:nth-of-type(2) {
    display: none;
}

 #sharing_email .response .sharing_cancel {
    padding: 10px 10px 5px 10px;
    background: #dcef8f;
    display: inline-block;
    margin-top: 10px;
}

.response-sub {
    color: #7c7a7a;
    margin-top: 10px;
}

h3.sd-title {
    margin: 0 !important;
    font-weight: 400 !important;
    font-size: 2.3rem !important;
    letter-spacing: normal !important;
    margin-right: 2rem !important;
}

h3.sd-title:before {
    display: none !important;
}
.sd-content ul li {
    margin: 0 15px 0 0 !important;
}

.post-meta-wrapper ul.post-meta {
    justify-content: center;
}

/* Carousel */
.carousel-arrows .slick-prev, .carousel-arrows .slick-next {
    width: 40px;
    height: 40px;
    background: #e0f391;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
	font-size: inherit;
    color: inherit;
    position: relative;
}
.carousel-arrows .slick-prev:hover, .carousel-arrows .slick-next:hover {
    background: #543bd5 !Important;
}

.carousel-arrows .slick-prev:hover svg *, .carousel-arrows .slick-next:hover svg * {
    stroke: #e0f391;
}

.carousel-arrows .slick-prev:hover, .carousel-arrows .slick-prev:focus, .carousel-arrows .slick-next:hover, .carousel-arrows .slick-next:focus {
	background: #e0f391;
}
.carousel-arrows .slick-prev {
    left: 0;
}
.carousel-arrows .slick-next {
    right: 0;
}
.carousel-arrows .slick-prev:hover, .carousel-arrows .slick-prev:focus, .carousel-arrows .slick-next:hover, .carousel-arrows .slick-next:focus {
    color: inherit;
    text-decoration: none;
}
.carousel-arrows .slick-arrow.slick-disabled {
}
.carousel-arrows .slick-prev:before, .carousel-arrows .slick-next:before {
    display: none;
}
.carousel-arrows {
    position: relative;
	display: flex;
}
.carousel-nav-title h2 {
    margin-top: 0;
    margin-left: 0;
}


/* Alignment */
/* Margins */

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 85rem;
	width: calc(100% - 280px);
}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 85rem;	
}
.section-inner {
    width: calc(100% - 280px);
}

.entry-content > .wp-block-group.alignwide.has-background, .entry-content > .wp-block-group.alignfull.has-background {
    padding: 10rem 140px;
}

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

.entry-content > .alignwide {
    width: calc(100vw - 280px);
}
.wp-block-separator.is-style-wide {
    max-width: calc(100vw - 280px);
}

@media only screen and (max-width: 1100px) {
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 85rem;
	width: calc(100% - 140px);
}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 85rem;	
}
.section-inner {
    width: calc(100% - 140px);
}

.entry-content > .wp-block-group.alignwide.has-background, .entry-content > .wp-block-group.alignfull.has-background {
    padding: 12rem 70px;
}

.wp-block-group.has-background {
    padding: 60px;
}
	
.entry-content > .alignwide {
    width: calc(100vw - 140px);
}
.wp-block-separator.is-style-wide {
    max-width: calc(100vw - 140px);
}
	
}

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

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 85rem;
	width: calc(100% - 60px);
}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 85rem;	
}
.section-inner {
    width: calc(100% - 60px);
}

.entry-content > .wp-block-group.alignwide.has-background, .entry-content > .wp-block-group.alignfull.has-background {
    padding: 6rem 30px;
}

.wp-block-group.has-background {
    padding: 40px;
}
	
.entry-content > .alignwide {
    width: calc(100vw - 60px);
}
.wp-block-separator.is-style-wide {
    max-width: calc(100vw - 60px);
}
	
	.sharebuttons {
	margin: auto;
    max-width: 85rem;
    width: calc(100% - 60px);
}
	
}






/* Gutenberg blocks */
/* Quote */
blockquote.wp-block-quote {
    border-top: 1px solid #d2c7bc;
    max-width: 120rem !important;
    border-bottom: 1px solid #d2c7bc;
    padding: 12rem 0;
    border-left: 0;
    text-align: center;
    margin: 12rem auto;
}

blockquote.wp-block-quote > * {
    max-width: 85rem;
    margin-left: auto;
    margin-right: auto;
}

blockquote.wp-block-quote p {
    color: inherit;
    font-size: 3.1rem !Important;
}

/* Table */

.entry-content table  {
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: 0.03125em;
	border: none;
	    color: #7C7979;
	    font-size: 2.8rem;
}
.entry-content table * {
    border-color: #7C7979;
}
.wp-block-table tr {
    border: none;
    border-bottom: 1px solid #d2c7bc;
}

.wp-block-table tr td {
    margin: 2rem;
    padding: 1.25rem 0 1rem 0;
	border: 0;
	width: 50%;
}
.wp-block-table tbody tr:last-of-type td {
    border-bottom: 0;
}
.wp-block-table tr td.has-text-align-right {
    border-right: 4rem solid #fff;
}

.wp-block-table tbody tr:last-of-type {
    border-bottom: none;
}

/* Columns */
.entry-content .wp-block-columns {
    gap: 0 4rem;
}
.entry-content .wp-block-column {
    margin-bottom: 3rem !important;
}
.entry-content .wp-block-columns h5 {
    margin-bottom: 0;
    margin-top: 2rem;
}

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

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

.entry-content hr, hr.styled-separator {
    background: #d2c7bc !important;
}




/* Footer */
#site-footer {
    background: #fff;
    color: #d2c7bc;
    font-family: "BebasNeueHagens", "Bebas Neue", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 0.03125em;
    font-size: 1.8rem;
    font-weight: 400;
    text-decoration: none !important;
}
#site-footer a {
    text-decoration: none;
    color: inherit;
	font-weight: normal;
}
p.footer-copyright {
    font-weight: 400;
}
.footer-nav-widgets-wrapper {
    border: none;
    background: #D2C8BC;
}
.footer-widgets-outer-wrapper {
	border-bottom: none;
}
.footer-widgets {
    width: 100%;
    margin: auto;
    max-width: calc(100vw - 280px);
}
.footer-widgets-wrapper {
	width: 100%;
	margin-left: 0;
}



nav.footer-menu-wrapper {
    margin-right: auto;
}

.footer-menu li:after {
    content: "|";
    margin-right: 2rem;
    padding-left: 2rem;
    font-weight: normal;
}

.footer-menu {
    margin: 0;
    font-size: inherit;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.footer-menu li {
    margin: 0;
}

.footer-menu li:last-of-type:after {
    display: none;
}

.footer-menu li:last-of-type {
    margin-right: 4rem;
}

#site-footer a:hover {
    text-decoration: none;
    color: #543bd5;
}

p.footer-copyright:after {
    content: "|";
    margin-right: 2rem;
    padding-left: 2rem;
}


/* Selection */

::selection {
  color: #dff291;
  background: #543bd5;
}




/* Responsive breakpoints  */
@media only screen and (max-width: 1200px) {
.relevant-cases {
    grid-template-columns: 1fr 1fr;
}
.relevant-cases .case-item:nth-of-type(3) {
    display: none;
}

}


/* Desktop small */
@media only screen and (max-width: 1100px) {
	.footer-widgets {
		    max-width: calc(100vw - 140px);
	}
	

	

.header-navigation-wrapper {
    display: flex;
    align-items: center;

}

.header-inner .toggle {
    height: auto;
    padding: 0;
    background: #543bd5;
}
.showing-modal .header-inner .toggle {
    background: #241f20;
}
.header-inner .toggle svg path {
    stroke: #e0f291;
}
ul.primary-menu {
    justify-content: center;
    width: 100px;
    margin: 0;
}

.primary-menu > li {
    margin: 25px 8px;
}


.header-titles-wrapper {
    width: 100%;
    max-width: none;
}
.home-menu {
    display: none;
}
	

/* Extra large heading */
h2.alignwide.has-text-align-center {
    font-size: 18vw;
    line-height: 0.9;
	width: 100%;
	max-width: 100vw;
}
.wp-block-group__inner-container h2.alignwide.has-text-align-center {
    margin-left: 0;
}

	
.cases-archive.news-archive {
    grid-template-columns: 1fr 1fr;
}
.cases-archive.news-archive .news-item:nth-of-type(3) {
    display: none;
}

}


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

    display: flex;
    flex-direction: initial;
    align-items: flex-start;
}
.header-toggles {
    display: flex;
}

button.toggle.nav-toggle.desktop-nav-toggle {
    position: relative;
    width: 140px;
    height: 140px;
}

.header-titles-wrapper {
    padding: 0;
}

.nav-toggle {
    right: 0;
}
.primary-menu-wrapper {
    display: block;
}
.relevant-news {
    margin-top: 6rem !important;
}	
/* Table */
	
.wp-block-table tr {
    display: block;
    border: none;
}

.wp-block-table tr td {
    display: block;
    text-align: center;
    border-bottom: 1px solid #d2c7bc;
    padding: 1.25rem 0 1rem 0;
    margin: 0;
	width: 100%;
}

.wp-block-table tr td.has-text-align-right {
    border-right: 0;
}

.wp-block-table tbody tr:last-of-type td:first-of-type {
    border-bottom: 1px solid #d2c7bc;
}

}

@media only screen and (max-width: 900px) {
.singular .intro-text {
    margin-top: 2rem;
}
.case-header-inner {
    display: grid;
    grid-template-columns: 100%;
	    grid-template-rows: auto;
}

.case-header figure {
    grid-column-start: 1;
    grid-column-end: 2;
    margin-left: 0;
    grid-row-start: 2;
    max-width: 100%;
}

.case-header .intro-text {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
}

.whatwedid li {
    text-align: left;
    margin-left: 0;
}
.case-header figure:before {
    content: "";
    width: 300vw;
    left: -100vw;
    height: 50%;
    background: #fff;
    position: absolute;
    z-index: -1;
    bottom: 0;
}

.case-header figure {
    position: relative;
}

header.case-header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    background: white;
    bottom: 0;
}

header.case-header {
    position: relative;
}

.whatwedid {
    border-top: 1px solid #e8e3dd;
    border-bottom: 1px solid #e8e3dd;
    padding: 8rem 0;
}
	
.page-template-template-contact .entry-header:after {
    height: 10vw;
	}

}


/* Tablet */
@media only screen and (max-width: 700px) {
.entry-categories a {
    font-size: inherit;
}
.footer-widgets {
    max-width: calc(100vw - 60px);
}
.hagenslogo {
    padding: 30px;
}

.hagenslogo svg {
    width: calc(100vw - 60px);
}

.logo-h {
    padding: 30px;
    width: 75px;
    height: 75px;
}
.hagenslogo .logo-h svg {
    min-width: 30px;
    min-height: 30px;
    max-width: calc(15vw - 6px);
    max-height: 15vw;
}
	.site-logo img {
		   width: 75px;
    height: 75px;
	}
button.toggle.nav-toggle.desktop-nav-toggle {
       width: 75px;
    height: 75px;
}
.nav-toggle .toggle-icon, .nav-toggle svg {
    padding: 20px;
}


.primary-menu > li {
      margin: 10px 10px 0 0;
}
	
div.sharedaddy h3.sd-title {
    display: none  !important;
}
.jp-sharing-input-touch .sd-content ul li {
    padding-left: 0 !important;
}
	
.home.singular .entry-header {
    padding: 140px 0 60px 0;
}
.singular .entry-header {
    padding: 140px 0 60px 0;
}
ul.slick-dots {
    display: none !important;
}

.carousel-arrows {
    margin-top: 6rem !important;
}
	
.entry-content table {
    font-size: inherit;
}
	
	.entry-content cite, .entry-content figcaption, .entry-content .wp-caption-text {
		font-size: inherit;
	}
	
.relevant-cases {
    grid-template-columns: 1fr ;
}

.contact-form {
    grid-template-columns: 1fr;
    gap: 0;
}
	
.cases-archive.news-archive {
    grid-template-columns: 1fr;
}
.cases-archive.news-archive .news-item:nth-of-type(3) {
    display: none;
}
.news-archive {
    gap: 3rem;
}
	.pagination a {
    font-size: inherit;
}
	.single-post span.entry-date {
		margin-top: 0;
	}
#site-footer .section-inner {
    flex-direction: column;
}

p.footer-copyright:after {
    display: none;
}

.footer-menu {
    flex-direction: column;
}

.footer-menu li:after {
    display: none;
}

}

@media only screen and (min-width: 700px) {

.logo-h {
    padding: 40px !IMPORTANT;
}
	
	
	

}

@media only screen and (max-width: 700px) { 
	/* Change homepage order on mobile */
.scroll-to-view-all-images .block-horizontal-images-scroller-images:after {
    background: #e0f391 !important;
    top: 0 !important;
    height: 50vh !important;
}

.homepage-cases:before {
    background: #fff !important;
}	
}


/* Iphone */
@media only screen and (max-width: 500px) {
 .news-archive {
    grid-template-columns: 1fr;
}

.news-item {
    max-width: none !important;
}
	
.case-item h3 {
    transform: none !important;
}
.case-item .wp-block-button {
	display: none;
}
.entry-content .wp-block-button__link:hover {
    background: #E0F391 !important;
    color: #241f20 !important;
}

.wp-block-button__link:after {
    display: none;
}

.entry-content .wp-block-button__link, .entry-content .wp-block-file .wp-block-file__button, .entry-content input[type="button"], .entry-content input[type="reset"], .entry-content input[type="submit"] {
    padding: 1.5rem 3rem 1.1rem 3rem;
}
.wp-block-button.is-style-outline:hover {
    border-color: #241F20;
}
.wp-block-button.file-download:hover svg {
    transform: none;
}

.wp-block-button.file-download:hover svg * {
    stroke: #241f20;
}

.wp-block-button.file-download svg {
    margin-left: 20px;
}

.wp-block-button.file-download a {
    padding-right: 2rem;
}
.carousel-arrows .slick-prev:hover, .carousel-arrows .slick-next:hover {
    background: #e0f391!Important;
}

.carousel-arrows .slick-prev:hover svg *, .carousel-arrows .slick-next:hover svg * {
    stroke: #241f20;
}
.entry-content input[type="submit"]:hover {
    background: #dff291;
    color: #241f20 !important;
}
}