body::-webkit-scrollbar {
    width: 0.75em;
}
body::-webkit-scrollbar-track {
    background-color: rgba(80, 90, 89, 0.25);
}
body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 138, 125, 1);
}
h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: rgba(80, 90, 89, 1) !important;
    line-height: 1.1;
    color: inherit;
    padding: 0;
    margin: 30px 0 25px 0;
    font-size: 30px;
}
h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: rgba(80, 90, 89, 1) !important;
    line-height: 1.1;
    color: inherit;
    padding: 0;
    margin: 25px 0 20px 0;
    font-size: 26px;
}
h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: rgba(80, 90, 89, 1) !important;
    line-height: 1.1;
    color: inherit;
    padding: 0;
    margin: 25px 0 20px 0;
    font-size: 22px;
}
h4 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: rgba(80, 90, 89, 1) !important;
    line-height: 1.1;
    color: inherit;
    padding: 0;
    margin: 20px 0 10px 0;
    font-size: 18px;
}
p {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: rgba(80, 90, 89, 1) !important;
    max-width: 850px;
}
a {
    color: rgba(0, 138, 125, 1);
    font-family: 'Lato', sans-serif;
}
a:hover {
    color: rgba(226, 146, 0, 1);
}
ul {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: rgba(80, 90, 89, 1) !important;
    list-style-position: inside;
}
.praxisheader {
    margin: 0;
    background-color: rgba(255, 255, 255, 1);
    min-height: 200px;
}
.praxislogo {
    max-height: 250px;
    max-width: 515px;
}
.leistungen-liste {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: rgba(80, 90, 89, 1) !important;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
}
.trennlinie {
    margin-bottom: 50px;
}
.bottomspace {
    margin-bottom: 15px;
}
/* ----------------------- Kontaktbox ----------------------- */

.kontaktbox {
    display: none;
}
/*------------------------------------------------------------*/

.icon {
    padding-top: 3px;
    display: none;
}
.navbar-default {
    background-image: none;
    background-color: rgba(255, 255, 255, 1);
    border-bottom: none;
    border-left: none;
    border-right: none;
    /* border-top: solid 1px rgba(80,90,89,0.25); */
    
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    /* box-shadow: 0px 1px 2px rgba(80,90,89,1); */
    
    border-bottom: solid 1px rgb(0, 138, 125);
    border-top: solid 1px rgb(0, 138, 125);
}
.navbar-nav {
    margin: 0 -15px;
}
.navlogo {
    height: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-transition: visibility 2s, height 1s;
    transition: visibility 2s, height 1s;
}
.hiddenlogo .navlogo {
    visibility: hidden;
    height: 0px;
}
.navbar-default .navbar-nav>li>a {
    color: rgba(80, 90, 89, 1);
    font-family: 'Lato', sans-serif;
}
.navbar-default .navbar-nav>li>a:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 138, 125, 1);
}
#startseite .navbar-default .navbar-nav .startseite>a,
#startseite .navbar-default .navbar-nav .startseite>a:hover,
#startseite .navbar-default .navbar-nav .startseite>a:focus {
    color: rgba(255, 255, 255, 1);
    font-family: 'Lato', sans-serif;
    background-image: none;
    background-color: rgba(0, 138, 125, 1);
    webkit-box-shadow: none;
    box-shadow: none;
}
#praxis .navbar-default .navbar-nav .praxis>a,
#praxis .navbar-default .navbar-nav .praxis>a:hover,
#praxis .navbar-default .navbar-nav .praxis>a:focus {
    color: rgba(255, 255, 255, 1);
    font-family: 'Lato', sans-serif;
    background-image: none;
    background-color: rgba(226, 146, 0, 1);
    webkit-box-shadow: none;
    box-shadow: none;
}
#kontakt .navbar-default .navbar-nav .kontakt>a,
#kontakt .navbar-default .navbar-nav .kontakt>a:hover,
#kontakt .navbar-default .navbar-nav .kontakt>a:focus {
    color: rgba(255, 255, 255, 1);
    font-family: 'Lato', sans-serif;
    background-image: none;
    background-color: rgba(226, 146, 0, 1);
    webkit-box-shadow: none;
    box-shadow: none;
}
#leistungen .navbar-default .navbar-nav .leistungen>a,
#leistungen .navbar-default .navbar-nav .leistungen>a:hover,
#leistungen .navbar-default .navbar-nav .leistungen>a:focus {
    color: rgba(255, 255, 255, 1);
    font-family: 'Lato', sans-serif;
    background-image: none;
    background-color: rgba(226, 146, 0, 1);
    webkit-box-shadow: none;
    box-shadow: none;
}
#team .navbar-default .navbar-nav .team>a,
#team .navbar-default .navbar-nav .team>a:hover,
#team .navbar-default .navbar-nav .team>a:focus {
    color: rgba(255, 255, 255, 1);
    font-family: 'Lato', sans-serif;
    background-image: none;
    background-color: rgba(226, 146, 0, 1);
    webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-fixed-top .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    -webkit-transition: line-height 1s;
    transition: line-height 1s;
}
.navbar-fixed-top {
    border-top: none !important;
}
.navbar-fixed-top .navbar-toggle {
    padding: 25px 10px;
    s
}
.map-container {
    width: 100%;
}
.map-container iframe {
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative;
    /* IE needs a position other than static */
}
.map-container iframe.clicked {
    pointer-events: auto;
}
.map-container iframe.clicked {
    pointer-events: auto;
}
/* ----------------- Toogle Button Animation ----------------- */

