/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


@media (prefers-reduced-motion: no-preference) {
    html { 
        scroll-behavior: smooth;
    }
}

body.menu-open {
    overflow: hidden;
}


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*
@font-face {
  font-family:"Tisa Light";
  src:url("../fonts/tisa/63d98d82-cdc2-4f22-8883-bede07823185.eot?#iefix");
  src:url("../fonts/tisa/63d98d82-cdc2-4f22-8883-bede07823185.eot?#iefix") format("eot"),url("../fonts/tisa/163f4b9f-d9b9-42c5-9098-d70e0016ae27.woff2") format("woff2"),url("../fonts/tisa/cc68d660-f674-409c-9be1-7f7f8bc0542a.woff") format("woff"),url("../fonts/tisa/2385d9d0-f23e-4d30-abb4-28817eda1254.ttf") format("truetype");
}

@font-face {
  font-family: 'Baskerville BT';
  src: url('../fonts/baskerville/baskervillebt-webfont.woff2') format('woff2'),
       url('../fonts/baskerville/baskervillebt-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Secular One';
  src: url('../fonts/secular/secular-one-v5-latin-regular.woff2') format('woff2'),
       url('../fonts/secular/secular-one-v5-latin-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
*/

/* roboto-300 - latin_latin-ext */
/*
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto/roboto-v30-latin_latin-ext-300.woff2') format('woff2'), 
       url('../fonts/roboto/roboto-v30-latin_latin-ext-300.ttf') format('truetype');
}
*/

/* roboto-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-v30-latin_latin-ext-regular.woff2') format('woff2'), 
  		 url('../fonts/roboto/roboto-v30-latin_latin-ext-regular.ttf') format('truetype');
}

/* roboto-500 - latin_latin-ext */
/*
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto/roboto-v30-latin_latin-ext-500.woff2') format('woff2'), 
       url('../fonts/roboto/roboto-v30-latin_latin-ext-500.ttf') format('truetype'); 
}
*/

/* roboto-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-v30-latin_latin-ext-700.woff2') format('woff2'), 
       url('../fonts/roboto/roboto-v30-latin_latin-ext-700.ttf') format('truetype'); 
}



/* Font smoothing: https://gist.github.com/hsleonis/55712b0eafc9b25f1944 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}


*,
*:before,
*:after {
    box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  font-family: 'Roboto', serif;
  font-size: 20px;
  line-height: calc(23/20);
  font-weight: 400;
  letter-spacing: 0.065em;
  color: #272727;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6, b, strong {
  font-weight: 700;
  text-transform: uppercase;
}
p {
  margin: 0;
  hyphens: auto;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6, 
p {
	word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto!important;
}


.home h1, .home .h1,
.home h2, .home .h2,
.home h3, .home .h3,
.home-2022 h1, .home-2022 .h1,
.home-2022 h2, .home-2022 .h2,
.home-2022 h3, .home-2022 .h3,
.page-2022 h1, .page-2022 .h1,
.page-2022 h2, .page-2022 .h2,
.page-2022 h3, .page-2022 .h3,
.page-2023 h1, .page-2023 .h1,
.page-2023 h2, .page-2023 .h2,
.page-2023 h3, .page-2023 .h3 {
  font-size: 23px;
  line-height: calc(38/25);
  letter-spacing: 0.02em;
  margin: 0;
}

.category-blog-2022 h1, .category-blog-2022 .h1,
.category-blog-2022 h2, .category-blog-2022 .h2,
.category-blog-2022 h3, .category-blog-2022 .h3 {
  font-size: 40px;
  line-height: calc(80/60);
  letter-spacing: 0.02em;
  margin: 0;
}


h1, .h1,
h2, .h2 {
  font-size: 43px;
  line-height: calc(56/43);
  margin: 0;
}
h3, .h3 {
  font-size: 31px;
  line-height: calc(56/43);
  margin: 0;
}

.work-grid h3, .work-grid .h3,
.related h3 {
  font-size: 21px;
  line-height: calc(56/43);
  margin: 0;
}


h4, .h4 {
  font-size: 28px;
  line-height: calc(20/20);
  margin: 0;
}
h5, .h5 {
  font-size: 28px;
  line-height: calc(20/20);
  margin: 0;
}
h6, .h6 {
  font-size: 20px;
  line-height: calc(23/20);
  margin: 0;
}
article p {
  font-size: 20px;
  line-height: calc(36/23);
}
article.home-2026 p {
  font-size: 18px;
}
.logo {
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.147em;
  text-transform: uppercase;
}
.click-for-more {
  font-size: 42px;
  line-height: 1.2;
}
.landingpage {
  color: #1FFF39!important;
  text-transform: uppercase;
}
.landingpage .h1 {
  font-size: 160px;
  line-height: 0.9em;
  font-weight: 400;
  letter-spacing: 0.109em;
}


.home-2022 .landingpage-slogan p {
  font-size: 64px;
  line-height: 1;
}

nav ul > li {
/*   font-size: 48px; */
  font-size: 22.5px;
  font-weight: 700;
}
nav.nav-2026 ul > li {
  font-size: 19px;
}

[class*="frontpage-teaser"] {
  font-size: 30px;
  color: #1FFF39;
}

.toggle-mode a {
  color: #1FFF39;
  text-transform: uppercase;
  cursor: pointer;
}

.toggle-mode {
  color: #1FFF39;
  text-transform: uppercase;
  cursor: pointer;
}

footer {
  font-size: 18px;
  font-weight: 400;
  /* text-transform: uppercase; */
}
footer strong {
  text-transform: none;
}

.explore figcaption {
	font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}


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

  .item .inner .h4 {
    font-size: 18px;
    letter-spacing: 0.05em;
/*     word-break: break-word; */
    overflow: hidden;
  }
  .item .inner p {
    font-size: 15px;
    letter-spacing: 0.05em;
  }

  .layout-1 .item:nth-child(1) .inner .h4,
  .layout-2 .item:nth-child(1) .inner .h4,
  .layout-3 .item:nth-child(3) .inner .h4,
  .layout-4 .item:nth-child(2) .inner .h4,
  .layout-5 .item:nth-child(2) .inner .h4,
  .layout-6 .item:nth-child(3) .inner .h4 {
    font-size: 12px;
  }
}


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

/*
  .home h1, .home .h1,
  .home h2, .home .h2 {
    font-size: 75px;
  }
*/

  .home h1, .home .h1,
  .home h2, .home .h2,
  .home-2022 h1, .home-2022 .h1,
  .home-2022 h2, .home-2022 .h2,
  .home-2022 h3, .home-2022 .h3,
  .page-2022 h1, .page-2022 .h1,
  .page-2022 h2, .page-2022 .h2,
  .page-2022 h3, .page-2022 .h3,
  .page-2023 h1, .page-2023 .h1,
  .page-2023 h2, .page-2023 .h2,
  .page-2023 h3, .page-2023 .h3,
  .category-blog-2022 h1, .category-blog-2022 .h1,
  .category-blog-2022 h2, .category-blog-2022 .h2,
  .category-blog-2022 h3, .category-blog-2022 .h3 {
    font-size: 60px;
    line-height: calc(75/60);
  }

  h1, .h1,
  h2, .h2 {
    font-size: 43px;
  }
  h3, .h3 {
    font-size: 31px;
  }

  .work-grid h3, .work-grid .h3,
  .related h3 {
    font-size: 21px;
  }

  h4, .h4 {
    font-size: 28px;
  }
  h5, .h5 {
    font-size: 28px;
  }
  h6, .h6 {
    font-size: 20px;
  }
  article p {
    font-size: 23px;
  }
  .logo {
    font-size: 23px;
  }
  .click-for-more {
    font-size: 65px;
  }  
  .landingpage .h1 {
    font-size: 409px;
  }
  .home-2022 .landingpage-slogan p {
    font-size: 140px;
  }
  footer {
	  font-size: 20px;
  }

}
@media (min-width: 1060px) and (max-height: 860px) {
  
  nav ul > li {
    font-size: 120px;
  }
  nav.nav-2026 ul > li {
    font-size: 23px;
  }

}
@media (min-width: 1060px) and (min-height: 861px) {

  nav ul > li {
    font-size: 120px;
  }
  nav.nav-2026 ul > li {
    font-size: 23px;
  }

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

  .item .inner .h4 {
    font-size: 28px;
    letter-spacing: 0.109em;
  }
  .item .inner p {
    font-size: 20px;
    letter-spacing: 0.109em;
  }
  .layout-1 .item:nth-child(1) .inner .h4,
  .layout-2 .item:nth-child(1) .inner .h4,
  .layout-3 .item:nth-child(3) .inner .h4,
  .layout-4 .item:nth-child(2) .inner .h4,
  .layout-5 .item:nth-child(2) .inner .h4,
  .layout-6 .item:nth-child(3) .inner .h4 {
    font-size: 24px;
  }

}


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

  .layout-1 .item:nth-child(1) .inner .h4,
  .layout-2 .item:nth-child(1) .inner .h4,
  .layout-3 .item:nth-child(3) .inner .h4,
  .layout-4 .item:nth-child(2) .inner .h4,
  .layout-5 .item:nth-child(2) .inner .h4,
  .layout-6 .item:nth-child(3) .inner .h4 {
    font-size: 26px;
  }

}



