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

.rpk-1 {
  --theme-color: oklch(0.5242 0.2104 352.25);
}

#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%;
  }
}
#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;
  }
}
:root {
  --line-height: 1.6;
  --border-radius: 6px;
  --trans-timing: cubic-bezier(0.19, 1, 0.22, 1);
  --max-width: 1600px;
  --hover-opacity: 0.8;
}

body {
  font-size: 16px;
}

h1.black {
  color: #222;
}

@media (max-width: 480px) {
  h1 {
    font-size: 34px;
  }
}
h2 {
  font-size: 28px;
}

.navbar-inner.shrink {
  --navi-off-top: 8px;
}
.navbar-inner.shrink .nav-container .flex-container {
  display: none;
}
.navbar-inner.shrink .nav-container .flex-container:has(a.active) {
  display: flex;
  margin-top: var(--navi-off-top);
}
.navbar-inner.shrink .nav-container a.item:not(.active) {
  opacity: 0;
  order: 2;
}

.nav-container .item {
  box-shadow: 0 0 4px rgba(45, 45, 45, 0.3333333333);
}

a.btn,
.nav-container .item,
.mainnav .nav-pills > li > a {
  border-radius: var(--border-radius);
}

#subnav li {
  line-height: 23px;
}

@media screen and (min-width: 979px) {
  body .mainnav {
    padding: 12px;
  }
  #subnav.navbar-mega {
    padding: 0 12px;
  }
}
@media screen and (min-width: 1080px) {
  #subnav.navbar-mega > .navbar-nav > li > a {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .mainnav .nav-pills > li:not(.mainNavItem1406) > a {
    background-size: cover !important;
    background-position: center !important;
  }
  .dropdown-menu > .span12 {
    max-width: 1600px;
    width: 100%;
  }
}
.header,
.rpk-1 #navbar .navbar-inner,
#navbar .navbar-inner {
  background-color: white;
}

.nav-container .flex-container {
  padding-top: 2px;
  gap: 4px;
}
.nav-container .flex-container:first-child {
  padding-top: 6px;
}

.mobile-info-logo:hover,
.header-info-logo:hover {
  transform: scale(1.1) rotate(5deg);
}

@media (max-width: 400px) {
  .shrink .mobile-info-logo {
    right: 40px;
  }
}
@media (min-width: 401px) and (max-width: 767px) {
  .navbar-inner.shrink {
    --navi-off-top: 2px;
  }
  .nav-container .flex-container {
    padding-top: 0px;
    gap: 4px;
  }
  .nav-container .flex-container:first-child {
    padding-top: 2px;
  }
  .mobile-info-logo {
    right: 40px;
    top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .mainnav {
    padding: 8px 0;
  }
  .mainnav > .nav {
    margin-bottom: 22px;
  }
  .mainnav .nav-pills > li > a {
    min-height: 59px;
  }
}
@media screen and (min-width: 979px) {
  .mainnav {
    padding: 12px 0;
  }
  .subnavwrapper.navbar-fixed-top {
    margin-top: 0;
  }
  .header-info-logo {
    top: -94px;
  }
  .navbar-fixed-top .header-info-logo {
    top: 91px;
  }
}
.js-ready #nav-mobile {
  overflow: scroll;
}

#nav-mobile b,
#nav-mobile .nav-mobile-main ul.lvl-1 > li > a {
  font-weight: normal;
}

#nav-mobile .navbar-toggle {
  font-size: 20px;
}

#nav-mobile .nav-mobile-main ul.lvl-1 > li > a {
  text-transform: none;
}

#nav-mobile .nav-mobile-main ul.lvl-1 > li > a {
  padding-left: 22px;
}

#nav-mobile .nav-mobile-main > .nav > li.sub > .trigger-button,
#nav-mobile .nav-mobile-main > .nav > li.RosenparkResearch > .trigger-button {
  font-style: normal;
}

