@font-face {
  font-family: "HALTimezone";
  src: url("../fonts/HALTimezone-Regular.woff") format("woff");
}

@font-face {
  font-family: "HALTimezonePJVF";
  src: url("../fonts/HALTimezone-PJVF.woff") format("woff");
}

/* TEST */

html {
  scroll-behavior: smooth;
}



* {
  font-size: 20px;
  font-family: HALTimezone;
  box-sizing: border-box;
  border-style: none;
  margin: 0;
  padding: 0;
}

* body{
  margin: 0 !important;
  padding: 0 !important;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100vw;
}

h2 {
  font-weight: 400;
  text-align: center;
  font-size: 1rem;
  letter-spacing: 4.5px;
  font-variant: small-caps;
  margin-bottom: 5rem;
}

span{
  font-size: 1rem;
}

p a span details {
  font-size: 1rem;
  letter-spacing: 1.175px;
  line-height: 1.4rem;
}

h1 {
  text-align: center;
  font-size: 1rem;
  letter-spacing: 1.175px;
  line-height: 1.4rem;
}

p {
  text-align: center;
  font-size: 1rem;
  letter-spacing: 1.175px;
  line-height: 1.4rem;
}

a {
  color: black;
  text-decoration: none;
  transition: all .9s ease-in-out;
}

  a:hover{
    color: red;
    transition: all .3s ease-in-out !important;
  }


br {
    display: block;
    content: "";
    margin: 0 1px;
}

input {
  z-index: -2;
  opacity: 0;
  position: absolute;
  top: -2;
  right: -2;
}

/*##########*/
/*---Logo---*/
/*##########*/

.caption-bug-fix {
  margin-bottom: 0% !important;
}

.logo {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*margin-top: -5vh;*/
  z-index: 99;
  position: relative;
}

.logoLink {
  position:absolute;
  width:100%;
  height:100%;
  top: 0;
  left: 0;

  z-index: 99;

  /* fixes overlap error in IE7/8,
     make sure you have an empty gif */
  background-image: url('../images/empty.gif');
}

  .logo p {
    font-size: 20px;
    font-family: HALTimezonePJVF !important;
    line-height: 2rem;
    margin: 0;
    /* margin-top: 0.58rem; */
    margin-bottom: -0.5rem;
    font-variant: small-caps;
    font-weight: 550 !important; /*700*/
    letter-spacing: 0.198rem;
  }

  .logo .line1{
    /**/
  }

    .logo .in{
      vertical-align: super;
      font-variant: normal;
      font-size: 0.89rem;
      margin-right: 0.2rem;

    }

    .logo .K-L-Spacing {
      margin: 0;
      margin-right: 0.05rem;
    }

  .logo .line2 {
    margin-top: 0;
    margin-bottom: 0.3rem;
  }

    .logo .logo-Supervision {
      letter-spacing: 0.193rem;
    }

    .logo .und{
      margin-left: 0.075rem;
      margin-right: 0.05rem;
    }

/*############*/
/*---NavBar---*/
/*############*/

/*
--Impresum
#supervisionUndCoachingID
#beratungsleistungenID
#arbeitsschwerpunkteID
#qualifikationenID
#referenzenID
#arbeitsweiseID
--Praxis
--*Portrait*
--*Footer*
*/

/*-----------*/

.caption-container {
  margin-bottom: 30px;
}


header{
  position: sticky;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(255, 255, 255, 1) 50%, 75%, rgba(255, 255, 255, 0.0) 100%);
  z-index: 2;
}

li{
  list-style: none;
}



.EMPTY1{
  width: 50px;
  opacity: 0;
  z-index: -99;
}

.navbar{
  /*min-height: 5vh;*/
  height: 10vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 24px;
  z-index: 99;
}

.bar{
  display: block;
  width: 50px;
  height: 1px;
  margin: 20px auto;
  transition: all 0.3s ease-in-out;
  background-color: black;
}

.nav-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20% 0 0 0;
  position: fixed;
  left: 0;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.90);
  width: 100%;
  text-align: center;
  transition: 0.5s;
  opacity: 0;
  top: 0vh;
  z-index: -99 !important;
  height: 100vh; /**??**/
  padding: 27vh auto 5vh auto;
  visibility: hidden;
}

  .nav-menu.active{
    opacity: 1;
    z-index: 2;

    visibility: visible;

  }

  .nav-item{
    margin: 0.5em 0;
  }

  .navbar footer {
    margin-top: 0vh;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: break-word;
    justify-content: flex-end;

    height: 10vh;
    margin-top: 20vh;
    margin-bottom: 0;
    width: 80vw;
  }

      .navbar footer p {
        overflow-wrap: break-word;
      }



.hamburger{
  cursor: pointer;
  display: block;
  z-index: 99;

}

  .hamburger.active .bar:nth-child(2){
    opacity: 0;
  }

  .hamburger.active .bar:nth-child(1){
    transform: translateY(21px) rotate(45deg);
  }

  .hamburger.active .bar:nth-child(3){
    transform: translateY(-21px) rotate(-45deg);
  }

  /*#######################*/
  /*---container-elements--*/
  /*#######################*/

  .heading{
    grid-column-start: 2;
    grid-column-end: 12;
    margin-top: 15rem;

    padding-top: 10vh; /*bc:nav*/

  }

  .grid-container {
    display: grid;
    grid-template-columns: repeat(12, 6.6145833333333%);

    grid-column-gap: 1.5625%;
    justify-content: center;

    overflow: hidden; /*Safari 15.3 clip fallback */
    overflow: clip;
    position: relative;
    margin-top: -10rem;
    height: 100%;

  }



  .sub-sub-grid-container {
    display: grid;
    grid-template-columns: repeat(5, 16.9%);
    grid-column-gap: 3.8952%;
    justify-content: center;
    height: auto;


    margin: 0px 0px;
  }

  .s-s-g-c-links{
    grid-column-start: 1;
    grid-column-end: 6;

    grid-template-rows: auto 99%;
  }

  .s-s-g-c-rechts{
    grid-column-start: 6;
    grid-column-end: 11;

    grid-template-rows: auto 99%;
  }


  .Sub-Grid {
    display: grid;
    grid-template-columns: 21.24% 5.02% 73.74%;
    justify-content: center;
    width: 100%;
    margin: 0px;
  }

  .Sub-Grid p {
    margin-bottom: 10%;
  }

  .Auflistungszeichen {
    width: 100%;
    height: 1px;
    vertical-align: top;
    margin-top: calc(0.51rem + 0.5rem);
    line-height: 1.7;
  }

