@charset "UTF-8";
/*Boxes*/
/*justify content*/
/*grid containers*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 100;
  src: url("https://ehses-flohr.estevo.de/assets/fonts/Roboto_Condensed/RobotoCondensed-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 200;
  src: url("https://ehses-flohr.de/assets/fonts/Roboto_Condensed/RobotoCondensed-ExtraLight.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url("https://ehses-flohr.de/assets/fonts/Roboto_Condensed/RobotoCondensed-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("https://ehses-flohr.de/assets/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 500;
  src: url("https://ehses-flohr.de/assets/fonts/Roboto_Condensed/RobotoCondensed-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 600;
  src: url("https://ehses-flohr.de/assets/fonts/Roboto_Condensed/RobotoCondensed-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("https://ehses-flohr.de/assets/fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 800;
  src: url("https://ehses-flohr.de/assets/fonts/Roboto_Condensed/RobotoCondensed-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 900;
  src: url("https://ehses-flohr.de/assets/fonts/Roboto_Condensed/RobotoCondensed-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 100;
  src: url("https://ehses-flohr.de/assets/fonts/Roboto_Condensed/RobotoCondensed-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 200;
  src: url("https://ehses-flohr.de/assets/fonts/Roboto_Condensed/RobotoCondensed-ExtraLightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 300;
  src: url("https://ehses-flohr.dek/assets/fonts/Roboto_Condensed/RobotoCondensed-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 400;
  src: url("https://ehses-flohr.de/assets/fonts/Roboto_Condensed/RobotoCondensed-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 600;
  src: url("https://ehses-flohr.de/assets/fonts/Roboto_Condensed/RobotoCondensed-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 400;
  src: url("https://ehses-flohr.de/assets/fonts/PT_Serif/PTSerif-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 600;
  src: url("https://ehses-flohr.de/assets/fonts/PT_Serif/PTSerif-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "PT Serif";
  font-style: italic;
  font-weight: 400;
  src: url("https://ehses-flohr.de/assets/fonts/PT_Serif/PTSerif-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "PT Serif";
  font-style: italic;
  font-weight: 600;
  src: url("https://ehses-flohr.de/assets/fonts/PT_Serif/PTSerif-BoldItalic.ttf") format("truetype");
}
body {
  font-family: "Roboto Condensed", "Arial", sans-serif;
  font-style: normal;
  font-weight: 200;
  line-height: 1.2;
  color: rgb(51, 51, 51);
}

h1 {
  font-size: 1.4rem;
  font-weight: 500;
  color: rgb(183, 27, 84);
}

h2 {
  font-size: 3rem;
  font-weight: 200;
}

h3 {
  font-size: 2.5rem;
  font-weight: 400;
}

h4 {
  font-size: 2.25rem;
  font-weight: 600;
}

h5 {
  font-size: 2rem;
}

h6 {
  font-size: 1.75rem;
}

h2 {
  color: rgb(255, 130, 0);
}

h3 {
  color: rgb(37, 96, 141);
}

h4 {
  color: rgb(228, 99, 111);
}

p, ol, ul, li, span, table, summary {
  font-size: 1.2rem;
}

p, ol, ul, span, table, summary, blockquote {
  margin-bottom: 1.2rem;
}

.text--orange {
  color: rgb(220, 100, 19);
}

.text--weiss {
  color: rgb(255, 255, 255);
}

.text--rosa {
  color: rgb(183, 27, 84);
}

.text--grau {
  color: rgb(51, 51, 51);
}

.text--serif {
  font-family: "PT Serif", serif;
}

.text--italic {
  font-style: italic;
}

.text--align-right {
  text-align: right;
}

.text--small {
  font-size: 1rem;
}

small {
  font-size: 1.2rem;
}

blockquote {
  font-size: 2.5rem;
  quotes: '"' '"' "'" "'";
  color: rgb(100, 179, 232);
  padding-left: 48px;
  padding-right: 48px;
}

blockquote:before {
  content: open-quote;
}

blockquote:after {
  content: close-quote;
}

ul.list {
  list-style-type: disc;
  list-style-position: inside;
}

ul.list li {
  margin-bottom: 0.5rem;
}

ul.list li a, ul.list li a:visited {
  text-decoration: none;
}

ul.list--checked {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.list--checked li:before {
  content: "✓";
  margin-right: 0.4em;
}

ul.list--checked li {
  padding-left: 1.2em;
  text-indent: -1em;
}

.sidebar ul.navi--vertical li {
  margin-bottom: 0.5rem;
}

.sidebar ul.navi--vertical li a {
  text-decoration: none;
}

.sidebar ul.navi--vertical li a:hover {
  text-decoration: none;
}

a {
  color: rgb(220, 100, 19);
}

a:hover {
  color: rgb(183, 27, 84);
}

strong, b {
  font-weight: bold;
}

#main ul {
  list-style-type: disc;
  list-style-position: outside;
}

#main ul li {
  /*margin-bottom: 1rem;*/
  line-height: 1.4;
  margin-left: 1rem;
}

.page--impressum .main-container-inner--rechts-rosa__inner p {
  font-size: 1rem;
}

.page--impressum .text--small {
  font-size: 0.8rem;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  h1 {
    font-size: 1.2rem;
    font-weight: 500;
    color: rgb(183, 27, 84);
  }
}
@media screen and (min-width: 1024px) {
  /*h1{
    font-size: 3.5rem;
  }*/
  h2 {
    font-size: 3rem;
  }

  h3 {
    font-size: 2.75rem;
  }

  h4 {
    font-size: 2.5rem;
  }

  h5 {
    font-size: 2.25rem;
  }

  h6 {
    font-size: 2rem;
  }

  sup {
    font-size: xx-small;
    vertical-align: super;
  }

  h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1rem;
  }

  p, ul, ol, li, span {
    font-size: 1.2rem;
  }

  .section__header h2 {
    font-size: 4rem;
  }
}
section header h2 {
  font-weight: 600;
}

@media screen and (max-width: 575px) {
  h1 {
    font-size: 1.4rem;
  }

  .page--home .main-container-inner--links-oben_inner h1 span {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  #main .main-container-orange-mobile span.ueberschrift {
    font-size: 1.2rem;
  }

  #main .main-container-orange-mobile p.heading, #main .main-container-pink-mobile p.heading {
    font-size: 1.2rem;
  }

  .page--home .main-container-pink-mobile p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .page--home .main-container-inner--links-oben_inner h1 span {
    font-size: 2rem;
  }

  .page--home .main-container-inner--links-oben_inner h1 span::before {
    content: "\a";
    white-space: pre;
  }
}
@media screen and (min-width: 1024px) {
  #main .main-container-inner--links-unten_inner span.ueberschrift {
    font-size: 1.2rem;
  }

  .page--home .main-container-inner--links-oben_inner h1 span {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  #main .main-container-inner--links-unten_inner span.ueberschrift {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1400px) {
  .page--home .main-container-inner--links-oben_inner h1 span {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1600px) {
  .page--home .main-container-inner--links-oben_inner h1 span {
    font-size: 2.5rem;
  }
}
#brand {
  width: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  z-index: 12;
  height: 90px;
}