a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

figure {
  margin-top: 0;
  margin-bottom: 0;
}


/* Dark Mode */
body.dark {
  background-color: #272727;
  color: #fff;
}
.dark nav,
.dark nav ul a {
  color: #fff;
}
.dark #menu-icon, .dark #menu-icon::before, .dark #menu-icon::after {
  background-color: #fff;
}
.dark nav input:checked ~ #overlay {
  background-color: #272727;
}


/*
@media screen and (prefers-color-scheme: dark) {
  body {
    background-color: #272727;
    color: #fff;
  }
  nav,
  nav ul a {
    color: #fff;
  }
  #menu-icon, #menu-icon::before, #menu-icon::after {
    background-color: #fff;
  }
  nav input:checked ~ #overlay {
    background-color: #272727;
  }
}
*/



main {
  overflow-x: hidden; 
}
main > .container {
/*   padding-top: 80px; */
  padding-top: 54px;
}


/************************************************/
/****************** NAVIGATION ******************/
/************************************************/
nav {
  color: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
/*** LOGO ***/
nav .logo {
  position: relative;
  z-index: 2;
  float: left;
  display: block;
  padding: 15px 0 15px;
}
nav .logo a {
  display: inline-block;
  width: 100%;
  height: 24px;
/*
  text-indent: -999em;
  background: url(../img/Studiochristianruess-logo.svg) no-repeat 0 0;
  background-size: contain;
*/
}
nav .logo a svg {
	height: 100%;
	width: auto;
}
/*** INPUT ***/
nav input {
  float: left;
  opacity: 0;
  position: absolute;
  z-index: -1;
}

/*** LABEL ***/
nav label {
  position: absolute;
  right: 20px;
  z-index: 2;
  cursor: pointer;
  display: block;
  float: right;
  width: 40px;
  padding: 18px 0 0;
  text-align: right;
}

/* Hamburger Icon */
#menu-icon,
#menu-icon:before,
#menu-icon:after {
  background: #000;
  height: 3px;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
#menu-icon {
  display: inline-block;
  margin: 7px 0;
  max-width: 23px;
  position: relative;
}
nav label #menu-icon {
  xfloat: right;
}
#menu-icon:before,
#menu-icon:after {
  content: '';
  left: 0;
  position: absolute;
}
#menu-icon:before {
  top: -7px;
}
#menu-icon:after {
  bottom: -7px;
}

/* Close Icon */
nav input[type=checkbox]:checked + label #menu-icon {
  background: transparent;
}

nav input[type=checkbox]:checked + label #menu-icon:before {
  top: 0;
  transform: rotate(-45deg);
}

nav input[type=checkbox]:checked + label #menu-icon:after {
  bottom: 0;
  transform: rotate(45deg);
}


/*** MENU ***/
/* Overlay */
nav input:checked ~ #overlay {
  background: #fff;
  bottom: 0;
  left: 0;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: -1;
}

/* List */
nav .main-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  overflow-y: scroll;
  opacity: 1;
  display: none;
  flex-direction: column;
  justify-content: center;
}
nav input:checked ~ .main-menu {
  display: flex;;
}
nav ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  line-height: 1;
  list-style: none;
  max-width: 1640px;
  width: 100%;  
  height: 100%;
  margin: 0 auto;
  padding: 120px 20px 60px;
  text-align: left;
  text-transform: uppercase;
}
nav ul > li {
  margin: 0;
}
nav ul a {
 	display: block;
  color: #000;
  text-decoration: none;
  border: 3px solid currentColor;
  padding: 0.325em 1.5em;
  border-radius: 9999px;
	text-align: center;
}
nav ul a:hover {
  color: #6BFF4F;
  text-decoration: none;
}

/* ------ Nav 2026 ----- */

body:not(.menu-open) .nav-2026 {
  mix-blend-mode: difference;
}
body:not(.menu-open) .nav-2026 a {
  color: #fff;
}
body:not(.menu-open) #menu-icon, 
body:not(.menu-open) #menu-icon::before, 
body:not(.menu-open) #menu-icon::after {
  background-color: #fff;
}


nav.nav-2026 .logo {
  padding-top: 20px;
}
nav.nav-2026 .logo a {
  height: auto;
}
nav.nav-2026 .main-menu {
  padding: 120px 20px 60px;
  justify-content: space-between;
  gap: 64px;
}
nav.nav-2026 ul {
  height: auto;
  justify-content: flex-start;
  padding: 0;
}
nav.nav-2026 ul a {
  border: none;
  padding: 0;
  border-radius: 0;
  text-align: left;
}
nav.nav-2026 ul a:hover {
  color: #ff0000;
}
nav.nav-2026 #social-menu a {
  font-weight: 400;
  text-transform: none;
}


@media (min-width: 768px) {

	main > .container {
	  padding-top: 90px;
	}


  nav .logo {
/*     padding: 32px 0 28px; */
		padding: 30px 0;
  }
  nav.nav-2026 .logo {
    padding-top: 30px;
  }
  nav .logo a {
    /* width: 320px;
    height: 30px; */
  }
  nav label {
	  position: relative;
/*     padding: 32px 0 28px; */
    padding: 35px 0 0;
  }
/*
  nav input:checked ~ .main-menu {
    display: block;
    padding-top: 100px;
  }
*/
  nav ul {
    padding: 150px 20px 150px;
  }
}

@media (min-width: 1060px) {

  nav input:checked ~ .main-menu {
    display: flex;
  }
	nav ul a {
	  border: none;
	  padding: 0;
	  border-radius: 0;
	  text-align: left;
	}


  /* ------ Nav 2026 ----- */

  nav.nav-2026 label {
    display: none;
  }
  nav.nav-2026 .main-menu {
    display: flex;
    position: static;
    opacity: 1;
    padding: 0;
  }
  nav.nav-2026 ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 40px;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    padding: 30px 0;
  }
  nav.nav-2026 #social-menu {
    display: none;
  }

}



/************************************************/
/*   Container: max. 1600px; */
/************************************************/

.container,
.content-area {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1640px;
}
.container > .alignfull {
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	max-width: 100vw;
}

/* Headline Padding in fullwidth Areas */
.alignfull h1,
.alignfull h2,
.alignfull h3,
.alignfull h4,
.alignfull h5,
.alignfull h6 {
  padding: 0 20px;
}
/*
.alignfull .wp-block-video {
  padding: 0 20px;
}
*/


@media (min-width: 768px) {
  
  .alignfull h1,
  .alignfull h2,
  .alignfull h3,
  .alignfull h4,
  .alignfull h5,
  .alignfull h6 {
    padding: 0;
  }
  .alignfull .wp-block-video {
    padding: 0;
  }
  
}


/************************************************/
/**************** Hover Shizzle *****************/
/************************************************/

.hover-effect span:hover {
  color: #1FFF39;
}


/************************************************/
/**************** Template 2022 *****************/
/************************************************/

/* Pages *************************** */

/* Section Margins */
.home-2022 > h1,
.home-2022 > h2,
.home-2022 > h3,
.home-2022 > .wp-block-group,
.home-2022 > .wp-block-columns,
.home-2022 > .wp-block-image,
.page-2022 > h1,
.page-2022 > h2,
.page-2022 > h3,
.page-2022 > .wp-block-group,
.page-2022 > .wp-block-columns,
.page-2022 > .wp-block-image {
  margin-top: 40px;
  margin-bottom: 40px;
}
.home-2022 > h1,
.page-2022 > h1 {
  margin-top: 70px;
  margin-bottom: 70px;
}
.page-2022 > p,
.page-2022 > p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.page-2022 > h2 + p,
.page-2022 > h3 + p {
  margin-top: -20px;
}