#nav-mobile .nav-mobile-main .RosenparkStudio ul.lvl-1 > li > a, #nav-mobile .nav-mobile-main .RosenparkStudio ul.lvl-2 > li > a, #nav-mobile .nav-mobile-main .RosenparkStudio ul.lvl-3 > li > a, #nav-mobile .nav-mobile-main .RosenparkStudio ul.lvl-4 > li > a, #nav-mobile .nav-mobile-main .RosenparkStudio ul.lvl-5 > li > a,
#nav-mobile .nav-mobile-main ul > li > a.current, #nav-mobile .nav-mobile-main ul.lvl-1 > li > a.current, #nav-mobile .nav-mobile-main ul.lvl-2 > li > a.current, #nav-mobile .nav-mobile-main ul.lvl-3 > li > a.current, #nav-mobile .nav-mobile-main ul.lvl-4 > li > a.current, #nav-mobile .nav-mobile-main ul.lvl-5 > li > a.current,
#nav-mobile .nav-mobile-main ul.lvl-4 > li > a,
#nav-mobile .nav-mobile-main ul.lvl-3 > li > a,
#nav-mobile .nav-mobile-main ul.lvl-2 > li > a,
#nav-mobile .nav-mobile-main ul.lvl-1 > li > a {
  background-color: transparent;
  color: #222;
}

#nav-mobile .nav-mobile-main ul.lvl-1 > li > a:before, #nav-mobile .nav-mobile-main ul.lvl-2 > li > a:before, #nav-mobile .nav-mobile-main ul.lvl-3 > li > a:before, #nav-mobile .nav-mobile-main ul.lvl-4 > li > a:before, #nav-mobile .nav-mobile-main ul.lvl-5 > li > a:before {
  background-color: #222;
}

#nav-mobile .nav-mobile-main .RosenparkStudio ul.lvl-1 > li > a,
#nav-mobile .nav-mobile-main .RosenparkStudio ul.lvl-2 > li > a,
#nav-mobile .nav-mobile-main .RosenparkStudio ul.lvl-3 > li > a,
#nav-mobile .nav-mobile-main .RosenparkStudio ul.lvl-4 > li > a,
#nav-mobile .nav-mobile-main .RosenparkStudio ul.lvl-5 > li > a {
  color: #373737;
}

#nav-mobile .nav-mobile-main > .nav > li.BELLARIRosenpark a,
#nav-mobile .nav-mobile-main > .nav > li.BELLARIRosenpark > .trigger-button {
  background: #fff;
  color: #555;
  font-size: 18px;
}

.mainnav .nav-pills > .mainNavItem982 > a, .mainnav .nav-pills > .mainNavItem1406 > a {
  background-image: url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logo-BELLARI.svg");
  background-position: center;
  background-size: contain;
  background-size: auto 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  transition: border 0.25s var(--trans-timing);
}
.mainnav .nav-pills > .mainNavItem982 > a:hover, .mainnav .nav-pills > .mainNavItem1406 > a:hover {
  background-color: #fff;
  border-color: black;
}

.nav-container .flex-container:nth-child(2) .item:nth-child(2) {
  --bg-image: url("/typo3conf/ext/mmthemerosenpark/Resources/Public/Images/Tabs/Logo-BELLARI.svg");
}
.nav-container .flex-container:nth-child(2) .item:nth-child(2)::after {
  display: none;
}

.mainnav .nav-pills > .active > a:after {
  display: none;
}

.mainnav .nav-pills > li > a,
.nav-container .item {
  transition: opacity 0.5s var(--trans-timing);
}
.mainnav .nav-pills > li > a:hover,
.nav-container .item:hover {
  opacity: var(--hover-opacity);
}

@media screen and (min-width: 1200px) {
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 100%;
    max-width: var(--max-width);
  }
}
img {
  border-radius: var(--border-radius);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  border: none;
}

h1 {
  font-size: 46px;
  line-height: 1.1;
  margin-top: 1em;
}
h1 + h2 {
  margin-top: 1em;
  font-size: 28px;
}

.image-tile-box img {
  border-radius: 0;
}

.image-tile-box .box-content.box-style-1 .box-caption .box-heading {
  margin: 1em 0 0.6em;
}

.image-tile-box .box-content {
  margin-bottom: 33px;
}

