/* Reset
-------------------------------------------------- */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
article, aside, details, figure, figcaption,
footer, header, hgroup, main, nav, section, summary {
  display: block;
}
/**/
/*Roboto-----------------------------------------------------------*/

@font-face {
   font-family: Cavolini;
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/cavolini/CAVOLINI.TTF') format('truetype');
}

@font-face {
   font-family: Cavolini;
   font-style: normal;
   font-weight: 600;
   src: url('../fonts/cavolini/CAVOLINIBOLD.TTF') format('truetype');
}

@font-face {
   font-family: Cavolini;
   font-style: italic;
   font-weight: 400;
   src: url('../fonts/cavolini/CAVOLINIITALIC.TTF') format('truetype');
  
}

@font-face {
   font-family: Cavolini;
   font-style: italic;
   font-weight: 600;
   src: url('../fonts/cavolini/CAVOLINIBOLDITALIC.TTF') format('truetype');
}



/* Pix
-------------------------------------------------- */
img {
  display: block;
  max-width: 100%;
 }


/* allgemeine Links im Text
-------------------------------------------------- */
a {
  text-decoration: none;
  color: #cc6600;
  font-weight: 500;
 }
a:hover {
 color: #cc6600;
 font-weight: 600;
}

/*Raster
 * +++++++++++++++++++++++++++++++++++++++++++++++++*/
.row {
    width: auto;
    margin: auto;
}
.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.col {
    float: left;
}
    .large-0 {width: 25%;}
    .large-1 {width: 33.33%;}
    .large-2 {width: 50%;}
    .large-3 {width: 66.33%;}
    .large-4 {width: 75%;}
    .large-5 {width: 100%;}
     
 /* Site
------------------------------------------------------------------*/

body {
  font-family: 'Cavolini';
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 1.1em;
  line-height: 1.4;
  color: #606060;
  
}
.seite {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  margin: auto;
}
 
/*Hintergründe------------------------------------------------------
 * ----------------------------------------------------------------*/


.bgr01 {
    background-color: #bfe2ca;
}
.bgr02 {
    background-color: #ffff99;
}
.bgr03 {
    background-color: #d0e2ec;
}
.bgr04 {
    background-color: #EAE49D;
    opacity:0.9;
}
.bgr05 {
    background-color: #fff;
}
.bgr06 {
    background-color: rgb(239%, 239%, 239%, 0.8);
}
.bodyfarbe {
    background-image: url(../../content/hintergrund-sonne.jpg);
}
.bgr07 {
    background-image: url(../../content/praxis05.jpg);
    backgrouns-size: cover ;
    background-repeat: no-repeat;
    background-position: 30% 10%;
    }



.trennlinie img{
    width: 100%;
   padding-top: 2em;
   padding-bottom: 1em;
}
/*Spalten im Text*/
.columns {
  width: 100%;
  float: left;
  
}
.column {
  width: 47%;
  float: left;
  margin-right: 3%;
  margin-bottom: 1.5em;
}


/*allgemeine Einstellungen--------------------------------------------
 * -----------------------------------------------------------------*/
  .test {
    background-color: yellow;
  }

/* Überschriften udn Texteinstellungen-----------------------------  */
h1 {
  font-size: 1.8em;
  line-height: 1.25;
  font-weight: 300;
  color: #93642e;
}
h2 {
  font-size: 1.6em;
  line-height: 1.25;
  font-weight: 300;
  color: #93642e;
}
h3 {
  font-size: 1.4em;
  line-height: 1.25;
  font-weight: 400;
  
}
h4 {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.25;
}
h5 {
  font-size: 0.8em;
  font-weight: 400;
 } 
.textmitte {
    text-align: center;
}
.linieoben {
    border-top : 1px solid #ddd;
}
.linieunten {
    border-bottom: 1px solid #f7dfa3;
}

.textklein {
    font-size: 0.8em;
}
.textfett {
    font-weight: 600;
}
.headerkontakt {
    text-align: right;
    color: #93642e;
    font-size: 1.2em;
    padding-top: 0.5em;
}
.liste {
    padding: 1em;
}

/*Anstände ---------------------------------------------------------
 * ----------------------------------------------------------------*/

/*normale Abstände*/
 