/* Video  */
.home-2022 .alignfull .wp-block-video,
.hero.alignfull .wp-block-video {
  padding: 0;
}

.home-2022 .wp-block-image img,
.home-2022 .wp-block-video video {
  height: 644px;
  object-fit: cover;
}


/* Text Max Width */

/*
.home-2022 > h1,
.home-2022 > h2,
.home-2022 > h3,
.home-2022 > p {
  max-width: 1480px;
}
.page-2022 > h1{
  max-width: 1480px;
}
.page-2022 > h2,
.page-2022 > h3,
.page-2022 > p {
  max-width: 1088px;
}
*/

/* Posts */


/* Posts *************************** */

main > .category-blog-2022 {
  padding-top: 0;
}

/* Section Margins */

.category-blog-2022 > h1,
.category-blog-2022 > h2,
.category-blog-2022 > h3,
.category-blog-2022 > .wp-block-group:not(.hero),
.category-blog-2022 > .wp-block-columns,
.category-blog-2022 > .wp-block-image {
  margin-top: 40px;
  margin-bottom: 40px;
}
.category-blog-2022 > p,
.category-blog-2022 > p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.category-blog-2022 > h2 + p,
.category-blog-2022 > h3 + p {
  margin-top: -20px;
}

.category-blog-2022 > .wp-block-columns + .wp-block-columns {
  margin-top: 0;
}


/*
.category-blog-2022 > h1 {
  max-width: 1480px;
}
.category-blog-2022 > h2,
.category-blog-2022 > h3,
.category-blog-2022 > p {
  max-width: 1088px;
}
*/

.category-blog-2022 .wp-block-column:empty {
  display: none;
}


/* Video */

.hero .wp-block-cover,
.hero video,
.category-blog-2022 .hero .wp-block-video video,
.hero img,
.category-blog-2022 .hero .wp-block-image img {
  height: 100vh;
  object-fit: cover;
}

/*
.category-blog-2022 .wp-block-video video {
  height: 644px;
  object-fit: cover;
}
*/


