@charset "UTF-8";
/*
Theme Name: otomed Pharma 2026
Author: EMVY | Nicolas Lehmann
Description: Ein minimales Grundgerüst für Full Site Editing.
Version: 1.0
Requires at least: 5.9
Tested up to: 6.4
*/
:root {
  --headerHeight: 136px;
}
@media screen and (max-width: 991px) {
  :root {
    --headerHeight: 152px;
  }
}
:root {
  --marginBlockEnd: 84px;
}
:root header, :root main, :root footer, :root body.wp-admin :where(.editor-styles-wrapper) {
  --wp--preset--spacing--20: 11px;
  --wp--preset--spacing--30: 15px;
  --wp--preset--spacing--40: 30px;
  --wp--preset--spacing--50: 42px;
  --wp--preset--spacing--60: 60px;
  --wp--preset--spacing--70: 80px;
  --wp--preset--spacing--80: 100px;
}
@media (max-width: 768px) {
  :root main {
    --wp--preset--font-size--small: 15px;
    --wp--preset--font-size--small: 12px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--medium: 18px;
    --wp--preset--font-size--large: 23px;
    --wp--preset--font-size--large: 21px;
    --wp--preset--font-size--x-large: 26px;
    --wp--preset--font-size--x-large: 25px;
  }
}

/* temp solution */
body.home .wp-block-cover, body.page-id-16 .wp-block-cover {
  height: 100%;
}

body {
  font-size: 21px;
}

main {
  hyphens: auto;
  hyphens: manual;
  /*text-wrap: balance;*/
}

main a {
  color: #365E56;
}

body .is-layout-grid {
  gap: 60px;
}

@media (max-width: 991px) {
  body .is-layout-grid {
    gap: 42px;
  }
}
@media (max-width: 768px) {
  body .is-layout-grid {
    display: flex;
    flex-direction: column;
  }
}
/* *** News *** */
.wp-block-query ul li.wp-block-post {
  position: relative;
}

.news-card {
  display: flex;
  flex-direction: column;
  gap: 1.24em;
  border-radius: 16px;
  padding-top: 1.414em;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 2em;
  height: 100%;
}

.news-card .wp-block-group {
  display: flex;
  flex-direction: column;
  gap: 1.24em;
}

.news-card .wp-block-separator {
  border-top: 1px solid;
  width: 100%;
}

