/*
Theme Name: Psychotherapie Hillenbrand
Description: Theme für Psychotherapie Hillenbrand
Design: copyright Schmid
Author: © Schmid / Christian Meiners
Version: 0.1
*/
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(css/fonts/Roboto-Italic.woff2) format('woff2'),url(css/fonts/Roboto-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(css/fonts/Roboto-Regular.woff2) format('woff2'),url(css/fonts/Roboto-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(css/fonts/Roboto-Bold.woff2) format('woff2'),url(css/fonts/Roboto-Bold.ttf) format('truetype');  
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(css/fonts/RobotoCondensed-Light.woff2) format('woff2'), url(css/fonts/RobotoCondensed-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(css/fonts/RobotoCondensed-Regular.woff2) format('woff2'), url(css/fonts/RobotoCondensed-Regular.ttf) format('truetype');
}

/* Haupt blöcke */
*{box-sizing:border-box;border:none;}
body,html{height:100%;margin:0;padding:0;}
header,article{min-width:320px;display:block;}

header{left:0;width:100%;z-index:100;top:0;height:13.2em;padding:.5em 1em 0 0;position:absolute;z-index:1000;border-style:solid;border-width:0 0 2em 0;}
/*.subnav{position:absolute;left:0;bottom:0;height:2em;line-height:2em;width:100%;z-index:18;overflow: hidden;}*/
.wrapper{min-height:100%;padding-top:14.2em;padding-bottom:3em;position:absolute;top:0;left:0;width:100%;min-width:320px;}
.scroll_space{display:none;}
.mob_img{margin-bottom:1em;position:relative;}
.mob_img img{height:auto;width:100%;display:block;}


header nav, .maxwidth{max-width:62em;margin:auto;}
.content{max-width:64em;margin:auto; min-width:320px}
article,aside{width:100%;padding:1em 1em 1em 1em;margin:0 0 1em 0;max-width:40em;}


/* Schriftzug Logo */
nav .logo{display:block;width:auto;float:right;margin: -.3em 0 0 0;font-size:.9em;}
.logo .rot,.logo .gelb{font-size: 2.6em;line-height: 1em;}
.logo .klein{font-size:1.15em;line-height: 1.15em;margin-top:.1em;}


/* Navigation */
#mob-menu{display:block;position:absolute;top:-1em;left:0;height:6em;padding:3.5em 1em .5em 1em; text-transform:uppercase;z-index:20;}
nav *{text-decoration:none;}
nav ul{list-style-type:none;padding:0;margin:0;}
.dropdown-menu{display:none;width:auto;padding:7em 2em 1em 1em;position:absolute; left:0;top:-1em;z-index:19;box-shadow: 3px 3px 3px rgba(0,0,0,.5);line-height:1.8em;}
header .dropdown-menu li a::before{content:'// ';padding:0 .4em;color:rgb(88,88,90);}
ul.second-menu{font-size:.9em;margin-top:1em;line-height:1.5;}
nav li{margin:0;padding:0;}

header .workshop-menu{padding-top:.5em;clear:right;}
header .workshop-menu li{position:relative;padding:.3em;display:inline-block;}
header .workshop-menu li img{height:2.3em;width:2.3em;border-radius:50%;box-shadow: 3px 3px 5px rgba(0,0,0,.5);}
header .workshop-menu li div{display:none;position:absolute;left:1em;top:3.5em;white-space:nowrap;font-size:.8em;font-weight:400}
header .workshop-menu li:hover div{display:block;}


footer{line-height:2em;width:100%;min-width:320px;background-color: #fff;position:absolute;left:0;bottom:0;}
footer .content{padding:0 1em;}
ul.footer-menu{margin:0;padding:0;list-style-type:none;}
ul.footer-menu li{margin:0;padding:0;list-style-type:none;display:inline-block;}
ul.footer-menu li a::after{content:' //';padding:0 .4em;color:rgb(255,255,255);}
ul.footer-menu  li:last-child a::after{content:none;padding:0;}	
footer a{text-decoration:none;}

/* Farben */
*{color:rgb(88,88,90);}
* *{color:inherit;}
body,header,article,aside, .dropdown-menu{background-color:#fff;}
#mob-menu{color:#fff;background-color:rgb(246,168,0);}
.subnav *,footer *{color: #fff;}
.gelb,h1,aside .t_title {color:rgb(246,168,0);}
.rot,h2,.dropdown-menu li.current-menu-item,.dropdown-menu li.current-page-ancestor,aside .t_text {color:rgb(229,53,23);}
footer{background-color:rgb(229,53,23);}
header{border-color:rgb(229,53,23);}
h4{color:rgb(246,168,0);}

header .workshop-menu li:nth-child(1){color:#e2007a;}
header .workshop-menu li:nth-child(2){color:#00acb6;}
header .workshop-menu li:nth-child(3){color:#f29400;}
header .workshop-menu li:nth-child(4){color:#b1c800;}
header .workshop-menu li:nth-child(5){color:#006a5a;}

/* Hintergründe */
.background{display:none;}
@media (min-width: 780px) {
.background{display:block;height:100%;width:100%;position:fixed;left:0;bottom:0;z-index:-1;}
.background .big{height:100%;width:100%;background-image:url(bg/home.jpg);background-position: center center;background-repeat:no-repeat;background-size:cover;}
	#aktuelles  .background .big{background-image:url(bg/aktuelles.jpg);}
	#kontakt  .background .big{background-image:url(bg/kontakt.jpg);}
	#workshops  .background .big{background-image:url(bg/workshops.jpg);}
	#einzelberatung  .background .big{background-image:url(bg/einzelberatung.jpg);}
	#hillenbrand  .background .big{background-image:url(bg/andrea-hillenbrand.jpg);}
	#abrechnung  .background .big{background-image:url(bg/abrechnung.jpg);}
	#english  .background .big{background-image:url(bg/english.jpg);}
	#vortraege  .background .big{background-image:url(bg/vortraege.jpg);}

}

@media (min-height: 400px) AND  (min-width: 780px)  {
.background{padding-top:12em;}
}

nav a{
transition: color .5s; /* explorer 10 */
-webkit-transition: color .5s; /* chrome & safari */
-moz-transition: color .5s; /* firefox */
-o-transition: color .5s; /* opera */
}

/* Typo */
h1,header *,footer *{font-family: 'Roboto Condensed';font-weight:300;}
body{font-size:14px;}
*{font-family: 'Roboto', sans-serif;font-size:1em;line-height: 1.4;}
* *{line-height: inherit;}
h1{font-size:2.8em;line-height:1.0em;letter-spacing:.01em;margin:.2em 0;}
h2,aside .t_text{font-size:1em;font-weight:700;margin-bottom:0;line-height:1.6;}
aside .t_text a{text-decoration:none;}
aside .t_title{font-size:1.4em;font-weight:400;margin-bottom:.5em;margin-top:0;}
aside .teaser{padding:1em 0;border-top:1px solid rgb(88,88,90);}
aside .teaser:first-child{border-top:none;margin-top:.6em;}
h1 + h2{margin: 0 0 1em 0;}
article p,aside p{line-height: 1.6;}
article p{margin-top:0;}
h2.mb1{margin-bottom:1em;}
article  h1 + p,p.mt2{margin-top: 2em;}
h4{font-size:1.2em;font-weight:400;}

.fs09{font-size:.9em;}
p.fs09{margin-top:1.2em;}
/* listen */
article ul{padding:0;margin:0 0 1em 0;list-style-type:none;line-height: 1.6;}
article p + ul{margin-top:-1em;}
article li{padding: 0 0 0 1em;position:relative;margin:0;}
article ul.themen li{padding: .2em 0;}
article li::before{content:'\2022';position:absolute;left:0;top:0;}
article ul.themen li::before{content: none;}

article ul.themen img{height:2.3em;width:2.3em;border-radius:50%;box-shadow: 3px 3px 5px rgba(0,0,0,.5);vertical-align:middle;margin-right: 1em;}
/* diverses */
.clearfix::after,.col_box::after{content:' ';display:block;height:1px;clear:both;overflow:hidden;}
img.w100{display:block;width:100%;height:auto;}

/* Google Map - Kontakt */
#map{height:25em;width:100%;}
#map iframe{height:100%;width:100%;}
.save_map_dummy{background:url(bg/map_dummy.jpg) no-repeat center center #eee;display:table;}
.save_map_content{height:100%;width:100%;display:table-cell;vertical-align:middle;text-align:center;padding:1em;}
.save_map_box{display:inline-block;background-color:#ffffff;background-color:rgba(255,255,255,.8);padding:1em 1em;border-radius:.5em;max-width:30em;}
.save_map_button,.save_map_button:hover{display:inline-block;background-color:rgb(229,53,23);; text-decoration:none;padding:.3em 1em;color:#ffffff;font-weight:600;border-radius:.5em;}
.save_map_content h2{font-size:1.2em;}

@media (min-width: 400px)  {
	.wrapper{padding-top:12em;}
	header{height:12em;padding-top:1em;}
	header .workshop-menu{padding-top:4.9em;clear:none;}
}


@media (min-width: 480px)  {
	header,.subnav{padding-left:1em;padding-right:1em;}
	article,footer .content,aside{padding-left:2em;padding-right:2em;}
	.subnav li.current a,.subnav li.current-menu-item a{display:inline-block;}
	#mob-menu, .dropdown-menu{left:1em;}
	nav .logo{font-size:1em;margin-left:2em;}
}

@media (min-width: 780px)  {
	#mob-menu{display:none;}
	.dropdown-menu{display:block;padding:0  1em 0 0;list-style-type:none;position:static;box-shadow:none;left:0;line-height:1.6em;height:4.3em;}
	nav li{display:inline-block;}
	.wrapper{padding-top:13.8em;}
	header {border:none;height:13.8em;}
	.menupos{position:absolute;left:0;bottom:0;width:100%;background-color:rgb(229,53,23);}
	.main-menu{max-width: 64em; margin:auto;padding:0 2em;color:#fff;line-height:2.6;}
	header .dropdown-menu li a::before{content:none;}
	header .second-menu{margin-left:1.3em;}
	header .dropdown-menu li a::after{content:' I';padding:0 .4em;color:rgb(88,88,90);}
	header .dropdown-menu .main-menu li a::after{color:#fff;}
	header  .dropdown-menu  li:last-child a::after,header  .dropdown-menu  .main-menu li:nth-last-child(+2) a::after{content:none;padding:0;}	
	header  .dropdown-menu  .main-menu li.facebook{width:auto;float:right;background: url(icons/facebook.svg) no-repeat center center;width:2em;height:2.6em;background-size:1.8em;}	
	header  .dropdown-menu  .main-menu li.facebook a{display:block;width:2em;height:2.6em;}	
	header  .dropdown-menu  .main-menu li.facebook span{display:none;}	
	header .workshop-menu{padding-top:0;}
	header .workshop-menu li img{height:2.7em;width:2.7em;}
	header .workshop-menu li{padding:.5em;}
	header .workshop-menu li div{top:4.2em;white-space:nowrap}
	.dropdown-menu .main-menu li.current-menu-item,.dropdown-menu .main-menu li.current-page-ancestor {color:rgba(255,255,255,.6);}
	
	.subnav li a::after{padding:0 .6em;}
	article{margin:2em 0;}
	aside{margin:2em 0;}
	.mob_img{display:none;}
	.scroll_space{display:block;}
}

@media (min-width: 900px)  {
	article{float:left;}
	aside{float:right;max-width:18em;padding-left:1em;}
}

@media (min-height: 400px)  {
	header{position:fixed;}
}

@media (min-height: 600px) AND (min-width: 780px)   {
	header {height:14em;}
	.wrapper{padding-top:14em;}
	.main-menu{line-height:2.8;}
	header  .dropdown-menu  .main-menu li.facebook,header  .dropdown-menu  .main-menu li.facebook a{height:2.8em;}	
}

@media (min-width: 836px) AND (max-width: 891px) {body{font-size:14px;}}
@media (min-width: 892px) AND (max-width: 947px)  {body{font-size:15px;}}
@media (min-width: 948px) AND (max-width: 1599px)  {body{font-size:16px;}}
@media (min-width: 1600px) {body{font-size:17px;}}