@charset "UTF-8";

/*
Theme Name: INOVA MASSIVBAU
Author: AH-Effect
Author URI: https://www.a-h-effect.de
Description: Custom Theme
Requires at least: 6.1
Tested up to: 8.4
Requires PHP: 8.3
Version: 1.1
Text Domain: customtheme
*/


/* Basics START */
:root {
  --primary-color: #162C7A;
  --secondary-color: #99151B;
  --text-color: #454545;
  --light-color: #EFEFEF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('assets/webfonts/Roboto-Thin.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('assets/webfonts/Roboto-ThinItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('assets/webfonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('assets/webfonts/Roboto-LightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('assets/webfonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('assets/webfonts/Roboto-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('assets/webfonts/Roboto-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('assets/webfonts/Roboto-MediumItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('assets/webfonts/Roboto-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('assets/webfonts/Roboto-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('assets/webfonts/Roboto-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('assets/webfonts/Roboto-BlackItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'SF Distant Galaxy';
  font-style: normal;
  font-weight: 400;
  src: url('assets/webfonts/sf-distant-galaxy.ttf') format('truetype');
}


* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-margin-top: 200px
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  margin: 0; 
  padding: 0;
  color: var(--text-color);
  /* hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -o-hyphens: auto; */
}



b, strong {
  font-weight: 700;
}

input:focus,
:focus {
  outline: none !important;
}

.like-a,
.like-a:hover,
a:hover,
a:active,
a:visited,
a:focus,
a {
  color: var(--primary-color);
  text-decoration: underline;
}

a:hover {
  text-decoration: none; 
}


.like-a {
  display: inline-block;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--primary-color);
}

h1 > code,
h1 {
  font-size: 105px;
  line-height: 100%;
  font-family: "SF Distant Galaxy", sans-serif;
}

.like-h2,
h2 {
  font-size: 35px;
  line-height: 42px;
  letter-spacing: 1px;
  font-family: "SF Distant Galaxy", sans-serif;
  margin-bottom: 15px;
}

h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700; 
  color: var(--secondary-color);
  margin-top: 0px;
}

.underlined {
  position: relative;
  margin-bottom: 61px;
}

.underlined:after {
  content: "";
  width: 54px;
  height: 2px;
  background-color: var(--primary-color);
  position: absolute;
  left: 0;
  bottom: -19px;
}

.trenner {
  width: 54px;
  height: 2px;
  background-color: var(--primary-color);
  display: block;
  margin: 8px 0 30px 0;
}

input[type="search"] ,
form input[type="text"],
form input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
.wp-block-quote  {
  padding: 50px 32px; 
  letter-spacing: 1px;
}

.wp-block-quote h1, 
.wp-block-quote h2, 
.wp-block-quote h3 {
  margin-bottom: 0;
}

.has-background {
  position: relative;
}

.has-background:before {
  content: "";
  width: 500%; 
  height: 100%; 
  display: block;
  z-index: -1;
  position: absolute;
  top: 0; 
  left: -200%;
  box-shadow: 0 3px 6px rgba(0,0,0,0.33);
}

.mobile-menu {
  display: none;
}

.has-primary-background-color:before,
.has-primary-background-color,
.bg-primary {
  background-color: var(--primary-color);
}

.has-secondary-background-color:before,
.has-secondary-background-color,
.bg-secondary {
  background-color: var(--secondary-color);
}


.bg-white {
  background-color: #ffffff;
}


.color-primary {
  color: var(--primary-color);
}

.color-secondary {
  color: var(--secondary-color);
}

.color-white {
  color: #ffffff;
}

.center-text {
  text-align: center;
}

.has-light-background-color:before,
.bg-light, 
.has-light-background-color  {
  background-color: var(--light-color);
}

.image-wrapper img {
  max-width: 100%;
}

.wp-block-list.submenu a,
a.button,
button,
.wp-block-button__link,
.button {
  background: var(--secondary-color);
  color: #ffffff;
  padding: 12px 25px;
  text-decoration: none;
  cursor: pointer;
  margin: 25px 0;
  display: inline-block;
  overflow: hidden; 
  position: relative;
  font-size: 23px;
  line-height: 29px;
  transition: background-color 0.5s ease-in-out;
  font-family: "SF Distant Galaxy", sans-serif;
  letter-spacing: 1px;
}