/*########################*/
/*---Background-Splines---*/
/*########################*/

svg {
  z-index: -99;
}

.path-container {
  --pathWidth: 2500px;
  width: var(--pathWidth);
  margin-left: calc(50% - var(--pathWidth) / 2);
  position: absolute;
  z-index: -99;
  height: 100%;
  margin: 0;
  overflow: hidden;
  display: block;
  transition: ease all .8s;
  transform: translate(0, 100px);
}

.background-path {
  position: absolute !important;
}



@media only screen and (max-width: 9999px) {
  .path-container {
    --pathWidth: 2500px;
    width: var(--pathWidth);
    margin-left: calc(50% - var(--pathWidth) / 2);
  }
}

@media only screen and (max-width: 3222px) {
  .path-container {
    --pathWidth: 3000px;
    width: var(--pathWidth);
    margin-left: calc(50% - var(--pathWidth) / 2);
  }
}

@media only screen and (max-width: 2777px) {
  .path-container {
    --pathWidth: 2500px;
    width: var(--pathWidth);
    margin-left: calc(50% - var(--pathWidth) / 2);
  }
}

@media only screen and (max-width: 2222px) {
  .path-container {
    --pathWidth: 2000px;
    width: var(--pathWidth);
    margin-left: calc(50% - var(--pathWidth) / 2);
  }
}

@media only screen and (max-width: 2000px) {
  .path-container {
    --pathWidth: 1900px;
    width: var(--pathWidth);
    margin-left: calc(50% - var(--pathWidth) / 2);
  }
}

@media only screen and (max-width: 1888px) {
  .path-container {
    --pathWidth: 1700px;
    width: var(--pathWidth);
    margin-left: calc(50% - var(--pathWidth) / 2);
  }

}

@media only screen and (max-width: 1500px) {
  .path-container {
    --pathWidth: 1400px;
    width: var(--pathWidth);
    margin-left: calc(50% - var(--pathWidth) / 2);
  }
}

@media only screen and (max-width: 1200px) {
  .path-container {
    --pathWidth: 1100px;
    width: var(--pathWidth);
    margin-left: calc(50% - var(--pathWidth) / 2);
  }
}


@media only screen and (max-width: 888px) {
  .path-container {
    --pathWidth: 830px;
    width: var(--pathWidth);
    margin-left: calc(50% - var(--pathWidth) / 2);
  }
}


@media only screen and (max-width: 420px) {
  .path-container {
    --pathWidth: 400px;
    width: var(--pathWidth);
    margin-left: calc(50% - var(--pathWidth) / 2);
  }
}

@media only screen and (max-width: 390px) {
  .path-container {
    --pathWidth: 380px;
    width: var(--pathWidth);
    margin-left: calc(50% - var(--pathWidth) / 2);
  }
}


@media only screen and (max-width: 899px), (max-height: 400px) {
  .w800 {
    visibility: visible;
    opacity: 1;
    height: 100%;
    width: 100%;
    position: relative;
  }
  .w1200 {
    visibility: hidden;
    opacity: 0;
    height: 0%;
    width: 0%;
    position: absolute;
  }
}

