html,body {
	font-family: "Open Sans","Helvetica Neue",Verdana,Arial,sans-serif;
}

h1{
	font-family: Garamond,"EB Garamond",Georgia,serif;
	line-height:1.3em;
	font-size:2.4em;
	font-weight:700;
	text-transform: uppercase;
}


/* ------------- Navigation ------------ */
.bg-nav {
transition: 1.5s ease-in;    
background-color: rgba(255, 255, 255,0.8);
}
.bg-nav.scrolled {
background-color: #ffffff;
}

.logo {
 max-width: 200px;
 margin: 30px 0px;   
}

@media (max-width: 767.98px) { 
.logo {
max-width: 180px;   
}    
}
@media (max-width: 991.98px) {
.logo {
max-width: 180px;   
} 
}

@media (min-width: 1200px) {
.logo {
max-width: 240px;   
} 
}


.navbar {
box-shadow: 0px 1px 10px 1px rgba(0,0,0,.25);
}

.navbar .navbar-nav .nav-link {
color: #717273;
font-size: 14px;
text-transform: uppercase;
transition: all .3s ease-in-out;
}
/* Nva Link Under line */
.navbar .navbar-nav .nav-item .nav-link::after {
    content: '';
    display: block;
    width: 0;
    height: 6px;
    background: #ff6e21;
    transition: width .4s;
}

/* Nva Link Under line on Hover */
.navbar .navbar-nav .nav-item .nav-link:hover::after {
    width: 100%;
    transform: width .4s;
}

.navbar .navbar-nav .nav-item .nav-link:hover {
    color: #ff6e21;
}

.navbar .navbar-nav .nav-link.active::after {
    width: 100%;
    transform: width .4s;
}

.navbar .navbar-nav .nav-link.active {
color: #717273;
font-weight: 700;
}

/* ----- Toggler ----- */
.navbar-toggler {
border: 0px;	
}

.navbar-toggler:focus {
box-shadow: none !important;
}

#navbarTogglerBuwog {
background-color: transparent;
}

#navbarTogglerBuwog.show {
padding: 0px 20px;
background-color: transparent;
}

@media (max-width: 767.98px) { 
#navbarTogglerBuwog.show {
padding: 0px 20px;
background-color: #ffffff;
}           
}

/* ------------- Slider ------------ */
@media (max-width: 767.98px) { 
.top-header {
margin-top: 132px;	
}   
}

.header-headline {
padding: 36px 10px 10px 10px;
}
.header-headline h1{
font-family: "Open Sans",sans-serif;
font-weight: 400;
font-size: 2.4rem; 
text-transform:none;
color: #ff6e21;
margin-bottom: -18px;   
}

.header-headline .h1a{
font-family: 'EB Garamond',serif;
font-weight: 400;
font-size: 3.0rem;  
text-transform: none;
color: #ff6e21;  
}

@media (max-width: 575.98px) {
.header-headline h1{
font-size: 2.4rem; 
margin-bottom: -16px;   
}
.header-headline .h1a{
font-size: 2.9rem;
line-height: 20px;  
}
}


@media (max-width: 767.98px) {
.header-headline h1{
font-size: 2.4rem; 
margin-bottom: -2px!important;    
}
.header-headline .h1a{
font-size: 2.9rem; 
line-height: 50px !important;  
}
}


@media (max-width: 991.98px) {
.header-headline h1{
font-size: 2.4rem; 
margin-bottom: -16px;   
}
.header-headline .h1a{
font-size: 2.9rem;  
}
}

/* ---------------------- Hauptcontentbereich ---------------------- */
.bg-orange {
background-color: #ff6e21;
}

.jumptarget {
position: relative;
width: 10px;
z-index: 0;
}

.jumptarget:before {
width: 10px;
display: block;
content: " ";
margin-top: -168px;
height: 168px;
visibility: hidden;
}

p,ul,li {
font-size: 16px;  
color: #717273; 
hyphens: auto;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;   
}

