@font-face {
   font-family:'Fira Sans';
   font-weight: 300;
   src: url('../fonts/FiraSans-Light.woff2') format('woff2'), url('../fonts/FiraSans-Light.ttf') format('truetype');
}


/*
@font-face {
   font-family:'Fira Sans';
   font-weight: 200;
  font-style: thin;
   src: url('../fonts/FiraSans-Thin.ttf') format('truetype');
}

*/
@font-face {
   font-family:'Fira Sans';
   font-weight: 100;
font-style: normal;
   src: url('../fonts/FiraSans-Thin.woff2') format('woff2'), url('../fonts/FiraSans-Thin.ttf') format('truetype');
}

@font-face {
   font-family:'Fira Sans';
   font-weight: 200;
   src: url('../fonts/FiraSans-ExtraLight.woff2') format('woff2'), url('../fonts/FiraSans-ExtraLight.ttf') format('truetype');
}

@font-face {
   font-family:'Fira Sans';
   font-weight: 400;
   src: url('../fonts/FiraSans-Regular.woff2') format('woff2'), url('../fonts/FiraSans-Regular.ttf') format('truetype');
}



.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    padding-right: 0px;
    padding-left: 0px;
}



h1 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.85vw;
  font-weight: 200;
  color: #0085BF;
  line-height: 2.9vw;
  text-align: center;
}

.infotext-linksbuendig {
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.85vw;
  line-height: 2.9vw;
  font-weight: 200;
  color: #0085BF;
  text-align: left;
}

.infotext-mittig {
  text-align: center;
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.85vw;
  line-height: 2.9vw;
  font-weight: 200;
  color: #0085BF;
}

h2 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 2.7vw;
  font-weight: 200;
  color: #E53009;
  line-height: 4vw;
  text-align: center;
}

p {
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.85vw;
  font-weight: 200;
  color: #E53009;
  line-height: 2.9vw;
  text-align: center;
  margin-bottom: 0px;
}

.navbar-toggler, .navbar-toggler:focus {
box-shadow: 0 0 0 0;
}

.icon1 {
  background: url("../img/button_menue.svg");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  }

.change .icon1 {
  background: url("../img/button_menue-schliessen.svg");
  background-position: top center;
  background-size: cover;
  background-size: 100% auto;
  background-repeat: no-repeat;
}



.navbar {
  padding: 6vw 12vw 6vw 12vw;
}

#navbarTogglerLernberatung {
  padding: 4vw 4vw 4vw 0vw;
}

#navbarTogglerLernberatung a.nav-link {
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.5em;
  font-weight: 200;
  color: #e53009;
}
#navbarTogglerLernberatung a.nav-link:hover, #navbarTogglerLernberatung a.nav-link:active {
  color: #0086bf;
}



.navbar-toggler-icon {
    width: 4vw;
    height: 4vw;
}

.navbar-toggler {
    padding: 0px;
    margin: 0px;
    margin-top: -1.5vw;
    border-radius:0px;
    font-size: 0rem;
    line-height: 0rem;
}

.logo-doris {
  width: 20.5vw;
  min-width: 150px;
  height: auto;
}

#herobereich_sm, #herobereich_md {
  margin: 0px;
  padding: 0px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

#slogan {
  width: 100%;
  height: auto;
  padding: 5vw 12vw 5vw 12vw;
}
#slogan p {
font-size: 4.2vw;
font-weight: 200;
line-height: 5.8vw;
}


#erstinfobereich {
  width: 100%;
  height: auto;
  background: url("../img/grafik_punkte-weiss-transp.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #E2EBF6;
  padding: 6vw 19vw 6vw 19vw;
}

#zweitinfobereich {
  width: 100%;
  height: auto;
  background: url("../img/foto_kinder-zeigen_1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 6vw 12vw 6vw 12vw;
   border-top: solid .15vw #ffffff;
}

#drittinfobereich {
  padding: 5vw 12vw 6vw 12vw;
}

#drittinfobereich p {
font-size: 1.85vw;
line-height: 2.9vw;
font-weight: 200;
color: #0085BF;
}

#drittinfobereichkinder {
  padding: 0vw 7vw 12vw 7vw;
}

#drittinfobereichkinderbox {
    padding: 0vw 12vw 1vw 12vw;
    background-color: #e2ebf6;
}

#box-lernstoerungen, #box-davis-methode, #box-ueber-mich, #box-training {
    padding: 0vw 12vw 1vw 12vw;
    background-color: #e2ebf6;
    background: url("../img/grafik_punkte-weiss-transp.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #E2EBF6;
}

#box-kontakt {
  padding: 7.2vw 12vw 7.2vw 12vw;
  border-top: solid .2vw #ffffff;
  background: url("../img/grafik_punkte-weiss-transp.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #E2EBF6;
}