@media only screen and (min-width: 900px) and (max-width: 1199px), (max-height: 650px) {
  .w800 {
    visibility: hidden;
    opacity: 0;
    height: 0%;
    width: 0%;
    position: absolute;
  }

  .w1200 {
    visibility: visible;
    opacity: 1;
    height: 100%;
    width: 100%;
    position: relative;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1999px) {
  .mid {
    visibility: visible;
    opacity: 1;
    height: 100%;
    width: 100%;
    position: relative;
    transform: translateZ(0);
  }
  .max {
    visibility: hidden;
    opacity: 0;
    height: 0%;
    width: 0%;
    position: absolute;
  }
}

@media only screen and (min-width: 2000px) and (max-width: 9999px) {
  .max {
    visibility: visible;
    opacity: 1;
    height: 100%;
    width: 100%;
    position: relative;
  }
  .mid {
    visibility: hidden;
    opacity: 0;
    height: 0%;
    width: 0%;
    position: absolute;
    transform: translateZ(0);
  }
}


  .path-1 {
    grid-column-start: 1;
    grid-column-end: 13;
    grid-row-start: 1;
    grid-row-end: 3;

    z-index: -99;
  }

  .path-2 {
    grid-column-start: 1;
    grid-column-end: 13;
    grid-row-start: 3;
    grid-row-end: 4;
    z-index: -99
  }

  .path-3 {
    grid-column-start: 1;
    grid-column-end: 13;
    grid-row-start: 4;
    grid-row-end: 99;
    z-index: -99;

    height: 100%;
  }

.desktop svg{
  opacity: 1;
}

.mobile svg{
  opacity: 0;
  visibility: 0;
  height: 0;
  width: 0;
}



/*#############*/
/*°°°°°°°°°°°°°*/
/*---Content---*/
/*°°°°°°°°°°°°°*/
/*#############*/

.mobile-hide {
  width: 100%;
  height: 100%;
  visibility: 1;
  opacity: 1;
}

.mobile-show {
  width: 0;
  height: 0;
  visibility: 0;
  opacity: 0;
  z-index: -2;
}

@media only screen and (max-width: 9999px) {

  .Impresum {
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 1;
    grid-row-end: 2;
    height: 100vh; /*!!!!!!!!*/
  }

  .Impresum .container {
    text-align: right !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 39vh 0 49vh 0;
  }

  .Impresum a {
    text-align: right !important;
    vertical-align: middle;
    letter-spacing: 4.5px;
    font-variant: small-caps;
  }

  .Impresum p {
    text-align: right !important;
    vertical-align: middle;
    letter-spacing: 4.5px;
    font-variant: small-caps;
  }

  /*###########*/
  /*Supervision*/
  /*###########*/

  .Supervision {
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 3;

    text-align: center;
    margin-top: 0;
    margin-bottom: 5rem;

    padding-top: 10vh; /*bc: nav-spacing*/
  }

  .Supervision-content-container {
    grid-row-start: 3;
    grid-row-end: 4;
  }

    /*Supervision-bietet*/

      .Supervision-bietet {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 2;

        text-align: center;

        padding-bottom: 5rem !important;
      }

      .Supervision-bietet .Accordion-container {
        width: 100%;
        /*display: flex;*/
        flex-direction: column;
        z-index: 99;
      }

      .Supervision-bietet .Accordion-container p {
        margin-top: 0px;
        padding: 0 10%
      }

      .Supervision-bietet .Accordion-container img {
        width: 1.5rem;
      }

      .Supervision-bietet .Accordion-container label{
        cursor: pointer;
        transition: 150ms all;
        padding-left: 26.26%;
      }

      .Supervision-bietet .Accordion-container label .caption-container {
        padding-left: 26.26%;
      }

      .Supervision-bietet input {
        position: absolute;
        z-index: -1;
        opacity: 0;
      }

      .Supervision-bietet .Accordion-container span{
        transition: all 0.9s ease-in-out;
      }

      .Supervision-bietet .Accordion-container:hover span{
        color: red;
        transition: all .3s ease-in-out !important;
      }

      .Supervision-bietet .Accordion-container input:checked ~ label img {
        transform: rotate(180deg);
      }

      .Supervision-bietet .Accordion-container input:checked ~ .hidden-content {
        opacity: 100;
        transform: translate(0, 1%);
        height: auto;
        transition: 350ms all;
        margin-bottom: 2rem;
      }

      .Supervision-bietet .Accordion-container input:checked ~ .test-svg{
        transform: scale(1,2);
      }

      .Supervision-bietet .Accordion-container .hidden-content {
        position: relative;
        z-index: 1;
        transform: translate(0, -1%);
        height: 0px;
        opacity: 0;
        transition: 350ms all;
        overflow: hidden;

        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 2;
      }

      .Supervision-bietet .Sub-Grid-Accordion-links {
        grid-template-rows: repeat(4, auto);
      }

    /*Supervision-ermöglicht*/

      .Supervision-ermöglicht {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 2;
        grid-row-end: 3;

        text-align: center;
      }

      .Supervision-ermöglicht .Accordion-container {
        width: 100%;
        /*display: flex;*/
        flex-direction: column;
        z-index: 2;
      }

      .Supervision-ermöglicht .Accordion-container p {
        margin-top: 0px;
        padding: 0 10%;
      }

      .Supervision-ermöglicht .Accordion-container img {
        width: 1.5rem;
      }

      .Supervision-ermöglicht .Accordion-container label{
        cursor: pointer;
        transition: 150ms all;
        padding-left: 26.26%;
      }

      .Supervision-ermöglicht .Accordion-container label .caption-container {
        padding-left: 26.26%;
      }

      .Supervision-ermöglicht input {
        position: absolute;
        z-index: -1;
        opacity: 0;
      }

      .Supervision-ermöglicht .Accordion-container span{
        transition: all .9s ease-in-out;
      }

      .Supervision-ermöglicht .Accordion-container:hover span{
        color: red;
        transition: all .3s ease-in-out !important;
        /*transform: translateY(1rem);*/
      }



      .Supervision-ermöglicht .Accordion-container input:checked ~ label img {
        transform: rotate(180deg);
      }

      .Supervision-ermöglicht .Accordion-container input:checked ~ .hidden-content {
        opacity: 100;
        transform: translate(0, 1%);
        height: auto;
        transition: 350ms all;
        margin-bottom: 2rem;
      }

      .Supervision-ermöglicht .Accordion-container input:checked ~ .test-svg{
        transform: scale(1,2);
      }

      .Supervision-ermöglicht .Accordion-container .hidden-content {
        position: relative;
        z-index: 1;
        transform: translate(0, -1%);
        height: 0px;
        opacity: 0;
        transition: 350ms all;
        overflow: hidden;

        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 4;
        grid-row-end: 5;
      }

      .Supervision-ermöglicht .Sub-Grid-Accordion-links {
        grid-template-rows: repeat(2, auto);
      }

    /*Coaching-bietet-mobile*/

      .Coaching {
        grid-column-start: 8;
        grid-column-end: 11;
        grid-row-start: 2;
        grid-row-end: 3;

        text-align: center;

        margin-top: 0;
        padding-top: 10vh; /*bc: nav-spacing*/
      }



      .Coaching-bietet {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 2;

        text-align: center;
      }


      .C-bietet-Accordion.mobile-hide{
          padding-left: 26.26%;
      }

      .C-bietet-Accordion span{
          padding-left: 26.26%;
      }

      .Coaching-bietet .Accordion-container input:checked ~ .hidden-content {
        opacity: 100;
        transform: translate(0, 1%);
        height: auto;
        transition: 350ms all;
        margin-bottom: 2rem;
      }

      .Coaching-bietet .Accordion-container input:checked ~ .test-svg{
        transform: scale(1,2);
      }

      .Coaching-bietet .Accordion-container .hidden-content {
        position: relative;
        z-index: 1;
        transform: translate(0, -1%);
        height: 0px;
        opacity: 0;
        transition: 350ms all;
        overflow: hidden;

        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 4;
        grid-row-end: 5;
      }

      .Coaching-bietet .Sub-Grid-Accordion-links {
        grid-template-rows: repeat(2, auto);
      }

      .Coaching-bietet.mobile-hide label{
          padding-left: 26.26%;
      }


      .Coaching-bietet-mobile.mobile-hide  {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 2;

        text-align: center;
      }


      .Coaching-bietet-mobile .Accordion-container {
        width: 100%;
        /*display: flex;*/
        flex-direction: column;
        z-index: 2;
      }

      .Coaching-bietet-mobile .Accordion-container p {
        margin-top: 0px;
        padding: 0 10%
      }

      .Coaching-bietet-mobile .Accordion-container img {
        width: 1.5rem;
      }

      .Coaching-bietet-mobile .Accordion-container label{
        cursor: pointer;
        transition: 150ms all;
        padding-left: 26.26%;
      }

      .Coaching-bietet-mobile .Accordion-container label .caption-container {
        padding-left: 26.26%;
      }

      .Coaching-bietet-mobile input {
        position: absolute;
        z-index: -1;
        opacity: 0;
      }

      .Coaching-bietet-mobile .Accordion-container span{
        transition: all .9s ease-in-out;
      }

      .Coaching-bietet-mobile .Accordion-container:hover span{
        color: red;
        transition: all .3s ease-in-out !important;
      }

      .Coaching-bietet-mobile .Accordion-container input:checked ~ label img {
        transform: rotate(180deg);
      }

      /*--------*/
      .Coaching-bietet .Accordion-container {
        width: 100%;
        /*display: flex;*/
        flex-direction: column;
        z-index: 2;
      }

      .Coaching-bietet .Accordion-container p {
        margin-top: 0px;
        padding: 0 10%
      }

      .Coaching-bietet .Accordion-container img {
        width: 1.5rem;
      }

      .Coaching-bietet .Accordion-container label{
        cursor: pointer;
        transition: 150ms all;
        padding-left: 26.26%;
      }

      .Coaching-bietet .Accordion-container label .caption-container {
        padding-left: 26.26%;
      }

      .Coaching-bietet input {
        position: absolute;
        z-index: -1;
        opacity: 0;
      }

      .Coaching-bietet .Accordion-container span{
        transition: all .9s ease-in-out;
      }

      .Coaching-bietet .Accordion-container:hover span{
        color: red;
        transition: all .3s ease-in-out !important;
      }

      .Coaching-bietet .Accordion-container input:checked ~ label img {
        transform: rotate(180deg);
      }



  /*###################*/
  /*Beratungsleistungen*/
  /*###################*/

  .Beratungsleistungen {
    grid-row-start: 4;
    grid-row-end: 5;
  }

    .Beratungsleistungen-container-links {
      grid-column-start: 2;
      grid-column-end: 6;
      grid-row-start: 5;
      grid-row-end: 6;
    }

      .Beratungsleistungen-container-links p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Beratungsleistungen-links {
        grid-template-rows: repeat(4, auto);
      }

    .Beratungsleistungen-container-rechts {
      grid-column-start: 7;
      grid-column-end: 11;
      grid-row-start: 5;
      grid-row-end: 6;
    }

      .Beratungsleistungen-container-rechts p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Beratungsleistungen-rechts {
        grid-template-rows: repeat(3, auto);
      }


  .Arbeitsschwerpunkte {
    grid-row-start: 7;
    grid-row-end: 8;
  }

    .Arbeitsschwerpunkte-container-links {
      grid-column-start: 2;
      grid-column-end: 6;
      grid-row-start: 7;
      grid-row-end: 8;
    }

      .Arbeitsschwerpunkte-container-links p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Arbeitsschwerpunkte-links {
        grid-template-rows: repeat(10, auto);
      }

    .Arbeitsschwerpunkte-container-rechts {
      grid-column-start: 7;
      grid-column-end: 11;
      grid-row-start: 7;
      grid-row-end: 8;
    }

      .Arbeitsschwerpunkte-container-rechts p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Arbeitsschwerpunkte-rechts {
        grid-template-rows: repeat(8, auto);
      }

  .Qualifikationen {
    grid-row-start: 8;
    grid-row-end: 9;
  }

    .Qualifikationen-container-links {
      grid-column-start: 2;
      grid-column-end: 6;
      grid-row-start: 9;
      grid-row-end: 10;
    }

      .Qualifikationen-container-links p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Qualifikationen-links {
        grid-template-rows: repeat(10, auto);
      }

    .Qualifikationen-container-rechts {
      grid-column-start: 7;
      grid-column-end: 11;
      grid-row-start: 9;
      grid-row-end: 10;
    }

      .Qualifikationen-container-rechts p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Qualifikationen-rechts {
        grid-template-rows: repeat(8, auto);
      }


  .Referenzen {
    grid-row-start: 10;
    grid-row-end: 11;
  }

    .Referenzen-container-links {
      grid-column-start: 2;
      grid-column-end: 6;
      grid-row-start: 11;
      grid-row-end: 12;
    }

      .Referenzen-container-links p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Referenzen-links{
        grid-template-rows: repeat(10, auto);
      }


    .Referenzen-container-rechts {
      grid-column-start: 7;
      grid-column-end: 11;
      grid-row-start: 11;
      grid-row-end: 12;
    }

      .Referenzen-container-rechts p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Referenzen-rechts {
        grid-template-rows: repeat(8, auto);
      }


  .Arbeitsweise {
    grid-row-start: 12;
    grid-row-end: 13;
  }

    .Arbeitsweise-content {
      grid-column-start: 4;
      grid-column-end: 10;
      grid-row-start: 13;
      grid-row-end: 14;
    }

    .Arbeitsweise-content br {
        margin: 2rem 1px;
    }

/* Clip Spacing Problem*/
@media only screen and (min-width: 1200px){
      .mehr-lesen p, .mehr-lesen span{
        font-size: 0 !important;
        display: none !important;

      }

      .mehr-lesen img{
        height: 0px ;
        width: 0px ;
      }
}

  .Praxis {
    grid-row-start: 14;
    grid-row-end: 15;

    margin-top: 30vh;

  }

    .Praxis-content {
      grid-column-start: 4;
      grid-column-end: 10;
      grid-row-start: 15;
      grid-row-end: 16;
    }

  .Portrait {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 16;
    grid-row-end: 17;

    margin-top: 28vh;
    margin-bottom: 10vh;
  }

    .Portrait img {
      height: 15rem;
    }

  /*######*/
  /*Footer*/
  /*######*/

  .page-footer {
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 17;
    grid-row-end: 18;

    position: relative;
    margin-bottom: 3rem;

    /*height: 27vh;*/
    height: 100%;
  }

    footer p {
      font-size: 0.75rem;
      line-height: 1rem;
      transform: translate(0, 27px);
    }

    footer a {
      font-size: 0.75rem;
      line-height: 2.6rem;
      transform: translate(0, 27px);
    }

    .footer-gradient {
      position: fixed;
      width: 200vw;
      bottom: 0;
      left: 0;
      height: 10vh;
      z-index: -1;


      background: rgb(255,255,255);
      background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(255,255,255,0) 100%);
      background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(255,255,255,0) 100%);
      background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(255,255,255,0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

    }

/*--------------------------------------------*//*--------------------------------------------*/
/*--------------------------------------------*//*--------------------------------------------*/
/*--------------------------------------------*//*--------------------------------------------*/
/*--------------------------------------------*//*--------------------------------------------*/

@media only screen and (max-width: 900px), (max-height: 400px) {

  .grid-container {
    margin-top: -3rem;
  }

  /*
  .logo p {
    font-size: 12.5px !important;
    line-height: 1.5em;
  }
  */

  .path-container {
    transform: translate(0, -60px);
  }


  .logo p {
    font-size: .7rem;
    font-family: HALTimezonePJVF !important;
    line-height: calc(2rem * .7);
    margin: 0;
    /* margin-top: 0.58rem; */
    margin-bottom: calc(-0.5rem * .7);
    font-variant: small-caps;
    font-weight: 550 !important; /*700*/
    letter-spacing: calc(0.198rem * .7);
  }

  .logo .line1{
    /**/
  }

    .logo .in{
      vertical-align: super;
      font-variant: normal;
      font-size: calc(0.7rem * 0.89);
      margin-right: calc(0.2rem * .7);

    }

    .logo .K-L-Spacing {
      margin: 0;
      margin-right: calc(0.05rem * .7);
    }

  .logo .line2 {
    margin-top: 0;
    margin-bottom: calc(0.3rem * .7);
  }

    .logo .logo-Supervision {
      font-size: calc(1rem * .7);
      letter-spacing: calc(0.193rem * .7);
      font-size: .7rem;
    }

    .logo .und{
      margin-left: calc(0.075rem * .7);
      margin-right: calc(0.05rem * .7);
      font-size: .7rem;
    }


  h2 {
    font-weight: 400;
    text-align: center;
    font-size: 0.9rem;
    letter-spacing: 4.5px;
    font-variant: small-caps;
    margin-bottom: 3rem;
  }

  p {
    text-align: center;
    font-size: 0.9rem;
    letter-spacing: 1.175px;
    line-height: 1.25rem;
  }

  a {
    font-size: 0.9rem;
  }
  a:hover{
    color: black;
    transition: all .3s ease-in-out !important;
  }

  span{
    font-size: 0.9rem;
  }

}



@media only screen and (max-width: 1200px), (max-height: 650px) {

  .path-container {
    grid-column-start: 1;
    grid-column-end: 13;

    z-index: -99;

    transform: translate(0, -15px);
  }

  .desktop svg{
    opacity: 0;
    visibility: 0;
    height: 0;
    width: 0;
  }

  .mobile svg{
    opacity: 1;
    visibility: 1;
    height: 100%;
    width: 100%;
  }

  .path1 {
    grid-row-start: 1;
    grid-row-end: 3;
  }

  .path2 {
    grid-row-start: 3;
    grid-row-end: 4;
  }

  .path3 {
    grid-row-start: 4;
    grid-row-end: 5;
  }

  .path4 {
    grid-row-start: 5;
    grid-row-end: 6;
  }

  .path5 {
    grid-row-start: 6;
    grid-row-end: 14;
  }

  .path6 {
    grid-row-start: 14;
    grid-row-end: 15;
  }

  .path7 {
    grid-row-start: 15;
    grid-row-end: 17;
  }

  .path8 {
    grid-row-start: 17;
    grid-row-end: 18;
  }

  .path9 {
    grid-row-start: 18;
    grid-row-end: 19;
  }

  .path10 {
    grid-row-start: 19;
    grid-row-end: 20;
  }

  .path11 {
    grid-row-start: 20;
    grid-row-end: 24;
  }

  /*-----*/


  .bar{
    display: block;
    width: 35px;
    height: 1px;
    margin: 20px auto;
    transition: all 0.3s ease-in-out;
    background-color: black;

  }



  .hamburger{
    cursor: pointer;
    display: block;
    z-index: 99;
    margin-right: 15px;
  }


  .Sub-Grid {
    display: grid;
    grid-template-columns: 0 8.227% 83.498%;
    justify-content: left;
    width: 100%;
    margin: 0px;
  }

  .Auflistungszeichen{
    width: 25px;
  }


  /* Navbar */

  .nav-menu {
    padding: 30vh 0 0 0;
  }

  .navbar footer {
    margin-top: 30vw;
    transform: translate(0, -76px);
    height: 100%;

  }

  /*Gird-Container*/

  .s-s-g-c-links{
    grid-column-start: 1;
    grid-column-end: 11;

    grid-template-rows: auto 99%;
  }

  .s-s-g-c-rechts{
    grid-column-start: 1;
    grid-column-end: 11;

    grid-template-rows: auto 99%;
  }

  /* Content */

  .Impresum {
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 1;
    grid-row-end: 2;
    height: 100vh;
  }

  .Impresum .container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 39vh 0 49vh 0;
  }

  .Impresum a {
    text-align: right !important;
    vertical-align: middle;
    letter-spacing: 4.5px;
  }

  /*###########*/
  /*Supervision*/
  /*###########*/

  .Supervision {
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 2;
    grid-row-end: 3;

    text-align: center;
    margin-top: 40vh;
    margin-bottom: 3rem;

    padding-top: 10vh; /*bc: nav-spacing*/
  }

  .Supervision-content-container {
    grid-row-start: 3;
    grid-row-end: 4;
  }

    /*Supervision-bietet*/

      .Supervision-bietet {
        grid-column-start: 1;
        grid-column-end: 6;
        grid-row-start: 1;
        grid-row-end: 2;

        text-align: center;

        padding-bottom: 3rem !important;

      }

      .Supervision-bietet .Accordion-container {
        width: 100%;
        /*display: flex;*/
        flex-direction: column;
        z-index: 99;
      }

      .Supervision-bietet .Accordion-container p {
        margin-top: 0px;
        padding: 0 10%
      }

      .Supervision-bietet .Accordion-container img {
        width: 1.5rem;
      }

      .Supervision-bietet .Accordion-container label{
        cursor: pointer;
        transition: 150ms all;
        padding-left: 0;
      }

      .Supervision-bietet .Accordion-container label .caption-container {
        padding-left: 0;
      }

      .Supervision-bietet input {
        position: absolute;
        z-index: -1;
        opacity: 0;
      }

      .Supervision-bietet .Accordion-container span{
        transition: all 0.9s ease-in-out;
      }

      .Supervision-bietet .Accordion-container:hover span{
        color: red;
        transition: all .3s ease-in-out !important;
      }

      .Supervision-bietet .Accordion-container input:checked ~ label img {
        transform: rotate(180deg);
      }

      .Supervision-bietet .Accordion-container input:checked ~ .hidden-content {
        opacity: 100;
        transform: translate(0, 1%);
        height: auto;
        transition: 350ms all;
        margin-bottom: 2rem;
      }

      .Supervision-bietet .Accordion-container input:checked ~ .test-svg{
        transform: scale(1,2);
      }

      .Supervision-bietet .Accordion-container .hidden-content {
        position: relative;
        z-index: 1;
        transform: translate(0, -1%);
        height: 0px;
        opacity: 0;
        transition: 350ms all;
        overflow: hidden;

        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 2;
      }

      .Supervision-bietet .Sub-Grid-Accordion-links {
        grid-template-rows: repeat(4, auto);
      }

    /*Supervision-ermöglicht*/

      .Supervision-ermöglicht {
        grid-column-start: 1;
        grid-column-end: 6;
        grid-row-start: 2;
        grid-row-end: 3;

        text-align: center;
      }

      .Supervision-ermöglicht .Accordion-container {
        width: 100%;
        /*display: flex;*/
        flex-direction: column;
        z-index: 2;
      }

      .Supervision-ermöglicht .Accordion-container p {
        margin-top: 0px;
        padding: 0 10%;
      }

      .Supervision-ermöglicht .Accordion-container img {
        width: 1.5rem;
      }

      .Supervision-ermöglicht .Accordion-container label{
        cursor: pointer;
        transition: 150ms all;
        padding-left: 0;
      }

      .Supervision-ermöglicht .Accordion-container label .caption-container {
        padding-left: 0;
      }

      .Supervision-ermöglicht input {
        position: absolute;
        z-index: -1;
        opacity: 0;
      }

      .Supervision-ermöglicht .Accordion-container span{
        transition: all .9s ease-in-out;
      }

      .Supervision-ermöglicht .Accordion-container:hover span{
        color: red;
        transition: all .3s ease-in-out !important;
        /*transform: translateY(1rem);*/
      }



      .Supervision-ermöglicht .Accordion-container input:checked ~ label img {
        transform: rotate(180deg);
      }

      .Supervision-ermöglicht .Accordion-container input:checked ~ .hidden-content {
        opacity: 100;
        transform: translate(0, 1%);
        height: auto;
        transition: 350ms all;
        margin-bottom: 2rem;
      }

      .Supervision-ermöglicht .Accordion-container input:checked ~ .test-svg{
        transform: scale(1,2);
      }

      .Supervision-ermöglicht .Accordion-container .hidden-content {
        position: relative;
        z-index: 1;
        transform: translate(0, -1%);
        height: 0px;
        opacity: 0;
        transition: 350ms all;
        overflow: hidden;

        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 4;
        grid-row-end: 5;
      }

      .Supervision-ermöglicht .Sub-Grid-Accordion-links {
        grid-template-rows: repeat(2, auto);
      }

    /*Coaching-bietet*/

      .Coaching {
        grid-column-start: 3;
        grid-column-end: 11;
        grid-row-start: 4;
        grid-row-end: 5;

        text-align: center;

        margin-top: 25vh;
        padding-top: 30vh; /*bc: nav-spacing*/
      }


      .Coaching-bietet-mobile.mobile-show  {
        grid-column-start: 2;
        grid-column-end: 12;
        grid-row-start: 5;
        grid-row-end: 6;

        text-align: center;
        margin-top: 4vh;
        margin-bottom: 16vh;
      }

      .Coaching-bietet-mobile .Accordion-container {
        width: 100%;
        /*display: flex;*/
        flex-direction: column;
        z-index: 2;
      }

      .Coaching-bietet-mobile .Accordion-container p {
        margin-top: 0px;
        padding: 0 10%
      }

      .Coaching-bietet-mobile .Accordion-container img {
        width: 1.5rem;
      }

      .Coaching-bietet-mobile .Accordion-container label{
        cursor: pointer;
        transition: 150ms all;
        padding-left: 0;
      }

      .Coaching-bietet-mobile .Accordion-container label .caption-container {
        padding-left: 0;
      }

      .Coaching-bietet-mobile input {
        position: absolute;
        z-index: -1;
        opacity: 0;
      }

      .Coaching-bietet-mobile .Accordion-container span{
        transition: all .9s ease-in-out;
      }

      .Coaching-bietet-mobile .Accordion-container:hover span{
        color: red;
        transition: all .3s ease-in-out !important;
      }

      .Coaching-bietet-mobile .Accordion-container input:checked ~ label img {
        transform: rotate(180deg);
      }

      .Coaching-bietet-mobile .Accordion-container input:checked ~ .hidden-content {
        opacity: 100;
        transform: translate(0, 1%);
        height: auto;
        transition: 350ms all;
        margin-bottom: 2rem;
      }

      .Coaching-bietet-mobile .Accordion-container input:checked ~ .test-svg{
        transform: scale(1,2);
      }

      .Coaching-bietet-mobile .Accordion-container .hidden-content {
        position: relative;
        z-index: 1;
        transform: translate(0, -1%);
        height: 0px;
        opacity: 0;
        transition: 350ms all;
        overflow: hidden;

        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 4;
        grid-row-end: 5;
      }

      .Coaching-bietet-mobile .Sub-Grid-Accordion-links {
        grid-template-rows: repeat(2, auto);
      }


  /*###################*/
  /*Beratungsleistungen*/
  /*###################*/

  .Beratungsleistungen {
    grid-row-start: 6;
    grid-row-end: 7;
  }

    .Beratungsleistungen-container-links {
      grid-column-start: 2;
      grid-column-end: 12;
      grid-row-start: 7;
      grid-row-end: 8;
    }

      .Beratungsleistungen-container-links p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Beratungsleistungen-links {
        grid-template-rows: repeat(4, auto);
      }

    .Beratungsleistungen-container-rechts {
      grid-column-start: 2;
      grid-column-end: 12;
      grid-row-start: 8;
      grid-row-end: 9;
      margin-bottom: 5vh;
    }

      .Beratungsleistungen-container-rechts p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Beratungsleistungen-rechts {
        grid-template-rows: repeat(3, auto);
        margin-bottom: 30vh;
      }


  .Arbeitsschwerpunkte {
    grid-row-start: 9;
    grid-row-end: 10;
    margin-top: 0 !important;
  }

    .Arbeitsschwerpunkte-container-links {
      grid-column-start: 2;
      grid-column-end: 12;
      grid-row-start: 10;
      grid-row-end: 11;
    }

      .Arbeitsschwerpunkte-container-links p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Arbeitsschwerpunkte-links {
        grid-template-rows: repeat(10, auto);
      }

    .Arbeitsschwerpunkte-container-rechts {
      grid-column-start: 2;
      grid-column-end: 12;
      grid-row-start: 11;
      grid-row-end: 12;
      margin-bottom: 10vh;
    }

      .Arbeitsschwerpunkte-container-rechts p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Arbeitsschwerpunkte-rechts {
        grid-template-rows: repeat(8, auto);
      }

  .Qualifikationen {
    grid-row-start: 12;
    grid-row-end: 13;
    margin: 26vh;
  }

    .Qualifikationen-container-links {
      grid-column-start: 2;
      grid-column-end: 12;
      grid-row-start: 13;
      grid-row-end: 14;
    }

      .Qualifikationen-container-links p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Qualifikationen-links {
        grid-template-rows: repeat(10, auto);
      }

    .Qualifikationen-container-rechts {
      grid-column-start: 2;
      grid-column-end: 12;
      grid-row-start: 14;
      grid-row-end: 15;
    }

      .Qualifikationen-container-rechts p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Qualifikationen-rechts {
        grid-template-rows: repeat(8, auto);
      }

      .weitere-Qualifikationen {
        grid-column-start: 1;
        grid-column-end: 6;

        text-align: center;

        padding-bottom: 5rem !important;
      }


      .weitere-Qualifikationen .Accordion-container {
        width: 100%;
        /*display: flex;*/
        flex-direction: column;
        z-index: 99;
      }

      .weitere-Qualifikationen .Accordion-container p {
        margin-top: 0px;
        padding: 0 10%
      }

      .weitere-Qualifikationen .Accordion-container img {
        width: 1.5rem;
      }

      .weitere-Qualifikationen .Accordion-container label{
        cursor: pointer;
        transition: 150ms all;
        padding-left: 0;
      }

      .weitere-Qualifikationen .Accordion-container label .caption-container {
        padding-left: 0;
      }

      .weitere-Qualifikationen input {
        position: absolute;
        z-index: -1;
        opacity: 0;
      }

      .weitere-Qualifikationen .Accordion-container span{
        transition: all 0.9s ease-in-out;
      }

      .weitere-Qualifikationen .Accordion-container:hover span{
        color: red;
        transition: all .3s ease-in-out !important;
      }

      .weitere-Qualifikationen .Accordion-container input:checked ~ label img {
        transform: rotate(180deg);
      }

      .weitere-Qualifikationen .Accordion-container input:checked ~ .hidden-content {
        opacity: 100;
        transform: translate(0, 1%);
        height: auto;
        transition: 350ms all;
        margin-bottom: 2rem;
      }

      .weitere-Qualifikationen .Accordion-container input:checked ~ .test-svg{
        transform: scale(1,2);
      }

      .weitere-Qualifikationen .Accordion-container .hidden-content {
        position: relative;
        z-index: 1;
        transform: translate(0, -1%);
        height: 0px;
        opacity: 0;
        transition: 350ms all;
        overflow: hidden;

        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 2;
      }



  .Referenzen {
    grid-row-start: 15;
    grid-row-end: 16;
  }

    .Referenzen-container-links {
      grid-column-start: 2;
      grid-column-end: 12;
      grid-row-start: 16;
      grid-row-end: 17;
    }

      .Referenzen-container-links p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Referenzen-links{
        grid-template-rows: repeat(10, auto);
      }


    .Referenzen-container-rechts {
      grid-column-start: 2;
      grid-column-end: 12;
      grid-row-start: 17;
      grid-row-end: 18;
    }

      .Referenzen-container-rechts p{
        margin: 0px;
        margin-bottom: 10%;
        padding: 0px 10%;
      }

      .Sub-Grid-Referenzen-rechts {
        grid-template-rows: repeat(8, auto);
      }

      .weitere-Referenzen {
        grid-column-start: 1;
        grid-column-end: 6;

        text-align: center;

        padding-bottom: 5rem !important;
      }


      .weitere-Referenzen .Accordion-container {
        width: 100%;
        /*display: flex;*/
        flex-direction: column;
        z-index: 99;
      }

      .weitere-Referenzen .Accordion-container p {
        margin-top: 0px;
        padding: 0 10%
      }

      .weitere-Referenzen .Accordion-container img {
        width: 1.5rem;
      }

      .weitere-Referenzen .Accordion-container label{
        cursor: pointer;
        transition: 150ms all;
        padding-left: 0;
      }

      .weitere-Referenzen .Accordion-container label .caption-container {
        padding-left: 0;
      }

      .weitere-Referenzen input {
        position: absolute;
        z-index: -1;
        opacity: 0;
      }

      .weitere-Referenzen .Accordion-container span{
        transition: all 0.9s ease-in-out;
      }

      .weitere-Referenzen .Accordion-container:hover span{
        color: red;
        transition: all .3s ease-in-out !important;
      }

      .weitere-Referenzen .Accordion-container input:checked ~ label img {
        transform: rotate(180deg);
      }

      .weitere-Referenzen .Accordion-container input:checked ~ .hidden-content {
        opacity: 100;
        transform: translate(0, 1%);
        height: auto;
        transition: 350ms all;
        margin-bottom: 2rem;
      }

      .weitere-Referenzen .Accordion-container input:checked ~ .test-svg{
        transform: scale(1,2);
      }

      .weitere-Referenzen .Accordion-container .hidden-content {
        position: relative;
        z-index: 1;
        transform: translate(0, -1%);
        height: 0px;
        opacity: 0;
        transition: 350ms all;
        overflow: hidden;

        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 2;
      }


  .Arbeitsweise {
    grid-row-start: 18;
    grid-row-end: 19;
    margin-top: 0;
    margin-top: 10vh;
  }

    .Arbeitsweise-content {
      grid-column-start: 3;
      grid-column-end: 11;
      grid-row-start: 19;
      grid-row-end: 20;
      margin-bottom: 0;
    }

    .Arbeitsweise-content .mobile-hide br {
        margin: 0.2rem 1px;
    }

  .Praxis {
    grid-row-start: 20;
    grid-row-end: 21;

    margin-top: 20vh;

  }

    .Praxis-content {
      grid-column-start: 3;
      grid-column-end: 11;
      grid-row-start: 21;
      grid-row-end: 22;
    }

    .mehr-lesen {
      grid-column-start: 1;
      grid-column-end: 6;

      text-align: center;

      padding-bottom: 0rem !important;
    }


    .mehr-lesen .Accordion-container {
      width: 100%;
      /*display: flex;*/
      flex-direction: column;
      z-index: 99;
      margin-top: -38%;
    }

    .mehr-lesen .Accordion-container p {
      margin-top: 20px;
      padding: 0;
    }

    .mehr-lesen .Accordion-container img {
      width: 1.5rem;
    }

    .mehr-lesen .Accordion-container label{
      cursor: pointer;
      transition: 150ms all;
      padding-left: 0;
    }

    .mehr-lesen .Accordion-container label .caption-container {
      padding-left: 0;
    }

    .mehr-lesen input {
      position: absolute;
      z-index: -1;
      opacity: 0;
    }

    .mehr-lesen .Accordion-container span{
      transition: all 0.9s ease-in-out;
    }

    .mehr-lesen .Accordion-container:hover span{
      color: red;
      transition: all .3s ease-in-out !important;
    }

    .mehr-lesen .Accordion-container input:checked ~ label img {
      transform: rotate(180deg);
    }

    .mehr-lesen .Accordion-container input:checked ~ label span {
      font-size: 0 !important;
      position: absolute;
    }

    .mehr-lesen .Accordion-container input:checked ~ .hidden-content {
      opacity: 100;
      transform: translate(0, 1%);
      height: auto;
      transition: 350ms all;
      margin-bottom: 2rem;
    }

    .mehr-lesen .Accordion-container input:checked ~ .test-svg{
      transform: scale(1,2);
    }

    .mehr-lesen .Accordion-container .hidden-content {
      position: relative;
      z-index: 1;
      transform: translate(0, -1%);
      height: 0px;
      opacity: 0;
      transition: 350ms all;
      overflow: hidden;

      grid-column-start: 1;
      grid-column-end: 5;
      grid-row-start: 1;
      grid-row-end: 2;

      margin-top: -8%;
    }

  .Portrait {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 22;
    grid-row-end: 23;

    margin-top: 28vh;
    margin-bottom: 28vh;
  }

    .Portrait img {
      height: 11rem;
    }

  /*######*/
  /*Footer*/
  /*######*/

  .page-footer {
    grid-column-start: 2;
    grid-column-end: 12;
    grid-row-start: 23;
    grid-row-end: 24;

    margin-top: 8vh;


    position: relative;

    height: 100%;
    padding: 0 10vw;
    /*transform: translate(0, -76px);*/
  }

    footer p {
      font-size: 0.6rem;
      line-height: 0.9rem;
    }

    footer a {
      font-size: 0.6rem;
      line-height: 2rem;
      letter-spacing: 1.175px;
      text-align: center !important;
    }




  .mobile-hide {
    width: 0;
    height: 0;
    visibility: 0;
    opacity: 0;
    margin: 0 !important;
  }

  .mobile-hide p{
    width: 0;
    height: 0 !important;
    visibility: 0;
    opacity: 0;
    margin: 0 !important;
  }

  .mobile-show {
    width: 100%;
    height: 100%;
    visibility: 1;
    opacity: 1;
    z-index: 1;
  }

  .mehr-lesen .Accordion-container {
    margin-top: 4%;
  }
}


