/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; }
@media all {
/*****************************************************************************/

/*
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Source Serif Pro', serif;
font-weight: 400/700;
*/

/* ==========================================================================
   basics
   ========================================================================== */

* html body * { overflow: visible; }
* html iframe, * html frame { overflow: auto; }

html { height: 100%; }

body {
	height: 100%;
	position: relative;
	/* Hintergrund */
	background-color: #fff;
	/* Schrifteinstellungen */
	font-family: 'Source Serif Pro', serif;
	font-size: 100%;
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height: 1.5em;
	letter-spacing: 0;
	word-spacing: normal;
	text-align: left;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* {
	font-size: 100%;
	padding: 0;
	margin: 0;
}

div, ul, li, select, input, textarea, iframe {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ==========================================================================
   layers
   ========================================================================== */

/* PAGE AND LAYOUT WRAPPING */

div#layoutWrapper {
	position: relative;
	width: 100%;
	/*min-width: 1020px;*/
	height: auto;
	min-height: 100%;
	overflow: hidden;
	z-index: 1;
}
.popupOK div#layoutWrapper { display: none !important; }

/* SECTIONS */

div.sectionWrapperOut {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 120px 0 60px 0;
	z-index: 1;
}

.bgBlue { background-color: #006daf; }
div.gallery { z-index: 2; }

div.sectionWrapperIn {
	position: relative;
	width: 100%;
	/*min-width: 1020px;*/
	max-width: 1250px;
	height: auto;
	margin: auto;
	text-align: left;
	/*padding: 0 40px;*/
	padding: 0;
	z-index: 1;
}

div.gallery div.sectionWrapperIn { z-index: 2; }

div#sectionTitleLayer {
	position: fixed;
	right: 40px;
	top: 20px;
	font-size: 14px;
	line-height: 1.5em;
	color: #000;
	white-space: nowrap;
	-webkit-transform-origin: 100% 100%;
	   -moz-transform-origin: 100% 100%;
	    -ms-transform-origin: 100% 100%;
	     -o-transform-origin: 100% 100%;
	        transform-origin: 100% 100%;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	     -o-transform: rotate(-90deg);
	        transform: rotate(-90deg);
	/*padding-left: 40px;*/
	z-index: 31;
}

div#sectionTitleLayer.color2 { color: #fff; }

/* NAVIGATION */

div#navigationWrapper {
	position: fixed;
	display: none;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 41;
}

div#navigationLayer {
	position: relative;
	width: 100%;
	height: auto;
	padding: 150px 0px 20px 0px;
	z-index: 42;
}

div#navigationBackgroundLayer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
	z-index: 41;
}

div#popupButtonCloseLayer,
div#navigationButtonOpenLayer,
div#navigationButtonCloseLayer {
	position: fixed;
	display: none;
	top: 40px;
	left: 40px;
	width: auto;
	height: 39px;
	background: transparent url('../images/main/button-menu-blue.png') scroll no-repeat left top;
	background-size: 65px 39px;
	padding: 10px 10px 10px 75px;
	font-family: 'Source Serif Pro', serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #0057d2;
	z-index: 31;
}

div#navigationButtonOpenLayer.color2 {
	color: #fff;
	background-image: url('../images/main/button-menu-white.png');
}

.jsOK div#navigationButtonOpenLayer { display: block; }
div#popupButtonCloseLayer,
div#navigationButtonCloseLayer { z-index: 51; }

div#navigationButtonTopLayer {
	position: fixed;
	display: none;
	right: 30px;
	bottom: 40px;
	width: 21px;
	height: 25px;
	background: transparent url('../images/main/button-arrow-up.png') scroll no-repeat left top;
	background-size: 21px 25px;
	z-index: 31;
}
/*.jsOK div#navigationButtonTopLayer { display: block; }*/

/* HEADER */

div#header {
	/*min-height: 900px;*/
	padding: 0;
}

div#logoLayer {
	position: absolute;
	left: 50%;
	margin-left: -26%;
	top: 44%;
	width: 48%;
	height: auto;
	font-size: 0;
	line-height: 0;
	z-index: 13;
}

div#logoLayer img {
	width: 100%;
	height: auto;
}

/* POPUP WRAPPING */

div#popupLayer {
	position: fixed;
	display: none;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 61;
}

div#popupLayer iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	z-index: 61;
}

div#popupButtonCloseLayer {
	display: none;
	z-index: 63;
}

/* POPUP CONTENT */

.pagePopupOK h1 { margin-left: 4%; text-indent: 0; max-width: 800px; }
/*.pagePopupOK h1 span { position: relative; display: inline-block; top: -5px; width: 100%; font-family: 'Source Serif Pro', serif; font-size: 14px; line-height: 1.5em; text-align: center; }*/
.pagePopupOK h1 span { position: relative; display: inline-block; top: -5px; width: 100%; font-family: 'Source Serif Pro', serif; font-size: 14px; line-height: 1.5em; padding-left: 4%; }

