@charset "UTF-8";


.image-box {
	position: absolute;
	right: 20%;
	bottom: 15%;
	left: 5%;
	z-index: 1;
	padding-top: 10%;
	padding-bottom: 8%;
	color: black;
	text-align: right;
	
}

.image-boxleft {
    position: absolute;
    left: 20%;
    bottom: 15%;
    z-index: 1;
    padding-top: 10%;
    padding-bottom: 8%;
    color: black;
    text-align: left;
}
element.style {
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
    cursor: pointer;
}
.btn-sm, .btn-group-sm > .btn {
    padding: 0.25 rem 0.25 rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.2 rem;
}
img.gray {
    -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
img.grayscale {
    -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
img.grayscale:hover {
    -webkit-filter: grayscale(0%);
}
img.abstand{
	margin-top: 3%;
	margin-right: 1%;
	margin-bottom: 3%;
	margin-left: 1%;
}
  
.abstand-site {
	margin-left: 2%;
	margin-right: 2%;
}
img.color{
    
}
img.color:hover {
    -webkit-filter: grayscale(100%);
}
.carousel {
  background:#444;
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
  height:auto;
}

/* 
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
  display: block;
  width:100%;
}
.text-grey{
    color: hsla(0,0%,39%,1.00);
}
.pmargin {
	margin-left: 12px;
	margin-right: 12px;
	text-align: justify;    
}
 .col-md-6, .col-12 {
  position: relative;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.nav-link {
    padding: 0.5 rem  0.5 rem;
}
.site-navbar {
   position: sticky;
    top: 0;
    width: 100%;
    background-color: transparent;
}

.site-navbar .site-navigation .site-menu > li.active > a {
   
	/* color: #40E0D0;*/
	color: rgb(0, 140, 186)!important;
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
/*
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 5%;
    z-index: 1;
    padding-top: 10%;
    padding-bottom: 2%;
    color: black;
    text-align: right;
    
}*/
.image-cap-preis{
       font-family: Fabiolo, "Avenir Book", "Avenir Next Condensed Regular", "Caviar Dreams";
   font-size: 1.2rem;
    font-weight: 300;
      position: absolute;
    right: 15%;
    bottom: 20px;
    left: 5%;
    z-index: 1;
    padding-top: 10%;
    padding-bottom: 8%;
    color: black;
    text-align: right;
}
.h5-preis {
	font-size: 4.25rem;
	font-weight: lighter;    
}

.h5-slider {
    font-size: 2.25rem
}
.h5-box {
    font-size: 4.25rem
}

.p-slider {
    font-size: 1.25rem
}
font-family {
	font-family: Fabiolo, "Avenir Book", "Avenir Next Condensed Regular", "Caviar Dreams";
	font-style: normal;
	font-weight: 100;
}

@media screen and (max-width: 990px) {
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 5%;
    z-index: 10;
    padding-bottom: 20px;
    color: black;
    text-align: right;
    line-height: 10px;
    
}
    .h5-slider {
    font-size: 2.1rem
    
}
.p-slider {
    font-size: 1.8rem;
    line-height: 5px;
        
}
}


@media screen and (max-width: 590px) {
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 15px;
    left: 5%;
    z-index: 10;
    padding-bottom: 10px;
    color: black;
    text-align: right;
    line-height: 10px;
    
}
    .h5-slider {
    font-size: 1.1rem   
}
     .h5-preis {
    font-size: 1.1rem   
}
.p-slider {
    font-size: 0.8rem;
    line-height: 5px;
}
}

