@font-face {
    font-family:Open Sans;
    src: url("/fonts/OpenSans-Regular.ttf") format("truetype");
}

body {
    padding-top: 100px;
    position: relative;
    font-family:Open Sans,  sans-serif;
    margin-right:15px;
}

.cont {
    margin-left: 15px;
    margin-right: 15px;
}

.header-friedrich {
   font-size: x-large;
   padding-top: 6%;
    padding-left: 31%;
-webkit-padding-left:31%;
}
.nav {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.navbar-toggle {
    margin-right: 30px;
}
.navbar img {
    width: 30%;
    height: 30%;
}
img {
    vertical-align: middle;

}
.image-respon {
    width: 50%;
    height: 40%;
    margin-left: 30%;

}

@media (min-width:768px){
    .navbar-default{background-color:transparent;padding:20px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s;border:0}
    .navbar-default .navbar-brand{font-size:2em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
    .navbar-default .navbar-nav>.active>a{border-radius:3px }
    .navbar-default.navbar-shrink{background-color:white;padding:30px 0}
    .navbar-default.navbar-shrink .navbar-brand{font-size:1.5em}
}


.navbar-default .navbar-nav>.active>a{
    border-radius:0;
    color:#fff;
    background-color:lightblue}


.a:active{

    background-color: lightblue;}

/* im Menue Listen Links HOver BackgroundFarbe ändern */
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{
    color:black;
    outline:0;
    background-color: lightblue;
}

/*im Menue bei Hover links Background Farbe ändern*/
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus
{color:#fff;
    background-color:lightblue}




.navbar-collapse.in{
    background-color: white;
    overflow-y: auto;
    opacity: 1.0;

}
.einleitung {
    font-size: large;
    text-align: center;
}
@media (max-width: 767px) {
    .navbar-left {

        overflow-y: auto ;
        position: absolute; }


}
/*}*/
 .menue {
    padding-top: 2%;
}
    .navbar {
        margin-bottom: 0;

    }


.navbar-collapse.in {
    background-color: white;
    overflow-y: hidden;
    opacity: 1.0;
    height: 500px;
}
/* Brand Farbe im Smartphone */
.navbar-default .navbar-toggle{
    background-color:lightblue;
    border-color:darkblue}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
    background-color:darkgray}

.animate{
left:-200px;
  width:300px;
height: 300px;
    background-color:whitesmoke;
    color:darkgray;
    margin-top:-5px;




}
.animate ul li {
    height: 2.2em;
    padding-top: 4%;
    font-size: medium;
    color:white;
    list-style: none;
}
.animate ul li a {
    color:darkgray;
}

.animate3 {
    left:700px;
}

section {
  margin:0 20px;
   margin-top:2%;
    margin-bottom:2%;
    padding: 2% 0;

    color:#5d5f61;
}
@media (max-width: 768px) {
    section {
        margin: 0 20px;
        margin-top: 2%;
        margin-bottom: 2%;
        padding: 1% 0;

    }
}
.sectionHoehe {
}
.section-heading {
    color: #89ABE3;
    padding:0;
}
.text {
    font-size: 140%;
    padding-left: 20px;
    margin-right: 20px;
    font-family: Open Sans, sans-serif ;
}

.textfett {

    font-weight: bold;

}


/*zur Person Tabellle*/
.Abstandnachunten {
    margin-bottom: 23px;
}
.AbstandnachuntenfürBeratungsschwerpunkte {
    margin-bottom: 30px;
}
.zurperson {
    font-size: large;
}
.liststylenone  {
    list-style: none;
}
/*Impressum*/
.larger {
    font-size: large;
}
.impress {
    font-size: large;
}
@media(max-width: 768px) {
    .text {
        font-size: 1.2em;
       margin-right:20px;
        padding-left: 8%;
        font-family: Open Sans, sans-serif ;
    }
}

.lineheight
{
    line-height:1.5em;
    font-size:medium;

}
.text-center {
    font-family: Open Sans,  sans-serif;
    font-weight: 100;
}


.kontaktadresse {

    font-weight: 100;
    padding-left: 10%;
    margin-right:20px;
}
.überschrift {
    font-size: 250%;
}
.willkommen{
    padding-left: 3%;
    margin-left: 3%;
}

@media (min-width: 768px) {
    .willkommen{
        margin-right: 4%;

    }

}
.untererGrenzstrich {
    border-bottom: 1px solid lightgrey;
margin-bottom: 10%;
    margin-top: 2%;
}
.grenzstrich {
    padding-top: 4%;
    border-top: 1px solid lightgrey;

    
}
@media (min-width: 768px) {
    .navbar-default.navbar-shrink {
        background-color:lightgrey;
        opacity:0.9;
        margin-top: -10px;
        font-size: 60%;
    }
}
/*IPad size */


@media (max-width: 900px) {
    .navbar-default.navbar-shrink {
        background-color: lightgrey;
        opacity: 0.9;
        margin-top: -10px;
        font-size: 60%;
    }
}
@media (min-width: 900px){
          .navbar-default.navbar-shrink {
            background-color: lightgrey;
            opacity: 0.9;
            margin-top: -10px;
            font-size:95%;
        }
    }

@media (max-width: 1025px) {
    .navbar-default.navbar-shrink {
        background-color:lightgrey;
        opacity:0.9;
        margin-top: -10px;
        font-size: 90%;
    }
}


@media (min-width: 1031px) {
    .navbar-default .nav li a {
        font-family: Open Sans,  sans-serif;  ;
        font-weight: 400;
        letter-spacing: 1px;
        color: #5d5f61;
        font-size: larger;
    }

}




/* IPad Size landscape*/
@media (max-width: 1030px) {
  .navbar-default  .nav li  a {
        position: relative;
        display: block;
        padding: 5px 5px;
        font-size: small;
    }

}
@media (max-width: 768px) {
    .navbar-default.navbar-shrink {
        background-color:lightgrey;
        opacity:0.9;
        margin-top: -3px;
        padding-top:1%;
      height:90px;
    }
}
/* logo für IPad portrait Modus */
@media (max-width:900px) {
    .navbar img {
        padding-top: 3% ;
        padding-bottom:2%;
        margin-bottom: 1%;
        width: 20%;
        height: 20%;

    }
}






@media (max-width:768px) {
    .navbar img {
        padding-top: 3% ;
        padding-bottom:2%;
        margin-bottom: 1%;
        padding-left:3%;
        width: 20%;
        height: 20%;

    }
}


@media (max-width:670px) {
    .navbar img {
        padding-top: 3% ;
        padding-bottom:2%;
        padding-left: 3%;
margin-bottom: 1%;
        width: 40%;
        height: 30%;

    }
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: none;
}







    .navbar-right{float:right!important;margin-right:15px}
    .navbar-default .navbar-nav>li>a {
        color: #5d5f61;

    }
/*Navigation im Portrait Modus IPAd Modus */
@media (min-width: 768px) {
    .navbar-right {
        float: right !important;
        margin-right: 35px;
    }
}
@media (min-width: 900px) {
    .navbar-right {
        float: right !important;
        margin-right: 35px;
    }
}
/* IPad Navigation im Landscape modus*/
@media (min-width: 1000px){
    .navbar-right {
        max-height: 340px;


    }
}
@media (max-width: 1020px){
    .navbar-right {
        max-height: 340px;

    }
}

.navbar-default .navbar-toggle {
    background-color: lightblue;
    border-color: lightblue;
}


@media (max-width: 500px) {
    .hauptlogo img {
        margin-top:9%;

        width:60%;
        height:60%;

    }
}

@media (min-width: 501px) {

    .hauptlogo img {
        margin-top:6%;

        width:60%;
        height:60%;

    }
}


.text-muted {
    color: #94AAD1;
    font-size: 140%;
    font-family: Open Sans,  sans-serif;
}

section {
    margin: 0 10px;
    margin-top: 1%;
    margin-bottom: 1%;
    padding: 1% 0;
    color: #5d5f61;
}

section h2.section-heading {
    /* font-size: 40px; */
    margin-top: 0;
    margin-bottom: 15px;
    color: #5d5f61;
}
.Absatz {
    height: 30px;
}
.arrowDown{
    opacity:0.1;
    margin-left: 40%;
    margin-right: 40%;
}
/*Öffnungszeiten*/
 table {

     width:100%;
 }
/*Öffnungszeiten sm und größer Größe */

@media (min-width: 1070px) {
    td {

        text-align: left;
        padding-left: 2%;
        font-size: large;
    }
}

@media (max-width: 1000px) {
    td {

        text-align: left;
        padding-left: 2%;
        font-size: larger;
    }
}

@media (max-width:1000px) {
   td {

        text-align: left;
        padding-left: 2%;
        font-size: smaller;
    }
}

/*
@media (min-width: 768px) {
    td {

        text-align: left;
        padding-left: 2%;
        font-size: smaller;
    }
}
*/



 /* für Leistungen ode moderne Zahnheilkunde Listen Formatierung*/
ul li {
    list-style-type: none;

}

.leistungen {
   margin-top: 4%;
    padding-top: 6%;
}


 .zuruck {
    margin-left:90%;
     margin-right:4%;
}

ul li {
   list-style-type: circle;
}
/* css für Panel Service Leistungen*/









/*Download Bereich*/


.listStyleNone li {
    list-style-type: none;
}
/*Kontakt*/
/*adressen Formatierung*/
.adresse {
    padding-top:6%;
}
/*adressen Formatierung für smartphone*/
@media(max-width: 768px) {
   body {
       padding-left: 3%;
   }
    section {
        margin-bottom:10%;
        margin:0 20px;
    }
    .adresse {
        left:15%;
    }
    .kontaktadresse {
        padding-bottom:0;
        margin:0 20px;
    }


}




footer {
    font-family: "Open Sans",sans-serif;
    color:#5d5f61;
    font-weight: 100;
    background-color: whitesmoke;
    margin-left:-20px;
    margin-right: -20px;
}



.impressum:hover {
    color:lightblue;
    cursor:pointer;
}