@font-face {
  font-family: dv_sans;
  src: url("../fonts/DejaVuSans.woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: dv_sans;
  src: url("../fonts/DejaVuSans-Bold.woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: dv_serif;
  src: url("../fonts/DejaVuSerif.woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: dv_serif;
  src: url("../fonts/DejaVuSerif-Bold.woff2");
  font-weight: bold;
  font-display: swap;
}
html{
    scroll-behavior: smooth;
    max-width: 1920px;
    position: relative;
    margin: 0 auto;
    text-align: justify;
}
body{
    background-color: white;
    max-width: 1920px;
    margin:0 auto;
    padding:0 0 0 0;
    font-family: dv_sans, sans-serif;
    max-width: 1920px;
    position: relative;
} 

a{
    text-decoration: none;
    color: black;
}
.align-left{
    text-align: left;
}
.align-justify{
    text-align: justify;
}
.nobr   { 
    white-space:nowrap; 
}
.bold{
    font-weight: bold;
}
.hidden{
    display: none!important;
    transition-duration: 1s;
}

.nuppercase{
    text-transform: none!important;
}
ul li{
    text-align: left;
}

h1{
    color: #f8b335;
    font-weight:bold;
    font-size:3.2vw;
    margin-bottom: 5%;
}
.zitat h1{
    font-size: 2vw;
    text-indent: -1vw
}
.zitat p{
    font-weight: bold;
}
h2{
    color: #f8b335;
    font-size:1.4vw;
    margin-bottom: 5%;
}
.left-20{
    margin-left:  20%;
}
.bgwhite{
    background-color: white
}
.standorte h1, .team h1{
  color: #f8b335;
    font-weight:bold;
    font-size:2.4vw;
    margin-bottom:0;
}
.standorte h2, .team h2{
  color: #f8b335;
    font-size:1.2vw;
    margin-bottom: 5%;
    text-transform:uppercase;
}
.standorte h3, .team h3{
  color: #f8b335;
    font-size:1.2vw;
}
.standorte table tr td:first-of-type{
    padding-right: 20px
}
#menu{
    position: fixed;
    left: -8px;
    top: 0px;
    z-index: 9;
}

#menu2{
    position: absolute;
    right: 20px;
}
#menu2 ul{
    list-style: none;
}
#menu2 li{
    display: inline;
    position: relative;
    top: 3px;
}
#menu2 a{
    text-decoration: none;
    color: #878787;
    padding: 0 4px;
    font-size: 12px;
}
#menu .navbar-toggler{
    border: none;
}
#menu .navbar-toggler:focus{
  box-shadow: none;
}
#menu .navbar-toggler-icon{
  background-image: url("../img/minus.webp");
  width: 3vw;
  height: 3vw;
    position: relative;
    top: 5vw;
    left:0.4vw
    
}
#menu .navbar .collapsed .navbar-toggler-icon{
  background-image: url("../img/plus.webp");
  width: 3vw;
  height: 3vw;
    position: relative;
    top: 5vw;
    left: 0.4vw;
}

#menu #navbar-toggler-icon-text{
    display: none
}

#menu .navbar .collapsed #navbar-toggler-icon-text{
    font-weight: bold;
    font-size: 1.2vw;
    position: relative;
    top: 5vw;
    left: 1vw;
    display: inline
}
#menu .navbar-nav{
    background-color: white;
    padding: 10vw 2vw;
    #margin-top: -15%;
}
.collapsing .navbar-nav{
 background-color: transparent!important;
}
.collapsing {
 transition:height 0s ease
}
#menu .nav-item a{
    font-weight: bold;
    text-transform: uppercase;
}

#menu .nav-item .t-10{
    margin-top: -10px;
}
#menu .t-20{
    margin-top: -20px;
}

#aktuelles .news-item{
    margin-bottom:40px;
    border-bottom: 1px solid #F39200
}
#aktuelles h3{
    text-transform: uppercase;
    margin-bottom: 20px;
}
#aktuelles .warn{
    color: #F39200;
}

