/*VARIABLEN-DEFINITION*/
:root {
  --primaryColor: #273c47;
  --darkPrimaryColor: #c49763;
  --brightPrimaryColor: #4f4f4f;
  --secondaryColor: #de0707;
  --darkSecondaryColor: #c40606;
  --brightSecondaryColor: #f32020;
  --additionalColor: #273c47;
  --rootFontSize: 20px;
  --rootFontColor: #5c5c5c;
  --rootFontFamily:  Lato-Light, "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --headingFontFamily: Lato-Light, "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --navibarFontFamily: Lato-Light, "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --navibarBgColor: rgba(255, 255, 255, 1) ;
  --navibarBgColorTransparent:  rgba(255, 255, 255, 0.9);
  --footerFontFamily: Lato-Light, "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


b, strong {
    font-weight: bold;
}

.navbar-light .navbar-nav .nav-link {font-weight: 300;}

.dropdown-menu {left: 20px;}

.dropdown-toggle::after {
    display:none;
}   

.navbar-light .navbar-nav > .nav-item > .nav-link span {
    position:relative;
}


.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    font-weight: bold;
}

.content-home .carousel .carousel-item span.item-image {
  -webkit-filter: opacity(.9) blur(0px);
  filter: opacity(.9) blur(0px);
}  

.content-home .carousel-item.active .carousel-caption {        
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.7);   
}

.carousel-caption .carousel-caption-title {
      font-size: 1.4rem ;
	  font-weight:300;
}
.carousel-caption .carousel-caption-descrioption {
      font-size: 0.7rem;
}

.carousel-caption .carousel-caption-descrioption p:last-of-type {
      margin-bottom:0;
}

.carousel .fa-chevron-down {
    border: 2px solid #fff;
}

.carousel .fa-chevron-down::before {
    color: #fff;
}

.contact-modal-container #contactModal .Emaillink, .contact-modal-container #contactModal .Telefonlink {
    font-size: 1.1rem;
}


.container .pano-frame{height:450px;}


.card-body{display: none;}

/*Kontaktseite - Karte */
#c28 #map {margin-bottom: -2rem;}

/*FOOTER*/
footer .opening_hours_contact {
    background-image: url(../images/footer-bg-01.jpg) ;
}

footer{background: var(--additionalColor);}

footer .copyrightFooter p,
footer .ppLinkFooter p,
footer .ppLinkFooter a,
footer .nav a {color: #ffffff;}

/*------------------------------*/


@media (max-width: 768px) {
  :root {
    --rootFontSize: 16px;  
  }
  
  h1 {font-size: 1.7rem !important;}
  h2 {font-size: 1.5rem !important;}
  h3 {font-size: 1.3rem !important;}
}


@media (min-width: 768px) {
  .content-home .carousel-item.active .carousel-caption {        
    padding: 1.5rem;  
  }
  
  .carousel-caption .carousel-caption-title {
      font-size: 2rem ;
  }
  .carousel-caption .carousel-caption-descrioption {
      font-size: 1.2rem;
  }
  .navbar-light .navbar-nav .dropdown-menu .nav-link {font-size: 0.94rem;}
}

@media (min-width: 992px) {


.navbar-light .navbar-nav > .nav-item > .nav-link span::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    bottom: -3px;
    left: 0;
    right: inherit;
    width: 0;
    background-color: var(--rootFontColor);
    -webkit-transition: background-color .3s ease, left .3s ease, right .3s ease, width .3s ease;
    transition: background-color .3s ease, left .3s ease, right .3s ease, width .3s ease;
}

.navbar-light .navbar-nav > .nav-item:hover span::after,.navbar-light .navbar-nav > .nav-item.show span::after, .navbar-light .navbar-nav > .nav-item.active span::after {
    width: 100%;
}

header .main-navbar-01 .navbar-nav > .nav-item > .dropdown-menu .nav-item > .nav-link ,	
.navbar-light .navbar-nav > .nav-item > .nav-link {font-weight: 300;}

.navbar-light .navbar-nav > .nav-item > .nav-link {font-size: 0.9rem;}

header .main-navbar-01 .navbar-nav > .nav-item > .dropdown-menu .nav-item {
    border-bottom: 1px solid  #1c2e37;
}	
}



@media (min-width: 1200px) {

.container .pano-frame{height:750px;}	
	
.navbar-light .navbar-nav > .nav-item > .nav-link {font-weight: 300;}

.navbar-light .navbar-nav > .nav-item > .nav-link {font-size: 1.1rem;}

  .content-home .carousel-item.active .carousel-caption {        
    padding: 2rem;  
  }
  
  .carousel-caption .carousel-caption-title {
      font-size: 2.5rem ;
  }
  .carousel-caption .carousel-caption-descrioption {
      font-size: 1.3rem;
  }

}