#box-datenschutzerklaerung {
    padding: 8vw 12vw 8vw 12vw;
    background-color: #e2ebf6;
    border-top: solid .2vw #ffffff;
}

#box-impressum {
    padding: 8vw 12vw 8vw 12vw;
    background-color: #fceeee;
    border-top: solid .2vw #ffffff;
}


#box-davis-methode, #box-kontakt {
  margin-top: -12vw;
}


.linieuntertext {
  --bs-gutter-x: 0rem;
  border-bottom: solid 0.55vw;
}

#drittinfobereichkinderboxinhalt {
    padding: 0vw 0vw 12vw 0vw;
    position: relative;
    top: -12vw;
    margin-bottom: -6vw;
    background: url("../img/grafik_berg-hellbl_baeume-rot.svg");
    background-size: 100vw auto;
    background-repeat: no-repeat;
    background-position: -12vw 100.2%;
    background-color: #ffffff;
}

#drittinfobereichkinderboxinhalt p {
  font-size: 1.85vw;
  line-height: 2.9vw;
font-weight: 200;
color: #0085BF;
text-align: left;
}

#boxinhalt-lernstoerungen, #boxinhalt-davis-methode, #boxinhalt-training {
  padding: 0vw 0vw 12vw 0vw;
  position: relative;
  top: -12vw;
  margin-bottom: -6vw;
  background: url("../img/grafik_berg-hellbl_baeume-rot.svg");
  background-size: 100vw auto;
  background-repeat: no-repeat;
  background-position: -12vw 100.2%;
  background-color: #ffffff;
}

#boxinhalt-datenschutzerklaerung {
  padding: 0.1vw 0vw 4vw 0vw;
  background: url("../img/grafik_berg-hellbl_baeume-rot.svg");
  background-size: 100vw auto;
  background-repeat: no-repeat;
  background-position: -12vw 100.2%;
  margin-bottom: 0vw;
  background-color: #ffffff;
}


#boxinhalt-kontakt {
  padding: 0.1vw 0vw 4vw 0vw;
  background-color: #ffffff;
}

.innentext-kup-hinweis {
  padding: 4.5vw 7vw 2.5vw 7vw;
}

#boxinhalt-impressum {
  padding: 0.1vw 0vw 4vw 0vw;
  background-color: #ffffff;
}

#boxinhalt-davis-methode {
  top: 4vw;
  margin-bottom: 8vw;
}

#box-lernstoerungen, #box-training {
  margin-bottom: -4vw;
}


#boxinhalt-lernstoerungen p, #boxinhalt-davis-methode p, #boxinhalt-ueber-mich p, #boxinhalt-training p, #boxinhalt-kontakt p, #boxinhalt-impressum p, #boxinhalt-datenschutzerklaerung p {
  font-size: 1.85vw;
  line-height: 2.9vw;
font-weight: 200;
color: #0085BF;
text-align: left;
}

#boxinhalt-ueber-mich {
  padding: 0vw 0vw 2.5vw 0vw;
  position: relative;
  top: -12vw;
  margin-bottom: 0vw;
  background-color: #ffffff;
}


#kindererwachsenenschalter1,#kindererwachsenenschalter2 {

  padding: 8.5vw 19vw 0vw 19vw;
}

#zitatbox1 {
  padding: 4vw 30vw 4vw 19vw;
  background: url("../img/foto_davis-methode_2.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-color: #E2EBF6;
}

#zitatbox2, #zitatbox3 {
  min-height: 35vw;
  padding: 4vw 30vw 4vw 19vw;
  background: url("../img/foto_zitat.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-color: #E2EBF6;
}

#zitatbox1 p, #zitatbox2 p {
  color: #0085BF;
  text-align: left;
}

.bildmitlinieoben {
width:100%;
height: auto;
border-top: solid .2vw #0085bf;
}

.innentext-kinderbox {
  margin: 6vw 7vw 4vw 7vw;
}

.punktelink {
  color: #0085BF;
  text-decoration: none;
  border-bottom: .1em dotted #0085BF;
}


.innentext-ueber-bild {
padding: 6vw 7vw 2vw 7vw;
}

.innentext-ueber-bild p {
  font-size: 1.85vw;
  line-height: 2.9vw;
font-weight: 200;
color: #0085BF;
text-align: left;
}


.textbox1 {
  padding: 4vw 12vw 4vw 12vw;
}

#persoenlicheinfo {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 8vw 12vw 14vw 12vw;
}

.innentextbox1 {
padding: 6vw 7vw 0vw 7vw;
}

.bildtext {
  height: 5vw;
  margin-top: -4.9vw;
  width: auto;
  display: block;
  position: relative;
  bottom: 0px;
  margin-left: 7vw;
  z-index:2;
}

