@font-face {
  font-family: 'Caveat', cursive;
  src: url("/fonts/Caveat-Regular.ttf") format("truetype"),

}

@font-face {
  font-family: 'Source';
  src: url("/fonts/SourceSansPro-Light.ttf") format("truetype"),
}



body {}
.caveat {font-family: 'Caveat', cursive; font-size: 2em; color: #000;}




.carousel-item { height: 250px; }
.nav-item { font-weight: bold; font-size:23px; color:#6f6f6f; margin-top:60px;}
.navbar-light .navbar-nav .active>.nav-link { color:#d20665;}
.navbar-light .navbar-nav .nav-link:hover { color:#D60665;}
.card { border-radius: 0; border:none;}
#footer a { color: #f5f5f5;}
ul { padding-left: 18px;}
.navbar-nav {margin-left: 50px;}
.pink { color:#d20665;}
.pink:hover { color:#fff;}
.team img { clip-path: circle(43% at center);}

.hoverhide:hover { display: none;}
.hoverhide:hover #myVideo {display: block;}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.card-img-top {
    max-height: 240px;
    overflow: hidden; /* Removing this will break the effects */
  }

.card img {    
    transition: transform 3s ease;
  }

.card:hover img {
    transform: scale(1.2);
  }

#myVideo {
  max-height: 240px;
}  
.socialfooter {padding-left:0px; margin-left:0px;}
.socialfooter li { float: left; list-style: none;}
.socialfooter li a:hover {color:#d20665;}

.services th{    font-size: 18px;  }  
.servicelist_responsive{    text-decoration: none;  }  
.servicepage h4 {  margin: 25px 0 !important;  }  
.servicelist_responsive:hover{    text-decoration: none;  }  
.servicelist_responsive servicelist_objekt{    text-decoration: none;  }
.servicelist_objekt{    border: 1px solid #ddd;    padding: 5px;    margin: 5px 25px 5px 0 !important;  }  
.servicelist_objekt i{ padding-top: 8px; }  
.servicelist_objekt_title{    font-size: 1.25em;    padding: 5px 0;  }  
.servicelist_objekt_content{    padding-top:15px;    text-decoration: none;    font-size: 14px;  }
 
.display-518 { display: none;}

.quick-contact {
  position: relative;
  padding-left: 62px;
  margin-right: -100px;
}
.quick-contact a{
color: #DB7099;
font-size: 23px;
font-weight: 700;
}

.quick-contact p {
  margin: 0;
  line-height: normal;
}

#introhonorar.jumbotron {
  height: 500px;
  background-image: url("../img/versicherung.jpg");
  background-size: auto 500px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0;
  color:#fff;
}

#introhonorar2.jumbotron2 {
  height: 800px;
  background-image: url("../img/versicherung.jpg");
  background-size: auto 800px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0;
  color:#fff;
}

.text-justify p {
text-align: justify;
}

#contact_me_honorar {
  margin-top: 40px;
  border: 1px solid #343A40;
  margin-bottom: 50px;
}

#contact_me_honorar_img {
  background-image: url("../img/contact_me_eichhorn2x.png");
  background-size: cover;
  background-position: center;
  min-height: 152px;
}
#contact_me_honorar_img2 {
  background-image: url("../img/contact_me_eichhorn4x.png");
  background-size: cover;
  background-position: center;
  min-height: 152px;
}

#contact_me_honorar_info {
  padding: 15px;
}

#contact_me_honorar_info p {
  font-size: 23px
}

#contact_me_honorar_info p span {
  display: inline-block;
  width: 35px;
  color: #DB7099;
}

#contact_me_honorar_info > p {
  font-size: 20px
}

.toppageimage>div { height: 500px!important;}

@media (min-width: 520px) {
    .carousel-item{height: 350px;}
    } 

@media (min-width: 576px) { 
    .display-518 { display: block;}
    .sm-hidden { display: none;}
 }

@media (min-width: 768px) {
    .carousel-item { height: 500px; }
}




@media (min-width: 1200px) {}

@media (max-width: 1200px) {
  .animated-video #myVideo{max-height: 200px;}
  .card-img-top {    max-height: 200px;}
  video {height: 680px;}
  .toppageimage>div {height: 800px!important;}
}
@media (max-width: 992px) {
  .animated-video #myVideo { max-height: 146px;}
  .card-img-top {    max-height:146px;}
  video {height: 450px;}
  .toppageimage {height: 450px;}
}
@media (max-width: 768px) {
  .animated-video #myVideo { max-height: 106px; margin-top: 1px;}
  .card-img-top {    max-height:107px;}
  video {height: 380px;}
  .toppageimage {height: 3800px;}
}
@media (max-width: 575px) { 
  .animated-video #myVideo { max-height: 240px;
  width: 100%;}
  .card-img-top {    max-height:240px;width: 100%;}
  video {height: 280px;}
  .toppageimage {height: 220px;}
}

@media (max-width: 375px) { 
  .animated-video #myVideo { max-height: 140px;
  width: 100%;}
  .card-img-top {    max-height:140px;width: 100%;}
  .toppageimage {height: 140px;}
}