@media (min-width: 768px) {
  
  .home-2022 > h1,
  .home-2022 > h2,
  .home-2022 > h3,
  .home-2022 > .wp-block-group,
  .home-2022 > .wp-block-columns,
  .home-2022 > .wp-block-image,
  .page-2022 > h1,
  .page-2022 > h2,
  .page-2022 > h3,
  .page-2022 > .wp-block-group,
  .page-2022 > .wp-block-columns,
  .page-2022 > .wp-block-image {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .home-2022 > h1,
  .page-2022 > h1 {
    margin-top: 240px;
    margin-bottom: 240px;
  }
  
  .home-2022 .wp-block-image img,
  .home-2022 .wp-block-video video {
    height: auto;
  }

  .page-2022 > p,
  .page-2022 > p {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .page-2022 > h2 + p,
  .page-2022 > h3 + p {
    margin-top: -45px;
  }


  .category-blog-2022 > h1,
  .category-blog-2022 > h2,
  .category-blog-2022 > h3,
  .category-blog-2022 > .wp-block-group:not(.hero),
  .category-blog-2022 > .wp-block-columns,
  .category-blog-2022 > .wp-block-image {
    margin-top: 90px;
/*     margin-bottom: 90px; */
    margin-bottom: 45px;
  }
  .category-blog-2022 > p,
  .category-blog-2022 > p {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .category-blog-2022 > h2 + p,
  .category-blog-2022 > h3 + p {
    margin-top: -45px;
  }
  
  
  .category-blog-2022 .wp-block-column:empty {
    display: block;
  }


.hero .wp-block-cover,
.hero video,
.category-blog-2022 .hero .wp-block-video video,
.hero img,
.category-blog-2022 .hero .wp-block-image img {
    /* 16:9 */
    height: calc(100vw * 9 / 16);
  }

  
}


/************************************************/
/*********** Logo Text animation  ************/
/************************************************/

/*
.home-2022 nav .logo,
.page nav .logo,
.single nav .logo {
  overflow: hidden
}
.page nav .logo a,
.single nav .logo a,
.home-2022 nav .logo a,
.page-template-home-2022 nav .logo a {
  position: relative; 
  height: 18px;
  overflow: hidden;
}
.page nav .logo a:hover,
.single nav .logo a:hover,
.home-2022 nav .logo a:hover,
.page-template-home-2022 nav .logo a:hover {
  background: none;
  color: transparent;
}
.page nav .logo a:hover::before,
.single nav .logo a:hover::before,
.home-2022 nav .logo a:hover::before,
.page-template-home-2022 nav .logo a:hover::before {
  position: absolute;
  top: -17px;
  left: 0;
  display: block;
  min-width: 300px;
  content: ' \A
Studio Christian Ruess  \A
Love is Love \A
Rehumanizing beauty \A
The House of Love \A
Dance baby Dance \A
Love is unconditional \A
Love is Love \A
Rehumanizing beauty \A
The House of Love \A
Dance baby Dance \A ' ;
  white-space: pre-wrap;
  line-height: 18px;
  background: transparent; 
  color: rgb(39, 39, 39);
    	
  animation: ticker;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: steps(10);

}

@keyframes ticker {
	0% 		{ top: -18px; }
	100% 	{ top: calc(-18px * 11);}
}
*/



/************************************************/
/*********** More Projects dynamic  ************/
/************************************************/

.more-projects {
  margin-top: 0;
}
.more-projects ul {
  display: flex;
  flex-wrap: wrap;
}
.more-projects ul li {
  position: relative;
  width: 50vw;
  height: calc(50vw / 0.703 );
}
.more-projects ul li.landscape {
  width: 100vw;
}
.more-projects ul li figure {
  width: 100%;
  margin: 0;
}
.more-projects ul li figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {

  .more-projects {
    margin-top: 0;
  }
  .more-projects ul li {
    width: 25vw;
    height: calc(25vw / 0.703 );
  }
  .more-projects ul li.landscape {
    width: 50vw;
  }

}


/************************************************/
/*********** More Projects static    ************/
/************************************************/

.explore {
  margin-top: 0;
  margin-bottom: 0!important;
}
.page-template-work-2022-new .explore {
  margin-bottom: 0!important;
}

.explore > .wp-block-group__inner-container {
  display: flex;
  flex-wrap: wrap;
}
.explore .wp-block-image {
  position: relative;
/*
  width: 50vw;
  height: calc(50vw / 0.703 );
*/
  margin: -1px 0 0;
}
.explore .wp-block-image.landscape {
  width: 100vw;
}
.explore .wp-block-image a::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
}
.explore .wp-block-image figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0;
  padding: 20px;
  text-align: left;
}

.explore .wp-block-image.dummy,
.home .explore .wp-block-image figcaption {
  display: none;
}


@media (min-width: 768px) {

  .explore {
    margin-top: 0;
    margin-bottom: 140px!important;
  }
  .home .explore,
  .page-template-work-2022-new .explore {
    margin-bottom: 0!important;
  }
  .explore .wp-block-image {
    width: 25vw;
    height: calc(25vw / 0.703 );
    margin: 0;
  }
  .explore .wp-block-image.landscape {
    width: 50vw;
  }

  .explore .wp-block-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

/*
	.explore .wp-block-image figcaption {
		display: none;
	}
*/
	.explore .wp-block-image.dummy {
    display: block;
  }

/*
  .explore .wp-block-image figcaption {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 15px;
    text-align: center;
    background: rgba(0,0,0,0);
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
  }

  .explore .wp-block-image :hover .inner,
  .explore .wp-block-image:hover figcaption {
    opacity: 1;
    z-index: 1;
  }


  .explore .wp-block-image.dummy {
    display: block;
  }

  .explore figcaption {
    color: transparent;
    -webkit-text-stroke: 0.02em #1FFF39;
    font-size: 15vw;
    line-height: 12vw;
  }
*/



}




/************************************************/
/*********** Project Overview (WORK) ************/
/************************************************/

.item {
  margin-bottom: 20px;
}
.item a {
  display: block;
  position: relative;
}
.item img {
  width: 100%;
  height: auto;
}
.item .inner {
  width: 100%;
  height: auto;
  padding: 15px;
  background: #1FFF39;
  color: #272727;
}



@media (min-width: 768px) {

  .item .inner {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    display: none;
    flex-direction: column;
    justify-content: flex-end;
  }
  .item :hover .inner {
    display: flex;
  }


  /* Random Grid v2 */
  .random-grid {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .random-grid .row {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .random-grid .item {
    margin: 10px;
  }
    
  /* Random Grid: rows with random heights */
  .random-grid .item img {
    width: auto;
  }
  
  .layout-1 .item:nth-child(1) img,
  .layout-2 .item:nth-child(1) img,
  .layout-3 .item:nth-child(3) img,
  .layout-4 .item:nth-child(2) img,
  .layout-5 .item:nth-child(2) img,
  .layout-6 .item:nth-child(3) img {
    height: 15.625vw;
    height: 15vw;
  }
  
  .layout-1 .item:nth-child(2) img,
  .layout-2 .item:nth-child(3) img,
  .layout-3 .item:nth-child(1) img,
  .layout-4 .item:nth-child(1) img,
  .layout-5 .item:nth-child(3) img,
  .layout-6 .item:nth-child(2) img {
    height: 22.135vw;
    height: 22vw;
  }
  
  .layout-1 .item:nth-child(3) img,
  .layout-2 .item:nth-child(2) img ,
  .layout-3 .item:nth-child(2) img,
  .layout-4 .item:nth-child(3) img,
  .layout-5 .item:nth-child(1) img,
  .layout-6 .item:nth-child(1) img {
    height: 29.166vw;
    height: 28vw;
  }
  
  /* Random Grid: cols with alignment */
  .random-grid .item.valign-1 {
    align-self: flex-start;
  }
  .random-grid .item.valign-2 {
    align-self: flex-end;
  }
  .random-grid .item.valign-3,
  .random-grid .item.valign-4,
  .random-grid .item.valign-5,
  .random-grid .item.valign-6,
  .random-grid .item.valign-7,
  .random-grid .item.valign-8 {
    align-self: center;
  }
}

.random-grid .item > a {
  position: relative;
}
.random-grid .item > a::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
}

@media (min-width: 1920px) {
  
  .layout-1 .item:nth-child(1) img,
  .layout-2 .item:nth-child(1) img,
  .layout-3 .item:nth-child(3) img,
  .layout-4 .item:nth-child(2) img,
  .layout-5 .item:nth-child(2) img,
  .layout-6 .item:nth-child(3) img {
    height: 300px;
  }
  
  .layout-1 .item:nth-child(2) img,
  .layout-2 .item:nth-child(3) img,
  .layout-3 .item:nth-child(1) img,
  .layout-4 .item:nth-child(1) img,
  .layout-5 .item:nth-child(3) img,
  .layout-6 .item:nth-child(2) img {
    height: 420px;
  }
  
  .layout-1 .item:nth-child(3) img,
  .layout-2 .item:nth-child(2) img ,
  .layout-3 .item:nth-child(2) img,
  .layout-4 .item:nth-child(3) img,
  .layout-5 .item:nth-child(1) img,
  .layout-6 .item:nth-child(1) img {
    height: 540px;
  }
  

}


/************************************************/
/*********** Project Overview (WORK 2022) ************/
/************************************************/
.work-grid {}

.item-2022 {
  margin-bottom: 20px;
}
.item-2022 .inner {
  padding: 10px 0;
}
.item-2022 img {
  width: 100%;
  height: auto;
}



@media (min-width: 768px) {

  .work-grid {
    display: grid;
    grid-template-columns: 4% 3% 29% 3% 4% 4% 3% 3% 12% 28% 4% 3%;
    margin-top: 170px; 
    margin-bottom: 80px;
    padding: 0 20px;
  }

  .item-2022:nth-child(1) {
    grid-column:  1 / 4;
    grid-row:     2 / 5;
  }
  .item-2022:nth-child(2) {
    grid-column:  7 / 13;
    grid-row:     1 / 3;
  }
  .item-2022:nth-child(3) {
    grid-column:  6 / 11;
    grid-row:     4 / 7;
  }
  .item-2022:nth-child(4) {
    grid-column:  3 / 5;
    grid-row:     6 / 9;
  }
  .item-2022:nth-child(5) {
    grid-column:  8 / 13;
    grid-row:     8 / 10;
  }
  .item-2022:nth-child(6) {
    grid-column:  2 / 9;
    grid-row:     11 / 13;
    margin-top:   80px;
  }
  .item-2022:nth-child(7) {
    grid-column:  10 / 12;
    grid-row:     12 / 14;
  }
  
  /*  + 14 rows */
  .item-2022:nth-child(8) {
    grid-column:  1 / 4;
    grid-row:     16 / 19;
  }
  .item-2022:nth-child(9) {
    grid-column:  7 / 13;
    grid-row:     15 / 18;
  }
  .item-2022:nth-child(10) {
    grid-column:  6 / 11;
    grid-row:     18 / 21;
  }
  .item-2022:nth-child(11) {
    grid-column:  3 / 5;
    grid-row:     20 / 23;
  }
  .item-2022:nth-child(12) {
    grid-column:  8 / 13;
    grid-row:     22 / 24;
  }
  .item-2022:nth-child(13) {
    grid-column:  2 / 9;
    grid-row:     25 / 27;
    margin-top:   80px;
  }
  .item-2022:nth-child(14) {
    grid-column:  10 / 12;
    grid-row:     26 / 28;
  }

  /*  + 28 rows */
  .item-2022:nth-child(15) {
    grid-column:  1 / 4;
    grid-row:     30 / 33;
  }
  .item-2022:nth-child(16) {
    grid-column:  7 / 13;
    grid-row:     29 / 32;
  }
  .item-2022:nth-child(17) {
    grid-column:  6 / 11;
    grid-row:     32/ 35;
  }
  .item-2022:nth-child(18) {
    grid-column:  3 / 5;
    grid-row:     34 / 37;
  }
  .item-2022:nth-child(19) {
    grid-column:  8 / 13;
    grid-row:     36 / 38;
  }
  .item-2022:nth-child(20) {
    grid-column:  2 / 9;
    grid-row:     39 / 41;
    margin-top:   80px;
  }
  .item-2022:nth-child(21) {
    grid-column:  10 / 12;
    grid-row:     40 / 42;
  }

  /*  + 42 rows */
  .item-2022:nth-child(22) {
    grid-column:  1 / 4;
    grid-row:     44 / 47;
  }
  .item-2022:nth-child(23) {
    grid-column:  7 / 13;
    grid-row:     43 / 46;
  }
  .item-2022:nth-child(24) {
    grid-column:  6 / 11;
    grid-row:     46/ 49;
  }
  .item-2022:nth-child(25) {
    grid-column:  3 / 5;
    grid-row:     48 / 51;
  }
  .item-2022:nth-child(26) {
    grid-column:  8 / 13;
    grid-row:     50 / 52;
  }
  .item-2022:nth-child(27) {
    grid-column:  2 / 9;
    grid-row:     53 / 55;
    margin-top:   80px;
  }
  .item-2022:nth-child(28) {
    grid-column:  10 / 12;
    grid-row:     54 / 56;
  }

  /*  + 42 rows */
  .item-2022:nth-child(29) {
    grid-column:  1 / 4;
    grid-row:     58 / 61;
  }
  .item-2022:nth-child(30) {
    grid-column:  7 / 13;
    grid-row:     57 / 60;
  }
  .item-2022:nth-child(31) {
    grid-column:  6 / 11;
    grid-row:     60/ 63;
  }
  .item-2022:nth-child(32) {
    grid-column:  3 / 5;
    grid-row:     62 / 65;
  }
  .item-2022:nth-child(33) {
    grid-column:  8 / 13;
    grid-row:     64 / 66;
  }
  .item-2022:nth-child(34) {
    grid-column:  2 / 9;
    grid-row:     67 / 69;
    margin-top:   80px;
  }
  .item-2022:nth-child(35) {
    grid-column:  10 / 12;
    grid-row:     68 / 70;
  }

  .item-2022 img {
    width: 100%;
  }

}

@media (min-width: 1600px) {
  
  .work-grid {
/*     padding: 0 40px; */
  }

}


/************************************************/
/****************** Related ******************/
/************************************************/

/*
.related {
  padding: 80px 0 100px;
}
.related h3 {
  margin: 0;
  padding: 0 20px;
}
.related .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 -10px 0;
}
.related .row .item {
  position: relative;
  width: 100%;
  height: 360px;
  margin: 10px;
}
.related .row .item a,
.related .row .item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {

  .related {
    padding: 180px 20px 200px;
  }
  .related h3 {
    padding: 0;
  }
  .related .row {
    flex-wrap: nowrap;
    margin: 30px -20px 0;
  }
  .related .row .item {
    width: 40%;
    height: 460px;
    margin: 0 20px;
  }
  .related .row .item:last-child {
    height: 300px;
  }

}
*/


/************************************************/
/****************** Related 2022 ******************/
/************************************************/

.related {
  padding: 80px 0 100px;
}
.related h3.h1 {
  margin: 0;
  padding: 0 20px 20px;
}
.related .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
/*   align-items: center; */
  margin: 0 20px;
}
.related .row .item {
  position: relative;
  width: 100%;
  margin: 0;
}
.related .item .inner {
  position: static;
  display: block;
  padding: 20px 0 10px;
  background: none;
}
.related .row .item a,
.related .row .item img {
  position: static;
}
.related .row .item img {
  aspect-ratio: 4/3;
  object-fit: cover;
}


@media (min-width: 768px) {

  .related {
    padding: 180px 0 200px;
  }
  .related h3 {
    padding: 0;
  }
  .related .row {
    flex-wrap: nowrap;
    gap: 75px;
    margin: 0 20px;
  }
  .related .row .item {
    width: 30%;
    height: auto;
    margin: 0;
  }

}


/************************************************/
/****************** Landingpage ******************/
/************************************************/

.landingpage {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 111%;
  height: 111%;
  background: #272727; 
}
.landingpage-cover {
  position: fixed;
  width: 111%;
  height: 111%;
  background-position: center center;
  background-size: cover;
  opacity: .75;
}
.landingpage-cover video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}
.landingpage-content {
  position: fixed;
  top: 48%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.landingpage-content .h1 {
  width: 300px;
  height: 160px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.landingpage.is-hidden {
  display: none;
  z-index: -1;
}
.landingpage,
.landingpage * {
  cursor: pointer;
} 

/* hide random slogans */
.landingpage-slogan p {
  display: none;
}

/* new 2022 */
.home-2022 .landingpage .h1 {
  display: none;
}


@media only screen and (min-width: 782px) {
  
  .landingpage-content .h1 {
    width: 780px;
    height: 370px;
  }

  .home-2022 .landingpage-content {
    width: 80%;
  }

  
}

/************************************************/
/****************** Overlay Work ******************/
/************************************************/

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

  .work-overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 80vw;
    max-width: 1170px;
    height: 200px;
    transform: translate(-50%, -50%);  
    background-image: url(https://studiochristianruess.com/scr/wp-content/uploads/STUDIOC-2.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    
  }
  .work-overlay.hovered {
    display: none;
  }
  
}

/************************************************/
/****************** Content ******************/
/************************************************/

/* Columns Block */

/*
.wp-block-columns {
  margin: 0;
}
*/

@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;
    flex-grow:0
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2n) {
    margin-left:0
  }
}



