/* CSS für die HTML Goldener Schnitt */
body {width: 95%; margin: 0 auto; font-size: 1rem; color: black; font-family: "Lucida Grande", sans-serif; /* background-image: url("Fraktal_Ausschnitt.jpg"); background-position: center center;background-repeat: no-repeat;
background-size: 90%; */}
#wrap00 {padding-left: 0px;}
.rand {border: blue dotted 2px; }
	/* ********************/
	/* Name *******/
	/* ********************/
	#flexwrap0 {width: 95%; color: black; font-size: 1.5rem; display: flex; justify-content: space-between; margin: 0 auto; padding-left: 0px; font-size: 4rem;}
		/* linker Teil */
		#flexdir01 {display: inline-block; width: 20%; text-align: center;}
		
		/* mittlerer Teil */
		
		#flexdir02 {display: inline-block; width: 60%; text-align: center;}
		
		/* rechter Teil */
		
		#flexdir03 {display: inline-block; width: 20%; text-align: center;}
.mirror {display: inline-block; transform: scalex(-1);}
	/* ********************/
	/* Jahreszahlen *******/
	/* ********************/
	#flexwrap1 {width: 95%; color: black; font-size: 1.5rem; display: flex; justify-content: space-between; margin: 0 auto; padding-left: 0px; font-size: 4rem;}
		/* linker Teil */
		#flexdir11 {display: inline-block; width: 20%; text-align: center;}
		
		/* mittlerer Teil */
		
		#flexdir12 {display: inline-block; width: 60%; text-align: center;}
		
		/* rechter Teil */
		
		#flexdir13 {display: inline-block; width: 20%; text-align: center;}
		
	/* ********************/
	/* Jobtitel ***********/
	/* ********************/
	#flexwrap2 {width: 95%; color: black; font-size: 1.5rem; display: flex; justify-content: space-between; margin: 0 auto; padding-left: 0px; font-size: 2rem;}
		/* linker Teil */
		#flexdir21 {display: inline-block; width: 5%; text-align: center;}
		
		/* mittlerer Teil */
		
		#flexdir22 {display: inline-block; width: 90%; text-align: center; line-height: 150%; font-size: 3rem; font-stretch: 1.8%;}
		.font15 {font-size: 1.5rem;}
		#pl1 { width: 60%;}
		/* rechter Teil */
		
		#flexdir23 {display: inline-block; width: 5%; text-align: center;}
		
	/* ********************/
	/* Werdegang **********/
	/* ********************/
	#flexwrap3 {width: 95%; color: black; font-size: 1.5rem; display: flex; justify-content: space-between; margin: 0 auto; padding-left: 0px; font-size: 1.8rem;}
		/* linker Teil */
		#flexdir31 {display: inline-block; width: 20%; text-align: center;}
		
		/* mittlerer Teil */
		
		#flexdir32 {display: inline-block; width: 60%; text-align: center; line-height: 150%; font-size: 2rem; font-stretch: 1.8%;}
		.flexdir321 {font-size: 2.2rem; font-weight: bold;}
		
		/* rechter Teil */
		
		#flexdir33 {display: inline-block; width: 20%; text-align: center; font-size: 1.5rem;}
		
	/* ********************/
	/* Rechner ************/
	/* ********************/
	#flexwrap4 {width: 95%; color: black; font-size: 1.5rem; display: flex; justify-content: space-between; margin: 0 auto; padding-left: 0px;}
		/* linker Teil */
		#flexdir41 {display: inline-block; width: 35%; text-align: center;}
		#ibm360 { padding-top: 11rem; width: 100%;}
		
		/* mittlerer Teil */
		
		#flexdir42 {display: inline-block; width: 40%; text-align: center; font-size: 2.2rem; font-weight: bold;}
		#pc {width: 100%;}
		#font3rem {font-size: 1.5rem;}
		
		/* rechter Teil */
		
		#flexdir43 {display: inline-block; width: 25%; text-align: center;}
		#handy {padding-top: 11rem; width: 20%;}
	
	/* ********************/	
	/* Speichermedien *****/
	/* ********************/	
	#flexwrap5 {width: 95%; color: black; font-size: 1.5rem; display: flex; justify-content: space-between; margin: 0 auto; padding-left: 0px;}
		/* linker Teil */
		#flexdir51 {display: inline-block; width: 35%; text-align: center;}
		#lochkarte {width: 100%;}
		
		/* mittlerer Teil */
		
		#flexdir52 {display: inline-block; width: 40%; text-align: center; font-size: 2.5rem; font-weight: bold;}
		
		/* rechter Teil */
		
		#flexdir53 {display: inline-block; width: 25%; text-align: center;}
		#sdkarte {width: 20%;}
	
	/* ********************/	
	/* Eingabemedien  *****/
	/* ********************/	
	#flexwrap6 {width: 95%; color: black; font-size: 1.5rem; display: flex; justify-content: space-between; margin: 0 auto; padding-left: 0px;}
		/* linker Teil */
		#flexdir61 {display: inline-block; width: 35%; text-align: center;}
		#lochkartenlocher {width: 100%;}
		
		/* mittlerer Teil */
		
		#flexdir62 {display: inline-block; width: 40%; text-align: center; font-size: 1.5rem;}
		#sprache {width: 150%;}
		
		/* rechter Teil */
		
		#flexdir63 {display: inline-block; width: 25%; text-align: center;}
		#sprache {width: 20%;}
		
	
		
	/* ********************/
	/* neueste Schulungen ***********/
	/* ********************/
	#flexwrap7 {width: 95%; color: black; font-size: 1.5rem; display: flex; justify-content: space-around; margin: 0 auto; padding-left: 0px; font-size: 2rem;}
		/* linker Teil */
		#flexdir71 {display: inline-block; width: 20%; text-align: center; margin: auto;}
		
		/* mittlerer Teil */
		
		#flexdir72 {display: inline-block; width: 40%; text-align: center; line-height: 150%; font-size: 3rem; font-stretch: 1.8%;}
		#webdeveloper { width: 70%;}
		
		/* rechter Teil */
		
		#flexdir73 {display: inline-block; width: 40%; text-align: center; line-height: 150%; font-size: 3rem; font-stretch: 1.8%;}
		#webdesigner{ width: 70%;}
		
	
	
		@media screen and (max-width: 414px) {
		body {width: 98%; margin: auto;}
		#flexwrap0 {flex-direction: column; width: 100%;}
		#flexdir01, #flexdir02 {width: 90%;}
		#flexdir03 {display: none;}		
		
		#flexwrap1 {flex-direction: column; width: 100%;}
		
		}