@font-face {
	font-family: 'Eina';
	src:	url('assets/font/myEina.eot');
	src:	url('assets/font/myEina.eot?#iefix') format('embedded-opentype'),
			url('assets/font/myEina.woff') format('woff'),
			url('assets/font/myEina.ttf') format('truetype'),
			url('assets/font/myEina.svg#Eina') format('svg');
}

/**/

:root {
	--vi-link-spacing:	0.85em;
	--logo-width-0:		90px;
/*	--foreground-color:	rgb(200, 100, 80);	*/
	--foreground-color:	rgb(233, 79, 54);
	--background-color:	rgb(255, 255, 255);
}

/**/

@media (max-width:599px) {
	html {
		/*	overflow-x: hidden;	*/
		padding: 3%;
	}
	section.cols>div.content {
		grid-template-columns: repeat(1, 1fr);
	}
	section.cols>div.content>p:last-child {
		padding-top: 2em;
	}
	nav.burger-menu {
		display: block;
	}
	nav.site-menu {
		display: none;
	}
	span.trickyLineBreak {
		display: none;
	}
}
@media (min-width: 600px) {
	html {
	/*	overflow-x: hidden;	*/
		padding: 3%;
	}
	section.cols>div.content {
		grid-template-columns: repeat(1, 1fr);
	}
	section.cols>div.content>p:last-child {
		padding-top: 2em;
	}
	nav.burger-menu {
		display: block;
	}
	nav.site-menu {
		display: none;
	}
	span.trickyLineBreak {
		display: none;
	}
}
@media (min-width: 900px) {
	:root {
		--limit-width:		850px;
		--flush-left-width:	75%;
	}
	html {
		padding: 0;
	}
	section, header, footer {
		max-width: var(--limit-width);
		margin: auto;
	}
	section.flush-left>div.content {
		width: var(--flush-left-width);
	}
	section.cols>div.content {
		grid-template-columns: repeat(2, 1fr);
	}
	section.cols>div.content>p:last-child {
		padding-top: 0;
	}
	nav.burger-menu {
		display: none;
	}
	nav.site-menu {
		display: block;
	}
	.vi-link-box {
		transform: translateX(calc(var(--vi-link-spacing) * -1));
	}
	span.trickyLineBreak {
		display: inline;
	}
}
@media (min-width: 1200px) {}
@media (min-width: 1440px) {}
@media (min-width: 1800px) {}

/**/

body {
	color: var(--foreground-color);
	font-family: Eina, Arial, Helvetica, sans-serif;
}
a:link {
	color: var(--foreground-color);
	text-decoration: none;
}
a:visited {
	color: var(--foreground-color);
}
hgroup {
	position: relative;
	padding-top: 0.5em;
}
hgroup>p {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-transform: uppercase;
}
h1 {
	font-family: 'Libre Baskerville', serif;
	font-size: 2.5em;
	font-weight: 200;
}
p {
	margin: 0;
}
.emphasize {
	font-size: 1.2em;
	letter-spacing: 0.05em;
}
.upperc {
	text-transform: uppercase;
}
.custom-list-item {
	padding-left: 1em;
	position: relative;
}
.custom-list-item>div.indicator {
	position: absolute;
	left: 0;
}
.item-type-punctuation>div.indicator {
	transform: translateY(-20%);
}
.img-stylish {
	position: absolute;
	display: inline-block;
}
.deco-img-placeholder {
	position: absolute;
	display: inline-block;
	background-size: auto 100%;
	background-repeat: no-repeat;
	z-index: -1;
}

/**/

header {
	height: 10em;
}
header.site-header>div:first-child {
	position: absolute;
	left: 0;
	right: 0;
	z-index: -1;	/* !!! */
}
header.site-header>div:first-child>div.logo-box {
	display: block;
	width: var(--logo-width-0);
	height: calc(var(--logo-width-0) * 0.45);
	margin-bottom: 0.3em;
	background-image: url('assets/img/logo/elisabeth-oberreiter-logo-rot.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 230%;
	background-color: #ffffff;
}
header.site-header>nav>ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
header.site-header>nav.site-menu>ul>li {
	float: left;
	margin-left: 5%;
}
header.site-header>nav.site-menu>ul>li:first-child {
	margin-left: 0;
}
header.site-header>nav.site-menu>ul>li>a:hover {
	text-decoration: underline;
}

/**/

section.indent, section.flush-left, section.cols, section.stmt-centered, header.site-header, footer.site-footer {
	position: relative;
}

/**/

div.vi-link-box {
	display: inline-block;
	position: relative;
	padding: var(--vi-link-spacing);
	border: 1px solid;
	border-radius: calc(var(--vi-link-spacing) + 0.7em);
	margin-top: 2.5em;
	cursor: pointer;
	background-color: var(--background-color);
}
a.vi-link, div.vi-link-helper  {
	font-size: 0.9em;
	line-height: 0.9em;
	white-space: nowrap;
}
a.vi-link {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -60%);
}
div.vi-link-helper {
	visibility: hidden;
}