.pagePopupOK div.intro {
	width: 100%;
	padding: 0 16% 50px 24%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.5em;
}

.pagePopupOK div.text1,
.pagePopupOK div.text2 { padding-top: 50px; }
.pagePopupOK div.popupLayout1 div.text1 { width: 60%; margin-left: 20%; }
.pagePopupOK div.popupLayout2 div.text1 { width: 44%; margin-left: 4%; float: left; }
.pagePopupOK div.popupLayout2 div.text2 { width: 44%; margin-right: 4%; float: right; }
.pagePopupOK div.popupLayout3 div.text1 { width: 52%; margin-right: 4%; float: right; }
.pagePopupOK div.popupLayout3 div.text2 { width: 28%; margin-left: 12%; float: left; font-size: 14px; line-height: 1.5em; }
.pagePopupOK div.popupLayout3 div.text2 p,
.pagePopupOK div.popupLayout3 div.text2 h1,
.pagePopupOK div.popupLayout3 div.text2 h2,
.pagePopupOK div.popupLayout3 div.text2 h3 { text-indent: 0px !important; }

.pagePopupOK p { margin-bottom: 1.5em; }
.pagePopupOK p.buttonBack { display: none; }
.pagePopupOK.framedNO p.buttonBack { display: block; }

div.sectionWrapperOut.popup > div.sectionWrapperIn > div.gallery {
	position: relative;
	width: 100%;
	max-width: 1170px;
	margin: 80px auto;
	padding: 0 10px;
	font-size: 0;
	line-height: 0;
}

div.sectionWrapperOut.popup > div.sectionWrapperIn > div.gallery > ul {
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;

	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
	grid-auto-columns: 1fr;
	grid-auto-rows: auto;
	grid-gap: 10px;
}

div.sectionWrapperOut.popup > div.sectionWrapperIn > div.gallery > ul > li {

}

/* CONTENT */

div.text1, div.text2, div.text3 { width: 100%; }

div#ausserdem div.text1 { padding: 8% 4% 0 8%; }
div#ausserdem div.text2 { padding: 0 8% 0 4%; }
div#ausserdem div.text3 { padding: 4% 28% 0 28%; }
div#ausserdem ul.links li.odd { padding-left: 8%; }

div#entwicklung div.text1 { padding: 0 20% 4% 28%; }
div#entwicklung div.text2 { padding: 0 44% 0 4%; }
div#entwicklung div.text3 { margin-top: -3.2em; padding: 0 0 0 28%; }
div#entwicklung ul.links li.odd { padding-left: 50%; }
div#entwicklung ul.links li.even { padding-left: 0%; }
div#entwicklung ul.links li.item4,
div#entwicklung ul.links li.item8,
div#entwicklung ul.links li.item12,
div#entwicklung ul.links li.item16 { padding-left: 25%; }

div#coaching div.text1 { padding: 0 20% 4% 28%; }
div#coaching div.text2 { padding: 0 0 0 0; }
div#coaching ul.links li.item1,
div#coaching ul.links li.item4,
div#coaching ul.links li.item7,
div#coaching ul.links li.item10 { padding-left: 4%; }
div#coaching ul.links li.item2,
div#coaching ul.links li.item5,
div#coaching ul.links li.item8,
div#coaching ul.links li.item11 { padding-left: 20%; }
div#coaching ul.links li.item3,
div#coaching ul.links li.item6,
div#coaching ul.links li.item9,
div#coaching ul.links li.item12 { padding-left: 12%; }

div#gespraeche div.text1 { padding: 0 20% 4% 28%; }
div#gespraeche div.text2 { padding: 0 0 0 0; }

div#haefele div.text1 { padding: 0 20% 4% 28%; }
div#haefele div.text2 { padding: 0 0 0 4%; }

div#gedicht {
	padding: 4% 0;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.5em;
	color: #fff;
	text-align: left;
}

div#gedicht p {
	margin-bottom: 1.5em;
	text-indent: 0px;
}
div#gedicht p:last-child { margin-bottom: 0; }

div#gedicht div.left { padding-top: 7.5em; padding-left: 4%; }
div#gedicht div.right { padding-top: 15.0em; }