.sub-grid-container {
  grid-column-start: 2;
  grid-column-end: 12;

  display: grid;
  grid-template-columns: repeat(10, 8.247%);
  grid-column-gap: 1.9476%;
  justify-content: space-between;
  height: auto;


  margin: 0px 0px;
}

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  font-weight: 400;
}

/* 900px & 1200px */

@media only screen and (max-width: 380px) {
  .logo p {
    font-size: .65rem;
    line-height: calc(2rem * .65);
    margin-bottom: calc(-0.5rem * .65);
    letter-spacing: calc(0.198rem * .65);
  }

    .logo .in{
      font-size: calc(0.7rem * 0.84);
      margin-right: calc(0.2rem * .65);

    }

    .logo .K-L-Spacing {
      margin-right: calc(0.05rem * .65);
    }

  .logo .line2 {
    margin-top: 0;
    margin-bottom: calc(0.3rem * .65);
  }

    .logo .logo-Supervision {
      font-size: calc(1rem * .65);
      letter-spacing: calc(0.193rem * .65);
      font-size: .7rem * .65;
    }

    .logo .und{
      margin-left: calc(0.075rem * .65);
      margin-right: calc(0.05rem * .65);
      font-size: .65rem;
    }

    .path11{
       /*transform: translate(0px, -100px);*/
       height: 89%;
    }

    .path1{
      transform: translate(0px, -80px);
      height: 104.5%;

    }
}