.bild-im-fliesstext {
  width: 100%;
  height: auto;
  margin-top: 3.5vw;
  margin-bottom: 1.5vw;
}

.bild-im-fliesstext-kontakt {
  width: 100%;
  height: auto;
  margin-top: 4.5vw;
  margin-bottom: 3vw;
}


#footerrot {
background-color: #DD2422;
padding: 5vw 19vw 5vw 19vw;
  border-top: solid .2vw #ffffff;
}

#footerbild {
  min-height: 10vh;
  padding: 6vw 19vw 5vw 19vw;
  background-color: #ffffff;
background: url('../img/grafik_berg_1a.png') left bottom no-repeat,
url('../img/grafik_baeume_3_weiss.png') 80% bottom no-repeat,
url('../img/foto_fuss.jpg') right bottom no-repeat;
background-size: 100vw auto, auto 20vw, cover;
}

#footerweiss {
  /*min-height: 8vw;*/
  padding: 3.5vw 19vw 3.5vw 19vw;
  background-color: #ffffff;
}

#footergrau {
  min-height: 2vw;
  background-color: #808080;
}

.btn-doris {
margin-right: 2vw;
margin-bottom: 0vw;
color: #0085BF;
background-color: #FCE7E4;
border-color: #FCE7E4;
font-family: 'Fira Sans', sans-serif;
font-size: 1.85vw;
font-weight: 200;
line-height: 2.2vw;
text-align: center;
padding-top: 0.1vw;
padding-right: 1vw;
padding-bottom: 0.1vw;
padding-left: 1vw;
border-radius: .5vw;
}

.btn-doris:hover {
  color: #808080;
	background-color: #FCEEEE;
	border-color: #FCEEEE;
}

.btn-doris2 {
margin-bottom: 2.6vw;
font-size: 1.85vw;
line-height: 2.2vw;
min-width: 27vw;
padding-top: .5vw;
padding-right: 1vw;
padding-bottom: .5vw;
padding-left: 1vw;
border-radius: .5vw;
}


.textbox-unter-titelbild {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 6vw 19vw 18vw 19vw;
}

.einrueckung {
  margin-left: -2vw;
  padding-left: 2.9vw;
  text-indent: -1.1vw;
}

.kuplogo {
  width: 14vw;
  height: auto;
margin: .6vw auto .6vw 73vw;
}

.blauelinie {
  background-color:#E2EBF6;
  border-top: 0.25vw solid #E2EBF6;
  opacity: 1;
}

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

  .einrueckung {
    margin-left: -1vw;
    padding-left: 4vw;
    text-indent: -3vw;
  }

.navbar {
padding: 18vw 6vw 9vw 6vw;
}

.logo-doris {
  width: 56vw;
  min-width: 150px;
  height: auto;
}

.navbar-toggler-icon {
    width: 10vw;
    height: 10vw;
}

.navbar-toggler {
    margin-top: -33vw;
}



#drittinfobereichkinderbox {
    padding: 0vw 6vw 4vw 6vw;
}

#box-lernstoerungen, #box-davis-methode, #box-ueber-mich, #box-training {
    padding: 0vw 6vw 4vw 6vw;
}

#box-impressum, #box-datenschutzerklaerung {
    padding: 10vw 6vw 10vw 6vw;
    border-top: solid .6vw #ffffff;
}

#box-kontakt {
    padding: 10vw 6vw 10vw 6vw;
    border-top: solid .6vw #ffffff;
}



.innentext-kinderbox {
  margin: 8vw 8vw 4vw 8vw;
}

.btn-doris {
  border-radius: 1.5vw;
  font-size: 4vw;
  line-height: 5vw;
  padding: 0.4vw 0.7vw 0.4vw 0.7vw;
}
.btn-doris2 {
  border-radius: 1.5vw;
  min-width: 55vw;
  font-size: 4vw;
  line-height: 5vw;
  padding: 0.4vw 0.7vw 0.4vw 0.7vw;
  margin-bottom: 5vw;
}

p {
  font-size: 4.5vw;
  line-height: 7vw;
}

#drittinfobereichkinderboxinhalt p {
  font-size: 4.5vw;
  line-height: 7vw;
}

#drittinfobereichkinderboxinhalt {
background: url("../img/grafik_berg-hellbl_baeume-rot.svg");
background-size: 100vw auto;
background-position: -3vw 100.2%;
background-repeat: no-repeat;
background-color: #ffffff;
}

#boxinhalt-lernstoerungen, #boxinhalt-davis-methode, #boxinhalt-training {
background: url("../img/grafik_berg-hellbl_baeume-rot.svg");
background-size: 100vw auto;
background-position: -3vw 100.2%;
background-repeat: no-repeat;
background-color: #ffffff;
}