div#seminare div.text1 { padding: 0 20% 4% 28%; }
div#seminare div.text2 { padding: 0 44% 0 4%; }
div#seminare div.text3 { padding: 0 0 0 0; }
div#seminare ul.links li { width: 50%; }
div#seminare ul.links li.item1 { width: 100%; padding-left: 62%; }
div#seminare ul.links li.item2,
div#seminare ul.links li.item3,
div#seminare ul.links li.item6,
div#seminare ul.links li.item7,
div#seminare ul.links li.item10,
div#seminare ul.links li.item11 { padding-left: 4%; }
div#seminare ul.links li.item4,
div#seminare ul.links li.item5,
div#seminare ul.links li.item8,
div#seminare ul.links li.item9,
div#seminare ul.links li.item12,
div#seminare ul.links li.item13 { padding-left: 12%; }

div#einblicke div.text1 { padding: 0 20% 4% 28%; }
div#einblicke div.text2 { padding: 0 4% 0 4%; }
div#einblicke div.text3 { padding: 0 0 0 0; }
div#einblicke ul.links li { width: 50%; }
div#einblicke ul.links li.item1 { width: 100%; padding-left: 62%; }
div#einblicke ul.links li.item2,
div#einblicke ul.links li.item3,
div#einblicke ul.links li.item6,
div#einblicke ul.links li.item7,
div#einblicke ul.links li.item10,
div#einblicke ul.links li.item11 { padding-left: 4%; }
div#einblicke ul.links li.item4,
div#einblicke ul.links li.item5,
div#einblicke ul.links li.item8,
div#einblicke ul.links li.item9,
div#einblicke ul.links li.item12,
div#einblicke ul.links li.item13 { padding-left: 12%; }

div#zitate { min-height: 650px; }
div#zitate div.sectionWrapperIn { height: 100%; }

div#zitate div.sectionWrapperIn div.item {
	position: absolute;
	left: 0px;
	top: 30%;
	padding: 0 12%;
	font-size: 34px;
	font-weight: 400;
	line-height: 1.5em;
	color: #fff;
	text-align: left;
}

div#zitate div.sectionWrapperIn div.item p.textSmall { padding-top: 5px; }

div#zitate div.sectionWrapperIn div.button {
	position: absolute;
	left: 66.667%;
	bottom: 25%;
	color: #fff;
	text-align: left;
}

div#literatur div.text1 { padding: 0 52% 0 4%; }
div#literatur div.text2 { padding: 0 0 0 60%; }
div#literatur div h1 { text-indent: 0px; }
div#literatur div p {
	margin-bottom: 1.5em;
	text-indent: 0px;
}

div#kontakt div.text1 { padding: 0 4% 0 8%; }
div#kontakt div.text2 { padding: 8% 8% 0 4%; }
div#kontakt div.text1 h1 { text-indent: 0px; }
div#kontakt div.text1 p {
	margin-bottom: 1.5em;
	text-indent: 0px;
}

/* GALLERY */

div.galleryWrapper {
	position: relative;
	width: 100%;
	height: 0;
	/*overflow: hidden;*/
	z-index: 11;
}

div#coachingFotos div.galleryWrapper { padding-bottom: 60.00%; }
div#seminareFotos div.galleryWrapper { padding-bottom: 62.80%; }
div#orte div.galleryWrapper { padding-bottom: 64.00%; }
div#einblickeFotos div.galleryWrapper { padding-bottom: 56.80%; }

div.galleryWrapper div.item {
	position: absolute;
	display: none;
	font-size: 0;
	line-height: 0;
	height: auto;
	overflow: hidden;
	z-index: 11;
}

div.galleryWrapper div.act {
	overflow: visible;
	/*z-index: 100;*/
}

div.galleryWrapper div.item div.pict {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 12;
}

div.galleryWrapper div.item div.pict img {
	width: 100%;
	height: auto;
}

div.galleryWrapper div.item div.text {
	position: absolute;
	display: none;
	left: 0px;
	top: 100%;
	width: auto;
	height: auto;
	font-family: 'Source Serif Pro', serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5em;
	color: #000;
	padding: 5px;
	z-index: 11;
}

/*div.galleryWrapper div.act div.text { display: block !important; border: 5px solid red; }*/

div.galleryWrapper div.item div.filter {
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #006daf;
	z-index: 13;
}

.jsOK div.galleryWrapper div.item div.filter { display: block; }

div#coachingFotos div.galleryWrapper div.item1 { display: block; right: 16%; top: 8%; width: 38%; }
div#coachingFotos div.galleryWrapper div.item2 { display: block; right: 4%; bottom: 12%; width: 46%; }
div#coachingFotos div.galleryWrapper div.item3 { display: block; left: 44%; bottom: 0%; width: 30%; }
div#coachingFotos div.galleryWrapper div.item4 { display: block; left: 21%; top: 0%; width: 30%; }
div#coachingFotos div.galleryWrapper div.item5 { display: block; left: 4%; top: 12%; width: 30%; }
div#coachingFotos div.galleryWrapper div.item6 { display: block; left: 16%; bottom: 6%; width: 38%; }