/* Image Block */
.wp-block-image {
  margin: 0;
}
.wp-block-image img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

/* Video Block */
.wp-block-video {
  margin-bottom: 0;
}

/* Link for Video-Block */
.has-video-link {
  position: relative;
}
.has-video-link a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
.has-video-link a em {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

/* video cta */
a[data-fancybox] {
  position: relative;
  display: block;
}
/* .has-video-link a::before, */
a[data-fancybox]::before {
  position: absolute;
  bottom: -24px;
  left: 20px;
  content: '-watch video-';
/*   color: #1FFF39; */
  color: #000;
  font-size: 14px;
}


@media (min-width: 768px) {
/*
  .has-video-link a::before {
    left: 0;
  }
*/
}


/* Post Footer */

.post footer {
  display: flex;
  justify-content: space-between;
  max-width: 768px;
  margin: 30px auto 40px;
  padding: 0;
  border: none;
}
.post footer ul li {
  display: inline-block;
}
.post footer .links li {
  padding-right: 80px;
}

.post footer .social-share a {
  display: inline-block;
  width: 30px;
  height: 30px;
}




/* Social Share Buttons */
.social-share a {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.social-share a[href*="linkedin"] {
  background-image: url(../img/icons/icon_linkedin_50x50.png);
}
.social-share a[href*="pinterest"] {
  background-image: url(../img/icons/icon_pinterest_50x50.png);
}
.social-share a[href*="twitter"] {
  background-image: url(../img/icons/icon_twitter_50x50.png);
}
.social-share a[href*="tumblr"] {
  background-image: url(../img/icons/icon_tumblr_50x50.png);
}
.social-share a[href*="facebook"] {
  background-image: url(../img/icons/icon_facebook_50x50.png);
}

/* post nav */
.nav-previous, .nav-next {
  position: fixed;
  left: 20px;
  bottom: 20px;
  font-size: 1.6em;
}
.nav-previous {
  left: auto;
  right: 20px;
  text-align: right;
}
.nav-links a {
  display: block;
  width: 40px;
  line-height: 40px;
  text-decoration: none;
  opacity: 0.25;
}
.nav-links a:hover {
  opacity: 1;
}

/************************************************/
/****************** Footer ******************/
/************************************************/

footer {
  width: 100%;
  position: relative;
  z-index: 1;
}
.home footer,
.page-template-work-2022-new footer {
  margin-top: 0;
}


footer .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 23px;
  min-height: calc(100vh - 80px);
  padding-top: 40px;
  padding-bottom: 40px;
}
.home footer .container,
.page-template-work-2022-new footer .container {
  min-height: 100vh;
}


footer .container > :nth-child(1) {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


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

  /* Footer */
  footer .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    min-height: calc(100vh - 140px);
  }
  .home footer .container,
  .page-template-work-2022-new footer .container {
    min-height: calc(100vh - 20px);
  }
  footer .container > div {
    margin-bottom: 0;
  }
  footer .container > :nth-child(1) {
    flex-basis: 100%;
    margin-top: 160px;
  }
  footer .container > :nth-child(3) {
    text-align: center;
  }
  footer .container > :nth-child(4) {
    text-align: right;
  }

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

   footer .container > div {
    flex-basis: calc((100% - 46px) / 3);
  }
 

}

/************************************************/
/*************** Frontpage Teaser ****************/
/************************************************/

[class*="frontpage-teaser"] {
  font-family: 'Baskerville BT', serif;
  font-size: 20px;
  color: #1FFF39;
}
[class*="frontpage-teaser"] p {
  display: none;
}


.frontpage-teaser-1 {
  display: none;
  
  position: absolute;
  top: 80px;
  left: 20px;

  font-size: 24px;
}

.frontpage-teaser-2 {
  display: none;

  position: absolute;
  top: 120px;
  left: 20px;
  max-width: 410px;
  padding: 0 20px 0 0;

  font-size: 18px;
  line-height: 26px;
}

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

  .frontpage-teaser-1 {
    display: block;

    position: fixed;
    top: 62vh;
    left: 12.7%;
    z-index: 100;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    font-size: 18px;
  }
  
  .frontpage-teaser-2 {
    display: block;

    position: fixed;
    top: auto;
    right: 4%;
    bottom: 230px;
    left: auto;
    z-index: 100;
    font-size: 18px;
    line-height: 28px;
  }

}

/************************************************/
/*************** Toggle Mode ****************/
/************************************************/

.toggle-mode {
  position: fixed;
  top: 175px;
  right: 35px;
  z-index: 100;
}
.toggle-mode p {
  display: block;
  width: 35px;
  height: 70px;
  overflow: hidden;
  text-indent: -999em;
  background: url(../img/icons/icecream.svg) no-repeat 0 0;
  background-size: contain;
}

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

  .toggle-mode {
    position: fixed;
    top: 77vh;
    right: auto;
    left: 12.8%;
    z-index: 100;
  }  

}

/*
 * ********************************************************** 
 * Rework 9-2023	
 * **********************************************************
*/

:root {
	/* Colors: Text */
	--color-text-01: 	#e9fe53;
	--color-text-02: 	#6bff4f;
	--color-text-03: 	#72fcee;
	--color-text-04: 	#feb036;
	--color-text-05: 	#230c2a;
	--color-text-06: 	#867f97;
	--color-text-07: 	#fe4200;
	--color-text-08: 	#E8FF53;
	--color-text-09: 	#230c2a;
	--color-text-10: 	#889e7b;
	
	/* Colors: Background */
	--color-bg-01: 		#867E97;
	--color-bg-02: 		#FFB036;
	--color-bg-03: 		#889E7B;
	--color-bg-04: 		#6BFF4F;
	--color-bg-05: 		#FF4200;
	--color-bg-06: 		#E9FE53;
	--color-bg-07: 		#230C2A;
	--color-bg-08: 		#EBC7C9;
	--color-bg-09: 		#D7D4BA;
	--color-bg-10: 		#72FCEE;
	
}


