/*
 Theme Name:   Haarscharf Styling
 Theme URI:    http://www.netts-werk.de/
 Description:  Haarscharf Styling Theme
 Author:       Netts Werk
 Author URI:   http://www.netts-werks.de
 Template:     twentythirteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 Text Domain:  twentythirteen
*/

@font-face {
	font-family: "Lato";
	font-weight: 300;
	font-style: italic;
	src: local('Lato Light Italic'), local('Lato-LightItalic'), url(//haarscharf-styling.de/wp-content/uploads/sgf-css/S6u_w4BMUTPHjxsI9w2_Gwftx9897g.woff2) format('woff2'), url(//haarscharf-styling.de/wp-content/uploads/sgf-css/S6u_w4BMUTPHjxsI9w2_Gwfr.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Lato";
	font-weight: 300;
	font-style: normal;
	src: local('Lato Light'), local('Lato-Light'), url(//haarscharf-styling.de/wp-content/uploads/sgf-css/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2'), url(//haarscharf-styling.de/wp-content/uploads/sgf-css/S6u9w4BMUTPHh7USSwiPHw.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Lato";
	font-weight: 700;
	font-style: italic;
	src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(//haarscharf-styling.de/wp-content/uploads/sgf-css/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2) format('woff2'), url(//haarscharf-styling.de/wp-content/uploads/sgf-css/S6u_w4BMUTPHjxsI5wq_Gwfr.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body .site {
    background-color: #fff;
    border-left: none;
    border-right: none;
    margin: 0 auto;
    max-width: 1250px;
    width: 100%;
}

body {
	font-family: 'Lato';
	background-color: #D7D9DB;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 300;
}

h1 {font-size: 2.75em;
    margin: 0 0 12px;}

h2 {font-size: 2em;}

h3 {font-size: 1.8em;}

p {
	font-size: 1.6em;
	font-style: italic;
	line-height: 1.4;
	font-weight: 300;
}

.hentry {
    padding: 30px 0 10px;
}

.entry-header, .entry-content, .entry-summary, .entry-meta {
    margin: 0 auto;
    max-width: 1100px;
    width: 100%;
}

entry-meta {display: none !important;}

.entry-content a, .comment-content a {
    color: #c7023a;
}

.entry-content a:hover,
.comment-content a:hover {
	color: #000;
}

.archive-title, .archive-meta {display: none;}

#post-5 {
	background-color: #c7023a;
	color: #fff;
	padding-bottom: 50px;}

#post-9 {
	background-color: #c14f8b;
	color: #fff;
	padding-bottom: 50px;}

#post-11, #post-13 {
	background-color: #e7e1d5;
	color: #36434d;
	padding-bottom: 50px;}

#post-16, #post-16 .widget {
	background-color: #ded2e0;
	color: #36434d;}

#post-18 {
	background-color: #b37faf;
	color: #36434d;
	padding-bottom: 50px;}

#post-48, #post-48 .widget {
	background-color: #c3b7c1;
	color: #36434d;}

#post-106, #post-106 .widget {
	background-color: #b7cbc9;
	color: #36434d;}

#post-108, #post-108 .widget {
	background-color: #fffaf7;
	color: #36434d;}

.search-form {display: none;}

a:focus {
	outline: none;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #5e6971;
	color: #fff;
}

