@charset "utf-8";
/* CSS Document */



/**

@keyframes animate {
	0%{background-image:url(../images/moderation-flip-01-birgit-f-unger.jpg);}	
	7.7%{background-image:url(../images/moderation-flip-02-birgit-f-unger.jpg);}	
	15.5%{background-image:url(../images/moderation-flip-03-birgit-f-unger.jpg);}	
	23.1%{background-image:url(../images/moderation-birgit-f-unger-01.jpg);}	
	30.8%{background-image:url(../images/moderation-vhs-birgit-f-unger.jpg);}	
	38.5%{background-image:url(../images/birgit-f-unger-moderation-02a.jpg);}	
	46.2%{background-image:url(../images/birgit-f-unger-moderation-02b.jpg);}	
	53.9%{background-image:url(../images/birgit-f-unger-moderation-02c.jpg);}	
	61.6%{background-image:url(../images/birgit-f-unger-moderation-j33A8735-b.jpg);}	
	69.3%{background-image:url(../images/birgit-f-unger-moderation-screenshot.png);}	
	77%{background-image:url(../images/moderation-regenbogen-birgit-f-unger-m.jpg);}	
	84.7%{background-image:url(../images/birgit-unger-ob-thomas-kufen.jpg);}
	92.4%{background-image:url(../images/beteiligungsworkshop-stadt-essen.jpg);}
}

**/

/** Slideshow **/
/** SLIDERTEST HTML **/
.image-slideshow, .image-slideshow-beratung {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.image-slideshow img, .image-slideshow-beratung img {
  width: 100%
}

.fade {
  animation-name: fade;
  animation-duration: 8s;
}

@keyframes fade {
  from {opacity: .1}
  to {opacity: 1}
}







html {
  scroll-behavior: smooth;
}

/** Typografie **/
@font-face {font-family: 'raleway extrabold'; src: url('../fnts/raleway-extrabold.ttf') format('truetype');}
@font-face {font-family: 'raleway bold'; src: url('../fnts/raleway-bold.ttf') format('truetype');}
@font-face {font-family: 'raleway regular'; src: url('../fnts/raleway-regular.ttf') format('truetype');}
@font-face {font-family: 'raleway medium'; src: url('../fnts/raleway-medium.ttf') format('truetype');}
@font-face {font-family: 'raleway medium italic'; src: url('../fnts/raleway-mediumitalic.ttf') format('truetype');}

/** Navigationspunkt "Coach" h-m ausgeblendet auf Desktop **/
nav ul li .h-m {
	display: none;
}

h1 {
	font-weight: normal;
	font-size: 3em;
	font-family:'raleway extrabold', sans-serif;
	color: #fff;
	font-feature-settings: "liga" 0;
}

h1 .regular-schnitt {
	font-family:'raleway medium', sans-serif;
}

h1 .pfeil-1, h1 .pfeil-2, h1 .pfeil-3 {
	position: relative;
}

h1 .pfeil-1:before {
	content: url(../images/pfeil-01.png);
	position: absolute;
	left: -150px;
	bottom: 12px;
}

h1 .pfeil-2:before {
	content: url(../images/pfeil-02.png);
	position: absolute;
	left: -200px;
	bottom: -20px;
}

h1 .pfeil-3:before {
	content: url(../images/pfeil-03.png);
	position: absolute;
	left: -140px;
	bottom: 17px;
}

h2 {
	font-size: 1.8em;
	font-weight: regular;
	font-family: 'raleway bold', sans-serif;
	font-weight: normal;
	width: 100%;
	padding-right: 0;
	padding-bottom: 0px;
	max-width: 950px;
	margin-bottom: 30px;
	line-height: 1.2em;
	font-feature-settings: "liga" 0;
	color: rgb(83, 67, 67);	
}

#text-2 #angebote-themen h2, #text-4 #engagement h2, #text-5 #kontakt h2, #text-6 #impressum h2 {
	margin-bottom: 48px;
}

