/* Add additional stylesheets below
-------------------------------------------------- */

/* Font
-------------------------------------------------- */
@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('opensans-semibold.eot');
    src: url('opensans-semibold.eot') format('embedded-opentype'),
         url('opensans-semibold.woff') format('woff'),
         url('opensans-semibold.ttf') format('truetype'),
         url('opensans-semibold.svg#OpenSansSemibold') format('svg');
}

/* Body and structure
-------------------------------------------------- */
body { position:relative; padding-top:36px; }

body {font-size: 14px;}
.navbar-inverse .brand, .navbar-inverse .nav>li>a {
    font-size: 13px; }

/* Header-Start
---------------------------------------------------*/
.brand { background:url(../img/Tannenhof-Praxis_Logo.svg) no-repeat left top; width:1187px; height:309px;/* background-size:977px 220px; */}
.right_logo { position:absolute; bottom:-43px; right:0px; background:url(../img/right_logo.png) no-repeat left top; width:224px;height:207px; }
/* Banner-start
---------------------------------------------------*/

/* Content-Start
---------------------------------------------------*/
#content { float:left; width:100%; }
#content .row:first-child .span3:first-child figcaption { font-size: 20px; padding: 4.8% 4.8% 30%; text-align: center; }

/* Footer-Start
---------------------------------------------------*/

footer .span6 { position:relative; padding-top: 15px;}
footer .span6 span { font-size:12px; padding:0 5px 0 0; }
footer .in .caret { display:block; padding:0px; }