.headline1 {  
font-weight: 400;
text-transform:none;   
}

.headline-sans {
font-family: "Open Sans","Helvetica Neue",Verdana,Arial,sans-serif;  
color: #ff6e21; 
font-size: 2.4rem; 
padding: 2px 0px; 
line-height: 50px;  
}

.headline-serif {
font-family: Garamond,"EB Garamond",Georgia,serif;  
color: #ff6e21; 
font-size: 2.9rem;  
padding: 2px 0px; 
line-height: 50px;  
}

.headline3 {
font-family: "Open Sans","Helvetica Neue",Verdana,Arial,sans-serif;   
font-weight: 600;
text-transform:none;
color: #717273;    
}


#pills-tab .nav-link {
 color: #ffffff;   
 background-color: #717273;  
 font-weight: 400;
 padding: 2px 30px; 
 border-radius: 20px;
 text-decoration: none;
 margin: 10px 10px;
}

#pills-tab .nav-link:hover, #pills-tab .nav-link.active {
color: #ffffff;   
background-color: #ff6e21;  
}
/*--------- Datentabelle ---------*/
.pdf-icon {
 color: #ff6e21;
 font-size: 1.5rem;   
}

#datentabelle th,td {
font-size: 16px;  
white-space: nowrap; 
}

@media (max-width: 992px) {
#datentabelle th,td {
font-size: 14px;   
}
}

@media (max-width: 768px) {
#datentabelle th,td {
font-size: 12px;   
}
#collapseDatentabelle .card-body {
overflow: scroll;
}
}

@media (max-width: 576px) {
#datentabelle th,td {
font-size: 12px;   
}
#collapseDatentabelle .card-body {
overflow: scroll;
}
}

#collapseDatentabelle .card {
    border: 0px;
    }
#collapseDatentabelle .card-body {
padding: 0px;
}
/*--------- Galerie ---------*/
#carouselBuwogGalerie .card{
border: 0px;
}

#carouselBuwogGalerie .carousel-inner .carousel-item img{
padding: 0px 4px;
}

@media (max-width: 767px) {
#carouselBuwogGalerie .carousel-inner .carousel-item > div {
    display: none;
}
#carouselBuwogGalerie .carousel-inner .carousel-item > div:first-child {
    display: block;
}
}

#carouselBuwogGalerie .carousel-inner .carousel-item.active,
#carouselBuwogGalerie .carousel-inner .carousel-item-next,
#carouselBuwogGalerie .carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

#carouselBuwogGalerie .carousel-inner .carousel-item-end.active,
#carouselBuwogGalerie .carousel-inner .carousel-item-next {
    transform: translateX(33%);
}

#carouselBuwogGalerie .carousel-inner .carousel-item-start.active, 
#carouselBuwogGalerie .carousel-inner .carousel-item-prev {
    transform: translateX(-33%);
}
}

#carouselBuwogGalerie .carousel-inner .carousel-item-end,
#carouselBuwogGalerie .carousel-inner .carousel-item-start { 
transform: translateX(0);
}
@media (min-width: 768px) {
#carouselBuwogGalerie .carousel-control-prev {
left:-40px;
}
#carouselBuwogGalerie .carousel-control-next {
right:-40px;
}
}

#carouselBuwogGalerie .carousel-control-next, #carouselBuwogGalerie .carousel-control-prev {
color: #ffffff; 
border: 0;
opacity: 1;
transition: opacity .15s ease;
}
#carouselBuwogGalerie .carousel-control-prev-icon, #carouselBuwogGalerie .carousel-control-next-icon {
background-color: #ff6e21;
border-radius: 45px; 
width: 2.3rem;
height: 2.3rem;
background-size: 80% 80%;
}

#carouselBuwogGalerie .carousel-control-prev-icon:hover, #carouselBuwogGalerie .carousel-control-next-icon:hover {
background-color: #717273;
}