button:hover,
.wp-block-button__link:hover,
.button:hover {
  background-color: var(--primary-color)
}

.entry-content > .wp-block-group,
.wp-block-list.submenu,
#breadcrumbs,
.container{
  max-width: 1440px;
  padding-left: 32px; 
  padding-right: 32px;
  margin: 0 auto;
  width: 100%;
}

.wp-block-list.submenu {
  padding: 0;
  list-style: none;
  display: flex;
  gap: 20px; 
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.wp-block-list.submenu a {
  margin: 0;
  background-color: var(--primary-color);
  display: flex;
}

.entry-content {
  max-width: 100%;
}

#breadcrumbs {
  padding-left: 12px; 
  padding-right: 12px;
}

body #page {
  overflow: hidden;
}

body.home #breadcrumbs {
  display: none;
}

.col-sm ul {
  padding: 0; 
  list-style: none;
}

.col-sm ul > li {
  padding-left: 60px;
  position: relative;
  margin-bottom: 10px;
}
.col-sm ul > li:before {
  content: ""; 
  position: absolute;
  left: 0; 
  top: 0; 
  display: block;
  width: 38px;
  height: 29px; 
  background-image: url(assets/images/aufzaehlung.svg); 
  background-repeat: no-repeat; 
  background-position: left center;
}

.video-wrapper {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  width: 100%;
}

.video-wrapper video {
  object-fit: cover;
  width: 100%; 
  height: 100%;
}


/* Header START */

header {
  /* position: absolute; */
  position: relative;
  top: 0; 
  left: 0; 
  width: 100%; 
  background-color: #ffffff; 
  z-index: 11;
  box-shadow: 0 3px 6px rgba(0,0,0,0.33);
}

header.sticky {
  position: fixed;
}

/* body.admin-bar header {
  top: 32px;
} */

header .col-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
  padding-bottom: 12px;
  height: 84px;
}

header .custom-logo {
  max-width: 80px;
  height: auto;
  opacity: 1;
  overflow: hidden;
  transition: opacity 0.5s ease-in-out;
}

header.openmobile .custom-logo {
  filter: brightness(0) invert(1);
}

body.home header:not(.sticky) .custom-logo {
  opacity: 0;
}

.primary-navigation ul {
  list-style: none;
  margin: 0 50px; 
  padding: 0; 
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}

.primary-navigation ul li {
  padding-left: 0; 
  margin-bottom: 0;
}

.primary-navigation ul li:before {
  display: none;
}

.primary-navigation ul a {
  font-family: 'SF Distant Galaxy';
  font-size: 23px; 
  line-height: 29px; 
  text-decoration: none;
  color: var(--primary-color);
  margin-bottom: 0;
}

.primary-navigation ul a:hover, 
.primary-navigation ul li:hover > a, 
.primary-navigation ul li.current_menu-item > a {
  color: var(--secondary-color);
}

.bigheader {
  height: calc(100dvh - 84px); 
  width: 100%; 
  background-size: cover;
  background-position: center center;
}

.bigheader .custom-logo-link img {
  max-width: 350px; 
  height: auto;
}

body.admin-bar .bigheader {
  height: calc(100dvh - 84px - 32px); 
}

.bigheader .inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 50px;
}

.bigheader .slogan {
  font-family: 'SF Distant Galaxy';
  font-size: 23px; 
  line-height: 29px; 
  color: var(--primary-color);
}
/* Header END */


/* Headerbanner START */
section.headerbanner {
  height: 400px; 
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
  position: relative;
}