.navbar {
    background-color: #36434d;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    text-align: center;}

ul.nav-menu ul a, .nav-menu ul ul a {
    color: #fff;
    margin: 0;
    text-align: left;
    width: 220px;
}

.site-footer {
    background-color: #36434d;}

#impressum h1, #impressum p {font-style: normal;}
#impressum h1 {font-size: 2.5em;}
#impressum p {font-size: 1.2em; line-height: 1.4em;}

#kontakt h1, #kontakt p, #kontakt #wpcf7-f7-p22-o1 {font-style: normal;}
#kontakt h1 {font-size: 2.5em;}
#kontakt p, #kontakt #wpcf7-f7-p22-o1 {font-size: 1.2em; line-height: 1.4em;}
#kontakt #wpcf7-f7-p22-o1 {font-size: 1em;}

.nav-menu li a {
    color: #fff;
    font-size: 1.5em;
    padding: 15px 14px;}

.logo {
    text-align: center;
    background-color: #36434d;
    height: 200px;
    border-bottom: 2px solid #fff;
}

.logo img {margin-top: 35px;  max-width: 420px; max-height: 200px;}

.headerImage img { width: 100%; }

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	font-style: normal;
	font-weight:300;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #5e6971;
}

.nav-menu .sub-menu, .nav-menu .children {
    background-color: #5e6971;}

.nav-menu .sub-menu,
.nav-menu .children {
	border: 2px solid #fff;
	/*border-top: 0;*/
}

.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover {
		background-color: #5e6971;
		color: #fff;
	}

.page-id-24 {font-style: normal; font-size: }

.page-id-5 .nav-menu .current_page_item > a, 
.page-id-5 .nav-menu .current_page_ancestor > a, 
.page-id-5 .nav-menu .current-menu-item > a, 
.page-id-5 .nav-menu .current-menu-ancestor > a 
{
color: #c7023a;
}

.page-id-9 .nav-menu .current_page_item > a, 
.page-id-9 .nav-menu .current_page_ancestor > a, 
.page-id-9 .nav-menu .current-menu-item > a, 
.page-id-9 .nav-menu .current-menu-ancestor > a 
{
color: #c14f8b;
}

.page-id-11 .nav-menu .current_page_item > a, 
.page-id-11 .nav-menu .current_page_ancestor > a, 
.page-id-11 .nav-menu .current-menu-item > a, 
.page-id-11 .nav-menu .current-menu-ancestor > a
.page-id-13 .nav-menu .current_page_item > a, 
.page-id-13 .nav-menu .current_page_ancestor > a, 
.page-id-13 .nav-menu .current-menu-item > a, 
.page-id-13 .nav-menu .current-menu-ancestor > a  
{
color: #e7e1d5;
}

.page-id-16 .nav-menu .current_page_item > a, 
.page-id-16 .nav-menu .current_page_ancestor > a, 
.page-id-16 .nav-menu .current-menu-item > a, 
.page-id-16 .nav-menu .current-menu-ancestor > a 
{
color: #ded2e0;
}

.page-id-18 .nav-menu .current_page_item > a, 
.page-id-18 .nav-menu .current_page_ancestor > a, 
.page-id-18 .nav-menu .current-menu-item > a, 
.page-id-18 .nav-menu .current-menu-ancestor > a 
{
color: #b37faf;
}

.category-4 .nav-menu .current_page_item > a, 
.category-4 .nav-menu .current_page_ancestor > a, 
.category-4 .nav-menu .current-menu-item > a, 
.category-4 .nav-menu .current-menu-ancestor > a 
{
color: #925d63;
}


.category-4 .site-content {
	background-color: #925d63;
	color: #fff;
	padding: 5px 0 50px;}

.category-4 article {
	margin: 0 auto;
	max-width: 800px;
	width: 100%;}

.category-4 .site-content p {
	font-size: 1.2em;}

table {font-size: 1.1em; line-height: 1.5em;}

/*Preisliste Damen - Tabelle*/
#pg-48-1 .panel-grid-cell {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#pg-48-1 {
    margin-left: -40px;
    margin-right: -40px;
}


button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #36434d; /* Old browsers */
	background: -webkit-linear-gradient(top, #36434d 0%, #36434d 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #36434d 0%, #36434d 100%); /* W3C */
	border: none;
	/*border-bottom: 3px solid #b93207;*/
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 11px 24px 10px;
	text-decoration: none;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #5e6971; /* Old browsers */
	background: -webkit-linear-gradient(top, #5e6971 0%, #5e6971 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #5e6971 0%, #5e6971 100%); /* W3C */
	outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #36434d; /* Old browsers */
	background: -webkit-linear-gradient(top, #36434d 0%, #36434d 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #36434d 0%, #36434d 100%); /* W3C */
	border: none;
	/*border-top: 3px solid #b93207;*/
	padding: 10px 24px 11px;
}

button, input, textarea {
    border: 1px solid #5e6971;
}

input:focus,
textarea:focus {
	border: 2px solid #36434d;
	outline: 0;
}

.site-footer {
    text-align: left;
    line-height: 1.3;}

footer.entry-meta {
    display: none;
}

.footerKontaktWeiler, .footerKontaktScheidegg , .footerKontaktStaufen{margin-right: 40px;}

/* Preislisten */

#pg-16-0, #pg-16 .panel-grid-cell .so-panel {
    margin-bottom: 0 !important;
}

#pgc-48-2-0, #pgc-16-1-0, #pgc-106-2-0, #pgc-108-2-0 {
	text-align: center; 
	display: inline-block;}

#pgc-48-2-0 .so-panel, #pgc-16-1-0 .so-panel, #pgc-106-2-0 .so-panel, #pgc-108-2-0 .so-panel {
	width: 180px; float: left;}

