@charset "UTF-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=Amatica+SC:700|Lato:400,700');*/

@media only screen and (max-width: 600px) {
	
	body {
		background-image: none;
		/*background-attachment: fixed;*/
		background-color: #ffb2cc;
	}
	
	.bg_img {
		visibility: visible;
		position: fixed;
		z-index: -1;
		width: 100%;
		height: 100%;
		top: 0px;
		background-image: url(../img/bg/wasserfarbe_mobile.png);
		background-repeat: no-repeat;
	}
	
	.content {
		width: 100%;
		margin-top: 200px;
	}
	
	.header_mobile {
		visibility: visible;
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		top: 0;
		position: fixed;
		z-index: 10000;
	}
	
	.ornamente_wrapper {  
		width: 100%;
	}
	
	.ornamente { 
		
	}
	
	.flirtfaktor_mobile_wrapper {
		width: 100%;
		position: absolute;
		top: 0px;
		padding-left: 20px;
		padding-top: 15px;
	}
	
	.flirtfaktor_mobile {
		width: 180px;
	}
	
	#kreuz_schlecht_01,
	#kreuz_schlecht_03 {
		padding-top: 0px;
	}
	
	#kreuz_gut_02,
	#kreuz_schlecht_04,
	#kreuz_gut_05 {
		padding-top: 0px;
	}
	
	.barometer {
		display: none;
	}
	
	
	/*.header_mobile {
		visibility: visible;
		margin: 0px;
		padding: 0px;
		width: 100%;
		min-height: 205px;
		top: 0px;
		z-index: 10000;
	}
	
	.ornamente_wrapper {
		width: 100%;
		z-index: 12000;
	}
	
	.ornamente {
		width: 100%;
		height: auto;
		position: fixed;
		margin: 0px;
		padding: 0px;		
	}
	
	.flirtfaktor_mobile_wrapper {
		width: 255px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		position: fixed;
		z-index: 20000;
	}
	
	.flirtfaktor_mobile {
		width: 75%;
	}*/
	
	.fragen_antworten {
		width: 100%;
		position: relative;
	}
	
	.frage_01,
	.frage_02,
	.frage_03,
	.frage_04,
	.frage_05 {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.antwort_01 {
		width: auto;
	}
	
	.antwort_02 {
		padding-left: 0px;
		padding-top: 15px;
		width: auto;
	}
	
	#kreuz_schlecht_01,
	#kreuz_gut_02,
	#kreuz_schlecht_03,
	#kreuz_schlecht_04,
	#kreuz_gut_05 {
		top: 8px;
		left: 0px;
	}
		
	.flirtfaktor {
		visibility: hidden;
		overflow: hidden;
	}
	
	#balken_wrapper {
		visibility: hidden;
		overflow: hidden;
	}
	
	hr {
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 20px;
	}
	
	#button {
		padding-left: 20px;
	}
	
	/*----- REAKTIONEN -----*/
	#reaktion_mobile_01,
	#reaktion_mobile_02,
	#reaktion_mobile_03,
	#reaktion_mobile_04,
	#reaktion_mobile_05,
	#reaktion_mobile_06 {
		width: 100px;
		height: auto;
		position: absolute;
		top: 60px;
		left: 215px;
		display: none;
	}
	
	/*----- ERGEBNISSE -----*/
	
	.pfeil {
		padding-top: 0px;
	}
	
	.ergebnis_text {
		width: 75%;
	}

	.ergebnis_text a {
		font-size: 18px;
		line-height: 1.4;
	}
	
	.ergebnis_bild {
		top: -100px;
		left: -70px;
		width: 60px;
		height: auto;
	}
	
	.ergebnis_03_inhalt .ergebnis_bild {
		left: -30px;
	}
	
	
	#ergebnis_01_wrapper,
	#ergebnis_02_wrapper,
	#ergebnis_03_wrapper,
	#ergebnis_04_wrapper,
	#ergebnis_05_wrapper,
	#ergebnis_06_wrapper {
		z-index: 21000;
		top: 0px;
		width: 100%;
		height: 100%;
		position: fixed;
	}
	
	#ergebnis_01_inhalt,
	#ergebnis_02_inhalt,
	#ergebnis_03_inhalt,
	#ergebnis_04_inhalt,
	#ergebnis_05_inhalt,
	#ergebnis_06_inhalt {
		left: 20px;
	}

	#ergebnis_01,
	#ergebnis_02,
	#ergebnis_03,
	#ergebnis_04,
	#ergebnis_05,
	#ergebnis_06 {
		width: 100%;
		height: 100%;
		box-shadow: none;
	}
	
	#ergebnis_01 h3,
	#ergebnis_02 h3,
	#ergebnis_03 h3,
	#ergebnis_04 h3,
	#ergebnis_05 h3,
	#ergebnis_06 h3 {
		font-size: 50px;
	}
	
	#ergebnis_01 p,
	#ergebnis_02 p,
	#ergebnis_03 p,
	#ergebnis_04 p,
	#ergebnis_05 p,
	#ergebnis_06 p {
		font-size: 18px;
		line-height: 1.4;
	}
	
	.content_ausblenden {
		display: none;
	}
	
}