.start{
    border-top: 30px solid white;
    border-right: 20px solid white;
    border-bottom: 20px solid white;
    border-left: 1vw solid white;
}
.bggradient{
    background: rgba(238,238,238,1);
  background: 
        linear-gradient(
            90deg, 
            rgba(238,238,238,1) 0, 
            rgba(238,238,238,1) 2vw,
            rgba(216,216,216,1) 2vw,
            rgba(247,247,247,1) 100%);
}
#team .start, #diab1 .start{ 
    background: rgba(238,238,238,1);
  background: linear-gradient(90deg, 
        rgba(238,238,238,1) 2vw, 
        rgba(238,238,238,1) 2vw, 
        rgba(220,220,220,1) 2vw, 
        rgba(245,245,245,1) 50%, 
        rgba(218,218,218,1) 50%);
}

.timage-wrap{
    position: relative;
}

.or{
    width: 8px;
    height: 100%;
    background-color: #f0b759;
  position: absolute;
    top: 0;
    right: 0;
}

.oo{
    width: 100%;
    height: 8px;
    background-color: #f0b759;
  position: absolute;
    top: 0;
}
.ou{
    width: 100%;
    height: 8px;
    background-color: #f0b759;
  position: absolute;
    bottom: 0;
}

.gl{
    width: 8px;
    height: 100%;
    background-color: #f5e628;
  position: absolute;
    top: 0;
}
.gr{
    width: 8px;
    height: 100%;
    background-color: #f5e628;
  position: absolute;
    top: 0;
    right: 0;
}

#top-logo, .top-logo{
    box-shadow: 0px 10px 15px black;
    transition-duration: 0.5s;
    padding: 10% 20%;
    background-color: white;
}
#top-logo:hover, .top-logo:hover{
    box-shadow: 0px 10px 30px black;
    transition-duration: 0.5s;
}
.bgstart{
    background-image: url(../img/bg-start.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bgstart-gutachten{
    background-image: url(../img/bg-start-gutachten.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bgstart-hav{
    background-image: url(../img/bg-start-hav.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.bgstart-diab{
    background-image: url(../img/bg-start-diabetologie.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.bereichsauswahl-item{
    background: rgba(73, 72, 70, 0.50);
    color: white;
    text-transform: uppercase;
    text-align: center;
    width: 31%;
    margin: 1.167% 1.167%;
    float: left;
    transition-duration: 1s;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.5vw;
}
.bereichsauswahl-item.active{
    background: rgba(73, 72, 70, 1);

}

.bereichsauswahl-item:hover{
    background: rgba(73, 72, 70, 1);
    transition-duration: 1s;
}
.bereichsauswahl-item:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

#kontakt{
    background-color: #a68b7a;
    color: white;
    font-size: 14px;
    padding: 0 20px
}
#kontakt div{
    padding: 0 40px
}
#kontakt h1{
    font-size: 24px;
    font-weight: bold;
    color: white;
    margin-top: 80px;
}
#kontakt h2{
    font-size: 16px;
    font-weight: bold;
    color: white;
    margin-bottom: 20px;
}
#kontakt a{
    text-decoration: none;
    color: white;
    transition-duration: 1.5s
}
#kontakt a:hover{
    background-color: white;
    color: #a68b7a;
    transition-duration: 1.5s
}
#kontakt table tr td:nth-of-type(2){
    padding-left: 12px;
}

#team h1{
    margin-bottom: 0
}

#team .team-ma h2{
    color: #f8b335;
    margin:0 0;
    position:relative;
    top:160%
}
#team .team-ma h3{
    color: #f8b335;
    font-size: 1.4vw;
    margin:10px 0 0 0;
    position:relative;
    top:160%
}
.team-mitglied-wrap{
    display: inline;
    float: left;
    width: 15%;
    
}
.standort-wrap .team-mitglied-wrap{
    margin-left: 35%
}

.standort-wrap .team-mitglied-wrap:not(:nth-of-type(3n+1)){
    margin-left: 6%
}

.team-mitglied{
    font-family: dv_serif, serif;
}
.team-mitglied div:nth-of-type(2){
    font-weight: bold;
}
.team-mitglied .timage-wrap{
    margin: 16% 0 5% 0;
}

.team a{
    color: #f8b335;
    transition-duration: 1.5s;
    text-decoration: none;
}
.team a:hover{
    background-color: #f8b335;
    color: white;
    transition-duration: 1.5s
}
#gutachten, #hav, #diab, #diab2, #diab3, #diab4{
  margin-top: -20px;
    border-right: 20px solid white;
    border-bottom: 20px solid white;
    border-left: 1vw solid white;
}
.main-bild{
    position: relative;
    left: 1.2vw;
    width: 99%
}

