/*
-------------------------------------------------------------------------
                          LOGO
-------------------------------------------------------------------------
*/

img.logoheader {
max-height:50px!important;
}

img.logofooter{
max-height:300px!important;
height:150px!important;
}

.rd-navbar-fixed .rd-navbar-brand img {
height:38px!important;
}


/*
-------------------------------------------------------------------------
                          NAV
-------------------------------------------------------------------------
*/


.navbar .navbar-nav .nav-link a:hover {
color: #FFFFFF!important;
}


/*
-------------------------------------------------------------------------
                          INDEX - BG
-------------------------------------------------------------------------
*/

.swiper-slide {
background-image:url("../assets/pictures/friseursalon_bergisch_gladbach_1.webp");
}


/*
-------------------------------------------------------------------------
                          BORDERS
-------------------------------------------------------------------------
*/

.border-deco-1 {
border-bottom: 2px solid #9c5d69;
}

.border-deco-2 {
border-top: 2px solid #FFFFFF;
}



/*
-------------------------------------------------------------------------
                          FOOTER
-------------------------------------------------------------------------
*/

.footerlinks a {
color: #FFFFFF;
text-decoration: none;
}
.footerlinks a:hover {
color: #e9dcd4;
text-decoration: none;
}
.pre-footer-corporate h6{
color: #FFFFFF!important;
}
.icon-footer {
color: #FFFFFF;
}
a.icon-footer {
color: #FFFFFF;
}
a.icon-footer:hover {
color: #e9dcd4;
}



/*
-------------------------------------------------------------------------
                          REVSLIDER
-------------------------------------------------------------------------
*/

.rs-fullwidth-wrap {
height: 50%!important;
}


/*
-------------------------------------------------------------------------
                          COLORS
-------------------------------------------------------------------------
*/


.altrosa {
color: #e9dcd4!important;
color: rgb(233,220,212);
}

.blue {
color: #001b38;
color: rgb(0,27,56);
}

.aubergine {
color: #9c5d69;
color: rgba(156,93,106, 0.7);
}

.bg-offwhite {
background-color: #fdfcfb;
}



/*
-------------------------------------------------------------------------
                          MEDIA
-------------------------------------------------------------------------
*/


@media only screen and (min-width: 0px) and (max-width: 899px) {

img.logoheader {
max-height:60px!important;
}

img.logofooter{
max-height:100px!important;
}

.swiper-slide {
-webkit-align-items: top!important;
-ms-flex-align: top!important;
align-items: top!important;
background-image:url("../assets/pictures/friseursalon_bergisch_gladbach_1_Mobile.webp");
background-position: center center!important;
}

.img-thumbnail-variant-3 .caption {
display: none!important;
}




}


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


}


/*Portrait Tablet ONLY. Use this query to add rules for tablets in Portrait orientation.
Landscape tablets should get a normal and unaltered display.*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
img.logoheader {
max-height:100px!important;
}   
    
}

@media (min-width: 992px) {


}

@media (min-width: 1200px) {

}


/*Tablet ONLY. Use this query to add rules for tablets.*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {



}