div#seminareFotos div.galleryWrapper div.item1 { display: block; left: 40%; top: 40%; width: 40%; }
div#seminareFotos div.galleryWrapper div.item2 { display: block; right: 2%; top: 33%; width: 40%; }
div#seminareFotos div.galleryWrapper div.item3 { display: block; left: 4%; top: 10%; width: 48%; }
div#seminareFotos div.galleryWrapper div.item4 { display: block; right: 20%; top: 0%; width: 38%; }
div#seminareFotos div.galleryWrapper div.item5 { display: block; left: 16%; bottom: 0%; width: 32%; }

div#orte div.galleryWrapper div.item1 { display: block; left: 4%; top: 13%; width: 38%; }
div#orte div.galleryWrapper div.item2 { display: block; left: 21%; bottom: 0%; width: 38%; }
div#orte div.galleryWrapper div.item3 { display: block; left: 16%; top: 29%; width: 48%; }
div#orte div.galleryWrapper div.item4 { display: block; right: 4%; top: 37%; width: 48%; }
div#orte div.galleryWrapper div.item5 { display: block; right: 12%; top: 0%; width: 48%; }

div#einblickeFotos div.galleryWrapper div.item1 { display: block; right: 12%; top: 8%; width: 32%; }
div#einblickeFotos div.galleryWrapper div.item2 { display: block; left: 28%; top: 0%; width: 32%; }
div#einblickeFotos div.galleryWrapper div.item3 { display: block; left: 8%; top: 30%; width: 40%; }
div#einblickeFotos div.galleryWrapper div.item4 { display: block; right: 28%; bottom: 0%; width: 32%; }

div.galleryWrapper div.text {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: auto;
	height: auto;
	font-size: 14px;
	line-height: 1.5em;
	padding-bottom: 1.5em;
	z-index: 15;
}

/* ETC */

.indentNO { text-indent: 0px !important; }
span.textSmall { font-size: 14px; line-height: 1.5em; }
span.textBig { font-size: 20px; line-height: 1.5em; }
span.textBlue { color: #0057d2; }
span.indent { display: inline-block; padding-left: 40px; }

div#haefele div.text2 span.textBig { font-size: 26px; line-height: 1.5em; }
div#haefele div.text2 a,
div#haefele div.text2 a:link,
div#haefele div.text2 a:visited { text-decoration: none; padding-bottom: 2px; border-bottom: 3px solid #fff; }
div#haefele div.text2 a:hover,
div#haefele div.text2 a:active,
div#haefele div.text2 a:visited:hover,
div#haefele div.text2 a:visited:active { border-color: #0057d2; }

/* ==========================================================================
   headlines
   ========================================================================== */

h1, h2, h3 { font-family: 'Source Serif Pro', serif; font-size: 34px; font-weight: 400; color: #000; line-height: 1.2em; margin: 0 0 0.25em 0; text-indent: 40px; }
h2 { font-size: 21px; margin-bottom: 0; }
h3 { font-size: 18px; margin-bottom: 0; }

/* ==========================================================================
   links
   ========================================================================== */

a, a:link, a:visited { color: #0057d2; text-decoration: none; }
a:hover, a:active, a:visited:hover, a:visited:active { text-decoration: underline; }

ul.links a, ul.links a:link, ul.links a:visited { font-family: 'Source Sans Pro', sans-serif; font-size: 26px; font-weight: 400; color: #0057d2; line-height: 1em; margin: 0; text-decoration: none; border-bottom: 3px solid #fff; }
ul.links a:hover, ul.links a:active, ul.links a:visited:hover, ul.links a:visited:active { border-bottom-color: #0057d2; }
ul.links span, ul.links span, ul.links span, ul.links span { position: relative; top: 0px; font-family: 'Source Serif Pro', serif; font-size: 14px; line-height: 1.5em; color: #0057d2; padding-left: 20px; }

div#navigationLayer a,
div#navigationLayer a:link,
div#navigationLayer a:visited {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: auto;
	font-family: 'Source Serif Pro', serif;
	font-size: 38px;
	font-weight: 400;
	color: #0057d2;
	line-height: 1.10em;
	letter-spacing: 0px;
	text-decoration: none !important;
	text-transform: none;
	padding: 0px;
	padding-top: 8px;
	padding-bottom: 3px;
}
div#navigationLayer a:hover,
div#navigationLayer a:active,
div#navigationLayer a:visited:hover,
div#navigationLayer a:visited:active { /*text-decoration: underline !important;*/ padding-bottom: 0; border-bottom: 3px solid #0057d2; }

/* ==========================================================================
   lists
   ========================================================================== */

ul, ol, dl {
	position: relative;
	margin: 0 0 1.5em 0;
}

ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 22px;
}

ul.links {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
}

ul.links li {
	width: 100%;
	float: left;
	display: inline-block;
	padding-bottom: 20px;
}

ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 32px;
}

/*ol li {
	padding-bottom: 1.5em;
}*/

/* LIST NAVIGATION VERTICAL */

div#navigationLayer ul {
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
}

div#navigationLayer ul li {
	width: 100%;
	padding-left: 40px;
	margin: 0;
}

/* ==========================================================================
   basic configuration
   ========================================================================== */

.viewMobileOnly { display: none; }
.viewDesktopOnly { display: block; }

.borderbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*values: content-box|border-box|inherit*/
}

