@font-face {
    font-family: 'Lora';
    src: url('../fonts/Lora-Regular.woff2') format('woff2'),
        url('../fonts/Lora-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-LightItalic.woff2') format('woff2'),
        url('../fonts/Nunito-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Light.woff2') format('woff2'),
        url('../fonts/Nunito-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Italic.woff2') format('woff2'),
        url('../fonts/Nunito-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Nunito-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-SemiBold.woff2') format('woff2'),
        url('../fonts/Nunito-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Regular.woff2') format('woff2'),
        url('../fonts/Nunito-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

 *, ::after, ::before {
     box-sizing: border-box;
}
 html {
     font-size:100%;
     font-variant-ligatures: none;
     text-rendering: optimizeLegibility;
}
 body {
     min-height: 100%;
     font-size: 1.0625rem;
     font-weight: 300;
     line-height: 1.5rem;
     text-align: center;
     color:#222222;
     font-family:"Nunito",Arial,sans-serif;
     padding:0px;
     background-color:#fff;
}
h1, h2 {
font-family:"Lora",Arial,sans-serif;
}
a, a:link,a:visited, a:hover, a:active {
color:inherit;
text-decoration:underline;
}
a[href*="tel"], a[href*="tel"]:link,a[href*="tel"]:visited {
text-decoration:none;	
}
a:hover,a:active {
text-decoration:none;
}
 img {
     max-width:100%;
     height:auto;
	 display:block;
}
header, section {
width:100%;
text-align: center;
padding:26px;
margin-bottom:26px;
}
header, #intro {
background-color:#a8d8e7;
}
#intro , footer  {
padding:35px 26px;	
}
footer  {
width:100%;
text-align: center;
background-color:#b0b2d6;
}
/* Main */
.center {
max-width:1440px;
width:100%;
position:relative;
margin:0 auto;
padding:0px;
text-align: left;
}
#intro .center, footer .center {
max-width:1000px;
background-color:rgb(255,255,255,0.7);
padding:25px;
border-radius:15px;
}
#zitat .center {
max-width:900px;	
}
header .center, #about .center {
display: table; /* Fallback IE<9 */
display: flex;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;  
justify-content: space-between;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
}
.col {
width:49%;
flex:0 0 49%;
-ms-flex:0 0 49%;
-webkit-flex:0 0 49%;
padding:15px 20px;	
border-radius:15px;
}
.center > *:last-child, .col > *:last-child {
margin-bottom:0px;	
}
#about .col {
padding:28px;
}
header .col:first-child {
background-color:#6166ad;
}
header .col:last-child {
background-color:#fff;
text-align:right;
}
#headerbild {
background-color:#f0eeec;
padding:0px;	
}

#about .col:first-child {
background-color:#cfd1e6;
}
#about .col:last-child {
background-color:#cbe8f1;
margin-bottom:65px;
}

main ul, main ul li{
     padding:0px;
     margin:0px;
     list-style:none;
}
 main ul {
     margin:0px 0px 1.175rem 0px;
}
 main ul li {
     position: relative;
     margin-bottom: .6rem;
     padding-left: 1.175rem;
}
 main ul li:before {
     background-color:#6166ad;
     position:absolute;
     left:0px;
     top:11px;
     display:block;
     height:4px;
     width:4px;
     content:'\0020';
}
#themen ul {
  columns: 3;
  column-gap: 3rem;
  margin-top:40px;
}
#themen ul li {
  break-inside: avoid;
  margin-bottom:20px;
}
 h1 {
     color: #fff;
     font-size:1.9rem;
     line-height:1.2em;
     font-weight:400;
     margin:0px 0px 0.61em 0px;
}
header h1 {
font-family:"Nunito",Arial,sans-serif;	
font-size:1.5rem;
line-height:1.6em;
margin-bottom:0px;
}
header h1 b {
font-weight:400;	 
font-size:1.9rem;
display:block;	 
font-family:"Lora",Arial,sans-serif;
}
header h1 a, header h1 a:link, header h1 a:visited {
text-decoration:none;
}
h2 {
font-size:1.9rem;	
line-height: 2rem;
font-weight:400;	
margin:0px 0px 1rem 0px;
color:#6166ad;
}
header h2 {
font-size:1.6rem;
color:#076eaa;
line-height:1.45em;
margin-bottom:0px;
}
header h2 b {
font-size:1.45rem;
font-weight:400;	
display:block;	 
}
header h2 b span {
display:none;
}
#intro h2 {
font-weight:400;	 
font-size:1.9rem;	
}
h3 {
font-size:1.55rem;	
line-height: 1.82rem;
margin:0px 0px 0.2em 0px;
font-weight:300;
}
#intro h3 { 
font-size:1.55rem;	
color:#6166ad;
}
.front h2 + h3 {
margin-top:-10px;
margin-bottom:0.71em;
}
footer h2 + h3 {
margin-top:25px;
margin-bottom:0.2em;
}
footer h3 {
color:#6166ad;
}
p, main ul, address {
     font-size:1.1em;
     line-height:1.5em;
     margin:0px 0px 1.1em 0px;
}
p b, p strong {
font-weight: 700;
} 
blockquote {
color: #076eaa;
  font-size: 1.4em;
  font-weight: 300;
  text-align: center;
  line-height: 1.35em;
  position: relative;
  margin: 15px 65px;
}
blockquote:before {
background:transparent url(../img/quote.png) no-repeat left top;
position:absolute;
left: -60px;
top: -6px;
display:block;	
height:41px;
width:53px;
content:'\0020';		
}
blockquote b {
font-family:"Lora",Arial,sans-serif;	
font-weight:400;
}
blockquote span {
font-family:"Lora",Arial,sans-serif;	
font-weight:400;
color:#6a61ad;	
}
blockquote + p {
font-family:"Lora",Arial,sans-serif;	
font-weight:600;
color:#6a61ad;	
text-align:center;		
}
.highlight {
background-color:#6166ad;
padding:17px 20px;	
  margin-top: 30px;
}
.highlight * {
color:#fff;	
font-size: 1.2rem;
line-height:1.35em;
font-weight:400;
margin-bottom:0px;
}
.highlight h3 {
font-family:"Lora",Arial,sans-serif;	
font-size: 1.3rem;
line-height:1.4em;
margin-bottom:0.21em;
}
.highlight + p {
text-align:right;
margin-top:20px;
color:#6166ad;
}
#about img {
margin-bottom: -100px;
position: relative;
top: 0px;
  max-width: 80%;
  margin-left: 13%;
}


