@font-face {
    font-family: "Lato";
    src: url("./../fonts/Lato-Regular.ttf");
    src: url("./../fonts/Lato-Regular.ttf") format("truetype");
    font-weight: regular
}


#willkommenstext {
    position: absolute;
    bottom: 10px;
    width: 100%;
    background-color: #ed8422;
}

#willkommenstext span {
    display: block;
    height:100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 40px;
    font-size: 18px;
    color: #fff;
    bottom: 0px;
    background-color: #ed8422;
}

#willkommenstext strong {
    font-weight: bold
}

#lage a {
    color: #ed8422;
}

.img_engagiert{
  width: 50% !important;
  height: auto;
  text-align: center;
}

.img_qualifiziert{
    width: 70% !important;
    justify-content: center;
}

.qualifiziert{
    margin-top: 69%;
    align-content: center;
    justify-content: center;
}

@font-face {
    font-family: "Lato";
    src: url("./../fonts/Lato-Bold.ttf");
    src: url("./../fonts/Lato-Bold.ttf") format("truetype");
    font-weight: bold
}


html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, address, em, img,
q, strong, ol, ul, li, form, label, legend, caption, footer, header, menu,
nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Lato", Arial, Helvetica, sans-serif;
}

#engagiert {
    min-height: 700px !important;
}

footer, header, menu, nav, section, main {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}



@media only screen and (min-width: 1000px) {
    #anastasia{
        padding-top: 12em;
    }
}

.webseitenlink{
    color: #999;
}
.webseitenlink:hover{
    color: #ed8422;
    font-weight: bold;
}
.praxisbild{
    max-width: 100%;
}

a, a:link, a:visited, a:hover, a:focus {
    text-decoration: none;
}

#container {
    min-width: 100%;
    min-height: 100%
}

header {
    position: relative;
    width: 100%;
    min-height: 370px;
    overflow: visible;
    background: #fff
}

#logo {
    padding: 20px 40px;
    height: 107px;
    max-width: 1200px;
    background: #fff;
    margin: 0;
    overflow: hidden
}

#logo a {
    display: block;
    width: 500px;
    height: 320px;
    background: url(./../img/Logo_klein.jpg) no-repeat
}

#logo_text {
    display: none
}

nav {
    position: relative;
    width: 100%;
    min-height: 370px;
    height: 100%;
    height: calc(100vh - 107px);
}


nav ul {
    /*padding: calc((100vh - 395px) / 2) 540px;*/
    padding-top: 10vw;
    padding-left: 56vw;
    max-width: 100%;

    /*margin: 0 auto*/
}

nav ul li {
    list-style: none;
    background-color: #ed8422 !important;
}

nav ul li a {
    display: inline-block;
   padding-left: 100px;
    color: #fff;
    font-size: 3rem;
    line-height: 100px;
    background-color: #ed8422;
}

nav ul li a:hover, nav ul li a:focus, nav ul li a.active {
    font-weight: bold;
}

nav ul li:nth-child(1) a {
    background: url(./../img/ueber_uns_weiss_kl.png) no-repeat left 5px
}

nav ul li:nth-child(1) a:hover, nav ul li:nth-child(1) a:focus, nav ul li:nth-child(1) a.active {
    background-image: url(./../img/ueber_uns_orange_kl.png)
}

nav ul li:nth-child(2) a {
    background: url(./../img/qualifiziert_weiss_kl.png) no-repeat left 5px
}

nav ul li:nth-child(2) a:hover, nav ul li:nth-child(2) a:focus, nav ul li:nth-child(2) a.active {
    background-image: url(./../img/qualifiziert_orange_kl.png)
}

nav ul li:nth-child(3) a {
    background: url(./../img/professionell_weiss_kl.png) no-repeat left 5px
}

nav ul li:nth-child(3) a:hover, nav ul li:nth-child(3) a:focus, nav ul li:nth-child(3) a.active {
    background-image: url(./../img/professionell_orange_kl.png)
}

/*mittendrin*/
nav ul li:nth-child(4) a {
    background: url(./../img/mittendrin_weiss_kl.png) no-repeat left 5px
}

nav ul li:nth-child(4) a:hover, nav ul li:nth-child(3) a:focus, nav ul li:nth-child(3) a.active {
    background-image: url(./../img/mittendrin_orange_kl.png)
}

#scrolldown {
    display: block;
    position: absolute;
    bottom: 40px;
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    background: url(./../images/scrolldown.png) no-repeat center
}

main {
    display: block;
    width: 100%;
    min-height: 0px;
    background: #fff
}

main .clear {
    float: none;
    clear: both
}

.ueberuns{
   max-width: 70%;
}

.lageplan{
    margin-top: -5vh !important;
    max-width: 100%;
 }

main section {
    /*padding: 80px 40px;*/
    max-width: 1200px;
    min-height: 300px !important;
    margin: 0 auto;
    display: block;
}

body.js main section {
    display: none
}