.txt {
  text-align: center;
  color: white;
padding-right: 0px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-cap-preis {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 5%;
    z-index: 1;
    padding-top: 10%;
    padding-bottom: 8%;
    color: black;
    text-align: right;
 

}

/* Text über den Registerkarten */
.image-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 5%;
    z-index: 1;
    padding-top: 10%;
    padding-bottom: 8%;
    color: black;
    text-align: right;
}
.image-box {
    position: absolute;
    right: 18%;
    bottom: 18%;
    left: 5%;
    z-index: 1;
    padding-top: 10%;
    padding-bottom: 8%;
    color: black;
    text-align: right;
}
.image-boxleft {
    position: absolute;
    left: 18%;
    bottom: 18%;
    z-index: 1;
    padding-top: 10%;
    padding-bottom: 8%;
    color: black;
    text-align: left;
}
.h5-slider {
    font-size: 2.55rem
}
.p-slider {
    font-size: 1.25rem
}
@media screen and (max-width: 990px) {
.image-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 5%;
    z-index: 10;
    padding-bottom: 20px;
    color: black;
    text-align: right;
    line-height: 10px;
}
    .image-box {
    position: absolute;
    right: 15%;
    bottom: 15%;
    left: 5%;
    z-index: 10;
    padding-bottom: 20px;
    color: black;
    text-align: right;
    line-height: 10px;
}
       .image-boxleft {
    position: absolute;
    bottom: 15%;
    left: 15%;
    z-index: 10;
    padding-bottom: 20px;
    color: black;
    text-align: left;
    line-height: 10px;
}
       .logostyle{
        width: 40%;
           
    }
    .image-cap-preis {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 5%;
    z-index: 10;
    padding-bottom: 20px;
    color: black;
    text-align: right;
    line-height: 20px;
}
      .h5-preis {
    font-size: 2.1rem
}
    .h5-slider {
    font-size: 2.1rem
}
.p-slider {
    font-size: 1.8rem;
    line-height: 5px;  
}
    .logo-xs{
        width: 35%;
    }
}
@media screen and (max-width: 933px) {
    .h5-box{
        font-size: 3rem;
    }

}
@media screen and (max-width: 767px) {
    .float-md-left{
        float: left;
    }
     .image-cap-preis {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 5%;
    z-index: 1;
    padding-top: 10%;
    padding-bottom: 8%;
    color: black;
    text-align: right;
     line-height: normal;
             line-height: unset;
    font-size: large;
}
     
.h5-box {
    font-size: 4rem
}
}
@media screen and (max-width: 590px) {
.image-caption {
    position: absolute;
    right: 15%;
    bottom: 15px;
    left: 5%;
    z-index: 10;
    padding-bottom: 10px;
    color: black;
    text-align: right;
    line-height: 10px;
}
 
    .logostyle{
        width: 35%;
    }
 .image-cap-preis {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 5%;
    z-index: 1;
    padding-top: 10%;
    padding-bottom: 8%;
    color: black;
    text-align: right;
     line-height: normal;
}
     .h5-preis {
    font-size: 1.1rem
}
    .h5-slider {
    font-size: 1.1rem
}
    .h5-box {
    font-size: 3rem
}
.p-slider {
    font-size: 0.8rem;
    line-height: 5px;
}
    .logo-xs{
        width: 30%;
    }
   
}
/* Text über den Registerkarten */


.ftxt {
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.mtxt{
	margin-left: 5px;
	margin-right: 5px;
}

.tc {
    color:#008CBA;
}

.li {
    color: #b3b3b3;
    font-weight: 300;
}
.btn-new {
	border-top-width: 20%;
    border-bottom-width: 20%;
	background:hsla(0,0%,86%,1.00);
}

.item_one
{
	position: relative;
	display: inline-block;
	width: auto;
	margin-right: 0px;
	margin-top: 0px;
	transition: all 0.8s ease;
}
.item_one:hover
{
	transform: scale(1.015);
	-webkit-box-shadow: 0px 0px 10px;
	box-shadow: 0px 0px 10px;
}
.item
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-right: 0px;
    margin-top: 0px;
    transition: all 0.8s ease;
}

.item:hover
{
	transform: scale(1.015);
	-webkit-box-shadow: 0px 0px 10px;
	box-shadow: 0px 0px 10px;
}

a, a:hover {
	color: gray;
    text-decoration: none;
}
.btn-link:hover {
    color: #4FC9D1;
    text-decoration: none;
}
.btn:hover {
    color: #4FC9D1;
    text-decoration: none;
}

ol, ul, dl {
	*font-family: Fabiolo, "Avenir Book", "Avenir Next Condensed Regular", "Caviar Dreams";
	color: #4FC9D1;
}

.bg-w-light{
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 38.70%,rgba(255,255,255,0.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 38.70%,rgba(255,255,255,0.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 38.70%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 38.70%,rgba(255,255,255,0.00) 100%);
}
.map{
    margin-top: 5%;
    background: rgba(255,255,255,1.00);
}

.bg-girl{
	background-image: url("../images/girl.png");
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	position: absolute;
	background-size: cover;
	min-width: 300px;
	min-height: 400px;
	display: inline-block;
}
.kontakt{
    width: 80%;
}

.container-frame {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.box {
position:relative;
 width: 50%;
}
.box:before {
content: "";
display:block;
padding-top: 100%;
}
.grow { 
    transition: all .2s ease-in-out; 
}

.grow:hover { transform: scale(1.025); }

imgsw {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.dropdown-menu.show {
    
    background-color: white;
}
.site-mobile-menu .site-nav-wrap li.active > a {
   /* color: #40E0D0;*/
	color: rgb(0, 140, 186)!important;
}
.site-navbar .site-logo a {
  /* color: #40E0D0;*/
	color: rgb(0, 140, 186)!important;
    text-transform: lowercase;
}
.site-mobile-menu .site-nav-wrap a:hover {
   /* color: #40E0D0;*/
	color: rgb(0, 140, 186)!important;
}
.site-logo_burger{
		 display: none;
	 }
 @media (max-width: 991.98px) {
      .site-navbar .site-logo {
        float: left;
        position: relative;
	 ;}
	 .site-logo{
		display: none;
	 }
	 .site-logo_burger{
    display: inline-block;		 
	 }
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    color: #b3b3b3;
}
.white{
	color: #FFFFFF;
}
.gray {
	color: #b3b3b3;
}