h3 {
	font-size: 1em;
	font-weight: regular;
	font-family: 'raleway bold', sans-serif;
	font-weight: normal;
	width: 50%;
	padding-right: 50%;
	padding-bottom: 0px;
	max-width: 950px;
	margin-bottom: 9px;
	line-height: 1.35em;
	font-feature-settings: "liga" 0;
	color: rgb(83, 67, 67);	
}

.spalte-1 h3 {
	width: 100%;
	padding-right: 0;
}

p, ul, li {
	font-family: 'raleway medium', sans-serif;
	font-weight: regular;
	line-height: 1.4em;
	font-feature-settings: "liga" 0;
	color: rgb(83, 67, 67);	
}

em {
	font-family: 'raleway medium italic', sans-serif;
	font-style: normal;
}

p.rght {
	text-align: right;
	font-family: 'raleway bold', sans-serif;
	font-weight: normal;
	font-style: normal;
}

#zitat-arendt p {
	font-size: 1.4em;
	font-family: 'raleway medium italic';
	text-align: center;
}

.quelle-klein {
	font-size: 1rem;
	font-family: 'raleway medium italic';
	font-weight: normal;
}

ul.ang-themen li span.p-kursiv {
	font-family: 'raleway medium italic', sans-serif;
	font-weight: normal;
	vertical-align: 0px;
}

#kontakt ul li {
	padding-left: 4px;
	list-style-position: inside;
}

ul {
	padding: 0px;
	margin: 0px;
}

ul.ang-themen {
	padding-left: 25px;
	/** list-style-image: url(../images/point-b.png); **/
} 

ul.ang-themen li {
	margin-bottom: 30px;
}

ul.ang-themen li:last-child, #engagement .zweispaltig p:last-child, #kontakt .zweispaltig p:last-child  {
	margin-bottom: 70px;
}

/**ul.ang-themen li span {
	vertical-align: 4px;
}**/

.logo-text {
	font-family:'raleway medium', sans-serif;
	font-weight: normal;
	font-size: 0.7em;
}

.textfarbe-rs {
	color: rgb(230, 142, 181); /** bisheriger Rosaton **/
	color: #cb4870;
	color: #ee2555;
}

.titelzitat {
    display: block;
    float: none;
    position: absolute;
    right: 7%;
    top: 730px;
	z-index: 10;
}

.q-dl {
	font-family: 'raleway medium', sans-serif;
	font-weight: normal;
	color: #fff;
    background-color: #cb4870;
    margin: 0px;
    line-height: 100%;
    display: inline;
    float: left;
    clear: left;
    padding: 7px 12px 7px 12px;
}

.zitat-krv {
	font-family: 'raleway medium italic', sans-serif;
	font-weight: normal;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
}

#header {
	padding: 0px;
	margin: 25px 0px 0px 0px;
	/**overflow: hidden;**/
}

#logo {
	z-index: 2;
	width: 2000px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 7px;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform-origin: 0 50% 0;
	left: 25px;
	top: 1380px;
	background-color: #fff;
}

#scrollup {
	background-image: url(../images/oben.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 35px;
	overflow: hidden;
	position: fixed;
	top: 50px;
	left: 5px;
	z-index: 1;
}

#scrollup:hover {
	background-image: url(../images/oben-cl.png);
}

#scrollup p {
	color: transparent;
	font-size: 30px;
	-moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: 0 0 0;
}

#menu-wrapper { 
	/**position: fixed;**/
	position: relative;
	z-index: 5;
	z-index: 99;
	/**width: 100vw;**/
	background: #fff;
	top: 0;
}

#menu-leiste {
    position: relative;
    width: 950px;
    height: 39px;
    padding-top: 21px;
    margin: 0px auto 0px auto;
    background-color: #fff;
	max-width: 100%;
}

#menu-leiste ul {
	text-align: center;
}

#menu-leiste ul li, #footer ul li {
	font-size: 0.9em;
	display: inline;
	list-style-type: none;
	margin-left: 15px;
	margin-right: 15px;
	font-family: 'raleway bold', sans-serif;
}

a, a:visited {
	text-decoration: none;
	color: rgb(83, 67, 67);
}