.clear { clear: both; display: block; height: 0; width: 0; overflow: hidden; }
.ghost { display: none; }
.noWrap { white-space: nowrap; }
.hyphen { hyphens: auto; word-wrap: break-word; }

hr {
	width: 100%;
	border: 0px; /* Firefox und Opera */
	border-top: 1px solid #ccc;
	border-bottom: transparent;
	margin: 1.50em 0 1.50em 0;
}

.subcolumns hr { width: 80%; }
hr.invisible { background: none; }

div.distance,
div.space {
	position: relative;
	width: 100%;
	height: 2.00em;
	background-color: transparent;
}

.textAlignLeft { text-align: left !important; }
.textAlignCenter { text-align: center !important; }
.textAlignRight { text-align: right !important; }
.textAlignBlock { text-align: justify !important; }

.alert { font-weight: bold; color: #c00; }

.paddingTopZero { padding-top: 0 !important; }
.paddingBottomZero { padding-bottom: 0 !important; }

.marginTopZero { margin-top: 0 !important; }
.marginTopSingle { margin-top: 1.5em !important; }
.marginTopDouble { margin-top: 3.0em !important; }
.marginBottomZero { margin-bottom: 0 !important; }
.marginBottomSingle { margin-bottom: 1.5em !important; }
.marginBottomDouble { margin-bottom: 3.0em !important; }

.w25 { width: 24.999% !important; }
.w33 { width: 33.333% !important; }
.w38 { width: 37.999% !important; }
.w50 { width: 49.999% !important; }
.w60 { width: 59.999% !important; }
.w66 { width: 66.666% !important; }
.w75 { width: 74.999% !important; }

p { text-indent: 40px; margin: 0 0 0.00em 0; }
p { text-indent: 0px; }
.pageHomeOK div p:first-child,
.pageHomeOK h1 + p,
.pagePopupOK p { text-indent: 0px !important; }
.p { margin: 0 0 1.5em 0; }
.first { margin-top: 0em; }
p.listTitle { font-weight: normal; margin-bottom: 5px; }
p.pict, p.pict img { font-size: 0; line-height: 0; margin: 0; padding: 0; }

table {
	width: 100%;
	border-width: 0;
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
	empty-cells: hide;
}
th, td { background-color: transparent; vertical-align: top; }
/*table p, table ul, table ol { margin-bottom: 0; }*/

img { border: 0; height: auto; max-width: 100%; }
.subcolumns img { margin-top: 5px; }

figure, figcaption { display: block; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

pre, code { font-family: "Courier New", Courier, monospace; }
address { font-style: normal; margin: 0 0 1.5em 0; }
acronym, abbr { letter-spacing: 0.07em; border-bottom: 1px dashed #000; cursor: help; }
blockquote, cite { margin: 0 0 1.5em 1.5em; width: auto; }

sup, sub {
	font-size: 75%;
	position: relative;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
}
sup { bottom: 1ex; }
sub { top: .5ex; }

iframe { margin-bottom: 1.5em; border: 0; }

/* ==========================================================================
   subtemplates
   ========================================================================== */

.subcolumns {
	width: 100%;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0;
}

.subcolumns,
.subcolumns div,
.subcolumns div div,
.subcolumns div div div,
.subcolumns div div div div { position: relative; }

.subcolumns div div p:last-child { margin-bottom: 0; }
.subcolumns .left { float: left; }
.subcolumns .center { float: left; }
.subcolumns .right { float: right; margin-left: 0px; }

.subcolumns .c20 { width: 19.999%; }
.subcolumns .c25 { width: 24.999%; }
.subcolumns .c30 { width: 29.999%; }
.subcolumns .c33-3 { width: 33.333%; }
.subcolumns .c35 { width: 34.999%; }
.subcolumns .c38 { width: 37.999%; }
.subcolumns .c40 { width: 39.999%; }
.subcolumns .c45 { width: 44.999%; }
.subcolumns .c50 { width: 49.999%; }
.subcolumns .c55 { width: 54.999%; }
.subcolumns .c60 { width: 59.999%; }
.subcolumns .c62 { width: 61.999%; }
.subcolumns .c65 { width: 64.999%; }
.subcolumns .c66-6 { width: 66.666%; }
.subcolumns .c70 { width: 69.999%; }
.subcolumns .c75 { width: 74.999%; }
.subcolumns .c80 { width: 79.999%; }

.subcolumns .left .sub { padding-right: 14px; }
.subcolumns .right .sub { padding-left: 14px; }
.subcolumns .center .sub { padding-left: 7px; padding-right: 7px; }

/*****************************************************************************/
}

@media only screen and (min-resolution: 120dpi),
       only screen and (-webkit-min-device-pixel-ratio: 1.25) {
/*****************************************************************************/

div#navigationButtonTopLayer { background-image: url('../images/main/button-arrow-up_x2.png'); }
/*
div#navigationButtonOpenLayer { background-image: url('../images/main/button-menue_x2.png'); }
div#popupButtonCloseLayer,
div#navigationButtonCloseLayer { background-image: url('../images/main/button-close_x2.png'); }
*/

div#popupButtonCloseLayer,
div#navigationButtonOpenLayer,
div#navigationButtonCloseLayer { background-image: url('../images/main/button-menu-blue_x2.png'); }
div#navigationButtonOpenLayer.color2 { background-image: url('../images/main/button-menu-white_x2.png'); }

/*****************************************************************************/
}

@media only screen and (min-width: 1354px) {
/*****************************************************************************/

div#logoLayer {
	margin-left: -325;
	width: 650px;
}

/*****************************************************************************/
}

@media only screen and (max-width: 1319px) {
/*****************************************************************************/

div.galleryWrapper div.text { left: 40px; }

/*****************************************************************************/
}

@media only screen and (max-width: 1019px) {
/*****************************************************************************/

/* GENERAL */

body {
	font-size: 16px;
	line-height: 1.5em;
}

h1 { font-size: 28px; line-height: 1.00em; }

/* SECTIONS */

div#sectionTitleLayer { right: 10px; }

/* NAVIGATION */

div#navigationButtonTopLayer { right: 10px; }

/* POPUP CONTENT */

div#popupLayer {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
}

/* CONTENT */

div#ausserdem div.text1 { padding: 8% 0% 0 8%; }
div#ausserdem div.text3 { padding: 4% 20% 0 28%; }

div#entwicklung div.text1 { padding: 0 8% 4% 28%; }
div#entwicklung div.text2 { padding: 0 32% 0 4%; }
div#entwicklung div.text3 { margin-top: 0; padding: 0 0 0 28%; }

div#coaching div.text1 { padding: 0 8% 4% 28%; }

div#gespraeche div.text1 { padding: 0 8% 4% 28%; }

div#haefele div.text1 { padding: 0 8% 4% 28%; }

div#gedicht {
	font-size: 21px;
	line-height: 1.5em;
}

