.flex-container {display:flex; justify-content:space-around;}
.vertical {flex-direction:column;}
.horizontal {flex-direction:row;} 

body {background-color: rgba(41, 41, 41, 1); padding-left:2px; padding-right:2px}
main {background-color:rgba(41, 41, 41, 1); }

header > object {position:absolute; top:2px; right:2%}  
header>section {flex-direction:row; display:flex; justify-content: flex-start; align-items: center; border-bottom: 2px solid white;  padding-bottom: 10px; margin-bottom: 5px;}			                   /* Europakarte Sprachauswahl*/
header>section>section {width:4000px; padding-right: 1200px;padding-left:16px}
main>div>div:first-child {position:absolute; line-height:25px; text-align: center; color:white; width:40vw}             /* Kontakt */ 
section>p {line-height:2;}                     
.indent { margin-left: 40px}
p>a {color: white;}

main>div {width:100vw; margin-right:10px; /* Position Zoom Knöpfe */  margin-top:0%}     /* Kontakt, Karte, Lebenslauf */

/* Lebenslauf */										 
i {color:gray; font-size : 20px; line-height: 18px;}    /* Jahreszahlen */
p {line-height:30px; margin-bottom:0px; margin-top:0px; color: white; /* Farbe Datenschutz*/ font-size : 20px;}
body>main~a>p {position:fixed; bottom:10px; color: white; right: 45%; left: 45%; text-align: center; font-size: small;}    /* Datenschutz */

#InfoTab, #ArchitekturTab, #GeoTab, #platzhalter {width: 50vw;}
div>ul {list-style-type: none;}
li {color: white; font-size: 20px; line-height:30px} 
ul>li:last-child {padding-bottom: 15px;}

li>a { text-decoration: none; color:rgb(15,144,124);}   /* Links im Lebenslauf */
element {color:darkturquoise; cursor: pointer;}   /* Orte im Lebenslauf */

.tab {overflow: hidden; padding-left:47px; padding-bottom:0px}
.tab button {font-size:20px;background-color:rgba(41, 41, 41, 1);color:white; float: left; border: none; outline: none;cursor: pointer;padding: 10px 30px;transition: 0.3s;}
.tab button:hover { background-color: #ddd; color:black;}
.tab button.active {background-color: #ccc;color:black;}
.tabcontent {display: none; padding-top: 35px;border-top: none;}

/* Karte */
#maparea { padding-left: 10px; height: 26vw; margin-top:4%; width:43vw; right:15px; display: flex } 
.TabinhaltUndKarte {display:flex; justify-content:space-around; flex-direction: row;}    
.leaflet-control-container {position: absolute; right:-99%;}   /* Position Zoomknöpfe*/



@media screen and (max-device-width: 1200px) {
		.flex-container {display:flex;  justify-content:space-around;} 
	    .horizontal {flex-direction: column;}
	    
	    section>img {display: none}
		body { padding-left:1px; padding-right:1px} 
	    body>a>p {position:relative; bottom:3px; left: 0%; width: 100%; }    /* Datenschutz */

		header > object {position:absolute; top:2px; }  			                   /* Europakarte Sprachauswahl*/
		header>section>section {width:1000px; padding-right: 1px;padding-left:1px}
		header>section>section>p~p {font-size : 18px;}  /* email */
	    
		div>ul {list-style: none; padding-left: 0px; margin-bottom: 0px;}
		/* main>div { display:flex; justify-content:start; flex-direction:column;} */
	    /* main>div>div {position: absolute; width: 90vw; padding-left: 0vw;} */  
		main>div>div:first-child {position:absolute; line-height:25px; text-align: center; color:white; width:100vw}            

		element>p{color:white;padding-left: 0px; line-height: 30px; }   /* Orte im Lebenslauf */

	    /* main div {width:100vw; margin-right:10px; Position Zoom Knöpfe  margin-top:0%}  */
	    
	    header {height: 7vh; padding-bottom: 60px;}
		.TabinhaltUndKarte {flex-direction: column; align-items: center;}
		#platzhalter {height:300px ;}
		#InfoTab, #ArchitekturTab, #GeoTab, #platzhalter {width: 90vw;}
  	    #maparea {height: 25vh; width: 100vw; margin-bottom: 10%; margin-top:0px ; touch-action: auto; margin-left: 5vw; padding-left: 1px;padding-right: 1px;} 
	  
		  section>div {left: 20px;}

		.tabcontent {display: none; padding: 10px 1px; margin-top:20px; border-top: none;} 
		.tab {padding-left:0px; margin-bottom:20px; flex-direction: row; overflow: visible; display: flex; justify-content: center;}

		.tab button { font-size:20px;background-color:rgba(41, 41, 41, 1);color:white; border: none; outline: none; padding: 7px 20px; transition: 0.3s;}
}

@media screen and (max-device-width: 639px) {}