/*
Theme Name: FertiduoDE2024
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: fertiduode2024
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-10: #E5EFF3;
  --color-indigo1-50: #87A4BE;
  --color-indigo1-70: #4F85A7;
  --color-pink1-10: #FCE5F2;
}

: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: "";
}

/*!
 * Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root,
:host {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("vendor/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("vendor/fontawesome/webfonts/fa-solid-900.ttf") format("truetype");
}
.fas,
.fa-solid {
  font-weight: 900;
}

/* 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');
}
$fontweight-light: 300;*/
/*

/* 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");
}
/* 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');
}
$fontweight-semibold: 600;*/
/* 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");
}
*,
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;
}

.alignwide {
  padding-left: var(--width-margin);
  padding-right: var(--width-margin);
}
@media (min-width: 780px) and (max-width: 1520px) {
  .alignwide {
    padding-left: calc(var(--width-margin) * 2);
    padding-right: calc(var(--width-margin) * 2);
  }
}

MAIN {
  margin-top: 85px;
}

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

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

FOOTER {
  background-color: var(--color-darkblue1);
  color: var(--color-white);
  padding: 0;
}
FOOTER .footerfirst {
  padding: var(--logo-margin);
}
@media (max-width: 780px) {
  FOOTER .footerfirst {
    text-align: center;
  }
}
FOOTER .footeraddress P {
  padding-bottom: 1em;
}
@media (max-width: 1520px) {
  FOOTER .footerthirdplaceholder {
    display: none;
  }
}
FOOTER .footercopylinks {
  margin-top: var(--width-margin);
  background-color: var(--color-darkblue2);
  padding: 2em var(--logo-margin);
}
@media (max-width: 780px) {
  FOOTER .footercopylinks {
    text-align: center;
  }
}

HEADER {
  background-color: var(--color-indigo1);
  color: var(--color-white);
  padding: 13px var(--width-margin) var(--width-margin) var(--width-margin);
  position: fixed;
  margin: 0 auto;
  width: 100%;
  max-width: 1520px;
  z-index: 100;
  top: 0;
  left: 0;
}
@media (min-width: 1520px) {
  HEADER {
    left: calc((100% - 1520px) * 0.5);
  }
}
HEADER:after {
  content: "";
  border-bottom: 1px solid var(--color-white);
  display: block;
  height: 13px;
}
HEADER .headergroup {
  padding: 0;
}
HEADER .headergroup .wp-block-group-is-layout-flex:first-child {
  flex-grow: 100;
}
HEADER .wp-block-site-title-group,
HEADER .wp-block-site-title {
  display: none;
}
HEADER .wp-block-button__link {
  background-color: var(--color-indigo1-50);
  border-radius: 20px;
  position: relative;
  padding-left: 50px;
  color: var(--color-white);
}
HEADER .wp-block-button__link:before {
  content: "";
  position: absolute;
  background-image: url(assets/images/shoppingcart.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 18px;
  left: 20px;
  color: var(--color-white);
}
HEADER .wp-block-button__link:hover {
  background-color: var(--color-darkyellow1);
}

BODY.admin-bar HEADER {
  top: var(--wp-admin--admin-bar--height);
}

.wp-block-navigation.items-justified-left {
  position: relative;
}
.wp-block-navigation.items-justified-left *:focus {
  outline-style: none;
}

.wp-block-navigation__responsive-container.is-menu-open {
  padding: calc(var(--width-margin) + 3px) var(--width-margin) var(--width-margin) var(--width-margin);
  bottom: auto;
  left: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media (min-width: 1520px) {
  .wp-block-navigation__responsive-container.is-menu-open {
    right: calc((100vw - var(--width-container)) * 0.5);
  }
}
.wp-block-navigation__responsive-container.is-menu-open UL.wp-block-navigation__container.has-background {
  align-items: stretch;
  padding: 3px;
  gap: 0;
}

.wp-block-navigation__responsive-container-open {
  background-color: var(--color-indigo1);
}

.wp-block-navigation .wp-block-navigation-item {
  border-bottom: 1px solid var(--color-indigo1);
  padding-top: 24px;
  padding-bottom: 24px;
  text-transform: uppercase;
  text-align: left;
}
.wp-block-navigation .wp-block-navigation-item:first-child {
  padding-top: 0;
}
.wp-block-navigation .wp-block-navigation-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/*.imginview{
  IMG{
    transition-property: opacity;
    transition-duration: 2s;
    opacity: 0;
  }
  &.isinview{
    IMG{
      opacity: 1;
    }
  }
}
.inview{
  transition-property: opacity;
  transition-duration:2s;
  opacity: 0;
  &.isinview{
    opacity: 1;
  }
}*/
.fertiduo-bestellbutton .wp-block-button__link {
  background-color: var(--color-indigo1);
  border-radius: 20px;
  position: relative;
  padding-left: 50px;
  text-transform: uppercase;
  color: var(--color-white);
}
.fertiduo-bestellbutton .wp-block-button__link:before {
  content: "";
  position: absolute;
  background-image: url(assets/images/shoppingcart.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 18px;
  left: 20px;
  color: var(--color-white);
}
.fertiduo-bestellbutton .wp-block-button__link:hover {
  background-color: var(--color-darkyellow1);
}

.fertiduo-faktoren {
  padding: 40px 36px 60px 36px;
  /*padding-bottom:60px;*/
  gap: 40px;
}
@media (min-width: 1520px) {
  .fertiduo-faktoren {
    padding-bottom: 90px;
  }
}
.fertiduo-faktoren H3 {
  text-transform: uppercase;
  padding-bottom: var(--width-margin);
}
@media (max-width: 780px) {
  .fertiduo-faktoren H3:last-child {
    padding-top: var(--width-margin);
  }
}
.fertiduo-faktoren .wp-block-column-is-layout-flow {
  position: relative;
  padding-top: 40px;
}
@media (min-width: 780px) {
  .fertiduo-faktoren .wp-block-column-is-layout-flow {
    padding-top: 0;
  }
}
.fertiduo-faktoren .wp-block-column-is-layout-flow:before {
  position: absolute;
  height: 115%;
  aspect-ratio: 433/330;
  top: 0;
  z-index: -2;
}
@media (min-width: 780px) {
  .fertiduo-faktoren .wp-block-column-is-layout-flow:before {
    height: calc(100% + 40px);
    width: calc(100% + 50px);
    top: -20px;
    left: 0;
  }
}
.fertiduo-faktoren .wp-block-column-is-layout-flow:first-child:before {
  content: url(assets/images/fertiduo-pfad-rosa.svg);
  transform: rotate(15deg);
  left: -152px;
}
@media (min-width: 780px) {
  .fertiduo-faktoren .wp-block-column-is-layout-flow:first-child:before {
    content: "";
    background-color: var(--color-pink1-10);
    transform: rotate(0deg);
    left: -20px;
    border-radius: 40px;
  }
}
.fertiduo-faktoren .wp-block-column-is-layout-flow:last-child:before {
  content: url(assets/images/fertiduo-pfad-petrol.svg);
  transform: rotate(165deg);
  left: -340px;
  mix-blend-mode: multiply;
}
@media (min-width: 780px) {
  .fertiduo-faktoren .wp-block-column-is-layout-flow:last-child:before {
    content: "";
    background-color: var(--color-indigo1-10);
    transform: rotate(0deg);
    left: -30px;
    border-radius: 40px;
  }
}
.fertiduo-faktoren .wp-block-column-is-layout-flow:after {
  position: absolute;
  content: "";
  top: 30px;
  background-size: contain;
  z-index: -1;
}
.fertiduo-faktoren .wp-block-column-is-layout-flow:first-child:after {
  background-image: url(assets/images/symbot-weiblich.png);
  width: 100px;
  left: 250px;
  aspect-ratio: 441/705;
}
@media (min-width: 780px) {
  .fertiduo-faktoren .wp-block-column-is-layout-flow:first-child:after {
    left: auto;
    right: 30px;
  }
}
.fertiduo-faktoren .wp-block-column-is-layout-flow:last-child:after {
  background-image: url(assets/images/symbot-maennlich.png);
  width: 135px;
  left: -60px;
  top: 63px;
  aspect-ratio: 582/574;
}
@media (min-width: 780px) {
  .fertiduo-faktoren .wp-block-column-is-layout-flow:last-child:after {
    left: auto;
    right: 30px;
    top: 30px;
  }
}

H1 {
  font-size: 27px;
  line-height: 1.22em;
  font-weight: 700;
  padding-top: var(--width-margin);
  padding-bottom: var(--width-margin);
}
@media (min-width: 1520px) {
  H1 {
    font-size: 34px;
  }
}

.h1subtitle {
  font-weight: 500;
  padding-bottom: var(--width-margin);
  font-size: 15px;
  line-height: 1.46em;
}

H2 {
  font-size: 20px;
  padding-top: 36px;
  padding-bottom: 36px;
}
@media (min-width: 1520px) {
  H2 {
    font-size: 30px;
  }
}

.fertiduo-herorows {
  padding: 0;
  gap: 0;
}
.fertiduo-herorows .alignwide {
  padding: 0;
}

.fertiduo-heroimage.alignwide IMG {
  max-width: 170%;
  width: 170%;
  margin: 0 -50%;
}
@media (min-width: 780px) {
  .fertiduo-heroimage.alignwide IMG {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}

.is-layout-flow>.fertiduo-heropackshot {
  position: relative;
  margin-top: -38.4vw;
  margin-bottom: 70vw;
}
.is-layout-flow>.fertiduo-heropackshot:before {
  content: url(assets/images/fertiduo-pfad-weiss.svg);
  position: absolute;
  transform: rotate(15deg);
  width: 103vw;
  height: 50vw;
  margin-top: 17vw;
  transform: rotate(15deg);
  overflow-y: hidden;
}
.is-layout-flow>.fertiduo-heropackshot IMG {
  z-index: 3;
  position: absolute;
  width: 120vw;
  max-width: 120vw;
  margin-left: -6vw;
}
@media (min-width: 780px) {
  .is-layout-flow>.fertiduo-heropackshot {
    margin-top: min(23vw, 168px);
    margin-bottom: 0;
  }
  .is-layout-flow>.fertiduo-heropackshot:before {
    width: min(60vw, 1035px);
    margin-top: max(-3.7vw, -100px);
    margin-left: max(-11.4vw, -134px);
  }
  .is-layout-flow>.fertiduo-heropackshot IMG {
    max-width: min(56.8vw, 836px);
    margin-left: max(-17vw, -186px);
    margin-top: max(-17vw, -48px);
  }
}

@media (min-width: 780px) {
  .fertiduo-inhaltsgrafik {
    padding-top: 40px;
  }
}

@media (max-width: 1520px) {
  .fertiduo-inhaltsstoffe {
    margin: 0 var(--width-margin);
  }
}
.fertiduo-inhaltsstoffe STRONG {
  text-transform: uppercase;
}
.fertiduo-inhaltsstoffe P {
  min-height: 1em;
}
.fertiduo-inhaltsstoffe .fertiduo-inhaltsstoffe-head {
  margin-bottom: 0;
}

.fertiduo-productbuehne {
  margin: 40px 0;
}
.fertiduo-productbuehne .wp-block-column .wp-block-column {
  max-width: 750px;
  margin: 0 auto;
}
.fertiduo-productbuehne .fertiduo-pictos {
  hyphens: auto;
}

.fertiduo-referenzen {
  padding: 0 var(--width-margin);
}
.fertiduo-referenzen SUMMARY {
  display: inline-block;
  background-color: var(--color-indigo1);
  color: var(--color-white);
  border-radius: 20px;
  padding: 0.6rem 1.2rem;
}
.fertiduo-referenzen SUMMARY:before {
  content: "";
  display: inline-block;
  background-size: 10px auto;
  background-image: url(assets/images/dreieck.png);
  width: 10px;
  height: 10px;
  margin-right: 6px;
  transition-property: transform;
}
.fertiduo-referenzen SUMMARY:focus {
  outline: 0;
}
.fertiduo-referenzen summary::-webkit-details-marker {
  display: none;
}
.fertiduo-referenzen[open] SUMMARY:before {
  transform: rotate(90deg);
}

.fertiduo-rounded {
  justify-content: space-around;
  padding-bottom: var(--width-margin);
}
.fertiduo-rounded .wp-block-column {
  max-width: 250px;
}
.fertiduo-rounded .wp-block-image {
  padding-bottom: var(--width-margin);
}

.fertiduo-tabellezusammensetzung {
  position: relative;
  padding: 0;
  padding-bottom: var(--width-margin);
}
@media (max-width: 780px) {
  .fertiduo-tabellezusammensetzung {
    font-size: 10px;
  }
}
@media (min-width: 780px) and (max-width: 1520px) {
  .fertiduo-tabellezusammensetzung TABLE {
    margin: 0 var(--width-margin);
    width: calc(100% - 2 * var(--width-margin));
  }
}
.fertiduo-tabellezusammensetzung H3 {
  font-size: inherit;
}
.fertiduo-tabellezusammensetzung TH {
  hyphens: auto;
  font-weight: 400;
}
.fertiduo-tabellezusammensetzung TD {
  width: 17%;
}
.fertiduo-tabellezusammensetzung TD:first-child {
  width: 32%;
}
.fertiduo-tabellezusammensetzung TR:first-child TH:first-child {
  border-bottom: 0;
}
.fertiduo-tabellezusammensetzung TR:last-child TH:first-child {
  border-top: 0;
}

@media (max-width: 1520px) {
  body .is-layout-constrained>.fertiduo-tabellezusammensetzung:not(.alignleft):not(.alignright):not(.alignfull) {
    margin: 0 var(--width-margin);
  }
}

H3.fertiduo-tableheadline {
  padding-top: var(--width-margin);
  padding-bottom: var(--width-margin);
  font-size: 16px;
}

.wp-block-column P {
  margin-bottom: 1em;
}

MAIN UL {
  list-style: none;
}
MAIN UL>LI {
  margin-bottom: 0.25em;
}
MAIN UL>LI:before {
  content: "- ";
  margin-left: -1.25ex;
}

.fertiduo-tabellezusammensetzung .tooltipsincontent {
  border-bottom: 1px solid #FFFFFF;
}

.qtip-dark {
  background-color: var(--color-indigo1);
  border-color: var(--color-indigo1);
  font-size: 15px;
  line-height: 1.25em;
}
.qtip-dark P {
  color: var(--color-white);
}

.fertiduo-who-tabelle-detail SUMMARY {
  display: inline-block;
  background-color: var(--color-indigo1);
  color: var(--color-white);
  border-radius: 20px;
  padding: 0.6rem 1.2rem;
}
.fertiduo-who-tabelle-detail SUMMARY:before {
  content: "";
  display: inline-block;
  background-size: 10px auto;
  background-image: url(assets/images/dreieck.png);
  width: 10px;
  height: 10px;
  margin-right: 6px;
  transition-property: transform;
}
.fertiduo-who-tabelle-detail SUMMARY:focus {
  outline: 0;
}
.fertiduo-who-tabelle-detail[open] SUMMARY:before {
  transform: rotate(90deg);
}
.fertiduo-who-tabelle-detail summary::-webkit-details-marker {
  display: none;
}

.fertiduo-who-tabelle {
  /*background-image: url(assets/images/fertiduo-tabellen-bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;*/
  background-color: var(--color-indigo1);
}
.fertiduo-who-tabelle:focus {
  outline: 0;
}
.fertiduo-who-tabelle .wp-block-table {
  margin: 20px 0;
}
.fertiduo-who-tabelle TABLE {
  color: var(--color-white);
}
.fertiduo-who-tabelle TABLE TD,
.fertiduo-who-tabelle TABLE TH,
.fertiduo-who-tabelle TABLE THEAD {
  border: 0;
  padding: 20px 7px;
}
.fertiduo-who-tabelle TABLE TH {
  text-align: left;
}
.fertiduo-who-tabelle TABLE TH:first-child {
  min-width: 134px;
}
@media (min-width: 780px) {
  .fertiduo-who-tabelle TABLE TH:first-child {
    min-width: 250px;
  }
}
.fertiduo-who-tabelle TABLE TD {
  border-bottom: 1px solid var(--color-white);
}
.fertiduo-who-tabelle TABLE TD:first-child {
  background-color: var(--color-indigo1-70);
  hyphens: auto;
}
.fertiduo-who-tabelle TABLE TR:last-child TD {
  border-bottom: 0;
}