main p {
    font-weight: 200;
    color: #999;
    font-size: 18px;
    line-height: 23px
}

main p br {
    content: " ";
    display: block;
    margin-bottom: 18px
}

main p strong {
    font-weight: bold
}

main p a {
    color: #999
}

main p a:hover, main p a:focus, main p a.active {
    color: #ed8422
}

main h2 {
    position: relative;
    font-size: 18px;
    font-weight: normal;
    color: #999;
    margin: 155px 0 1em 0
}

#willkommen h2::before, #engagiert h2::before, #qualifiziert h2:before, #professionell h2:before, #mittendrin h2:before {
    content: "";
    display: block;
    background: no-repeat;
    width: 85px;
    min-height: 85px;
    position: absolute;
    top: -115px
}

#engagiert h2::before {
    background-image: url(./../img/ueber_uns_orange_kl.png)
}

#qualifiziert h2:before {
    background-image: url(./../img/qualifiziert_orange_kl.png)
}

#professionell h2:before {
    background-image: url(./../img/professionell_orange_kl.png)
}

#mittendrin h2:before {
    background-image: url(./../img/allgemein_orange_kl.png)
}


#schweigepflicht h2:before, #tarife h2:before, #impressum h2:before, #angebot h2:before, #behandlungsschwerpunkt h2:before, #methode h2:before, #kompetenzen h2:before, #qualifikationen h2:before {
    background-image: url(./../img/symbol_info_kl.png)
}


main h3, main h4 {
    font-size: 35px;
    font-weight: normal;
    color: #ed8422;
    margin-bottom: 40px
}
#qualifiziert{
    min-height: 1000px !important;
}


.links, .rechts, .links1 {
    width: 50%;
    float: left;
}

.links, .links1 {
    padding-right: 20px
}

.links1{
    padding: 50px 0 20px 0;
}

.rechts {
    padding-left: 20px
}

.thema img, .thema picture {
    width: 100%;
    margin: 40px 0 80px 0
}

.thema #map {
    margin: 80px 0
}

.thema #map a {
    width: 50%;
    margin: 0;
    padding: 0
}

#professionell img, #professionell picture {
    margin: 0
}

#mittendrin img, #mittendrin picture {
    margin: 0
}

#professionell .fahrplan {
    padding-left: 30px;
    background: url(./../images/symbol_sbb.png) no-repeat;
    display: block;
    height: 22px;
    margin-bottom: 10px
}

#mittendrin.fahrplan {
    padding-left: 30px;
    background: url(./../images/symbol_sbb.png) no-repeat;
    display: block;
    height: 22px;
    margin-bottom: 10px
}

#professionell .maps {
    padding-left: 30px;
    background: url(./../images/symbol_maps@2x.png) no-repeat;
    display: block;
    height: 22px;
    color: #999;
}

#mittendrin .maps {
    padding-left: 30px;
    background: url(./../images/symbol_maps@2x.png) no-repeat;
    display: block;
    height: 22px;
    color: #999;
}

#professionell .maps:hover{
    padding-left: 30px;
    display: block;
    height: 22px;
    color: #ed8422;
    font-weight: bold;
}

#mittendrin .maps:hover{
    padding-left: 30px;
    display: block;
    height: 22px;
    color: #ed8422;
    font-weight: bold;
}

.subnav a {
    display: inline-block;
    width: 125px;
    height: 185px;
    text-align: center;
    padding-top: 190px;
    font-size: 18px;
    line-height: 18px;
    color: #999
}

.subnav a[href="#ausbildung"] {
    background: url(./../images/symbol_ausbildung.png) no-repeat center 40px
}

.subnav a[href="#taetigkeiten"] {
    background: url(./../images/symbol_taetigkeiten.png) no-repeat center 40px
}

.subnav a[href="#fortbildungen"] {
    background: url(./../images/symbol_fortbildungen.png) no-repeat center 40px
}

.subnav a[href="#ausbildung"]:hover, .subnav a[href="#ausbildung"]:focus,
.subnav a[href="#ausbildung"].active {
    background-image: url(./../images/symbol_ausbildung_hover.png)
}

.subnav a[href="#taetigkeiten"]:hover, .subnav a[href="#taetigkeiten"]:focus,
.subnav a[href="#taetigkeiten"].active {
    background-image: url(./../images/symbol_taetigkeiten_hover.png)
}

.subnav a[href="#fortbildungen"]:hover, .subnav a[href="#fortbildungen"]:focus,
.subnav a[href="#fortbildungen"].active {
    background-image: url(./../images/symbol_fortbildungen_hover.png)
}

.subnav a[href="#angebot"] {
    background: url(./../img/An_Na_Print-8513.jpg) no-repeat center 40px
}

.subnav a[href="#tarife"] {
    background: url(./../img/symbol_tarife.png) no-repeat center 40px
}

.subnav a[href="#schweigepflicht"] {
    background: url(./../img/symbol_schweigepflicht.png) no-repeat center 40px
}