/*Paths for Screen Size Screen Size*/
@media only screen and (min-width: 900px), (min-height: 650px){

  /* 1280px x 720px */
  @media only screen
  and (min-width:  1080px)
  and (max-width:  1299px)
  and (min-height: 520px)
  and (max-height: 820px){
    .path-3{
      height: 104%;
    }

    .path-1{
      height: 130.7%;
      transform: translate(0px, -16.7%);
    }

    @media only screen and (min-height: 681px){
      .path-1{
        transform: translate(0px, -17.6%);
      }
    }

  }

  /* 1280px x 1024px */
  @media only screen
  and (min-width:  1275px)
  and (max-width:  1285px)
  and (min-height: 1014px)
  and (max-height: 1034px){
    .path-3{
      height: 101%;
    }
  }


  /* 1366px x 768px */
  @media only screen
  and (min-width:  1300px)
  and (max-width:  1434px)
  and (min-height: 760px)
  and (max-height: 770px){
    .path-3{
      height: 104%;
    }

    .path-1{
       transform: translate(0px, -100px);
        height: 114.7%;
    }
  }

  /* 1536px x 864px */
  @media only screen
  and (min-width:  1436px)
  and (max-width:  1636px)
  and (min-height: 771px)
  and (max-height: 964px){
    .path-3{
      height: 102%;
    }
  }

  /* 1920px x 1080 */
  @media only screen
  and (min-width:  1820px)
  and (max-width:  2020px )
  and (min-height: 980px )
  and (max-height: 1180px){
    .path-3{
      height: 102%;
    }
  }
}

