/* --------- FONTS --------- */

@font-face {
  font-family: "Dominique";
  font-fallback: sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Dominique.woff") format("woff"),
    url("../fonts/Dominique.ttf") format("TrueType"),
    url("../fonts/Dominique.eot") format("eot");
}

@font-face {
  font-family: "Open Sans";
  font-fallback: sans-serif;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v34-latin-600.woff2") format("woff2"),
    url("../fonts/open-sans-v34-latin-600.woff") format("woff"),
    url("../fonts/open-sans-v34-latin-600.ttf") format("TrueType"),
    url("../fonts/open-sans-v34-latin-600.eot") format("eot"),
    url("../fonts/open-sans-v34-latin-600.svg ") format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-fallback: sans-serif;
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/open-sans-v34-latin-600italic.woff2") format("woff2"),
    url("../fonts/open-sans-v34-latin-600italic.woff") format("woff"),
    url("../fonts/open-sans-v34-latin-600italic.ttf") format("TrueType"),
    url("../fonts/open-sans-v34-latin-600italic.eot") format("eot"),
    url("../fonts/open-sans-v34-latin-600italic.svg ") format("svg");
}

.main-content h1,
.main-content h3,
footer h3 {
  font-family: "Dominique" !important;
  text-transform: uppercase;
  font-weight: normal;
}

.main-content h1 {
  margin-top: 200px;
  line-height: 1.1;
  margin-bottom: 0;
  font-size: 112px;
	color: #432918;
}

.main-content h2 {
  font-weight: bold;
  font-size: 42px;
	color: #432918;
}

.main-content h3 {
	font-size: 46px;
}

.main-content h4 {
  font-size: 42px;
}

h1,
h1 *,
h3,
h3 * {
  font-family: "Dominique" !important;
  font-weight: 400 !important;
}

p {
  font-weight: 400;
}

/* --------- MAIN --------- */

html {
	font: 23px/1.6 "Open Sans", sans-serif;
	color: #432918;
	-webkit-tap-highlight-color: #d65a14;
}

html,
body {
  overflow-x: hidden !important;
}

.page-no-scroll {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

.main-content {
  max-width: 1700px;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-left: 5%;
  padding-right: 5%;
}

#article-1 {
  padding-top: 150px !important;
}

.oneo-no-sidebar .rs-column.-large-col-2-1 {
  width: 45%;
}

.oneo-no-sidebar .rs-column.-large-col-2-1.-large-first {
  margin-right: 10%;
}

.rs-column.-large-col-1-1.-large-first {
  width: 100%;
}

.icon-text-block p {
  margin: 0px !important;
}

.icon-aufzaehlung .rs-column:first-child .icon-text-block p {
  margin-top: 1em !important;
}

.icon-aufzaehlung {
  margin-bottom: 50px;
}

.strong-title p {
  margin-bottom: 0px;
}

.img-neben-text img {
  height: 100px;
}

.img-neben-text figure {
  position: absolute;
  margin-top: -1.5% !important;
}

.img-neben-text.binden figure {
  margin-left: 150px;
}

.img-neben-text.tampons figure {
  margin-left: 175px;
}

.img-neben-text.tasse figure {
  margin-left: 400px;
}

.img-neben-text.slip figure {
  margin-left: 350px;
}

.img-neben-text.slip figure img {
  height: 120px !important;
}

.infomaterial.kontakt {
  margin: 100px auto;
}

/* --------- HEADER + MENÜ --------- */

body > a.main-navigation-mobile-open {
  display: none !important;
}

header,
.main-navigation-wrapper {
  background: none !important;
}

.page-header {
  display: block;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  min-height: 110px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
}

.header-wave {
  display: block;
  max-width: 1700px;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 25px 5%;
  z-index: 999;
}

.header-wave > div {
  display: inline-block;
  vertical-align: middle;
}

.header-wave img {
  max-height: 60px;
  max-width: 60px;
}

.header-wave h1 {
  margin: 0;
  padding-left: 40px;
  font-family: "Dominique";
  font-size: 46px;
  font-weight: normal;
}

.header-wave a {
  color: #ffffff;
}

#burger {
  content: "";
}

#burger-inhalte {
  font-weight: 600;
}

.burger-menu {
  cursor: pointer;
  float: right;
  margin-top: 10px;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
}

.burger-menu * {
  display: inline-block;
  vertical-align: baseline;
  margin: 0px !important;
  color: #ffffff;
}

.burger-menu p {
  padding-right: 15px;
}

.modernizr-csstransforms3d
  .main-navigation-mobile.is-enabled::-webkit-scrollbar {
  display: none !important;
}

.modernizr-csstransforms3d .main-navigation-mobile.is-enabled {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  padding-bottom: 60px;
}

.nav-toggle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 15px;
  width: 33px;
}

.nav-toggle .bar {
  height: 3px;
  width: 100%;
  background-color: #ffffff;
  transition: all 200ms ease-in-out;
}

.nav-toggle:hover {
  cursor: pointer;
}

.x:nth-of-type(1) {
  transition: all 200ms ease-in-out;
  transform: rotate(22.5deg);
  transform-origin: top left;
  width: 33px;
}

.x:nth-of-type(2) {
  transition: all 200ms ease-in-out;
  transform: rotate(-22.5deg);
  transform-origin: bottom left;
  width: 33px;
}

.main-navigation-mobile-open {
  position: fixed;
  top: 55px !important;
  left: calc(50% + 700px) !important;
}

.main-navigation-mobile-open,
.main-navigation-mobile.is-enabled {
  display: block !important;
}

.main-navigation-mobile-open {
  left: unset;
  right: 50px;
  position: fixed;
}

.main-navigation-mobile-close {
  right: 0;
}

.modernizr-csstransforms3d .main-navigation-mobile.is-enabled.is-active {
  left: unset;
  right: 0;
}

.main-navigation-mobile.is-enabled {
  z-index: 5;
  width: 750px;
}

.main-navigation-mobile .is-collapsed > ul {
  display: block;
}

.main-navigation-mobile-close {
  height: 130px;
}

.mod_navigation.block {
  padding-top: 150px;
}

.main-navigation-mobile .main-navigation-mobile-expand {
  display: none;
}

.main-navigation-mobile.is-active {
  box-shadow: 0 0 5px 1000vh rgba(67, 41, 24, 0.5);
}

.main-navigation-mobile-open {
  color: transparent;
}

.main-navigation-mobile {
  color: inherit;
}

.main-navigation-mobile .mod_navigation > ul > li {
  font-weight: bold;
}