footer .toggle_main { position:relative; width:100%; float:left; }
footer .toggle_part { position:absolute; top:34px; left:0px; color:#ffffff; width:100%; padding:25px 0 0 0; }
footer .toggle_content { padding:31px 35px 26px 34px; float:left; font-size:12px; background:#3d705d; }
footer .toggle_content span,footer .toggle_content p { width:100%; float:left; margin:0 0 17px; line-height:18px;}
footer .toggle_content a, footer .toggle_content a:hover { border:none; color:#dde286; padding:0px; }
footer .span6:last-child .toggle_content { background:none; }

footer address span.head{ float: left; font-family: 'OpenSansSemibold'; font-size: 12px; font-weight: normal; margin: 0 0 4px; width: 100%; }

footer .text-right .toggle_content {padding:0px; width:99.6%; border:1px solid #3d705d; height:516px; }
footer  .map_hover { left: 43%; position: absolute; top: 42%; }

/* Index_page_End_here
===================================================*/

/* Sub_page_Start_here
===================================================*/
._hide .dull {  background:rgba(61,112,93,.9); position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; background:#3d705d \9; filter:alpha(opacity=90); }
._hide .dull:hover { background:rgba(61,112,93,.6);  background:#3d705d \9;  filter:alpha(opacity=60); }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
figcaption { bottom:-1px; width:91%; }
}

/* Responsive
-------------------------------------------------- */
/* Large desktop */

@media (min-width: 1200px) {
#content figure img {width: 295px; height: 408px;}
}

@media (max-width: 1200px) {
.offset2 { margin-left:200px; }	
.offset5 { margin-left:545px; }
}

@media (max-width: 1185px) { 
.brand {background: url("../img/Tannenhof-Praxis_Logo.svg") no-repeat scroll left top rgba(0, 0, 0, 0); height: 243px; width: 933px; background-size: 933px auto; }
.offset5 { margin-left:415px; }	
footer .text-right .toggle_content { height:550px;margin-bottom:5px; }
}

@media (max-width: 1185px) {

body {font-size: 12px;}
.navbar-inverse .brand, .navbar-inverse .nav>li>a {
    font-size: 12px; }
}


/* Protected tablet and Large desktop */
@media (max-width: 1024px) {
/*header
---------------------------------------------------*/
.brand { background: url("../img/Tannenhof-Praxis_Logo.svg") no-repeat scroll left top rgba(0, 0, 0, 0); height: 242px; width: 933px; background-size:100% auto; }
/* Footer-Start
---------------------------------------------------*/	
.footer_content img { width:100%; }
.footer_content img.map_hover { width:auto; }
}
---------------------------------------------------*/	
}




@media (min-width: 980px) and (max-width:1185px) {
footer .toggle_content { padding:15px 15px 0; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
/* Header-Start
---------------------------------------------------*/
/*header{ padding:0 0 55px; }*/
.brand { background: url("../img/Tannenhof-Praxis_Logo.svg") no-repeat scroll left top rgba(0, 0, 0, 0); height: 190px; width: 729px; background-size: 100% auto; }
/* Footer-Start
---------------------------------------------------*/
footer { margin:20px 0 0 0;}
footer .span6 span { font-size:11px; float:left; }
footer .span6 span .btn-danger { float:left; width:auto;}
footer .toggle_content { padding:15px 15px 0; }
footer .toggle_content span { font-size:12px; }
.btn-danger,.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { font-size:11px; padding:0 7px; }

figcaption { position:inherit; min-height:109px;}
#content .row:first-child .span3:first-child figcaption { padding:4% 4.8% 3%; bottom:65px;}
footer .text-right .toggle_content { width:99.5%;}
.offset2 { margin-left:175px; }
.offset5 { margin-left:315px; }	

footer .text-right .toggle_content { height:604px;margin-bottom:5px; }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
body { padding-top:20px; }
/* Header-Start
---------------------------------------------------*/
header { /*padding:0 0 5%;*/ margin:0 0 5%; }
.brand { background: url("../img/Tannenhof-Praxis_Logo.svg") no-repeat scroll left top rgba(0, 0, 0, 0); height: 156px; width: 595px; background-size:100% auto; }
.right_logo { background-size: 185px auto; bottom: -37px; width: 185px; height:172px; }

/* Content-Start
---------------------------------------------------*/
#content .row:first-child .span3:first-child figcaption { padding:4.8% 5px 17%; }
figcaption { padding:4% 1% 3%; }
/* Footer-Start
---------------------------------------------------*/
footer { margin:0 0 0 0;}
footer .span6 { float:left; width:100%; margin:0 2px; }
footer .text-right { text-align:left; }
footer .text-right .toggle_content { width:99.4%;}

.offset5 { margin-left:15px; }
.btn-danger { border: medium none; padding: 0; text-align: left; width: 100%; }

figcaption { width:94%; padding:4% 3% 3%;}
figure img { width:100%; max-width:295px;}

.text-center { width:24.4%; margin:0 0.3%; float:left;}
figcaption { position:inherit; min-height:109px;}
#content .row:first-child .span3:first-child figcaption { padding:4% 4.8% 3%; bottom:65px;}

footer .text-left { margin-bottom:25px;}
footer .text-left .toggle_part { z-index:100;}
footer .toggle_content { padding:10px;}
footer .toggle_part { position:relative; top:0px; padding:0px; }
footer .in { padding:25px 0 0; }
footer .offset2, footer .offset5 { margin-left:15px; }
}
@media (max-width: 640px) {
body { padding:20px 10px 0 10px;}
.brand { background: url("../img/Tannenhof-Praxis_Logo.svg") no-repeat scroll left top rgba(0, 0, 0, 0); height: 120px; width: 460px; background-size:100% auto; }
.right_logo { background-size: 155px auto; bottom: -31px; height: 145px; width: 155px; }

.text-center { width:49%; margin:0 0.5%; float:left;}
figcaption { position:absolute; min-height:inherit;}
footer { margin:60px 0 0 0;}
footer .span6 span { font-size:12px;}
footer .span6 { float:left; width:100%; margin:0 0 10px 0; }
footer .text-left { margin-bottom:25px;}
footer .text-left .toggle_part { z-index:100;}
footer .toggle_content { padding:10px;}	
}
@media (min-width: 479px) and (max-width: 542px) {
	figcaption { position:inherit; bottom:0px; min-height:90px;}
	
}
/* Landscape phones and down */
@media (max-width: 480px) {
.brand { background: url("../img/Tannenhof-Praxis_Logo.svg") no-repeat scroll left top rgba(0, 0, 0, 0); height: 78px; width: 301px; background-size:100% auto; }
.right_logo { background-size: 94px auto; bottom: -19px; height: 86px; width: 94px; }
footer li .toggle_part { padding:15px; }
.toggle_content iframe { height:300px;}
.text-center { width:99%; margin:0 0.5%; float:left;}
#content .row:first-child .span3:first-child figcaption { padding:0;}
figcaption { min-height:70px; max-width:295px;left: 50%; margin-left: -148px;}
}

/* Protected phones and down */
@media (max-width: 320px) {
body { padding:20px 10px 0 10px;}
.brand { background: url("../img/Tannenhof-Praxis_Logo.svg") no-repeat scroll left top rgba(0, 0, 0, 0); height: 83px; width: 300px; background-size:100% auto; }
.right_logo { background-size: 75px auto; bottom: -15px; height: 70px; width: 75px; }
#content .row:first-child .span3:first-child figcaption{ padding:5px; }
footer { margin:58px 0 20px 0;}
figcaption { width:98%;}
}
@media (min-width: 20px) and (max-width: 300px) {
body { padding:0 0 0 0;}
header { padding:3% 2% 5% 2%; width:96%;}


figcaption { position:inherit; min-height:65px; width:98%;}
#content .row:first-child .span3:first-child figcaption { padding:0; bottom:65px;}
footer { margin:30px 0 15px 0; padding:0 2%; width:96%;}
}

button.vk {
	border: none;
	background-color: #fff;
	color: #3D705D;
	margin-left:0;
	padding-left: 0;
}

.box {
margin-top:9px;}

/* overrides and adjustments (sjkm 21.05.14) */

header,nav,article,footer,section,aside,figure,figcaption { 
	display: block; 
}

figcaption.text-left { 
	/* fallback in the case rgba is not supported (f.e. IE8) */
	background: rgb(255,255,255); 
	background: rgba(255,255,255,0.9); 
    min-height: 80px;
}

.showVkBtn, .hideVkBtn {
	cursor: pointer;
}