/**/

nav.burger-menu {
	position: fixed;
	top: 0;
	right: 5%;
	z-index: 99;
}
nav.burger-menu>div.burger-menu-burger {
	text-align: right;
	font-size: 3em;
	cursor: pointer;
}
nav.burger-menu>ul {
	border: 1px solid;
	border-radius: calc(var(--vi-link-spacing) + 0.7em);
	background-color: rgba(255, 255, 255, 1);
/*	font-size: 1.5em;	*/
	display: none;
}
nav.burger-menu>ul>li {
	margin: var(--vi-link-spacing);
	cursor: pointer;
}

/**/

header.site-header>nav.site-menu {
	margin-left: 45%;
}

/**/

@media (max-width:599px) {
	section#es-kommt-darauf-an>img.img-stylish {
		width: 415px;
		right: 79%;
		top: -14%;
	}
}
@media (min-width: 600px) {
	section#es-kommt-darauf-an>img.img-stylish {
		width: 415px;
		right: 79%;
		top: -14%;
	}
}
@media (min-width: 900px) {
	section#es-kommt-darauf-an>div.content {
		margin-left: 45%;	/* indent */
	}
	section#es-kommt-darauf-an>img.img-stylish {
		width: 415px;
		right: 59%;
	}
}

/**/

section#vorstellen-und-zuruecknehmen {
	height: 11em;
	padding-top: 11em;	/* centering content vertically */
}
section#vorstellen-und-zuruecknehmen>div.content {
	display:inline-block;
	transform: translateY(-50%);
}
@media (max-width:599px) {
	section#vorstellen-und-zuruecknehmen>img.img-stylish {
		width: 680px;
		left: 68.5%;
		top: -20%;
	}
}
@media (min-width: 600px) {
	section#vorstellen-und-zuruecknehmen>img.img-stylish {
		width: 680px;
		left: 68.5%;
		top: -20%;
	}
}
@media (min-width: 900px) {
	section#vorstellen-und-zuruecknehmen>div.content {
		margin-left: 45%;	/* indent */
	}
	section#vorstellen-und-zuruecknehmen>img.img-stylish {
		width: 680px;
		left: 68.5%;
		top: 50%;
		transform: translateY(-45%);
	}
}

/**/

section#ausbildung {
	padding-top: 3.5em;
	padding-bottom: 6em;
}
section#ausbildung>div.content {
	display: grid;
}
@media (max-width:599px) {
	section#ausbildung>img.img-stylish {
		width: 415px;
		left: 82%;
		top: 10em;
	}
}
@media (min-width: 600px) {
	section#ausbildung>img.img-stylish {
		width: 415px;
		left: 62%;
		top: 10em;
	}
}
@media (min-width: 900px) {
	section#ausbildung>img.img-stylish {
		width: 415px;
		left: 102%;
		top: 10em;
	}
}

/**/

section#bereits-beim-zuhoeren-beginnt-der-prozess {
	height: 9em;
	padding-top: 9em;	/* centering content vertically */
	text-align: center;
}
section#bereits-beim-zuhoeren-beginnt-der-prozess>div.content {
	text-align: center;
	display:inline-block;
	
	transform: translateY(-50%);
}
@media (max-width:599px) {
	section#bereits-beim-zuhoeren-beginnt-der-prozess>img.img-stylish {
		width: 415px;
		right: 72%;
		top: 45%;
		transform: translateY(-50%);
	}
}
@media (min-width: 600px) {
	section#bereits-beim-zuhoeren-beginnt-der-prozess>img.img-stylish {
		width: 415px;
		right: 72%;
		top: 45%;
		transform: translateY(-50%);
	}
}
@media (min-width: 900px) {
	section#bereits-beim-zuhoeren-beginnt-der-prozess>img.img-stylish {
		/**/
	}
}

/**/

section#unternehmensentwicklung {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
@media (max-width:599px) {
	section#unternehmensentwicklung>img.img-stylish {
		width: 710px;
		left: 70%;
		top: 74%;
		transform: translateY(-50%);
	}
}
@media (min-width: 600px) {
	section#unternehmensentwicklung>img.img-stylish {
		width: 710px;
		left: 70%;
		top: 74%;
		transform: translateY(-50%);
	}
}
@media (min-width: 900px) {
	section#unternehmensentwicklung>img.img-stylish {
		/**/
	}
}