.subnav a[href="#kompetenzen"] {
    background: url(./../img/Kompetenzen_orange.png) no-repeat center 40px
}

.subnav a[href="#qualifikationen"] {
    background: url(./../img/Qualifikationen_orange.png) no-repeat center 40px
}

.subnav a[href="#behandlungsschwerpunkt"] {
    background: url(./../img/An_Na_Print-8469.jpg) no-repeat center 40px
}

.subnav a[href="#methode"] {
    background: url(./../img/An_Na_Print-8467.jpg) no-repeat center 40px
}

.subnav a[href="#kontakt"] {
    background: url(./../img/symbol_kontakte.png) no-repeat center 40px
}

.subnav a[href="#lage"] {
    background: url(./../img/lage_orange_kl.png) no-repeat center 40px
}

.subnav a:hover, .subnav a:focus, .subnav a.active {
    background-color: #f3f3f3;
    color: #ed8422;
    line-height: 18px;
    font-weight: bold
}

.inhalte {
    padding: 80px 0 40px 0;
    display: block
}

body.js .inhalte {
    display: none
}

.inhalte ul {
    list-style: none
}

.inhalte ul li {
    border-top: 1px solid #ed8422;
    border-bottom: 1px solid #ed8422;
    padding: 5px 0 20px 0;
    font-size: 18px;
    line-height: 23px;
    color: #999
}

.inhalte ul li strong {
    font-weight: bold
}

.to-menu {
    display: block;
    width: 100%;
    height: 118px;
    font-size: 18px;
    padding: 84px 0 0 60px;
    color: #999;
    background: url(./../img/symbol_to_menu@2x.png) no-repeat left 70px
}

.to-menu:hover, .to-menu:focus, .to-menu.active {
    color: #ed8422;
    background-image: url(./../img/symbol_to_menu@2x.png)
}

#impressum .links address, #professionell .rechts address, #mittendrin .rechts address  {
    font-size: 18px;
    background: none;
    padding: 0;
    margin-bottom: 40px
}

#impressum .links a, #professionell .rechts a, #mittendrin .rechts a {
    color: #999;
    line-height: 18px
}

#impressum .links a:hover, #impressum .links a:focus, #impressum .links a.active,
#professionell .rechts a:hover, #professionell .rechts a:focus, #professionell .rechts a.active,
#mittendrin .rechts a:hover, #mittendrin .rechts a:focus, #mittendrin .rechts a.active {
    color: #ed8422;
    text-decoration: none;
    font-weight: bold
}

#impressum .links strong, #professionell .rechts strong,  #mittendrin .rechts strong{
    display: inline-block;
    font-weight: bold
}

#impressum .links strong {
    padding-top: 80px
}

#impressum iframe {
    border: 0;
    min-height: 300px;
    width: 100%
}

#professionell .rechts address {
    border-bottom: 1px solid #ed8422;
    padding-bottom: 40px
}

#mittendrin .rechts address {
    border-bottom: 1px solid #ed8422;
    padding-bottom: 40px
}

.inhalte form ul li {
    border-top: 0px transparent
}

form label {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase
}

form input, form textarea {
    width: 100%;
    height: 65px;
    margin-bottom: 10px;
    background-color: #f8f8f8;
    border: none;
    font-size: 18px;
    padding: 10px;
    box-sizing: border-box
}

form input.error, form textarea.error {
    border: 1px solid #ed8422
}

form textarea {
    height: 300px;
    min-width: 100%;
    max-width: 100%
}

form input[type="submit"] {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    width: 120px;
    text-align: center;
    border: 2px solid #ed8422;
    background-color: transparent
}

form input[type="submit"]:hover, form input[type="submit"]:focus,
form input[type="submit"].active {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    background-color: #ed8422;
    color: #fff;
    font-weight: bold
}

.nachrichtVersendet {
    font-size: 25px;
    font-weight: bold;
    color: #ed8422;
    display: block;
    height: 35px;
    margin-bottom: 30px
}

.nachrichtError {
    font-size: 20px;
    color: #ed8422
}

footer {
    width: 100%;
    min-height: 200px;
    padding: 40px 0 40px 0;
    background: #f3f3f3;
    color: #999;
    font-size: 16px
}

footer #footercontent {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px
}

.row-left, .row-right {
    width: 50%;
    min-width: 250px;
    height: 100px;
    float: left;
    padding-right: 20px
}

footer a {
    color: #999;
    line-height: 18px
}

footer a:hover, footer a:focus, footer.active {
    color: #ed8422;
    text-decoration: none;
    font-weight: bold
}

address {
    padding: 80px 0 0 0;
    font-size: 16px;
    font-style: normal;
    color: #999;
    background: url(./../images/signet.png) no-repeat
}

address strong {
    display: inline-block;
    margin: 0 0 15px 0;
    font-weight: bold
}


footer .row-right {
    padding: 80px 0 0 0
}