ul.li-plus{
    list-style: none;
}
ul.li-plus li{
    margin: 20px 0;
    position: relative;
    left: -30px
}
ul.li-plus li:before{
    content: url("../img/plus24.png");
    position: absolute;
    left: -36px
}

.fragebogen{
    height: 11vw;
    width: 11vw;
    margin: 0 auto;
    text-align: center
}
.fragebogen:nth-of-type(1){
    background-color: #ff9902;
    border-left:5px solid #f2eb47;
}
.fragebogen:nth-of-type(2){
    background-color: #ffb410;
    border-bottom:5px solid #f2eb47;
}
.fragebogen:nth-of-type(3){
    background-color:#f4a740;
    border-right:5px solid #f2eb47;
}

a.fragebogen{
    color: white;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    transition-duration:1.5s;
}
a.fragebogen:hover{
    background-color:#f2eb47;;
    color: black;
    transition-duration:1.5s;
}
.carousel-control-prev{
  left:2vw;
}

@media screen and (min-width:768px){

}

@media screen and (min-width:992px){
  .centered{
       position: absolute;
       top: 50%;
       left: 50%;
       transform:translate(-50%,-50%);
    }
  .centered3{
       position: absolute;
       top: 50%;
       left:7vw;
          width: 80%;
       transform:translate(0%,-40%);
    }
.centered4{
       position: absolute;
       top: 50%;
         width: 100%;
         padding-left:2vw;
       left: 50%;
       transform:translate(-50%,-50%);
    }
  .centered5{
       position: absolute;
       top: 50%;
       left: 30%;
       transform:translate(-10%,-40%);
    }
.bereichsauswahl-wrap{
    position: absolute;
    bottom:-48%;
    }
}

.bg-diab3{
    background-image: url("../img/diabetologie/diabetologie.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

#kontakt{
    position: relative;
    padding-bottom: 80px
}
.nachoben{
    text-align: center;
    margin-bottom: 40px
}

@media screen and (min-width:1200px){
.bereichsauswahl-wrap{
    position: absolute;
    bottom:-40%;
    }
}

@media screen and (min-width:1400px){
.bereichsauswahl-wrap{
    position: absolute;
    bottom:-28%;
    }
}

@media screen and (max-width:991px){
    h1, h2{
        font-size: 28px!important;;
    }
    .bereichsauswahl-item{
        font-size: 3vw
    }
 #menu .navbar-toggler-icon{
  background-image: url("../img/minus.webp");
  width: 10vw;
  height: 10vw;
    top: 5vw;
}
#menu .navbar .collapsed .navbar-toggler-icon{
  background-image: url("../img/plus.webp");
  width: 10vw;
  height: 10vw;
    }
#menu .navbar .collapsed #navbar-toggler-icon-text{
    font-weight: bold;
    font-size: 4vw;
    position: relative;
    top: 5vw;
    left: 1vw;
    display: inline
    }
.fragebogen{
    height: 30vw;
    width: 30vw;
    font-size: 2.8vw
}
    #team h1{
    margin-bottom: 0
}

#team .team-ma h2, #team h2{
    margin:20% 0 2% 20px;
    position:relative;
    top:0%;
}
#team .team-ma h3{
    font-size: 4vw;
    margin:10px 0 0 20px;
    position:relative;
    top:0%
}

.team-mitglied-wrap{
    width: 50%;
    padding: 0 2%
}

.standort-wrap .team-mitglied-wrap{
    margin-left: 0%
}

.standort-wrap .team-mitglied-wrap:not(:nth-of-type(3n+1)){
    margin-left: 0%
    }
    .standorte h1{
        font-size: 28px!important;;
    }
    .standorte h2{
        font-size: 24px!important;
        margin-top: 10px;
        margin-bottom: 40px;
    }
    .standorte h3{
        font-size: 20px!important;
        margin-bottom: 20px;
        margin-top: 30px
    }
    
    #kontakt h1,#kontakt h2{
        font-size: 20px!important;
    }

}


:lang(de) {
        quotes: "„" "“" "‚" "‘";
}