/*------------------ Kontakt -----------------*/
.bg-kontakt {
background-color: #ff6e21;
}

#kontakt p,ul,li {
    font-size: 16px;  
    color: #ffffff; 
    hyphens: auto;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: auto 3;
    -ms-hyphenate-limit-lines: 4;   
    }
    
    #kontakt .headline1b {
    font-family: "Open Sans","Helvetica Neue",Verdana,Arial,sans-serif;    
    font-weight: 400;
    text-transform:none;
    color: #ffffff;    
    }
    
    #kontakt .headline2b {
    font-family: Garamond,"EB Garamond",Georgia,serif;  
    font-weight: 400;
    text-transform:none;
    color: #ffffff;    
    }
 /*--------------- Kontaktformular --------------*/
 #kontakt h5 {
 color: #ffffff;   
 font-weight: 600;
 }

.form-control,.form-select {
padding: .375rem .75rem;
font-size: 0.81rem;
border: 0px;
border-radius: 0px;
}
.form-check-input[type="checkbox"] {
border-radius: 0px;
} 
.form-check-input {
border: 0px;
} 
.submit-button {
color: #ff6e21;
background-color: #ffffff; 
font-size: 1.31rem;
text-transform: uppercase;
font-weight: 700;
padding: 5px 15px;
border: 0px;
transition: all .3s ease-in-out;
}
.submit-button:hover {
color: #ffffff;
background-color: #717273;
}
/*------------------ Footer ------------------*/
.footer-link {
color: #ffffff; 
font-size: 1.16rem;
font-weight: 700;
text-decoration: none;
}
.footer-link:hover {
color: #717273; 
}
.footer-link2 {
    color: #ffffff; 
    font-size: 1.16rem;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    }
    .footer-link2:hover {
    color: #717273; 
    }
/*--------------Modals -------------------*/
.modal-body {
 background-color: #eeeeee;   
}
.modal-body h1{
font-family: "Open Sans","Helvetica Neue",Verdana,Arial,sans-serif;
font-size: 1.86rem;
color: #ff6e21;
text-transform: none;
}
.modal-body p,ul,li,h2,h3,h4{
color: #707173;
}

#corporate_background {
position:absolute;
left:0px;
top:0px;
background-color: rgba(255, 255, 255,0.8); 
text-align: center; 
padding: 15px 10px 20px 10px; 
}

@media (min-width: 576px) {
#corporate_background {    
padding: 20% 10% 20% 10%;    
}
}
#corporate_background a {
    color: #ff6e21;
}

#corporate_background .button {
    color: #ffffff;
    background-color: #ff6e21;   
    text-decoration:none;
    font-size:1.1em;
    /*font-weight:bold;*/
    border-radius: 25px;
    padding:5px 13px;
    margin:10px 10px 20px 0;
    text-align:center;
    display:inline-block;
}
#corporate_background .button:hover {
    color: #ffffff;
    background-color: #717273;
    text-decoration:none;
}
/*--------- Button Scroll Top ---------*/

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: 1px solid rgba(255, 255, 255,0.4); /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #ff6e21; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px 15px; /* Some padding */
    border-radius: 27px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
  }
  
  #myBtn:hover {
    background-color: #707173; /* Add a dark-grey background on hover */
  }

#gmap_canvas img {
    max-width:none!important;background:none!important
}

.form-check-label,
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: white;
}

.betreff{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.roomselect {
    color: #ffffff;
    background-color: #717273;
    text-decoration:none;
    font-size:1.1em;
    /*font-weight:bold;*/
    border-radius: 25px;
    padding:5px 13px;
    margin:10px 10px 20px 0;
    text-align:center;
    display:inline-block;
}
.roomselect:hover {
    color: #ffffff;
    background-color: #ff6e21;
    text-decoration:none;
}
.roomselect.active {
    color:#fff;
    background:#ec7404;
    text-decoration:none;
}