.image-tile-box .box-content.box-style-1 {
  margin-bottom: 67px;
}

.frame-space-before-medium {
  margin-top: 33px !important;
}

.frame-space-before-large {
  margin-top: 67px !important;
}

.frame-space-after-medium {
  margin-bottom: 33px !important;
}

.frame-space-after-large {
  margin-bottom: 67px !important;
}

body {
  line-height: var(--line-height);
}

.image-tile-box .box-content.box-style-1 .box-caption .box-text {
  line-height: var(--line-height);
}

.frame > header {
  margin: 0;
}

@media (max-width: 767px) {
  .maincontent {
    margin: 20px 0 0;
  }
}
@media (max-width: 480px) {
  h1 {
    font-size: 21px;
  }
  h1.align-center {
    max-width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .news-list-view .text {
    padding-top: 0;
  }
}
@media screen and (min-width: 1080px) {
  body {
    font-size: 16px;
  }
}
.rpk-1 .footer-wrap,
.footer-wrap {
  background-color: white;
  color: #555;
}
.rpk-1 .footer-wrap h1, .rpk-1 .footer-wrap h2, .rpk-1 .footer-wrap h3, .rpk-1 .footer-wrap h4, .rpk-1 .footer-wrap h5, .rpk-1 .footer-wrap h6,
.footer-wrap h1,
.footer-wrap h2,
.footer-wrap h3,
.footer-wrap h4,
.footer-wrap h5,
.footer-wrap h6 {
  color: inherit;
}
.rpk-1 .footer-wrap a,
.footer-wrap a {
  color: inherit;
}
.rpk-1 .footer-wrap a:hover,
.footer-wrap a:hover {
  color: #222;
}

.footer-wrap .footer-content .footerCol2 a {
  font-size: inherit;
  margin-left: 0;
}

.footer-wrap .footer-content .footerCol3 li {
  font-size: inherit;
  line-height: var(--line-height);
}

.rpk-1 #hbib-bar,
#hbib-bar {
  background: white;
  padding: 8px;
}
.rpk-1 #hbib-bar .hidden-phone,
#hbib-bar .hidden-phone {
  display: none;
}
.rpk-1 #hbib-bar .nav,
#hbib-bar .nav {
  display: flex;
  justify-content: center;
  gap: 10px;
  --transitionDuration: .25s;
  --transitionEase: cubic-bezier(0.22, 1, 0.36, 1);
  --button-color-bg: var(--theme-color);
  --button-color: #fff;
  --button-color-border: #fff;
  --button-hover-color-bg: #fff;
  --button-hover-color: var(--theme-color);
  --button-hover-color-border: var(--theme-color);
}
.rpk-1 #hbib-bar .nav > li > a.ce_button,
#hbib-bar .nav > li > a.ce_button {
  margin-right: 0;
  align-items: center;
  border: thin solid var(--button-color-border);
  color: var(--button-color);
  border-radius: var(--border-radius);
  background-color: var(--button-color-bg);
  display: flex;
  font-style: normal;
  font-weight: 300;
  gap: 0.5rem;
  padding: 8px 16px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: all var(--transitionDuration);
  width: max-content;
}
.rpk-1 #hbib-bar .nav > li > a.ce_button::after,
#hbib-bar .nav > li > a.ce_button::after {
  display: none;
}
.rpk-1 #hbib-bar .nav > li > a.ce_button .ce_button_icon.hover,
#hbib-bar .nav > li > a.ce_button .ce_button_icon.hover {
  display: none;
}
.rpk-1 #hbib-bar .nav > li > a.ce_button:focus-visible, .rpk-1 #hbib-bar .nav > li > a.ce_button:hover,
#hbib-bar .nav > li > a.ce_button:focus-visible,
#hbib-bar .nav > li > a.ce_button:hover {
  background-color: var(--button-hover-color-bg);
  color: var(--button-hover-color);
  padding: 8px 12px 8px 16px;
  border: thin solid var(--button-hover-color-border);
}
.rpk-1 #hbib-bar .nav > li > a.ce_button:focus-visible .ce_button_icon, .rpk-1 #hbib-bar .nav > li > a.ce_button:hover .ce_button_icon,
#hbib-bar .nav > li > a.ce_button:focus-visible .ce_button_icon,
#hbib-bar .nav > li > a.ce_button:hover .ce_button_icon {
  display: none;
  margin-left: 4px;
}
.rpk-1 #hbib-bar .nav > li > a.ce_button:focus-visible .ce_button_icon.hover, .rpk-1 #hbib-bar .nav > li > a.ce_button:hover .ce_button_icon.hover,
#hbib-bar .nav > li > a.ce_button:focus-visible .ce_button_icon.hover,
#hbib-bar .nav > li > a.ce_button:hover .ce_button_icon.hover {
  display: block;
}
.rpk-1 #hbib-bar .ce_button_icon,
#hbib-bar .ce_button_icon {
  background: none;
  display: block;
  height: 17px;
  width: 17px;
  transition: margin var(--transitionDuration);
}
@media screen and (max-width: 630px) {
  .rpk-1 #hbib-bar .nav > li > a.ce_button,
  #hbib-bar .nav > li > a.ce_button {
    text-indent: -300vw;
    gap: 0;
  }
  .rpk-1 #hbib-bar .nav > li > a.ce_button:focus-visible, .rpk-1 #hbib-bar .nav > li > a.ce_button:hover,
  #hbib-bar .nav > li > a.ce_button:focus-visible,
  #hbib-bar .nav > li > a.ce_button:hover {
    padding: 8px 16px;
  }
  .rpk-1 #hbib-bar .nav > li > a.ce_button:focus-visible .ce_button_icon, .rpk-1 #hbib-bar .nav > li > a.ce_button:hover .ce_button_icon,
  #hbib-bar .nav > li > a.ce_button:focus-visible .ce_button_icon,
  #hbib-bar .nav > li > a.ce_button:hover .ce_button_icon {
    margin-left: 0;
  }
}

