/*
Theme Name: Saegert2024
Theme URI:
Author:
Author URI:
Description:
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saegert2024
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-darkblue1: #252f69;
  --color-darkblue2: #6d81a3;
  --color-yellow1: #f9cb21;
  --color-darkyellow1: #c89407;
  --color-indigo1: #005e86;
  --color-indigo1-50: #87A4BE;
  --color-indigo1-70: #4F85A7;
}

:root {
  --fontsize-default: 16px;
  --width-container: 1520px;
  --width-col: 56px;
  --width-3col: 330px;
  --width-4col: 440px;
  --width-8col: 880px;
  --width-9col: 990px;
  --width-12col: 1320px;
  --width-margin: 18px;
}

BODY {
  --wp--style--root--padding-right: 0;
  --wp--style--root--padding-left: 0;
  --wp--style--global--wide-size: 1520px;
  --logo-margin: 54px;
}

.blocksatz {
  text-align: justify;
}
.blocksatz H1,
.blocksatz H2,
.blocksatz H3 {
  text-align: left;
  hyphens: none;
}

.clearfix::after {
  display: table;
  clear: both;
  content: "";
}

/* montserrat-300 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("vendor/montserrat-font/montserrat-v26-latin_latin-ext-300.woff2") format("woff2");
}
/* montserrat-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("vendor/montserrat-font/montserrat-v26-latin_latin-ext-regular.woff2") format("woff2");
}
/* montserrat-500 - latin_latin-ext */
/*@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('vendor/montserrat-font/montserrat-v26-latin_latin-ext-500.woff2') format('woff2');
}
$fontweight-medium: 500;*/
/* montserrat-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("vendor/montserrat-font/montserrat-v26-latin_latin-ext-600.woff2") format("woff2");
}
/* montserrat-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("vendor/montserrat-font/montserrat-v26-latin_latin-ext-700.woff2") format("woff2");
}
/* montserrat-800 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("vendor/montserrat-font/montserrat-v26-latin_latin-ext-800.woff2") format("woff2");
}
*,
H1,
H2,
H3 {
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  margin: 0;
  padding: 0;
  border: 0;
  background-repeat: no-repeat;
}

HTML {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  scroll-padding-top: 85px;
  scroll-behavior: smooth;
}

:root {
  --wp--preset--font-family--body: Montserrat, Arial, Helvetica, sans-serif;
  --wp--preset--font-size--medium: 15px;
  --wp--preset--color--contrast: var(--color-black);
}

BODY {
  position: relative;
  overflow-x: hidden;
  min-height: 100vh;
  color: var(--color-black);
  background-color: var(--color-white);
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.4285em;
}

BUTTON,
INPUT,
OPTGROUP,
SELECT,
TEXTAREA {
  font-family: inherit;
}

A {
  text-decoration: underline;
  color: inherit;
}

SUP {
  font-size: 60%;
  line-height: 60%;
}

STRONG {
  font-weight: 700;
}

HEADER,
FOOTER,
.region-content,
.region-primary-menu {
  max-width: var(--width-container);
  margin: 0 auto;
  /*padding:0 var(--width-margin);*/
  position: relative;
  clear: both;
}

.region-content {
  position: relative;
}

.is-layout-constrained>* {
  margin-block-start: 0;
  margin-block-end: 0;
}

.has-global-padding {
  padding-right: 0;
  padding-left: 0;
}

FOOTER>.wp-block-columns {
  padding: 32px;
  font-size: 14px;
  font-weight: 300;
}

HEADER>.wp-block-group {
  padding: 18px 27px;
}
HEADER>.wp-block-group .alignwide {
  padding: 0;
}