a:hover, a:focus, a:active {
	text-decoration: none;
	color: rgb(230, 142, 181); /** bisheriger Rosaton **/
	color: #cb4870;
}

#content a, #content a:visited {
	font-family: 'raleway medium', sans-serif;
	text-decoration: none;
	/**color: #cb4870;**/
}

#content a:hover, #content a:focus, #content a:active {
	font-family: 'raleway medium', sans-serif;
	text-decoration: none;
	border-bottom: 1px solid;
	color: rgb(83, 67, 67);
}

#content .link-dzt a:hover, #content .link-dzt a:focus, #content .link-dzt a:active {
	font-family: 'raleway medium', sans-serif;
	text-decoration: none;
	color: #cb4870;
	color: rgb(83, 67, 67);
}

#content .link-dzt a, #content .link-dzt a:visited {
	font-family: 'raleway medium', sans-serif;
	text-decoration: none;
	color: rgb(83, 67, 67);
}

#content a.unterstrichen, #content a.unterstrichen:visited {
	border-bottom: 1px solid;
}

#content a.unterstrichen:focus, #content a.unterstrichen:active, #content a.unterstrichen:hover {
	border-bottom: 0px solid;
}

#header-bild {
	height: 617px;
	width: 100%;
	background-image: url(../images/coaching-unger-birgit-f-unger-essen-ruhr.jpg);
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	background-color: #DFD9D9;
	z-index: 3;
	position: relative;
}

#header-bild-imp {
	height: 0px;
	width: 100%;
	background-image: none /**url(../images/coaching-unger-birgit-f-unger-impre.jpg)**/;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	z-index: 3;
	position: relative;
}

.header-text {
	position: absolute;
	top: 190px;
	left: 10%;
	width: auto;
	z-index: 4;
}

#header-logo-fmd {
	position: absolute;
	top: 617px;
	z-index: 3;
	left: calc(10% - 5px);
}

#header-logo-fmd img {
	width: 220px;
	height: auto;
	box-shadow: 3px 3px 7px #0000006e;
}

#content {
	margin: 87px auto 0px auto;
	display: block;
}

.zweispaltig {
	position: relative;
}

#content img {
	z-index: 2;
	position: relative;
	display: block;
}

#content img.bild-zentriert {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	max-width: 750px;
	margin: auto;
}

#content img.bild-zentriert.hochformat {
	width: 50%;
	height: auto;
	margin-bottom: 40px;
	max-width: 750px;
	margin: auto;
}

#text-1, #text-2, #text-3, #text-4, #text-5, #zurperson, #text-6, #bereich-beratung, #bereich-referenzen, #bereich-vernetzt, #bereich-moderation, #bereich-coach {
	width: 950px;
	margin: 0px auto 0px auto;
	margin-bottom: 40px;
	display: block;
	position: relative;
	contain: content;
}

img.bild-100p {
	width: 950px;
	height: auto;
}

#sprung-bereich-moderation, #sprung-bereich-coach, #sprung-bereich-beratung, #sprung-bereich-vernetzt, #sprung-bereich-referenzen, #sprung-zurperson, #sprung-kontakt, #sprung-impressum {
	position: absolute;
	width: 0px;
	height: 0px;
	top: -80px;
}

#zitat-arendt {
	margin: 0px auto 80px auto;
	position: relative;
	display: block;
	float: none;
	width: 100%;
}

#text-2, #bereich-moderation {
	clear: left;
}

#text-3 {
	margin: 0px auto 0px auto;
}

.spalte-1 {
	width: 47.5%;
	float: left;
	margin-right: 2.5%;
}

.spalte-2 {
	width: 47.5%;
	float: left;
	margin-left: 2.5%;
}

.spalte-3 {
	width: 47.5%;
	float: left;
	margin-right: 2.5%;
}

.spalte-3-100 {
	clear: left;
	width: 100%;
}


#text-1 .spalte-2, #coach .spalte-3, #text-3 .spalte-2 {
	margin-bottom: 40px;
}

#text-6 {
	clear: left;
}

img#portraitbild {
	max-width: 750px;
	width: 50%;
	float: left;
	margin-bottom: 80px;
	margin-right: 40px;
}

