:root {
  --theme-color: oklch(43.6% 0.1648 349.3);
  --theme-secondary: oklch(56.53% 0.0087 17.41);
}

#skiplink {
  position: fixed;
  top: -1px;
  left: 0;
  padding: 1.5em;
  background: white;
  border: 1px solid var(--theme-color);
  display: block;
  font-size: 1.5em;
  transform: translate3d(0, -100%, 0);
}
#skiplink:focus {
  z-index: 1000;
  transform: none;
}

body #nav-mobile .nav-mobile-main > .nav > li.RosenparkKlinik > .trigger-button.collapsed,
body #nav-mobile .nav-mobile-main > .nav > li.RosenparkAtelier > .trigger-button.collapsed,
body #nav-mobile .nav-mobile-main > .nav > li.RosenparkStudio > .trigger-button.collapsed,
body #nav-mobile .nav-mobile-main > .nav > li.RosenparkResearch > .trigger-button.collapsed,
body #nav-mobile .nav-mobile-main > .nav > li.RosenparkProducts > .trigger-button.collapsed {
  background-color: var(--theme-secondary);
}

/*
NAVI
 */
dialog#nav-mobile {
  --menu-slide-duration: 1500ms;
  margin: 0;
  padding: 0;
  border: none;
  position: fixed;
  transition: transform var(--menu-slide-duration) ease, opacity var(--menu-slide-duration) ease !important;
}

.csstransforms3d.csstransitions.js-ready dialog#nav-mobile {
  opacity: 0;
  z-index: 2;
}

.csstransforms3d.csstransitions.js-ready dialog#nav-mobile[open] {
  transform: none !important;
  opacity: 1;
}
@starting-style {
  .csstransforms3d.csstransitions.js-ready dialog#nav-mobile[open] {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

/**
Video in news
 */
.medialement-alternative-content {
  --border-color: transparent;
  --padding-top: 0;
  border: 1px solid var(--border-color);
  padding: var(--padding-top, 0px) 1em;
}
.medialement-alternative-content .toggle-transcript {
  position: absolute;
  opacity: 0.5;
  transform: translate3d(-1em, -100%, 0) scale(0.95);
  transition: transform 500ms ease-in-out;
  margin-top: calc(-1 * var(--padding-top, 0px));
}
.medialement-alternative-content p {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.medialement-alternative-content.show {
  --border-color: black;
  --padding-top: 1em;
}
.medialement-alternative-content.show p {
  height: auto;
  opacity: 1;
}

.toggle-transcript:focus,
.mediaelement:hover .toggle-transcript {
  opacity: 1;
  transform: translate3d(-1em, -100%, 0) scale(1);
}

.slider .flex-direction-nav a {
  font-size: 0.7em;
  width: 60px;
  padding: 0.5em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.slider .flex-direction-nav a.flex-next {
  flex-direction: row-reverse;
}
.slider .flexslider:hover .flex-direction-nav .flex-prev,
.slider .flexslider:hover .flex-direction-nav .flex-next {
  opacity: 1;
}
.slider .flex-direction-nav a:before {
  font-size: 22px;
}

.mainnav .nav-pills > .mainNavItem2 > a {
  background: #ccc url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logoleiste_Logo_Klinik_grau.svg") 0 0 no-repeat;
}

.mainnav .nav-pills > .active.mainNavItem2 > a {
  background-image: url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logoleiste_Logo_Klinik_patch.svg");
  background-position: 0 0;
}

.mainnav .nav-pills > .mainNavItem3 > a {
  background: #ccc url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logoleiste_Logo_Studio_grau.svg") 0 0 no-repeat;
}

.mainnav .nav-pills > .active.mainNavItem3 > a {
  background-image: url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logoleiste_Logo_Studio_patch.svg");
  background-position: 0 0;
}

.mainnav .nav-pills > .mainNavItem5 > a {
  background: #ccc url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logoleiste_Logo_Research_grau.svg") 0 0 no-repeat;
}

.mainnav .nav-pills > .active.mainNavItem5 > a {
  background-image: url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logoleiste_Logo_Research_patch.svg");
  background-position: 0 0;
}

:root {
  --color-lila: rgb(89,28,67);
  --color-grau: rgb(117,117,118);
}

.decor {
  display: none;
}

.header {
  margin-top: 0;
}

@media (max-width: 767px) {
  #navbar .navbar-inner {
    margin-top: 0;
  }
}
#subnav.navbar-mega > .navbar-nav > li > a.current, #subnav.navbar-mega > .navbar-nav > li > a.active {
  color: var(--color-lila);
}

.footer-wrap {
  background-color: var(--color-grau);
}

#hbib-bar {
  background-color: var(--color-lila);
}