section.headerbanner h1, 
section.headerbanner h2, 
section.headerbanner h3 {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
/* Headerbanner END */

/* Text-Block START */

section.bg-light-blue,
section.bg-primary,
section.bg-secondary,
section.gradientbg, 
section.bg-light {
  padding-top: 85px; 
  padding-bottom: 70px;
}

.gradientbg,
.text-block.gradientbg {
  background: rgb(217,233,255);
  background: linear-gradient(45deg, rgba(217,233,255,0.7) 0%, rgba(255,234,212,1) 100%);
}

.text-block.headline h1, 
.text-block.headline h2, 
.text-block.headline h3 {
  margin-bottom: 0;
}
/* Text Block END */

/* Accordion START */ 
details {
  margin-bottom: 15px;
}

details > summary {
  cursor: pointer;
  padding: 24px 42px;
  list-style: none;
  position: relative;
  background-color: var(--primary-color); 
  color: #ffffff;
  font-size: 35px;
  line-height: 30px;
  letter-spacing: 1px;
  font-family: "SF Distant Galaxy", sans-serif;
}

details > summary:after {
  content: ""; 
  width: 50px;
  height: 50px;
  position: absolute;
  right: 22px;
  top: calc(50% - 25px);
  background-image: url(assets/images/arrow-down.svg);
  background-size: 100% auto; 
  background-position: center center;
  background-repeat: no-repeat;
  transition: transform 0.5s ease-in-out;
}

details > summary > h3 {
  margin-bottom: 0;
  color: #ffffff;
  letter-spacing: 1px;
}

summary:focus {
  outline:none !important
}

details > summary::-webkit-details-marker {
  display:none;
}

details[open] {
  background-color: var(--light-bg);
}
details[open] > summary:after {
  transform: rotate(-180deg);
}

details .detailsinner {
  padding: 15px 40px;
  border: 1px solid var(--primary-color);
}

details .detailsinner > p:last-child {
  margin-bottom: 0;
  padding-bottom: 15px;
}
/* Accordion END */

/* Text Image Block sTART */
.text-image-block .row.image-text-row {
  gap: 60px;
  /* align-items: center; */
}

.text-image-block .row.image-text-row  > .col-sm {
  width: calc(50% - 30px);
}

.text-image-block .text-col {
  padding-top: 50px;
  padding-bottom: 34px;
}

.text-image-block.video-block .text-col {
  padding-bottom: 0;
}

.text-image-block .image-wrapper {
  overflow: hidden;
  display: flex;
  height: 100%;
}

.text-image-block .image-wrapper img {
  object-fit: cover;
}

.text-image-block .image-wrapper.containimage img {
  object-fit: contain;
}
/* Text image Block END */


/* Round Image 4er Row START */
.teaser-textblock.bg-light, 
.teaser-textblock.bg-light-blue {
  padding: 90px 0 40px 0;
}

.teaser-textblock .introtextwrapper {
  padding-bottom: 25px;
}

.teaser-textblock  .text-block-wrapper {
  padding: 22px;
  background: #ffffff; 
  box-shadow: 0 0px 6px rgba(0,0,0,0.15);
  margin-bottom: 22px;
  height: 100%;
  padding-bottom: 0;

}

.teaser-textblock  .text-block-wrapper .image-wrapper {
  width: calc(100% + 22px + 22px);
  aspect-ratio: 1 / 1;
  margin-left: -22px; 
  margin-top: -22px; 
  margin-right: -22px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  object-fit: cover;
}

.teaser-textblock.centered  .text-block-wrapper .image-wrapper {
  width: 60%; 
  margin-bottom: 0;
  margin-left: auto; 
  margin-right: auto;
}

.teaser-textblock  .text-block-wrapper  .image-wrapper img {
  min-height: 100%; 
  min-width: 100%;
  max-width: unset;
  width: auto;
  height: auto;
  object-fit: cover;
}

.teaser-textblock h3, 
.teaser-textblock .subline {
  color: var(--secondary-color);
  margin-bottom: 15px;
}

.teaser-textblock  .subline {
  font-weight: 700;
}

.teaser-textblock  h3 {
  margin-bottom: 0;
}

.slick-button {
  position: absolute;
  top: calc(50% - 14px);
  cursor: pointer;
  width: 28px; 
  height: 28px; 
  display: block;
}

.slick-button.prev {
  left: -28px;
}

.slick-button.next {
  right: -28px;
}
/* Round Image 4er Row END */


/* Image Slider START */
ul.slick-dots {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
}

ul.slick-dots button {
  width: 10px; 
  height: 10px; 
  margin: 0 5px;
  padding: 0;
  color: transparent;
  background-color: #D9D9D9;
  border: 0;
}

ul.slick-dots button:before {
  display: none;
}

ul.slick-dots li.slick-active button {
  background-color: var(--secondary-color);
}

.text-image-slider .image-wrapper {
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 480px;
  margin-bottom: 61px;
}

.text-image-slider .image-wrapper img {
  min-height: 100%; 
  min-width: 100%;
  max-width: unset;
  width: auto;
  height: auto;
  object-fit: cover;
}

.text-image-slider ul.slick-dots {
  position: absolute;
  top: 480px;
  padding: 17px 0;
}

.text-image-slider h3 {
  margin-bottom: 5px;
}

.text-image-slider .slick-button {
  top: calc(240px - 14px);
}

.text-image-slider .slick-button.prev {
  left: -50px;
}

.text-image-slider .slick-button.next {
  right: -50px;
}
/* Image Slider END */

/*  Artikel Liste START*/
.articlelist .headline-wrapper {
  padding-bottom: 3px; 
  margin-bottom: 3px;
  border-bottom: 2px solid var(--secondary-color);
}

.articlelist .row .col-sm-12:not(:last-child) .article-wrapper {
  padding-bottom: 25px;
}

.articlelist p:last-of-type {
  margin-bottom: 0;
}

.articlelist h3 {
  margin-bottom: 0;
}

.articlelist  .subline {
  font-size: 18px; 
  font-weight: 700; 
  color: var(--primary-color);
}

.textlink {
  font-weight: 700; 

}
/* Artikel Liste END */


/* Read more Boxes START */
.readmoreboxes .preview {
  margin-left: 10px; 
  margin-right: 10px;
  max-height: 311px; 
  overflow: hidden;
  position: relative;
  transition: max-height 0.5s ease-in-out;
  margin-bottom: 50px;
}

.readmoreboxes .preview:before {
  content: ""; 
  width: 100%; 
  height: 50%; 
  display: block;
  position: absolute;
  bottom: 0; 
  left: 0; 
  z-index: 1;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
}

.readmoreboxes .preview .more-button {
  position: absolute;
  bottom: 0; 
  left: 0; 
  z-index: 2;
  border-bottom: 2px solid var(--secondary-color);
  display:block; 
  width: 100%; 
  height: 50px;
}

.readmoreboxes .preview .more-button:before {
  content: ""; 
  width: 22px; 
  height: 22px; 
  display: block;
  background-image: url(assets/images/arrow-read-more.svg); 
  background-size: contain; 
  background-repeat: no-repeat; 
  background-position: center center;
  position: absolute;
  right: 0;
  top: calc(50% - 11px);
  cursor: pointer;
  transition: transform 0.5s ease-in-out;
}

.readmoreboxes .preview.full {
  max-height: 100%;
  padding-bottom: 50px;
}

.readmoreboxes .preview .like-h2 {
  margin-bottom: 0;
}

.readmoreboxes .preview.full:before {
  display: none;
}

.readmoreboxes .preview.full .more-button:before {
  transform: rotate(180deg);
}

/* Read more Boxes END */

/* Contact START */
.contact .row > .col-sm:first-child {
  padding-left: 66px;
  position: relative;
}

.contact {
  margin-top: 110px;
;
}

.contact .iconbefore {
  width: 230px; 
  height: 175px; 
  position: absolute;
  top: -110px; 
  left: -15px;
  background-image: url(assets/images/aufzaehlung.svg); 
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}


.contact-row {
  font-size: 22px; 
  line-height: 30px; 
  font-weight: bold; 
  display: flex;
  margin-bottom: 31px; 
  text-decoration: none;
  color: var(--text-color);
}

.contact-row .icon-wrapper {
  width: 40px; 
  margin-right: 20px;
}
/* Contact END */

/* Background Part START */
.wp-block-cover {
  min-height: unset;
  overflow: visible;
}

.wp-block-cover .wp-block-cover__inner-container > p {
    font-size: 26px !important;
    line-height: 36px;
}
.wp-block-cover .wp-block-cover__inner-container {
  width: 50%;
  margin-left: 50%;
  text-align: left;
  font-size: 26px; 
  line-height: 36px; 
  font-weight: 600;
  padding: 50px 0;
}

body .wp-block-cover img {
  object-fit: cover;
  height: 100%;
  object-position: center center;
}

.wp-block-cover .wp-block-cover__inner-container > p:last-child {
  margin-bottom: 0;
}
/* Background Part ENd */

/* Partner Slider START */
.partner-row .partner {
  padding: 32px;
}
/* Partner Slider END */

.wp-block-group .wp-block-group__inner-container > .wp-block-columns {
  margin-bottom: 0;
}


/* .entry-content > .wp-block-group {
  padding-left: 12px; 
  padding-right: 12px;
} */

blockquote p {
  font-size: 22px;
  letter-spacing: 0;
  line-height: 140%;
}



/* Footer START */
.entry-footer {
  display: none;
}
footer#colophon {
  background-color: var(--primary-color);
  padding: 32px 0 20px 0;
  color: #ffffff;
  position: relative;
  /* margin-top: 180px; */
}