.f3-widget-paginator {
  display: flex;
  list-style: none;
  gap: 10px;
  justify-content: center;
}
.f3-widget-paginator li {
  min-width: 3em;
  height: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--theme-color);
  border-radius: 50%;
}
.f3-widget-paginator li:hover, .f3-widget-paginator li.current {
  background-color: var(--theme-color);
  color: white;
}
.f3-widget-paginator li:hover a, .f3-widget-paginator li.current a {
  color: inherit !important;
}
.f3-widget-paginator a {
  padding: 0;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

[data-ce-columns] .ce-row {
  margin-bottom: 0;
}
[data-ce-columns] .ce-row .ce-column {
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .frame-type-textpic,
  .frame-type-header,
  .frame-type-text,
  .frame-type-mmthemerosenpark_fluidrow > header,
  .frame-type-mmthemerosenpark_button {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.frame-layout-11 .embed-responsive,
.frame-layout-11 .image,
.frame-layout-12 .embed-responsive,
.frame-layout-12 .image {
  position: relative;
}
.frame-layout-11 .embed-responsive::after,
.frame-layout-11 .image::after,
.frame-layout-12 .embed-responsive::after,
.frame-layout-12 .image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.48);
  transition: opacity 0.6s ease-out;
}

.frame-layout-12 .image:focus::after, .frame-layout-12 .image:hover::after {
  opacity: 0;
  pointer-events: none;
}
.frame-layout-12 a:hover .image::after,
.frame-layout-12 a:focus-within .image::after,
.frame-layout-12 a:focus .image::after {
  opacity: 0;
  pointer-events: none;
}

.sidenav {
  --bg: transparent;
  --color: #555;
  --color-active: #000;
}
.sidenav .nav-list > li > .nav-list > li > a,
.sidenav .nav-list > li > .nav-list > li > span,
.sidenav .nav-list > li > span,
.sidenav .nav-list > li > a {
  background-color: var(--bg);
  border-color: var(--bg);
  color: var(--color);
}
.sidenav .nav-list > li > .nav-list > li > a.active,
.sidenav .nav-list > li > .nav-list > li > span.active,
.sidenav .nav-list > li > span.active,
.sidenav .nav-list > li > a.active {
  color: var(--color-active);
}
.sidenav .nav-list > li > .nav-list > li > a.active, .sidenav .nav-list > li > .nav-list > li > a.current,
.sidenav .nav-list > li > .nav-list > li > span.active,
.sidenav .nav-list > li > .nav-list > li > span.current,
.sidenav .nav-list > li > span.active,
.sidenav .nav-list > li > span.current,
.sidenav .nav-list > li > a.active,
.sidenav .nav-list > li > a.current {
  --bg: #edebe5;
  background-color: var(--bg);
}
.sidenav .nav-list > li > .nav-list > li > a.active:active, .sidenav .nav-list > li > .nav-list > li > a.active:hover, .sidenav .nav-list > li > .nav-list > li > a.active:focus, .sidenav .nav-list > li > .nav-list > li > a.current:active, .sidenav .nav-list > li > .nav-list > li > a.current:hover, .sidenav .nav-list > li > .nav-list > li > a.current:focus,
.sidenav .nav-list > li > .nav-list > li > span.active:active,
.sidenav .nav-list > li > .nav-list > li > span.active:hover,
.sidenav .nav-list > li > .nav-list > li > span.active:focus,
.sidenav .nav-list > li > .nav-list > li > span.current:active,
.sidenav .nav-list > li > .nav-list > li > span.current:hover,
.sidenav .nav-list > li > .nav-list > li > span.current:focus,
.sidenav .nav-list > li > span.active:active,
.sidenav .nav-list > li > span.active:hover,
.sidenav .nav-list > li > span.active:focus,
.sidenav .nav-list > li > span.current:active,
.sidenav .nav-list > li > span.current:hover,
.sidenav .nav-list > li > span.current:focus,
.sidenav .nav-list > li > a.active:active,
.sidenav .nav-list > li > a.active:hover,
.sidenav .nav-list > li > a.active:focus,
.sidenav .nav-list > li > a.current:active,
.sidenav .nav-list > li > a.current:hover,
.sidenav .nav-list > li > a.current:focus {
  background-color: var(--bg);
  color: var(--color-active);
}
.sidenav .nav-list > li > .nav-list > li > a:active, .sidenav .nav-list > li > .nav-list > li > a:hover, .sidenav .nav-list > li > .nav-list > li > a:focus,
.sidenav .nav-list > li > .nav-list > li > span:active,
.sidenav .nav-list > li > .nav-list > li > span:hover,
.sidenav .nav-list > li > .nav-list > li > span:focus,
.sidenav .nav-list > li > span:active,
.sidenav .nav-list > li > span:hover,
.sidenav .nav-list > li > span:focus,
.sidenav .nav-list > li > a:active,
.sidenav .nav-list > li > a:hover,
.sidenav .nav-list > li > a:focus {
  --bg: #edebe5;
  background-color: var(--bg);
  color: var(--color-active);
}
.sidenav .nav-list > li.is-spc {
  color: var(--color);
}
.sidenav .nav-list > li.is-spc span {
  border-color: var(--bg);
}

.reverse-header {
  display: flex;
  flex-direction: column-reverse;
}
.reverse-header header h1,
.reverse-header header h2,
.reverse-header header h3 {
  margin-top: 0;
}
.reverse-header.header-0, .reverse-header.header-1, .reverse-header.header-4 {
  margin-top: 46px;
  color: #8d175f;
}
.reverse-header.header-2, .reverse-header.header-3, .reverse-header.header-4, .reverse-header.header-5 {
  margin: 10.5px 0;
}
.reverse-header p {
  margin-bottom: 0;
}
.reverse-header p.text- {
  color: inherit;
}
.reverse-header p.text-black {
  color: #222;
}
.reverse-header p.text-primary {
  color: #8d175f;
}
.reverse-header p.like-2 {
  font-size: 28px;
}
.reverse-header p.like-3 {
  font-size: 18px;
}
.reverse-header p.like-4 {
  font-size: 14px;
}

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