@font-face {
  font-family: 'blairitc_ttlight';
  src: url('../fonts/342-webfont.eot');
  src: url('../fonts/342-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/342-webfont.woff') format('woff'),
       url('../fonts/342-webfont.ttf') format('truetype'),
       url('../fonts/342-webfont.svg#blairitc_ttlight') format('svg');
  font-weight: normal;
  font-style: normal;

}

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



body{
    font-family: "Open Sans", sans-serif;
    color:#333 !important;
}

#headerline{
  background:#d1e9ed;
  font: 18px/20px "futura-pt-condensed", Arial, Verdana, sans serif;
  padding:8px 0px;
  color: #73A0AF;  
  position: fixed; /* Sticky/fixed navbar */
  width:100%;
  top:0px;
}

.bg-light{
  padding: 20px 0px;
  transition: 0.01s; /* Adds a transition effect when the padding is decreased */
transition: all 0.35s ease-out;
  position: fixed; /* Sticky/fixed navbar */
  width:100%;
  top:37px;
  padding: 80px 0px;
  z-index:99;
}

.navbar-brand img {
  width: 300px;
  position: absolute;
  top: 40px;
  transition: 0.01s; /* Adds a transition effect when the padding is decreased */

}

.navbar-nav {
  align-items: left;
}

.navbar .navbar-nav .nav-link {
  color: #73a1af;
  font-size: 1.1em;
  padding: 0.5em 0.4em;
  font: 20px/24px "futura-pt-condensed", Arial, Verdana, sans serif;
	font-weight: 500;
}

.navbar .navbar-nav .nav-link:hover {
  opacity: .8;
}

.navbar .navbar-nav .nav-link.isActive {
  color: #c29b90 !important;
}

#menuVorsatz{
	float:left;
	font-weight:400;
}

#menuZusatz{
	float:left; 
	margin-top:8px; 
	margin-left:6px; 
	color: #c29c90; 
	font-weight:400;
	font-size: 16px;
}

.navbar-toggler:hover > #menuZusatz{
	
	opacity:.8; 
}

.navbar-toggler {
  box-shadow: none !important;
  border: none !important;
  padding-top:0px !important;
}

.navbar-toggler span {
    display: block;
    background-color: #c29c90 !important;
    color:#c29c90 !important;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
    border-radius:4px !important;
  }

  .navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg);
  }
  
  .navbar-toggler span:nth-child(2) {
    opacity: 1;
  }
  
  .navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg);
  }
  
  .navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
  }
  
  .navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
  }
  
  .navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
  }
  
  .navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg);
  }

  .gib_nav_button{
    background: #73a1af;
    padding: 3px 8px;
    color:#d1e9ed;
    text-transform: uppercase;
    text-decoration: none;
    font-weight:700;
    font-size:18px;
    transition: 0.3s;
    font-family:  "futura-pt-condensed", Arial, Verdana, sans serif;
  }

  .gib_nav_button:hover{
    background: #d1e9ed;
    color:#73a1af;
    
  }

  .gib_kontakt_link{
    color:#000;
    text-decoration: none;
    transition: 0.3s;
  }

  .gib_kontakt_link:hover {
    opacity: .8;
  }

  #lo_content{
    padding-top:240px;
  }

  #lo_content a.gib_nav_button{
    color: #d1e9ed !important;
	text-decoration: none !important;
  }

  #lo_content a.gib_nav_button:hover{
    color: #73a1af !important;
	text-decoration: none !important;
  }

  h1{
    color: #73a1af;
    font: 40px/44px "futura-pt-condensed", Arial, Verdana, sans serif;
    font-weight: 300;
  }

  .bronze{
    color:#c29b90;
  }

  .alert-info{
    background: #d1e9ed !important;
    border: 2px solid #d1e9ed !important;
  }

  .zoom {
    transition: transform .4s;
}

.zoom:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

  h5.card-title{
    color:#c29b90;
    font-size:16px !important;
  }

  .accordion-button{
    background:#73A0AF;
    color:#fff;
    font-weight: 600;
    box-shadow: none;
    border-radius: none !important;
  }

  .accordion-button:not(.collapsed) {
    color:#fff;
    background:#73A0AF;
    color:#fff;
    box-shadow: none;
}

.accordion-button:focus{

  box-shadow: none;
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

  footer{
    font-size:14px;
  }

  footer h5, footer h2{
    font-family: "blairitc_ttlight", sans-serif;
    color:#C29B90;
	  font-size:20px !important;
  }

  footer  a, #footerline a, .modal-body a, #lo_content a, #headerline a{
    color:#73A0AF;
    text-decoration: none;
  }

  footer  a:hover, #footerline a:hover,  .modal-body a:hover, #lo_content a:hover, #headerline a:hover{
    text-decoration: underline;
  }

  footer table td{
    padding:0px 8px 0px 0px !important;
  }

.footermenu a, .footermenu{
	display:inline-block;
	/*padding:8px 0px !important; */
	line-height:34px;
}

  #footerline{
    background:#d1e9ed;
    font: 18px/20px "futura-pt-condensed", Arial, Verdana, sans serif;
    padding:8px 0px;
    color: #73A0AF;  
  }

  .modal-header h2{
    font-family: "blairitc_ttlight", sans-serif;
    font-weight: 300;
    margin-top:6px;
    color:#73a1af;
  }

  .modal-header{
    border-bottom: none !important;
  }

  .modal-body b{
    
    font: 32px/44px "futura-pt-condensed", Arial, Verdana, sans serif;
    color:#73a1af;
  }

  .esp {
    background: linear-gradient(98deg, rgba(181, 228, 121, 1) 20%, rgba(255, 142, 202, 1) 47%, rgba(252, 144, 202, 1) 48%, rgba(92, 227, 227, 1) 100%) !important;
    color: #fff !important;
    padding: 4px;
    margin-top: 8px;
    display: inline-block;
    font-weight: 700;
}

    .goverlay {
        background: rgba(248, 249, 250, 0.92) !important;
    }

    .glightbox-clean .gslide-media {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose   {
        border-radius: 0px !important;
		background-color: #73a1af !important;
    }

@media screen and (max-width: 768px) {
  .navbar-brand img {
    width: 140px;
    margin-left:0px;
    top:8px;
  }

  .bg-light{
    padding: 20px 0px;
    transition: 0.1s; /* Adds a transition effect when the padding is decreased */
    position: fixed; /* Sticky/fixed navbar */
    width:100%;
    top:0px;
  }

  #lo_content{
    padding-top:80px;
  }

  h1{
    color: #73a1af;
    font: 36px/40px "futura-pt-condensed", Arial, Verdana, sans serif;
    font-weight: 300;
  }

  .gib_nav_button{
    background: #73a1af;
    padding: 3px 8px;
    color:#d1e9ed;
    text-transform: uppercase;
    text-decoration: none;
    font-weight:700;
    font-size:18px;
    transition: 0.3s;
    font-family:  "futura-pt-condensed", Arial, Verdana, sans serif;
  }

  .gib_nav_button:hover{
    background: #d1e9ed;
    color:#73a1af;
    
  }

  h5.card-title{
    color:#c29b90;
    font-size:14px !important;
  }

  .modal-header h2{
    font-family: "blairitc_ttlight", sans-serif;
    font-weight: 300;
    margin-top:6px;
    color:#73a1af;
    font-size:16px !important;
  }

}