#pgc-48-2-0 .widget {background-color: #c3b7c1;}
#pgc-16-1-0 .widget {background-color: #ded2e0;}
#pgc-106-2-0 .widget {background-color: #b7cbc9;}
#pgc-108-2-0 .widget {background-color: #fffaf7;}


.preisWidget {text-align:center;}


/*
.preis-damen, .preiseHerren, .kinderPreise {
text-align: center; 
width: 120px; 
float: left; 
background: #36434d none repeat scroll 0% 0%; 
color: rgb(255, 255, 255); 
border: 10px solid #abb0b4; 
height: 120px; 
/*border-radius: 75px;
-moz-border-radius: 75px; -webkit-border-radius: 75px; border-radius: 75px;
behavior:url(border-radius.htc);
padding-top: 15px;
}
*/
/*
.preis-damen:hover, .preiseHerren:hover, .kinderPreise:hover, .preisAktiv {
	color: #fff;
	background-color: #ab0322; 
}
*/
/*
.page-id-16 .preis-damen:hover, .page-id-16 .preiseHerren:hover, .page-id-16 .kinderPreise:hover {
	color: #fff;
	background-color: #70437e; 
}
*/
/*
.preis-damen p, .preiseHerren p, .kinderPreise p {font-size: 1em; }
*/
.widget {padding: 0 20px 20px 20px;}

.widget {
    -moz-hyphens: auto;
    font-size: 1em;
    word-wrap: break-word;
}

.widget a {
	color: #fff;
}

.widget a:hover {
	color: #fff;
	text-decoration: none;
}


footer { min-height: 200px !important;
display: block;
height: auto !important;
overflow: hidden;
margin: 0px auto;
max-width: 1400px;
}

.footerKontaktScheidegg, .footerKontaktWeiler, .footerKontaktStaufen { margin-bottom: 30px; }

.nivo-caption {
    display: block;
    width: 100px !important;
    height: 100px;
    background: #36434D !important;
    border: 5px solid #abb0b4 !important;
    border-radius: 50px;
    text-align: center;
    padding: 22px 10px !important;
    font-size: 0.9em;
    top: 20px;
    left: 20px !important;
    font-style: italic;
    opacity: 1 !important;
}

.theme-default .nivo-caption {
    font-family: 'Lato', sans-serif !important;
	font-style: italic !important;
	font-weight: normal !important;
}


/*Definieren der Button-Eigenschaften*/
.aktionbutton {
    width: 13em;
    height: 13em;
    background-color: #c7023a; 
    border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
	border: 2px solid #fff;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
	position:absolute;
	bottom:40px; left:50px;
}

.aktionbutton p {
	
	font-size:1.6em;
	padding-top:1.3em;

}

.aktionbutton span {
    line-height: 1.1;
}

/*TEAM*/
div.einzelteam img{
	border-radius:50%;
	-webkit-border-radius:50%;
	/*border:2px solid grey;*/
	}
	
.einzelteam {
    float: left;
	width:100%;
	padding: 2em 2em 3em 2em;
}
h3.pteamlist {
    text-align: center;
}
h2.teamheader{
	text-align:center;
	background-color: #5e6971;
color: #e7e1d5;}


@media (max-width: 421px) { 
	.logo img { width: 96%; }
	.logo { height: 175px; }
	p { font-size: 1em; }
	h1, h2 { font-size: 1.5em; }
	.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
    background: transparent none repeat scroll 0% 0%;
    border: medium none;
    padding: 12px 0px 12px 20px;
    color: #fff;
}

.aktionbutton {
	bottom:5px;
}
}

	@media only screen and (min-width: 700px) {
		.einzelteam {
			width: 50%;
		}
		.teambox div:nth-child(3) {
			margin: 0 auto;
			float: none;
			clear: left;
		}
	}

	@media only screen and (min-width: 900px) {
		.einzelteam {
			width: 25%;
		}
		.teambox {
			max-width: 1100px;
		}
		.teambox div:nth-child(3) {
			float: left;
			clear: none;
		}
	}



@media (max-width: 995px) { 
	.nav-menu li a {
    color: #fff;
    font-size: 1.015em;
	 padding: 15px 10px;
	 }
	 
	 .menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
    background: transparent none repeat scroll 0% 0%;
    border: medium none;
    color: #fff;
    padding: 12px 0px 12px 20px;
	}

	
	/*Definieren der Button-Eigenschaften*/
.aktionbutton {
    width: 7em;
    height: 7em;
    background-color: #c7023a; 
    border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
	border: 2px solid #fff;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
	position:absolute;
	bottom:10px; left:10px;
}

.aktionbutton p {
	
	font-size:0.8em;
	padding-top:1em;

}

}