.main-navigation-mobile li li {
  color: inherit;
  font-weight: normal;
  font-size: 19px;
}

.main-navigation-mobile li li.last {
  margin-bottom: 5px;
}

.main-navigation-mobile li.chapter-blue li a::before,
.main-navigation-mobile li.chapter-green li a::before,
.main-navigation-mobile li.chapter-pink li a::before {
  font: 19px/1 "RockSolid Icons";
  content: "\e900";
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  top: -0.16667em;
  margin-right: 25px;
  vertical-align: middle;
}

.main-navigation-mobile li.chapter-blue li a::before {
  color: #4f5994;
}

.main-navigation-mobile li.chapter-green li a::before {
  color: #376e5b;
}

.main-navigation-mobile li.chapter-pink li a::before {
  color: #d94468;
}

.modernizr-csstransforms3d .main-navigation-mobile.is-enabled.is-active {
  padding-left: 80px;
}

.main-navigation-mobile li li a,
.main-navigation-mobile li li strong,
.main-navigation-mobile li li span.active,
.main-navigation-mobile li li span.trail,
.main-navigation-mobile li li span.forward {
  padding: 5px 0 5px 40px;
}

.main-navigation-wrapper {
  max-width: 1700px;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-left: 5%;
  padding-right: 5%;
}

.header-navigation.is-fixed {
  box-shadow: none;
  background: inherit;
}

.main-navigation-mobile ul ul,
.main-navigation-mobile a.active,
.main-navigation-mobile strong.active,
.main-navigation-mobile span.active {
  background: inherit;
  box-shadow: none;
}

.main-navigation-mobile li.chapter-blue li strong::before,
.main-navigation-mobile li.chapter-green li strong::before,
.main-navigation-mobile li.chapter-pink li strong::before {
  font: 19px/1 "RockSolid Icons";
  content: "\e900";
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  top: -0.16667em;
  margin-right: 25px;
  vertical-align: middle;
  transform: scale(1.55);
}

.main-navigation-mobile li.chapter-blue li strong::before,
.main-navigation-mobile li.chapter-blue:hover > a {
  color: #4f5994;
}

.main-navigation-mobile li.chapter-green li strong::before,
.main-navigation-mobile li.chapter-green:hover > a {
  color: #376e5b;
}

.main-navigation-mobile li.chapter-pink li strong::before,
.main-navigation-mobile li.chapter-pink:hover > a {
  color: #d94468;
}

.main-navigation-mobile li.chapter-blue li a::before,
.main-navigation-mobile li.chapter-green li a::before,
.main-navigation-mobile li.chapter-pink li a::before {
  transition: 0.4s;
}

.main-navigation-mobile li li a:hover {
  font-weight: bold;
}

.main-navigation-mobile li.chapter-blue li a:hover::before,
.main-navigation-mobile li.chapter-green li a:hover::before,
.main-navigation-mobile li.chapter-pink li a:hover::before {
  transform: scale(1.55);
}

.navigation-verein p a,
.navigation-verein p strong {
  padding: 5px 0 0 0;
  color: #d65a14;
  font-size: 0.9rem !important;
}

.navigation-verein p {
  font-size: 0.8rem !important;
  line-height: 1.25;
}

.modernizr-csstransforms3d .main-navigation-mobile.is-enabled {
  -webkit-transform: translateX(100%) !important;
  -moz-transform: translateX(100%) !important;
  -ms-transform: translateX(100%) !important;
  -o-transform: translateX(100%) !important;
  transform: translateX(100%) !important;

  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;

  position: fixed !important;
  left: unset !important;
  right: 0 !important;
  top: unset !important;
  padding-left: 60px !important;
  min-height: 100vh !important;
  height: 100vh !important;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 100;
}

.modernizr-csstransforms3d .main-navigation-mobile.is-active {
  -webkit-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
  transform: translateX(0) !important;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 100;
}

.main-navigation-mobile.is-enabled .mod_navigation.block {
  top: 0 !important;
}

/* --------- LINKS --------- */

.kacheln-wrapper .kachel-link::after,
.infobox p a::after,
.footer-wave p a::after,
.main-navigation-mobile .mod_navigation > ul > li > a::after,
.arrow a::after {
  display: inline-block;
  position: relative;
  margin-left: 0.75em;
  transition: 0.2s ease-in-out;
  content: "";

  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.956 16.72"><path d="M1458.945,184.928a1.5,1.5,0,0,1-1.061-2.561l5.7-5.7-5.9-5.895a1.5,1.5,0,0,1,2.121-2.121l6.956,6.956a1.5,1.5,0,0,1,0,2.121l-6.764,6.764A1.5,1.5,0,0,1,1458.945,184.928Z" transform="translate(-1457.254 -168.208)" /></svg>');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;

  -moz-mask-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.956 16.72"><path d="M1458.945,184.928a1.5,1.5,0,0,1-1.061-2.561l5.7-5.7-5.9-5.895a1.5,1.5,0,0,1,2.121-2.121l6.956,6.956a1.5,1.5,0,0,1,0,2.121l-6.764,6.764A1.5,1.5,0,0,1,1458.945,184.928Z" transform="translate(-1457.254 -168.208)" /></svg>');
  -moz-mask-repeat: no-repeat;
  -moz-mask-position: center bottom;

  -ms-mask-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.956 16.72"><path d="M1458.945,184.928a1.5,1.5,0,0,1-1.061-2.561l5.7-5.7-5.9-5.895a1.5,1.5,0,0,1,2.121-2.121l6.956,6.956a1.5,1.5,0,0,1,0,2.121l-6.764,6.764A1.5,1.5,0,0,1,1458.945,184.928Z" transform="translate(-1457.254 -168.208)" /></svg>');
  -ms-mask-repeat: no-repeat;
  -ms-mask-position: center bottom;

  -o-mask-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.956 16.72"><path d="M1458.945,184.928a1.5,1.5,0,0,1-1.061-2.561l5.7-5.7-5.9-5.895a1.5,1.5,0,0,1,2.121-2.121l6.956,6.956a1.5,1.5,0,0,1,0,2.121l-6.764,6.764A1.5,1.5,0,0,1,1458.945,184.928Z" transform="translate(-1457.254 -168.208)" /></svg>');
  -o-mask-repeat: no-repeat;
  -o-mask-position: center bottom;

  mask-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.956 16.72"><path d="M1458.945,184.928a1.5,1.5,0,0,1-1.061-2.561l5.7-5.7-5.9-5.895a1.5,1.5,0,0,1,2.121-2.121l6.956,6.956a1.5,1.5,0,0,1,0,2.121l-6.764,6.764A1.5,1.5,0,0,1,1458.945,184.928Z" transform="translate(-1457.254 -168.208)" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center bottom;

  width: 0.48em;
  height: 0.8em;
  background: currentColor;
}