.nav-container .flex-container {
  width: calc(100% - 52px);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1px;
  margin-bottom: 1px;
}
.nav-container .item {
  --item-width: 61;
  --item-height: 207;
  max-width: calc(var(--item-height) * 1px);
  max-height: calc(var(--item-width) * 1px);
  aspect-ratio: var(--item-height)/var(--item-width);
  width: 50%;
  flex: 1;
  position: relative;
  background-image: var(--bg-image);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  --bg-image: url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logoleiste_Logo_Klinik_grau.svg");
  --bg-image-active: url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logoleiste_Logo_Klinik_patch.svg");
}
.nav-container .item.active {
  background-image: var(--bg-image-active);
}
.nav-container .item:before {
  content: attr(data-order);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.nav-container .item span {
  visibility: hidden;
  display: none;
}
.nav-container .item:nth-child(2) {
  --bg-image: url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logoleiste_Logo_Studio_grau.svg");
  --bg-image-active: url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logoleiste_Logo_Studio_patch.svg");
}
.nav-container .flex-container:nth-child(2) .item {
  --bg-image: url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logoleiste_Logo_Research_grau.svg");
  --bg-image-active: url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logoleiste_Logo_Research_Patch.svg");
}
.nav-container .flex-container:nth-child(2) .item:nth-child(2) {
  --bg-image: url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/bellari_logo_new.png");
  --bg-image-active: var(--bg-image);
  position: relative;
}
.nav-container .flex-container:nth-child(2) .item:nth-child(2)::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/bellari-mask.png");
  background-size: contain;
  background-position: 100% 0;
  background-repeat: no-repeat;
}

.mobile-info-logo {
  top: 20vw;
}

@media screen and (min-width: 401px) and (max-width: 541px) {
  .mobile-info-logo {
    top: 22vw;
  }
}
@media screen and (min-width: 542px) {
  .mobile-info-logo {
    top: 74px;
  }
}
/* CE intext */
@media screen and (max-width: 766px) {
  .ce-intext .image {
    max-width: calc(50vw - 40px);
  }
}
@media screen and (max-width: 439px) {
  .ce-intext .image {
    max-width: 100%;
    width: calc(100vw - 40px);
  }
  .ce-intext .ce-gallery img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .footer-wrap .footer-content .footerCol2 a {
    margin-left: 0;
  }
  .footer-wrap .footer-content > .span4 {
    margin-left: 15px;
  }
}
#hbib-bar .nav span.icon-hbib-WhatsApp:before {
  content: "\f095";
}

@media screen and (max-width: 766px) {
  #hbib-bar .nav {
    margin-right: 0;
  }
  #hbib-bar .nav > li > a {
    margin-right: 16px;
  }
  #hbib-bar .nav .hbib-title {
    display: none;
  }
  #hbib-bar .nav .icon-hbib {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .footer-wrap .footer-content .footerCol2 a {
    margin-left: 0;
  }
  .footer-wrap .footer-content > .span4 {
    margin-left: 15px;
  }
}
.footer-wrap .footer .footer-content .footerCol2 a {
  font-size: 14px;
}
.footer-wrap .footer .footer-content .footerCol3 li {
  font-size: 14px;
  line-height: 21px;
}

/*# sourceMappingURL=mmtheme.css.map */