/* 360px x 640px */
@media only screen
and (min-width:  350px)
and (max-width:  370px)
and (min-height: 630px)
and (max-height: 650px){
  .path3{
    height: 103%;
    transform: translate(0px, -38px);
  }
}

/* 414px x 730px/895px*/
@media only screen
and (min-width:  413px)
and (max-width:  415px)
and (min-height: 729px)
and (max-height: 896px){
  .path1{
    height: 102%;
    transform: translate(0px, -44px);
  }
  .path11{
    height: 90%;
  }
}

/* Cookie Banner */
.cookieContainer{
  position: fixed;
  bottom: 0px;
  left: 0;
  height: 5vh;
  width: 100vw;
  z-index: 99;
}

@media only screen and (min-width: 1200px) and (max-width: 1900px){
  .page-footer {
    grid-column-start: 4;
    grid-column-end: 10;
  }
}

@media only screen
and (min-width:  1240px)
and (max-width:  1538px)
and (min-height: 600px)
and (max-height: 755px){

  .path-1{
    transform: translate(0px, -29vh);
    height: 124.7%;
  }

  .path-3{
    transform: translate(0px, 96px);
    height: 103%;
  }
}

@media only screen
and (min-width:  1240px)
and (max-width:  1538px)
and (min-height: 400px)
and (max-height: 599px){

  .path-1{
    transform: translate(0px, -68vh);
    height: 144.7%;
  }

  .path-3{
    transform: translate(0px, 97px);
    height: 102%;
  }

}