footer .row-right a {
    color: #000;
    line-height: 18px
}

footer .row-right a:hover, footer .row-right a:focus, footer .row-right a.active {
    font-weight: bold;
    color: #ed8422
}

footer span {
    display: inline-block;
    margin: 150px 0 0 0
}

footer span a {
    display: inline-block;
    width: 70px;
    height: 20px;
    color: transparent;
    /*background: url(./../images/sleepless_logo_black.png) no-repeat center 2px*/
}

footer span a:hover, footer span a:focus, footer span a.active {
    color: transparent;
    text-decoration: none;
    font-weight: normal;
    /*background-image: url(./../images/sleepless_logo_green.png);*/
    background-position: center 1px
}

@media only screen and (max-width: 500px) {
    #logo, nav ul, #willkommenstext span, main section, footer #footercontent {
        padding-left: 20px;
        padding-right: 20px
    }

    .img_engagiert{
        width: 100% !important;
        text-align: center !important;
        margin-bottom:0 !important;
    }

    main h3{
      font-size: 1.5rem;
    }

    .subnav{
        text-align: center !important;
    }

    .img_qualifiziert{
        width: 100% !important;
        text-align: center !important;
    }

    .qualifiziert{
        margin: 0;
        align-content: center;
        text-align: center !important;
    }

    nav ul {
        padding-left: 30vw;
        font-size: 2rem;
        line-height: 65px;
    }

    nav ul li a {
        background-color: #ed8422 !important;
    }

}

@media only screen and (max-height: 750px) {
    #logo {
        padding-right: 0;
        height: 85px
    }

    #anastasia {
padding-top: 12em;
}


    #logo a {
        max-width: 240px;
        height: 320px;
        background: url(./../img/Logo_gr.jpg) no-repeat
    }

    .img_engagiert{
      /*  width: 100% !important;*/
        text-align: center !important;
        margin-bottom:0 !important;
    }

    main h3{
      font-size: 1.5rem;
    }

    .subnav{
        text-align: center !important;
    }

    .img_qualifiziert{
      /*  width: 100% !important;*/
        text-align: center !important;
    }


        .qualifiziert{
          margin-top:200px;
          /*  margin: 0;*/
            align-content: center;
            text-align: center !important;
        }

        #qualifiziert {
    min-height: 0 !important;
    }

    nav ul li a {
        background-color: #ed8422 !important;
    }

    nav {
        height: calc(100vh - 85px);
    }

    nav ul {
        padding-top: 40px;
    }

    nav ul li a {
        padding-left: 70px;
        font-size: 2rem;
        line-height: 65px;
        background-color: #ed8422 !important;
    }

    nav ul li:nth-child(1) a {
        background-image: url(./../img/ueber_uns_weiss_kl.png)
    }

    nav ul li:nth-child(1) a:hover, nav ul li:nth-child(1) a:focus, nav ul li:nth-child(1) a.active {
        background-image: url(./../img/ueber_uns_orange_kl.png)
    }

    nav ul li:nth-child(2) a {
        background-image: url(./../img/qualifiziert_weiss_kl.png)
    }

    nav ul li:nth-child(2) a:hover, nav ul li:nth-child(2) a:focus, nav ul li:nth-child(2) a.active {
        background-image: url(./../img/qualifiziert_orange_kl.png)
    }

    nav ul li:nth-child(3) a {
        background-image: url(./../img/professionell_weiss_kl.png)
    }

    nav ul li:nth-child(3) a:hover, nav ul li:nth-child(3) a:focus, nav ul li:nth-child(3) a.active {
        background-image: url(./../img/professionell_orange_kl.png)
    }

/*mittendrin*/
    nav ul li:nth-child(4) a {
        background-image: url(./../img/mittendrin_weiss_kl.png)
    }

    nav ul li:nth-child(4) a:hover, nav ul li:nth-child(4) a:focus, nav ul li:nth-child(4) a.active {
        background-image: url(./../img/mittendrin_orange_kl.png)
    }
}