.navbar-toggle {
    border: none;
    background: transparent !important;
}
.navbar-toggle:hover {
    background: transparent !important;
}
.icon-bar {
    color: rgba(226, 146, 0, 1);
    width: 22px;
    transition: all 0.6s;
    background-color: rgba(226, 146, 0, 1) !important;
}
.top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.middle-bar {
    opacity: 0;
}
.bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
.collapsed .top-bar {
    transform: rotate(0);
}
.collapsed .middle-bar {
    opacity: 1;
}
.collapsed .bottom-bar {
    transform: rotate(0);
}
.titelbild {
    padding: 0;
    height: 400px;
    background-color: rgba(255, 255, 255, 1) !important;
    display: none;
}
.willkommen {
    background-image: url(../img/praxis_fettes.jpg) !important;
    background-size: cover;
    background-position: center;
    height: 400px;
    /*border-left: solid 1px rgba(50,50,50,1);*/
    /*border-right: solid 1px rgba(50,50,50,1);*/
    
    padding: 0;
    display: none
}
/* Sticky footer styles
-------------------------------------------------- */

html {
    min-height: 100%;
    position: relative;
}
body {
    /* Margin bottom by footer height */
    
    margin-bottom: 375px;
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    
    height: 350px;
    background-color: rgba(80, 90, 89, 0.1);
}
/*---------------------------------------------------*/
/* ------------------- Kontaktbox Footer ------------------- */

.kontaktbox_footer {
    position: relative;
    top: 28px;
    min-height: 130px;
    border-right: none;
    text-align: center;
}
.kontaktbox_footer_last {
    border-right: none;
    min-height: auto;
}
.kontaktbox_footer .kontaktdaten li i {
    display: none;
    float: left;
    font-size: 16px;
    color: rgba(80, 90, 89, 1);
}
.kontaktbox_footer .kontaktdaten li p {
    font-size: 16px;
    color: rgba(80, 90, 89, 1);
}
.kontaktdaten {
    padding: 0;
}
.kontaktbox_footer .kontaktdaten li {
    list-style-type: none;
}
/*------------------------------------------------------------*/
/* ------------------- Accordion  ------------------- */

#accordion .panel-heading {
    padding: 0;
}
#accordion .panel-title > a {
    display: block;
    padding: 0.4em 0.6em;
    outline: none;
    font-weight: bold;
    text-decoration: none;
}
#accordion .panel-title > a.accordion-toggle::before,
#accordion a[data-toggle="collapse"]::before {
    content: "\f077";
    float: left;
    font-family: 'fontawesome';
    margin-right: 1em;
    transition: transform 0.5s
}
#accordion .panel-title > a.accordion-toggle.collapsed::before,
#accordion a.collapsed[data-toggle="collapse"]::before {
    content: "\f077";
    transform: rotate(180deg);
}
.panel-heading {
    background: rgba(255, 255, 255, 1) !important;
}
/*------------------------------------------------------------*/
/* ----------------------- Leistungen  ---------------------- */

.panel-group {
    margin-bottom: 50px;
}
.panel-title > p {
    display: block;
    padding: 0.4em 0.6em;
    outline: none;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
}
.panel-title > p::before {
    content: "\f111";
    float: left;
    font-family: 'fontawesome';
    margin-right: 1em;
    transform: scale(0.65);
}
/*------------------------------------------------------------*/
/* ------------------------ Galerie  ------------------------ */