.infobox.no-arrow a::after {
  display: none;
}

.kacheln-wrapper .kachel-link:hover::after,
.kacheln-wrapper .ce_text.block:hover .kachel-link::after,
.infobox p a:hover::after,
.footer-wave p a:hover::after,
.footer-wave .ce_text.block:hover p a::after,
.main-navigation-mobile .mod_navigation > ul > li > a:hover::after,
.arrow a:hover::after {
  -webkit-transform: translate(0.5em);
  /* Safari and Chrome */
  -moz-transform: translate(0.5em);
  /* Firefox */
  -ms-transform: translate(0.5em);
  /* IE 9 */
  -o-transform: translate(0.5em);
  /* Opera */
  transform: translate(0.5em);
  /* W3C */
}

.kachel-link,
.footer-wave p a {
  color: #f8b923;
}

a:hover {
  text-decoration: none;
}

.button,
endo-test::part(button) {
  text-transform: none;
  font-size: 0.9rem;
  letter-spacing: 0.1em;
}

button {
  text-transform: none;
  font-size: 0.9rem;
}

button,
.button,
endo-test::part(button) {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 241.58 59.59"><path id="Pfad_181" data-name="Pfad 181" d="m3.97,6.34C10.47-2.04,233.4.61,238.24,6.34s1.43,45.05-3.53,48.84-223.08,5.25-227.38,0S-2.53,14.71,3.97,6.34Z" fill="%23fdd672" stroke="%23d65a14" stroke-width="2"/></svg>');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top;
  padding: 15px 25px;
  background-color: unset;
  transition: 0.3s;
  color: #432918;
}

endo-test::part(button) {
  border: none;
  color: #161615;
}

button:hover,
.button:hover,
a.button:hover,
endo-test::part(button):hover {
  transform: scale(1.06);
  background-color: unset;
}

.main-content a,
footer a,
.kachel-link,
button,
.button,
endo-test::part(button) {
  font-family: "Open Sans";
  font-weight: 600;
}

a {
  	color: #d65a14;
}

a:hover,
a:active,
a:focus,
a:focus-visible,
a:focus-within,
a:target,
a:visited,
a:link {
  text-decoration: none;
  border: none;
  background-color: unset !important;
}

/* --------- STARTSEITE --------- */

.intro .ce_text {
  max-width: 70%;
}

.intro #intro01 {
  margin-bottom: -280px;
  z-index: 1;
  float: right;
  position: relative;
}

.intro #intro03 {
  margin-top: -425px;
  z-index: 1;
  position: relative;
}