.container--brand--outer {
  margin-left: 12px;
}

#Hintergrund2 {
  background: rgb(220, 100, 19);
  fill: rgb(220, 100, 19);
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

#Punkt {
  background: rgb(220, 100, 19);
  fill: rgb(220, 100, 19);
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

#Hintergrund {
  background: rgb(220, 100, 19);
  fill: rgb(220, 100, 19);
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

#Ring2 {
  background: rgb(255, 255, 255);
  fill: rgb(255, 255, 255);
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

#Ring1 {
  background: rgb(255, 255, 255);
  fill: rgb(255, 255, 255);
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

#Hintergrund2, #Hintergrund, #Ring1, #Ring2, #Punkt {
  animation: pulse 2s linear infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.menue-container.open #Hintergrund2, .menue-container.open #Hintergrund, .menue-container.open #Punkt {
  background: rgb(230, 177, 197);
  fill: rgb(230, 177, 197);
}

@media screen and (max-width: 767px) {
  img.logo {
    height: 30px;
    width: auto;
  }

  .container--button-main-menu {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 20;
  }

  .container--brand--logo {
    padding-top: 18px;
  }
}
@media screen and (min-width: 768px) {
  .container--button-main-menu {
    display: none;
  }

  .container--brand--inner {
    display: flex;
    justify-content: space-between;
  }

  .container--brand--logo {
    display: inline-block;
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
.scrollbox {
  overflow-y: scroll;
  padding-right: 10px;
}

.main-container-inner--links-oben_inner {
  padding-left: 40px;
}

.main-container-inner--links-oben_inner h1 {
  margin-bottom: 0;
}

.container--datenschutz, .scrollbox {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.container--datenschutz::-webkit-scrollbar, .scrollbox::-webkit-scrollbar {
  width: 10px;
}
.container--datenschutz::-webkit-scrollbar-track, .scrollbox::-webkit-scrollbar-track {
  background: #f8c9aa;
  border-radius: 10px;
}
.container--datenschutz::-webkit-scrollbar-thumb, .scrollbox::-webkit-scrollbar-thumb {
  background: rgb(255, 255, 255);
  border-radius: 10px;
}
.container--datenschutz::-webkit-scrollbar-thumb:hover, .scrollbox::-webkit-scrollbar-thumb:hover {
  background: rgb(183, 27, 84);
  border-radius: 10px;
}

/* width */
html, body {
  margin: 0;
  padding: 0;
}

#brand {
  background-color: #FFFFFF;
}

#main {
  display: flex;
  justify-content: center;
}

.top {
  padding-top: 24px;
  padding-bottom: 24px;
}

.subline {
  font-family: "Roboto_Condensed", sans-serif;
  font-size: 1rem;
  font-weight: 200;
  font-style: italic;
  font-stretch: normal;
  font-optical-sizing: auto;
  /*transform: rotate(-5deg) skew(-5deg);*/
}

.container--datenschutz {
  height: 300px;
  overflow-y: scroll;
  width: 100%;
}

.container--datenschutz p, .container--datenschutz ul li {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

.container--datenschutz ul {
  list-style-type: circle;
  /*margin-left: 10px;*/
}

.container--datenschutz ul li {
  /*margin-left: 10px;
  padding-left: 10px;*/
}

.container--datenschutz p a {
  color: rgb(183, 27, 84);
}

.main-container-orange-mobile {
  background-color: rgb(237, 170, 125);
  padding-left: 40px;
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 20px;
}

.page--seminare .main-container-orange-mobile, .page--qualifikation .main-container-orange-mobile {
  background-color: rgb(230, 177, 197);
}

.main-container-pink-mobile {
  background-color: rgb(230, 177, 197);
  padding-left: 40px;
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 20px;
}

.page--seminare .main-container-pink-mobile, .page--qualifikation .main-container-pink-mobile {
  background-color: rgb(237, 170, 125);
}

.main-container-pink-mobile p, .main-container-orange-mobile p, .main-container-pink-mobile ul li, .main-container-orange-mobile ul li, .main-container-pink-mobile span, .main-container-orange-mobile span {
  font-family: "PT Serif", serif;
  font-size: 0.9rem;
  line-height: 1.4;
  font-style: normal;
}

p.text--italic, span.text--italic {
  font-style: italic;
}

.mobile-divider {
  background-color: rgb(213, 118, 96);
  height: 24px;
  width: 100%;
  display: block;
}

.page--datenschutz.main-container-inner--rechts-rosa p, .page--impressum.main-container-inner--rechts-rosa p {
  font-size: 1rem;
}

.main-container-inner--links-unten_inner {
  padding-left: 40px;
}

.page--datenschutz.main-container-inner--rechts-rosa a, .page--impressum.main-container-inner--rechts-rosa a {
  color: rgb(255, 255, 255);
}

@media screen and (max-width: 575px) {
  #main {
    margin-top: 20px;
  }

  .main-container-inner--links-unten {
    margin-top: 220px;
  }

  .main-container-inner--links-unten p, .main-container-inner--links-unten span {
    font-size: 1rem;
  }

  .main-container-inner--rechts-rosa {
    margin-top: 40px;
  }

  .main-container-orange-mobile {
    width: calc(100vw - 80px);
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  #main {
    margin-top: 20px;
  }

  .main-container-inner--links-unten {
    margin-top: 220px;
  }

  .main-container-inner--links-unten p, .main-container-inner--links-unten span {
    font-size: 1rem;
  }

  .main-container-inner--rechts-rosa {
    margin-top: 40px;
  }

  .main-container-orange-mobile {
    width: calc(100vw - 80px);
  }
}
@media screen and (max-width: 575px) {
  .page--kontakt .main-container-orange-mobile {
    width: calc(100vw - 80px);
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #main {
    padding-top: 100px;
  }

  .main_inner {
    width: 100%;
  }

  .main-container-inner--links-oben {
    margin-top: 140px;
  }

  .main-container-inner--links-unten {
    margin-top: 100px;
  }

  .main-container-inner--links-unten p, .main-container-inner--links-unten span {
    font-size: 1.2rem;
  }

  .main-container-inner--rechts-rosa {
    margin-top: 570px;
  }

  .page--coaching .main-container-inner--links-oben, .page--seminare .main-container-inner--links-oben {
    margin-top: 140px;
  }

  .page--qualifikation .main-container-inner--links-oben {
    margin-top: 140px;
  }

  .page--kontakt .main-container-inner--links-unten, .page--impressum .main-container-inner--links-unten, .page--datenschutz .main-container-inner--links-unten {
    margin-top: 180px;
  }

  .page--seminare .main-container-inner--rechts-rosa {
    margin-top: 440px;
  }

  .page--qualifikation .main-container-inner--rechts-rosa {
    margin-top: 470px;
  }

  .page--qualifikation .main-container-inner--links-unten {
    margin-top: 140px;
  }

  h1 {
    font-size: 2rem;
    font-weight: 500;
    color: rgb(183, 27, 84);
  }

  .container--datenschutz {
    padding-right: 24px;
    height: 300px;
    overflow-y: scroll;
    width: 90%;
  }

  .container--datenschutz p {
    font-size: 1.2rem;
  }

  .page--datenschutz.main-container-inner--rechts-rosa p, .page--datenschutz.main-container-inner--rechts-rosa span, .page--datenschutz.main-container-inner--rechts-rosa a, .page--datenschutz.main-container-inner--rechts-rosa span a, .page--impressum.main-container-inner--rechts-rosa p, .page--impressum.main-container-inner--rechts-rosa span, .page--impressum.main-container-inner--rechts-rosa a, .page--impressum.main-container-inner--rechts-rosa span a {
    font-size: 1rem;
  }
  .page--datenschutz.main-container-inner--rechts-rosa a, .page--impressum.main-container-inner--rechts-rosa a {
    color: rgb(255, 255, 255);
  }

  .main-container-inner--links-unten_inner {
    width: 70%;
  }

  .main-container-inner--rechts-rosa__inner {
    width: 90%;
  }

  .main-container-inner--links-oben_inner {
    width: 210px;
  }

  .subtext-subline {
    margin-top: 20px;
    width: 200px;
  }

  /*.page--datenschutz, .page--impressum, {
    &.main-container-inner--rechts-rosa p, &.main-container-inner--rechts-rosa span, &.main-container-inner--rechts-rosa a, &.main-container-inner--rechts-rosa span a {
      font-size: 0.9rem;
    }

  }*/
  .main-container-inner--rechts-rosa p, .main-container-inner--rechts-rosa span, .main-container-inner--rechts-rosa a, .main-container-inner--rechts-rosa span a, .main-container-inner--rechts-rosa ul li {
    font-size: 0.9rem;
  }

  .main-container-inner--links-unten_inner p, .main-container-inner--links-unten_inner span, .main-container-inner--links-unten_inner a, .main-container-inner--links-unten_inner span a, .main-container-inner--links-unten_inner ul li {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 767px) {
  #main .main-container-inner--links-unten_inner ul li {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
  }

  #main .main-container-inner--rechts-rosa__inner ul li {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .page--home .main-container-inner--rechts-rosa p, .page--home .main-container-inner--rechts-rosa span, .page--home .main-container-inner--rechts-rosa a, .page--home .main-container-inner--rechts-rosa span a, .page--home .main-container-inner--rechts-rosa ul li {
    font-size: 1.05rem;
  }

  .main-container-inner--rechts-rosa__inner {
    width: 95%;
  }

  .page--home .main-container-inner--links-unten_inner p, .page--home .main-container-inner--links-unten_inner span, .page--home .main-container-inner--links-unten_inner a, .page--home .main-container-inner--links-unten_inner span a, .page--home .main-container-inner--links-unten_inner ul li {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1024px) {
  #main .main-container-inner--links-unten_inner p.heading, #main .main-container-inner--rechts-rosa__inner p.heading {
    font-size: 1.2rem;
  }

  #main .main-container-inner--links-unten_inner ul li, #main .main-container-inner--links-unten_inner p, #main .main-container-inner--rechts-rosa__inner ul li, #main .main-container-inner--rechts-rosa__inner p, #main .main-container-inner--links-unten_inner span, #main .main-container-inner--rechts-rosa__inner span {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }

  #main {
    padding-top: 100px;
  }

  .main-container-inner--links-unten {
    /*margin-top: 200px;*/
    margin-top: 196px;
  }

  .main-container-inner--rechts-rosa {
    margin-top: 570px;
  }

  .page--coaching .main-container-inner--links-unten, .page--seminare .main-container-inner--links-unten, .page--qualifikation .main-container-inner--links-unten {
    margin-top: 156.8px;
  }

  .page--coaching .main-container-inner--rechts-rosa, .page--seminare .main-container-inner--rechts-rosa, .page--qualifikation .main-container-inner--rechts-rosa {
    margin-top: 470.4px;
  }

  .main-container-inner--links-oben {
    margin-top: 120px;
  }

  /*.page--qualifikation .main-container-inner--links-unten, .page--seminare .main-container-inner--links-unten, .page--datenschutz .main-container-inner--links-unten{
    margin-top: 150px;
  }*/
  .main-container-inner--links-unten p, .main-container-inner--links-unten span {
    font-size: 1.2rem;
  }

  /*Variations*/
  /*.page--datenschutz .main-container-inner--rechts-rosa{
    margin-top: 510px;
  }*/
  .page--seminare .main-container-inner--rechts-rosa__inner p, .page--datenschutz .main-container-inner--rechts-rosa p {
    font-size: 1rem;
  }

  h1 {
    font-size: 2rem;
    font-weight: 500;
    color: rgb(183, 27, 84);
  }

  .container--datenschutz {
    margin-left: 48px;
    height: 300px;
    overflow-y: scroll;
    width: 70%;
  }

  .container--datenschutz p {
    font-size: 1.2rem;
  }

  .page--datenschutz.main-container-inner--rechts-rosa p, .page--impressum.main-container-inner--rechts-rosa p {
    font-size: 1rem;
  }

  .main-container-inner--links-unten_inner {
    width: 70%;
  }

  .main-container-inner--rechts-rosa__inner {
    width: 80%;
  }

  .page--home .ueberschrift, .page--seminare p.ueberschrift {
    font-size: 1.4rem;
  }

  .page--home .ueberschrift_2 {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .main_inner {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .page--coaching .main-container-inner--rechts-rosa, .page--seminare .main-container-inner--rechts-rosa, .page--qualifikation .main-container-inner--rechts-rosa {
    margin-top: 454.72px;
  }
}
@media screen and (min-width: 1200px) {
  .main-container-inner--links-oben {
    margin-top: 140px;
  }

  .main-container-inner--links-unten_inner {
    width: 80%;
  }

  .main-container-inner--rechts-rosa__inner {
    width: 70%;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .page--home .main-container-inner--links-unten, .page--kontakt .main-container-inner--links-unten, .page--impressum .main-container-inner--links-unten, .page--datenschutz .main-container-inner--links-unten {
    margin-top: 220px;
  }
}
@media screen and (min-width: 1400px) {
  .page--home #main .main-container-inner--rechts-rosa__inner {
    width: 80%;
  }

  .page--home #main .main-container-inner--rechts-rosa__inner p {
    font-size: 1.15rem;
    line-height: 1.4;
  }

  .page--coaching .main-container-inner--rechts-rosa, .page--seminare .main-container-inner--rechts-rosa, .page--qualifikation .main-container-inner--rechts-rosa {
    margin-top: 470.4px;
  }
}
@media screen and (min-width: 1600px) {
  .main-container--home {
    width: 100%;
    height: 838px;
  }

  .main-container-inner--links-oben {
    margin-top: 140px;
  }

  .main-container-inner--rechts-rosa {
    margin-top: 620px;
  }

  .page--home .main-container-inner--rechts-rosa {
    margin-top: 670.4px;
  }

  .page--coaching .main-container-inner--rechts-rosa, .page--seminare .main-container-inner--rechts-rosa, .page--qualifikation .main-container-inner--rechts-rosa {
    margin-top: 561.46px;
  }

  .page--seminare .main-container-inner--rechts-rosa, .page--qualifikation .main-container-inner--rechts-rosa {
    margin-top: 561.46px;
  }

  .page--impressum .main-container-inner--rechts-rosa {
    margin-top: 700px;
  }

  .page--datenschutz .main-container-inner--rechts-rosa {
    margin-top: 720px;
  }

  h1 {
    font-size: 2.5rem;
    font-weight: 500;
    color: rgb(183, 27, 84);
  }
}
@media screen and (min-width: 1920px) {
  .main-container--home {
    width: 100%;
    height: 838px;
  }

  .main-container-inner--links-oben {
    margin-top: 220px;
  }

  .main-container-inner--rechts-rosa {
    margin-top: 690px;
  }

  .page--datenschutz .main-container-inner--rechts-rosa {
    margin-top: 720px;
  }

  h1 {
    font-size: 2.5rem;
    font-weight: 500;
    color: rgb(183, 27, 84);
  }
}
.wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 575px) {
  .wrapper {
    /*margin-left: 24px;
    width: calc(100% - 48px);*/
    /*margin-left: 24px;
    width: calc(100% - 48px);*/
    width: 100%;
  }

  #brand .wrapper, #footer .wrapper {
    margin-left: 24px;
    width: calc(100% - 48px);
  }
}
@media screen and (min-width: 576px) {
  .wrapper {
    /*margin-left: 24px;
    width: calc(100% - 48px);*/
    width: 100%;
  }

  /*#brand .wrapper, #footer .wrapper{
    margin-left: 24px;
    width: calc(100% - 48px);
  }*/
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .wrapper {
    /*margin-left: 24px;
    width: calc(100% - 48px);*/
    width: 100%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  /*.wrapper{
    width: 960px;
  }*/
  /*.wrapper{
    margin-left: 24px;
    width: calc(100% - 48px);
  }*/
  .wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .wrapper {
    margin-left: calc((100% - 1140px) / 2);
    width: 1140px;
  }
}
@media screen and (min-width: 1400px) {
  .wrapper {
    margin-left: calc((100% - 1320px) / 2);
    width: 1320px;
  }
}
@media screen and (min-width: 1600px) {
  .wrapper {
    margin-left: calc((100% - 1540px) / 2);
    width: 1540px;
  }
}
@media screen and (min-width: 1920px) {
  .wrapper {
    margin-left: calc((100% - 1540px) / 2);
    width: 1540px;
  }
}
.container--menu-main {
  position: fixed;
  top: 48px;
  right: 0;
  display: block;
  width: 100%;
}

.menu--main a {
  color: rgb(51, 51, 51);
  text-decoration: none;
}

.menu--main a.active {
  color: rgb(220, 100, 19);
}

.menu--main-lg__inner-container-flex div.active {
  color: rgb(220, 100, 19);
  font-weight: 600;
}

.menu--main-lg__inner-container-flex div:hover {
  color: rgb(230, 177, 197);
  font-weight: 600;
}

.logo {
  height: 36px;
  width: auto;
}

.menu--main-lg__inner-container-flex a, #menu--main-mobile div a {
  text-decoration: none;
}

