/*

Theme Name: Susanne Volk Gestalttherapie 2017

Author: CITA Kommunikationsagentur

Author URI: http://cita.agency/

Version: 1.0

*/



@charset "UTF-8";



/*CSS Reset*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;



	/*Reset WebKit User Agent Stylesheet*/

	-webkit-margin-before: 0;

	-webkit-margin-after: 0;

	-webkit-margin-start: 0;

	-webkit-margin-end: 0;

	-webkit-padding-start: 0;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}



body {

	line-height: 1;

}



ol, ul {

	list-style: none;

}



blockquote, q {

	quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



/*General Styles*/

body {

	padding: 0 1.25em;

	font-family: 'Source Sans Pro', 'Source-Sans-Pro-Web', Arial, Helvetica, sans-serif;

	line-height: 1.5;

	/*line-height: 1.428571;*/

	color: #303030;

	text-rendering: optimizeLegibility;

}



.page-wrapper {

	max-width: 1140px;

	/*border: .625em solid #ccc2b8;*/

	margin: 0 auto;

	background-color: #fff;

	overflow: hidden;

	/*causes unpleasent rendering in ie9+, animation repeats on page load*/

	/*-webkit-transition: margin .6s ease-out .25s;

	-moz-transition: margin .6s ease-out .25s;

	-ms-transition: margin .6s ease-out .25s;

	-o-transition: margin .6s ease-out .25s;

	transition: margin .6s ease-out .25s;*/

}



/*Helper Styles*/

.clearfix:before, .clearfix:after {

	content: '';

	display: table;

}



.clearfix:after {

	clear: both;

}



/*Selection Styles*/

::-moz-selection {

	background-color: #cab384;

	color: #303030;

}



::selection {

	background-color: #cab384;

	color: #303030;

}



/*Desktop Internet Explorers*/

#internetExplorerWarning {

	display: block;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	padding: 1em;

	border-left: 1px solid #303030;

	border-right: 1px solid #303030;

	border-bottom: 1px solid #000;

	border-top: 1px solid #303030;

	background: #202020;

	font-size: .875em;

	font-family: 'Lato', 'Lato-Web', Helvetica, Arial, sans-serif;

	color: #ccc2b8;

	text-align: center;

}



.select-new-browser {

	display: block;

	height: auto;

}



.select-new-browser li {

	display: block;

	float: left;

	width: 25%;

	text-align: center;

	margin: 2em 0;

}



.select-new-browser img {

	display: block;

	margin: auto;

	padding-bottom: 1em;

}



#noScriptWarning, #developer-preview {

	display:block;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	padding: 1em;

	border-left: 1px solid #303030;

	border-right: 1px solid #303030;

	border-bottom: 1px solid #000;

	border-top: 1px solid #303030;

	background: #202020;

	font-size: .875em;

	font-family: 'Lato', 'Lato-Web', Helvetica, Arial, sans-serif;

	color: #ccc2b8;

	text-align: center;

}



.warning-sign {

	padding-left: 1.285714em;

	background-image: url('img/assets/noscript_warning.svg');

	background-position: left center;

	background-size: 1em 1em;

	background-repeat: no-repeat;

}



.helpLink {

	color: #fc6;

	text-decoration: none;

}



.helpLink:hover {

	text-decoration: underline;

}



.compatibility-warning-btn {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	display: block;

	width: 50%;

	margin: 1em auto 0;

	padding: .5em;

	background: #161616;

	color: #c0c0c0;

	border: 1px solid #080808;

	border-radius: 5px;

	cursor: pointer;

}



/*Fonts*/







/*Typographic Styles*/

.centered {

	text-align: center;

}



.text-right {

	text-align: right;

}



.justified {

	text-align: justify;

}



/*These only work in FFox & IE 10*/

.justified-last-center {

	-moz-text-align-last: center;

	text-align-last: center;

}



.justified-last-right {

	-moz-text-align-last: right;

	text-align-last: right;

}



.justified-last-justified {

	-moz-text-align-last: justify;

	text-align-last: justify;

}



h1 {

	margin-bottom: 1.5em;

	font-family: 'Cormorant Garamond', 'Cormorant-Garamond-Web', Georgia, serif;

	font-size: 1.875em;

	line-height: 1em;

	font-weight: 600;

	font-style: italic;

}