footer .entry-content {
  position: relative;
}

footer a:active, 
footer a:visited, 
footer a:link,
footer a:hover {
  color: #ffffff;
  display: inline-block;
  text-decoration: none;
}

footer ul.menu {
  list-style-type: none; 
  margin: 0; 
  padding: 0;
}

footer ul.menu > li:before {
  display:none;
}

footer ul.menu > li {
  break-inside: avoid-column;
}

footer ul.menu .sub-menu li a {
  font-size: 18px; 
  line-height: 30px; 
}

footer ul.menu .sub-menu {
  list-style-type: none; 
  margin-bottom: 50px; 
  padding: 0;
}

.copyright {
  font-size: 12px;
}

#to-the-top {
  position: absolute; 
  top: -75px; 
  z-index: 15;
  cursor: pointer;
  right: 25px; 
}

#to-the-top.fixed {
  position: fixed;
  right: 25px; 
  bottom: 25px;
  transition: all 0.5s;
  top: unset;
}

footer > .container > .row {
  align-items: flex-end;
}

footer img {
  display: flex;
}

footer > .container > .row .col-lg-6 + .col-lg-3 {
  text-align: right;
}
/* Footer END */


@media screen and (max-width: 1200px) {
  .wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background {
    object-position: -220px;
  }

  .bigheader .inner {
    padding: 32px;
  }
}