div#seminare div.text1 { padding: 0 8% 4% 28%; }
div#seminare div.text2 { padding: 0 32% 0 4%; }

div#einblicke div.text1 { padding: 0 8% 4% 28%; }

div#literatur div.text1 { padding: 0 32% 0 4%; }
div#literatur div.text2 { padding: 0 4% 0 32%; }

/*****************************************************************************/
}

@media only screen and (max-width: 959px) {
/*****************************************************************************/

div.galleryWrapper div.text {
	bottom: auto;
	top: 100%;
	padding-top: 1.5em;
}

/*****************************************************************************/
}

@media only screen and (max-width: 849px) {
/*****************************************************************************/

/* POPUP CONTENT */

.pagePopupOK div.intro {
	padding: 0 8% 50px 24%;
	font-size: 21px;
	line-height: 1.5em;
}

.pagePopupOK div.popupLayout1 div.text1 { width: 70%; margin-left: 20%; }

/*****************************************************************************/
}

@media only screen and (max-width: 649px) {
/*****************************************************************************/

/* GENERAL SETTINGS */

/*
.subcolumns .left,
.subcolumns .center,
.subcolumns .right { float: none; }
.subcolumns div { width: 100% !important; }
.subcolumns .sub { padding: 0 !important; }
.subcolumns .center,
.subcolumns .right { padding-top: 1.5em; }
*/

/* POPUP CONTENT */

.pagePopupOK h1 { margin-left: 4%; text-indent: 0; }

.pagePopupOK div.intro {
	width: 100%;
	padding: 0 4% 25px 4%;
}

.pagePopupOK div.text1,
.pagePopupOK div.text2 { padding-top: 25px; }
.pagePopupOK div.popupLayout1 div.text1 { width: 100%; margin-left: 0; padding: 4%; }
.pagePopupOK div.popupLayout2 div.text1 { width: 100%; margin-left: 0; float: none; padding: 4%; }
.pagePopupOK div.popupLayout2 div.text2 { width: 100%; margin-right: 0; float: none; padding: 4%; }
.pagePopupOK div.popupLayout3 div.text1 { width: 100%; margin-right: 0; float: none; padding: 4%; }
.pagePopupOK div.popupLayout3 div.text2 { width: 100%; margin-left: 0; float: none; padding: 4%; }

/* CONTENT */

div.text1, div.text2, div.text3 {
	width: 100%;
	padding: 4% !important;
}

div#ausserdem div.subcolumns div.left,
div#ausserdem div.subcolumns div.right { width: 100%; float: none; }

div#kontakt div.subcolumns div.left,
div#kontakt div.subcolumns div.right { width: 100%; float: none; }

div#gedicht {
	font-size: 18px;
	line-height: 1.5em;
}

