/*
Theme Name: fusspflegezentrum-lichterfelde 
Description: fusspflegezentrum-lichterfelde.de
Author: C.Schilling / PIXELIKONE
Author URI: 
Version: 1.1
*/
@import url(css/normalize.css);
@import url(css/skeleton.css);
@import url(css/resp-nav.css);


html,body {
height:100%; 
background: url(images/bg-foot-gd-rev2.jpg) top center no-repeat;

}
img {
max-width: 100%;
height: auto;
}

#gallery-1 img {
border-radius: 80px;
}

#cboxCurrent{position:absolute; top:-20px; left:0px !important; color:#ccc;}
.contact_top {
color:#0F5B58;
margin: 10px 0 0 0; 
}

.head_section { background-color: rgba(255, 255, 255, 0.5);}
.head_section .container { padding: 10px;}
.content_section .container {padding:25px;}

a#logo {
background: url(images/header_logo.png) top center no-repeat;
background-size:100%;
display: block;
height: 68px;
width:100%;
max-width:494px;
margin: 10px auto -10px auto;
}

.nav_section {
background-color: rgba(81, 165, 121, 0.85);
-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.3);
box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.3);
}

.nav_section .container {
width:100%;
padding:0;
max-width:100%;
}

.nav-toggle {
display:block;
text-align:center;
font-size:20px;
color:#fff;
padding:5px 0;
text-transform:uppercase;
}

.nav-toggle:after {
font-family: 'icomoon';
content: "\e120";
margin:0 15px 0 0;
float:right;    
}

.nav-toggle span {
margin:0 0 0 18px;
}

.nav-toggle:hover {
color:#fff;
text-decoration:none;
}

.box_home {
background-color: rgba(81, 165, 121, 0.85);
min-height: 205px;
margin-top:10px;
}

.box_home h2 {
text-align:center;
padding:10px 0 10px 0;
color:#fff;
border-bottom:1px solid #fff;
background-color: #3D7D5C;
}

.box_home_text {
text-align:center;
padding:10px;
color:#fff
}

.box_home_text a {
color:#fff
}
.disclaimer {
padding:10px 0;
font-size:80%;
text-align:center;
}

.disclaimer .container .twelve.columns {
border-top:1px solid #ccc;
padding-top:5px
}

.disclaimer span {
display: block;
margin: 0 auto;
}

.disclaimer a {
margin-right:10px;
}

.cols {
-webkit-columns: 400px 2;
-moz-columns: 400px 2;
columns: 400px 2;
}

.cols div {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}

#gallery-1 .gallery-item {
text-align:left !important;
width: 40% !important;
margin-right: 10% !important;
}

.co-form {
text-align: center;
border: 1px solid #ccc;
padding-top: 25px;
}
.wpcf7-submit {
    color:#fff !important;
    background-color: #51A579 !important;
    border:1px solid #387153 !important;
}
input.wpcf7-captchar {
width: 60%;
min-width: 100px;
}

@media (min-width: 400px) {
.content_section_default .container {
padding: 0;
}
}
@media (min-width: 550px) {   
.head_section .container {
padding: 10px 25px;
}
a#logo {
margin: 10px 0 0 0;
}  
.disclaimer {
text-align:left;
}
.disclaimer span {
float:right;
margin:0;
}

}

@media (min-width: 600px) {   
.nav_section .container {
width:100%;
padding:0 25px;
max-width:960px;
}
.disclaimer .container {
max-width:910px;
}
.gallery br {
display:none;
}

.gallery:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

#gallery-1 .gallery-item {
text-align:left !important;
width: 30% !important;
margin-right: 0 !important;
}
}
@media (min-width: 800px) {
.head_section .one-third.column {  
width:30.6666666667%;
}
#gallery-1 .gallery-item {
text-align:left !important;
width: 25% !important;
}
}  

.columns td, th {
    text-align:left;
}