.wp-block-columns:not(.saegert_hero) H1 {
  font-size: 23px;
  line-height: 28px;
  padding-top: 46px;
  padding-bottom: 46px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

H2 {
  font-size: 23px;
  line-height: 28px;
  padding-top: 46px;
  padding-bottom: 46px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.saegert_hero .wp-block-column {
  position: relative;
}
@media (max-width: 780px) {
  .saegert_hero IMG {
    max-width: 140vw;
    margin: 0 calc((100% - 140vw) * 0.5);
  }
}
.saegert_hero H1 {
  position: absolute;
  display: inline-block;
  bottom: 56px;
  padding: 25px 40px;
  background-color: var(--wp--preset--color--lila-1);
  font-weight: 800;
  color: var(--wp--preset--color--green-1);
  text-transform: uppercase;
  font-size: 32px;
  line-height: 1em;
  border-top-right-radius: 140px;
  border-bottom-right-radius: 140px;
}
@media (max-width: 780px) {
  .saegert_hero H1 {
    font-size: 22px;
    padding: 15px 25px;
  }
}
.saegert_hero H1 EM {
  color: var(--wp--preset--color--white);
  font-style: normal;
  font-size: 22px;
}
@media (max-width: 780px) {
  .saegert_hero H1 EM {
    font-size: 15px;
  }
}

.saegert_kontakt {
  gap: 46px;
  padding-bottom: 46px;
}
@media (max-width: 1500px) {
  .saegert_kontakt {
    flex-direction: column;
  }
  .saegert_kontakt P {
    width: 90%;
    text-align: left;
  }
}
@media (min-width: 1500px) {
  .saegert_kontakt P:after {
    content: "|";
    font-size: 18px;
    margin-left: 46px;
  }
  .saegert_kontakt P:last-child:after {
    content: "";
  }
}
.saegert_kontakt IMG {
  margin-right: 1em;
  vertical-align: text-bottom;
}
.saegert_kontakt A {
  text-decoration: none;
}

.saegert-portfolio {
  gap: 0;
  grid-auto-rows: 1fr;
}
@media (max-width: 780px) {
  .saegert-portfolio {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 568px) {
  .saegert-portfolio {
    grid-template-columns: 1fr;
  }
}
.saegert-portfolio .wp-block-group {
  padding: 36px;
}
.saegert-portfolio STRONG {
  font-size: 18px;
}

.saegert-wirbieten {
  background: linear-gradient(180deg, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0) 60%, rgb(242, 242, 242) 100%);
  padding: 48px 50px 100px 150px;
}
@media (max-width: 780px) {
  .saegert-wirbieten {
    padding: 48px;
  }
}
.saegert-wirbieten UL {
  list-style-type: none;
  position: relative;
  height: 25cqh;
}
@media (max-width: 780px) {
  .saegert-wirbieten UL {
    height: 50vh;
  }
}
.saegert-wirbieten LI {
  position: absolute;
}
.saegert-wirbieten LI:nth-child(1) {
  top: 0;
  left: 40%;
}
.saegert-wirbieten LI:nth-child(1) STRONG:before {
  transform: scale(1);
}
@media (max-width: 780px) {
  .saegert-wirbieten LI:nth-child(1) {
    left: 30%;
  }
}
.saegert-wirbieten LI:nth-child(2) {
  top: 19%;
  left: 0;
}
.saegert-wirbieten LI:nth-child(2) STRONG:before {
  transform: scale(0.75);
}
@media (max-width: 780px) {
  .saegert-wirbieten LI:nth-child(2) {
    left: 0;
  }
}
.saegert-wirbieten LI:nth-child(3) {
  top: 10%;
  left: 86%;
}
.saegert-wirbieten LI:nth-child(3) STRONG:before {
  transform: scale(0.68);
}
@media (max-width: 780px) {
  .saegert-wirbieten LI:nth-child(3) {
    left: 75%;
  }
}
.saegert-wirbieten LI:nth-child(4) {
  top: 50%;
  left: 15%;
}
.saegert-wirbieten LI:nth-child(4) STRONG:before {
  transform: scale(0.82);
}
@media (max-width: 780px) {
  .saegert-wirbieten LI:nth-child(4) {
    left: 15%;
  }
}
.saegert-wirbieten LI:nth-child(5) {
  top: 35%;
  left: 58%;
}
.saegert-wirbieten LI:nth-child(5) STRONG:before {
  transform: scale(0.68);
}
@media (max-width: 780px) {
  .saegert-wirbieten LI:nth-child(5) {
    left: 43%;
  }
}
.saegert-wirbieten LI:nth-child(6) {
  top: 63%;
  left: 47%;
}
.saegert-wirbieten LI:nth-child(6) STRONG:before {
  transform: scale(0.68);
}
@media (max-width: 780px) {
  .saegert-wirbieten LI:nth-child(6) {
    left: 42%;
  }
}
.saegert-wirbieten LI:nth-child(7) {
  top: 76%;
  left: 78%;
}
.saegert-wirbieten LI:nth-child(7) STRONG:before {
  transform: scale(0.82);
}
@media (max-width: 780px) {
  .saegert-wirbieten LI:nth-child(7) {
    left: 60%;
  }
}
.saegert-wirbieten LI:nth-child(8) {
  top: 88%;
  left: 34%;
}
.saegert-wirbieten LI:nth-child(8) STRONG:before {
  transform: scale(0.74);
}
@media (max-width: 780px) {
  .saegert-wirbieten LI:nth-child(8) {
    left: 34%;
  }
}
.saegert-wirbieten LI STRONG {
  position: relative;
  font-weight: 400;
}
.saegert-wirbieten LI STRONG:first-child:before {
  content: " ";
  background-image: url(images/grey-icon.png);
  width: 121px;
  height: 134px;
  background-size: contain;
  display: block;
  position: absolute;
  left: -49px;
  top: -65px;
}