/* Random Colors 
	-------------------------------------- 
*/

/* Color 01: ------------------------ */
.color-01.page-template-home-2023 main,
.color-01.page-template-page-2023 main,
.color-01.page-template-home-2023 footer,
.color-01.page-template-page-2023 footer,
.color-01.dummy,
.color-01 .preloader-wrapper,
.color-01.page-template-home-2023 #menu-icon, 
.color-01.page-template-page-2023 #menu-icon, 
.color-01.page-template-home-2023 #menu-icon::before, 
.color-01.page-template-page-2023 #menu-icon::before, 
.color-01.page-template-home-2023 #menu-icon::after,
.color-01.page-template-page-2023 #menu-icon::after {
	background: var(--color-bg-01);
}
.color-01.page-template-home-2023 nav,
.color-01.page-template-page-2023 nav,
.color-01.page-template-home-2023 nav input:checked ~ #overlay,
.color-01.page-template-page-2023 nav input:checked ~ #overlay,
.color-01 .preloader {
	background: var(--color-text-01);
}
.color-01.page-template-home-2023 main,
.color-01.page-template-page-2023 main,
.color-01.page-template-home-2023 footer,
.color-01.page-template-page-2023 footer {
	color: var(--color-text-01);
}
.color-01.page-template-home-2023 nav,
.color-01.page-template-page-2023 nav,
.color-01.page-template-home-2023 nav a,
.color-01.page-template-page-2023 nav a,
.color-01.page-template-home-2023 nav .logo a:hover::before,
.color-01.page-template-page-2023 nav .logo a:hover::before {
	color: var(--color-bg-01);
}
.color-01.is-text-column {
	color: var(--color-text-01);
	background: var(--color-bg-01);
}

/* Color 02: ------------------------ */
.color-02.page-template-home-2023 main,
.color-02.page-template-page-2023 main,
.color-02.page-template-home-2023 footer,
.color-02.page-template-page-2023 footer,
.color-02.dummy,
.color-02 .preloader-wrapper,
.color-02.page-template-home-2023 #menu-icon, 
.color-02.page-template-page-2023 #menu-icon, 
.color-02.page-template-home-2023 #menu-icon::before, 
.color-02.page-template-page-2023 #menu-icon::before, 
.color-02.page-template-home-2023 #menu-icon::after,
.color-02.page-template-page-2023 #menu-icon::after {
	background: var(--color-bg-02);
}
.color-02.page-template-home-2023 nav,
.color-02.page-template-page-2023 nav,
.color-02.page-template-home-2023 nav input:checked ~ #overlay,
.color-02.page-template-page-2023 nav input:checked ~ #overlay,
.color-02 .preloader {
	background: var(--color-text-02);
}
.color-02.page-template-home-2023 main,
.color-02.page-template-page-2023 main,
.color-02.page-template-home-2023 footer,
.color-02.page-template-page-2023 footer {
	color: var(--color-text-02);
}
.color-02.page-template-home-2023 nav,
.color-02.page-template-page-2023 nav,
.color-02.page-template-home-2023 nav a,
.color-02.page-template-page-2023 nav a,
.color-02.page-template-home-2023 nav .logo a:hover::before,
.color-02.page-template-page-2023 nav .logo a:hover::before {
	color: var(--color-bg-02);
}
.color-02.is-text-column {
	color: var(--color-text-02);
	background: var(--color-bg-02);
}

/* Color 03: ------------------------ */
.color-03.page-template-home-2023 main,
.color-03.page-template-page-2023 main,
.color-03.page-template-home-2023 footer,
.color-03.page-template-page-2023 footer,
.color-03.dummy,
.color-03 .preloader-wrapper,
.color-03.page-template-home-2023 #menu-icon, 
.color-03.page-template-page-2023 #menu-icon, 
.color-03.page-template-home-2023 #menu-icon::before, 
.color-03.page-template-page-2023 #menu-icon::before, 
.color-03.page-template-home-2023 #menu-icon::after,
.color-03.page-template-page-2023 #menu-icon::after {
	background: var(--color-bg-03);
}
.color-03.page-template-home-2023 nav,
.color-03.page-template-page-2023 nav,
.color-03.page-template-home-2023 nav input:checked ~ #overlay,
.color-03.page-template-page-2023 nav input:checked ~ #overlay,
.color-03 .preloader {
	background: var(--color-text-03);
}
.color-03.page-template-home-2023 main,
.color-03.page-template-page-2023 main,
.color-03.page-template-home-2023 footer,
.color-03.page-template-page-2023 footer {
	color: var(--color-text-03);
}
.color-03.page-template-home-2023 nav,
.color-03.page-template-page-2023 nav,
.color-03.page-template-home-2023 nav a,
.color-03.page-template-page-2023 nav a,
.color-03.page-template-home-2023 nav .logo a:hover::before,
.color-03.page-template-page-2023 nav .logo a:hover::before {
	color: var(--color-bg-03);
}
.color-03.is-text-column {
	color: var(--color-text-03);
	background: var(--color-bg-03);
}

/* Color 04: ------------------------ */
.color-04.page-template-home-2023 main,
.color-04.page-template-page-2023 main,
.color-04.page-template-home-2023 footer,
.color-04.page-template-page-2023 footer,
.color-04.dummy,
.color-04 .preloader-wrapper,
.color-04.page-template-home-2023 #menu-icon, 
.color-04.page-template-page-2023 #menu-icon, 
.color-04.page-template-home-2023 #menu-icon::before, 
.color-04.page-template-page-2023 #menu-icon::before, 
.color-04.page-template-home-2023 #menu-icon::after,
.color-04.page-template-page-2023 #menu-icon::after {
	background: var(--color-bg-04);
}
.color-04.page-template-home-2023 nav,
.color-04.page-template-page-2023 nav,
.color-04.page-template-home-2023 nav input:checked ~ #overlay,
.color-04.page-template-page-2023 nav input:checked ~ #overlay,
.color-04 .preloader {
	background: var(--color-text-04);
}
.color-04.page-template-home-2023 main,
.color-04.page-template-page-2023 main,
.color-04.page-template-home-2023 footer,
.color-04.page-template-page-2023 footer {
	color: var(--color-text-04);
}
.color-04.page-template-home-2023 nav,
.color-04.page-template-page-2023 nav,
.color-04.page-template-home-2023 nav a,
.color-04.page-template-page-2023 nav a,
.color-04.page-template-home-2023 nav .logo a:hover::before,
.color-04.page-template-page-2023 nav .logo a:hover::before {
	color: var(--color-bg-04);
}
.color-04.is-text-column {
	color: var(--color-text-04);
	background: var(--color-bg-04);
}

/* Color 05: ------------------------ */
.color-05.page-template-home-2023 main,
.color-05.page-template-page-2023 main,
.color-05.page-template-home-2023 footer,
.color-05.page-template-page-2023 footer,
.color-05.dummy,
.color-05 .preloader-wrapper,
.color-05.page-template-home-2023 #menu-icon, 
.color-05.page-template-page-2023 #menu-icon, 
.color-05.page-template-home-2023 #menu-icon::before, 
.color-05.page-template-page-2023 #menu-icon::before, 
.color-05.page-template-home-2023 #menu-icon::after,
.color-05.page-template-page-2023 #menu-icon::after {
	background: var(--color-bg-05);
}
.color-05.page-template-home-2023 nav,
.color-05.page-template-page-2023 nav,
.color-05.page-template-home-2023 nav input:checked ~ #overlay,
.color-05.page-template-page-2023 nav input:checked ~ #overlay,
.color-05 .preloader {
	background: var(--color-text-05);
}
.color-05.page-template-home-2023 main,
.color-05.page-template-page-2023 main,
.color-05.page-template-home-2023 footer,
.color-05.page-template-page-2023 footer {
	color: var(--color-text-05);
}
.color-05.page-template-home-2023 nav,
.color-05.page-template-page-2023 nav,
.color-05.page-template-home-2023 nav a,
.color-05.page-template-page-2023 nav a,
.color-05.page-template-home-2023 nav .logo a:hover::before,
.color-05.page-template-page-2023 nav .logo a:hover::before {
	color: var(--color-bg-05);
}
.color-05.is-text-column {
	color: var(--color-text-05);
	background: var(--color-bg-05);
}