div#zitate div.sectionWrapperIn div.item {
	font-size: 28px;
	line-height: 1.5em;
}

div#zitate div.sectionWrapperIn div.button { bottom: 12%; }

ul.links li { width: 100% !important; padding-left: 0 !important; float: none !important; }

/* LINKS */

ul.links a, ul.links a:link, ul.links a:visited { font-size: 21px; line-height: 1em; }

/* NAVIGATION */

div#navigationLayer a,
div#navigationLayer a:link,
div#navigationLayer a:visited {
	font-size: 21px;
	line-height: 1.1em;
}

/*****************************************************************************/
}

@media only screen and (max-width: 349px) {
/*****************************************************************************/

/* NAVIGATION */

div#navigationLayer a,
div#navigationLayer a:link,
div#navigationLayer a:visited {
	font-size: 16px !important;
	line-height: 1.1em;
}

/*****************************************************************************/
}

@media only screen and (max-width: 599px) {
/*****************************************************************************/

/* CONTENT */

div#gedicht {
	font-size: 21px;
	line-height: 1.5em;
}

div#gedicht .subcolumns .left,
div#gedicht .subcolumns .center,
div#gedicht .subcolumns .right { float: none; }
div#gedicht .subcolumns div { width: 100% !important; }

div#gedicht div.left,
div#gedicht div.center,
div#gedicht div.right { padding: 4% 12%; }

/*****************************************************************************/
}

@media only screen and (max-height: 639px) {
/*****************************************************************************/

/* NAVIGATION */

div#navigationLayer { padding-top: 100px; }

div#navigationLayer a,
div#navigationLayer a:link,
div#navigationLayer a:visited {
	font-size: 21px;
	line-height: 1.1em;
}

/*****************************************************************************/
}

@media only screen and (max-height: 439px) {
/*****************************************************************************/

/*.jsOK div#navigationButtonOpenLayer { display: none; }*/
div#navigationLayer a,
div#navigationLayer a:link,
div#navigationLayer a:visited {
	/*
	width: 50%;
	float: left;
	*/
	font-size: 14px;
	line-height: 1.1em;
}

div#navigationLayer ul li {
	width: 50%;
	padding-right: 40px;
	float: left;
}

div#sectionTitleLayer { display: none; }

/*****************************************************************************/
}

@media only screen and (max-height: 849px) {
/*****************************************************************************/

div#zitate div.sectionWrapperIn div.item {
	top: 12% !important;
	padding: 8% !important;
	font-size: 21px;
	line-height: 1.5em;
}

div#zitate div.sectionWrapperIn div.button {
	bottom: 12% !important;
}

/*****************************************************************************/
}