.news-card a.wp-block-read-more {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.wp-block-post-excerpt__more-link {
  font-family: "ABC Social", Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.wp-block-post-excerpt__more-link:hover {
  text-decoration: underline;
}

body.single-post .wp-block-heading {
  text-align: center;
}

body.home .wp-block-video, body.page-id-16 .wp-block-video {
  height: 100%;
}

body.home .wp-block-video video, body.page-id-16 .wp-block-video video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

main p:not(:last-child), footer p:not(:last-child), body.wp-admin :where(.editor-styles-wrapper) p {
  margin-bottom: 1em !important;
}

/*
@media (max-width: 768px) {
main p .line {
  display: inline !important;
}
}*/
strong, b {
  font-weight: 700;
  font-family: "ABC Social", Verdana, Geneva, Tahoma, sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-family: "ABC Social", Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 700;
  margin-bottom: var(--marginBlockEnd);
}

p + h1, p + .h1, p + h2, p + .h2, p + h3, p + .h3, p + h4, p + .h4 {
  margin-top: 2.828em !important;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 24px;
  font-size: 26px;
  font-size: 30px;
}

h3, .h3 {
  font-size: 21px;
  font-size: 26px;
  margin-block-end: 42px;
}

h4, .h4 {
  font-size: 18px;
  font-size: 24px;
  margin-bottom: 0;
}

/* Überschreibt den globalen Flow-Abstand */
/*:root :where(.is-layout-flow) > * {
    margin-block-start: 0;
    margin-block-end: 0; 
}
:where(.wp-site-blocks) > * {
    margin-block-start: 0;
    margin-block-end: 0;
}
*/
body:not(.wp-admin) .is-style-no-display {
  opacity: 0;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* Rounded corners theme overwrite */
:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {
  border-radius: 16px !important;
}

body .wp-block-separator {
  border-top: 1px solid;
}

blockquote {
  margin: 0;
  padding-top: 69px;
  background: url(img/quote-icon.svg) no-repeat left top;
  background-size: auto 42px;
}

blockquote > *:last-child {
  margin-bottom: 0 !important;
}

time {
  color: var(--wp--preset--color--green);
}

header {
  display: block;
  position: fixed;
  width: 100%;
  z-index: 2;
}

header > section {
  height: 100%;
}

header .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  flex-basis: auto;
  width: -moz-fit-content;
  width: fit-content;
}

/* Menu */
/*header div:not(.wpml-language-switcher-block) > .wp-block-navigation ul {
  gap: 0;
  color: #F18A00;
}
header div:not(.wpml-language-switcher-block) > .wp-block-navigation .wp-block-navigation-item:not(:last-child):after {
  content: "|";
  margin-left: 11px;
  margin-right: 11px;
}*/
/*

header .wp-block-navigation .wp-block-navigation-item.current-menu-item:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(8px);
  width: 100%;
  height: 4px;
  background-color: #4FB49C;
}*/
@media (max-width: 991px) {
  body.menu-active {
    max-height: 100dvh;
    overflow: hidden;
  }
  body:not(.jsloaded) header nav.wp-block-navigation {
    display: none;
  }
  header nav.wp-block-navigation {
    display: flex;
    position: fixed;
    width: 100%;
    height: calc(100% - var(--headerHeight) - 120px);
    left: 0;
    top: 0;
    padding-top: var(--headerHeight);
    opacity: 0;
    transform: translateX(100px);
    pointer-events: none;
    transition: opacity 0.4s 0s, transform 0.4s 0.4s;
  }
  body.menu-active header nav.wp-block-navigation {
    opacity: 1;
    transform: translateX(0px);
    pointer-events: all;
    transition: opacity 0.4s 0.4s, transform 0.4s 0.4s ease-out;
  }
  main section > * {
    opacity: inherit;
    transition: opacity 0.3s 0.4s;
  }
  body.menu-active main section > * {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s 0s;
  }
  .burger-menu {
    width: 34px;
    height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 3;
  }
  .burger-menu .bar {
    width: 100%;
    height: 3px;
    background-color: #000000;
    transition: transform 0.3s;
  }
  body.menu-active .burger-menu .bar:first-child {
    transform: translateY(10.5px) rotate(-45deg);
    transition: transform 0.3s;
  }
  body.menu-active .burger-menu .bar:not(:first-child):not(:last-child) {
    display: none;
  }
  body.menu-active .burger-menu .bar:last-child {
    transform: translateY(-10.5px) rotate(45deg);
    transition: transform 0.3s;
  }
}
header ul.wp-block-navigation {
  gap: 60px;
  font-family: "ABC Social", Verdana, Geneva, Tahoma, sans-serif;
  text-transform: lowercase;
}

@media screen and (max-width: 991px) {
  header ul.wp-block-navigation {
    gap: 50px;
    display: flex;
    flex-direction: column;
  }
}
header .wp-block-navigation .wp-block-navigation-item a {
  color: var(--menufarbe);
  transition: all 0.1s;
}

@media screen and (max-width: 991px) {
  header .wp-block-navigation .wp-block-navigation-item a {
    font-size: 28px;
  }
}
header .wp-block-navigation .wp-block-navigation-item.current-menu-item a, header .wp-block-navigation .wp-block-navigation-item.current-menu-item a:hover {
  color: var(--menufarbe_aktiver_menueintrag);
  pointer-events: none;
}

header .wp-block-navigation .wp-block-navigation-item a:hover {
  color: var(--menufarbe_mouseover);
}

/* *** Logo *** */
.wp-block-site-logo.is-default-size img {
  width: 207px;
  height: auto;
}

@media (max-width: 767px) {
  .wp-block-site-logo.is-default-size img {
    width: 54vw;
    max-width: 240px;
    height: auto;
  }
}
.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
  height: 24px;
  width: 34px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wp-block-navigation__responsive-container-open svg {
  width: 100%;
  height: 3px;
  background-color: #121212;
  overflow: hidden;
}

.wp-block-navigation__responsive-container-open:before, .wp-block-navigation__responsive-container-open:after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #121212;
}

.wp-block-navigation__responsive-container-open svg * {
  display: none;
}

main {
  /*padding-top: var(--headerHeight);*/
  min-height: 100vh;
}

main ul:not(.wp-block-post-template) {
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
  list-style: none;
}

/*main ul:not(.wp-block-post-template) li {
  padding-left: 1em;
  background: url(img/bullet.svg) no-repeat left 0.2em;
  background-size: auto 0.8em;
  margin-bottom: 11px;
  margin-bottom: 0.42em;
}*/
main ul:not(.wp-block-post-template) li {
  padding-left: 1em;
}

main ul:not(.wp-block-post-template) li:not(:last-child) {
  padding-bottom: 0.2em;
}

main ul:not(.wp-block-post-template) li:before {
  content: "•";
  /*content: "●";*/
  position: absolute;
  left: 0;
}

/* WP Query Loop Block *** */
/* *** Single Post *** */
body.single-post .taxonomy-kunde {
  line-height: 100%;
}

body.single-post .taxonomy-kunde > * {
  text-decoration: none;
  pointer-events: none;
}

body.single-post .taxonomy-beitragsart {
  margin-top: 1em;
}

body.single-post .taxonomy-beitragsart > * {
  text-decoration: none;
  pointer-events: none;
}

/* *** Footer *** */
footer {
  display: block;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 3;
  /*opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;*/
  position: relative;
  margin-top: -70px;
}

body.home footer, body.page-id-16 footer {
  position: fixed;
  bottom: 20px;
}

footer.show {
  opacity: 1;
  pointer-events: all;
}

footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
  font-family: "ABC Social", Arial, Helvetica, sans-serif;
  color: var(--menufarbe_footer);
  transition: all 0.1s;
}

footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
  color: var(--menufarbe_footer_mouseover);
}

/* *** Gutenberg / Backen *** */
body.wp-theme-pura-2026 .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 90%;
}/*# sourceMappingURL=style.css.map */