h2 {

	margin-bottom: .5em;

	font-family: 'Cormorant Garamond', 'Cormorant-Garamond-Web', Georgia, serif;

	font-size: 1.5em;

	line-height: 1.25em;

	font-style: italic;

}



em, .css-italic {

	font-style: italic;

}



strong, .css-bold {

	font-weight: bold;

}



p {

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	-ms-hyphens: auto;

	hyphens: auto;

}



p+p {

	margin-top: 1em;

}



p+h2,
ul+h2 {

	margin-top: 1.666667em;

}



section, article, aside {

	margin-bottom: 2.8125em;

}



section:first-of-type, article:first-of-type {

	margin-top: 2.8125em;

}



section article:first-of-type {

	margin-top: 0;

}



section article:last-of-type {

	margin-bottom: 0;

}



article header {

	padding: 0;

	border: 0;

	background: none;

	font-size: 1em;

	line-height: 1em;

	font-weight: 400;

	color: #322d28;

	text-shadow: none;

}



article header h1 {

	margin-bottom: 0;

}



article footer {

	padding: 0;

	background: none;

	border: 0;

	font-size: 1em;

	font-style: normal;

	color: #322d28;

	text-align: left;

	text-shadow: none;

}



sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sup {

	top: -0.5em;

}



sub {

	bottom: -0.25em;

}



/*Link Styles*/

.page-wrapper a {

	color: #cab384;

	outline: none;

	text-decoration: underline;

	font-weight: bold;

}



.page-wrapper a::before {

	display: inline;

	color: #cab384;

	content: '→ ';

	font-size: 1.2em;

}



.page-wrapper a[href^='mailto:']::before {

	display: none;

}



.page-wrapper header a::before {

	display: none;

}



.page-wrapper a:hover {

	text-decoration: underline;

}


/*List Styles*/


ul {

	margin: .5em 0;

	padding-left: 1em;

	list-style-position: outside;

	list-style-type: disc;

}



ol {

	margin: .5em 0;

	padding-left: 1em;

	list-style-position: outside;

}



/*Autoscale images*/

img {

	max-width: 100%;

	height: auto;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}



.block-image {

	display: block;

	max-width: 100%;

	height: auto;

	margin: 0 auto;

}



/*Grid System: Fluid Gutters*/

.grid {

	margin-left: -2%;

}



.grid:after, .row:after {

	display: table;

	content: '';

	clear: both;

}



.row {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing:	border-box;

	position: relative;

	display: block;

}



[class^='grid-'] {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	position: relative;

	display: block;

	float: left;

	margin-left: 2%;

}



/*Define grid widths*/

.grid-1 { width: 6.333%; }

.grid-2 { width: 14.666%; }

.grid-3 { width: 23%; }

.grid-4 { width: 31.333%; }

.grid-5 { width: 39.666%; }

.grid-6 { width: 48%; }

.grid-7 { width: 56.333%; }

.grid-8 { width: 64.666%; }

.grid-9 { width: 73%; }

.grid-10 { width: 81.333%; }

.grid-11 { width: 89.666%; }

.grid-12 { width: 98%; }



/*Skips grid columns*/

.skip-1  { margin-left: 10.333%; }

.skip-2  { margin-left: 18.666%; }

.skip-3  { margin-left: 27%; }

.skip-4  { margin-left: 35.333%; }

.skip-5  { margin-left: 43.666%; }

.skip-6  { margin-left: 52%; }

.skip-7  { margin-left: 60.333%; }

.skip-8  { margin-left: 68.666%; }

.skip-9  { margin-left: 77%; }

.skip-10 { margin-left: 85.333%; }

.skip-11 { margin-left: 93.666%; }



/*Grid System Modifier: No Gutters*/

.no-gutter {

	margin-left: 0;

}



/*Grid System Modifier: Fixed Gutters*/

.fixed-gutter {

	margin-left: 0;

	padding-left: 20px;

}



/*Redefine grid widths*/

.grid-1.no-gutter, .grid-1.fixed-gutter  { width: 8.333%; }