@media only screen and (max-width: 850px) {
    #logo {
        padding-right: 0;
        height: 85px
    }

    main h3{
      font-size: 1.5rem;
    }

    .img_engagiert{
        width: 100% !important;
        text-align: center !important;
        margin-bottom:0 !important;
    }

    .subnav{
        text-align: center !important;
    }

    .img_qualifiziert{
        width: 50% !important;
        text-align: center !important;
    }

    .qualifiziert{
        margin: 0;
        align-content: center;
        text-align: center !important;
    }

    main p {
        font-weight: 200;
        color: #999;
        font-size: 18px;
        line-height: 23px;
    }

    #professionell img, #professionell picture {
        margin-top: 5vh;
    }

    #mittendrin img, #mittendrin picture {
        margin-top: 5vh;
    }

    #logo a {
        max-width: 240px;
        height: 320px;
        background: url(./../img/Logo_gr.jpg) no-repeat
    }

    #scrolldown {
        bottom: 10px
    }

    #willkommenstext {
        bottom: 60px
    }

    nav {
        height: calc(100vh - 85px);
        min-height: 390px;
    }

    nav ul li a {
        padding-left: 70px;
        font-size: 2rem;
        line-height: 65px;
        background-color: #ed8422 !important;
    }

    nav ul li:nth-child(1) a {
        background-image: url(./../img/ueber_uns_weiss_kl.png)
    }

    nav ul li:nth-child(1) a:hover, nav ul li:nth-child(1) a:focus, nav ul li:nth-child(1) a.active {
        background-image: url(./../img/ueber_uns_orange_kl.png)
    }

    nav ul li:nth-child(2) a {
        background-image: url(./../img/qualifiziert_weiss_kl.png)
    }

    nav ul li:nth-child(2) a:hover, nav ul li:nth-child(2) a:focus, nav ul li:nth-child(2) a.active {
        background-image: url(./../img/qualifiziert_orange_kl.png)
    }

    nav ul li:nth-child(3) a {
        background-image: url(./../img/professionell_weiss_kl.png)
    }

    nav ul li:nth-child(3) a:hover, nav ul li:nth-child(3) a:focus, nav ul li:nth-child(3) a.active {
        background-image: url(./../img/professionell_orange_kl.png)
    }

    /*mittendrin*/
    nav ul li:nth-child(4) a {
        background-image: url(./../img/mittendrin_weiss_kl.png)
    }

    nav ul li:nth-child(4) a:hover, nav ul li:nth-child(4) a:focus, nav ul li:nth-child(4) a.active {
        background-image: url(./../img/mittendrin_orange_kl.png)
    }

    main h3, main h4 {
        font-size: 2rem;
    }

    .thema h3 {
        margin-bottom: 0
    }

    .links, .rechts, .links1 {
        float: none;
        width: 100%
    }

    .links, .links1 {
        padding-right: 0
    }

    .rechts {
        padding-left: 0;
    }

    #qualifiziert h3, #professionell h3, #mittendrin h3 {
        margin-bottom: 0
    }

    #qualifiziert .thema .rechts {
        margin-bottom: 80px
    }

    .subnav a {
        width: 170px;
        height: 270px;
        padding-top: 200px
    }

    .subnav a[href="#ausbildung"] {
        background: url(./../images/symbol_ausbildung_klein.png) no-repeat center 30px
    }

    .subnav a[href="#taetigkeiten"] {
        background: url(./../images/symbol_taetigkeiten_klein.png) no-repeat center 30px
    }

    .subnav a[href="#fortbildungen"] {
        background: url(./../images/symbol_fortbildungen_klein.png) no-repeat center 30px
    }

    .subnav a[href="#ausbildung"]:hover, .subnav a[href="#ausbildung"]:focus,
    .subnav a[href="#ausbildung"].active {
        background-image: url(./../images/symbol_ausbildung_klein_hover.png)
    }

    .subnav a[href="#taetigkeiten"]:hover, .subnav a[href="#taetigkeiten"]:focus,
    .subnav a[href="#taetigkeiten"].active {
        background-image: url(./../images/symbol_taetigkeiten_klein_hover.png)
    }

    .subnav a[href="#fortbildungen"]:hover, .subnav a[href="#fortbildungen"]:focus,
    .subnav a[href="#fortbildungen"].active {
        background-image: url(./../images/symbol_fortbildungen_klein_hover.png)
    }

    .subnav a[href="#tarife"] {
        background: url(./../img/symbol_tarife.png) no-repeat center 30px
    }

    .subnav a[href="#angebot"] {
        background: url(./../img/An_Na_Print-8513.jpg) no-repeat center 30px
    }

    .subnav a[href="#schweigepflicht"] {
        background: url(./../img/symbol_schweigepflicht.png) no-repeat center 30px
    }

    .subnav a[href="#kompetenzen"] {
        background: url(./../img/Kompetenzen_orange.png) no-repeat center 30px
    }

    .subnav a[href="#qualifikationen"] {
        background: url(./../img/Qualifikationen_orange.png) no-repeat center 30px
    }

    .subnav a[href="#behandlungsschwerpunkt"] {
        background: url(./../img/An_Na_Print-8469.jpg) no-repeat center 30px
    }

    .subnav a[href="#methode"] {
        background: url(./../img/An_Na_Print-8467.jpg) no-repeat center 30px
    }

    .subnav a[href="#kontakt"] {
        background: url(./../img/symbol_kontakte.png) no-repeat center 30px
    }

    .subnav a[href="#lage"] {
        background: url(./../img/lage_orange_kl.png) no-repeat center 30px
    }


    .subnav a:hover, .subnav a:focus, .subnav a.active {
        background-color: #f3f3f3
    }

    footer .row-left, footer .row-right {
        float: none;
        padding-right: 0
    }
}