@media (max-width: 1440px) {
#headerbild img {
max-width: 144%;
    margin: 0px -24% 0 -20%;
    width: 144%;
}
}

@media (max-width: 1250px) {
#about img {
  max-width: 100%;
  margin-left: 0;
}
}

@media (max-width: 1150px) {
header .col:first-child {
width: 68%;
  flex: 0 0 68%;
  -ms-flex: 0 0 68%;
  -webkit-flex: 0 0 68%;
}
header .col:last-child {
width: 30%;
  flex: 0 0 30%;
  -ms-flex: 0 0 30%;
  -webkit-flex: 0 0 30%;
}
}

@media (max-width: 1120px) {
#about img {
margin-top: 50px;
}
}

@media (max-width: 1024px) {
#about .center {
display:block;
}	
#about .col {
width:100%;
}
#about .col:first-child {
margin-bottom:26px;
}
#about img {
top: 20px;
}
#themen ul {
columns: 2;
}
#themen {
margin-bottom:0px;
padding-bottom:10px;
}
#zitat {
margin-bottom:0px;
}
#about img {
margin-top: 0px;
}
}


@media (max-width: 850px) {
header h1 {
font-size: 1.3rem;
}
header h1 b {
font-size: 1.6rem;
}
header h2 b {
  font-size: 1.2rem;
}
header h2 {
  font-size: 1.33rem;
}
}

@media (max-width: 720px) {
header .center {
display:block;
}	
header .col, header .col:first-child, header .col:last-child {
width:100%;
}
header .col:first-child {
margin-bottom:15px;
}
header .col:last-child {
text-align:left;
}
header h2 b span {
display:inline;
}
header, section {
padding:15px;
}
.col {
padding: 10px 15px;
}
header h2 b {
display:inline;
}
#intro, footer, #about .col, #intro .center, footer .center {
padding: 15px;
}
#intro h2, h2 {
font-size: 1.7rem;
}
#intro h3, h3 {
  font-size: 1.4rem;
}
p, main ul {
  font-size: 1em;
}
blockquote {
font-size: 1.2em;
}
 #about img {
width: 450px;
}
 #about .col:last-child {
margin-bottom: 81px;
}
#themen ul {
columns: 1;
margin-top:20px;
}
#themen ul li {
margin-bottom: 15px;
}
#praxiswand {
padding:0px;
}
#praxiswand img {
max-width: 120%;
    margin: 0px -10%;
    width: 120%;
}
.highlight h3 {
font-size: 1.2rem;
}
.highlight * {
font-size: 1rem;
}
}

@media (max-width: 600px) {
#praxiswand img {
max-width: 160%;
    margin: 0px -30%;
    width: 160%;
}
}

@media (max-width: 480px) {
#headerbild img {
max-width: 100%;
    margin: 0px;
    width: 100%;
}	
blockquote::before {
top: -25px;
margin-left: -25px;
left:50%;
}
blockquote {
  margin: 15px 0px;
  padding-top: 25px;
}
#praxiswand img {
max-width: 190%;
    margin: 0px -45%;
    width: 190%;
}
}

@media (max-width: 460px) {
 header h1 b {
    font-size: 1.3rem;
  }
  header h1 {
    font-size: 1.1rem;
  }  
}

@media (max-width: 420px) {
 header h2 b {
    display: block;
  }	
}
@media (max-width: 400px) {
header h1 {
    font-size: 0.951rem;
  }
}