/* 
- add your custom css here or use the theme designer in the demo online version
- save this file before you update quatum to a newer version 
*/
/* HINWEIS GOOGLE FONT

Ersetzen Sie den Google Fonts Code in der fe_page.html5 durch:

<link href="http://fonts.googleapis.com/css?family="icons"" rel="stylesheet" type="text/css"/>

Weitere Informationen zu Google Fonts finden Sie hier: https://developers.google.com/fonts/faq
*/

#header .inside {
        height: 1px !important;
}

#nav-open-btn {
        position: fixed;
}

#nav-open-btn > .inner{
	background-image:url("../../medicopraxis/elemente/MPT_icon_navi.png");
	height:62px; /* 47 + 2x6 */
	width:62px; /* 50 + 2x6 */
	margin-top: 8px;
	cursor: pointer;
}

#nav-open-btn > .inner:hover{
	background-image:url("../../medicopraxis/elemente/MPT_icon_navi_hover.png") !important;
}

body.pushy-active #nav-open-btn > .inner{
	background:none;
        display: none;
}
/*
body.pushy-active #nav-open-btn > .inner:hover{
	background-image:url("../../medicopraxis/elemente/MPT_icon_navi_close_hover.png");
}
*/
#off_canvas,
#off_canvas nav.mainmenu{
	overflow: visible;
}

.scrollen p {
	margin-bottom: 0;
	padding-bottom: 0;
}

.scrollen p.scroll_address {
	margin-top: -8px;
	padding-top: 0;
}

.scrollen p.scroll_address, 
.scrollen p.scroll_address a {
        color: #73ABE5 !important;
}

.scrollen p.scroll_address_rechts a:hover {
        color: #3D5D7F !important;
}


/* Slideshow */
.tp-caption{
	white-space: normal!important;
}

.rot{
	top: 50%;
}

.kurz{
        width:1px !important;
}

#firstslide-secondrow{
//	position: absolute;
//	top: 50%;
	width: 100%;
}

.tp-simpleresponsive #firstslide-secondrow .caption,
.tp-simpleresponsive #firstslide-secondrow .tp-caption{
	position: relative;
}




/* TEAM */

.team-box {
        width: 980px;
        height: 540px;
}
#wrap_team-mitglieder .inside {
    min-height: 785px !important;
}

#team-florian,
#team-fabienne,
#team-knut,
#team-heike,
#team-erica,
#team-ruth,
#team-monika,
#team-simea,
#team-luana,
#team-karin,
#team-silvia,
#team-anja {
       display: none;
       left: 1000px;
       top: 100px;
       position: absolute;
}

.team-box .image_container .caption
{
       padding: 3px 0 !important;
}

.team-box .zurueck a:hover
{
       opacity: 0.8;
}

/* div design */

#bottom .contentbox {
        color: #ffffff;
        text-align: left;
}



#op_kontakt .block.one_fourth.drei {
    width: 26% !important;
}

#op_kontakt .block.one_fourth.zwei {
    width: 34% !important;
}

#op_kontakt .block.one_fourth.schmal {
    width: 15% !important;
}

#op_kontakt .block.one_fourth.halbhalb {
    width: 25% !important;
}

#nav-open-btn {
    width: 62px;
}


@media only screen and (max-width: 1024px) {
#team-florian,
#team-fabienne,
#team-knut,
#team-heike,
#team-erica,
#team-monika ,
#team-luana,
#team-simea,
#team-karin,
#team-silvia,
#team-anja{
       top: 0;
       position: unset;
       margin-top: 30px;
}

}



@media only screen and (max-width: 990px), screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

.team-box {
        max-width: 980px;
        height: auto;
        width: auto;
        margin: 0 20px !important;
}




}






@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

.team-box #team-detail {
       padding-right: 5%;
       float: left;
}
#wrap_team-mitglieder .inside {
    min-height: 1400px !important;
}
}


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

        .ce_revolutionslider .ce_text-mit-bild-erweitert, .ce_revolutionslider .tp-caption {
        	left: 10% !important;
        	width: 80% !important;
                top: 10% !important;
        }

        .ce_revolutionslider img.tp-resizeme {
        	width: 50% !important;
                height: 50% !important;
        }


        .ce_revolutionslider h2 {
            font-size: 18px !important;
            margin-top: 10px !important;
        }

        .scrollen p.scroll_address, 
        .scrollen p.scroll_address a, {
            color: #73ABE5 !important;
            font-weight: 700;
        }

        p, li, h5 {
            font-size: 16px !important;
        }

        li {
            margin-bottom: 0 !important;
        }
	
        .scrollen p {
            font-size: 9px !important;
        }

        .scrollen p.scroll_address {
	    margin-top: -12px;
	    font-size: 12px !important;
        }

        .anmeldung-hover {
            margin: -35px auto -87px !important;
        }

        .anmeldung-hover img {
            width: 80px;
            height: 80px;
        }

        #op_kontakt .autogrid { float: none; margin: 10px auto; }
        #op_kontakt .block.one_fourth, #op_kontakt .block.one_fourth.schmal, #op_kontakt .block.one_fourth.halbhalb, #op_kontakt .block.one_fourth.zwei, #op_kontakt .block.one_fourth.drei {width: 80% !important;}

.team-box #team-detail {
       padding-right: 5%;
}

#wrap_team-mitglieder .inside {
    min-height: 1400px !important;
}


.team-box {
       padding-top: 12px;
}
.zurueck {
       padding-left: 60px;
}

}


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

        .ce_revolutionslider img.tp-resizeme {
        	width: 80% !important;
                height: 80% !important;
        }
        .no-mobile {
                display: none;
        }

}