.user {color: #000;
border: #fff;
height: 20px;
width: 250px;
display:none;}
.trenner {position:relative;
float:left;
clear:both;
background:url(src/bgmainimage.png) bottom center no-repeat #f1975c;
background-size:contain;
width:100%;
min-height: 400px;
overflow:hidden;
margin-bottom: 20px;
}

@media screen and (max-width:768px) {

.trenner {
min-height:250px
}

}

@media screen and (max-width:567px) {

.trenner {
min-height:200px
}}
.navbar-theme {background-color: rgba(25,155,141,0.6);}
.pb-12, .py-12 {padding-bottom: 12rem !important;}
.pt-12, .py-12 {padding-top: 12rem !important;}
.hurra {display: none;
}

.dropdown-toggle:focus {
border: 0;
outline: transparent;
}

.nav-item:active,
.nav-item:hover,
.nav-item:focus {
border: 0 !important;
outline: none;
}
#userlike-view-container {background-color:#fff !important;}
.userlike-theme-bg  {background-color: rgba(153, 153, 153, 0.80) !important;}
.tshad {text-shadow: 2px 2px 3px rgba(127,117,112,0.5);}
.bg-primary-bright {/*background-color: #ccebeb !important;*/
background-color: #e5f7f7 !important;
}
.mbg-fi {background-color: #56555a;}
.mbg-ca {background-color: #e5096d;}
.mbg-la {background-color: #14248c;}
.mbg-bright {background-color: #f3f3f3;}
.mbg-grey-bright {background-color: #dbdbdb;}
.mbg-vari {background-color: #4b4b4b;
}

.mbg-vari-bright {
background-color: rgba(75,75,75,0.1);}
.mbg-vari {background-color: #c80006;
}

.mbg-vari-bright {
background-color: rgba(200,0,6,0.1);}
.mbg-vari {background-color: #14248c;
}

.mbg-vari-bright {
background-color: rgba(20,36,140,0.1);}
.mbg-vari {background-color: #060609;
}

.mbg-vari-bright {
background-color: rgba(6,6,9,0.1);}
.mbg-vari {background-color: #60a60f;
}

.mbg-vari-bright {
background-color: rgba(96,166,15,0.1);}
.mbg-sp {background-color: #060609;}
.mbg-white {background-color: #fff !important;}
#naviline {border-bottom: 1px solid #000;
}
.userurl {color: #fff;
border: #fff;
height: 20px;
width: 150px;
display: none;}
.overlay-white {background-color: rgba(239, 235, 233, 1.000) !important;

}
.verkauft {position: absolute; 
top:0px; 
right: 0px; 
width: 120px;
height:120px;
z-index:999;
background: url(/src/corner_verkauft.png) no-repeat top right;
background-size: 120px 120px;}
.mieten {position: absolute; 
top:0px; 
right: 0px; 
width: 120px;
height:120px;
z-index:999;
background: url(/src/corner_miete.png) no-repeat top right;
background-size: 120px 120px;}
.reserviert {position: absolute; 
top:0px; 
right: 0px; 
width: 120px;
height:120px;
z-index:999;
background: url(/src/corner_reserviert.png) no-repeat top right;
background-size: 120px 120px;
}
.beratung {position: absolute;
top: 0px;
right: 0px;
width: 120px;
height: 120px;
z-index: 999;
background: url(/src/corner_beratung.png) no-repeat top right;
background-size: 120px 120px;}
.desat {    filter: none;
    opacity: 100;
    transition: ease-out 0.5s;
}

.desat:hover {
filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
transition: ease-in 0.5s;
}
.suche {position: absolute;
top: 0px;
right: 0px;
width: 120px;
height: 120px;
z-index: 999;
background: url(/src/corner_suche.png) no-repeat top right;
background-size: 120px 120px;}
.holiday {width: 200px;
height: 200px;
transform:rotate(350deg);
z-index: 999;
transition: all 0.5s ease;
}

.holiday:hover {
width: 240px;
height: 240px;
transform:rotate(360deg);
z-index: 999;
transition: all 0.5s ease;
}

/* On screens 500px or less */
@media screen and (max-width: 600px) {
.holiday {
width: 130px;
height: 130px;
transform:rotate(350deg);
z-index: 999;
transition: all 0.5s ease;
}

.holiday:hover {
width: 220px;
height: 220px;
transform:rotate(360deg);
z-index: 999;
transition: all 0.5s ease;
}
}
.holiday-box {position: absolute; 
top:250px; 
right: 90px; 
z-index:999;
transition: all 0.5s ease;
}

.holiday-box:hover {
top:250px; 
right: 50px; 
z-index:999;
transition: all 0.5s ease;
}

/* On screens 600px or less */
@media screen and (max-width: 600px) {
.holiday-box {
top:100px; 
right: 20px; 
z-index:999;
transition: all 0.5s ease;
  }

.holiday-box:hover {
top:100px; 
right: 65px; 
z-index:999;
transition: all 0.5s ease;
}
}
.price {font-weight: 400;
float: right;}
.nav-item.dropdown {text-align: center !important;}
.nav-link {padding-left: 0.8125rem !important;
padding-right: 0.8125rem !important;
letter-spacing: 0.05rem;
}

.dropdown-item {
letter-spacing: 0.05rem;
}