/* Color 06: ------------------------ */
.color-06.page-template-home-2023 main,
.color-06.page-template-page-2023 main,
.color-06.page-template-home-2023 footer,
.color-06.page-template-page-2023 footer,
.color-06.dummy,
.color-06 .preloader-wrapper,
.color-06.page-template-home-2023 #menu-icon, 
.color-06.page-template-page-2023 #menu-icon, 
.color-06.page-template-home-2023 #menu-icon::before, 
.color-06.page-template-page-2023 #menu-icon::before, 
.color-06.page-template-home-2023 #menu-icon::after,
.color-06.page-template-page-2023 #menu-icon::after {
	background: var(--color-bg-06);
}
.color-06.page-template-home-2023 nav,
.color-06.page-template-page-2023 nav,
.color-06.page-template-home-2023 nav input:checked ~ #overlay,
.color-06.page-template-page-2023 nav input:checked ~ #overlay,
.color-06 .preloader {
	background: var(--color-text-06);
}
.color-06.page-template-home-2023 main,
.color-06.page-template-page-2023 main,
.color-06.page-template-home-2023 footer,
.color-06.page-template-page-2023 footer {
	color: var(--color-text-06);
}
.color-06.page-template-home-2023 nav,
.color-06.page-template-page-2023 nav,
.color-06.page-template-home-2023 nav a,
.color-06.page-template-page-2023 nav a,
.color-06.page-template-home-2023 nav .logo a:hover::before,
.color-06.page-template-page-2023 nav .logo a:hover::before {
	color: var(--color-bg-06);
}
.color-06.is-text-column {
	color: var(--color-text-06);
	background: var(--color-bg-06);
}

/* Color 07: ------------------------ */
.color-07.page-template-home-2023 main,
.color-07.page-template-page-2023 main,
.color-07.page-template-home-2023 footer,
.color-07.page-template-page-2023 footer,
.color-07.dummy,
.color-07 .preloader-wrapper,
.color-07.page-template-home-2023 #menu-icon, 
.color-07.page-template-page-2023 #menu-icon, 
.color-07.page-template-home-2023 #menu-icon::before, 
.color-07.page-template-page-2023 #menu-icon::before, 
.color-07.page-template-home-2023 #menu-icon::after,
.color-07.page-template-page-2023 #menu-icon::after {
	background: var(--color-bg-07);
}
.color-07.page-template-home-2023 nav,
.color-07.page-template-page-2023 nav,
.color-07.page-template-home-2023 nav input:checked ~ #overlay,
.color-07.page-template-page-2023 nav input:checked ~ #overlay,
.color-07 .preloader {
	background: var(--color-text-07);
}
.color-07.page-template-home-2023 main,
.color-07.page-template-page-2023 main,
.color-07.page-template-home-2023 footer,
.color-07.page-template-page-2023 footer {
	color: var(--color-text-07);
}
.color-07.page-template-home-2023 nav,
.color-07.page-template-page-2023 nav,
.color-07.page-template-home-2023 nav a,
.color-07.page-template-page-2023 nav a,
.color-07.page-template-home-2023 nav .logo a:hover::before,
.color-07.page-template-page-2023 nav .logo a:hover::before {
	color: var(--color-bg-07);
}
.color-07.is-text-column {
	color: var(--color-text-07);
	background: var(--color-bg-07);
}

/* Color 08: ------------------------ */
.color-08.page-template-home-2023 main,
.color-08.page-template-page-2023 main,
.color-08.page-template-home-2023 footer,
.color-08.page-template-page-2023 footer,
.color-08.dummy,
.color-08 .preloader-wrapper,
.color-08.page-template-home-2023 #menu-icon, 
.color-08.page-template-page-2023 #menu-icon, 
.color-08.page-template-home-2023 #menu-icon::before, 
.color-08.page-template-page-2023 #menu-icon::before, 
.color-08.page-template-home-2023 #menu-icon::after,
.color-08.page-template-page-2023 #menu-icon::after {
	background: var(--color-bg-08);
}
.color-08.page-template-home-2023 nav,
.color-08.page-template-page-2023 nav,
.color-08.page-template-home-2023 nav input:checked ~ #overlay,
.color-08.page-template-page-2023 nav input:checked ~ #overlay,
.color-08 .preloader {
	background: var(--color-text-08);
}
.color-08.page-template-home-2023 main,
.color-08.page-template-page-2023 main,
.color-08.page-template-home-2023 footer,
.color-08.page-template-page-2023 footer {
	color: var(--color-text-08);
}
.color-08.page-template-home-2023 nav,
.color-08.page-template-page-2023 nav,
.color-08.page-template-home-2023 nav a,
.color-08.page-template-page-2023 nav a,
.color-08.page-template-home-2023 nav .logo a:hover::before,
.color-08.page-template-page-2023 nav .logo a:hover::before {
	color: var(--color-bg-08);
}
.color-08.is-text-column {
	color: var(--color-text-08);
	background: var(--color-bg-08);
}

/* Color 09: ------------------------ */
.color-09.page-template-home-2023 main,
.color-09.page-template-page-2023 main,
.color-09.page-template-home-2023 footer,
.color-09.page-template-page-2023 footer,
.color-09.dummy,
.color-09 .preloader-wrapper,
.color-09.page-template-home-2023 #menu-icon, 
.color-09.page-template-page-2023 #menu-icon, 
.color-09.page-template-home-2023 #menu-icon::before, 
.color-09.page-template-page-2023 #menu-icon::before, 
.color-09.page-template-home-2023 #menu-icon::after,
.color-09.page-template-page-2023 #menu-icon::after {
	background: var(--color-bg-09);
}
.color-09.page-template-home-2023 nav,
.color-09.page-template-page-2023 nav,
.color-09.page-template-home-2023 nav input:checked ~ #overlay,
.color-09.page-template-page-2023 nav input:checked ~ #overlay,
.color-09 .preloader {
	background: var(--color-text-09);
}
.color-09.page-template-home-2023 main,
.color-09.page-template-page-2023 main,
.color-09.page-template-home-2023 footer,
.color-09.page-template-page-2023 footer {
	color: var(--color-text-09);
}
.color-09.page-template-home-2023 nav,
.color-09.page-template-page-2023 nav,
.color-09.page-template-home-2023 nav a,
.color-09.page-template-page-2023 nav a,
.color-09.page-template-home-2023 nav .logo a:hover::before,
.color-09.page-template-page-2023 nav .logo a:hover::before {
	color: var(--color-bg-09);
}
.color-09.is-text-column {
	color: var(--color-text-09);
	background: var(--color-bg-09);
}

/* Color 10: ------------------------ */
.color-10.page-template-home-2023 main,
.color-10.page-template-page-2023 main,
.color-10.page-template-home-2023 footer,
.color-10.page-template-page-2023 footer,
.color-10.dummy,
.color-10 .preloader-wrapper,
.color-10.page-template-home-2023 #menu-icon, 
.color-10.page-template-page-2023 #menu-icon, 
.color-10.page-template-home-2023 #menu-icon::before, 
.color-10.page-template-page-2023 #menu-icon::before, 
.color-10.page-template-home-2023 #menu-icon::after,
.color-10.page-template-page-2023 #menu-icon::after {
	background: var(--color-bg-10);
}
.color-10.page-template-home-2023 nav,
.color-10.page-template-page-2023 nav,
.color-10.page-template-home-2023 nav input:checked ~ #overlay,
.color-10.page-template-page-2023 nav input:checked ~ #overlay,
.color-10 .preloader {
	background: var(--color-text-10);
}
.color-10.page-template-home-2023 main,
.color-10.page-template-page-2023 main,
.color-10.page-template-home-2023 footer,
.color-10.page-template-page-2023 footer {
	color: var(--color-text-10);
}
.color-10.page-template-home-2023 nav,
.color-10.page-template-page-2023 nav,
.color-10.page-template-home-2023 nav a,
.color-10.page-template-page-2023 nav a,
.color-10.page-template-home-2023 nav .logo a:hover::before,
.color-10.page-template-page-2023 nav .logo a:hover::before {
	color: var(--color-bg-10);
}
.color-10.is-text-column {
	color: var(--color-text-10);
	background: var(--color-bg-10);
}



/* Page Headline 
	--------------------------------------------
*/
.home-2023 .is-page-headline,
.page-2023 .is-page-headline {
  margin-top: 70px;
  margin-bottom: 70px;
}
.home-2023 div.is-page-headline,
.page-2023 div.is-page-headline {
	display: flex;
	align-items: center;
	min-height: calc(177vw - 148px);
  margin-bottom: 78px;
}
.home-2023 .alignfull div.is-page-headline,
.page-2023 .alignfull div.is-page-headline {
  max-width: 1640px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}
