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

body 				{font-family: 'Ubuntu Condensed', sans-serif; margin: 0; padding: 0; font-size: 15px;line-height: 22px;height: 100%; width: 100%}
p 					{font-family: 'Ubuntu Condensed', sans-serif;width: 60%;margin: 0 0 15px 0}
strong 				{font-size: 1.2rem} 
a 					{color: #000; text-decoration: underline}
.footer a 			{color: #d6afb4}
a:hover				{color: #e8d8d9; text-decoration: none}

.wrapper 			{height: 70vh; width: 100%;display: flex;align-items: flex-end}
.bettina			{/*background-color: rgba(162, 82, 83, 0.34); */width: 100%; height: 70%; position: absolute; right: 0px; z-index: 1}
.bettina img 		{height: 100%; width: auto; float: right}
.text-bild-wrapper	{/*background-color: #9B6EC8;*/ display: flex; width:100%; height: 60%;justify-content: flex-end}
.text				{display: none}
.balken				{background-color: #e8d8d9; width: 90%; height: 100%; display: flex; flex-flow: column; justify-content: flex-end;}
.sign 				{width: 100%;line-height: 0}
.sign img 			{width: 88%;left: -9%;height: auto; position: relative; z-index: 2}
.text-mobil 		{display: block;padding: 35px 15px 25px 10%}
.text-mobil p 		{width: 100%}
.freuemich 			{position: relative;z-index: 3; margin: 0 0 -20% 15%;}
.footer 			{background-color: #000; text-align: center; color: #d6afb4; padding: 15px 45px;font-family: 'Ubuntu Condensed', sans-serif;font-size: 0.9rem}
iframe 				{margin: 0 0 -6px 0}

.folgeseite			{padding: 15px}
.folgeseite p 		{width: 100%}

@media (min-width:480px) {

}

@media (min-width:768px) {
	
}

@media (min-width:992px) {
body 				{font-size: 16px}
.wrapper 			{height: 100vh; width: 100%;display: flex;align-items: center}
.bettina			{/*background-color: rgba(162, 82, 83, 0.34); */width: 60%; height: 100%; position: absolute; right: 0px; z-index: 1}
.bettina img 		{height: 100%; width: auto; float: right}
.text-bild-wrapper	{/*background-color: #9B6EC8;*/ display: flex; width:100%; height: 70%;padding: 5% 0 0 0 }
.text				{/*background-color: #8BC34F;*/ width: 50%; height: 100%;display: flex; flex-flow: wrap; align-content: center; justify-content: center;}
.text-mobil 		{display: none}
.balken				{background-color: #e8d8d9; width: 50%; height: 100%; display: flex; flex-flow: column; justify-content: flex-end;}
.sign 				{width: 100%;line-height: 0}
.sign img 			{width: 77%;left: -8%;height: auto; position: relative; z-index: 2}
.freuemich 			{position: relative;z-index: 3; margin: 0 0 -15% 20%; font-size: 1.25rem; line-height: 1.4em;}
 
}

@media (min-width:1200px) {
.wrapper 			{height: 100vh; width: 100%;display: flex;align-items: center}
.bettina			{/*background-color: rgba(162, 82, 83, 0.34); */width: 60%; height: 100%; position: absolute; right: 0px; z-index: 1}
.bettina img 		{height: 100%; width: auto; float: right}
.text-bild-wrapper	{/*background-color: #9B6EC8;*/ display: flex; width:100%; height: 70%;padding: 5% 0 0 0 }
.text				{/*background-color: #8BC34F;*/ width: 35%; height: 100%;display: flex; flex-flow: wrap; align-content: center; justify-content: center;}
.text-mobil 		{display: none}
.balken				{background-color: #e8d8d9; width: 65%; height: 100%; display: flex; flex-flow: column; justify-content: flex-end;}
.sign 				{width: 100%;line-height: 0}
.sign img 			{width: 77%;left: -8%;height: auto; position: relative; z-index: 2}
}