.disoben01  {
  padding-top: 0.5em;
}
.disoben02  {
  padding-top: 1em;
}
.disoben03  {
  padding-top: 1.5em;
}
.disoben04  {
  padding-top: 2em;
}
.disoben05  {
  padding-top: 2.5em;
}
.disoben06  {
  padding-top: 3em;
}
.disoben07  {
  padding-top: 7em;
}
.disunten01 {
   padding-bottom: 0.5em;
}
.disunten02 {
   padding-bottom: 1em;
}
.disunten03 {
   padding-bottom: 1.5em;
}
 .disunten04 {
   padding-bottom: 2em;
}
.disunten05 {
    padding-bottom: 2.5em;
}
.disunten06 {
    padding-bottom: 3em;
}
.disunten07 {
    padding-bottom: 7em;
}
 .dislire01 {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.dislire02 {
    padding-left: 1em;
    padding-right: 1em;
}

/* alle Angaben für den Inhaltsbereich Main bei Kirbytext
------------------------------------------------------------------- */
.main hr {
     margin-top: 2em;
     margin-bottom: 1em;
     color: #dfdfdf;
     height: 1px;
     width: 97%;
     border-width: 0;
     background-color: #dfdfdf;
     clear: both;
}
.main h1, h2, h3, h4 {
  padding-top: 0.5em;
  }
  
.main p,
.main ul,
.main ol {
 padding-top: 1em;
 display: block;
}

.main li {
    margin-left: 0.5em;
    padding-bottom: 0.5em;
}
.main table {
    width: 100%!important;
    border-collapse: collapse;
    margin-top: 2em;
    margin-bottom: 2em;
}
.main th {
    font-weight: 400;
}
.main table, th, td {
    width: auto;
    padding: 0.5em;
    border: 1px solid #dfdfdf;
    text-align: left;
}
/*Tabelle ohne Linien*/
.tabelle {
    border-collapse: collapse;
    margin-top: 2em;
    margin-bottom: 2em;
}
.tabelle th {
    font-weight: 400;
}
.tabelle th, td {
    width: auto;
    padding: 0.5em;
    border: 0px solid #dfdfdf;
    text-align: left;
}

/* Text blocks
 * -----------------------------------------------------------------*/
.text ul,
.text ol {
  margin-left: 0.5em;
}
 
/*Bilder allgemen --------------------------------------------------*/
.bild100 {
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildlinks20 {
    width: 20%;
    padding-right: 1em;
    float: left;
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildlinks25 {
    width: 25%;
    padding-right: 1em;
    float: left;
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildlinks30 {
    width: 33.33%;
    padding-right: 1em;
    float: left;
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildlinks40 {
    width: 40%;
    padding-right: 1em;
    float: left;
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildlinks50 {
    width: 50%;
    padding-right: 1em;
    float: left;
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildlinks60 {
    width: 60%;
    padding-right: 1em;
    float: left;
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildlinks70 {
    width: 70%;
    padding-right: 1em;
    float: left;
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildrechts20 {
    width: 20%;
    padding-left: 1em;
    float: right;
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildrechts25 {
    width: 25%;
    padding-left: 1em;
    float: right;
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildrechts30 {
    width: 33.33%;
    padding-left: 1em;
    float: right;
    padding-top: 1em;
    padding-bottom: 1em;
} 
.bildrechts40 {
    width: 40%;
    padding-left: 1em;
    float: right;
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildrechts50 {
    width:50%;
    padding-left: 1em;
    float: right;
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildrechts60 {
    width: 60%;
    padding-left: 1em;
    float: right;
    padding-top: 1em;
    padding-bottom: 1em;
    
}
.bildrechts70 {
    width: 70%;
    padding-left: 1em;
    float: right;
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildrund {
    width: 35%;
    float: left;
    padding: 2em;
}
.bildrund img{
   border-radius: 50%;
   box-shadow: 5px -5px 15px #ddd;
}

/*allgemeine Angabe für alle Bildunterschriften*/
figcaption {
    color: #606060;
    padding-bottom: 1.5em;
    font-size: 0.9em;
    font-style: italic;
 }
 

/* Header
-------------------------------------------------- */
.headerfest {
    position: fixed;
    height: 5.5em;
    top: 0;
    width: 100%;
    z-index: 200;
}
.content {
     margin-top: 5.5em;
}

.headertext {
    font-size: 2em;
    color: #93642e;
    margin-top: 0.25em;
}
.headerkontakt {
    text-align: right;
    color: #93642e;
    font-size: 1.2em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}
/*Logo im ersten Textfeld*/
.logo {
    width: 35%;
    padding-left: 1em;
    float: right;
    padding-top: 1em;
    padding-bottom: 1em;
}
  
/*Brotkrümelmenu, snippet breadcrumb ----------------------------------*/
  
.crumb li {
    display: inline;
    font-size: 0.8em;
}

/*video auf Hompage------------------------------------------------*/
.video iframe
 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
} 

  
/* footer---------------------------------------------------------*/  
.footer {
    color: #93642e!important;
}
 
.bgrfooter {
    background-image: url(../../content/praxis04.jpg);
    backgrouns-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
}

.disfooter {
    padding-top: 5em;
    padding-bottom: 15em;
}

 

/*Menu im fuss----------------------------*/
.menufuss li{
    list-style: none;
}
.menufuss li a {
    color: #93642e!important;
}
.menufuss li a:hover {
    font-weight: 600;
}
.activefooter  {
    font-weight: 600;
    color: #93642e!important;
}
/*Impressum*/
.zeige {
    display: inline-block;
}

 /*Flexcontainer für Referenzbilder auf Artikelseiten----------------*/
.refcontainer {
    display: flex;
    flex-direction: row ;
    flex-wrap: wrap;
}
.refbox {
     width: 31.333%;
     margin-left: 1%;
     margin-right: 1%;
     margin-top: 1em;

}



 @media screen and (max-width: 1024px) {
   body {
     
   }
   .normal-0 { width: 25%;}
   .normal-1 { width: 33.33%;}
   .normal-2 { width: 50%;}
   .normal-3 { width: 66.6%;}
   .normal-4 { width: 75%;}
   .normal-5 { width: 100%;}

  .seite {
  width: 94%;
  padding-left: 3%;
  padding-right: 3%;
  margin: auto;
}



 /*Logo im Header-----------------------------------*/
.headerfest {
    position: fixed;
    height: 5em;
    top: 0;
    width: 100%;
    z-index: 200;
}
.content {
     margin-top:5em;
}

.logo{
    width: 40%;
}

.bildrund {
    width: 50%;
    float: left;
    padding: 2em;
}
.bildrund img{
   border-radius: 50%;
   box-shadow: 5px -5px 15px #ddd;
}
.refbox {
     width: 48%;
     margin-left: 1%;
     margin-right: 1%;
     margin-top: 1em;

}

   }
  /*Angaben für Bildschirm größer 780Pixel
 * ----------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  body {
    
    
   }

.middle-0 { width: 25%;}
.middle-1 { width: 33.3%;}
.middle-2 { width: 50%;}
.middle-3 { width: 66.6%;}
.middle-4 { width: 75%;}
.middle-5 { width: 100%;}
 
 
.headerfest {
    position: fixed;
    height: 6em;
    top: 0;
    width: 100%;
    z-index: 200;

}
 
.content {
     margin-top:6em;
} 

.headertext {
    font-size: 1.8em;
    color: #93642e;
    margin-top: 0.25em;
}
.headerkontakt {
    text-align: right;
    color: #93642e;
    font-size: 1.1em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}



.logo{
    width: 70%;
    padding-left: 0em;
    float: none;
    margin-left: 15%;
    padding-top: 0.5em;
    padding-bottom: 1em;
}

h1 {
  font-size: 1.8em;
  line-height: 1.25;
  font-weight: 300;
  color: #93642e;
}
h2 {
  font-size: 1.6em;
  line-height: 1.25;
  font-weight: 300;
  color: #93642e;
}
h3 {
  font-size: 1.3em;
  line-height: 1.25;
  font-weight: 400;
}
h4 {
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.25;
}

 .bildrund {
    width: 50%;
    float: left;
    padding: 2em;
}
.bildrund img{
   border-radius: 50%;
   box-shadow: 5px -5px 15px #ddd;
}
.refbox {
     width: 98%;
     margin-left: 1%;
     margin-right: 1%;
     margin-top: 1em;

}

}

 /*Angaben für Bildschirm größer 520Pixel
 * ----------------------------------------------------------------*/

@media screen and (max-width: 520px) {
  body {
    
    
    }
  .small-0 {width: 50%;}
  .small-1 {width: 100%;}
      

/*Bilder allgemen --------------------------------------------------*/
.bild100 {
    padding-top: 1em;
    padding-bottom: 1em;
}
.bildlinks20 {
    width: 50%;
    padding-right: 1em;
    float: left;
}
.bildlinks25 {
    width: 50%;
    padding-right: 1em;
    float: left;
}
.bildlinks30 {
    width: 50%;
    padding-right: 1em;
    float: left;
}
.bildlinks40 {
    width: 100%;
    padding-right: 1em;
    float: left;
}
.bildlinks50 {
    width: 100%;
    padding-right: 1em;
    float: left;
}
.bildlinks60 {
    width: 100%;
    padding-right: 1em;
    float: left;
}
.bildlinks70 {
    width: 100%;
    padding-right: 1em;
    float: left;
}
.bildrechts20 {
    width: 50%;
    padding-left: 1em;
    float: right;
}
.bildrechts25 {
    width: 50%;
    padding-left: 1em;
    float: right;
}
.bildrechts30 {
    width: 50%;
    padding-left: 1em;
    float: right;
}
 .bildrechts40 {
    width: 100%;
    padding-left: 1em;
    float: right;
}
.bildrechts50 {
    width: 100%;
    padding-left: 1em;
    float: right;
} 
.bildrechts60 {
    width: 100%;
    padding-left: 1em;
    float: right;
}
.bildrechts70 {
    width: 100%;
    padding-left: 1em;
    float: right;
}
.dislire01 {
    padding-left: 1em;
    padding-right: 1em;
}


/*Spalten im Text*/
.columns {
  width: 100%;
  float: left;

}
 .column {
  width: 100%;
  float: left;
} 

 .headerfest {
    position: fixed;
    height: 8em;
    top: 0;
    width: 100%;
    z-index: 200;
}
.content {
     margin-top:8em;
}


.headerkontakt {
    text-align: left;
    color: #93642e;
    font-size: 1.1em;
    padding-top: 0.5em;
} 
.bildrund {
    width: 100%;
    padding: 2em;
    float: left;
}
.bildrund img{
   border-radius: 50%;
   box-shadow: 5px -5px 15px #ddd;
}
.zeige {
    display: none;
}



}