@media only screen and (max-width: 400px) {
    nav ul li a {
        font-size: 2rem;
        line-height: 65px;
        padding-left: 60px;
        background-color: #ed8422 !important;
    }

    .img_engagiert{
        width: 100% !important;
        text-align: center !important;
          margin-bottom:0;
    }

    main h3{
      font-size: 1.5rem;
    }

    .subnav{
        text-align: center !important;
    }

    .img_qualifiziert{
        width: 100% !important;
        text-align: center !important;
    }

    .qualifiziert{
        margin: 0;
        align-content: center;
        text-align: center !important;
    }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #logo a {
        background-image: url(./../img/Logo_gr.jpg);
        -webkit-background-size: 400px 66px;
        background-size: 400px 66px
    }

    #scrolldown {
        background-image: url(./../images/scrolldown@2x.png);
        -webkit-background-size: 30px 17px;
        background-size: 30px 17px
    }

    #engagiert h2::before {
        background-image: url(./../img/ueber_uns_orange_kl.png) !important;
       /* background-image: url(./../img/willkommen_weiss_kl.png);*/
        -webkit-background-size: 85px 85px;
        background-size: 85px 85px
    }

    #qualifiziert h2::before {
        background-image: url(./../img/qualifiziert_orange_kl.png);
        -webkit-background-size: 85px 85px;
        background-size: 85px 85px
    }

    #professionell h2::before {
        background-image: url(./../img/professionell_orange_kl.png);
        -webkit-background-size: 85px 85px;
        background-size: 85px 85px
    }

    #mittendrin h2::before {
        background-image: url(./../img/mittendrin_orange_kl.png);
        -webkit-background-size: 85px 85px;
        background-size: 85px 85px
    }


    #tarife h2:before, #schweigepflicht h2:before, #impressum h2:before, #angebot h2:before, #behandlungsschwerpunkt h2:before, #methode h2:before, #kompetenzen h2:before, #qualifikationen h2:before{
        background-image: url(./../img/symbol_info_gr.png);
        -webkit-background-size: 85px 85px;
        background-size: 85px 85px
    }

    nav ul li:nth-child(1) a {
        background-image: url(./../img/ueber_uns_weiss_kl.png);
        -webkit-background-size: 85px 85px;
        background-size: 85px 85px
    }

    nav ul li:nth-child(1) a:hover, nav ul li:nth-child(1) a:focus, nav ul li:nth-child(1) a.active {
        background-image: url(./../img/ueber_uns_orange_kl.png);
        -webkit-background-size: 85px 85px;
        background-size: 85px 85px
    }

    nav ul li:nth-child(2) a {
        background-image: url(./../img/qualifiziert_weiss_kl.png);
        -webkit-background-size: 85px 85px;
        background-size: 85px 85px
    }

    nav ul li:nth-child(2) a:hover, nav ul li:nth-child(2) a:focus, nav ul li:nth-child(2) a.active {
        background-image: url(./../img/qualifiziert_orange_kl.png);
        -webkit-background-size: 85px 85px;
        background-size: 85px 85px
    }

    nav ul li:nth-child(3) a {
        background-image: url(./../img/professionell_weiss_kl.png);
        -webkit-background-size: 85px 85px;
        background-size: 85px 85px
    }

    nav ul li:nth-child(3) a:hover, nav ul li:nth-child(3) a:focus, nav ul li:nth-child(3) a.active {
        background-image: url(./../img/professionell_orange_kl.png);
        -webkit-background-size: 85px 85px;
        background-size: 85px 85px
    }

    /*mittendrin*/
    nav ul li:nth-child(4) a {
        background-image: url(./../img/mittendrin_weiss_kl.png);
        -webkit-background-size: 85px 85px;
        background-size: 85px 85px
    }

    nav ul li:nth-child(4) a:hover, nav ul li:nth-child(4) a:focus, nav ul li:nth-child(4) a.active {
        background-image: url(./../img/mittendrin_orange_kl.png);
        -webkit-background-size: 85px 85px;
        background-size: 85px 85px
    }

    address {
        background-image: url(./../images/signet@2x.png);
        -webkit-background-size: 85px 61px;
        background-size: 85px 61px
    }

    footer span a {
       /* background-image: url(./../images/sleepless_logo_black@2x.png);*/
        -webkit-background-size: 70px 18px;
        background-size: 70px 18px
    }

    footer span a:hover, footer span a:focus, footer span a.active {
        /*background-image: url(./../images/sleepless_logo_green@2x.png);*/
        -webkit-background-size: 70px 18px;
        background-size: 70px 18px
    }

    .to-menu {
        background-image: url(./../img/symbol_to_menu@2x.png);
        -webkit-background-size: 45px 45px;
        background-size: 45px 45px
    }

    .to-menu:hover, .to-menu:focus, .to-menu.active {
        background-image: url(./../img/symbol_to_menu@2x.png);
        -webkit-background-size: 45px 45px;
        background-size: 45px 45px
    }

    .subnav a[href="#ausbildung"] {
        background-image: url(./../images/symbol_ausbildung@2x.png);
        -webkit-background-size: 220px 220px;
        background-size: 220px 220px
    }

    .subnav a[href="#taetigkeiten"] {
        background-image: url(./../images/symbol_taetigkeiten@2x.png);
        -webkit-background-size: 220px 220px;
        background-size: 220px 220px
    }

    .subnav a[href="#fortbildungen"] {
        background-image: url(./../images/symbol_fortbildungen@2x.png);
        -webkit-background-size: 220px 220px;
        background-size: 220px 220px
    }

    .subnav a[href="#ausbildung"]:hover, .subnav a[href="#ausbildung"]:focus,
    .subnav a[href="#ausbildung"].active {
        background-image: url(./../images/symbol_ausbildung_hover@2x.png);
        -webkit-background-size: 220px 220px;
        background-size: 220px 220px
    }

    .subnav a[href="#taetigkeiten"]:hover, .subnav a[href="#taetigkeiten"]:focus,
    .subnav a[href="#taetigkeiten"].active {
        background-image: url(./../images/symbol_taetigkeiten_hover@2x.png);
        -webkit-background-size: 220px 220px;
        background-size: 220px 220px
    }

    .subnav a[href="#fortbildungen"]:hover, .subnav a[href="#fortbildungen"]:focus,
    .subnav a[href="#fortbildungen"].active {
        background-image: url(./../images/symbol_fortbildungen_hover@2x.png);
        -webkit-background-size: 220px 220px;
        background-size: 220px 220px
    }

    .subnav a[href="#tarife"] {
        background-image: url(./../img/symbol_tarife.png);
        -webkit-background-size: 110px 110px;
        background-size: 110px 110px
    }

    .subnav a[href="#angebot"] {
        background-image: url(./../img/An_Na_Print-8513.jpg);
        -webkit-background-size: 110px 110px;
        background-size: 110px 110px
    }

    .subnav a[href="#kontakt"] {
        background-image: url(./../img/symbol_kontakte.png);
        -webkit-background-size: 110px 110px;
        background-size: 110px 110px
    }

    .subnav a[href="#lage"] {
        background-image: url(./../img/lage_orange_kl.png);
        -webkit-background-size: 110px 110px;
        background-size: 110px 110px
    }

    .subnav a[href="#schweigepflicht"] {
        background-image: url(./../img/symbol_schweigepflicht.png);
        -webkit-background-size: 110px 110px;
        background-size: 110px 110px
    }

    .subnav a[href="#kompetenzen"] {
        background-image: url(./../img/Kompetenzen_orange.png);
        -webkit-background-size: 110px 110px;
        background-size: 110px 110px
    }

    .subnav a[href="#qualifikationen"] {
        background-image: url(./../img/Qualifikationen_orange.png);
        -webkit-background-size: 110px 110px;
        background-size: 110px 110px
    }

    .subnav a[href="#behandlungsschwerpunkt"] {
        background-image: url(./../img/An_Na_Print-8469_.jpg);
        -webkit-background-size: 110px 110px;
        background-size: 110px 110px
    }

    .subnav a[href="#methode"] {
        background-image: url(./../img/An_Na_Print-8467.jpg);
        -webkit-background-size: 110px 110px;
        background-size: 110px 110px
    }

    #professionell .fahrplan {
        background-image: url(./../images/symbol_sbb@2x.png);
        -webkit-background-size: 22px 22px;
        background-size: 22px 22px
    }

    #professionell .maps {
        background-image: url(./../images/symbol_maps@2x.png);
        -webkit-background-size: 22px 22px;
        background-size: 22px 22px
    }

    #mittendrin .fahrplan {
        background-image: url(./../images/symbol_sbb@2x.png);
        -webkit-background-size: 22px 22px;
        background-size: 22px 22px
    }

    #mittendrin .maps {
        background-image: url(./../images/symbol_maps@2x.png);
        -webkit-background-size: 22px 22px;
        background-size: 22px 22px
    }