p#textblock-neben-foto {
	padding-top: 120px;
}

#coach-bild, #coach-bild-, #impressum-bild {
	width: 100%;
	height: auto;
}

/**#ft-imp {
	height: 350px;
	width: 100%;
	background-image: url(../images/coaching-unger-birgit-f-unger-impre.jpg);
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	z-index: 3;
	position: relative;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#ft-imp #impressum-bild {
	min-width: 100%;
	width: auto;
	height: 350px;
}**/

/** Slideshow **/
.slideshow, .slideshow-beratung {
  list-style-type: none;
}

/** SLIDESHOW **/
.fenster-slideshow, .fenster-slideshow-beratung {
    width: 100%;
	height: 500px;
	overflow: hidden;
	max-width: 750px;
	margin: auto;
	max-height: 55vw;
}

.slideshow, .slideshow-beratung, .slideshow-beratung:after, .slideshow:after { 
    top: -16px; /*Not sure why I needed this fix*/
	position: relative;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: 0; 
}

.slideshow li span { 
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 86s linear infinite 0s; 
}

.slideshow li:nth-child(1) span { 
    background-image: url('../images/moderation-flip-01-birgit-f-unger.jpg'); 
}

.slideshow li:nth-child(2) span { 
    background-image: url('../images/moderation-flip-02-birgit-f-unger.jpg'); 
	animation-delay: 6s; 
}

.slideshow li:nth-child(3) span { 
    background-image: url('../images/moderation-flip-03-birgit-f-unger.jpg'); 
	animation-delay: 12s; 
}

.slideshow li:nth-child(4) span { 
    background-image: url('../images/moderation-birgit-f-unger-01.jpg'); 
	animation-delay: 18s; 
}

.slideshow li:nth-child(5) span { 
    background-image: url('../images/moderation-vhs-birgit-f-unger.jpg'); 
	animation-delay: 24s; 
}

.slideshow li:nth-child(6) span { 
    background-image: url('../images/birgit-f-unger-moderation-02a.jpg'); 
	animation-delay: 30s; 
}

.slideshow li:nth-child(7) span { 
    background-image: url('../images/birgit-f-unger-moderation-02b.jpg'); 
	animation-delay: 36s; 
}

.slideshow li:nth-child(8) span { 
    background-image: url('../images/birgit-f-unger-moderation-02c.jpg'); 
	animation-delay: 42s; 
}

.slideshow li:nth-child(9) span { 
    background-image: url('../images/birgit-f-unger-moderation-j33A8735-b.jpg'); 
	animation-delay: 48s; 
}

/**.slideshow li:nth-child(10) span { 
    background-image: url('../images/birgit-f-unger-moderation-a738262-2.jpg');
    animation-delay: 72s; 
}**/
.slideshow li:nth-child(10) span { 
    background-image: url('../images/birgit-f-unger-moderation-screenshot.png');
    animation-delay: 54s; 
}
.slideshow li:nth-child(11) span { 
    background-image: url('../images/moderation-regenbogen-birgit-f-unger-m.jpg');   
    animation-delay: 60s; 
}
.slideshow li:nth-child(12) span { 
    background-image: url('../images/birgit-unger-ob-thomas-kufen.jpg');   
    animation-delay: 66s; 
}
/**.slideshow li:nth-child(14) span { 
    background-image: url('../images/screenshot-956.jpg');   
    animation-delay: 104s; 
}**/
.slideshow li:nth-child(13) span { 
    background-image: url('../images/beteiligungsworkshop-stadt-essen.jpg');   
    animation-delay: 72s; 
}



.slideshow-beratung li span { 
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 30s linear infinite 0s; 
}

.slideshow-beratung li:nth-child(1) span { 
    background-image: url('../images/coaching-birgit-f-unger-01.jpg'); 
	
}

.slideshow-beratung li:nth-child(2) span { 
    background-image: url('../images/beratung-selbsthilfe-birgit-f-unger.jpg'); 
	animation-delay: 6s; 
	
}