.feature-box-text {
  color: inherit;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.feature-box-image img {
  margin: 0;
}

.feature-box-image {
  width: 35%;
  padding: 0 !important;
}

.-vertical-centered > .feature-box-text {
  width: 83%;
}

.feature-box.no-margin {
  margin-top: -80px !important;
}

/* --------- KACHELN SEITEN --------- */

.kacheln-wrapper {
  margin: 100px 0px 100px 0px;
  display: grid;
  gap: 2.5rem;
  grid-template-columns: 1fr;
  padding-top: 0px !important;
}
@media (min-width: 600px) {
  .kacheln-wrapper {
    gap: 5rem 2.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .kacheln-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

.kacheln-wrapper::after {
  content: "";
  flex-basis: 30%;
}

.oneo-no-sidebar .rs-column.-large-col-3-1 {
  width: 100%;
  /* width: 30%;
  margin-right: 0%;
  display: flex;
  justify-content: space-between; */
}

.kacheln-wrapper .ce_linkedElement.block {
  width: 100%;
}

.kacheln-wrapper .rs-column .content-text {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top;
  /*aspect-ratio: 2.04 / 1;*/
  width: 100%;
  height: 100%;
  padding: 5% 10%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}

/* .kacheln-wrapper .rs-column {
  margin-bottom: 75px;
} */

.kacheln-wrapper .rs-column .content-text:nth-child(2) {
  margin: 0% 5%;
}

.kacheln-wrapper h3 {
  margin: 0%;
  color: #ffffff !important;
  line-height: 1.195;
}

.kacheln-wrapper p {
  margin-bottom: 0%;
}

.kacheln-wrapper a {
  color: #f8b923;
}

.kacheln-wrapper figure {
  position: absolute;
  margin: -95px 0% 0% 15vw !important;
  transition: transform 0.3s ease-in-out;
  transform: scale(1) rotate(0);
  transform-origin: 50% 50%;
}

.kacheln-wrapper figure img {
  height: 100px;
}

.kacheln-wrapper .rs-column .content-text:hover figure {
  transform: scale(1.4) rotate(10deg);
}

.kacheln-wrapper .rs-column .content-text:hover {
  transform: scale(1.05);
}

/* --------- KACHEL HINTERGRUND GRAFIK --------- */

.hintergrund-kachel {
  background-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg id="flaeche" data-name="flaeche" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 677 709.52"><path id="Pfad_519" data-name="Pfad 519" d="m10.95,16.8C32.72-8.01,651.96-.16,668.17,16.8s4.79,670.37-11.82,681.61-619.76,15.54-634.13,0S-10.82,41.61,10.95,16.8Z" fill="%23FFFFFF" stroke="%23432918" stroke-width="2"/></svg>') !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top;
  width: 60%;
  margin-right: 0px;
  margin-left: auto;
  margin-top: 2rem !important;
  padding: 0 5% 3.5% 5%;
}

.hintergrund-kachel.full-width {
  width: 100%;
}

/* --------- INFOBOXEN --------- */

.infobox {
  background-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 845.76 358.529"><g id="gruppe" data-name="gruppe" transform="translate(-742.632 -4740.241)"><path id="schatten" data-name="schatten" d="M1976.421-1946.829c17.655-20.119,799.383-13.756,812.524,0s3.887,309.6-9.585,318.72-782.151,12.6-793.8,0S1958.765-1926.71,1976.421-1946.829Z" transform="translate(-1225.719 6718.682)" fill="%23432918"/><path id="flaeche" data-name="flaeche" d="M1977.421-1946.829c17.655-20.119,798.383-13.756,811.524,0s3.887,307.771-9.585,316.888-781.151,12.6-792.8,0S1959.765-1926.71,1977.421-1946.829Z" transform="translate(-1207.929 6700.893)" fill="%23FFFFFF" stroke="%23432918" stroke-width="2"/></g></svg>') !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top;
  width: 60% !important;
  margin-top: 100px;
  margin-right: 0px;
  margin-bottom: 100px;
  margin-left: auto;
  padding: 2% 5% 3.5% 5%;
  position: relative;
  z-index: 1;
}

.infobox h3 {
  margin-top: 0px;
  color: #161615 !important;
}

.infobox p:last-child {
  margin-bottom: 0px;
  margin-top: 50px;
}

.infobox figure {
  position: absolute;
  margin: -200px 0% 0% 28vw !important;
}

.infobox img {
  height: 170px;
}

/* --------- VIDEOS --------- */

.video-maske iframe,
.video-maske video {
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 658.177 418.351"><path id="flaeche" data-name="flaeche" d="M3920.041-914.35c28.36-29.8,575.744-21.182,618.93,0s16.36,361.564-4.524,383.8-577.472,12.476-600.307,0S3891.68-884.547,3920.041-914.35Z" transform="translate(-3904.931 934.618)" fill="%23FFFFFF" stroke="%23432918" stroke-width="2"/></svg>') !important;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;

  -moz-mask-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 658.177 418.351"><path id="flaeche" data-name="flaeche" d="M3920.041-914.35c28.36-29.8,575.744-21.182,618.93,0s16.36,361.564-4.524,383.8-577.472,12.476-600.307,0S3891.68-884.547,3920.041-914.35Z" transform="translate(-3904.931 934.618)" fill="%23FFFFFF" stroke="%23432918" stroke-width="2"/></svg>') !important;
  -moz-mask-position: center center;
  -moz-mask-repeat: no-repeat;
  -moz-mask-size: 100% 100%;

  -ms-mask-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 658.177 418.351"><path id="flaeche" data-name="flaeche" d="M3920.041-914.35c28.36-29.8,575.744-21.182,618.93,0s16.36,361.564-4.524,383.8-577.472,12.476-600.307,0S3891.68-884.547,3920.041-914.35Z" transform="translate(-3904.931 934.618)" fill="%23FFFFFF" stroke="%23432918" stroke-width="2"/></svg>') !important;
  -ms-mask-position: center center;
  -ms-mask-repeat: no-repeat;
  -ms-mask-size: 100% 100%;

  -o-mask-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 658.177 418.351"><path id="flaeche" data-name="flaeche" d="M3920.041-914.35c28.36-29.8,575.744-21.182,618.93,0s16.36,361.564-4.524,383.8-577.472,12.476-600.307,0S3891.68-884.547,3920.041-914.35Z" transform="translate(-3904.931 934.618)" fill="%23FFFFFF" stroke="%23432918" stroke-width="2"/></svg>') !important;
  -o-mask-position: center center;
  -o-mask-repeat: no-repeat;
  -o-mask-size: 100% 100%;

  mask-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 658.177 418.351"><path id="flaeche" data-name="flaeche" d="M3920.041-914.35c28.36-29.8,575.744-21.182,618.93,0s16.36,361.564-4.524,383.8-577.472,12.476-600.307,0S3891.68-884.547,3920.041-914.35Z" transform="translate(-3904.931 934.618)" fill="%23FFFFFF" stroke="%23432918" stroke-width="2"/></svg>') !important;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

video[poster] {
  height: 100%;
  width: 100%;
}

.video-maske figure {
  -webkit-filter: drop-shadow(2px 2px 0px #432918);
  -moz-filter: drop-shadow(2px 2px 0px #432918);
  -ms-filter: drop-shadow(2px 2px 0px #432918);
  -o-filter: drop-shadow(2px 2px 0px #432918);
  filter: drop-shadow(2px 2px 0px #432918);
}

.video-maske {
  -webkit-filter: drop-shadow(-15px 15px 0px #432918);
  -moz-filter: drop-shadow(-15px 15px 0px #432918);
  -ms-filter: drop-shadow(-15px 15px 0px #432918);
  -o-filter: drop-shadow(-15px 15px 0px #432918);
  filter: drop-shadow(-15px 15px 0px #432918);
}

.videos-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.videos-wrapper h2 {
  margin-top: 0px;
}

.videos-wrapper h3 {
  margin-top: 0px;
  line-height: 1.2;
}

.videos-wrapper > .rs-column {
  margin-top: 0px !important;
  margin-bottom: 25px;
}

.videos-wrapper > .rs-column > .rs-columns > .rs-column:nth-child(2) {
  margin-top: 0px;
}

.videos-wrapper::after {
  content: "";
  flex-basis: 30%;
}

/* --------- FORMULARE ---------*/

input {
  background-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 677.225 89.74"><path d="M2133.431-1883.164c8.926-10.172,661.065-6.955,667.709,0s1.965,72.491-4.846,77.1-652.354,6.372-658.245,0S2124.5-1872.993,2133.431-1883.164Z" transform="translate(-2128.249 1890.648)" fill="%23FFFFFF" stroke="%23432918" stroke-width="2"/></svg>') !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: none;
  background: none;
  width: 100% !important;
  max-width: 677px;
}

input:hover,
input:focus,
input:active {
  border: none;
  box-shadow: none;
}

label {
  color: #161615 !important;
  font-style: italic;
}

.main-content label span.mandatory {
  color: #d65a14;
}

/* --------- STÖRER --------- */

.stoerer {
  position: fixed;
  bottom: -20px;
  right: 20px;
  cursor: pointer;
  z-index: 98;
}

.stoerer img {
  max-width: 250px;
}

.stoerer-popup {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: calc(100vh - 100px);
  background-color: #fae7c5;
  z-index: 99;
  display: none;
  overflow-y: scroll !important;
  padding-top: 20px;
}

.stoerer-popup-content {
  max-width: 1700px;
  margin: 90px auto auto auto;
  padding-left: 5%;
  padding-right: 5%;
}

.stoerer-popup-content h1 {
  margin-top: 0px;
}

.stoerer-popup-close {
  cursor: pointer;
  position: absolute;
  left: calc(50% + 557px);
}

.stoerer-popup-close * {
  display: inline-block;
  margin: auto 0;
}

.stoerer-popup-close p {
  margin-top: 0.2em;
  margin-right: 0.5em;
}

.popup-no-scroll {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/* --------- FOOTER --------- */

.footer-dr-mau {
  margin-bottom: -50px;
}

.footer-wave {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 376.908px;
  height: 100%;
}

.weiterleitungen-wrapper {
  display: flex;
  flex-direction: row;
  min-height: 376.908px;
  height: 100%;
  align-items: center;
  max-width: 1700px;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 5%;
}

.weiterleitungen-wrapper .ce_text.block {
  width: 50%;
  align-items: center;
}

.weiterleitungen-wrapper .ce_text.block:first-child {
  padding-right: 10%;
}

.weiterleitungen-wrapper .ce_text.block:nth-child(2) {
  padding-left: 10%;
}

.weiterleitungen-wrapper h3 {
  font-size: 46px;
  color: #ffffff;
  margin: 0% 0% 5% 0% !important;
  line-height: 1.195;
  padding-left: 210px;
}

.weiterleitungen-wrapper h3 a {
  color: #ffffff;
  text-decoration: none;
}

.weiterleitungen-wrapper img {
  height: 150px;
}

.weiterleitungen-wrapper figure.image_container.float_left {
  margin: 0% 10% 0% 0% !important;
  min-width: 150px !important;
}

.weiterleitungen-wrapper p {
  padding: 0% 0% 0% 210px !important;
  margin: 0% !important;
}

.chapter-orange .footer-wave,
.chapter-blue .footer-wave,
.chapter-green .footer-wave,
.chapter-pink .footer-wave {
  display: none;
}

.chapter-orange .footer-dr-mau,
.chapter-blue .footer-dr-mau,
.chapter-green .footer-dr-mau,
.chapter-pink .footer-dr-mau {
  display: none;
}

.footer-wave .weiterleitungen-wrapper .ce_text.block br {
  display: unset !important;
  height: 0px !important;
}

.footer-verein figure img {
  width: 120px;
}

.footer-verein p {
  font-size: 0.8rem !important;
  line-height: 1.25;
}

.footer-verein {
  padding-top: 50px;
}

.image_container a:hover::before,
.image_container a:focus::before {
  background: none;
}

.image_container a:hover::after,
.image_container a:focus::after {
  content: "";
}

footer nav {
  max-width: 1700px;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 20px 5% 120px 5%;
}

footer nav ul {
  display: inline-block !important;
  width: 100%;
}

footer nav ul li {
  display: inline-block !important;
  width: 32%;
}

footer nav ul li:first-child {
  text-align: left;
}

footer nav ul li:nth-child(2) {
  text-align: center;
}

footer nav ul li:nth-child(3) {
  text-align: right;
}

footer nav a {
  text-transform: none !important;
  font-size: 1rem !important;
  padding: 0px !important;
  letter-spacing: 0px !important;
}

.footer-navigation a,
.footer-navigation strong {
  font-size: inherit;
  text-transform: none;
}

/* --------- RESPONSIVENESS --------- */

/* +++++++++ DESKTOP VERY WIDE +++++++++ */
@media screen and (min-width: 1701px) {
  .kacheln-wrapper figure {
    position: absolute;
    margin: -95px 0% 0% 275px !important;
  }

  .kacheln-wrapper .pink5-adjustment-image figure {
    margin: -95px 0% 0% 325px !important;
  }

  .infobox figure {
    position: absolute;
    margin: -200px 0% 0% 550px !important;
  }
}

/* --- DESKTOP --- */
@media screen and (max-width: 1700px) and (min-width: 1281px) {
  .kacheln-wrapper .pink3-adjustment-image figure {
    margin: -95px 0% 0% 16vw !important;
  }

  .kacheln-wrapper .pink5-adjustment-image figure {
    margin: -95px 0% 0% 21vw !important;
  }
}

/* --- DESKTOP 1700PX MAX --- */
@media screen and (max-width: 1700px) {
  .main-navigation-mobile-open {
    left: unset !important;
    right: 5% !important;
  }

  .stoerer-popup-close {
    left: unset;
    right: 5%;
    margin-top: -60px;
  }
}

/* --- DESKTOP 1550PX MAX --- */
@media (max-width: 1550px) {
  .intro #intro01 {
    margin-bottom: -230px;
  }

  .intro #intro03 {
    margin-top: -380px;
    max-width: 520px;
  }
}

/* --- DESKTOP NARROW MAX --- */
@media screen and (max-width: 1280px) {
  .intro #intro01 {
    max-width: 500px;
  }

  .intro #intro03 {
    margin-top: -300px;
  }
}

/* --- DESKTOP NARROW MIN --- */
@media screen and (min-width: 1280px) {
  .videos-wrapper > .rs-column:nth-child(2),
  .videos-wrapper > .rs-column:nth-child(5) {
    margin-left: 5% !important;
    margin-right: 5% !important;
  }
}

/* --- DESKTOP 1100PX MAX --- */
@media screen and (max-width: 1100px) {
  .intro #intro01 {
    margin-bottom: -160px;
  }

  .intro #intro03 {
    margin-top: -280px;
  }
}

/* --- DESKTOP NARROW --- */
@media screen and (max-width: 1280px) and (min-width: 901px) {
  .oneo-no-sidebar .rs-column.-large-col-3-1 {
    /* width: 47.5%;
    display: flex; */
  }

  .img-neben-text img {
    height: 80px;
  }

  div .img-neben-text.slip figure {
    margin-left: -15px !important;
    margin-bottom: -15px !important;
  }

  .img-neben-text.slip figure img {
    height: 100px !important;
  }

  .img-neben-text figure {
    display: inline-block !important;
    position: static;
    margin-top: 1em !important;
  }

  .img-neben-text.binden figure,
  .img-neben-text.tampons figure,
  .img-neben-text.tasse figure,
  .img-neben-text.slip figure {
    margin-left: 0px !important;
  }

  .img-neben-text h3 {
    margin-top: 0px;
  }

  .kacheln-wrapper .rs-column:nth-child(odd) {
    /* margin: 0% 5% 100px 0% !important; */
  }

  .kacheln-wrapper .rs-column:nth-child(even) {
    /* margin: 0% 0% 100px 0% !important; */
  }

  .kacheln-wrapper figure {
    position: absolute;
    margin: -95px 0% 0% 65% !important;
  }

  .kacheln-wrapper .pink5-adjustment-image figure {
    margin: -95px 0% 0% 32% !important;
  }

  .kacheln-wrapper figure img {
    height: 100px;
  }

  .infobox {
    padding-bottom: 5%;
  }

  .footer-dr-mau {
    padding: 0% 5%;
    margin-bottom: -50px;
  }

  .weiterleitungen-wrapper figure.image_container.float_left {
    margin: 0% 10% 0% 0% !important;
    min-width: 90px !important;
  }

  .weiterleitungen-wrapper img {
    height: 120px;
  }

  .weiterleitungen-wrapper h3 {
    margin: 0% 0% 5% 0% !important;
    padding-left: 127px !important;
    font-size: 36px;
  }

  .weiterleitungen-wrapper p {
    margin: 0% !important;
    padding-left: 127px !important;
    font-size: 20px;
  }

  .weiterleitungen-wrapper .ce_text.block:first-child {
    padding-right: 10%;
  }

  .weiterleitungen-wrapper .ce_text.block:nth-child(2) {
    padding-left: 10%;
  }

  .stoerer {
    bottom: -15px !important;
  }

  .stoerer img {
    width: 200px;
  }

  .videos-wrapper > .rs-column {
    width: 47.5%;
  }

  .videos-wrapper > .rs-column:nth-child(2),
  .videos-wrapper > .rs-column:nth-child(5) {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }

  .videos-wrapper > .rs-column:nth-child(2n-1) {
    margin-right: 5% !important;
  }
}

/* +++++++++ TABLET MAX +++++++++ */
@media screen and (max-width: 900px) {
  .intro #intro01 {
    margin-bottom: -60px;
  }

  .intro #intro03 {
    margin-top: -80px;
  }

  .mobil-weg {
    display: none;
  }

  .intro .ce_text {
    max-width: 90%;
  }

  .infomaterial,
  .selbsttest {
    max-width: unset !important;
    position: relative;
    z-index: 1;
  }

  .oneo-no-sidebar .rs-column.-large-col-2-1 {
    /* width: 100%; */
  }

  .kacheln-wrapper {
    margin: 80px 0px;
  }

  .padding-bottom-xl {
    padding-bottom: 100px !important;
  }

  .padding-bottom-l {
    padding-bottom: 80px !important;
  }

  .rs-column.-large-first-row,
  .oneo-no-sidebar .rs-column.-large-first-row {
    /* margin-top: 0; */
  }

  .main-navigation-mobile.is-enabled {
    width: 100%;
  }

  .modernizr-csstransforms3d .main-navigation-mobile.is-enabled.is-active {
    padding-left: 20px;
  }

  .feature-box.no-margin {
    margin-top: 0 !important;
  }

  .main-content h2,
  .main-content h4 {
    font-size: 36px;
  }

  .main-content h1 {
    font-size: 68px;
  }

  .stoerer-popup-close p {
    margin-top: 0.4em;
  }

  .infobox {
    margin-bottom: 50px !important;
  }

  .icon-aufzaehlung .rs-column {
    margin-top: 2% !important;
  }

  .icon-aufzaehlung {
    margin-bottom: 0px !important;
  }

  .mod_article.block
    .rs-columns
    .rs-column:nth-child(2)
    .icon-aufzaehlung
    .rs-column:first-child {
    margin-top: 0px !important;
  }
}

/* --- TABLET --- */
@media screen and (max-width: 900px) and (min-width: 600px) {
  h1 {
    font-size: 80px !important;
  }

  .header-wave h1 {
    font-size: 36px !important;
  }

  h2 {
    font-size: 40px !important;
  }

  h3 {
    font-size: 36px !important;
  }

  p {
    font-size: 16px !important;
  }

  .oneo-no-sidebar .rs-column.-large-col-3-1 {
    /* width: 47.5%;
    display: flex; */
  }

  .img-neben-text img {
    height: 60px;
  }

  .img-neben-text.slip figure img {
    height: 80px !important;
  }

  .img-neben-text figure {
    position: absolute;
    margin-top: -2% !important;
  }

  .img-neben-text.binden figure {
    margin-left: 120px;
  }

  .img-neben-text.tampons figure {
    margin-left: 150px;
  }

  .img-neben-text.tasse figure {
    margin-left: 310px;
  }

  .img-neben-text.slip figure {
    margin-left: 280px;
  }

  .kacheln-wrapper .rs-column:nth-child(odd) {
    /* margin: 0% 5% 75px 0% !important; */
  }

  .kacheln-wrapper .rs-column:nth-child(even) {
    /* margin: 0% 0% 75px 0% !important; */
  }

  .kacheln-wrapper figure {
    position: absolute;
    margin: -75px 0% 0% 60% !important;
  }

  .kacheln-wrapper .pink5-adjustment-image figure {
    margin: -75px 0% 0% 60% !important;
  }

  .kacheln-wrapper figure img {
    height: 80px;
  }

  .infobox {
    padding-bottom: 5%;
  }

  .infobox figure {
    position: absolute;
    right: 5%;
    margin: -130px 0% 0% 0% !important;
  }

  .infobox img {
    height: 110px;
  }

  .infobox p:last-child {
    margin-top: 25px;
  }

  .footer-dr-mau {
    padding: 0% 5%;
    margin-bottom: -50px;
  }

  footer .footer-wave {
    width: 100%;
    aspect-ratio: 1 / 1.1277;
    min-height: 600px;
  }

  .weiterleitungen-wrapper {
    width: 100%;
    height: 100%;
    min-height: 600px;
    display: flex;
    flex-direction: column;
  }

  .weiterleitungen-wrapper .ce_text.block {
    width: 100%;
    height: 100%;
    min-height: 200px;
    padding: 10% 0% !important;
  }

  .weiterleitungen-wrapper .ce_text.block:first-child {
    padding: 15% 0% 10% 0% !important;
  }

  .weiterleitungen-wrapper .ce_text.block:nth-child(2) {
    padding: 15% 0% 15% 0% !important;
  }

  .weiterleitungen-wrapper figure {
    margin: 0% 10% 10% 0% !important;
    padding-top: 5%;
  }

  .weiterleitungen-wrapper h3 {
    margin: 0% !important;
    padding-top: 5%;
    padding-left: 42%;
    font-size: 36px !important;
  }

  .weiterleitungen-wrapper p {
    padding: 5% 0% 0% 42% !important;
    margin: 0% !important;
    font-size: 20px !important;
  }

  .footer-verein img {
    width: 80px !important;
  }

  .footer-verein p {
    font-size: 18px !important;
    margin: 5% 0% 0% 0% !important;
  }

  footer nav a {
    font-size: 20px !important;
  }

  .stoerer {
    bottom: -15px !important;
  }

  .stoerer img {
    width: 175px;
  }

  .videos-wrapper > .rs-column {
    width: 47.5%;
  }

  .videos-wrapper > .rs-column:nth-child(2),
  .videos-wrapper > .rs-column:nth-child(5) {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }

  .videos-wrapper > .rs-column:nth-child(2n-1) {
    margin-right: 5% !important;
  }

  .header-wave h1 {
    padding-left: 30px !important;
  }

  .page-header {
    min-height: 90px !important;
  }

  .header-wave {
    padding: 15px 5% !important;
  }

  .modernizr-csstransforms3d .main-navigation-mobile.is-enabled {
    padding-left: 5% !important;
    height: 100vh !important;
    min-height: 100vh !important;
  }

  .mod_navigation.block {
    padding-top: 130px !important;
  }

  #article-1 {
    padding-top: 130px !important;
  }

  .main-content h1 {
    margin-top: 180px !important;
  }

  .stoerer-popup {
    height: calc(100vh - 80px);
  }
}

/* --- TABLET MIN --- */
@media screen and (min-width: 901px) {
  .mobil-da {
    display: none;
  }
}

/* +++++++++ MOBILE MAX +++++++++ */
@media screen and (max-width: 599px) {
  .intro #intro01 {
    margin-bottom: -20px;
  }

  .intro #intro03 {
    margin-top: -50px;
  }

  .intro .ce_text {
    max-width: 100%;
    text-align: left !important;
  }

  .main-content h2,
  .main-content h4 {
    font-size: 24px;
  }

  .header-logos h1,
  .main-content h2 {
    font-size: 27px;
  }

  .main-content h1 {
    font-size: 46px;
  }

  .header-logos img {
    max-height: 50px;
  }

  .padding-bottom-xl {
    padding-bottom: 60px !important;
  }

  .padding-bottom-l {
    padding-bottom: 40px !important;
  }

  .modernizr-csstransforms3d .main-navigation-mobile.is-enabled.is-active {
    padding-left: 10px;
  }

  .main-navigation-mobile .mod_navigation > ul > li {
    font-size: 24px;
  }

  .main-navigation-mobile li li {
    font-size: 16px;
  }

  .feature-box.-vertical-centered {
    display: table !important;
  }

  .-vertical-centered > .feature-box-text,
  .-vertical-centered > .feature-box-image {
    display: table-cell !important;
  }

  .feature-box-image.-move-left {
    padding-left: 20px !important;
  }

  .feature-box-image.-move-right {
    padding-right: 20px !important;
  }

  .kacheln-wrapper {
    margin: 60px 0 0;
  }

  .infomaterial {
    margin-bottom: 50px;
  }
}

/* --- MOBILE WIDE (LANDSCAPE) --- */
@media screen and (max-width: 599px) and (min-width: 400px) {
  h1 {
    font-size: 46px !important;
  }

  .header-wave h1 {
    font-size: 32px !important;
  }

  h2 {
    font-size: 24px !important;
  }

  h3 {
    font-size: 27px !important;
  }

  p {
    font-size: 16px !important;
  }

  /*.ce_text.centered.block {
    text-align: left !important;
  }*/

  .oneo-no-sidebar .rs-column.-large-col-3-1 {
    /* width: 90%;
    display: flex; */
  }

  .oneo-no-sidebar .rs-column.-large-col-3-1:nth-child(even) {
    margin-left: 10% !important;
  }

  .oneo-no-sidebar .rs-column.-large-col-3-1:nth-child(even) .ce_text.block {
    padding-left: 20% !important;
  }

  .img-neben-text img {
    height: 60px;
  }

  .img-neben-text.slip figure img {
    height: 80px !important;
  }

  .img-neben-text figure {
    position: absolute;
    margin-top: -3% !important;
  }

  .img-neben-text.binden figure {
    margin-left: 100px;
  }

  .img-neben-text.tampons figure {
    margin-left: 125px;
  }

  .img-neben-text.tasse figure {
    margin-left: 250px;
  }

  .img-neben-text.slip figure {
    margin-left: 225px;
  }

  .kacheln-wrapper .rs-column {
    /* margin: 0% 0% 75px 0% !important; */
  }

  .kacheln-wrapper figure {
    position: absolute;
    right: 0%;
    margin-top: -50px !important;
  }

  .kacheln-wrapper .green2-adjustment-image figure {
    left: -65% !important;
  }

  .kacheln-wrapper .green2-adjustment-image figure img {
    height: 50px !important;
  }

  .kacheln-wrapper .pink5-adjustment-image figure {
    right: 20%;
  }

  .kacheln-wrapper .rs-column.-large-col-3-1:nth-child(even) figure {
    position: absolute;
    left: -60%;
    margin-top: -50px !important;
  }

  .kacheln-wrapper figure img {
    height: 70px;
  }

  .infobox {
    width: 100% !important;
    padding: 5% 10% 8% 10%;
    margin-top: 75px !important;
  }

  .infobox figure {
    position: absolute;
    right: 10%;
    margin: -120px 0% 0% 0% !important;
  }

  .infobox img {
    height: 100px;
  }

  .infobox p:last-child {
    margin-top: 25px;
  }

  .footer-dr-mau {
    padding: 0% 5%;
    margin-bottom: -25px;
    margin-top: 25px;
  }

  footer .footer-wave {
    width: 100%;
    aspect-ratio: 1 / 1.1277;
    min-height: 430px;
  }

  .weiterleitungen-wrapper {
    width: 100%;
    height: 100%;
    min-height: 430px;
    display: flex;
    flex-direction: column;
  }

  .weiterleitungen-wrapper .ce_text.block {
    width: 100%;
    height: 100%;
    min-height: 165px;
  }

  .weiterleitungen-wrapper .ce_text.block:first-child {
    padding: 15% 0% 12% 0% !important;
  }

  .weiterleitungen-wrapper .ce_text.block:nth-child(2) {
    padding: 20% 0% 15% 0% !important;
  }

  .weiterleitungen-wrapper figure.image_container.float_left {
    min-width: 100px !important;
    margin: 0% 50px 10% 0% !important;
    display: inline-block;
  }

  .weiterleitungen-wrapper img {
    width: 100px !important;
    height: 100px !important;
  }

  .weiterleitungen-wrapper h3 {
    display: inline-block;
    margin: 0% !important;
    padding-left: 0%;
    font-size: 27px;
  }

  .weiterleitungen-wrapper p {
    display: block;
    margin: -15% 0% 0% 0% !important;
    padding-left: 155px !important;
    font-size: 16px;
  }

  .footer-verein img {
    width: 60px !important;
  }

  .footer-verein p {
    font-size: 16px !important;
  }

  footer nav a {
    font-size: 16px !important;
  }

  footer nav {
    padding: 0% 5% !important;
  }

  .stoerer {
    bottom: -10px !important;
  }

  .stoerer img {
    width: 125px;
  }

  #burger-inhalte {
    display: none;
  }

  .header-wave h1 {
    padding-left: 20px !important;
  }

  .header-wave img {
    max-width: 50px;
    max-height: 50px;
  }

  .page-header {
    min-height: 80px !important;
  }

  .header-wave {
    padding: 15px 5% !important;
  }

  .modernizr-csstransforms3d .main-navigation-mobile.is-enabled {
    padding-left: 5% !important;
    height: 100vh !important;
    min-height: 100vh !important;
  }

  .mod_navigation.block {
    padding-top: 120px !important;
  }

  #article-1 {
    padding-top: 120px !important;
  }

  .main-content h1 {
    margin-top: 150px !important;
  }

  .stoerer-popup {
    height: calc(100vh - 70px);
  }

  footer nav {
    padding-bottom: 60px !important;
  }
}

/* --- MOBILE NARROW (PORTRAIT) --- */
@media screen and (max-width: 399px) {
  h1 {
    font-size: 46px !important;
  }

  .header-wave h1 {
    font-size: 27px !important;
  }

  h2 {
    font-size: 24px !important;
  }

  h3 {
    font-size: 27px !important;
  }

  p {
    font-size: 16px !important;
  }

  .oneo-no-sidebar .rs-column.-large-col-3-1 {
    width: 90%;
    display: flex;
  }

  .oneo-no-sidebar .rs-column.-large-col-3-1:nth-child(even) {
    margin-left: 10% !important;
  }

  .oneo-no-sidebar .rs-column.-large-col-3-1:nth-child(even) .ce_text.block {
    padding-left: 20% !important;
  }

  .img-neben-text img {
    height: 50px;
  }

  div .img-neben-text.slip figure {
    margin-left: -12px !important;
    margin-bottom: -12px !important;
  }

  .img-neben-text.slip figure img {
    height: 70px !important;
  }

  .img-neben-text figure {
    display: inline-block !important;
    position: static;
    margin-top: 1em !important;
  }

  .img-neben-text.binden figure,
  .img-neben-text.tampons figure,
  .img-neben-text.tasse figure,
  .img-neben-text.slip figure {
    margin-left: 0px !important;
  }

  .img-neben-text h3 {
    margin-top: 0.25em;
  }

  .kacheln-wrapper .rs-column {
    /* margin: 0% 0% 75px 0% !important; */
  }

  .kacheln-wrapper figure {
    position: absolute;
    right: 3%;
    margin-top: -55px !important;
  }

  .kacheln-wrapper
    .rs-column.-large-col-3-1:nth-child(even)
    .green2-adjustment-image
    figure {
    margin-top: -35px !important;
  }

  .kacheln-wrapper .green2-adjustment-image figure img {
    height: 45px !important;
  }

  .kacheln-wrapper .pink5-adjustment-image figure {
    right: 20%;
  }

  .kacheln-wrapper .rs-column.-large-col-3-1:nth-child(even) figure {
    position: absolute;
    left: -65%;
    margin-top: -55px !important;
  }

  .kacheln-wrapper figure img {
    height: 60px;
  }

  .infobox {
    width: 100% !important;
    padding: 5% 10% 10% 10%;
    margin-top: 75px !important;
  }

  .infobox figure {
    position: absolute;
    right: 10%;
  }

  .infobox-blue figure {
    margin: -115px 0% 0% 0% !important;
  }

  .infobox-green figure {
    margin: -145px 0% 0% 0% !important;
  }

  .infobox-pink figure {
    margin: -140px 0% 0% 0% !important;
  }

  .infobox img {
    height: 100px;
  }

  .infobox p:last-child {
    margin-top: 25px;
  }

  .footer-dr-mau {
    padding: 0% 5%;
    margin-bottom: -15px;
    margin-top: 75px;
  }

  footer .footer-wave {
    min-height: 422.892px;
  }

  .weiterleitungen-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 422.892px;
  }

  .weiterleitungen-wrapper .ce_text.block {
    width: 100%;
    padding: 0% !important;
  }

  .weiterleitungen-wrapper .ce_text.block * {
    display: block !important;
  }

  .weiterleitungen-wrapper .ce_text.block:first-child {
    padding: 15% 0% 12% 0% !important;
  }

  .weiterleitungen-wrapper .ce_text.block:nth-child(2) {
    padding: 20% 0% 15% 0% !important;
  }

  .weiterleitungen-wrapper figure.image_container.float_left {
    min-width: 80px !important;
    margin: 0% auto 5% auto !important;
  }

  .weiterleitungen-wrapper img {
    height: 80px !important;
  }

  .weiterleitungen-wrapper h3 {
    margin: 5% auto !important;
    font-size: 27px;
    text-align: center;
    padding-left: 0% !important;
  }

  .weiterleitungen-wrapper p {
    margin: 0% !important;
    font-size: 16px;
    text-align: center;
    padding-left: 0% !important;
  }

  .footer-verein img {
    width: 60px !important;
  }

  .footer-verein p {
    font-size: 16px !important;
  }

  footer nav ul li {
    display: list-item !important;
    text-align: center !important;
    margin: 0px auto !important;
    width: 100%;
  }

  .stoerer {
    bottom: -5px !important;
  }

  .stoerer img {
    width: 110px;
  }

  #burger-inhalte {
    display: none;
  }

  .header-wave h1 {
    padding-left: 10px !important;
  }

  .header-wave img {
    max-width: 50px;
    max-height: 50px;
  }

  .page-header {
    min-height: 80px !important;
  }

  .header-wave {
    padding: 15px 5% !important;
  }

  .modernizr-csstransforms3d .main-navigation-mobile.is-enabled {
    padding-left: 5% !important;
    height: 100vh !important;
    min-height: 100vh !important;
  }

  .modernizr-csstransforms3d .main-navigation-mobile.is-enabled a {
    padding-left: 0px !important;
  }

  .mod_navigation.block {
    padding-top: 120px !important;
  }

  #article-1 {
    padding-top: 120px !important;
  }

  .main-content h1 {
    margin-top: 170px !important;
  }

  .stoerer-popup {
    height: calc(100vh - 70px);
  }

  .main-navigation-mobile li li a,
  .main-navigation-mobile li li strong,
  .main-navigation-mobile li li span.active,
  .main-navigation-mobile li li span.trail,
  .main-navigation-mobile li li span.forward {
    padding-left: 0;
  }

  footer nav {
    padding: 0% 5% 60px 5% !important;
  }

  .main-navigation-mobile .active {
    padding-left: 0px;
  }

  .footer-wave .weiterleitungen-wrapper .ce_text.block br {
    display: none !important;
  }
}

/* --- MOBILE VERY NARROW --- */
@media screen and (max-width: 300px) {
  .burger-menu {
    float: unset !important;
  }
}