/* Hier CSS für spätere integration in less files */

/* search results */
@media only screen and (max-width: 992px) {
	.searchResultWrapper .ergebnisseiten li {
		padding: 0 0.5em;
	}
	
	.searchResultWrapper .ergebnisliste h2 a, 
	.searchResultWrapper #ergebnisliste h2 a,
	.searchResultWrapper .ergebnisliste h2,
	.searchResultWrapper #ergebnisliste h2 {
		width: 100%;
	}	
}

/* leftNavigation */

@media only screen and (min-width: 993px) {
	.uebersicht.onMobile { display: none; }
}
.menuSlideCurrent > h3 > a { color:red; }

/* form header */

.ssl_form.headerimg-default #header.hide_form {
	background-position: center;
}

/* berater in megamenu */

.sf-menu .sf-mega .communication-layer.berater1 {
	background: url(../images/megamenu/stefan_medele.png) no-repeat scroll top right transparent;
	margin-top: -58px;
	margin-left: 711px;
}

.sf-menu .sf-mega .communication-layer.berater2 {
	background: url(../images/megamenu/marina_bergdolt.png) no-repeat scroll top right transparent;
	margin-top: -58px;
	margin-left: 711px;
}

.sf-menu .sf-mega .communication-layer.berater3 {
	background: url(../images/megamenu/marian_lueth.png) no-repeat scroll top right transparent;
	margin-top: -58px;
	margin-left: 711px;
}

.sf-menu .sf-mega .communication-layer.berater4 {
	background: url(../images/megamenu/sabrina_nikolic.png) no-repeat scroll top right transparent;
	margin-top: -58px;
	margin-left: 711px;
}


@media only screen and (max-width: 768px) {
	div.slider .bxslider > li > img.onDesktop {display:none};
}
@media only screen and (min-width: 769px) {
	div.slider .bxslider > li > img.onMobile {display:none};
}

/* nur temporär für die Filialen auf der Suchseite, damit es testbar bleibt, muss nicht in less wenn die Ergebnisse inkl Map mal gestylt sind*/
#mapDiv {
	height:300px;
	width:300px;
	position: relative;
}


/*********
 * 
 *    CSS FOR RESPONSIVE TABS
 * 
 ***********/

/* UI TABS: COMMON

-------------------------------------------------------------- */
/*
div.navTabs {
    background: #fff;
    border: solid 1px #d5d5d5;
    border-radius: 6px;
    margin: 0 auto 2.667em auto;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

div.navTabs ul {
    border-collapse: collapse;
    display: table;
    width: 100%;
}

div.navTabs ul li {
    border-right: solid 1px #d5d5d5;
    color: #999;
    cursor: pointer;
    display: table-cell;
    padding: 0.889em 0.667em;
    text-align: center;
    transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    -webkit-transition: background-color 0.3s linear;
}

div.navTabs ul li:hover {
    background: #e6f9f5;
}

div.navTabs ul li:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
}

div.navTabs ul li:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}

div.navTabs ul li:last-child {
    border-right: 0 none;
}

div.navTabs ul li.selected {
    background: #c4ebe3;
    color: #222;
}
*/

/*
@media screen and (max-width: 600px) {


    div.navTabs {
        margin-bottom: 2.250em;
    }

    div.navTabs ul {
        position: relative;
    }

    div.navTabs ul li {
        border-right: 0;
        padding: 1.000em 0.750em;
        display: none;
        transition: none;
        -webkit-transition: none;
    }

    div.navTabs ul li:first-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: 6px;
        -moz-border-bottom-left-radius: 0;
        -moz-border-top-right-radius: 6px;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-right-radius: 6px;
    }

    div.navTabs ul li:last-child {
        border-bottom-left-radius: 6px;
        border-top-right-radius: 0;
        -moz-border-bottom-left-radius: 6px;
        -moz-border-top-right-radius: 0;
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-top-right-radius: 0;
    }

    div.navTabs ul li.selected,
    div.navTabs ul.open li {
        display: block;
    }

    div.navTabs ul li.selected:before {
        content: "\e804";
        font-family: fontello;
        font-size: 1.438em;
        left: 0.522em;
        position: absolute;
        top: 0.522em;
    }

    div.navTabs ul.open li.selected:before {
        color: #999;
    }

    div.navTabs ul li.selected:hover {
        background: #e3e5e8;
    }

    div.navTabs ul li:hover {
        background: transparent;
    }
}
*/