.slideshow-beratung li:nth-child(3) span { 
    background-image: url('../images/beratung-rehacare-birgit-f-unger-essen-ruhr.jpg'); 
	animation-delay: 12s; 
}

.slideshow-beratung li:nth-child(4) span { 
    background-image: url('../images/beratung-ideenwerkstatt-maeuse-fuer-aeltere-birgit-f-unger.jpg'); 
	animation-delay: 18s; 
}

.slideshow-beratung li:nth-child(5) span { 
    background-image: url('../images/beratung-selbsthilfe-birgit-f-unger-b.jpg'); 
	animation-delay: 24s; 
}

@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}


@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}


.no-cssanimations .cb-slideshow li span {
	opacity: 1;
}

#text-und-bild {}
#footer {
	position: fixed;
	z-index: 3;
	right: 0px;
	bottom: 0px;
	padding: 15px;
	background: #e1e1e1;
	animation: forwards;
	animation-name: verschwinden;
	animation-delay: 10s;
	animation-duration: 0.6s;
}

@keyframes verschwinden { 
    0% { opacity: 1;}
    100% { opacity: 0 }
}

@media screen and (min-width: 975px) {
  nav ul.menu {max-height:;}
  nav a#nav-m, nav a.close {display: none;}
  nav ul li {margin: 0 0 0 0;}
}

@media all and (max-width:1710px) {
	h1 {font-size:2.5em;}
	.header-text, #header-logo-fmd {left: 5%;}
	h1 .pfeil-1, h1 .pfeil-2, h1 .pfeil-3 {padding-left: 200px;}
	h1 .pfeil-1:before {left: 50px; bottom: 5px;}
	h1 .pfeil-2:before {left: 0px; bottom: -25px;}
	h1 .pfeil-3:before {left: 60px; bottom: 11px;}
}

@media all and (max-width:1200px) {
	.header-text {width: 80%;}
}

@media all and (max-width:1165px) {
	.titelzitat {top: 650px;}
}

@media all and (min-width:1076px) {
	#text-1 .spalte-1 { margin-bottom: 50px;}
}

@media all and (max-width:1075px) {
	.titelzitat {right: auto; left: 12%;}
	#text-1, #text-2, #text-3, #text-4, #text-5, #zurperson, #text-6, #bereich-moderation, #bereich-beratung, #bereich-referenzen, #bereich-vernetzt, #bereich-coach {width: 80%; margin-left: 12%; margin-right: 8%;}
	img.bild-100p {width: 100%; margin-left: 0%; margin-right: 0%;}
	#ft-imp {background-image: url(../images/coaching-unger-birgit-f-unger-impre-928.jpg); height: 350px;}
	p#textblock-neben-foto {padding-top: 10vw;}
}


@media all and (max-width:975px) {
#header {margin: 0px;}

.header-text {top: 90px;}

#menu-leiste {height: 0px; padding-top: 0px;}	

#menu-leiste.dts-form {position: absolute; top: 0;}

#menu-leiste ul li {
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left:12vw;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	font-size: 1.8em;
	display: block;
}

#menu-leiste ul li:first-child {
	padding-top:15vh;
}

.titelzitat {
    top: 565px;
}

nav ul li .h-d {
	display: none;
}

nav ul li .h-m {
	display: block;
}

	 /*Formatierung Mobiles Menue*/
#nav-m {
	margin-left: 9px;
	z-index: 999;
	position: relative;
}

nav ul {
	height: 100vh;
    top: 0em;
    position: absolute;
    background: #fff;
    width: 100%;
    left: -100%;
    list-style-type:none;
    margin: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	box-shadow: none;
	z-index: 99;
  }
 
nav ul li{
    display: block;
    text-align: left;
    padding: 0.3em 0em;
    border-bottom: 1px solid #fff;
}
 
nav ul li a {
    color: rgb(83, 67, 67);
    padding: 0 0;
}
 
nav ul.menu li a:hover {
    border-bottom: 0;
}
 
  /*Hamburger-Icon*/
nav a#nav-m img,
nav a.close img {
    width: auto;
    height: auto;
	padding:10px 0px 0px 0px;
}
 
