@charset "UTF-8";
@charset "UTF-8";
 
@font-face {
font-family: monico-light;
src: url(//www.moniteurs.de/wp-content/themes/moni/fonts/Monico2020-Light.ttf);
}
@font-face {
font-family: monico-regular;
src: url(//www.moniteurs.de/wp-content/themes/moni/fonts/Monico2020-Regular.ttf);
}
@font-face {
font-family: monico-bold;
src: url(//www.moniteurs.de/wp-content/themes/moni/fonts/Monico2020-Bold.ttf);
}
@font-face {
font-family: monico-italic;
src: url(//www.moniteurs.de/wp-content/themes/moni/fonts/Monico2020-Italic.ttf);
}
@font-face {
font-family: monico-light-italic;
src: url(//www.moniteurs.de/wp-content/themes/moni/fonts/Monico2020-LightItalic.ttf);
}
@font-face {
font-family: monico-thin;
src: url(//www.moniteurs.de/wp-content/themes/moni/fonts/Monico2020-Thin.ttf);
}
@font-face {
font-family: monicons;
src: url(//www.moniteurs.de/wp-content/themes/moni/fonts/monicoicons140711-light-webfont.ttf);
}
@font-face {
font-family: monico-variable;
src: url(//www.moniteurs.de/wp-content/themes/moni/fonts/Monico2020VariableGX.ttf);
}
@font-face {
font-family: monico-variable-italic;
src: url(//www.moniteurs.de/wp-content/themes/moni/fonts/Monico2020ItalicVariableGX.ttf);
} :root { --color-dark-blue: #002034;
--color-moni-blue-light: #a6c5c9;
--color-moni-blue-dark: #788f92;
--color-moni-blue-super-light: #fafafa;
--color-black: #000000;
--color-white: #ffffff;
--color-dark-gray: #333333;
--wp-admin-theme-color: #002034;
--global--color-primary: var(--color-moni-blue-dark) !important; --monico-thin: monico-thin;
--monico-light: monico-light;
--monico-regular: monico-regular;
--monico-light-italic: monico-light-italic;
--monico-bold: monico-bold;
--monicons: monicons;
--monico-variable: monico-variable;
--monico-variable-italic: monico-variable-italic;
}
nav#site-navigation {
position: fixed;
top: 0;
left: 0;
height: 120px;
width: 100vw;
background: white;
transition: all 0.3s ease-in-out;
z-index: 9;
}
.page-template-page-landing-new nav#site-navigation,
.page-template-page-landing-testsite nav#site-navigation {
background: rgba(255, 255, 255, 0);
position: absolute!important;
display: contents;
}
.home nav#site-navigation {
background: #fafafa00;
position: absolute!important;
display: contents;
}
nav#site-navigation.down {
top: -120px;
}
.site-header {
padding-top: 0;
}
.site-logo {
position: absolute;
}
.site-logo a {
font-family: var(--monicons) !important;
color: var(--color-moni-blue-dark) !important;
font-size: 36px !important;
line-height: 51px !important;
border: none !important;
text-align: left !important;
margin: 35px 20px 20px 45px;
padding: 0 !important;
position: absolute;
text-decoration: none;
}
.home .site-logo a {
color: var(--color-black) !important;
}
.site-logo a:focus {
position: absolute !important;
}
.singular .entry-header {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
} .scroll-down-wrapper {
width: 100vw;
height: 90vh;
position: absolute;
top: 0;
display: none;
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover .wp-block-cover__gradient-background {
opacity: 0;
}
.wp-block-cover {
background: none;
position: fixed;
top: 0;
z-index: -1;
height: 93vh;
padding: 0px;
background: #fcfbfc;
}
.hero-video {
margin: 0px 0 0 0;
}
.wp-block-cover video.wp-block-cover__video-background {
top: 20px;
} .plyr--video {
background: white!important;
}
.plyr__controls {
display: none;
}
button.plyr__control.plyr__control--overlaid {
display: none!important;
}
.hero-video-new.mobile .plyr.plyr--full-ui.plyr--video.plyr--html5.plyr--fullscreen-enabled.plyr--pip-supported.plyr__poster-enabled.plyr--hide-controls.plyr--playing {
max-width: 100vw;
}
.plyr.plyr--full-ui.plyr--video.plyr--html5.plyr--fullscreen-enabled.plyr--pip-supported.plyr__poster-enabled.plyr--hide-controls.plyr--playing {
width: 100vw;
}
.plyr.plyr--full-ui.plyr--video.plyr--html5.plyr--fullscreen-enabled.plyr--hide-controls.plyr--pip-supported.plyr--init-hide-controls.plyr__poster-enabled {
margin: 0!important;
max-width: 100vw!important;
}
.plyr__poster { display: none;
}
.plyr.plyr--full-ui.plyr--video.plyr--html5.plyr--fullscreen-enabled.plyr--paused.plyr--stopped.plyr--pip-supported.plyr--init-hide-controls.plyr__poster-enabled {
margin: 0;
max-width: 100vw!important;
margin-top: -15px;
}
.plyr audio, .plyr iframe, .plyr video, .plyr__poster { height: 100vh!important;
width: 100vw!important;
object-fit: cover;  }
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 0!important;
}
.plyr.plyr--full-ui.plyr--video.plyr--html5.plyr--fullscreen-enabled.plyr__poster-enabled.plyr--playing.plyr--hide-controls {
max-width: 100vw;
max-width: -40px 0 0 0;
}
#mobileGifContainer + div {
margin: 0;
}
div#mobileGifContainer {
margin: 0;
margin-top: -232px;
min-width: 100vw;
}
#mobileGifContainer img {
height: auto;
max-width: 100vw!important;
vertical-align: top;
object-fit: cover;
}
.hero-video-new.mobile {
margin: 0;
height: 46vh;
}
.plyr.plyr--full-ui.plyr--video.plyr--html5.plyr--fullscreen-enabled.plyr--paused.plyr--stopped.plyr--init-hide-controls.plyr__poster-enabled {
margin: 0;
max-width: 100vw;
}
.hero-video-new .wp-block-cover {
height: 120%!important;
background: none;
background-image: none!important;
} .page-template-page-landing-new .project-cat-links,
.page-template-page-landing-testsite .project-cat-links {
margin: 0 !important;
width: 100%;
background: white;
padding: 11vh 15vw 10vh 10vw;
} .project-cat-links {
width: 70vw;
margin: 4vh 0 20vh 125px;
}
.project-cat-text,
.project-cat-text a {
font-size: 6.6vw;
line-height: 7.3vw;
font-family: var(--monico-variable)!important;
font-variation-settings: 'wght' 125;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.project-cat-text a:hover {
font-variation-settings: 'wght' 325;
text-decoration: none;
}
.hero-video p.has-text-align-center.has-large-font-size {
margin: 0!important;
}
.hero-video-new {
margin: 0;
height: 95vh;
width: 100vw; top: -200px;
background-size: cover;
z-index: -99;
position: relative;
}
video.show-reel {
opacity: 1;
object-position: top;
object-fit: cover;
margin-top: -10px!important;
}
video#showreelPlayer {
min-width: 100vw!important;
min-height: 100vh!important;
margin: 0!important;
object-position: top!important;
object-fit: cover!important;
}
.plyr.plyr--full-ui.plyr--video.plyr--html5.plyr--fullscreen-enabled.plyr--paused.plyr--stopped.plyr--pip-supported {
margin: 0 !important;
}  .animated-images-section {
display: inline-block;
width: calc(100vw - 0px);
height: 110vh;
overflow: hidden;
margin: -200px 0px 0vh 0px !important;
} .btn-scroll-down {
width: 30px;
height: 34px;
cursor: pointer;
margin: 0 auto;
}
.btn-scroll-down:after {
content: '↓';
font-family: 'monicons';
color: var(--color-dark-blue);
font-size: 34px;
}
.btn-scroll-down:hover {
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: var(--color-dark-blue);
} input#search-form-1.search-active {
padding: 2px 0 0 13px;
}
aside.widget-area {
margin: 0;
position: absolute;
padding: 0;
display: block;
top: 18px;
width: 100vw;
height: 30px;
max-width: none;
}
.wp-block-search .wp-block-search__input {
border: none;
}
.site .button:not(:hover):not(:active):not(.has-background),
button:not(:hover):not(:active):not(.has-background),
input[type="submit"]:not(:hover):not(:active):not(.has-background),
input[type="reset"]:not(:hover):not(:active):not(.has-background),
.wp-block-search
.wp-block-search__button:not(:hover):not(:active):not(.has-background),
.wp-block-button
.wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-file
a.wp-block-file__button:not(:hover):not(:active):not(.has-background),
input[type="submit"],
.open-search {
background-color: transparent !important;
color: black;
font-family: var(--monicons);
}
.search-form-wrapper {
position: absolute;
z-index: 99;
margin: 0px auto!important;
width: 326px;
height: 0px;
left: 0;
right: 0;
transition: all 0.2s ease-in-out;
}
.search-form-wrapper.active {
margin: 50px auto!important;
height: 46px;
}
.search-form-wrapper-nothing-found {
position: relative;
}
.search-form .search-field {
margin: 0;
}
input#search-form-1 {
height: 46px;
width: 280px;
border: 1px solid var(--wp--preset--color--moni-blue-dark);
}
input.search-submit {
padding: 0;
position: absolute;
margin-left: 0px;
height: 46px;
margin-top: 0 !important;
width: 46px;
padding-top: 6px;
border: 1px solid;
margin-left: 0 !important;
border-left: 0px;
}
input.search-submit:hover {
border-color: transparent;
background: var(--wp--preset--color--moni-blue-dark) !important;
color: white;
}
input {
border-radius: 0;
}
input[type="search"] {
-webkit-appearance: none;
}
.form {
margin: -52px calc(50% - 155px);
width: 310px;
position: absolute;
display: none;
}
.search-form-wrapper-nothing-found .form  {
display: block;
margin: 0px auto;
width: 286px;
position: relative;
}
.no-results.not-found > *:first-child {
margin-bottom: 0px;
}
.search-no-results .page-content {
margin-top: 0px;
}
.search-form-wrapper-nothing-found .search-form {
max-width: none;
}
.search-no-results .page-content {
margin-bottom: 40px!important;
}
section.no-results.not-found {
margin: 0 45px;
}
input.search-field {
border: 1px solid black;
line-height: 24px;
}
.form.active {
display: block;
}
.search-form {
margin-top: 50px;
}
.search-form > label {
width: 100vw;
position: fixed;
margin-bottom: 0;
font-weight: var(--form--label-weight);
height: 0px;
background: white;
left: 0;
top: 0;
z-index: 0;
box-shadow: 7px -7px 9px var(--wp--preset--color--moni-blue-dark);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.search-form > label.active {
height: 18vh;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
span.search-form-close {
width: 40px;
height: 40px;
background: #00000000;
right: -36px;
position: absolute;
z-index: 999999;
cursor: pointer;
margin: 27px 50px;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
display: none;
top: -31px;
}
span.search-form-close.active {
display: block;
}
span.search-form-close::before,
span.search-form-close:after {
content: "";
width: 30px;
height: 1px;
background: #252525;
position: absolute;
}
span.search-form-close::before {
transform: rotate(45deg);
top: 19px;
}
span.search-form-close::after {
transform: rotate(-45deg);
bottom: 20px;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none;
}
.home .open-search {
position: initial;
}
.open-search {
position: absolute!important;
width: 50px;
text-align: center;
margin-top: 24px;
cursor: pointer;
z-index: 9; display: block;
transition: all 0.2s ease-in-out;
margin-left: calc(100vw - 250px);
}
.open-search:hover {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
} .primary-navigation {
padding: 0;
width: 0;
height: 0;
}
.menu-button-container {
display: flex;
right: auto;
}
.primary-navigation > .primary-menu-container {
transform: translateX(0);
left: calc(100vw - 0px);
color: var(--color-black);
transition: all 0.3s ease-in-out;
}
.primary-navigation-open .primary-navigation > .primary-menu-container {
transform: translateX(0);
width: 350px;
height: 100vh;
left: calc(100vw - 350px);
background: var(--color-white);
color: var(--color-white);
transition: all 0.3s ease-in-out;
}
.primary-navigation-open .menu-button-container {
padding: 0;
}
.sidepanel {
width: 0px;
position: fixed;
z-index: 8;
height: 100vh;
top: 0;
right: 0;
overflow-x: hidden;
padding-top: 60px;
background-color: white;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.sidepanel.bottom {
border-bottom: 1px solid black;
height: calc(100vh - 134px);
}
.sidepanel.open {
width: 400px;
background-color: #fcfcfd;
box-shadow: 7px -7px 9px var(--wp--preset--color--moni-blue-dark);
}
.primary-navigation a:hover {
text-decoration: none !important;
}
.primary-navigation-open .menu-button-container #primary-mobile-menu,
.menu-button-container #primary-mobile-menus,
button#primary-mobile-menu {
width: 30px;
height: 30px;
background: var(--color-white);
left: calc(100vw - 75px);
top: 20px;
padding: 0;
position: absolute;
z-index: 9;
}
button#primary-mobile-menu.hide {
display: none !important;
}
span.menu-icon.op {
width: 30px;
height: 1px;
background: var(--color-black);
padding: 0;
top: 15px;
left: 0px;
position: absolute;
transition: all 0.2s ease-in-out;
}
span.menu-icon.op::before,
span.menu-icon.op::after {
content: "";
width: 30px;
height: 1px;
background: #252525;
position: absolute;
left: 0;
transition: all 0.2s ease-out;
}
span.menu-icon.op::before {
top: -12px;
}
span.menu-icon.op::after {
bottom: -12px;
}
.primary-navigation-open span.menu-icon.op::before {
transform: rotate(45deg);
top: 0px;
}
.primary-navigation-open span.menu-icon.op::after {
transform: rotate(-45deg);
bottom: 0px;
}
.primary-navigation-open span.menu-icon.op {
background: transparent;
margin-top: -2px;
}
.menu-button-container #primary-mobile-menu {
background: transparent !important;
}
button#primary-mobile-menu:hover span, button#primary-mobile-menu:hover span:before, button#primary-mobile-menu:hover span:after {
height: 1.5px;
}
ul#primary-menu-list {
width: 367px;
height: 100%;
padding-top: 24px;
margin: 0px !important;
z-index: 99;
}
.primary-navigation .primary-menu-container > ul > .menu-item {
display: block;
text-align: right;
}
.primary-navigation .primary-menu-container > ul > .menu-item:nth-child(6) {
margin-top: 20px;
}
.menu-item a:hover { }
.has-background-white
.site
a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background: none;
color: var(--color-black);
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
outline: none;
text-decoration: none;
text-decoration-skip-ink: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
outline: 0;
}
.primary-navigation a:hover,
.primary-navigation a:link,
.primary-navigation a:visited {
color: var(--color-black);
font-family: var(--monico-variable);
font-variation-settings: 'wght' 300;
transition: all 0.3s ease-in-out;
font-size: 18px;
line-height: 36px;
padding: 0;
}
.primary-navigation a {
padding: 0 !important;
}
.primary-navigation .current-menu-item > a:first-child:hover,
.primary-navigation .current_page_item > a:first-child:hover,
.primary-navigation a:hover,
.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child  {
font-variation-settings: 'wght' 400;
}
.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0px;
} .sidepanel-navigation ul {
display: block;
position: relative;
padding: 0;
}
.social-icon-wrapper {
text-align: right;
font-size: 18px;
width: 355px;
margin-top: 36px;
list-style: none!important;
}
.social-icon {
display: inline-block;
width: max-content;
float: right;
margin: 16px 0px 30px 9px;
}
.social-icon-insta,
.social-icon-fb {
background-image: url(//www.moniteurs.de/wp-content/themes/moni/icons/Instagram-big.svg);
content: "";
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-size: 27px;
background-position: 3px 3px;
}
.social-icon-fb {
background-image: url(//www.moniteurs.de/wp-content/themes/moni/assets/SM-Icons/Facebook-big.svg);
}
.social-icon-insta {
background-image: url(//www.moniteurs.de/wp-content/themes/moni/assets/SM-Icons/Instagram-big.svg);
} .widget-area a {
text-decoration: none;
text-transform: uppercase;
color: var(--color-black) !important;
font-family: var(--monico-variable) !important;
}
.lang-item-first {
margin-right: 15px;
}
li.lang-item.current-lang a {
font-variation-settings: 'wght' 400;
}
li.lang-item a:hover { }
.widget-area ul {
display: flex;
position: absolute;
margin: 0;
right: 112px;
font-size: 16px;
z-index: 9;
}
li.lang-item {
list-style: none;
position: relative;
margin-top: -4px;
}
li.lang-item.lang-item-first:after {
content: "/";
margin: -1px 2px;
font-family: var(--monico-light);
color: var(--color-moni-blue-dark) !important;
top: 10px;
position: absolute;
left: 25px;
}
.page-header {
border-bottom: 0px solid var(--global--color-border);
padding-bottom: 0;
margin-bottom: 20px;
} .wp-block-cover__inner-container {    min-width: 100vw;
}
.hero-video .wp-block-cover__inner-container {
margin: 0!important;
height: inherit;
width: 100vw!important;
min-width: 100vw!important;
max-width: 100vw!important;
top: -20px!important; left: 0;
}
@media (max-width: 800px) {
.wp-block-cover-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background {
height: 65%!important;
}
.wp-block-cover {
height: 98%!important;
background: none;
background-image: none!important;
}
.project-cat-links {
margin: 0vh 0 20vh 40px;
}
.project-cat-text, .project-cat-text a {
font-size: 7.6vw;
line-height: 8.3vw;
}
}
@media (max-width: 600px) {
.site-logo a {
margin: 50px 20px 20px 25px!important;
}
.site-logo {
margin: 0!important;
}
.project-cat-links {
margin: 0vh 0 20vh 20px;
}
button#primary-mobile-menu {
left: calc(100vw - 55px);
}
.primary-navigation-open .menu-button-container #primary-mobile-menu {
left:calc(100vw - 50px);
}
.open-search{
margin-left: calc(100vw - 232px);
}
.widget-area ul {
right: 94px;
}
.search-form-wrapper {
left: -20px;
}
ul#primary-menu-list {
right: -10px;
}
.social-icon-wrapper {
width: 375px;
}
.animated-images-section {
width: calc(100vw - 50px);
margin: -70px 25px 31vh 25px !important;
}
}
@media (max-width: 550px) {
.site-logo a {
margin: 56px 20px 20px 25px!important;
font-size: 28px !important;
}
}
@media (max-width: 480px) {
.social-icon-wrapper { }
}
.hidetitle h2 {
display: none;
}
h2.wp-block-post-title {
display: block;
}
.wp-block-create-block-text-small-black {
line-height: 24px !important;
}
.entry-content .project-title img,
.wp-block-image.alignfull .project-title img {
max-width: calc(100vw - 90px) !important;
width: calc(100vw - 90px) !important;
}
.page-template-page-landing .wp-block-image {
max-width: 100%;
}
.page-template-page-landing .wp-block-image img {
max-width: inherit;
float: left;
}
.wp-block-create-block-moni-project-title {
max-width: none;
min-width: calc(50vw - 60px)!important;
}
.page-template-page-projects .wp-block-create-block-moni-project-title {
max-width: none;
width: calc(50vw - 70px);
}
.projekte-template-default .wp-block-create-block-moni-project-title {
max-width: calc(70vw - 90px);
}
.has-background-white
.site
a:focus:not(.wp-block-button__link):not(.wp-block-file__button)
.wp-block-create-block-moni-project-title {
text-decoration: underline;
}
.wp-block-jetpack-layout-grid-column h2 {
display: block;
} .wp-block-video figcaption,
.wp-block-image figcaption {
font-size: 16px !important;
line-height: 24px !important;
color: rgba(var(--color-black)) !important;
text-align: left !important;
font-family: var(--monico-light) !important;
width: 75%;
}
.section-content.news .wp-block-image figcaption {
font-size: 12px !important;
line-height: 17px !important;
width: 100%;
margin-top: 5px;
} .wp-block-button.aligncenter.open-share-buttons {
display: none;
}
.open-share-buttons a.wp-block-button__link {
font-size: 16px !important;
max-width: 300px !important;
}
.open-share-buttons > a,
.block-editor-rich-text__editable.wp-block-button__link.rich-text,
.wp-block-button
.wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
border: 1px solid #748e95 !important;
text-align: center;
padding: 10px;
max-width: 180px;
margin: 40px auto 0px auto;
cursor: pointer;
transition: 0.5s;
background-color: white !important;
color: var(--color-black) !important;
font-family: var(--monico-light) !important;
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
padding: 17px;
}
.open-share-buttons a.wp-block-button__link {
height: 56px;
width: 274px;
}
.open-share-buttons:hover > a,
.open-share-buttons:hover > .wp-block-button__link,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
background-color: #748e95 !important;
color: white !important;
border: 1px solid #748e95 !important;
font-family: var(--monico-regular) !important;
}
.open-shares {
height: 0;
overflow: hidden;
transition: 0.5s;
text-align: center;
margin: 0px 20px 60px 20px;
}
.open-shares a {
margin: 0 50px;
display: inline-block;
font-size: 16px;
font-family: "monico-regular";
}
span#share-fb,
span#share-twitter,
span#share-linkedin {
content: " ";
width: 40px;
height: 26px !important;
background-repeat: no-repeat;
transition: 0.5s ease;
display: inline-block;
margin: -3px 0px 0px 0px;
vertical-align: baseline;
float: left;
background-size: contain;
}
span#share-fb {
background-image: url(//www.moniteurs.de/wp-content/themes/moni/assets/SM-Icons/Facebook-sm.svg);
}
span#share-twitter {
background-image: url(//www.moniteurs.de/wp-content/themes/moni/assets/SM-Icons/Twitter-sm.svg);
}
span#share-linkedin {
background-image: url(//www.moniteurs.de/wp-content/themes/moni/assets/SM-Icons/Linkedin-sm.svg);
margin-top: -5px;
}
.wp-block-button.aligncenter.open-share-buttons {
max-height: 96px;
overflow: hidden;
-webkit-transition: max-height 0.8s ease;
-moz-transition: max-height 0.8s ease;
-ms-transition: max-height 0.8s ease;
-o-transition: max-height 0.8s ease;
transition: max-height 0.8s ease;
}
.wp-block-button.aligncenter.open-share-buttons.open {
max-height: 200px;
} .home .wp-block-create-block-text-small-black {
margin-top: 6px;
}
.section-title {
font-size: 46px;
font-family: var(--monico-light);
margin: 20px 0;
} .news-posts {
background: white;
padding: 20px 45px 40px 45px;
margin-bottom: 0;
}
.section-content.news,
.section-content.projects {
margin-bottom: 60px;
}
.section-content.news .wp-block-jetpack-layout-grid {
margin-bottom: 50px;
}
.wp-block-jetpack-layout-grid-column:first-child
.wp-block-create-block-text-small-black {
margin-top: -3px;
}
.wp-block-create-block-text-small-black a,
.wp-block-create-block-moni-paragraph a:not(.related-projects .wp-block-create-block-moni-paragraph a),
.list a,
a.wp-block-button__link.wp-element-button {
font-family: var(--monico-variable-italic)!important;
font-variation-settings: 'wght' 350;
transition: all 0.2s ease-in-out;
display: inline-block;
}
.page .wp-block-create-block-moni-paragraph em a:not(.related-projects .wp-block-create-block-moni-paragraph a) {
display: contents;
}
.list a {
display: contents;
}
.wp-block-create-block-text-small-black a:hover,
.wp-block-create-block-moni-paragraph a:not(.related-projects .wp-block-create-block-moni-paragraph a):hover,
.list a:hover  { font-variation-settings: 'wght' 350;
text-decoration: underline !important;
text-decoration-thickness: 0.8px !important;
text-decoration-style: dotted !important;
text-underline-offset: 9px !important;
}
.page-template-page-landing-new .news-posts {
margin-top: 0;
}   br ~ a, br ~ em a {
line-height: 40px!important;
display: inline-block;
}
.wp-block-create-block-text-small-black a {
font-family: var(--monico-light); }
.wp-block-create-block-moni-paragraph a,
.list a  {
font-family: var(--monico-light);
line-height: 34px !important;
}
.wp-block-create-block-text-small-black a:before,
.wp-block-create-block-moni-paragraph a:not(.related-projects .wp-block-create-block-moni-paragraph a):before  {
content: "→ ";
font-family: "monicons";
line-height: 0;
} p.wp-block-create-block-moni-paragraph a:before {
display: none;
}
.section-content.news .wp-block-create-block-text-small-black,
.related-projects p.wp-block-create-block-moni-paragraph {
margin-top: 8px !important;
}
.section-content.news .wp-block-jetpack-layout-grid-column:first-child .wp-block-create-block-text-small-black {
margin-top: 0px!important;
} .selected-projects {
margin: 0;
padding-left: 45px;
background: var(--color-moni-blue-super-light);
display: flex;
flex-wrap: wrap;
} main#main {
padding-top: 50px;
}
.page-template-page-landing main#main {
padding-top: 20px;
}
.projekte-template-default main#main {
padding-top: 0px;
}
.page-template-page-projects div#primary {
padding-top: 90px;
}
.filter-posts,
.section-content.projects {
display: flex;
flex-wrap: wrap;
margin-top: 50px;
}
.filter-posts a:focus,
.selected-projects a:focus {
text-decoration: underline!important;
text-decoration-thickness: 0.5px !important;
}
.section-content.projects {
margin-top: 0;
}
.post {
display: grid;
max-width: min-content;
margin-left: 45px;
margin-bottom: 10px;
align-content: stretch;
}
.section-content.projects .post:nth-child(odd) {
margin-left: 0px;
}
.post:nth-child(even) {
margin-left: 26px;
}
.post-image-wrapper {
max-height: calc(((50vw - 58px) / 3) * 2);
max-width: calc(50vw - 58px);
height: auto;
overflow: hidden;
}
.related-projects .post-image-wrapper {
max-height: none;
max-width: none;
}
.related-projects .post .wp-post-image {
max-width: 330px !important;
width: auto !important;
transition: 0.3s ease-in-out;
transform: scale(1);
height: auto !important;
}
.post .wp-post-image {
max-width: calc(50vw - 58px) !important;
width: calc(50vw - 58px) !important;
transition: 0.3s ease-in-out;
transform: scale(1);
}
.section-content.projects .post .wp-post-image {
max-width: calc(50vw - 58px) !important;
width: calc(50vw - 58px) !important;
height: auto !important;
}
.home img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image:hover,
.page-template-page-projects img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image:hover {
filter: saturate(1.1);
max-width: calc(50vw - 56px) !important;
width: calc(50vw - 56px) !important;
}
.filter-posts .post h1,
.filter-posts .post h2,
.section-content.projects .post h1,
.section-content.projects .post h2 {
font-size: 16px;
line-height: 21px;
font-family: var(--monico-variable);
font-variation-settings: 'wght' 300;
transition: all 0.3s ease-in-out;
}
.filter-posts .post .wp-block-jetpack-layout-grid,
.section-content.projects .post .wp-block-jetpack-layout-grid {
padding: 7px 0;
}
.filter-posts .post a,
.section-content.projects .post a {
font-family: var(--monico-variable);
font-variation-settings: 'wght' 300;
}
.filter-posts .post a:hover h1,
.filter-posts .post a:hover h2,
.section-content.projects .post a:hover h1,
.section-content.projects .post a:hover h2 { font-variation-settings: 'wght' 400;
} .categories {
width: fit-content;
margin: 0 auto;
height: 30px;
}
.categories ul {
display: flex;
padding: 0;
}
.categories li:first-child {
display: none;
}
li.filter-item {
list-style: none;
padding: 0 30px 0 30px !important;
}
.filter-item a {
text-decoration: none;
font-size: 16px;
font-family: "monico-light";
color: var(--color-moni-blue-dark);
display: block;
}
.filter-item a:hover {
color: var(--color-black);
}
.filter-item a.active {
color: var(--color-black);
border-bottom: 1px solid black;
height: 25px;
}
.filter-item a.active:before {
content: "X";
font-family: var(--monicons);
text-decoration: none !important;
font-size: 14px;
vertical-align: bottom;
} p.wp-block-create-block-moni-paragraph {
margin-top: 0px !important;
}
.wp-block-jetpack-layout-grid.alignfull.column1-desktop-grid__span-12.column1-desktop-grid__row-1.column1-tablet-grid__span-4.column1-tablet-grid__row-1.column1-mobile-grid__span-4.column1-mobile-grid__row-1 figure.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube.wp-embed-aspect-16-9.wp-has-aspect-ratio {
width: calc(100vw - 90px);
height: max-content;
}  .related-projects {
padding-bottom: 50px;
}
.search-results .post ,
.related-projects .post {
width: 100vw!important;
max-width: 100vw;
}
.search-results .post:hover,
.related-projects {
background: var(--color-moni-blue-super-light);
}
.search-results .wp-block-jetpack-layout-grid {
margin: 10px 0 50px 0!important;
}
.search-results .post p.wp-block-create-block-moni-paragraph,
.related-projects .post p.wp-block-create-block-moni-paragraph, 
.related-projects .post p.wp-block-create-block-moni-paragraph a {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.search-results .post .wp-block-create-block-text-small-black {
display: none;
}
.search-results .post p.wp-block-create-block-moni-paragrap h1 {
font-size: 16px;
line-height: 24px;
color: black!important;
}
.search-results .wp-block-jetpack-layout-grid.alignfull.column1-desktop-grid__span-12.column1-desktop-grid__row-1.column1-tablet-grid__span-4.column1-tablet-grid__row-1.column1-mobile-grid__span-4.column1-mobile-grid__row-1,
.related-projects .wp-block-jetpack-layout-grid.alignfull.column1-desktop-grid__span-12.column1-desktop-grid__row-1.column1-tablet-grid__span-4.column1-tablet-grid__row-1.column1-mobile-grid__span-4.column1-mobile-grid__row-1,
.search-results .wp-block-jetpack-layout-grid.alignfull.column1-desktop-grid__span-6.column1-desktop-grid__row-1.column2-desktop-grid__span-4.column2-desktop-grid__start-9.column2-desktop-grid__row-1.column1-tablet-grid__span-8.column1-tablet-grid__row-1.column2-tablet-grid__span-4.column2-tablet-grid__row-2.column1-mobile-grid__span-12.column1-mobile-grid__row-1.column2-mobile-grid__span-12.column2-mobile-grid__row-4 ,
.related-projects .wp-block-jetpack-layout-grid.alignfull.column1-desktop-grid__span-6.column1-desktop-grid__row-1.column2-desktop-grid__span-4.column2-desktop-grid__start-9.column2-desktop-grid__row-1.column1-tablet-grid__span-8.column1-tablet-grid__row-1.column2-tablet-grid__span-4.column2-tablet-grid__row-2.column1-mobile-grid__span-12.column1-mobile-grid__row-1.column2-mobile-grid__span-12.column2-mobile-grid__row-4  {
padding: 0;
}
.search-results .page-header {
border-bottom: 0px!important;
margin: 0 45px!important;
padding: 0;
}
.search-results .wp-block-jetpack-layout-grid,
.related-projects .wp-block-jetpack-layout-grid {
padding: 20px 45px 37px 45px!important;
margin: 0;
}
.search-result-count.default-max-width {
margin: 0 45px;
font-size: 16px;
} @media (max-width: 1080px) {
.wp-block-create-block-moni-project-title {
max-width: none;
min-width: 100%!important;
}
.selected-projects .wp-block-create-block-moni-project-title{ 
min-width: calc(50vw - 60px)!important;
} 
}
@media (max-width: 800px) {
.section-content.news .wp-block-image {
margin: 0 !important;
}
.section-title {
font-size: 36px;
line-height: 42px;
}
.news-posts {
margin-top: 0px;
}
} @media (max-width: 700px) {
.post .wp-post-image {
max-width: calc(100vw - 90px) !important;
}
.post .wp-post-image,
.section-content.projects .post .wp-post-image {
max-width: calc(50vw - 58px) !important;
width: calc(50vw - 58px) !important;
}
.related-projects .post .wp-post-image {
width: 100%!important;
}
.wp-block-create-block-moni-project-title {
max-width: calc(100vw - 90px);
}
.post:nth-child(even) {
margin-left: 26px;
}
.section-content.projects .post:nth-child(even),
.related-projects .post:nth-child(even) {
margin-left: 0px;
}
} @media (max-width: 600px) {
.section-content.news .wp-block-create-block-moni-project-title {
width: calc(100vw - 90px);
}
.filter-posts .post h1,
.filter-posts .post h2,
.section-content.projects .post h1,
.section-content.projects .post h2 {
font-size: 14px;
line-height: 18px;
}
.search-results .wp-block-jetpack-layout-grid.column2-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(2),
.related-projects .wp-block-jetpack-layout-grid.column2-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
grid-row-start: 2;
}
.post-image-wrapper {
max-height: 100%;
max-width: calc(100vw - 40px);
}
.news-posts {
padding: 20px 25px 40px 25px;
}
.selected-projects {
padding: 50px 25px 40px 25px;
}
.section-title {
font-size: 28px;
line-height: 42px;
}
.entry-content .project-title img, .wp-block-image.alignfull .project-title img {
max-width: calc(100vw - 50px) !important;
width: calc(100vw - 50px) !important;
}
.post .wp-post-image, .section-content.projects .post .wp-post-image {
max-width: calc(100vw - 50px) !important;
width: calc(100vw - 50px) !important;
}
.home img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image:hover, .page-template-page-projects img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image:hover {
max-width: calc(100vw - 50px) !important;
width: calc(100vw - 50px) !important;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width: auto !important;
}
.post {
margin-left: 25px;
}
.post:nth-child(even) {
margin-left: 25px;
}
.categories {
width: auto;
}
.search-results .wp-block-jetpack-layout-grid, .related-projects .wp-block-jetpack-layout-grid {
padding: 20px 25px 37px 25px!important;
}
section.no-results.not-found {
margin: 0 25px;
}
}
@media (max-width: 500px) { 
.page-template-page-projects main#main {
padding-top: 30px;
}
.categories ul {
flex-direction: column;
}
li.filter-item {
max-width: fit-content;
}
.filter-posts {
margin-top: 90px;
}
}
site-footer {
padding-bottom: 0!important;
margin-bottom: calc(1.7 * var(--global--spacing-vertical));
}
.single .site-main > article > .entry-footer {
border: 0;
}
.site-footer > .site-info {
border: none;
}
footer.entry-footer.default-max-width {
display: none !important;
}
.footer-wrapper {
display: flex;
font-size: 16px;
line-height: 21px;
flex-wrap: nowrap;
padding: 140px 5vw 20px 45px;
background-color: white;
margin-top: -30px;
}
.footer-wrapper .site-logo a:focus {
position: relative !important;
}
.footer-wrapper .site-logo{
position: relative !important;
}
footer#colophon {
background-color: white;
margin-left: 0;
margin-right: 0;
max-width: 100vw;
}
.footer-column {
margin: 8px 50px 0 0px;
flex-grow: 4;
font-family: var(--monico-light);
}
.footer-column:first-child {
margin: 0 50px 0 0;
}
.footer-column strong {
font-family: var(--monico-regular);
color: black!important;
}
.footer-wrapper .site-logo a {
margin: 0!important;
position: relative;
color: var(--color-dark-blue) !important;
}
.footer-wrapper .site-logo {
margin: 0;
} @media (max-width: 1000px) {
.footer-wrapper {
flex-wrap: wrap;
}
.footer-column:first-child {
width: 100vw;
}
.footer-column {
margin: 38px 50px 0 0px;
}
} @media (max-width: 800px) {
.footer-wrapper {
padding: 90px 5vw 20px 45px;
}
} @media (max-width: 600px) {
.footer-column {
margin: 22px 50px 0 0px;
width: 100vw;
}
.footer-wrapper {
padding: 50px 25px 20px 25px;
}
}