@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 850px), (min-resolution: 192dpi) and (max-width: 850px) {
    #logo a {
        background-image: url(./../img/Logo_gr.jpg);
        -webkit-background-size: 240px 40px;
        background-size: 240px 40px
    }

    nav ul li:nth-child(1) a {
        background-image: url(./../img/ueber_uns_weiss_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    nav ul li:nth-child(1) a:hover, nav ul li:nth-child(1) a:focus, nav ul li:nth-child(1) a.active {
        background-image: url(./../img/ueber_uns_orange_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    nav ul li:nth-child(2) a {
        background-image: url(./../img/qualifiziert_weiss_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    nav ul li:nth-child(2) a:hover, nav ul li:nth-child(2) a:focus, nav ul li:nth-child(2) a.active {
        background-image: url(./../img/qualifiziert_orange_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    nav ul li:nth-child(3) a {
        background-image: url(./../img/professionell_weiss_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    nav ul li:nth-child(3) a:hover, nav ul li:nth-child(3) a:focus, nav ul li:nth-child(3) a.active {
        background-image: url(./../img/professionell_orange_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    /*mittendrin*/
    nav ul li:nth-child(4) a {
        background-image: url(./../img/mittendrin_weiss_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    nav ul li:nth-child(4) a:hover, nav ul li:nth-child(4) a:focus, nav ul li:nth-child(4) a.active {
        background-image: url(./../img/mittendrin_orange_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    .subnav a[href="#ausbildung"] {
        background-image: url(./../images/symbol_ausbildung_klein@2x.png);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#taetigkeiten"] {
        background-image: url(./../images/symbol_taetigkeiten_klein@2x.png);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#fortbildungen"] {
        background-image: url(./../images/symbol_fortbildungen_klein@2x.png);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#ausbildung"]:hover, .subnav a[href="#ausbildung"]:focus,
    .subnav a[href="#ausbildung"].active {
        background-image: url(./../images/symbol_ausbildung_klein_hover@2x.png);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#taetigkeiten"]:hover, .subnav a[href="#taetigkeiten"]:focus,
    .subnav a[href="#taetigkeiten"].active {
        background-image: url(./../images/symbol_taetigkeiten_klein_hover@2x.png);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#fortbildungen"]:hover, .subnav a[href="#fortbildungen"]:focus,
    .subnav a[href="#fortbildungen"].active {
        background-image: url(./../images/symbol_fortbildungen_klein_hover@2x.png);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#tarife"] {
        background-image: url(./../img/symbol_tarife.png);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#kompetenzen"] {
        background-image: url(./../img/Kompetenzen_orange.png);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#qualifikationen"] {
        background-image: url(./../img/Qualifikationen_orange.png);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#angebot"] {
        background-image: url(./../img/An_Na_Print-8467.jpg);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#schweigepflicht"] {
        background-image: url(./../img/symbol_schweigepflicht.png);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#behandlungsschwerpunkt"] {
        background-image: url(./../img/An_Na_Print-8469.jpg);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#methode"] {
        background-image: url(./../img/An_Na_Print-8467.jpg);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#kontakt"] {
        background-image: url(./../img/symbol_kontakte.png);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

    .subnav a[href="#lage"] {
        background-image: url(./../img/lage_orange_kl.png);
        -webkit-background-size: 150px 150px;
        background-size: 150px 150px
    }

}

@media (-webkit-min-device-pixel-ratio: 2) and (max-height: 750px), (min-resolution: 192dpi) and (max-height: 750px) {
    #logo {
        padding-right: 0;
        height: 85px
    }

    #anastasia {
padding-top: 12em;
}

    #logo a {
        background-image: url(./../img/Logo_gr.jpg);
        -webkit-background-size: 240px 40px;
        background-size: 240px 40px
    }

    main h3{
      font-size: 1.5rem;
    }

    .subnav{
        text-align: center !important;
    }

    .img_qualifiziert{
      /*  width: 100% !important;*/
        text-align: center !important;
    }


        .qualifiziert{
          margin-top:200px;
          /*  margin: 0;*/
            align-content: center;
            text-align: center !important;
        }

        #qualifiziert {
    min-height: 0 !important;
    }

    #qualifiziert {
min-height: 0 !important;
}

    nav ul li:nth-child(1) a {
        background-image: url(./../img/ueber_uns_weiss_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    nav ul li:nth-child(1) a:hover, nav ul li:nth-child(1) a:focus, nav ul li:nth-child(1) a.active {
        background-image: url(./../img/ueber_uns_orange_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    nav ul li:nth-child(2) a {
        background-image: url(./../img/qualifiziert_weiss_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    nav ul li:nth-child(2) a:hover, nav ul li:nth-child(2) a:focus, nav ul li:nth-child(2) a.active {
        background-image: url(./../img/qualifiziert_orange_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    nav ul li:nth-child(3) a {
        background-image: url(./../img/professionell_weiss_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    nav ul li:nth-child(3) a:hover, nav ul li:nth-child(3) a:focus, nav ul li:nth-child(3) a.active {
        background-image: url(./../img/professionell_orange_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    /*mittendrin*/
    nav ul li:nth-child(4) a {
        background-image: url(./../img/mittendrin_weiss_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }

    nav ul li:nth-child(4) a:hover, nav ul li:nth-child(4) a:focus, nav ul li:nth-child(4) a.active {
        background-image: url(./../img/mittendrin_orange_kl.png);
        -webkit-background-size: 49px 49px;
        background-size: 49px 49px
    }
}

@media only screen and (max-device-width: 480px) {
    html {
        -ms-text-size-adjust: none;
        -webkit-text-size-adjust: none
    }
}

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=c6f2db9c-140b-445c-b9e7-fc912f3266f5&fontids=1489426,1489454");

/* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts:  https://www.linotype.com */