#boxinhalt-datenschutzerklaerung {
background: url("../img/grafik_berg-hellbl_baeume-rot.svg");
background-size: 100vw auto;
background-position: -3vw 100.05%;
background-repeat: no-repeat;
background-color: #ffffff;
}

#boxinhalt-kontakt {
  padding: 0.1vw 0vw 8vw 0vw;
}

#boxinhalt-datenschutzerklaerung {
margin-bottom: 5vw;
}


#boxinhalt-impressum {
}

#boxinhalt-ueber-mich {
background-color: #ffffff;
}


#boxinhalt-lernstoerungen p, #boxinhalt-davis-methode p, #boxinhalt-ueber-mich p, #boxinhalt-training p, #boxinhalt-kontakt p, #boxinhalt-impressum p, #boxinhalt-datenschutzerklaerung p {
  font-size: 4.5vw;
  line-height: 7vw;
}


#zitatbox1 {
  padding: 4vw 30vw 20vw 14vw;
    background: url("../img/foto_davis-methode_2.jpg");
    background-size: 300% auto;
    background-repeat: no-repeat;
    background-position: 80% 180%;
    background-color: #E2EBF6;
}

#zitatbox2, #zitatbox3 {
  min-height: 60vw;
  padding: 4vw 30vw 20vw 14vw;
    background: url("../img/foto_zitat.jpg");
    background-size: 200% auto;
    background-repeat: no-repeat;
    background-position: 80% bottom;
    background-color: #E2EBF6;
}


#drittinfobereich p {
  font-size: 4.5vw;
  line-height: 7vw;
}

.infotext-linksbuendig, .infotext-mittig {
  font-size: 4.5vw;
  line-height: 7vw;
}

h2 {
  font-size: 5.5vw;
  line-height: 9vw;
}

#zweitinfobereich h2 {
  font-size: 5.5vw;
  line-height: 8vw;
}

h1, #erstinfobereich h1{
  font-size: 4.5vw;
  line-height: 7vw;
}

#slogan {
  padding: 8vw 6vw 8vw 6vw;
}
#slogan p {
font-size: 8vw;
line-height: 10vw;
}

#erstinfobereich {
  padding: 8vw 14vw 8vw 14vw;
  background: url("../img/grafik_punkte-weiss-transp_576.png");
  background-size: 100vw auto;
  background-repeat: no-repeat;
  background-color: #E2EBF6;
}

#zweitinfobereich {
  width: 100%;
  height: auto;
  background: url("../img/foto_kinder-zeigen_1_sm.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 8vw 6vw 6vw 6vw;
  border-top: solid .4vw #ffffff;
}


#kindererwachsenenschalter1,#kindererwachsenenschalter2 {
  padding: 16vw 14vw 0vw 14vw;
}

#drittinfobereich {
  padding: 6vw 6vw 6vw 6vw;
}

#drittinfobereichkinder {
  padding: 0vw 8vw 14vw 8vw;
}

.linieuntertext {
  --bs-gutter-x: 0rem;
  border-bottom: solid 1vw;
}

.bildmitlinieoben {
border-top: solid .4vw #0085bf;
}

.bildtext {
  height: 10vw;
  margin-top: -9.9vw;
  margin-left: 8vw;
}

#persoenlicheinfo {
  padding: 14vw 6vw 20vw 6vw;
}

.innentextbox1 {
padding: 8vw 8vw 0vw 8vw;
}

.textbox-unter-titelbild {
  padding: 8vw 14vw 18vw 14vw;
}

.innentext-ueber-bild p {
  font-size: 4.5vw;
  line-height: 7vw;
}

.innentext-ueber-bild {
padding: 8vw 7vw 4vw 7vw;
}

.bild-im-fliesstext {
  margin-top: 2vw;
  margin-bottom: 0vw;
}

.bild-im-fliesstext-kontakt {
  margin-top: 4.5vw;
  margin-bottom: 8vw;
}

#boxinhalt-ueber-mich {
  padding: 0vw 0vw 4.5vw 0vw;
}

#footerrot {
padding: 5vw 14vw 5vw 14vw;
border-top: solid .6vw #ffffff;
}

#footerbild {
  min-height: 30vw;
  padding: 6vw 14vw 5vw 14vw;
background: url('../img/grafik_berg_1a.png') left bottom no-repeat,
url('../img/grafik_baeume_3_weiss.png') 85% bottom no-repeat,
url('../img/foto_fuss.jpg') left bottom no-repeat;
background-size: 100vw auto, auto 25vw, cover;
}

#footerweiss {
  padding: 3.5vw 14vw 7vw 14vw;
}
#footergrau {
  min-height: 4vw;
}

.kuplogo {
  width: 35vw;
  height: auto;
margin: .6vw auto .6vw 60vw;
}

}