@media screen and (max-width: 1024px) {
  .headerbanner {
    height: 300px;
  }

  header .col-sm {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .navigation > nav#site-navigation {
    display: none;
  }

  label.hamburg {
    display: block;
    background: transparent;
    width: 32px;
    height: 10px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 21;
  }

  input#hamburg {
    display:none
  }

  .line {
   position: absolute;
   left:0;
   height: 2px;
   width: 32px;
   background: var(--primary-color);
   display: block;
   transition: 0.5s;
   transform-origin: center;
  }

  .line:nth-child(1) { top: 0; }
  .line:nth-child(2) { top: 6px; }

  #hamburg:checked + .hamburg .line:nth-child(1){
    transform: translateY(3px) rotate(-45deg);
  }

  #hamburg:checked + .hamburg .line:nth-child(2){
    transform: translateY(-4px) rotate(45deg);
  }

  .mobile-menu {
    display: block;
  }

  .mobile-menu-wrapper {
    display: block;
    background: #ffffff;
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 20;
    max-height: 0;
    height: auto;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    padding-bottom: 200px;
    box-shadow: 0px 5px 5px 0px rgba(201,201,201,0.3);
    -webkit-box-shadow:  0px 5px 5px 0px rgba(201,201,201,0.3);
    -moz-box-shadow:  0px 5px 5px 0px rgba(201,201,201,0.3);
    padding: 0;
    z-index: -1;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;
  }

  #hamburg:checked + .hamburg + .mobile-menu-wrapper {
    max-height: 100%;
    overflow: scroll;
    transition: max-height 1s ease-in-out;
  }

  .mobile-menu-wrapper > .inner {
    padding: 150px 32px 25px 32px;
  }

  header.sticky .mobile-menu-wrapper > .inner {
    padding-top: 100px;
  }

  .mobile-menu-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
      flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .mobile-menu-wrapper a {
    font-size: 18px;
    line-height: 1;
    margin-left: 0;
    margin-bottom: 20px;
    display: block;
    color: var(--primary-color);
    text-decoration:none;
  }
}