.grid-2.no-gutter, .grid-2.fixed-gutter  { width: 16.666%; }

.grid-3.no-gutter, .grid-3.fixed-gutter  { width: 25%; }

.grid-4.no-gutter, .grid-4.fixed-gutter  { width: 33.333%; }

.grid-5.no-gutter, .grid-5.fixed-gutter  { width: 41.666%; }

.grid-6.no-gutter, .grid-6.fixed-gutter  { width: 50%; }

.grid-7.no-gutter, .grid-7.fixed-gutter  { width: 58.333%; }

.grid-8.no-gutter, .grid-8.fixed-gutter  { width: 66.666%; }

.grid-9.no-gutter, .grid-9.fixed-gutter  { width: 75%; }

.grid-10.no-gutter, .grid-10.fixed-gutter { width: 83.333%; }

.grid-11.no-gutter, .grid-11.fixed-gutter { width: 91.666%; }

.grid-12.no-gutter, .grid-12.fixed-gutter { width: 100%; }



/*Nested grid, one level only*/

/*.grid .grid { margin-left: -4%; }*/



/*Define nested margins*/

/*[class^='grid-'] .grid [class^='grid-'] { margin-left: 4%; }*/



/*Define nested grid widths*/

/*[class^='grid-'] .grid .grid-1 { width: 4.333%; }

[class^='grid-'] .grid .grid-2 { width: 12.666%; }

[class^='grid-'] .grid .grid-3 { width: 21%; }

[class^='grid-'] .grid .grid-4 { width: 29.333%; }

[class^='grid-'] .grid .grid-5 { width: 37.666%; }

[class^='grid-'] .grid .grid-6 { width: 46%; }

[class^='grid-'] .grid .grid-7 { width: 54.333%; }

[class^='grid-'] .grid .grid-8 { width: 62.666%; }

[class^='grid-'] .grid .grid-9 { width: 71%; }

[class^='grid-'] .grid .grid-10 { width: 79.333%; }

[class^='grid-'] .grid .grid-11 { width: 87.666%; }

[class^='grid-'] .grid .grid-12 { width: 96%; }*/



/*Define nested grid modifiers*/

/*[class^='grid-'] .grid .no-gutter {	margin-left: 0; }

[class^='grid-'] .grid .fixed-gutter { margin-left: 0; padding-left: 20px; }*/



/*Layout Helpers - CSS Table*/

.css-table {

	display: table;

}



.css-table-row {

	display: table-row;

}



.css-table-cell {

	display: table-cell;

}



/*Page Styles*/

header {

	padding: 1.066667em 0 2.133333em;

	border-bottom: 1px solid #cab384;

	font-family: 'Cormorant SC', 'Cormorant-GaramondSC-Web', Georgia, serif;

	font-size: 1.875em;

	line-height: 1em;

	font-weight: bold;

}



header img {

	margin: 0 auto;

}



.logo-image {

	float: left;

	margin-right: 2%;

}



.title {

	position: relative;

	top: 1.5em;

}



.subtitle {

	color: #808080;

	font-family: 'Cormorant Garamond', 'Cormorant-Garamond-Web', Georgia, serif;

	font-style: italic;

}



nav {

	position: relative;

	top: 1.875em;

	font-family: 'Cormorant Garamond', 'Cormorant-Garamond-Web', Georgia, serif;

	font-size: .666666em;

	font-style: italic;

	text-align: right;

}



.special-width {

	width: 8.333%;

}



.main-menu {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	list-style: none;

	position: absolute;

	width: auto;

	height: 1.5em;

	right: 0;

	margin: 0;

	padding: 0 .5em;

	border: 1px solid #cab384;

	-webkit-border-radius: .333333em;

	-moz-border-radius: .333333em;

	-ms-border-radius: .333333em;

	-o-border-radius: .333333em;

	border-radius: .333333em;

	background-color: rgba(255, 255, 255, .8);

	overflow: hidden;

	z-index: 9999;

}



.main-menu a {

	display: block;

	height: 100%;

	text-decoration: none;

	color: #808080;

	font-weight: 400;

}



.main-menu a::before {

	display: inline;

	color: #cab384;

	content: '→ ';

	font-size: 1.2em;

}