/**/

section#fuehrungskraeftecoaching {
	padding-top: 2.2em;
	padding-bottom: 2.2em;
}
@media (max-width:599px) {
	section#fuehrungskraeftecoaching>img.img-stylish {
		width: 710px;
		right: 77.5%;
		top: 75%;
		transform: translateY(-50%) rotate(-90deg) scaleX(-1);
	}
}
@media (min-width: 600px) {
	section#fuehrungskraeftecoaching>img.img-stylish {
		width: 710px;
		right: 82.5%;
		top: 75%;
		transform: translateY(-50%) rotate(-90deg) scaleX(-1);
	}
}
@media (min-width: 900px) {
	section#fuehrungskraeftecoaching>div.content {
		margin-left: 35%;		/* indent */
	}
	section#fuehrungskraeftecoaching>img.img-stylish {
		width: 710px;
		right: 77.5%;
		top: 75%;
		transform: translateY(-50%) rotate(-90deg) scaleX(-1);
	}
}

/**/

section#moderation-von-klausuren-und-tagungen {
	padding-top: 2.5em;
	padding-bottom: 1.5em;
}
@media (max-width:599px) {
	section#moderation-von-klausuren-und-tagungen>img.img-stylish {
		width: 415px;
		left: 67%;
		top: 16em;
	}
}
@media (min-width: 600px) {
	section#moderation-von-klausuren-und-tagungen>img.img-stylish {
		width: 415px;
		left: 67%;
		top: 16em;
	}
}
@media (min-width: 900px) {
	section#moderation-von-klausuren-und-tagungen>img.img-stylish {
		/**/
	}
}

/**/

section#supervision {
	padding-top: 2.5em;
	padding-bottom: 3.5em;
}
@media (min-width: 900px) {
	section#supervision>div.content {
		margin-left: 41%;	/* indent */
	}

}

/**/

section#mit-effizienten-prozessen-ist-aller-anfang-leicht {
	height: 9.5em;
	padding-top: 9.5em;	/* centering content vertically */
	text-align: center;
}
section#mit-effizienten-prozessen-ist-aller-anfang-leicht>div.content {
	display:inline-block;
	transform: translateY(-50%);
}
@media (max-width:599px) {
	section#mit-effizienten-prozessen-ist-aller-anfang-leicht>img.img-stylish {
		width: 415px;
		right: 58.5%;
		top: 50%;
		transform: translateY(-50%);
	}
}
@media (min-width: 600px) {
	section#mit-effizienten-prozessen-ist-aller-anfang-leicht>img.img-stylish {
		width: 415px;
		right: 58.5%;
		top: 50%;
		transform: translateY(-50%);
	}
}
@media (min-width: 900px) {
	section#mit-effizienten-prozessen-ist-aller-anfang-leicht>img.img-stylish {
		/**/
	}
}

/**/

section#elisabeth-oberreiter-kontakt {
	padding-top: 3em;
	padding-bottom: 3em;
}

/**/

footer.site-footer {
	text-align: center;
}
footer>div.img-container {
	display: inline-block;
	position: relative;
	width: 40%;
}
footer.site-footer>div.img-container>img.img-deko {
	width: 100%;
}
footer.site-footer>div.img-container>img.img-logo-footer {
	position: absolute;
	width: 26%;
	left: 41%;
	top: 24.5%;
}
footer.site-footer>div.fin-line {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 10px;
}
@media (min-width: 900px) {
	footer.site-footer>div.fin-line {
		display: flex;
		justify-content: space-between;
	}
	footer.site-footer>div.fin-line>div:first-child>div:first-child {
		display: inline-block;
		transform: translateX(36%);
	}
}

/**/

nav.scroll-to-top-menue {
	display: none;
	position: fixed;
	right: 16px;
	bottom: 20px;
	padding: var(--vi-link-spacing);
	border: 1px solid;
	border-radius: calc(var(--vi-link-spacing) + 0.7em);
	margin-top: 2.5em;
	cursor: pointer;
	background-color: var(--background-color);
}
nav.scroll-to-top-menue>a, nav.scroll-to-top-menue>div:first-child  {
	font-size: 0.9em;
	line-height: 0.9em;
	white-space: nowrap;
}
nav.scroll-to-top-menue>a {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -60%);
}
nav.scroll-to-top-menue>div:first-child {
	visibility: hidden;
}