/*
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 200;
	src: local(''),
			 url('../_fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'),
			 url('../_fonts/source-sans-pro-v21-latin-200.woff') format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 200;
	src: local(''),
			 url('../_fonts/source-sans-pro-v21-latin-200italic.woff2') format('woff2'),
			 url('../_fonts/source-sans-pro-v21-latin-200italic.woff') format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	src: local(''),
			 url('../_fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'),
			 url('../_fonts/source-sans-pro-v21-latin-300.woff') format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 300;
	src: local(''),
			 url('../_fonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'),
			 url('../_fonts/source-sans-pro-v21-latin-300italic.woff') format('woff');
}
*/
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: local(''),
			 url('../_fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'),
			 url('../_fonts/source-sans-pro-v21-latin-regular.woff') format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 400;
	src: local(''),
			 url('../_fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'),
			 url('../_fonts/source-sans-pro-v21-latin-italic.woff') format('woff');
}
/*
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	src: local(''),
			 url('../_fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'),
			 url('../_fonts/source-sans-pro-v21-latin-600.woff') format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 600;
	src: local(''),
			 url('../_fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'),
			 url('../_fonts/source-sans-pro-v21-latin-600italic.woff') format('woff');
}
*/
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src: local(''),
			 url('../_fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'),
			 url('../_fonts/source-sans-pro-v21-latin-700.woff') format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 700;
	src: local(''),
			 url('../_fonts/source-sans-pro-v21-latin-700italic.woff2') format('woff2'),
			 url('../_fonts/source-sans-pro-v21-latin-700italic.woff') format('woff');
}
/*
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 900;
	src: local(''),
			 url('../_fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'),
			 url('../_fonts/source-sans-pro-v21-latin-900.woff') format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 900;
	src: local(''),
			 url('../_fonts/source-sans-pro-v21-latin-900italic.woff2') format('woff2'),
			 url('../_fonts/source-sans-pro-v21-latin-900italic.woff') format('woff');
}
@font-face {
	font-family: 'Source Serif Pro';
	font-style: normal;
	font-weight: 200;
	src: local(''),
			 url('../_fonts/source-serif-pro-v15-latin-200.woff2') format('woff2'),
			 url('../_fonts/source-serif-pro-v15-latin-200.woff') format('woff');
}
@font-face {
	font-family: 'Source Serif Pro';
	font-style: italic;
	font-weight: 200;
	src: local(''),
			 url('../_fonts/source-serif-pro-v15-latin-200italic.woff2') format('woff2'),
			 url('../_fonts/source-serif-pro-v15-latin-200italic.woff') format('woff');
}
@font-face {
	font-family: 'Source Serif Pro';
	font-style: normal;
	font-weight: 300;
	src: local(''),
			 url('../_fonts/source-serif-pro-v15-latin-300.woff2') format('woff2'),
			 url('../_fonts/source-serif-pro-v15-latin-300.woff') format('woff');
}
@font-face {
	font-family: 'Source Serif Pro';
	font-style: italic;
	font-weight: 300;
	src: local(''),
			 url('../_fonts/source-serif-pro-v15-latin-300italic.woff2') format('woff2'),
			 url('../_fonts/source-serif-pro-v15-latin-300italic.woff') format('woff');
}
*/
@font-face {
	font-family: 'Source Serif Pro';
	font-style: normal;
	font-weight: 400;
	src: local(''),
			 url('../_fonts/source-serif-pro-v15-latin-regular.woff2') format('woff2'),
			 url('../_fonts/source-serif-pro-v15-latin-regular.woff') format('woff');
}
@font-face {
	font-family: 'Source Serif Pro';
	font-style: italic;
	font-weight: 400;
	src: local(''),
			 url('../_fonts/source-serif-pro-v15-latin-italic.woff2') format('woff2'),
			 url('../_fonts/source-serif-pro-v15-latin-italic.woff') format('woff');
}
/*
@font-face {
	font-family: 'Source Serif Pro';
	font-style: normal;
	font-weight: 600;
	src: local(''),
			 url('../_fonts/source-serif-pro-v15-latin-600.woff2') format('woff2'),
			 url('../_fonts/source-serif-pro-v15-latin-600.woff') format('woff');
}
@font-face {
	font-family: 'Source Serif Pro';
	font-style: italic;
	font-weight: 600;
	src: local(''),
			 url('../_fonts/source-serif-pro-v15-latin-600italic.woff2') format('woff2'),
			 url('../_fonts/source-serif-pro-v15-latin-600italic.woff') format('woff');
}
*/
@font-face {
	font-family: 'Source Serif Pro';
	font-style: normal;
	font-weight: 700;
	src: local(''),
			 url('../_fonts/source-serif-pro-v15-latin-700.woff2') format('woff2'),
			 url('../_fonts/source-serif-pro-v15-latin-700.woff') format('woff');
}
@font-face {
	font-family: 'Source Serif Pro';
	font-style: italic;
	font-weight: 700;
	src: local(''),
			 url('../_fonts/source-serif-pro-v15-latin-700italic.woff2') format('woff2'),
			 url('../_fonts/source-serif-pro-v15-latin-700italic.woff') format('woff');
}
/*
@font-face {
	font-family: 'Source Serif Pro';
	font-style: normal;
	font-weight: 900;
	src: local(''),
			 url('../_fonts/source-serif-pro-v15-latin-900.woff2') format('woff2'),
			 url('../_fonts/source-serif-pro-v15-latin-900.woff') format('woff');
}
@font-face {
	font-family: 'Source Serif Pro';
	font-style: italic;
	font-weight: 900;
	src: local(''),
			 url('../_fonts/source-serif-pro-v15-latin-900italic.woff2') format('woff2'),
			 url('../_fonts/source-serif-pro-v15-latin-900italic.woff') format('woff');
}
*/