.main-menu a:hover {

	color: #303030;

}



#navi-toggle {

	margin: 0;

	padding: .375em .75em;

	border: 0;

	background-color: transparent;

	color: #303030;

	font-weight: bold;

	vertical-align: middle;

	text-transform: uppercase;

	cursor: pointer;

}



#navi-toggle img {

	vertical-align: middle;

}



aside img {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	border: 1px solid #cfd2d8;

}

aside .address-list {
	 list-style-image: url('img/assets/listitem.png');
	 padding-left: 1.5em;
}



/*Form Styles*/

form, label, input, textarea {

	display: block;

	width: 100%;

}



form {

	margin-top: 2em;

}



label {

	font-family: 'Lato', 'Lato-Web', Helvetica, Arial, sans-serif;

	cursor: pointer;

}



input, textarea {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin: 1em 0;

	padding: .5em;

	border: 1px solid #cab384;

	font-family: 'Source Sans Pro', 'Source-Sans-Pro-Web', Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-style: italic;

}



input:focus, input:active {

	border: 1px solid #cfd2d8;

}



textarea {

	margin-bottom: 2em;

	resize: none;

}



textarea:focus, textarea:active {

	border: 1px solid #cfd2d8;

}



form button,
input[type="submit"] {

	display: block;

	width: auto;

	padding: 1em;

	border: 0;

	background-color: #cfd2d8;

	font-family: 'Source Sans Pro', 'Source-Sans-Pro-Web', Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-style: italic;

	cursor: pointer;

}



/*This disables the WebKit default UA Styles*/

input:focus, input:active, textarea:focus, textarea:active, select:focus, select:active, button:focus, button:active {

	outline: none;

}



footer {

	padding: 1.25em 0;

	border-top: 1px solid #cab384;

	text-align: right;

}



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

	/*Redefine Page Wrapper Style*/

	.page-wrapper {	margin: 0 auto; border: none; box-shadow: none; }

}



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

	/*Redefine General Styles*/

	body { padding: 0 1.25em; }



	/*Redefine Grid Styles*/

	.grid { margin-left: 0; }

	[class^='grid-'] { width: 100%; margin-left: 0; }

	[class*='skip-'] { margin-left: 0; padding: 0; }

	.grid-1.no-gutter, .grid-1.fixed-gutter,

	.grid-2.no-gutter, .grid-2.fixed-gutter,

	.grid-3.no-gutter, .grid-3.fixed-gutter,

	.grid-4.no-gutter, .grid-4.fixed-gutter,

	.grid-5.no-gutter, .grid-5.fixed-gutter,

	.grid-6.no-gutter, .grid-6.fixed-gutter,

	.grid-7.no-gutter, .grid-7.fixed-gutter,

	.grid-8.no-gutter, .grid-8.fixed-gutter,

	.grid-9.no-gutter, .grid-9.fixed-gutter,

	.grid-10.no-gutter, .grid-10.fixed-gutter,

	.grid-11.no-gutter, .grid-11.fixed-gutter,

	.grid-12.no-gutter, .grid-12.fixed-gutter { width: 100%; margin-left: 0; padding: 0; }



	/*Redefine Typographic Styles*/

	section, article, aside { padding: 0; }

	aside, footer { text-align: center; }

	aside { margin-bottom: 0; }

	section [class^='grid-']~[class^='grid-'],

	article [class^='grid-']~[class^='grid-'] { margin-top: 2.8125em; }

	.logo-image { float: none; display: block; margin: 0 0 1.25em; }

	.title { top: auto; }

	.page-ueber-mich .grid-7 { max-height: none; overflow-y: auto; }

	p+p { margin-top: 1em; }

	footer p { padding: 0 1.5em; }

	section article, article section { padding: 0; }



	/*Redefine Menu Styles*/

	nav { text-align: center; top: auto; }

	.main-menu { position: relative; width: 100%; max-height: none; }

	#navi-toggle { margin: 1.25em auto; padding: 1.25em; background-color: #cfd2d8; text-align: center; }

	#navi-toggle img { display: none; }



	/*Redefine Page Styles*/

	header { padding: 1.25em; text-align: center; }

}



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



}



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



}