@media screen and (max-width: 990px) {
  .hide-on-mobile {
    display: none;
  }

  .text-image-block .row.image-text-row {
    gap: 32px; 
    flex-direction: column;
  }

  .text-image-block .text-col {
    padding-top: 0; 
    padding-bottom: 0;
  }

  .text-image-block.image-right .row.image-text-row {
    flex-direction: column-reverse;
  }

  .text-image-block .row.image-text-row > .col-sm {
    width: 100%;
  }

  .image-wrapper img {
    object-fit: unset;
    max-width: 100%;
    height: auto;
  }
  .video-wrapper {
    aspect-ratio: 1 / 1;
  }

  .teaser-textblock .row {
    justify-content: center;
  }

  .teaser-textblock .col-lg-4 {
    padding-bottom: 24px;
  }

  .contact .row {
    gap: 32px;
  }

  footer .col-md-12  {
    order: 1;
  }

  footer .col-md-12 img {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }

  .bigheader .inner {
     justify-content: flex-end;
  }
  .bigheader .slogan {
    max-width: 50%; 
    text-align: right;
  }

  .bigheader .custom-logo-link {
    display: none;
  }

  body.home header:not(.sticky) .custom-logo {
    opacity: 1;
  }
  h1 > code, h1 {
    font-size: 75px;
  }
  .wp-block-list.submenu a, a.button, button, .wp-block-button__link, .button {
    font-size: 18px;
  }

  .wp-block-list.submenu {
    gap: 10px;
  }

  .wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background {
    object-position: -690px;
  }

  .wp-block-cover .wp-block-cover__inner-container {
    width: 100%; 
    padding-left: 32px; 
    padding-right: 32px;
    margin-left: 0;
  }
}


@media screen and (max-width: 600px) {
  h1 > code, h1 {
    font-size: 45px;
  }

  h2, 
  .like-h2 {
    font-size: 29px;
    line-height: 35px;
  }
  .headerbanner {
    height: 300px;
  }

  body.admin-bar .bigheader {
      height: calc(75dvh - 84px - 32px);
  }

  .bigheader .slogan {
    max-width: 100%; 
    text-align: right;
  }

  .bigheader .inner {
    padding: 20px;
  }

  .bigheader .slogan {
    font-size: 20px;
  }
  
  .mobile-menu-wrapper > .inner,
  .entry-content > .wp-block-group, 
  .wp-block-list.submenu, 
  #breadcrumbs, 
  .container {
    max-width: 1440px;
    padding-left: 20px;
    padding-right: 20px;
  }

  body {
    font-size: 16px;
    line-height: 150%;
  }

.wp-block-cover .wp-block-cover__inner-container {
  padding: 0;
}

  .wp-block-quote  {
    padding: 32px 20px; 
  }

  details > summary {
    padding: 12px 50px 12px 22px; 
  }

  details > summary:after {
    right: 10px;
  }

  .contact .iconbefore {
    left: 0;
  }

  footer .col-sm {
    text-align: center;
  }

  footer .col-sm ul > li {
    padding-left: 0;
  }

  footer > .container > .row .col-lg-6 + .col-lg-3 {
    text-align: center;
  }
  .wp-block-list.submenu a {
    padding: 8px 16px;
    font-size: 14px;
  }

  blockquote p {
    font-size: 18px;
  }

  h1, 
  h2, 
  h3, 
  h4, 
  h5, 
  h6 {
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    -o-hyphens: auto;
  }
}