.modal-dialog {
    width: 95%;
    max-width: 960px;
}
.modal-open .modal {
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow-y: scroll;
}
/*------------------------------------------------------------*/
/* ------------------------- Team  -------------------------- */

h6.description {
    font-weight: bold;
    letter-spacing: 2px;
    color: #999;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
}
.profile {
    margin-top: 25px;
}
.profile h3 {
    font-weight: lighter;
    margin-top: 8px;
    margin-bottom: 10px;
}
/*------------------------------------------------------------*/
/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
    .praxisheader {
        min-height: 300px;
    }
}
/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
    #startseite .navbar-default .navbar-nav .startseite>a,
    #startseite .navbar-default .navbar-nav .startseite>a:hover,
    #startseite .navbar-default .navbar-nav .startseite>a:focus {
        color: rgba(226, 146, 0, 1);
        background-image: none;
        background-color: rgba(255, 255, 255, 1);
        border-bottom: solid 6px rgba(0, 138, 125, 1);
        webkit-box-shadow: none;
        box-shadow: none;
    }
    #praxis .navbar-default .navbar-nav .praxis>a,
    #praxis .navbar-default .navbar-nav .praxis>a:hover,
    #praxis .navbar-default .navbar-nav .praxis>a:focus {
        color: rgba(226, 146, 0, 1);
        background-image: none;
        background-color: rgba(255, 255, 255, 1);
        border-bottom: solid 6px rgba(0, 138, 125, 1);
        webkit-box-shadow: none;
        box-shadow: none;
    }
    #kontakt .navbar-default .navbar-nav .kontakt>a,
    #kontakt .navbar-default .navbar-nav .kontakt>a:hover,
    #kontakt .navbar-default .navbar-nav .kontakt>a:focus {
        color: rgba(226, 146, 0, 1);
        background-image: none;
        background-color: rgba(255, 255, 255, 1);
        border-bottom: solid 6px rgba(0, 138, 125, 1);
        webkit-box-shadow: none;
        box-shadow: none;
    }
    #leistungen .navbar-default .navbar-nav .leistungen>a,
    #leistungen .navbar-default .navbar-nav .leistungen>a:hover,
    #leistungen .navbar-default .navbar-nav .leistungen>a:focus {
        color: rgba(226, 146, 0, 1);
        background-image: none;
        background-color: rgba(255, 255, 255, 1);
        border-bottom: solid 6px rgba(0, 138, 125, 1);
        webkit-box-shadow: none;
        box-shadow: none;
    }
    #team .navbar-default .navbar-nav .team>a,
    #team .navbar-default .navbar-nav .team>a:hover,
    #team .navbar-default .navbar-nav .team>a:focus {
        color: rgba(226, 146, 0, 1);
        background-image: none;
        background-color: rgba(255, 255, 255, 1);
        border-bottom: solid 6px rgba(0, 138, 125, 1);
        webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-fixed-top .navbar-nav>li>a {
        line-height: 55px;
    }
    .navbar-default .navbar-nav>li>a:hover {
        color: rgba(80, 90, 89, 1);
        border-bottom: solid 6px rgba(0, 138, 125, 1);
        background-color: transparent;
    }
    .titelbild {
        display: block;
    }
    .willkommen {
        display: block;
    }
    .kontaktbox_footer .kontaktdaten li p {
        margin-left: 30px;
    }
}
/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    body {
        /* Margin bottom by footer height */
        
        margin-bottom: 225px;
    }
    footer {
        height: 200px;
    }
    .kontaktbox_footer {
        text-align: left;
        border-right: 1px solid rgba(80, 90, 89, 1);
    }
    .kontaktbox_footer_last {
        text-align: left;
        border-right: none;
    }
    .kontaktbox_footer .kontaktdaten li i {
        display: inline;
    }
}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    /* ----------------------- Kontaktbox ----------------------- */
    
    .kontaktbox {
        display: inline;
        position: absolute;
        left: 60%;
        top: 82px;
        padding-top: 15px;
        padding-left: 35px;
        border-left: solid 1px rgba(80, 90, 89, 0.25);
    }
    .kontaktbox .kontaktdaten li i {
        display: inline;
        float: left;
        font-size: 16px;
        color: rgba(80, 90, 89, 1)
    }
    .kontaktbox .kontaktdaten li p {
        font-size: 16px;
        margin-left: 30px;
        color: rgba(80, 90, 89, 1)
    }
    .kontaktbox .kontaktdaten li {
        list-style-type: none;
    }
    /*------------------------------------------------------------*/
}