.menu--main-lg__inner-container-flex a:hover, #menu--main-mobile div a:hover {
  color: rgb(230, 177, 197);
}

.menu--main-lg__inner-container-flex a.active, #menu--main-mobile div a.active {
  color: rgb(220, 100, 19);
}

#menu--main-mobile {
  padding-left: 48px;
}

#menu--main-mobile div {
  font-size: 1.5rem;
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
}

.button--hamburger-container div {
  transition: 2s ease transform;
}

.button--hamburger-container div:nth-child(3) {
  transition: 2s ease background-color;
}

.button--hamburger-container.reverse div {
  background-color: rgb(230, 177, 197);
}

.button--hamburger-container.reverse div:first-child {
  transform: rotate(45deg);
  margin-top: 4px;
  transition: 2s ease transform;
}

.button--hamburger-container.reverse div:nth-child(2) {
  transform: rotate(-45deg);
  margin-top: -8px;
  transition: 2s ease transform;
}

.button--hamburger-container.reverse div:nth-child(3) {
  background-color: #FFFFFF;
  transition: 2s ease background-color;
}

.button--hamburger-container div {
  display: block;
  height: 3px;
  width: 100%;
  background-color: rgb(220, 100, 19);
  margin-bottom: 5px;
}

@media screen and (max-width: 575px) {
  ul.menu--main li {
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  ul.menu--main li {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .menu--main-lg {
    display: none;
  }

  .btn--main-menu__container {
    margin-right: 48px;
    margin-top: 18px;
    display: inline-block;
    width: 36px;
    height: 36px;
  }

  #menu--main-mobile {
    border-top: 2px solid rgb(220, 100, 19);
    /*background-color: color.adjust(rgb(255,150,255), $saturation: 90%);*/
    background-color: white;
  }

  .submenu {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .menu--main-lg__inner-container-flex a, #menu--main-mobile div a {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .menu--main-lg__inner-container {
    padding-right: 12px;
    padding-top: 36px;
    width: 480px;
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .menu--main-lg__inner-container-flex a, #menu--main-mobile div a {
    font-size: 1rem;
  }

  .btn--main-menu {
    display: none;
  }

  .menu--main-lg {
    width: 528px;
  }

  .menu--main-lg__inner-container-flex {
    display: flex;
    justify-content: space-between;
  }

  .menu--main-lg__inner-container-flex .menu--subitem {
    display: none;
  }

  .submenu {
    display: block;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 13;
    right: 0;
    text-align: right;
  }

  .submenu__container {
    display: block;
    width: 100%;
  }

  .submenu__container__inner {
    width: 384px;
    /*480 - 96*/
    float: right;
    display: inline-block;
    margin-right: 48px;
    padding: 5px;
    /*border: 1px solid $pink;*/
    border-top: 1px solid rgb(230, 177, 197);
  }

  .submenu__container__inner__flex {
    display: flex;
    justify-content: space-between;
  }

  .submenu__container__inner .submenu__items {
    /*text-transform: uppercase;*/
    font-size: 1rem;
    display: inline-block;
    color: #CCCCCC;
  }

  .menu-item--galerie {
    /*border-top: 1px solid $pink;
    border-left: 1px solid $pink;
    border-right: 1px solid $pink;
    border-bottom: 1px solid #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;*/
  }

  .submenu__container__inner .submenu__items a {
    color: #CCCCCC;
    text-decoration: none;
  }

  .submenu__container__inner .submenu__items a:hover {
    color: rgb(230, 177, 197);
  }
}
ul.menu--main__sub-menu li a {
  color: #CCCCCC;
}

ul.menu--main__sub-menu:not(.active) {
  display: none;
}

.button--drop-down {
  color: rgb(230, 177, 197);
}

ul.menu--main__sub-menu li {
  text-transform: none;
}

.my_menu_btn.active {
  transform: rotate(90deg);
  transition: rotate 1s;
}

@media screen and (max-width: 767px) {
  .menu-container-outer {
    display: inline-block;
    background-color: rgb(255, 255, 255);
    width: 300px;
    margin-top: 40px;
  }

  ul.menu--main {
    display: block;
    padding: 24px 24px 0 24px;
  }

  .button--drop-down {
    color: #000000;
  }

  ul.menu--main:not(.active) {
    display: none;
  }

  .main-container-inner--links-oben_inner.title--single {
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  ul.menu--main {
    display: flex;
    width: 480px;
    justify-content: space-between;
  }

  ul.menu--main__sub-menu.active {
    display: block;
    position: absolute;
  }

  ul.menu--main__sub-menu.active li {
    width: 120px;
  }

  ul.menu--main li.has-sub-menu {
    position: relative;
    padding-bottom: 6px;
  }

  /*ul.menu--main li.has-sub-menu:hover ul.menu--main__sub-menu{
    display:block;
    position: absolute;
    top: 24px;
    margin-left: 0;
  }*/
}
.main-container-inner--links-unten_inner input, .main-container-inner--links-unten_inner textarea, .main-container-orange-mobile input, .main-container-orange-mobile textarea {
  /*background-color: rgb(220,100,19);*/
  /*background-color: rgb(227,136,97);*/
  background: transparent;
  border: 0;
  padding: 6px;
  font-family: "PT Serif", sans-serif;
  font-size: 1rem;
}

.main-container-inner--links-unten_inner input, .main-container-orange-mobile input {
  width: 95%;
}

input:focus, textarea:focus {
  outline: none !important;
  box-shadow: none;
}

.container--input {
  width: 80%;
  background-color: rgb(227, 136, 97);
  margin-bottom: 6px;
}

.container--contact-form-button {
  width: 80%;
}

.main-container-inner--links-unten_inner input::placeholder, .main-container-inner--links-unten_inner textarea::placeholder, .main-container-orange-mobile input::placeholder, .main-container-orange-mobile textarea::placeholder {
  color: #FFFFFF;
  font-family: "PT Serif", sans-serif;
  font-style: italic;
}

.main-container-inner--links-unten_inner button.versenden, .main-container-orange-mobile button.versenden {
  background-color: rgb(250, 226, 208);
  border: 0;
  padding: 4px;
  color: rgb(183, 27, 84);
  font-family: "PT Serif";
  font-style: italic;
}

@media screen and (max-width: 575px) {
  .main-container-inner--links-oben {
    margin-top: 60px;
    padding-top: 20px;
    background: url(/assets/images/Mechtild_Website_mobil_1_cropped_oben.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
    height: 75.7716049383vw;
    /*w 640 h 498 so i need to get a fraction*/
  }

  .page--coaching .main-container-inner--links-oben {
    background: url(/assets/images/Mechtild_mobil_Coaching_cropped.jpg) center top no-repeat;
    background-size: cover;
  }

  .page--seminare .main-container-inner--links-oben {
    background: url(/assets/images/Mechtild_mobil_Seminare_cropped.jpg) center top no-repeat;
    background-size: cover;
  }

  .page--qualifikation .main-container-inner--links-oben {
    background: url(/assets/images/Mechtild_mobil_Qualifikation_cropped.jpg) center top no-repeat;
    background-size: cover;
  }

  .page--impressum .main-container-inner--links-oben {
    background: url(/assets/images/Mechtild_mobil_Impressum_cropped.jpg) center top no-repeat;
    background-size: cover;
  }

  .page--kontakt .main-container-inner--links-oben {
    background: url(/assets/images/Mechtild_mobil_Kontakt_cropped.jpg) center top no-repeat;
    background-size: cover;
  }

  .page--datenschutz .main-container-inner--links-oben {
    background: url(/assets/images/Mechtild_mobil_Datenschutz_cropped.jpg) center top no-repeat;
    background-size: cover;
  }

  .page--error .main-container-inner--links-oben {
    background: url(/assets/images/Mechtild_mobil_Fehler_404_cropped.jpg) center top no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .main-container-inner--links-oben {
    margin-top: 60px;
    padding-top: 20px;
    background: url(/assets/images/Mechtild_Website_mobil_1_cropped_oben.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
    height: 75.7716049383vw;
    /*w 640 h 498 so i need to get a fraction*/
  }

  .page--coaching .main-container-inner--links-oben {
    background: url(/assets/images/Mechtild_mobil_Coaching_cropped.jpg) center top no-repeat;
    background-size: cover;
  }

  .page--seminare .main-container-inner--links-oben {
    background: url(/assets/images/Mechtild_mobil_Seminare_cropped.jpg) center top no-repeat;
    background-size: cover;
  }

  .page--qualifikation .main-container-inner--links-oben {
    background: url(/assets/images/Mechtild_mobil_Qualifikation_cropped.jpg) center top no-repeat;
    background-size: cover;
  }

  .page--impressum .main-container-inner--links-oben {
    background: url(/assets/images/Mechtild_mobil_Impressum_cropped.jpg) center top no-repeat;
    background-size: cover;
  }

  .page--kontakt .main-container-inner--links-oben {
    background: url(/assets/images/Mechtild_mobil_Kontakt_cropped.jpg) center top no-repeat;
    background-size: cover;
  }

  .page--datenschutz .main-container-inner--links-oben {
    background: url(/assets/images/Mechtild_mobil_Datenschutz_cropped.jpg) center top no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-container--home {
    background: url(/assets/images/Mechtild_Website_fond.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    display: block;
    width: 100%;
    height: 700px;
    background-size: cover;
  }

  .page--coaching .main-container--home {
    display: block;
    width: 100%;
    height: 700px;
    background: url(/assets/images/Mechtild_Website_coaching.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }

  .page--qualifikation .main-container--home {
    display: block;
    width: 100%;
    height: 700px;
    background: url(/assets/images/Mechtild_Website_qualifikation.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }

  .page--seminare .main-container--home {
    display: block;
    width: 100%;
    height: 700px;
    background: url(/assets/images/Mechtild_Website_seminare_2a.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }

  .page--datenschutz .main-container--home {
    display: block;
    width: 100%;
    height: 700px;
    background: url(/assets/images/Mechtild_Website_datenschutz.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }

  .page--impressum .main-container--home {
    display: block;
    width: 100%;
    height: 700px;
    background: url(/assets/images/Mechtild_Website_impressum.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }

  .page--kontakt .main-container--home {
    display: block;
    width: 100%;
    height: 700px;
    background: url(/assets/images/Mechtild_Website_kontakt.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }

  .page--error .main-container--home {
    display: block;
    width: 100%;
    height: 700px;
    background: url(/assets/images/Mechtild_Website_Fehler_404.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }
}
@media screen and (min-width: 1024px) {
  .main-container--home {
    background: url(/assets/images/Mechtild_Website_fond.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    display: block;
    width: 100%;
    height: 700px;
    background-size: cover;
  }

  .page--coaching .main-container--home {
    background: url(/assets/images/Mechtild_Website_coaching.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }

  .page--qualifikation .main-container--home {
    background: url(/assets/images/Mechtild_Website_qualifikation.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }

  .page--seminare .main-container--home {
    background: url(/assets/images/Mechtild_Website_seminare_2a.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }

  .page--datenschutz .main-container--home {
    background: url(/assets/images/Mechtild_Website_datenschutz.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }

  .page--impressum .main-container--home {
    background: url(/assets/images/Mechtild_Website_impressum.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }

  .page--kontakt .main-container--home {
    background: url(/assets/images/Mechtild_Website_kontakt.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }

  .page--error .main-container--home {
    background: url(/assets/images/Mechtild_Website_Fehler_404.jpg) center top no-repeat;
    /*2410 x 1074 = 1280 570 (53,5%) 1440 * 641 59% */
    background-size: cover;
  }
}
@media screen and (min-width: 1600px) {
  .main-container--home {
    height: 838px;
  }
}
div[class^=grid-container], div[class*=" grid-container"] {
  display: grid;
  column-gap: 12px;
}

.row {
  margin-bottom: 12px;
}

.grid-container--cols-100 {
  grid-template-columns: 1fr;
}

.grid-container--cols-90-10 {
  grid-template-columns: 9fr 1fr;
}

.grid-container--cols-85-15 {
  grid-template-columns: 85fr 15fr;
}

.grid-container--cols-80-20 {
  grid-template-columns: 8fr 2fr;
}

.grid-container--cols-75-25 {
  grid-template-columns: 75fr 25fr;
}

.grid-container--cols-70-30 {
  grid-template-columns: 7fr 3fr;
}

.grid-container--cols-65-35 {
  grid-template-columns: 65fr 35fr;
}

.grid-container--cols-60-40 {
  grid-template-columns: 6fr 4fr;
}

.grid-container--cols-55-45 {
  grid-template-columns: 55fr 45fr;
}

.grid-container--cols-50-50 {
  grid-template-columns: 1fr 1fr;
}

.grid-container--cols-45-55 {
  grid-template-columns: 45fr 55fr;
}

.grid-container--cols-40-60 {
  grid-template-columns: 4fr 6fr;
}

.grid-container--cols-35-65 {
  grid-template-columns: 35fr 65fr;
}

.grid-container--cols-30-70 {
  grid-template-columns: 3fr 7fr;
}

.grid-container--cols-25-75 {
  grid-template-columns: 1fr 3fr;
}

.grid-container--cols-20-80 {
  grid-template-columns: 2fr 8fr;
}

.grid-container--cols-15-85 {
  grid-template-columns: 15fr 85fr;
}

.grid-container--cols-10-90 {
  grid-template-columns: 1fr 9fr;
}

.grid-container--cols-33-33-33 {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-container--cols-25-50-25 {
  grid-template-columns: 1fr 2fr 1fr;
}

.grid-container--cols-30-40-20-10 {
  grid-template-columns: 3fr 4fr 2fr 1fr;
}

.grid-container--cols-25-25-25-25 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-container--cols-20-20-20-20-20 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-container--cols-2er-image-left img {
  box-shadow: 32px -32px rgb(100, 179, 232);
}

.grid-container--cols-2er-image-right img {
  box-shadow: -32px 32px rgb(255, 130, 0);
}

@media screen and (max-width: 767px) {
  .grid-container--cols-2er-image-right div:nth-child(2) {
    margin-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .grid-container--cols-2er-image-right div:nth-child(1) {
    order: 2;
  }

  .grid-container--cols-2er-image-right div:nth-child(2) {
    order: 1;
  }
}
@media screen and (max-width: 575px) {
  .grid-container--cols-xs-100 {
    grid-template-columns: 1fr;
  }

  .grid-container--cols-xs-90-10 {
    grid-template-columns: 9fr 1fr;
  }

  .grid-container--cols-xs-85-15 {
    grid-template-columns: 85fr 15fr;
  }

  .grid-container--cols-xs-80-20 {
    grid-template-columns: 8fr 2fr;
  }

  .grid-container--cols-xs-75-25 {
    grid-template-columns: 75fr 25fr;
  }

  .grid-container--cols-xs-70-30 {
    grid-template-columns: 7fr 3fr;
  }

  .grid-container--cols-xs-65-35 {
    grid-template-columns: 65fr 35fr;
  }

  .grid-container--cols-xs-60-40 {
    grid-template-columns: 6fr 4fr;
  }

  .grid-container--cols-xs-55-45 {
    grid-template-columns: 55fr 45fr;
  }

  .grid-container--cols-xs-50-50 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-container--cols-xs-45-55 {
    grid-template-columns: 45fr 55fr;
  }

  .grid-container--cols-xs-40-60 {
    grid-template-columns: 4fr 6fr;
  }

  .grid-container--cols-xs-35-65 {
    grid-template-columns: 35fr 65fr;
  }

  .grid-container--cols-xs-30-70 {
    grid-template-columns: 3fr 7fr;
  }

  .grid-container--cols-xs-25-75 {
    grid-template-columns: 1fr 3fr;
  }

  .grid-container--cols-xs-20-80 {
    grid-template-columns: 2fr 8fr;
  }

  .grid-container--cols-xs-15-85 {
    grid-template-columns: 15fr 85fr;
  }

  .grid-container--cols-xs-10-90 {
    grid-template-columns: 1fr 9fr;
  }

  .grid-container--cols-xs-33-33-33 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-container--cols-xs-25-50-25 {
    grid-template-columns: 1fr 2fr 1fr;
  }

  .grid-container--cols-xs-30-40-20-10 {
    grid-template-columns: 3fr 4fr 2fr 1fr;
  }

  .grid-container--cols-xs-25-25-25-25 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid-container--cols-xs-20-20-20-20-20 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-container--cols-xs-100 {
    column-gap: 0;
    row-gap: 12px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .grid-container--cols-sm-100 {
    column-gap: 0;
  }

  .grid-container--cols-sm-100 {
    grid-template-columns: 1fr;
  }

  .grid-container--cols-sm-90-10 {
    grid-template-columns: 9fr 1fr;
  }

  .grid-container--cols-sm-85-15 {
    grid-template-columns: 85fr 15fr;
  }

  .grid-container--cols-sm-80-20 {
    grid-template-columns: 8fr 2fr;
  }

  .grid-container--cols-sm-75-25 {
    grid-template-columns: 75fr 25fr;
  }

  .grid-container--cols-sm-70-30 {
    grid-template-columns: 7fr 3fr;
  }

  .grid-container--cols-sm-65-35 {
    grid-template-columns: 65fr 35fr;
  }

  .grid-container--cols-sm-60-40 {
    grid-template-columns: 6fr 4fr;
  }

  .grid-container--cols-sm-55-45 {
    grid-template-columns: 55fr 45fr;
  }

  .grid-container--cols-sm-50-50 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-container--cols-sm-45-55 {
    grid-template-columns: 45fr 55fr;
  }

  .grid-container--cols-sm-40-60 {
    grid-template-columns: 4fr 6fr;
  }

  .grid-container--cols-sm-35-65 {
    grid-template-columns: 35fr 65fr;
  }

  .grid-container--cols-sm-30-70 {
    grid-template-columns: 3fr 7fr;
  }

  .grid-container--cols-sm-25-75 {
    grid-template-columns: 1fr 3fr;
  }

  .grid-container--cols-sm-20-80 {
    grid-template-columns: 2fr 8fr;
  }

  .grid-container--cols-sm-15-85 {
    grid-template-columns: 15fr 85fr;
  }

  .grid-container--cols-sm-10-90 {
    grid-template-columns: 1fr 9fr;
  }

  .grid-container--cols-sm-33-33-33 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-container--cols-sm-25-50-25 {
    grid-template-columns: 1fr 2fr 1fr;
  }

  .grid-container--cols-sm-30-40-20-10 {
    grid-template-columns: 3fr 4fr 2fr 1fr;
  }

  .grid-container--cols-sm-25-25-25-25 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid-container--cols-sm-20-20-20-20-20 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid-container--cols-md-100 {
    grid-template-columns: 1fr;
  }

  .grid-container--cols-md-90-10 {
    grid-template-columns: 9fr 1fr;
  }

  .grid-container--cols-md-85-15 {
    grid-template-columns: 85fr 15fr;
  }

  .grid-container--cols-md-80-20 {
    grid-template-columns: 8fr 2fr;
  }

  .grid-container--cols-md-75-25 {
    grid-template-columns: 75fr 25fr;
  }

  .grid-container--cols-md-70-30 {
    grid-template-columns: 7fr 3fr;
  }

  .grid-container--cols-md-65-35 {
    grid-template-columns: 65fr 35fr;
  }

  .grid-container--cols-md-60-40 {
    grid-template-columns: 6fr 4fr;
  }

  .grid-container--cols-md-55-45 {
    grid-template-columns: 55fr 45fr;
  }

  .grid-container--cols-md-50-50 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-container--cols-md-45-55 {
    grid-template-columns: 45fr 55fr;
  }

  .grid-container--cols-md-40-60 {
    grid-template-columns: 4fr 6fr;
  }

  .grid-container--cols-md-35-65 {
    grid-template-columns: 35fr 65fr;
  }

  .grid-container--cols-md-30-70 {
    grid-template-columns: 3fr 7fr;
  }

  .grid-container--cols-md-25-75 {
    grid-template-columns: 1fr 3fr;
  }

  .grid-container--cols-md-20-80 {
    grid-template-columns: 2fr 8fr;
  }

  .grid-container--cols-md-15-85 {
    grid-template-columns: 15fr 85fr;
  }

  .grid-container--cols-md-10-90 {
    grid-template-columns: 1fr 9fr;
  }

  .grid-container--cols-md-33-33-33 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-container--cols-md-25-50-25 {
    grid-template-columns: 1fr 2fr 1fr;
  }

  .grid-container--cols-md-30-40-20-10 {
    grid-template-columns: 3fr 4fr 2fr 1fr;
  }

  .grid-container--cols-md-25-25-25-25 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid-container--cols-md-20-20-20-20-20 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-container--cols-md-100 {
    column-gap: 0;
  }

  .grid-container--cols-2er-image-left div:nth-child(2) {
    padding-left: 48px;
  }

  .grid-container--cols-2er-image-left div:nth-child(1) img {
    margin-top: 48px;
  }

  .grid-container--cols-2er-image-right div:nth-child(2) {
    padding-right: 48px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .grid-container--cols-lg-100 {
    grid-template-columns: 1fr;
  }

  .grid-container--cols-lg-90-10 {
    grid-template-columns: 9fr 1fr;
  }

  .grid-container--cols-lg-85-15 {
    grid-template-columns: 85fr 15fr;
  }

  .grid-container--cols-lg-80-20 {
    grid-template-columns: 8fr 2fr;
  }

  .grid-container--cols-lg-75-25 {
    grid-template-columns: 75fr 25fr;
  }

  .grid-container--cols-lg-70-30 {
    grid-template-columns: 7fr 3fr;
  }

  .grid-container--cols-lg-65-35 {
    grid-template-columns: 65fr 35fr;
  }

  .grid-container--cols-lg-60-40 {
    grid-template-columns: 6fr 4fr;
  }

  .grid-container--cols-lg-55-45 {
    grid-template-columns: 55fr 45fr;
  }

  .grid-container--cols-lg-50-50 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-container--cols-lg-45-55 {
    grid-template-columns: 45fr 55fr;
  }

  .grid-container--cols-lg-40-60 {
    grid-template-columns: 4fr 6fr;
  }

  .grid-container--cols-lg-35-65 {
    grid-template-columns: 35fr 65fr;
  }

  .grid-container--cols-lg-30-70 {
    grid-template-columns: 3fr 7fr;
  }

  .grid-container--cols-lg-25-75 {
    grid-template-columns: 1fr 3fr;
  }

  .grid-container--cols-lg-20-80 {
    grid-template-columns: 2fr 8fr;
  }

  .grid-container--cols-lg-15-85 {
    grid-template-columns: 15fr 85fr;
  }

  .grid-container--cols-lg-10-90 {
    grid-template-columns: 1fr 9fr;
  }

  .grid-container--cols-lg-33-33-33 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-container--cols-lg-25-50-25 {
    grid-template-columns: 1fr 2fr 1fr;
  }

  .grid-container--cols-lg-30-40-20-10 {
    grid-template-columns: 3fr 4fr 2fr 1fr;
  }

  .grid-container--cols-lg-25-25-25-25 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid-container--cols-lg-20-20-20-20-20 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-container--cols-lg-100 {
    column-gap: 0;
  }

  .grid-container--cols-2er-image-left div:nth-child(2) {
    padding-left: 48px;
  }

  .grid-container--cols-2er-image-left div:nth-child(1) img {
    margin-top: 48px;
  }

  .grid-container--cols-2er-image-right div:nth-child(2) {
    padding-right: 48px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .grid-container--cols-xl-100 {
    grid-template-columns: 1fr;
  }

  .grid-container--cols-xl-90-10 {
    grid-template-columns: 9fr 1fr;
  }

  .grid-container--cols-xl-85-15 {
    grid-template-columns: 85fr 15fr;
  }

  .grid-container--cols-xl-80-20 {
    grid-template-columns: 8fr 2fr;
  }

  .grid-container--cols-xl-75-25 {
    grid-template-columns: 75fr 25fr;
  }

  .grid-container--cols-xl-70-30 {
    grid-template-columns: 7fr 3fr;
  }

  .grid-container--cols-xl-65-35 {
    grid-template-columns: 65fr 35fr;
  }

  .grid-container--cols-xl-60-40 {
    grid-template-columns: 6fr 4fr;
  }

  .grid-container--cols-xl-55-45 {
    grid-template-columns: 55fr 45fr;
  }

  .grid-container--cols-xl-50-50 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-container--cols-xl-45-55 {
    grid-template-columns: 45fr 55fr;
  }

  .grid-container--cols-xl-40-60 {
    grid-template-columns: 4fr 6fr;
  }

  .grid-container--cols-xl-35-65 {
    grid-template-columns: 35fr 65fr;
  }

  .grid-container--cols-xl-30-70 {
    grid-template-columns: 3fr 7fr;
  }

  .grid-container--cols-xl-25-75 {
    grid-template-columns: 1fr 3fr;
  }

  .grid-container--cols-xl-20-80 {
    grid-template-columns: 2fr 8fr;
  }

  .grid-container--cols-xl-15-85 {
    grid-template-columns: 15fr 85fr;
  }

  .grid-container--cols-xl-10-90 {
    grid-template-columns: 1fr 9fr;
  }

  .grid-container--cols-xl-33-33-33 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-container--cols-xl-25-50-25 {
    grid-template-columns: 1fr 2fr 1fr;
  }

  .grid-container--cols-xl-30-40-20-10 {
    grid-template-columns: 3fr 4fr 2fr 1fr;
  }

  .grid-container--cols-xl-25-25-25-25 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid-container--cols-xl-20-20-20-20-20 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-container--cols-xl-100 {
    column-gap: 0;
  }

  .grid-container--cols-2er-image-left div:nth-child(1) img {
    margin-top: 48px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
  .grid-container--cols-2er-image-left div:nth-child(1) img {
    margin-top: 48px;
  }
}
@media screen and (max-width: 767px) {
  .grid--container--md-down-no-gap {
    column-gap: 0;
  }
}
@media screen and (min-width: 1024px) {
  .grid--container--lg-up-no-gap {
    column-gap: 0;
  }
}
#footer a {
  color: rgb(51, 51, 51);
  text-decoration: none;
}

#footer a:hover {
  color: rgb(183, 27, 84);
}

#footer span, #footer a {
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .footer__outer {
    width: 100%;
  }

  #footer {
    display: flex;
    justify-content: center;
  }

  .footer {
    width: 100%;
  }

  .footer__link-impressum {
    text-align: right;
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  footer span.footer__links {
    padding-left: 12px;
  }

  .footer__link-impressum {
    padding-right: 12px;
  }
}
@media screen and (max-width: 575px) {
  .footer__links {
    display: block;
    margin: 0 0 3px 0;
    padding: 0;
    line-height: 1.2;
  }

  .footer__dots {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  footer span.footer__links {
    padding-left: 12px;
  }

  .footer__link-impressum {
    padding-right: 12px;
  }

  .footer__link-impressum {
    text-align: right;
    font-size: 0.8rem;
  }

  #footer span, #footer a {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .footer__outer {
    width: 100%;
  }

  #footer {
    display: flex;
    justify-content: center;
  }

  .footer {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer__outer {
    width: 1140px;
  }

  #footer {
    display: flex;
    justify-content: center;
  }

  .footer {
    width: 100%;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
  .footer__outer {
    width: 1320px;
  }

  #footer {
    display: flex;
    justify-content: center;
  }

  .footer {
    width: 100%;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .footer__outer {
    width: 1540px;
  }

  #footer {
    display: flex;
    justify-content: center;
  }

  .footer {
    width: 100%;
  }
}
#brand {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
}

.container--brand {
  display: flex;
  justify-content: center;
}

#brand a {
  font-weight: 300;
  text-decoration: none;
}

#brand a.active {
  color: rgb(220, 100, 19);
}

.top {
  text-align: right;
}

@media screen and (max-width: 575px) {
  .container--brand__inner {
    width: 100%;
  }

  .top {
    width: 100%;
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .container--brand__inner {
    width: 100%;
  }

  .top {
    width: 100%;
    display: block;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .container--brand__inner {
    width: 100%;
  }

  .top {
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 575px) {
  .hide--xs {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .hide--sm {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hide--md {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .hide--lg {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .hide--md-up {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .hide--lg-up {
    display: none;
  }
}

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