.accordion {
background: white;
margin: 0;
padding: 100px 14vw 110px 14vw;
}
.highlight, mark {
background: none !important;
}
.has-inline-color.has-moni-blue-dark-color {
background: white !important;
}
.aagb__accordion_component {
hyphens: auto;
}
.accordion .wp-block-create-block-text-small-black {
max-width: 80%;
}
.accordion .wp-block-jetpack-layout-grid{
padding: 0!important;
}
.aab__accordion_head.aab_right_icon.aab__accordion_head--keyboard {
padding: 18px 0px 8px 0px!important;
}
.aab__accordion_body {
padding: 10px 0px 20px 0px !important;
}
.wp-block-aab-accordion-item.aagb__accordion_container.panel {
margin: -1px !important;
border-top: 1px solid #002034 !important;
border-bottom: 1px solid #002034!important;
}
.wp-block-button.How-we-do-links a.wp-block-button__link.wp-element-button {
margin: 0px !important;
padding: 10px !important;
font-family: var(--monico-variable-italic)!important;
font-size: 16px;
text-align: left!important;
max-width: none!important;
}
.wp-block-button.How-we-do-links .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
font-family: var(--monico-variable-italic)!important;
font-variation-settings: 'wght' 350;
transition: all 0.3s ease-in-out;
border: 0px solid #002034 !important;
background: #fafafa  !important;
}
.wp-block-button.How-we-do-links.alternative .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
background: none  !important;
padding-left: 0px !important;
padding-top: 0px !important;
padding-right: 20px !important;
}
.wp-block-button.How-we-do-links.alternative-2 .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
background: none  !important;
border: 0.5px solid #002034 !important;
}
.wp-block-button.How-we-do-links a.wp-block-button__link.wp-element-button:hover { font-variation-settings: 'wght' 350;
background-color: #ffffff !important;
color: var(--color-dark-blue) !important;
font-size: 16px;
border: 0px solid #002034 !important;
background: #a6c5c938 !important;
font-family: var(--monico-variable-italic)!important;
text-align: left;
padding: 10px;
margin: 0px !important;
}
.wp-block-button.How-we-do-links.alternative a.wp-block-button__link.wp-element-button:hover { font-variation-settings: 'wght' 350;
background-color: #ffffff !important;
color: var(--color-dark-blue) !important;
font-size: 16px;
border: 0px solid #002034 !important;
background: none !important;
font-family: var(--monico-variable-italic) !important;
text-align: left;
padding-left: 0px !important;
padding-top: 0px !important;
padding-right: 20px !important;
margin: 0px !important;
text-decoration: underline !important;
text-decoration-thickness: 0.8px !important;
text-decoration-style: dotted !important;
text-underline-offset: 9px !important;
}
.wp-block-button.How-we-do-links.alternative-2 a.wp-block-button__link.wp-element-button:hover { font-variation-settings: 'wght' 350;
color: var(--color-dark-blue) !important;
font-size: 16px;
border: 0.5px solid #002034 !important;
background: #748e950f !important;
font-family: var(--monico-variable-italic) !important;
text-align: left;
padding-left: 10px !important;
margin: 0px !important;
}
.wp-block-aab-accordion-item.aagb__accordion_container.panel.aagb__accordion_active {
border-width: 0px !important;
}
.wp-block-button.How-we-do-links {
border: 0px solid #00203424;
text-align: left;
margin: 0 !important;
max-width: none;
width: auto;
}
.wp-block-aab-accordion-block .aab__accordion_body {
border-top: 0px solid!important; 
}
.wp-block-aab-accordion-block .aab__accordion_head.aab__accordion_head--keyboard:focus {
box-shadow: 0 0 0px rgba(0, 123, 255, 0.5)!important;
} .dashicons-plus-alt2:before {
content: "";
width: 30px;
height: 1px;
background: #252525;
right: 4vw;
transition: all 0.2s ease-out;
position: absolute;
margin-right: 10vw;
transform: rotate(90deg);
}
.dashicons-plus-alt2::after,
.dashicons-minus:before {
content: "";
width: 30px;
height: 1px;
background: #252525;
right: 4vw;
transition: all 0.2s ease-out;
position: absolute;
margin-right: 10vw;
transform: rotate(0deg);
}
.aagb__accordion_body.aagb__accordion_body--show {
border-top-width: 0px !important;
}
.wp-block-aab-accordion-item.aagb__accordion_container.panel,
.wp-block-aab-accordion-item.aagb__accordion_container.panel.aagb__accordion_active {
border: 0px !important;
border-top: 1px solid #252525 !important;
border-bottom: 1px solid #252525 !important;;
padding: 20px 0;
border-radius: 0px;
}
.wp-block-aab-accordion-item .aagb__accordion_head {
background: none !important;
padding: 13px 22px 4px 22px;
}
.wp-block-aab-accordion-item .aagb__accordion_head .aagb__accordion_icon .aagb__icon_dashicons_box {
margin-top: 10px!important;
}
.wp-block-aab-accordion-item.aagb__accordion_container.panel:hover .dashicons-plus-alt2:before,
.wp-block-aab-accordion-item.aagb__accordion_container.panel:hover .dashicons-plus-alt2:after,
.wp-block-aab-accordion-item.aagb__accordion_container.panel:hover .dashicons-minus:before {
height: 2px;
} 
h2.aagb__accordion_title {
font-size: 46px!important;
font-family: var(--monico-variable)!important;
font-variation-settings: 'wght' 280;
transition: all 0.2s ease-in-out;
}
.wp-block-aab-accordion-item.aagb__accordion_container.panel:hover h2.aagb__accordion_title {
font-variation-settings: 'wght' 320;
}
@media (max-width: 800px) {
h2.aagb__accordion_title {
font-size: 36px!important;
line-height: 42px;
}
.accordion .wp-block-create-block-text-small-black {
max-width: 100%;
}
}
@media (max-width: 600px) {
h2.aagb__accordion_title {
font-size: 28px!important;
line-height: 42px;
}
.dashicons-plus-alt2:before,
.dashicons-plus-alt2::after,
.dashicons-minus:before {
width: 24px;
right: -15px;
}
.accordion .wp-block-buttons.is-nowrap.is-layout-flex.wp-block-buttons-is-layout-flex {
flex-direction: column;
align-items: baseline;
}
.accordion {
background: white;
margin: 0;
padding: 0px 0vw 1px 0vw;
}
.aagb__accordion_head.aab_right_icon.aagb__accordion_head--keyboard {
padding: 10px 25px 10px 25px!important;
}
.aagb__accordion_body.aagb__accordion_body--show {
padding: 0 45px 0 25px !important;
}
.aagb__accordion_component .wp-block-spacer {
height: 22px!important;
}
}
@media (min-width: 1450px) { 
.dashicons-plus-alt2:before,
.dashicons-plus-alt2::after, .dashicons-minus:before {    right: 10vw;}
.accordion {
padding: 100px 20vw 110px 20vw;
}
}
body {
overflow-x: hidden!important;
}
::selection {
background: #788f903b;
}
*,
a {
font-family: var(--monico-regular);
color: var(--color-dark-blue);
text-decoration: none!important;
}
p,
h1 {
font-family: var(--monico-variable);
font-variation-settings: 'wght' 310;
color: var(--color-moni-blue-dark);
}
h2 {
font-family: var(--monico-light);
color: var(--color-black);
}
h1, h1.page-title,
h2 {
font-size: 36px;
line-height: 48px;
font-family: var(--monico-variable);
font-variation-settings: 'wght' 330;
}
.home h2,
.home h1,
.page-template-page-landing-new h2,
.page-template-page-landing-new h1,
.page-template-page-news h2,
.page-template-page-news h1,
.search-results h1,
.search-results h2,
.related-projects h1,
.related-projects h2 {
font-size: 24px;
line-height: 28px;
}
.list li, .list ul {
font-size: 22px!important;
line-height: 34px!important;
margin-top: 10px;
font-family: var(--monico-light) !important;
color: var(--color-moni-blue-dark) !important;
list-style: none;
padding: 0;
display: inline-block;
width: 100%;
}
.list ul {
margin-left: 25px;
}
.list li:before {
font-family: var(--monicons);
content: "•";
margin: 0 0.5em 0 -1em;
line-height: 24px;
}
.wp-block-create-block-text-small-black,
.search-results .wp-block-create-block-moni-paragraph,
.related-projects .wp-block-create-block-moni-paragraph {
font-family: var(--monico-variable)!important;
font-variation-settings: 'wght' 320;
color: var(--color-black) !important;;
font-size: 16px!important;
line-height: 24px !important;
}
img.lazyautosizes.lazyloaded {
max-height: 100%;
max-width: 100%!important;
height: auto!important;
}
.single.single-projekte .project-title img.lazyautosizes.lazyloaded {
max-width: none!important;
}
header#masthead {
position: absolute;
}
strong {
font-weight: 500;
color: var(--color-moni-blue-dark);
}
.wp-block-create-block-text-small-black strong {
color: var(--color-black);
}
p {
hyphens: auto !important;
}
em {
font-style: normal;
} .btn-page-link.projects-overview {
margin: 0 45px !important;
} .btn-page-link.landing-page {
margin: 0 auto 30px auto;
border: 0.5px solid var(--color-dark-blue);
width: 164px;
padding: 10px 10px 5px 10px;
text-align: center;
}
.btn-page-link {
font-size: 16px!important;
}
.btn-page-link a {
font-family: var(--monico-variable-italic)!important;
font-variation-settings: 'wght' 300!important;
transition: all 0.3s ease-in-out!important;
display: inline-block!important;
}
.btn-page-link.landing-page.project-overview a {
font-size: 16px;
font-family: var(--monico-variable) !important;
font-variation-settings: 'wght' 300 !important;
transition: all 0.3s ease-in-out !important;
display: inline-block !important;
}
.btn-page-link a:hover,
.btn-page-link a:focus { font-variation-settings: 'wght' 350;
}
.btn-page-link.landing-page.project-overview {
width: 125px;
position: relative;
right: 45px; margin: -202px 0px 30px auto;
background: #fafafa00; cursor: pointer; padding: 10px 0px 5px 0px;
border-radius: 1px;
border: 0.1px dashed #00203487;
}
.btn-page-link.landing-page.project-overview span.arrow{
margin-right: 7px;
}
.btn-page-link.landing-page.project-overview:hover .arrow{
text-shadow: 0 0px 0px black;
}
.btn-page-link.landing-page.project-overview:hover a {
font-variation-settings: 'wght' 340 !important;
}
button {
position: relative;
display: inline-block;
cursor: pointer;
outline: none;
border: 0;
vertical-align: middle;
text-decoration: none;
background: transparent;
padding: 0;
font-size: inherit;
font-family: inherit;
}
button.page-link {
width: 161px;
height: auto;
}
button.page-link .circle {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: relative;
display: block;
margin: 0;
width: 3rem;
height: 3rem;
background: #ffffff;
border-radius: 1.625rem;
border: 0.5px solid black;
border-style: dashed;
}
button.page-link .circle .icon {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background: #fff;
}
button.page-link .circle .icon.arrow {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
left: 16px; height: 0;
background: none;
font-family: var(--monicons);
line-height: 11px;
} button.page-link .button-text {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); 
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0.75rem 0;
margin: 0 0 0 1.85rem;
font-family: var(--monico-variable) !important;
font-variation-settings: 'wght' 320 !important;
font-size: 16px;
}
button:hover .circle {
width: 100%;
} button:hover .button-text { font-variation-settings: 'wght' 370 !important;
}  .btn-page-link span,
.wp-block-button.How-we-do-links span {
font-family: var(--monicons);
line-height: 0px; } .site .button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
.wp-block-search .wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file a.wp-block-file__button:focus {
outline-offset: 0px;
outline: 0px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
.site textarea:focus {
outline: none;
background-color: #f2f6f7;
} .wp-block-jetpack-layout-grid-editor,
.wp-block-jetpack-layout-grid {
padding: 0 45px 0 45px;
}
.page-template-page-landing .wp-block-jetpack-layout-grid-editor,
.page-template-page-landing .wp-block-jetpack-layout-grid,
.page-template-page-landing-new .wp-block-jetpack-layout-grid-editor,
.page-template-page-landing-new .wp-block-jetpack-layout-grid {
padding: 0;
}
div#primary {
padding-top: 140px;
}
.page-id-212 div#primary,
.page-id-1845  div#primary {
padding-top: 80px;
}
.has-moni-blue-dark-color,
.has-white-color,
.has-moni-blue-light-color,
.has-moni-blue-color,
.has-black-color[class] {
font-family: var(--monico-light) !important;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce)
{
max-width: none;
} @media (max-width: 900px) {
.single-projekte .wp-block-create-block-moni-project-title h1,
.single-projekte .wp-block-create-block-moni-project-title h2 {
width: calc(100vw - 60px);
}
}
@media (max-width: 800px) {
.wp-block-jetpack-layout-grid.column2-tablet-grid__row-1
> .wp-block-jetpack-layout-grid-column:nth-child(2) { }
.section-content.news
.wp-block-jetpack-layout-grid.column2-tablet-grid__row-1
> .wp-block-jetpack-layout-grid-column:nth-child(2) {
grid-row-start: 1 !important;
}
}
@media (max-width: 600px) {
.section-content.news
.wp-block-jetpack-layout-grid.column2-tablet-grid__row-1
> .wp-block-jetpack-layout-grid-column:nth-child(2) {
grid-row-start: 2 !important;
}
.wp-block-create-block-text-small-black, .search-results .wp-block-create-block-moni-paragraph, .related-projects .wp-block-create-block-moni-paragraph {
font-size: 14px!important;
line-height: 22px !important;
}
.home h2, .home h1, .page-template-page-news h2, .page-template-page-news h1, .search-results h1, .search-results h2, .related-projects h1, .related-projects h2 {
font-size: 22px;
line-height: 26px;
}
.wp-block-jetpack-layout-grid-editor, .wp-block-jetpack-layout-grid {
padding: 0 25px 0 25px;
}
.wp-block-jetpack-layout-grid-editor, .wp-block-jetpack-layout-grid {
padding: 0 25px 0 25px;
}
.section-content.news .wp-block-jetpack-layout-grid-editor {
padding: 0 0px 0 0px;
}
p.wp-block-create-block-moni-paragraph {
font-size: 18px!important;
line-height: 29px!important;
}
.wp-block-image figcaption {
font-size: 14px!important;
line-height: 22px !important;
}
h1, h2 {
font-size: 32px;
line-height: 40px;
}
.btn-page-link.projects-overview {
margin: -20px 25px 0px 25px !important;
}
.wp-block-jetpack-layout-grid {
grid-template-columns: auto;
}
.btn-page-link.landing-page.project-overview {
right: 25px;
}
}
@media (max-width: 400px) {
h1, h2 {
font-size: 28px;
line-height: 36px;
}
}