nav > .close,
nav a#nav-m:target {
	z-index: 999;
    display: none;
}
 
nav a:target ~ ul,
nav a:target ~ .close {
    display: inline-block;
}
 
nav a:target ~ .close {
	/**position: absolute;**/
	position: relative; /** nach Problemen mit der Position geändert. Test **/
    margin-left: -40px;
    margin-left: 0px; /** Aktuell ohne Bild, darum etwas nach rechts gerückt, bzw. nicht nach links gerückt **/
}
 
nav a:target ~ ul {
    left: 0;
}
  
#menu-leiste li {
	display: block;
	text-align:center;
}

#header-logo-fmd {
	top: 531px;
}
}

@media all and (max-width:865px) {
	.head-text-1 {width: 100%; padding-right: 0px;}
	h2, h3 {width: 100%; padding-right: 0px;}
	.spalte-1 {float: none; width: 100%; margin-right: 0px;}
	.spalte-2 {float: none; width: 100%; margin-left: 0px;}
	.spalte-3 {float: none; width: 100%; margin-left: 0px;}
}

@media all and (min-width:801px) {
	#content img.bg-sc {display: block;}
	#content img.sml-sc {display: none;}
}

@media all and (max-width:800px) {
	#ft-imp {background-image: url(../images/coaching-unger-birgit-f-unger-impre-928.jpg); height: 280px;}
	#content img.bg-sc {display: none;}
	#content img.sml-sc {display: block;}
}

@media all and (max-width:735px) {
	h1 {font-size: 1.5em;}
	h1 .pfeil-1, h1 .pfeil-2, h1 .pfeil-3 { padding-left: 120px;}
	h1 .pfeil-1::before {content: url(../images/pfeil-01-kl.png); position: absolute; left: 10px;  bottom: 0px;}
	h1 .pfeil-2::before {content: url(../images/pfeil-02-kl.png); position: absolute; left: 0px;  bottom: -7px;}
	h1 .pfeil-3::before {content: url(../images/pfeil-03-kl.png); position: absolute; left: 25px;  bottom: 5px;}
}

@media all and (max-width:715px) {
img#portraitbild {
	max-width: none;
	width: 100%;
	float: none;
	margin-bottom: 40px;
	margin-right: 0px;
}
p#textblock-neben-foto { padding-top: 0;}
}

@media all and (min-width:666px) {
	h1.only-sl {display: none;}
}

@media all and (max-width:665px) {
	#header-bild {background-image: url(../images/coaching-unger-birgit-f-unger-essen-ruhr-887.jpg); height: 350px; background-position: right;}
	#content {margin-top:25px;}
	.dts-content {top: 62px; position: relative;}
	#logo {top: 940px;}
	h1.only-sl {display: block; color: rgb(83, 67, 67); color: #ee2555; margin-left: 12%; padding-right: 5%; position: relative; }
	h1.only-sl .color-br {color: rgb(83, 67, 67);}
	h1.only-sl:before { content: url('../images/pfeil-dwn.png'); position: absolute; top: -150px; z-index: 5;}
	h2 {font-size: 1.3em;}
	.header-text, .titelzitat {display: none;}
	 #header-logo-fmd {top: 295px; left: unset; right: 5%;}
	 #header-logo-fmd img {width: 140px; max-width: 30vw;}
}

@media all and (max-width:650px) {
	body {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
	#logo {left: 15px;}
}

@media all and (max-device-width:750px) {
	#menu-leiste ul li {font-size: 1.2em; line-height: 1em;}
	h1 {font-size: 1.5em;}
}

/**@media all and (max-height: 560px) {
	#menu-leiste ul li {
		font-size: 1.3em;
	}
}**/

@media all and (max-width: 625px) {
	#menu-leiste ul li {
		font-size: 1.3em;
	}
}

/**
@media all and (max-width:550px) and (orientation:portrait) {
#menu-leiste ul li {
	padding-left:25%;
	font-size: 6vw;
}
}

@media all and (max-width:550px) and (orientation:landscape) {
#menu-leiste ul li {
	padding-left:0%;
	font-size: 1em;
}
}
**/