.alignfull div.is-page-headline h1,
.alignfull div.is-page-headline h2,
.alignfull div.is-page-headline h3,
.alignfull div.is-page-headline h4,
.alignfull div.is-page-headline h5,
.alignfull div.is-page-headline h6 {
  padding: 0;
}

@media (min-width: 1025px) {
	.home-2023 .is-page-headline,
	.page-2023 .is-page-headline {
	  margin-top: 240px;
	  margin-bottom: 240px;
	}
	.home-2023 div.is-page-headline,
	.page-2023 div.is-page-headline {
		min-height: 0;
	  margin-bottom: 255px;
	}
}


/* Home 
	--------------------------------------------
*/
.is-home-teaser {
	position: relative;
	height: 177vw;
	margin-top: -1px!important;
	margin-bottom: 0!important;
	overflow: hidden;
}
.is-home-teaser--video video,
.is-home-teaser--video img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%!important;
	z-index: 1;
	object-fit: cover;
	object-position: center center;
}
.is-home-teaser a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
}

.is-home-teaser--image img {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	width: 75%;
	max-width: 1600px;
	object-fit: contain;
	transform: translate(-50%, -50%);
}


.is-home-teaser--image {} 

@media (min-width: 768px) {
	.is-home-teaser {
		height: 56.25vw;
		margin-top: 0!important;
	}
	.is-home-teaser--image img {
		width: 50%;
	}
}

/* Home 2026
	--------------------------------------------
*/
.home-2026 .wp-block-columns {
  gap: 0!important;
  margin-bottom: 0!important;
  padding: 0!important;
}
.is-teaser-2026 {
  position: relative;
  min-height: 80vh;
  padding: 2rem;
}
.is-teaser-2026 .wp-block-cover__image-background,
.is-teaser-2026 .wp-block-cover__video-background {
  z-index: -2;
}
.is-teaser-2026 .wp-block-cover__background {
  z-index: -1;
}
.is-teaser-2026 .wp-block-cover__inner-container {
  position: static;
}

.is-teaser-2026--small {
  position: relative;
  min-height: 240px;
  padding: 2rem;
  border-bottom: 1px solid #272727;
}
.is-teaser-2026 a::before,
.is-teaser-2026--small a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
}

@media (min-width: 782px) {
  .wp-block-column:not(:first-child, :last-child) .is-teaser-2026--small {
    border-left: 1px solid #272727;
    border-right: 1px solid #272727;
  }
}


/* Service + Contact 
	--------------------------------------------
*/


.is-service-grid.wp-block-columns,
.is-service-grid .wp-block-columns  {
	gap: 0!important;
	margin-bottom: 0!important;
	padding: 0!important;
}
.is-service-grid .wp-block-heading,
.is-service-grid p {
	margin: 20px;
	padding: 0;
}
.is-service-grid .wp-block-heading {
/* 	word-break: break-all; */
}

/* Aspect-Ratio for Column */
.is-service-grid .wp-block-column {
	position: relative;
	min-height: calc( 562/375 * 100vw );
}
/* Aspect-Ratio for Image */
.is-service-grid .wp-block-column img {
	position: absolute;
	top: 0;
	left: 0;
	width: 101%;
	height: 101%;
	min-height: calc( 562/375 * 100vw );
	object-fit: cover;
}


/* Positioning of text */
.is-text-column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


@media (min-width: 782px) {
	
	.is-service-grid h2 {
		font-size: 42px;
	}
	.is-service-grid p {
		font-size: 20px;
	}

	/* Force subcolumns to 100% width */
	.is-service-grid.has-sub-grid {
		flex-wrap: wrap!important;
	}
	.is-service-grid.has-sub-grid > .wp-block-column {
		flex-basis: 100%;
	}

	/* Aspect-Ratio for Column */
	.is-service-grid .wp-block-column {
		position: relative;
		min-height: calc( 562/375 * 50vw );
	}
	/* stretch image to full height of column */
	.is-service-grid .wp-block-column img {
		position: absolute;
		top: 0;
		left: 0;
		width: 101%;
		height: 101%;
		min-height: auto;
		object-fit: cover;
	}

}

@media (min-width: 1024px) {

	/* Reset: force subcolumns to 100% width */
	.is-service-grid .wp-block-columns {
		height: 100%;
	}

	/* force subcolumns column to 100% height */
	.is-service-grid .wp-block-column {
		min-height: auto;
		overflow: hidden;
	}

	/* equalize columm height */
	.is-service-grid > .wp-block-column .wp-block-image {
		aspect-ratio: 4/3;
	}
	.is-service-grid .wp-block-columns .wp-block-image {
		aspect-ratio: 2/3;
	}

}


@media (min-width: 1200px) {

	.is-service-grid.has-sub-grid {
		flex-wrap: nowrap!important;
	}


}


@media (min-width: 1730px) {
	.is-service-grid .wp-block-heading,
	.is-service-grid p {
		margin: 40px 30px 40px 50px;
	}

	.is-service-grid > .wp-block-column:first-child > .wp-block-heading,
	.is-service-grid > .wp-block-column:first-child > p,
	.is-service-grid .wp-block-column:first-child .wp-block-column:first-child > .wp-block-heading,
	.is-service-grid .wp-block-column:first-child .wp-block-column:first-child > p {
		margin-left: calc((100vw - 1600px) / 2 - 45px );
	}
	
}


/* Change Column Order on mobile */

/* flex reverse order */
@media (max-width: 781px) {
  .has-reverse-order-sm {
    flex-direction: column-reverse;
  }
  .wp-block-columns.has-reverse-order-sm > .wp-block-column {
    flex-basis: auto !important;
  }
}


/* Single Post 
	--------------------------------------------
*/
.post-template-default main {
	padding-top: 51px;
}
@media (min-width: 778px) {
	.post-template-default main {
		padding-top: 83px;
	}
}

/* Nav Background */
.post-template-default nav {
	background: #fff;
}

/*
-------------------------------------------------------------
 Animation: Preloader
-------------------------------------------------------------
*/
.preloader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: var(--color-bg-01);
}
.js .preloader-wrapper {
  display: flex;
}
.preloader {
  width: 64px;
  height: 5px;
  background: var(--color-text-01);
  /* animation: blink .85s infinite ease-in-out; */
  animation: hinher 2s infinite ease-in-out;
}
@keyframes blink {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
}
@keyframes hinher {
    0%, 100% {
      width: 0;
    }
    50% {
      width: 200px
    }
}


/*
-------------------------------------------------------------
 WP Block Gallery: reset gap
-------------------------------------------------------------
*/

.wp-block-gallery {
	gap: 0!important;
}


/*
-------------------------------------------------------------
 WP Block Buttons
-------------------------------------------------------------
*/
.wp-block-button.is-style-outline,
.wp-block-button.is-style-outline .wp-block-button__link {
	width: 100%;
}
.wp-block-button.is-style-outline .wp-block-button__link {
	border-width: 3px;
	padding-top: 0.325em;
	padding-bottom: 0.325em;
	font-weight: 600;
}

@media (min-width: 600px) {
	.wp-block-button.is-style-outline,
	.wp-block-button.is-style-outline .wp-block-button__link {
		width: auto;
		min-width: 340px;
	}
}


/* ==========================================================================
   Helper classes
   ========================================================================== */


.hide-mobile,
.hide-on-mobile {
  display: none!important;
}

@media (min-width: 600px) {
  .hide-mobile,
  .hide-on-mobile {
    display: block!important;
  }
  .hide-tablet,
  .hide-on-tablet {
    display: none!important;
  }
}
@media (min-width: 1024px) {
  .hide-mobile,
  .hide-on-mobile {
    display: block!important;
  }
  .hide-tablet,
  .hide-on-tablet {
    display: block!important;
  }
  .hide-desktop,
  .hide-on-desktop {
    display: none!important;
  }
}

.show-mobile,
.show-tablet,
.show-desktop {
  display: none;
}

@media (max-width: 599px) {
  .show-mobile {
    display: block;
  }
}
@media (min-width: 599px) and (max-width: 1023px) {
  .show-tablet {
    display: block;
  }
}
@media (min-width: 1024px) {
  .show-desktop {
    display: block;
  }
}



.screen-reader-text {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.hidden {
  display: none !important;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; /* 1 */
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}
.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}